/* 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: 12rem;}
.index_page .img_wrap { text-align: center; }
.index_page .img_wrap img { width: 80%; max-width: 35rem;}
.index_page .link { text-align: center; font-size: 1.7rem; display: block; width:80%; max-width: 35rem; margin: 0 auto; padding: 1.5rem 0; background: #0c53c7; color: #fff; border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 15px;}

/* header */
header { background: linear-gradient(90deg, #1957b2, #006de0);box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 5px 0px; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;}
header .logo_wrap { padding: 1.5rem; height: 5.3rem;}
header .logo_wrap img { height: 100%;}
header nav {height: 4rem;}
header nav ul { display: flex; justify-content: space-between; align-items: center;}
header nav ul li { width: 33.3333%; text-align: center;}
header nav ul li a { display: block ;padding: 1rem 0; color: #fff; font-size: 1.8rem; border-bottom: 3px solid transparent;}
header nav ul li.on a{ border-bottom: 3px solid #fff; font-weight: 600;}

/* index + cashback */
main { padding-top: 9.3rem;}
main .index_contents li { border-bottom: 5px solid #eef4f9;}
main .index_contents li h3 { padding: 1.5rem 1.5rem; color: #00284f; font-weight: 700; font-size: 2rem; border-bottom: 1px solid #d1d1d1;}
main .index_contents li .content_box {  padding: 2rem 1.5rem 0;}
main .index_contents li .content_box .sub_title { color: #0096e0; font-size: 1.9rem; margin-bottom: 1.5rem; font-weight: 600;}
main .index_contents li .content_box .content { font-size: 1.8rem; line-height: 1.5; margin-bottom: 2rem;}
main .index_contents li .content_box .content img { margin-top: 1rem;}
main .index_contents li img { width: 100%;}

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

/* index */
.cashback_btn { border-bottom: 5px solid #eef4f9; line-height: 0;}
.cashback_btn a { line-height: 0;}
.cashback_btn a img { width: 100%;}

.home_wrap main .top_btn_wrap { padding: 2rem 1.5rem 0rem; background: #fff; border-bottom: 5px solid #eef4f9;}
.home_wrap main .top_btn_wrap .top_wrap { width: 100%;}
.home_wrap main .top_btn_wrap .top_wrap img { filter: drop-shadow(2px 3px 3px #00000060); width: 100%;}
.home_wrap main .top_btn_wrap .bt_wrap { width: 100%; display: flex; flex-wrap: wrap; padding: 1rem; margin: 1.5rem 0 2rem; background: #5699fe; box-shadow: #00000063 0px 2px 5px 0px; border-radius: 10px;}
.home_wrap main .top_btn_wrap .bt_wrap a { width: 50%; text-align: center;}
.home_wrap main .top_btn_wrap .bt_wrap a:nth-child(1) { border-right: 2px solid #4b8df4;}
.home_wrap main .top_btn_wrap .bt_wrap a img {height: 15rem;}


/* news */
.news_page .info { display: flex; align-items: center; padding: 3rem 2rem;}
.news_page .info .img_wrap { width: 35%; text-align: center; }
.news_page .info .img_wrap img { width: 9rem; }
.news_page .info p { width: 65%; font-size: 2.2rem; color: #0b53c7; line-height: 1.3; font-weight: 500; padding-left: 1rem;}

/* news + qna */
main .contents_wrap .title { color: #00244c; font-size: 2rem; font-weight: 700; display: flex; align-items: center; padding: 0 1.5rem;}
main .contents_wrap .title img { width: 2rem; margin-right: 1rem;}
main .contents_wrap ul { padding: 1.5rem;}
main .contents_wrap ul li { border: 1px solid #dfe0e1; margin-bottom: 1.5rem;}
main .contents_wrap ul li h3 { padding: 2rem; font-size: 2rem; line-height: 1.3; font-weight: 600; background: #eef4f9; border-bottom: 1px solid #dfe0e1;}
main .contents_wrap ul li .content_box { padding:2rem; }
main .contents_wrap ul li .content_box p.content ,
main .contents_wrap ul li .content_box pre { font-size: 1.7rem; line-height: 1.3; color: #545454;}
main .contents_wrap ul li .content_box p.date { font-size: 1.5rem; color: #008ede; margin: 1rem 0 2rem;}
main .contents_wrap ul li .content_box a { display: flex; justify-content: center; align-items: center; font-size: 1.7rem; font-weight: 600; padding: 1rem; border-radius:5px; border: 1px solid #008ede; color: #008ede; text-align: center;}
main .contents_wrap ul li .content_box a img { width: 0.8rem; margin-left: 1rem; }