@charset "utf-8";

/* layout */
.inner-wrap{padding:0 1rem;}
.max-width{max-width:160rem; margin:0 auto;}
.inner + .inner{margin-top:8rem;}

/* main bn */
.content-wrap.main{overflow:hidden; padding-bottom:7rem;}
.inner-wrap.main-bn{display:flex; flex-direction:column; overflow:hidden; position:relative; height:84rem; padding:8rem 9.4rem 0; color:#fff; background:transparent;}

.inner-wrap.main-bn > *:not(.bg){position:relative; z-index:1;}
.inner-wrap.main-bn .bg{position:absolute; inset:0; background-size:cover; opacity:0; animation:fadeSlide 12s infinite linear; z-index:0;}
.inner-wrap.main-bn .bg.bg1{background-image:url(../images/common/img_main_bg.webp); animation-delay:0s;}
.inner-wrap.main-bn .bg.bg2{background-image:url(../images/common/img_main_bg02.webp); animation-delay:4s;}
.inner-wrap.main-bn .bg.bg3{background-image:url(../images/common/img_main_bg03.webp); animation-delay:8s;}

@keyframes fadeSlide{
    0% { opacity: 0; }
    10% { opacity: 1; }   /* 1.2초 동안 서서히 등장 */
    30% { opacity: 1; }   /* 2.4초 동안 유지 */
    40% { opacity: 0; }   /* 1.2초 동안 서서히 사라짐 */
    100% { opacity: 0; }
}

.inner-wrap.main-bn .img-boy{display:block; position:absolute; right:-5.5rem; bottom:-8rem; width:36.2rem; scale:.7; z-index:1; pointer-events:none;}

.inner-wrap.main-bn .h2-title{margin-left:auto; padding-top:5rem; line-height:130%; font-size:6rem; letter-spacing:-1rem; font-family:var(--ff-mono); background:url(../images/common/icon_recycle.svg) left 34rem top no-repeat;}
.inner-wrap.main-bn .h2-title .toggle-grp{display:flex; overflow:hidden; height:4rem; margin-top:2rem; font-size:2rem; font-family:var(--ff-noto); background:rgba(0, 0, 0, 0.8); border-radius:2rem; border:.1rem solid #009BB4;}
.inner-wrap.main-bn .h2-title .toggle-grp span{display:inline-block; width:100%; height:100%; color:#009BB4; font-weight:500; line-height:3.8rem; text-align:center; letter-spacing:0;}
.inner-wrap.main-bn .h2-title .toggle-grp span:first-child{max-width:30rem;}
.inner-wrap.main-bn .h2-title .toggle-grp span.on{color:#fff; font-weight:700; background:#009BB4;}

.slide-bn.swiper{max-width:144.5rem; width:100%; margin-top:auto; margin-right:unset; padding-bottom:7rem;}
.slide-bn.swiper .swiper-slide{width:auto; flex:0 0 auto;}
.slide-bn.swiper .swiper-slide > a{display:inline-flex; gap:4rem; flex-wrap:wrap; justify-content:center; align-items:center; width:24rem; height:26.8rem; margin-top:4.2rem; padding:5rem 0; font-weight:700; font-size:2rem; background:url(../images/common/img_main_bn_bg.svg) center center / 100% no-repeat;}
.slide-bn.swiper .swiper-slide > a img{display:block; width:8rem;}
.slide-bn.swiper .swiper-slide > a > p{display:block; width:100%; text-align:center;}
.slide-bn.swiper .swiper-slide .top-msg{display:none; font-family:var(--ff-noto);}
.slide-bn.swiper .swiper-slide .top-msg .first{font-weight:300; font-size:1.3rem;}
.slide-bn.swiper .swiper-slide .top-msg .sec{font-weight:700; font-size:2.3rem;}
.slide-bn.swiper .swiper-slide .top-msg .third{font-weight:400; font-size: 2.3rem;}
.slide-bn.swiper .swiper-slide.swiper-slide-active > a{gap:3rem; background-image: url(../images/common/img_main_bn_bg_on.svg);}
.slide-bn.swiper .swiper-slide.swiper-slide-active > a > p{margin-top:3rem; font-size:3rem;}
.slide-bn.swiper .swiper-slide.swiper-slide-active > a img{width:10rem;}

.slide-bn.swiper .control01{display:flex; gap:1.6rem;}
.slide-bn.swiper .control01 .paging{font-weight:300; font-size:1.6rem;}
.slide-bn.swiper .control01 .paging .current{margin-right:.5rem; font-weight:500; font-size:2.4rem;}
.slide-bn.swiper .control01 .paging .max{margin-left:.5rem;}
.slide-bn.swiper .control01 .btn-auto-play{display:flex; gap:1rem; align-items:center;}
.slide-bn.swiper .control01 .btn-auto-play button{height:1.8rem; text-indent:-9999px; background-position:center center; background-size:100%; background-repeat:no-repeat;}
.slide-bn.swiper .control01 .btn-auto-play button.btn-play{width:1.8rem; background-image:url(../images/common/icon_main_bn_play.svg);}
.slide-bn.swiper .control01 .btn-auto-play button.btn-pause{width:1rem; background-image:url(../images/common/icon_main_bn_pause.svg);}
.slide-bn.swiper .slidebar{display:flex; top:2.2rem; left:13.6rem; width:calc(100% - 13.6rem); height:.1rem; background:#fff;}
.slide-bn.swiper .slidebar .swiper-pagination-bullet{flex:1; position:relative; top:-.5rem; height:1rem; margin:0; background:#fff; transition:all .3s; border-radius:0; opacity:0;}
.slide-bn.swiper .slidebar .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
.slide-bn.swiper .control02{position:absolute; bottom:1.5rem; width:100%; height:4.5rem;}
.slide-bn.swiper .control02 .btn-grp{display:flex; gap:1.6rem; width:10.6rem;}
.slide-bn.swiper .control02 .btn-grp button{display:inline-block; width:4.5rem; height:4.5rem; text-indent:-9999px; background-position:center center; background-size:100%; background-repeat:no-repeat;}
.slide-bn.swiper .control02 .btn-grp button.btn-prev{background-image:url(../images/common/btn_bn_prev.svg);}
.slide-bn.swiper .control02 .btn-grp button.btn-next{background-image:url(../images/common/btn_bn_next.svg);}
.slide-bn.swiper .swiper-slide.swiper-slide-active .top-msg{display:block; position:absolute; top:.5rem; left:0; width:16rem; text-align:center;}
.slide-bn.swiper .control01{position:absolute; top:0; right:0; z-index:1;}

/* main contents */
.inner-wrap.contents{max-width:174rem; margin:9rem auto 0;}
.inner-wrap.contents .tit .h3-title{font-weight:700; line-height:130%; font-size:4rem; text-align:center; letter-spacing:-1rem; font-family:var(--ff-mono);}
.inner-wrap.contents .tit .h3-title + .sub-disc{position:relative; padding-top:3rem; font-weight:400; line-height:130%; font-size:2rem; text-align:center;}
.inner-wrap.contents .tit .h3-title + .sub-disc::before{content:''; display:inline-block; position:absolute; top:1.5rem; left:50%; width:4rem; height:.2rem; background:#62C0B4; transform:translateX(-50%);}
.inner-wrap.contents .tit + .box-list{margin-top:4rem;}

.box-list{display:flex; gap:2.4rem;}
.box-list li{width:100%;}
.box-list li > a{display:flex; flex-direction:column; width:100%; height:36rem; padding-top:4rem; background:#fff; border-radius:2rem; transition:all .3s;}
.box-list li:hover > a{color:#fff; background:#009BB4;}
.box-list li p{font-weight:700; font-size:2rem; text-align:center;}
.box-list li p + .lesson{margin-top:1rem;}
.box-list li .lesson{display:flex; justify-content:center; align-items:center; font-weight:400; font-size:1.6rem;}
.box-list li .profile{position:relative; margin-top:auto;}
.box-list li .profile img{display:block; margin:0 auto;}
.box-list li .profile .badge{display:inline-flex; position:absolute; left:50%; bottom:2rem; min-width:12rem; padding:.55rem 2.35rem; color:#fff; font-weight:700; font-size:1.6rem; background:#009BB4; transform:translateX(-50%); border-radius:1.5rem;}

.inner-wrap.contents + .inner-wrap.notice{margin-top:10rem;}
.inner-wrap.notice{display:flex; gap:5.7rem; max-width:172rem; margin:0 auto;}

.inner-wrap.notice .data .tit{position:relative;}
.inner-wrap.notice .data .tit h3{font-weight:700; font-size:3.6rem; line-height:130%; letter-spacing:-.7rem; font-family:var(--ff-mono);}
.inner-wrap.notice .btn-more{display:inline-flex; gap:1rem; align-items:center; position:absolute; top:1rem; right:0; font-weight:500; font-size:1.6rem;}
.inner-wrap.notice .btn-more .ico{width:3.5rem; height:3.5rem; background:url(../images/common/icon_btn_plus01.svg) center center / 100% no-repeat;}

.inner-wrap.notice .data .cont{display:flex; gap:2.5rem; margin-top:1.5rem;}
.inner-wrap.notice .data .cont li{max-width:40rem; width:100%;}
.inner-wrap.notice .data .cont li img{display:block; max-width:40rem; width:100%;}
.inner-wrap.notice .data .cont li .cont-tit{margin-top:1.5rem; font-weight:700; line-height:3rem; font-size:2.2rem;}
.inner-wrap.notice .data .cont li .txt{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; color:#6E6E6E; font-weight:400; line-height:2.4rem; font-size:1.6rem; white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:3;}
.inner-wrap.notice .data .cont li .cont-tit + .txt{margin-top:1rem;}
.inner-wrap.notice .data .cont li .txt + .date{margin-top:3.5rem;}
.inner-wrap.notice .data .cont li .date{display:inline-block; color:#6E6E6E; font-weight:400; line-height:2.4rem; font-size:1.6rem;}

.inner-wrap.notice .noti-list{flex-grow:1; position:relative; padding:4.1rem 0 4.7rem 4.7rem; background:#003B90; border-radius:5rem 0 0 5rem;}
.inner-wrap.notice .noti-list::before{content:''; display:block; position:absolute; top:0; left:0; width:100vw; height:100%; background:#003B90; border-radius:5rem 0 0 5rem; z-index:0;}
.inner-wrap.notice .noti-list > *{position:relative; z-index:1;}
.inner-wrap.notice .noti-list .tit{position:relative; padding-bottom:2rem; color:#fff; border-bottom:.2rem solid #fff;}
.inner-wrap.notice .noti-list .tit h3{font-weight:700; font-size:3.6rem; line-height:130%; letter-spacing:-.7rem; font-family:var(--ff-mono);}
.inner-wrap.notice .btn-more .ico.icon-more2{background-image:url(../images/common/icon_btn_plus02.svg);}

.inner-wrap.notice .cont ul li > a{display:flex; justify-content:space-between; align-items:center; padding:1.5rem 0; color:#fff; font-weight:500; line-height:3rem; font-size:2rem;}
.inner-wrap.notice .cont ul li > a .date{flex:0 0 auto; font-weight:400; line-height:2.4rem; font-size:1.6rem;}

.inner-wrap.notice .cont ul li + li > a{border-top:.1rem solid #fff;}
.inner-wrap.notice .cont ul li > a > p{display:inline-block; overflow:hidden; width:calc(100% - 10rem); text-overflow:ellipsis; white-space:nowrap;}
.inner-wrap.notice .cont ul + .btn-noti-bn{margin-top:4rem;}
.btn-noti-bn{display:flex; flex-wrap:wrap; width:100%; height:18rem; padding:4.7rem 4.9rem; color:#fff; font-weight:700; line-height:130%; font-size:3.2rem; letter-spacing: -.7rem; font-family:var(--ff-mono); background:url(../images/common/img_noti_bn_bg.webp) center center / cover no-repeat; border-radius:1rem;}
.btn-noti-bn .txt{width:100%;}
.btn-noti-bn .badge{display:inline-flex; align-items:center; font-weight:400; margin-top:1.4rem; padding:.3rem 2.5rem; font-size:1.4rem; line-height:2.4rem; font-family:var(--ff-default); letter-spacing:0; border:.1rem solid #fff; border-radius:1.5rem;}

.sub .inner-wrap{padding:0;}
.inner-wrap .h2-title{font-weight:500; font-size:6rem;}
.inner-wrap .h2-title + .tab-container.sub{padding-top:8.5rem;}

/* tab */
.tab-container.sub{position:relative;}
.tab-container.sub .tab-head{display:flex; gap:6rem; border-bottom:.1rem solid #9C9C9C;}
.tab-container.sub .tab-head .tab-menu{position:relative; padding-bottom:2rem; color:#9C9C9C; font-weight:500; font-size:2rem; transition:all .3s ease;}
.tab-container.sub .tab-head .tab-menu.is-active,
.tab-container.sub .tab-head .tab-menu:hover{color:#009BB4; font-weight:700;}
.tab-container.sub .tab-head .tab-menu.is-active::after,
.tab-container.sub .tab-head .tab-menu::after{content:''; display:block; position:absolute; bottom:0; height:.5rem; background:#009BB4; transition:all .3s ease;}
.tab-container.sub .tab-head .tab-menu::after{width:0;}
.tab-container.sub .tab-head .tab-menu:hover::after,
.tab-container.sub .tab-head .tab-menu.is-active::after{width:100%;}
.tab-container.sub .tab-head + .tab-content-wrap{margin-top:5rem;}
.tab-container.sub .tab-content{display:none; min-height:30rem;}
.tab-container.sub .tab-content.is-active{display:block;}
.tab-container.sub .tab-content p{font-size:1.8rem;}
.tab-container.sub .tab-content .info-txt{width:65%; min-height:13rem; margin-bottom:5rem; font-weight:500; line-height:160%;}

.tab-container.sub.has-img{background:url(../images/common/img_AI.webp) right top / 32.7rem 30.9rem no-repeat;}
.tab-container.sub.has-img.farm{background:url(../images/common/img_farm.webp) right top 6rem / 32.3rem 24.9rem no-repeat;}
.tab-container.sub.has-img.job{background:url(../images/common/img_job.webp) right top 6rem / 32.3rem 24.9rem no-repeat;}
.tab-container.sub.has-img.drone{background:url(../images/common/img_drone.webp) right top 6rem / 33rem 24.9rem no-repeat;}
.tab-container.sub.has-img.handicapped{background:url(../images/common/img_handicapped.webp) right top 6rem / 32.3rem 25.9rem no-repeat;}
.tab-container.sub.has-img.create{background:url(../images/common/img_create.webp) right top 6rem / 32.3rem 24.9rem no-repeat;}


.tab-container.sub.has-img .tab-head{width:65%;}
.acco-wrap .list li{position:relative; background:#fff; border-radius:2rem;}
.acco-wrap .list li + li{margin-top:1rem;}
.acco-wrap .list li > .btn-acco{display:flex; flex-wrap:wrap; gap:1rem 2.7rem; align-items:center; position:relative; width:100%; padding:3rem 4rem;}
.acco-wrap .list li .badge{display:inline-block; height:3.6rem; padding:.2rem 1.8rem; color:#fff; font-weight:500; line-height:160%; font-size:2rem; background:#9C9C9C; border-radius:1.8rem;}
.acco-wrap .list li .tit{font-weight:700; line-height:160%; font-size:2.4rem;}
.acco-wrap .list li .icon-arrow{display:inline-block; position:absolute; top:50%; right:4rem;  width:2rem; height:1.2rem; margin-top:-.6rem; background:url(../images/common/icon_bbs_arrow.svg) center center / 100% no-repeat;}
.acco-wrap .list-answer{display:none; padding:0 4rem 5rem;}
.acco-wrap .list-answer .faq-answer{font-size:var(--font-size-18)}
.bg-box{display:flex; gap:8rem; align-items:center; padding:2.7rem 5rem; background:rgba(227, 229, 234, 0.5); border-radius:1rem;}
.bg-box dt{flex:0 0 auto; color:#009BB4; font-weight:700; font-size:2rem;}
.bg-box dd{position:relative; font-weight:400; font-size:1.8rem;}
.bg-box dd::before{content:''; display:inline-block; position:absolute; top:50%; left:-4rem; width:.1rem; height:2.6rem; background:rgba(128, 129, 131, 0.5); transform:translateY(-50%);}
.acco-wrap .bg-box + .list-txt{margin-top:4rem;}
.list-txt + .list-txt{margin-top:2rem;}
.list-txt{display:flex;}
.list-txt dt{flex:0 0 auto; width:17rem; padding:.5rem 0; font-weight:700; line-height:120%; font-size:2rem;}
.list-txt dd{flex-grow:1; line-height:160%; font-size:1.8rem;}

.list-txt.type02{flex-wrap:wrap; row-gap:1rem; padding:2rem 0 0; border-top:.1rem solid #D9D9D9;}
.list-txt.type02 dt{flex:0 0 auto; min-width:15rem; color:#009BB4; line-height:2.2rem; font-size:1.4rem;}
.list-txt.type02 dd{flex-grow:1; width:calc(100% - 20rem);}
.list-txt.type02 dd .point{font-weight:700; line-height:2.9rem;}



.acco-wrap .list li.on .list-answer{display:block}
.acco-wrap .list li.on .badge{background:#003B90;}
.acco-wrap .list li.on .icon-arrow{transform:rotate(180deg);}
.acco-wrap .list + .desc{margin-top:2rem;}
.acco-wrap .desc{display:inline-block; font-weight:400; font-size:1.6rem;}

.inner.bg-wh{margin-top:5rem; padding:3.5rem 3rem; background:#fff; border-radius:2rem;}
.inner.bg-wh img{display:block; width:100%;}


/* search-area */
.search-area{display:flex; gap:1rem; margin-bottom:3rem;}
.search-area .btn{height:5.2rem; gap:1rem; font-size:2rem;}
.search-area .search-ipt{width:38rem;}
.search-area .ico-search{width:1.8rem; height:1.8rem;}
.search-area + .page-list{margin-top:5rem;}

/* page-list */
.page-list{display:flex; gap:.5rem; justify-content:center; align-items:center; margin-top:4rem;}
.page-list > .btn-paging{display:inline-flex; width:3.6rem; height:3.6rem; text-indent:-9999px; background-position:center center; background-size:100%; background-repeat:no-repeat;}
.page-list > .btn-paging.mo-only{display:none;}
.page-list > .btn-paging.pc-only{display:inline-flex;}
.page-list > .btn-paging.prev{background-image:url(../images/common/icon_page_prev.svg);}
.page-list > .btn-paging.prev2{background-image:url(../images/common/icon_page_prev2.svg);}
.page-list > .btn-paging.next{background-image:url(../images/common/icon_page_next.svg);}
.page-list > .btn-paging.next2{background-image:url(../images/common/icon_page_next2.svg);}
.page-list > .btn-paging.prev:hover{background-image:url(../images/common/icon_page_prev_on.svg);}
.page-list > .btn-paging.prev2:hover{background-image:url(../images/common/icon_page_prev2_on.svg);}
.page-list > .btn-paging.next:hover{background-image:url(../images/common/icon_page_next_on.svg);}
.page-list > .btn-paging.next2:hover{background-image:url(../images/common/icon_page_next2_on.svg);}
.page-list .num-list{display:flex; gap:1.5rem; margin:0 1rem;}
.page-list .num-list li button{display:inline-flex; justify-content:center; align-items:center; width:3.6rem; height:3.6rem; font-weight:400; font-size:var(--font-size-18);}
.page-list .num-list li:hover button,
.page-list .num-list li.on button{color:#fff; font-weight:700; background-color:var(--primary-color); border-radius:50%;}
.page-list .num-list.pc-only{display:flex;}
.page-list .count-grp.mo-only{display:none;}

.h2-title + .inner{margin-top:5rem;}
.bbs-gen-list li + li{margin-top:1.6rem;}
.bbs-gen-list li > a{display:flex; overflow:hidden; background:#fff; border-radius:2rem;}
.bbs-gen-list + .search-area{justify-content:center; margin-top:4rem;}
.bbs-gen-list li .txt-grp .date{display:block; color:#6E6E6E; font-weight:400; line-height:2.4rem; font-size:1.8rem;}
.bbs-view{padding:8rem 6rem 7rem; background:#fff; border-radius:2rem;}
.bbs-view .tit-grp{padding-bottom:2rem; border-bottom:.1rem solid #A6A8AB;}
.bbs-view .tit-grp .tit{display:block; font-weight:700; font-size:3.6rem; text-align:center;}
.bbs-view .tit-grp .tit + .date-grp{margin-top:3rem;}
.bbs-view .tit-grp .date-grp{display:block; text-align:center;}
.bbs-view .tit-grp .date-grp .date{color:#6E6E6E; font-weight:400; line-height:2.4rem; font-size:1.8rem;}
.bbs-view .txt-grp{margin-top:6rem;}
.bbs-view .txt-grp .contents img{display:block; max-width:100%; margin:0 auto;}
.bbs-view .txt-grp .contents img + p{margin-top:6rem;}
.bbs-view .txt-grp .contents p{font-weight:400; line-height:160%; font-size:1.8rem;}
.bbs-view + .btn-area{display:flex; gap:1rem; justify-content:center; margin-top:4rem; text-align:center;}
.bbs-view .date-grp + .file-grp{margin-top:2rem;}
.bbs-view .tit-grp .file-grp{display:flex; width:100%; min-height:6rem; align-items:center; border-top:.1rem solid #A6A8AB; border-bottom:.1rem solid #A6A8AB;}
.bbs-view .tit-grp .file-grp .tit{display:inline-flex; align-items:center; gap:.9rem; min-width:9rem; color:#009BB4; font-weight:700; font-size:1.2rem;}
.bbs-view .tit-grp .file-grp .tit .icon-attach{display:inline-flex; width:1.1rem; height:2.2rem; background:url(../images/common/icon_attach.svg) center center / 100% no-repeat;}

.inner-wrap.review .bbs-view{padding-bottom:4rem;}
.inner-wrap.review .bbs-view .txt-grp + .attach-grp{margin-top:7.4rem; border-top:.1rem solid #A6A8AB;}
.inner-wrap.review .bbs-view .attach-grp{display:flex; flex-wrap:wrap; gap:1rem 2rem; padding-top:3rem; line-height:2.9rem; font-size:1.8rem;}
.inner-wrap.review .bbs-view .attach-grp dt{min-width:12rem; font-weight:700;}
.inner-wrap.review .bbs-view .attach-grp dd{flex-grow:1; width:calc(100% - 15rem); font-weight:400;}
.inner-wrap.review .bbs-view .attach-grp dd a{display:block;}


.file-grp .btn-file{display:inline-block; font-weight:400; font-size:1.8rem;}

.news .bbs-gen-list li > a{height:20rem;}
.news .bbs-gen-list li .img-grp{flex:0 0 auto; width:30.8rem; height:100%;}
.news .bbs-gen-list li .img-grp img{display:block; width:100%;}
.news .bbs-gen-list li .txt-grp{padding:3rem 4rem;}
.news .bbs-gen-list li .txt-grp .tit{display:block; font-weight:700; line-height:3rem; font-size:2.4rem;}
.news .bbs-gen-list li .txt-grp .txt{display:-webkit-box; overflow:hidden; color:#6E6E6E; font-weight:400; line-height:140%; font-size:1.8rem; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news .bbs-gen-list li .txt-grp .tit + .txt{margin-top:1rem;}
.news .bbs-gen-list li .txt-grp .txt + .date{margin-top:2.4rem;}

.edu .bbs-gen-list li > a{align-items:center; height:9rem; padding:3rem 4rem;}
.edu .bbs-gen-list li a .txt-grp{display:flex; gap:2rem; justify-content:space-between; width:100%;}
.edu .bbs-gen-list li a .txt-grp .tit{flex-grow:1; display:inline-block; overflow:hidden; width:calc(100% - 20rem); font-size:2rem; text-overflow:ellipsis; white-space:nowrap;}
.edu .bbs-view .tit-grp{padding-bottom:0; border-bottom:none;}
.edu .bbs-view .tit-grp .tit + .date-grp{margin-top:4rem;}

.card .bbs-gen-list{display:flex; flex-wrap:wrap; gap:2rem;}
.card .bbs-gen-list li{width:calc(100% / 4 - 2rem * 3 / 4);}
.card .bbs-gen-list li + li{margin:0;}
.card .bbs-gen-list li > a{display:block;}
.card .bbs-gen-list li > a .img-grp{aspect-ratio:1 / 1;}
.card .bbs-gen-list li > a .img-grp img{display:block; width:100%;}
.card .bbs-gen-list li > a .txt-grp{padding:2rem;}
.card .bbs-gen-list li > a .txt-grp .tit{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; min-height:4.8rem; font-weight:700; line-height:2.4rem; font-size:2rem; text-overflow:ellipsis; -webkit-line-clamp:2;}
.card .bbs-gen-list li > a .txt-grp .tit + *{margin-top:1.5rem;}
.card .bbs-gen-list li > a .txt-grp .badge{font-weight:700; line-height:2.4rem; font-size:1.6rem;}
.card .bbs-gen-list li > a .txt-grp .badge.type01{color:#003B90;}
.card .bbs-gen-list li > a .txt-grp .badge.type02{color:#FDBC00;}
.card .bbs-gen-list li > a .txt-grp .badge.type03{color:#9479D3;}
.card .bbs-gen-list li > a .txt-grp .badge.type04{color:#009BB4}
.card .bbs-gen-list li > a .txt-grp .badge.type05{color:#26ACEF;}
.card .bbs-gen-list li > a .txt-grp .badge.type06{color:#62C0B4;}

.card .bbs-gen-list li > a .txt-grp .badge + .tit{margin-top:1rem;}
.card .bbs-view .contents > img + img{margin-top:2rem;}

.card.video .bbs-gen-list li > a .img-grp{position:relative; aspect-ratio:unset;}
.card.video .bbs-gen-list li > a .img-grp img{aspect-ratio: 265 / 177;}
.card.video .bbs-gen-list li > a .img-grp::after{content:''; display:inline-block; position:absolute; top:50%; left:50%; width:5rem; height:5rem; background:url(../images/common/icon_video_play.svg) center center / 100% no-repeat; transform:translate(-50%, -50%);}
.card.video .bbs-view .contents .video{width:72rem; height:48rem; margin:0 auto;}
.card.video .bbs-view .contents .video > *{display:block; width:100%; height:100%;}

.wht-box{display:block; padding:4rem 4rem 3.3rem; background:#fff; border-radius:2rem;}
.wht-box p{line-height:160%;}

.round-box{display:flex; gap:2rem;}
.round-box li{overflow:hidden; width:50%; background:#fff; border-radius:2rem;}
.round-box .tit-grp{display:flex; flex-direction:column; width:100%; align-items:center; padding:2.6rem 3rem; color:#fff; background:#003B90; border-radius:2rem 2rem 0 0;}
.round-box .tit-grp > .txt-sec{display:inline-block; margin-bottom:1rem; font-weight:700; font-size:1.6rem; text-align:center;}
.round-box .tit-grp b{font-size:2.4rem;}
.round-box .tit-grp b.point{color:#56EEDA;}
.round-box .txt-grp{padding:3rem 4rem;}
.round-box .txt-grp dl dt{color:#009BB4; font-weight:700; font-size:1.4rem;}
.round-box .txt-grp dl dt + dd{margin-top:1rem;}
.round-box .txt-grp dl dd{font-weight:400; font-size:1.8rem;}
.round-box .txt-grp dl dd + dt{margin-top:2rem;}
.round-box .txt-sec.big{margin:0; color:#56EEDA; font-weight:700; font-size:6rem;}
.round-box .tit-grp .txt .desc{margin-left:-.5rem; font-weight:300; font-size:2rem;}

.round-box.type02 dl{color:#fff;}
.round-box.type02 dl dt{padding:2.8rem 1rem; font-weight:700; font-size:2.4rem; text-align:center; background:#003B90;}
.round-box.type02 dl dd{display:flex; justify-content:center; align-items:center; min-height:6rem; padding:1.5rem 1rem; font-weight:700; font-size:1.8rem; text-align:center; background:#009BB4; border-top:.1rem solid #fff;}
.round-box.type02 dl dd.yl{background:#FDBC00;}
.round-box.type02 + .wh-box{margin-top:2rem;}

.round-box.type03 dl{padding:3rem 2rem 3.9rem; text-align:center;}
.round-box.type03 dl dt{font-weight:700; font-size:2.4rem; line-height:160%;}
.round-box.type03 dl dt + dd,
.round-box.type03 dl dd + dd{margin-top:2rem;}
.round-box.type03 dl dd{font-weight:400; font-size:1.8rem; line-height:120%;}

.drone .round-box .tit-grp{padding:1.3rem 3rem;}
.drone .round-box .txt-grp{padding:3rem 2rem; text-align:center;}
.drone .h3-title + .inner{margin-top:3rem;}
.round-box .txt-grp .title{font-weight:700; font-size:2.4rem;}
.round-box .txt-grp > p{line-height:120%; font-size:1.8rem;}
.round-box .txt-grp .title + p{margin-top:2rem;}

.handicapped .round-box .txt-grp > p{line-height:160%;}
.handicapped .round-box .txt-grp > .bullet + .bullet{margin:0;} 

.img-frame{display:block; max-width:100%; margin:0 auto;}
.img-frame img{display:block; width:100%;}
.img-frame.practice{width:96rem; aspect-ratio:960 / 624;}
.img-frame + .inner{margin-top:8rem;}

.box-list.emergency{flex-wrap:wrap; gap:2rem;}
.box-list.emergency li{padding:4rem 0; background:#fff; border-radius:2rem;}
.box-list.emergency li img{display:block; width:7rem; height:7rem; margin:0 auto;}
.box-list.emergency li img + .txt{margin-top:2.7rem;}
.box-list.emergency li .txt{display:block; width:100%; font-weight:500; line-height:140%; font-size:1.8rem; text-align:center;}

.bg-box + .h4-title{margin-top:4rem;}

.inner-wrap.program .h2-title + .inner{margin-top:7.7rem;}
.program-wrap{display:flex; flex-direction:column; align-items:center;}
.program-wrap img{display:block; width:15.5rem;}
.program-wrap img + .title{margin-top:3rem;}
.program-wrap .title{display:block; max-width:75rem; width:100%; color:#003B90; font-weight:700; line-height:140%; font-size:3rem; text-align:center;}
.program-wrap .title + p{margin-top:1rem;}
.program-wrap p{line-height:160%; font-size:1.8rem;}
.program-wrap + .box-area{margin-top:5rem;}
.inner-wrap.program .box-area{display:flex; flex-wrap:wrap; gap:3rem 2rem;}
.inner-wrap.program .box-area li{display:flex; flex-direction:column; overflow:hidden; width:calc(100% / 3 - 2rem * 2 / 3); height:36rem; padding-top:3rem; background:#fff; border-radius:2rem;}
.inner-wrap.program .box-area li .tit{display:flex; justify-content:center; align-items:center; min-height:6.8rem; font-weight:700; line-height:140%; font-size:2.4rem; text-align:center;}
.inner-wrap.program .box-area li .tit + img{display:block; margin:2.5rem auto 0;}
.inner-wrap.program .box-area li .btn-grp{display:flex; margin-top:auto;}
.inner-wrap.program .box-area li .btn-grp a{display:inline-flex; justify-content:center; align-items:center; width:100%; height:8rem; color:#fff; font-weight:500; line-height:120%; font-size:1.8rem; text-align:center;}
.inner-wrap.program .box-area li .btn-grp a.btn-introduce{background:#003B90;}
.inner-wrap.program .box-area li .btn-grp a.btn-application{background:#009BB4;}

.inner-wrap .top-grp{display:flex;}
.inner-wrap .top-grp > .right-grp{margin-left:auto;}
.inner-wrap .top-grp select.ipt{min-width:26.5rem;}
.inner-wrap .top-grp + .bbs-gen-list{margin-top:3rem;}
.inner-wrap .top-grp .btn-sign{gap:1rem; min-width:26.5rem; height:6rem; color:#fff; font-size:2rem; background:#1464FF;}

.inner-wrap.card.online .bbs-gen-list li .tit + .txt{margin-top:1rem;}
.inner-wrap.card.online .bbs-gen-list li .txt{font-weight:700; line-height:120%; font-size:2rem;}

.inner-wrap.offline .wht-box .txt{font-weight:400; line-height:160%; font-size:1.8rem; text-align:center;}
.inner-wrap.offline .wht-box .txt + .checkbox-group{margin-top:1rem;}
.inner-wrap.offline .checkbox-group{justify-content:center;}
.inner-wrap.offline .checkbox-group .checkbox-item{gap:3rem; font-weight:700; font-size:2rem;}

/* form-wrap */
.wht-box + .form-wrap{margin-top:1.6rem;}
.form-wrap form fieldset{display:block; padding:5rem; background:#fff; border-radius:2rem;}
.form-wrap form dl{display:flex; flex-wrap:wrap; gap:2rem;}
.form-wrap form dl dt{display:inline-flex; align-items:center; min-width:15rem; font-weight:700; line-height:2.6rem; font-size:2rem;}
.form-wrap form dl dd{flex-grow:1; width:calc(100% - 20rem); font-size:1.8rem;}
.form-wrap form .ipt{width:100%; border-color:#D9D9D9;}
.form-wrap .phone-grp, .form-wrap .email-grp{display:flex;}
.form-wrap .phone-grp > span, .form-wrap .email-grp > span{flex: 0 0 auto; display:inline-flex; align-items:center;}
.form-wrap .phone-grp .dash{color:#9C9C9C; margin:0 .8rem;}
.form-wrap .email-grp > span{margin:0 .55rem;}
.form-wrap .email-grp select.ipt + .ipt{margin-left:2rem;}
.form-wrap textarea.ipt{max-width:100%; width:100%; min-height:18rem;}
.form-wrap dt.txt-top{align-self:flex-start; margin-top:1rem;}
.form-wrap fieldset + .btn-area{margin-top:4rem;}
.form-wrap .btn-area{display:flex; gap:2.5rem; justify-content:center;}
.form-wrap .btn-area .btn{width:30rem; height:6rem; font-size:2rem;}
.form-wrap .btn-area .btn-cancle{font-weight:500; border:.1rem solid rgba(0, 0, 0, 0.3);}

/* file-grp 파일첨부 */
.file-grp input[type="file"]{display:none;}
.file-grp{display:flex; flex-wrap:wrap; gap:1rem; width:100%;}
.file-grp > label{flex-grow:1; display:inline-block; overflow:hidden; min-width:20rem; width:10rem; color:#9C9C9C; padding:1.3rem 0 1.3rem 2rem; text-overflow:ellipsis; white-space:nowrap; background:#fff; border:.1rem solid #D9D9D9; border-radius:1rem;}
.file-grp > label.add{color:#121212;}
.file-grp .btn-file-upload{width:27rem; padding:1.3rem 2rem; color:#fff; font-weight:700; line-height:2.6rem; font-size:1.8rem; background:#4E545D; border-radius:1rem;}

/* title */
.h3-title{position:relative; margin-bottom:2.5rem; font-weight:700; font-size:3rem;}
.h3-title .icon-h3{position:relative; top:-1.2rem; width:1.2rem; height:1.4rem; margin-right:.9rem;}
.h4-title{margin-bottom:1.5rem; font-weight:700; line-height:2.4rem; font-size:2rem;}

/* wh-box */
.wh-box{display:flex; justify-content:center; padding:2rem; text-align:center; box-shadow:0 0 2rem 0 rgba(0, 0, 0, .1); border-radius:2rem;}
.wh-box .title{font-weight:700; line-height:2.4rem; font-size:2rem;}
.wh-box.badge-type{display:flex; justify-content:flex-start; gap:3rem;}
.wh-box .badge-grp{display:inline-flex; gap:.8rem;}
.wh-box .badge-grp .badge{display:inline-block; min-width:13rem; padding:.9rem; color:#fff; font-weight:700; font-size:1.4rem; line-height:2.2rem; background:#009BB4; border-radius:1rem;}
.wh-box .badge-grp .badge.type02{background-color:#FDBC00;}
.wh-box .badge-grp .badge.type03{background-color:#9479D3;}

/* etc */
.bullet{position:relative; padding-left:1.5rem;}
.bullet::before{content:''; display:inline-block; position:absolute; top:1.1rem; left:0; width:.5rem; height:.5rem; background:#000; border-radius:50%;}
.fwb{font-weight:700 !important;}
.txt-sec{color:#009BB4;}

@media(max-width:1400px){
    .inner-wrap.main-bn{padding:4rem 3rem;}
    .inner-wrap.notice{gap:2rem;}
    .inner-wrap.notice .noti-list{padding:3rem 0 3rem 3rem;}
}

@media(max-width:1240px){
    .btn-noti-bn{padding:4.7rem 3rem;}
}

@media(max-width:1024px){
    .search-area{flex-wrap:wrap; margin-bottom:4rem;}
    .search-area > .ipt,
    .search-area .search-ipt,
    .search-area .btn{width:100%; height:6.2rem;}
    .search-area .btn{margin-top:1rem;}
    
    .page-list .num-list.pc-only{display:none;}
    .page-list .count-grp.mo-only{display:flex; gap:.5rem; margin:0 3rem;}
    .page-list .count-grp{font-size:var(--font-size-20);}
    .page-list .count-grp span.current-count{color:var(--font-color-blue); font-weight:700;}
    .page-list .count-grp span.max-count{font-weight:400;}
    .page-list > .btn-paging{flex:0 0 auto;}
    .page-list > .btn-paging.pc-only{display:none;}
    .page-list > .btn-paging.mo-only{display:inline-flex;}
    
    .content-wrap.sub{margin-top:7rem;}
    .inner-wrap .h2-title{font-size:3.8rem;}
    .h2-title + .inner{margin-top:2.4rem;}
    
    .bbs-view{padding:2.5rem 1.6rem;}
    .bbs-view + .btn-area .btn{width:100%;}

    .card .bbs-gen-list li{width:calc(100% / 3 - 2rem * 3 / 4);}
    .card.video .bbs-view .contents .video{max-width:100%; height:100%; aspect-ratio: 720 / 480;}

    .news .bbs-gen-list li .txt-grp{padding:2rem 1.6rem;}
    
    .round-box{flex-wrap:wrap;}
    .round-box li{width:100%;}
    .has-img .acco-wrap .list li .icon-arrow{top:4rem; right:3rem;}
    .has-img .list-txt.type02 dd{width:100%;}
    .has-img .acco-wrap .list-answer{padding:0 1.6rem 4rem;}
    .has-img .acco-wrap .list li>.btn-acco{padding:2rem 1.6rem;}
    
    .wh-box.badge-type{gap:1rem 2rem; flex-wrap:wrap; justify-content:center;}
    .acco-wrap .list li .tit{width:100%; text-align:left;}

    .form-wrap form dl dt{min-width:10rem;}
    .file-grp .btn-file-upload{width:20rem; margin-left:auto;}
}

@media(max-width:768px){
    .bbs-gen-list li > a{flex-wrap:wrap;}
    .news .bbs-gen-list li > a{height:auto;}
    .news .bbs-gen-list li .img-grp{width:100%;}


    .card .bbs-gen-list li{width:calc(100% / 2 - 2rem * 3 / 4);}

    .tab-container.sub.has-img{background:none !important;}
    .tab-container.sub.has-img .tab-head{gap:2rem; overflow:auto; width:100%;}
    .tab-container.sub.has-img .tab-head > li{flex:0 0 auto;}
    .tab-container.sub.has-img .tab-head::-webkit-scrollbar{display:none;}
    .tab-container.sub .tab-head .tab-menu.is-active::after, .tab-container.sub .tab-head .tab-menu::after{bottom:-.1rem;}

    .wh-box .badge-grp{flex-wrap:wrap;}
    .wh-box .badge-grp .badge{width:100%;}

    .bg-box{flex-wrap:wrap; gap:1rem; padding:2.6rem;}
    .bg-box dd{width:100%;}
    .bg-box dd:before{display:none;}
    .tab-container.sub .tab-content .info-txt{width:100%; min-height:unset; margin-bottom:3rem;}
    .inner + .inner{margin-top:4rem;}

    .inner-wrap.program .h2-title + .inner{margin-top:2.4rem;}
    .program-wrap .title{font-size:2.4rem;}
    .program-wrap p{font-size:1.6rem;}
    .inner-wrap.program .box-area li{width:100%;}

    .edu .bbs-gen-list li > a{height:auto; padding:2rem;}
    .edu .bbs-gen-list li a .txt-grp{flex-wrap:wrap; gap:1rem;}
    .edu .bbs-gen-list li a .txt-grp .tit{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; width:100%; white-space:normal; word-break:break-word;}

    .inner-wrap .top-grp > .right-grp, .inner-wrap .top-grp select.ipt{width:100%;}
    .inner-wrap .top-grp .btn-sign{width:100%;}

    .inner-wrap.offline .checkbox-group .checkbox-item{gap:1rem;}
    .inner-wrap.offline .wht-box{padding:2rem;}
    .form-wrap form fieldset{padding:3rem 2rem;}
    .form-wrap form dl{gap:1rem 2rem;}
    .form-wrap form dl dd{width:100%;}
    .form-wrap form dl dd + dt{margin-top:1rem;}

    .form-wrap .phone-grp, .form-wrap .email-grp{flex-wrap:wrap; gap:.5rem 0;}
    .form-wrap .phone-grp .ipt, .form-wrap .email-grp .ipt{flex-grow:1; width:calc(100% - 5rem);}
    .form-wrap .email-grp select.ipt + .ipt{margin-left:0;}
    .form-wrap .btn-area{gap:1rem;}
    .form-wrap .btn-area .btn{min-width:unset;}

    .inner-wrap.review .bbs-view{padding-bottom:2rem;}
    .inner-wrap.review .bbs-view .txt-grp + .attach-grp{gap:0; margin-top:3rem;}
    .inner-wrap.review .bbs-view .attach-grp dd{width:100%;}

    .file-grp .btn-file-upload{width:auto;}
}

@media(max-width:560px){
    .card .bbs-gen-list li{width:100%;}
    .location ol{flex-wrap:wrap;}
}

@media(max-width:374px){
    
}