/** Main -------------------------------------------------------------------------- */
.main-notice { padding-bottom: 80px; position: relative; border-bottom: 1px solid #e5e5e5; }

.main-notice__btn { padding: 4px 5px; position: absolute; top: 0; right: 10px; }

.main-notice__btn > a { display: block; color: #c8c8c8; border-bottom: 1px solid #c8c8c8; font-size: 13px; }

.main-notice__item { margin-bottom: 15px; color: #6f6f6f; }

@media only screen and (min-width: 768px) { .main-notice__item__wrap:nth-of-type(2n) { text-align: right; } }

.main-notice__date { display: inline-block; color: #b1b1b1; }

.main-cominfo { margin-top: 75px; margin-bottom: 90px; }

@media screen and (min-width: 768px) { .main-cominfo > .l-box { padding-left: 15px; } }

@media screen and (min-width: 768px) { .main-cominfo > .l-box > * { padding-left: 0; } }

.main-cominfo__item { margin-top: 15px; padding: 40px 20px; border: 1px solid #c8c8c8; background-color: #f8f8f8; /* Added */ }

@media screen and (max-width: 767px) { .main-cominfo__item { max-width: 370px; margin-left: auto; margin-right: auto; } }

.main-cominfo__item__title { text-align: center; }

.main-cominfo__item__title > h3 { color: #3d6dcf; margin-bottom: 8px; }

.main-cominfo__item__title > p { color: #555555; }

.main-cominfo__item__img { margin-top: 35px; text-align: center; }

.main-banner { padding: 65px 15px; background-color: #3d6dcf; color: #fff; }

.main-banner--top { width: 320px; }

@media screen and (min-width: 400px) { .main-banner--top { margin: 0 auto; } }

@media screen and (min-width: 1030px) { .main-banner--top { width: 33.33333%; display: inline-block; vertical-align: middle; } }

@media screen and (min-width: 1110px) { .main-banner--top { width: 35%; } }

.main-banner--top__char { margin-right: 5px; }

@media screen and (min-width: 380px) { .main-banner--top__char { margin-right: 15px; } }

.main-banner--top__text > .title { font-size: 18px; }

.main-banner--top__text > .phone { font-size: 30px; font-family: 'NanumGothicBold'; }

.main-banner--middle { margin: 15px 0 30px; text-align: center; }

@media screen and (min-width: 1030px) { .main-banner--middle { width: 40%; margin: 0; display: inline-block; vertical-align: middle; text-align: left; } }

.main-banner--middle > p { font-size: 16px; }

.main-banner--bottom { text-align: center; }

@media screen and (min-width: 1030px) { .main-banner--bottom { float: right; padding-top: 18px; } }

.main-banner--bottom__btn { position: relative; font-size: 18px; }

.main-banner--bottom__char { position: absolute; top: 10px; right: 15px; font-size: 18px; }

/** Com Intro -------------------------------------------------------------------------- */
.com-intro__heading > .title { text-align: center; color: #444444; }

.com-intro__heading > .hr-wrapper { text-align: center; }

.com-intro__heading > .hr-wrapper > .hr { width: 80px; }

.com-intro__body { margin-top: 50px; }

.com-intro__body__item { max-width: 400px; margin: 15px auto; padding: 40px; border: 1px solid #e5e5e5; }

@media screen and (min-width: 910px) { .com-intro__body__item { width: 33.33333%; float: left; padding: 40px 20px; margin-top: 0; }
  .com-intro__body__item:nth-child(2) { border-left: none; border-right: none; } }

@media screen and (min-width: 1000px) { .com-intro__body__item { padding: 40px; } }

.com-intro__body__icon { margin: 30px 0; text-align: center; }

.com-intro__body__text > p { margin-bottom: 15px; line-height: 1.8em; color: #444444; text-align: justify; }

.com-intro--map { margin-top: 50px; }

.com-intro--map__link > table { width: 100%; height: 300px; }

/** API -------------------------------------------------------------------------- */
.api__body { margin-top: 50px; }

.api__body__item { margin: 30px 0; }

.api__body__item__title { color: #3d6dcf; font-size: 18px; line-height: 1.8em; }

.api__body__item__sub-title { font-size: 16px; font-family: 'NanumGothicBold'; line-height: 1.8em; }

.api__body__item__list { margin: 15px 0; }

.api__body__item__list > li { line-height: 1.8em; }

.api__body__item__table { width: 100%; margin: 10px 0; text-align: center; }

.api__body__item__table > thead { font-family: 'NanumGothicBold'; border-top: 2px solid #000; border-bottom: 1px solid #cccccc; }

.api__body__item__table > tbody { border-bottom: 1px solid #cccccc; }

.api__body__item__table > tbody > tr:not(:last-of-type) { border-bottom: 1px solid #e4e4e4; }

.api__body__item__table th, .api__body__item__table td { padding: 10px 5px; }

.api__body__item__table th:not(:last-of-type), .api__body__item__table td:not(:last-of-type) { border-right: 1px solid #e4e4e4; }

/** Regs Test -------------------------------------------------------------------------- */
.l-table--head { padding: 10px 20px; background-color: #d9d9d9; }

.l-table--body { padding: 10px 20px; border: 1px solid #d9d9d9; }

/** Regs -------------------------------------------------------------------------- */
.regs--info { margin-top: 50px; }

.regs--info__item { margin-bottom: 30px; }

.regs--info__item > p { line-height: 1.8em; }

.regs--tab__menu { border-bottom: 1px solid #a5a5a5; margin-bottom: 30px; }

.regs--tab__menu > .tablinks { padding: 10px 30px; font-size: 18px; font-family: 'NanumGothicBold'; background-color: #a5a5a5; color: #fff; }

.regs--tab__menu > .tablinks:hover, .regs--tab__menu > .tablinks:active { background-color: #5797E4; }

.regs--tab__contents { /* Go from zero to full opacity */ }

.regs--tab__contents > .tabcontent { display: none; height: 500px; padding: 20px; overflow-y: scroll; background-color: #fff; animation: fadeEffect 1s; /* Fading effect takes 1 second */ }

.regs--tab__contents > .tabcontent > p { text-align: justify; word-break: break-all; }

.regs--tab__contents > .tabcontent > img { margin-top: 20px; width: 100%; }

@keyframes fadeEffect { from { opacity: 0; }
  to { opacity: 1; } }

.regs .l-cards { margin: 20px 0; }

/** Registration -------------------------------------------------------------------------- */
.regis { margin-top: 40px; }

.regis__item { margin-bottom: 30px; }

.regis__item__heading { padding: 10px 0; color: #3d6dcf; }

.regis__item__text { font-size: 16px; color: #808080; line-height: 1.8em; }

.regis__sub-item { margin: 20px 0; }

.regis__sub-item__heading { padding: 5px 0; font-size: 1.08rem; }

.regis__sub-item__text { color: #808080; line-height: 1.8em; }

.regis--box { padding: 40px 30px; background-color: #F8F9FA; border-top: 1px solid #E8E9EA; border-bottom: 1px solid #E8E9EA; border-right: 1px solid #E8E9EA; border-left: 3px solid #B1B2B3; }

.notice { margin-top: 50px; }

.notice--view__heading { padding-bottom: 20px; border-bottom: 3px solid #333; }

.notice--view__heading__title > .label { font-size: 100%; display: inline-block; margin-right: 5px; }

.notice--view .cls_the_body { line-height: inherit; text-align: inherit; padding: 30px 10px 10px; }

.notice--view__body .meta_user_name { padding: 20px 10px; font-size: 16px; text-align: left; border-bottom: 1px solid #d0d0d0; }

.notice--view__body .meta_cnt_view { padding: 20px 10px; font-size: 16px; text-align: left; border-bottom: 1px solid #d0d0d0; }

.notice--view__body .meta_created { padding: 20px 10px; font-size: 16px; text-align: left; border-bottom: 1px solid #d0d0d0; }

.notice--view__body > .post_meta .fas { width: 20px; text-align: center; }

.notice--view__line { border-bottom: 1px solid #d0d0d0; }

.login__wrap { max-width: 600px; margin-left: auto; margin-right: auto; }
/*# sourceMappingURL=style.css.map */