/* splash */
.index_page { background: url(../img/index_background.png) no-repeat; min-height: 100vh; background-position-x: center; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4rem;}
.index_page .img_wrap { width: 90%;text-align: left; margin: 0 auto;}
.index_page .img_wrap img { width: 90%; max-width: 35rem;}
.index_page .text_wrap { width: 90%; margin: 0 auto; }
.index_page .text_wrap p { color: #9ad0fc; font-size: 1.8rem; line-height: 1.5;}
.index_page .text_wrap p span { color: #d2ebff; font-size: 2rem;line-height: 1.5;}
.index_page .link { text-align: center; font-size: 1.7rem; font-weight: 700;display: block; width:90%; max-width: 35rem; margin: 0 auto; padding: 1.5rem 0; background: #fff; color: #0581d6; border-radius: 10px;}

/* header */
header { background: linear-gradient(90deg, #1155b7, #0a77bf); position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;}
header .logo_wrap { padding: 1.8rem 1.5rem; height: 6rem;}
header .logo_wrap img { height: 100%;}
header nav {height: 4rem; }
header nav ul { display: flex; align-items: center; padding: 0 1.5rem; border-bottom: 2px solid #4298dc;}
header nav ul li a { display: block;padding: 1rem 0.5rem; margin: 0 2rem; position: relative; }
header nav ul li a:nth-child(1) { margin-left: 0;}
header nav ul li a span { color: #77bdf9; font-size: 1.8rem; border-bottom: 2px solid transparent; font-weight: 400; padding-bottom: 0.5rem;}
header nav ul li.on a:after { content: ''; width: 100%; height:2px; background: #fff; position: absolute; bottom: 0; left: 0;}
header nav ul li.on a span { color: #fff; font-weight: 600;}

.bannerImg {
    width: 100%;
    padding: 1.5rem 0;
}
.bannerImg a {
    width: 100%;
}
.bannerImg a img {
    width: 100%;
}

/* index + cashback */
main { padding-top: 10rem; background: #f8f9fa;}
main .index_contents { background: #f8f9fa; padding: 1.5rem 0 ;}
main .index_contents li h3 { padding: 2rem; padding-left: 3.3rem; position: relative; color: #002a74; font-weight: 600; font-size: 2rem; }
main .index_contents li h3:before { content: ''; position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; background: url(../img/deco.png); background-size: cover;}
main .index_contents li .content_box {  padding: 0 1.5rem;}
main .index_contents li .content_box .sub_title { color: #032c75; background: #dfe2ed; font-size: 1.9rem; padding: 1.5rem 2rem; font-weight: 600;}
main .index_contents li .content_box .content { background: #fff; font-size: 1.6rem; line-height: 1.5; margin-bottom: 2.5rem; padding: 1.5rem 2rem; }
main .index_contents li .content_box .content img { margin-top: 1rem;}
main .index_contents li img { width: 100%;}

/* index */
.cashback_btn { line-height: 0;}
.cashback_btn a { line-height: 0;}
.cashback_btn a img { width: 100%;}

.home_wrap main .top_btn_wrap { display: flex; justify-content: space-between;padding: 2rem 1.5rem; background: linear-gradient(90deg, #1155b7, #0a77bf);}
/* .home_wrap main .top_btn_wrap .top_wrap { width: 62%;} */
.home_wrap main .top_btn_wrap .top_wrap img { width: 100%;}
.home_wrap main .top_btn_wrap .bt_wrap { width: 100%;
    display: flex;
    flex-direction: row;
    gap: 1.5rem;}
.home_wrap main .top_btn_wrap .bt_wrap a { text-align: center;}
.home_wrap main .top_btn_wrap .bt_wrap a:nth-child(1) { margin: 0 0 1rem;}
.home_wrap main .top_btn_wrap .bt_wrap a img { width: 100%;}


/* news */
.news_page .info { display: flex; align-items: center; padding: 3rem 2rem 5rem;}
.news_page .info .img_wrap { width: 37%; text-align: center; }
.news_page .info .img_wrap img { width: 100%; }
.news_page .info .text_wrap { width: 60%; }
.news_page .info .text_wrap p { font-size: 2.2rem; color: #002972; line-height: 1.3; font-weight: 500; }
.news_page .info .text_wrap p:nth-child(1) { margin-bottom: 0.5rem; color: #0291d8; font-size: 1.7rem; font-weight: 700;}

/* qna */
.qna_page .info { display: flex; align-items: center; padding: 3rem 2rem 5rem;}
.qna_page .info .img_wrap { width: 37%; text-align: center; }
.qna_page .info .img_wrap img { width: 100%; }
.qna_page .info .text_wrap { width: 60%; }
.qna_page .info .text_wrap p { font-size: 2.2rem; color: #002972; line-height: 1.3; font-weight: 500; }
.qna_page .info .text_wrap p:nth-child(1) { margin-bottom: 0.5rem; color: #0291d8; font-size: 1.7rem; font-weight: 700;}
.qna_page main .contents_wrap ul li h3 { color: #032c75; background: #dfe2ed; line-height: 1.3;font-size: 1.9rem; padding: 1.5rem 2rem; font-weight: 600;}
.qna_page main .contents_wrap ul li { padding: 0 1.5rem;}
.qna_page main .contents_wrap ul li .content_box .answer { background: #fff; font-size: 1.6rem; line-height: 1.5; margin-bottom: 2.5rem; padding: 1.5rem 2rem; }


/* news */
.news_page main .contents_wrap .title { color: #00244c; font-size: 2rem; font-weight: 700; display: flex; align-items: center; padding: 0 1.5rem;}
.news_page main .contents_wrap .title img { width: 2rem; margin-right: 1rem;}
.news_page main .contents_wrap ul { padding: 1.5rem;}
.news_page main .contents_wrap ul li { border-top: 2px solid #bfc7d9; margin-bottom: 1.5rem;padding: 2rem 1.5rem; background: #fff;}
.news_page main .contents_wrap ul li h3 { font-size: 2rem; line-height: 1.3; font-weight: 600; }
.news_page main .contents_wrap ul li .content_box { padding-top :1.5rem; }
.news_page main .contents_wrap ul li .content_box p.content ,
.news_page main .contents_wrap ul li .content_box pre { font-size: 1.7rem; line-height: 1.3; color: #545454;}
.news_page main .contents_wrap ul li .content_box p.date { font-size: 1.5rem; color: #60bbef; margin: 1rem 0 2rem;}
.news_page main .contents_wrap ul li .content_box a { display: flex; justify-content: flex-end; align-items: center; font-size: 1.7rem; font-weight: 600; color: #0291d8; text-align: center;}
.news_page main .contents_wrap ul li .content_box a img { width: 0.8rem; margin-left: 1rem; }