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

/* header */
header { background: #f1f2f6; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;}
header .logo_wrap { padding: 1.5rem ; height: 5rem;}
header .logo_wrap img { height: 100%;}
header nav {height: 4.2rem;}
header nav ul { display: flex; align-items: center; padding: 0 1.5rem;}
header nav ul li { text-align: center;}
header nav ul li a { display: block;padding: 1rem 1.5rem;}
header nav ul li:nth-child(1) a { padding-left: 0;}
header nav ul li a span { color: #b0b0b1; font-size: 2.2rem; border-bottom: 2px solid transparent; font-weight: 600;}
header nav ul li.on a span { color: #002470; border-bottom: 2px solid #002470;}

/* index + cashback */
main { padding-top: 9rem;}
main .index_contents { background: #f8f9fa; padding: 1.5rem 0 ;}
main .index_contents li h3 { padding: 2rem; padding-left: 3rem; position: relative; color: #495167; font-weight: 600; font-size: 2rem; }
main .index_contents li h3:before { content: ''; position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); width: 1.5rem; height: 1.5rem; 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: #004098; font-size: 1.9rem; margin-bottom: 1rem; 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; border-top: 3px solid #90b3d6;}
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 { padding: 3rem 1.5rem 0rem; background: #fff; }
.home_wrap main .top_btn_wrap > p { color: #495167; margin-bottom: 1.5rem; font-size: 2rem; font-weight: 700;}
.home_wrap main .top_btn_wrap .top_wrap { width: 100%;}
.home_wrap main .top_btn_wrap .top_wrap img { width: 100%;}
.home_wrap main .top_btn_wrap .bt_wrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 1.5rem 0 2rem; }
.home_wrap main .top_btn_wrap .bt_wrap a { width: 49%; text-align: center;}
.home_wrap main .top_btn_wrap .bt_wrap a img { width: 100%;}

/* news + qna contents */
main .contents_wrap .title { color: #4b5369; font-size: 2rem; font-weight: 600; display: flex; align-items: center; padding: 0 1.5rem;}
main .contents_wrap .title img { width: 1.5rem; margin-right: 0.5rem;}
main .contents_wrap ul { padding: 1.5rem;}
main .contents_wrap ul li { border: 1px solid #dfdfdf; margin-bottom: 1.5rem; border-radius: 20px; padding: 0 1.5rem;}
main .contents_wrap ul li h3 { padding: 1.5rem 0.5rem; font-size: 2rem; line-height: 1.3; font-weight: 600; border-bottom: 1px solid #dfe0e1;}
main .contents_wrap ul li .content_box { padding: 2rem 0.5rem; }
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: #6b9556; margin: 1rem 0 1.5rem;}
main .contents_wrap ul li .content_box a { position: relative; display: flex; justify-content: center; align-items: center; font-size: 1.7rem; font-weight: 600; padding: 1rem; border-radius:5px; border: 1px solid #d9d9d9; color: #616160; background: #f8f9fa;text-align: center;}
main .contents_wrap ul li .content_box a img { width: 0.8rem; position: absolute; right: 1.5rem;}

/* news info */
.news_page .info { display: flex; padding: 3rem 2rem; position: relative; height: 19rem;}
.news_page .info .img_wrap { width: 11rem; text-align: center; position: absolute; right: 2rem; bottom: -1rem;}
.news_page .info .img_wrap img { width: 100%; }
.news_page .info p { font-size: 2.2rem; color: #495167; line-height: 1.3; font-weight: 700; padding-left: 1rem;}
.news_page .info p span { font-size: 2.2rem; line-height: 1.3; font-weight: 700; color: #004098;}

/* qna info */
.qna_page main .info { padding: 2rem 0; text-align: center;}
.qna_page main .info .img_wrap img { max-width: 10rem;}
.qna_page main .info p { font-size: 2rem; margin-top: 1.5rem; font-weight: 700; color: #495167; line-height: 1.3;}
.qna_page main .info p span { color: #004098; font-size: 2rem; font-weight: 700; }