/* 아카이브 소개 */
.about-wrap h3 {margin-bottom: 32px; text-align: center;}
.about-wrap>p {margin-bottom: 60px; text-align: center; color: #b4b4b4; line-height: 1.6;}
.chart {position: relative; display: flex; justify-content: center; margin: 0 auto 60px; width: 1440px; height: 585px; background: #262626;}
.pie-chart polyline {stroke: #000; fill: none;}
.pie-legend {display: flex; justify-content: center; }
.pie-legend .legend:not(:last-of-type) {margin-right: 16px;}
.pie-legend .legend {display: flex; align-items: center;}
.pie-legend .legend-color {margin-right: 4px; width: 13px; height: 13px; border-radius: 50%;}
.pie-legend .legend-label {color: #d2d2d2; font-size: 14px;}
.guide {width: 1440px; margin: 0 auto; padding: 80px; background: #262626;}
.guide ul {display: flex; flex-direction: column;}
.guide ul li {position: relative;}
.guide ul li:not(:last-of-type) {margin-bottom: 60px;}
.guide ul li:last-of-type {padding-bottom: 282px;}
.guide ul li h4 {margin-bottom: 20px; color: #fff; font-family: 'mbcnew-medium'; font-size: 20px;}
.guide ul li p {color: #b4b4b4;}
.guide ul li p span.fw-b {display: inline-block; margin-right: 5px; color: #fff; font-family: 'mbcnew-medium';}
.guide ul li p:nth-of-type(2) {margin-top: 15px;}
.guide ul li .google-map {position: absolute; top: 0; right: 0;}
.guide .txt {word-break: keep-all; white-space: pre-line; color: #b4b4b4; line-height: 1.5;}
.google-map {overflow: hidden; width: 600px; height: 338px; border: 1px solid #d2d2d2;}
/* 공지사항&faq */
.notice-wrap {width: 1440px; margin: 0 auto 80px;}
.faq-wrap {width: 1440px; margin: 0 auto;}
.notice-wrap h3 {height: 50px; background: #262626; border-bottom: 1px solid #4d4d4d; color: #fff; font-family: 'mbcnew-medium'; text-align: center; line-height: 50px;}
.list li .tit {display: flex; align-items: center; width: 100%; height: 50px; border-bottom: 1px solid #4d4d4d;}
.list li .tit button {display: flex; justify-content: space-between; align-items: center; padding: 0 24px; width: 100%; height: 100%; color: #fff;}
.faq-wrap .list li .tit button {width: calc(100% - 160px);}
.list li .tit button::after {content: ''; display: inline-block; width: 14px; height: 8px; background: url(../images/ico_arrow_bottom2.svg) no-repeat;}
.list li .tit .cate {display: inline-block; width: 160px; height: 100%; border-right: 1px solid #4d4d4d; color: #8f83ff; text-align: center; line-height: 50px;}
.list li .notice-content {overflow: hidden; display: none; padding: 0; background: rgba(255, 255, 255, 0.05); border-bottom: 1px solid #4d4d4d; transition: max-height .5s;}
.list li .notice-content p {padding: 24px; color: #b4b4b4; line-height: 1.6; word-break: keep-all;}
.list li .notice-content p a {color: #b4b4b4; line-height: 1.6;}
.list li .notice-content p .fc-w {color: #fff; line-height: 1.6;}
.list li .faq-content {overflow: hidden; display: none; padding: 0; background: rgba(255, 255, 255, 0.05); border-bottom: 1px solid #4d4d4d; transition: max-height .5s;}
.list li .faq-content p {padding: 24px 24px 24px 185px; color: #b4b4b4; line-height: 1.6; word-break: keep-all;}
.list li .faq-content p a {color: #b4b4b4; line-height: 1.6;}
.list li .faq-content p .fc-w {color: #fff; line-height: 1.6;}
.list li.on .tit button::after {transform: rotate(180deg);}
.tab {display: flex; justify-content: center; align-items: center; background: #262626;}
.tab li {width: calc(100%/6); height: 50px; border-bottom: 1px solid #4d4d4d;}
.tab li a {display: block; width: 100%; height: 50px; text-align: center; line-height: 50px; color: #787878; font-family: 'mbcnew-medium';}
.tab li a:hover {color: #ebebeb;}
.tab li.on {border-bottom: 2px solid #fff;}
.tab li.on a {color: #fff;}
.more-btn {display: flex; justify-content: center; align-items: center; margin: 32px auto 0; width: 160px; height: 40px; background: #3c3c3c; border-radius: 100px; color: #f0f0f0;}
.more-btn::after {content: ''; display: inline-block; margin-left: 7px; width: 12px; height: 7px; background: url(../images/ico_arrow_bottom.svg);}
/* 약관 */
.policy-wrap {width: 1440px; margin: 0 auto; padding: 80px; background: #262626;}
.policy-wrap .btns {display: flex; margin-bottom: 60px;}
.policy-wrap .btns li {height: 40px; border-radius: 100px; background: #3c3c3c;}
.policy-wrap .btns li a {display: block; padding: 0 24px; width: 100%; height: 100%;  line-height: 40px; font-family: 'mbcnew-medium'; color: #fff;}
.policy-wrap .btns li.on {background: #ebebeb;}
.policy-wrap .btns li.on a {color: #000;}
.policy-wrap .btns li:not(:last-of-type) {margin-right: 16px;}
.terms h4, .terms strong, .terms p, .terms a {display: block; color: #b4b4b4; font-size: 14px; line-height: 1.4; word-break: keep-all;}
.terms h4 {margin-bottom: 15px;}
.terms strong {margin-bottom: 10px; text-decoration: underline; text-underline-offset: 2px;}
.terms p:not(:last-of-type) {margin-bottom: 25px;}
.terms table {margin: 40px 0; width: 100%;}
.terms table th {height: 42px; background: rgba(255, 255, 255, 0.05); border-top: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; color: #b4b4b4; font-family: 'mbcnew-medium'; font-size: 14px; text-align: center; line-height: 42px;}
.terms table th:not(:last-of-type) {border-right: 1px solid #4d4d4d;}
.terms table td {padding: 16px 0; border-bottom: 1px solid #4d4d4d; text-align: center; color: #b4b4b4; font-size: 14px; line-height: 1.6; vertical-align: middle;}
.terms table td:not(:last-of-type) {border-right: 1px solid #4d4d4d;}