body {background:#ceeaee;}
/* intro */
.intro { width: 100%; max-width: 500px; height: 100vh; margin: 0 auto;  text-align: center; display: flex; flex-direction: column ;align-items:center; justify-content: center;}
.intro .img_wrap {margin-bottom: 7rem;}
.intro .img_wrap img { width: 65%;}
.intro .link { width: 100%; text-align: center;}
.intro .link a { display: block; margin: 0 auto; border-radius: 40px; background:#f3f4f8; padding: 1rem 0; font-size: 1.7rem; width: 90%; font-weight: 600; color: #20144c;}

/* header */
header { }
header h1 { height: 4rem; margin-bottom: 1rem; padding: 1rem 0 0 1rem;}
header h1 img {  height: 100%;}
header .img_wrap { text-align: right; padding-right: 1rem; line-height: 0; display: flex;justify-content: flex-end;}
header .img_wrap.sub { padding-right: 2rem;}
header .img_wrap img { width: 90%;}
header .img_wrap.sub img{  max-width: 80px;}
header .menu_list { display: flex; justify-content: space-between; background: #fff; width: 100%; border-radius: 20px 20px 0 0; border-bottom: 3px solid #ceeaee;}
header .menu_list li { width: 30%; text-align: center; padding: 1.8rem 0;}
header .menu_list li a { font-size: 1.7rem; font-weight: 600; color: #808080;}
header .menu_list li.on a { color: #333;}

.home_contain .contents_wrap { background: #fff;}
.home_contain .contents_wrap .top_btn { padding: 3.5rem; display: flex; flex-wrap:wrap; justify-content:space-between;}
.home_contain .contents_wrap .top_btn li { width: 48%;}
.home_contain .contents_wrap .top_btn li:nth-child(1) { width: 100%; margin-bottom: 1rem;}
.home_contain .contents_wrap .top_btn li a img { width: 100%;}
.home_contain .contents_wrap .content { background: #ceeaee; border-radius: 20px 20px 0 0; padding: 3rem 1.5rem;}
.home_contain .contents_wrap .content li { border-bottom: 2px solid #fff; margin-bottom: 1.5rem;}
.home_contain .contents_wrap .content li:nth-last-child(1) { border-bottom: none; margin-bottom: 0;}
.home_contain .contents_wrap .content li h2 { font-size: 2.3rem; font-weight: 700; margin-bottom: 2rem; line-height: 1.3;}
.home_contain .contents_wrap .content li h3 { font-size: 2rem; font-weight: 600; margin-top: 2rem; margin-bottom: 0.5rem;line-height: 1.3;}
.home_contain .contents_wrap .content li h4 { font-size: 2rem; font-weight: 600; margin-bottom: 0.5rem;}
.home_contain .contents_wrap .content li p { font-size: 1.8rem; line-height: 1.4; color: #434343;}

.news_contain .contents_wrap { background: #fff;}
.news_contain .contents_wrap { padding: 3.5rem 1.5rem;}
.news_contain .contents_wrap .content li { border-bottom: 1px solid #ddd; margin-bottom: 2.5rem;}
.news_contain .contents_wrap .content li:nth-last-child(1) { border-bottom: none;}
.news_contain .contents_wrap .content li h2 { font-size: 2.3rem; font-weight: 700; margin-bottom: 2rem;line-height: 1.3;}
.news_contain .contents_wrap .content li p { font-size: 1.8rem; line-height: 1.4; color: #434343; }
.news_contain .contents_wrap .content li .newslink { width: 95%; margin: 2.5rem 0; padding: 1.5rem 0; border-radius: 40px; font-weight: 600; color: #34295c; background: #f2f4f7;font-size: 1.7rem; text-align: center; display: flex; align-items: center; justify-content: center;}
.news_contain .contents_wrap .content li .newslink img { width: 16px; margin-left: 1rem;}

.qna_contain .contents_wrap { background: #fff;}
.qna_contain .contents_wrap .content { }
.qna_contain .contents_wrap .content li { padding: 3.5rem 1.5rem 3.5rem 5rem; border-bottom: 1px solid #ccc;}
.qna_contain .contents_wrap .content li:nth-last-child(1) { border-bottom: none;}
.qna_contain .contents_wrap .content li p { font-size: 2rem;}
.qna_contain .contents_wrap .content li p.question { font-weight: 700; margin-bottom: 1.5rem; position: relative; line-height: 1.3;}
.qna_contain .contents_wrap .content li p.question:before { content:'Q.'; position: absolute; left: -2.5rem; color: #86dee2;font-weight: normal; }
.qna_contain .contents_wrap .content li pre.answer {  font-size: 1.8rem; position: relative;line-height: 1.3; }
.qna_contain .contents_wrap .content li pre.answer:before { content:'A.'; position: absolute; left: -2.5rem; color: #86dee2; }
.qna_contain .contents_wrap .content .ads_wrap { margin-top: 3.5rem; margin-bottom: 0;}