@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-12-17
-------------------------------------------------*/
@import url("/_templet7/css/sub.css");
.board_info .Search_rss.stripe_box .stbox fieldset span.form-select { min-width: 8rem; max-width: 8rem; }

.box-about { overflow: hidden; position: relative; z-index: 0; padding: 8.5rem 3.5rem 2.5rem; }

.box-about .img { position: absolute; right: 0; top: 0; z-index: -1; width: 100%; height: 100%; }

.box-about .img img { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; max-width: initial; min-height: 100%; }

.box-about .desc { font-size: 1.35rem; line-height: 1.40741; display: block; width: 30rem; max-width: 100%; color: #fff; word-break: keep-all; }

.box-about .desc::before { display: block; width: 1.5rem; height: 0.15rem; margin-bottom: 0.75rem; background-color: #fff; content: ''; }

.list-about { font-size: 1.1rem; display: table; width: 100%; margin-top: 2.5rem; font-weight: 400; color: #000; text-align: center; table-layout: fixed; }

.list-about img { width: 5.5rem; max-width: 90%; }

.list-about li { display: table-cell; position: relative; vertical-align: top; }

.list-about li + li::before { position: absolute; left: 0; top: 1rem; width: 1px; height: 3rem; background-color: #ddd; content: ''; }

.box-mean { display: table; width: 100%; table-layout: fixed; }

.box-mean .img { display: table-cell; width: 23.5rem; vertical-align: top; }

.box-mean .desc { display: table-cell; padding: 0 0 3rem 3rem; vertical-align: middle; }

.box-mean .desc p { margin-top: 1.5rem; }

.list-course { display: table; width: 100%; margin-bottom: 2rem; table-layout: fixed; }

.list-course .group { display: table-cell; position: relative; padding-left: 2.5rem; vertical-align: middle; }

.list-course .group + .group::before { font-size: 0.9rem; position: absolute; left: 0; top: 8.5rem; width: 2.5rem; font-family: "xeicon"; color: #85878e; content: ''; text-align: center; }

.list-course .group.group1 { padding-left: 0; }

.list-course .group.group1 .list { overflow: hidden; display: table; width: 100%; table-layout: fixed; word-break: keep-all; }

.list-course .group.group1 .list li { overflow: hidden; display: table-cell; position: relative; z-index: 0; vertical-align: middle; }

.list-course .group.group1 .list li::before { position: absolute; right: 0; top: 0; z-index: -1; width: 100%; height: 2rem; border-radius: 0.25rem 0.25rem 0 0; content: ''; }

.list-course .group.group1 .list li::after { position: absolute; right: 0; bottom: 0; z-index: -3; width: 100%; height: 10000%; border-radius: 0 0 0.25rem 0.25rem; content: ''; }

.list-course .group.group1 .list li + li { padding-left: 2.5rem; }

.list-course .group.group1 .list li + li::before, .list-course .group.group1 .list li + li::after { width: calc(100% - 2.5rem); }

.list-course .group.group1 .list li + li .box::after { position: absolute; left: 0; top: 4rem; width: 2.5rem; font-family: "xeicon"; color: #85878e; content: ''; text-align: center; }

.list-course .group.group1 .list li .box::before { position: absolute; left: 0; top: 0; z-index: -2; width: 100%; height: 2px; background-color: #fff; content: ''; }

.list-course .group.group1 .list:first-child li::before, .list-course .group.group1 .list:first-child li::after { background-color: #9c8872; }

.list-course .group.group1 .list:last-child { margin-top: 3.25rem; }

.list-course .group.group1 .list:last-child li::before, .list-course .group.group1 .list:last-child li::after { background-color: #737d90; }

.list-course .group.group1 .list:last-child li + li .box::after { top: 2.5rem; }

.list-course .group.group1 + .group2::before { top: auto; z-index: -2; width: 6.5rem; height: 11.5rem; margin-top: -2rem; border-radius: 0 0.5rem 0.5rem 0; border: 2px dotted #a1a2a8; border-left: 0 none; content: ''; }

.list-course .group.group1 + .group2::after { font-size: 0.9rem; display: block; position: absolute; left: 6rem; top: auto; z-index: -1; width: 0.5rem; margin-top: -0.75rem; padding: 0 0 1rem 0.05rem; background-color: #fff; font-family: "xeicon"; color: #86888f; content: ''; text-align: left; line-height: 0.1; }

.list-course .group.group1 + .group2 .label span::before { font-size: 0.9rem; display: block; position: absolute; left: 6rem; top: auto; z-index: -1; width: 0.5rem; margin-top: 4.25rem; padding: 1rem 0 0 0.05rem; background-color: #fff; font-family: "xeicon"; color: #86888f; content: ''; text-align: left; line-height: 0.1; }

.list-course .group.group2 { width: 10rem; }

.list-course .group.group3 { width: 25%; }

.list-course .group.group3 .list li + li { margin-top: 0.25rem; }

.list-course .label { font-size: 1.1rem; display: table; float: right; width: 7.5rem; height: 7.5rem; border-radius: 100%; background-color: #262d4a; font-weight: 500; color: #fff; text-align: center; table-layout: fixed; }

.list-course .label span { display: table-cell; vertical-align: middle; }

.list-course .box { font-size: 0.75rem; padding: 1rem; border-radius: 0.25rem; text-align: center; }

.list-course .box .title { font-size: 0.9rem; display: block; margin-bottom: 0.5rem; font-weight: 500; }

.list-course .box .title + p { opacity: 0.8; }

.list-course .box.type1 { background-color: #9c8872; color: #fff; }

.list-course .box.type2 { background-color: #737d90; color: #fff; }

.list-course .box.type3 { border: 1px solid #d2d4da; color: #333; }

.list-how { display: inline-block; width: 100%; font-weight: 500; color: #2c2c2c; text-align: center; counter-reset: how; }

.list-how li { float: left; position: relative; z-index: 0; width: 33.333%; padding: 2.5rem 0; white-space: nowrap; }

.list-how li::before { font-size: 0.65rem; line-height: 1.92308; position: absolute; left: 50%; top: 2rem; width: 1.25rem; height: 1.25rem; margin-left: 2.5rem; border-radius: 100%; background-color: #272e4b; color: #fff; text-align: center; counter-increment: how; content: counter(how); }

.list-how li::after { position: absolute; left: 0; top: 50%; z-index: -1; width: 100%; height: 2px; margin-top: -1px; background-color: #e9e9e9; content: ''; }

.list-how li:nth-child(n+4) { float: right; }

.list-how li:nth-child(n+7) { float: left; }

.list-how li:nth-child(3)::after { height: calc(100% + 2px); border-radius: 0 5rem 5rem 0; border: 2px solid #e9e9e9; border-left: 0 none; background: none; }

.list-how li:nth-child(3) + li::after { display: none; }

.list-how li:nth-child(6)::after { height: calc(100% + 2px); border-radius: 5rem 0 0 5rem; border: 2px solid #e9e9e9; border-right: 0 none; background: none; }

.list-how li:nth-child(6) + li::after { display: none; }

.list-how img { max-width: 70%; margin-bottom: 0.5rem; }

@media (max-width: 1280px) { .list-course .group + .group::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); top: 50% !important; margin-top: 0 !important; } }

@media (max-width: 1024px) { .board_info .Search_rss.stripe_box .stbox fieldset span { float: left; width: 25%; }
  .board_info .Search_rss.stripe_box .stbox fieldset span.form-select { min-width: 0; max-width: 100%; margin-bottom: 0.5rem; }
  .board_info .Search_rss.stripe_box .stbox fieldset span.form-select:last-child { float: right; margin-top: 0.5rem; }
  .board_info .Search_rss.stripe_box .stbox fieldset span.form-input { width: calc(100% - 5.5rem); }
  .board_info .Search_rss.stripe_box .stbox fieldset span.form-btn { margin-left: 0; }
  .box-mean .img { width: 18rem; }
  .box-mean .desc { padding: 0 0 0 2rem; }
  .list-course .group { display: block; width: 100% !important; margin: 0 auto !important; padding-left: 0; }
  .list-course .group + .group::before { display: block; position: static; margin: 0 auto; padding: 0.5rem 0 !important; content: ''; line-height: 1.2; -webkit-transform: translateY(0); transform: translateY(0); }
  .list-course .group.group1 { display: inline-block; width: 100%; }
  .list-course .group.group1 .list { float: left; width: 49%; }
  .list-course .group.group1 .list:last-child { float: right; margin-top: 0; }
  .list-course .group.group1 .list:last-child li:first-child .box { padding: 2.25rem 1rem; }
  .list-course .group.group1 .list:last-child li:first-child + li .box { padding: 1.5rem 1rem; }
  .list-course .group.group1 .list li { display: block; float: none !important; width: 100%; }
  .list-course .group.group1 .list li::before, .list-course .group.group1 .list li::after { display: none; }
  .list-course .group.group1 .list li + li { padding: 0; }
  .list-course .group.group1 .list li + li::before { display: block; position: static; width: 100%; height: auto; margin: 0.25rem auto; background: none !important; font-family: "xeicon"; content: ''; text-align: center; }
  .list-course .group.group1 .list .box::after { display: none; }
  .list-course .group.group1 + .group2::before { width: 50%; height: 3rem; margin-bottom: 2rem; border-radius: 0 0 0.5rem 0.5rem; border: 2px dotted #a1a2a8; border-top: 0 none; }
  .list-course .group.group1 + .group2::after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: 3rem; width: 100% !important; margin-top: 0.6rem; padding: 0; text-align: center; line-height: 1; }
  .list-course .group.group1 + .group2 .label span::before { display: none; }
  .list-course .label { float: none; margin: 0 auto; }
  .list-course .list { display: inline-block; width: 100%; }
  .list-course .list li { float: left; width: 49%; margin: 0 !important; }
  .list-course .list li:nth-child(2n) { float: right; } }

@media (max-width: 768px) { .box-about { padding: 5rem 2rem 2rem; }
  .list-about { font-size: 0.8rem; }
  .box-mean { display: block; }
  .box-mean .img { display: block; width: 100%; text-align: center; }
  .box-mean .desc { padding: 0; }
  .box-mean .desc p { margin-top: 0.5rem; } }

@media (max-width: 530px) { .box-about .desc { font-size: 1rem; }
  .list-about { margin-top: 1rem; }
  .list-about img { width: 4rem; }
  .list-about li { float: left; width: 33.333%; }
  .list-about li::before { display: none; }
  .list-about li:nth-child(n + 4) { width: 50%; margin-top: 0.5rem; }
  .list-course .group.group1 .list:last-child li:first-child + li .box { padding: 1rem 0.5rem; }
  .list-course .box { padding: 0.5rem; }
  .list-course .box .title { margin-bottom: 0.25rem; line-height: 1.2; }
  .list-how li { padding: 1rem 0; }
  .list-how li::before { top: 1rem; margin-left: 1.5rem; } }

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