main { background: #fff;}

main .top { display: flex; justify-content: space-between; padding: 1.5rem;}
main .top h1 {}
main .top h1 img { width: 9rem;}

main .text_wrap { padding: 3rem 1.5rem; text-align: center;}
main .text_wrap img:nth-child(1) { width: 90%; }
main .text_wrap img:nth-child(2) { width: 40%; margin-top: 3rem;}

main .top_btn { padding: 2rem 1.5rem; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2rem auto; }
main .top_btn > p { width: 100%; font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; }
main .top_btn > p img { width: 2rem;}
main .top_btn > a { width: 31.5%; margin-bottom: 0.5rem;}
main .top_btn > a img { width: 100%; border-radius: .5rem; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

main .bt_btn { padding: 2rem 1.5rem; margin: 0 auto 2rem; }
main .bt_btn > p { width: 100%; font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; }
main .bt_btn > p img { width: 2rem;}
main .bt_btn > a { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 1rem 0.5rem; border-top: 1px solid #9bc1dd;}
main .bt_btn > a:nth-last-child(1) {border-bottom: 1px solid #9bc1dd;}
main .bt_btn > a span:nth-child(1) { font-size: 1.6rem; font-weight: 600; color: #2e3f49;}
main .bt_btn > a .more_btn { font-size: 1.6rem; padding: .5rem 1.3rem; background: #0055a2; color: #fff; border-radius: .5rem;}

main .qna_wrap { padding: 2rem 1.5rem;}
main .qna_wrap .title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; }
main .qna_wrap .title p { font-size: 2rem; font-weight: 700;  }
main .qna_wrap .title p img { width: 2rem;}
main .qna_wrap .title a img { width: 7rem;} 
main .qna_wrap ul li a { display: block; padding: 2rem 3rem 2rem 1rem; border: 1px solid #c5cedd; border-radius: 0.5rem; margin-bottom: 1.5rem; position: relative;}
main .qna_wrap ul li a:after { content: ''; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); background: url(../img/go.png) no-repeat; background-size: cover; width: 0.8rem; height: 1.4rem;}
main .qna_wrap ul li a span { font-weight: 600; font-size: 1.6rem; height: 1.6rem; text-overflow: ellipsis;overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

main .giude_btn { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 2rem 1.5rem;}
main .giude_btn p { width: 100%; font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem;  }
main .giude_btn a { width: 49%;}
main .giude_btn a img { width: 100%; border-radius: .5rem; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

main .news_wrap { margin-top: 2rem;}
main .news_wrap .title { display: flex;align-items: center;justify-content: space-between; padding: 0 1.5rem;}
main .news_wrap .title p { font-size: 2rem; font-weight: 700; }
main .news_wrap .title a { background: #0055a2; color: #fff; padding: 0.4rem 2rem; font-size: 1.8rem; border-radius: 0.5rem;}
main .news_wrap .mySwiper { padding: 2.5rem 1.5rem;}
main .news_wrap .mySwiper .swiper-pagination { bottom: var(--swiper-pagination-bottom,35px);}
main .news_wrap .swiper-slide { }
main .news_wrap .swiper-slide a { display: block; padding: 2rem 1.5rem ; border: 1px solid #c9dcec; border-radius: .7rem;    box-shadow: rgba(89, 147, 137, 0.15) 1.95px 1.95px 2.6px;}
main .news_wrap .swiper-slide a > * { line-height: 1.3; font-size: 1.6rem;}
main .news_wrap .swiper-slide a .title_wrap { font-size: 1.8rem; font-weight: 600; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #c9dcec; height: 6.3rem; }
main .news_wrap .swiper-slide a .content { color: #797d89; margin-bottom: 1rem;}
main .news_wrap .swiper-slide a .img_wrap { position: relative; width: 100%; height: 16rem; overflow: hidden; margin-bottom: 1rem; }
main .news_wrap .swiper-slide a .img_wrap img { width: 100%; position: absolute; top: 0; left: 0;}
main .news_wrap .swiper-pagination-bullet{ background: #dfe2e8;margin:0 var(--swiper-pagination-bullet-horizontal-gap,2px) !important; width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px));}
main .news_wrap .swiper-pagination-bullet-active {background: #0055a2;}

