@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-08-08
-------------------------------------------------*/
@import url("/_templet7/css/sub.css");
.list10 { font-size: 0.9rem; display: table; overflow: hidden; width: calc(100% + 0.75rem); table-layout: fixed; }

.list10 li { display: table-cell; overflow: hidden; position: relative; z-index: 0; padding: 1.25rem 1.25rem 1.25rem 0.5rem; font-weight: 400; color: #333; text-align: center; vertical-align: top; word-break: keep-all; }

.list10 li::before { position: absolute; left: 0; top: 0; z-index: -1; width: calc(100% - 0.75rem); height: 10000%; border: 1px solid #e9ebf1; border-bottom: 0 none; background-color: #f9f9fb; content: ''; }

.list10 li::after { position: absolute; left: 0; bottom: 0; z-index: -1; width: calc(100% - 0.75rem); height: 1px; background-color: #e9ebf1; content: ''; }

.list10 strong { font-size: 0.95rem; line-height: 2.10526; display: inline-block; width: 6rem; height: 2rem; margin-bottom: 1rem; border-radius: 2rem; background-color: #354999; font-weight: 900; color: #fff; text-align: center; }

.box3 { font-size: 1.1rem; padding: 1.5rem; border: 1px solid #e9ebf1; background-color: #f9f9fb; font-weight: 600; color: #262d4a; text-align: center; }

.box3 a { font-size: 0.8rem; line-height: 3.125; display: block; width: 8.5rem; height: 2.5rem; margin: 1rem auto 0; background-color: #9c8872; font-weight: 400; color: #fff; }

@media (max-width: 768px) { .list10 { display: block; width: 100%; margin-top: -0.25rem; }
  .list10 li { display: block; margin-top: 0.25rem; }
  .list10 li::before, .list10 li::after { width: 100%; } }

/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-12-20
-------------------------------------------------*/
#wrap { background: url("/lifelong/img/sub/sub.jpg") no-repeat center 0; }