header { background: #2a5ea8; padding-bottom: 10rem; position: relative;}
header .page_tit { color: #fff; font-size: 2.4rem; font-weight: 600; margin-top: 1.5rem; line-height: 1.3;}
header .more_btn { position: absolute; bottom: 10rem; right: 1.5rem; border-radius: 0.5rem; padding: .8rem 1.5rem ; font-size: 1.8rem; color: #fff; background: #5e8ac9; font-weight: 600;}

main {padding: 0rem 0rem 8rem; margin-top: -8rem;position: relative; z-index: 9999;}
main .news_wrap { padding: 0 1.5rem; position: relative;}
main .news_wrap .swiper-wrapper .swiper-slide { background: #f9f9f9; padding: 1.8rem 1.5rem; border-radius: .5rem;}
main .news_wrap .swiper-wrapper .swiper-slide a { display: block; height: 14rem;}
main .news_wrap .swiper-wrapper .swiper-slide .title_wrap { font-size: 1.8rem; font-weight: 600; line-height: 1.3; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #ddd; }
main .news_wrap .swiper-wrapper .swiper-slide .content { line-height: 1.3; font-size: 1.8rem; }
main .news_wrap .swiper-wrapper .swiper-slide .news_date { font-size: 1.5rem; color: #959fa7; margin-top: 1rem;}

main .btn_wrap { margin-top: 2rem; padding: 0 1.5rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
main .btn_wrap li { width: 30%;text-align: center;}
main .btn_wrap li:nth-child(n+4) {margin-top: 1.5rem;}
main .btn_wrap li a { }
main .btn_wrap li a img { width: 70%;}
main .btn_wrap li a p { font-size: 1.5rem; line-height:1.3; }

section { margin-top: 1.5rem; padding: 0 1.5rem;}
section .tit { padding: 1.5rem 0; border-bottom: 1px solid #ddd;}
section .tit h2 { padding: .5rem; border-radius: 0.5rem; color: #fff; background: #6486ad; width: fit-content; font-size: 1.8rem; font-weight: 600;}
section .info { padding: 1.5rem 0; }
section .info pre { font-size: 1.8rem; line-height: 1.5; margin-bottom: 1.5rem;}
section .info pre.blue_box { padding: 2rem 1.5rem; background: #f4f4f4; color: #5f82aa;}
section .info p { font-size: 1.8rem; line-height: 1.5; font-weight: 600; color: #50616d; }
section .info img{ width: 100%;}


/* 컨텐츠 */
.contents header { background: unset;position: unset; display: flex; justify-content: space-between;}
.contents header a:nth-child(1) img { width: 2.5rem;}
.contents header a:nth-child(2) img { width: 13rem;}
.contents .con_wrap { padding: 0 1.5rem;}
.contents .con_wrap h2 { text-align: center; padding: 1.5rem 0; color: #fff; font-size: 1.8rem; font-weight: 600; background: #6c97d3; border-radius: 0.3rem; margin: 1.5rem 0;}
.contents .con_wrap h2:nth-child(1) { margin-top: 0;} 
.contents .con_wrap pre { font-size: 1.8rem; line-height: 1.5;}
.contents .con_wrap pre.content { color: #434343;}
.contents .con_wrap pre em,
.contents .con_wrap pre.bd { color: #4c5c68; font-size: 1.8rem; font-weight: 600; margin: 1.5rem 0 0.7rem;display: inline-block;}
.contents .con_wrap a { margin: 1.5rem 0; display: block;}
.contents .con_wrap a img { width: 100%;}

.cate_c { padding: 1.5rem;}
.cate_c a { display: block; position: relative; text-align: center; padding: 1.5rem 3rem; line-height: 1.2; border-radius: .5rem;background: #efefef; font-size: 1.5rem; color: #4c5c69; display: flex; align-items: center; justify-content: space-around; }
.cate_c a span { font-size: 2rem; position: absolute; right: 1.5rem; top: 47%; transform: translateY(-50%);}