@charset "UTF-8";
/* 웹폰트 */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 300;
  src: url("../../_common/fonts/Pretendard-Light.woff2") format("woff2"), url("../../_common/fonts/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  src: url("../../_common/fonts/Pretendard-Regular.woff2") format("woff2"), url("../../_common/fonts/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 500;
  src: url("../../_common/fonts/Pretendard-Medium.woff2") format("woff2"), url("../../_common/fonts/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 600;
  src: url("../../_common/fonts/Pretendard-SemiBold.woff2") format("woff2"), url("../../_common/fonts/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 700;
  src: url("../../_common/fonts/Pretendard-Bold.woff2") format("woff2"), url("../../_common/fonts/Pretendard-Bold.woff") format("woff");
}
/* default */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  height: 100%;
}
@media (max-width: 767.98px) {
  html {
    -webkit-text-size-adjust: none;
    overflow-y: auto;
  }
}

body {
  min-width: 360px;
  color: #111;
  font-size: 16px;
  font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.4;
  word-wrap: break-word;
}
@media (min-width: 768px) {
  body {
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    word-break: keep-all;
    overflow-y: scroll;
  }
}
@media (max-width: 767.98px) {
  body {
    word-break: break-all;
  }
}

header,
section,
article,
aside,
footer,
nav {
  display: block;
}

fieldset {
  display: block;
  margin: 0;
  border: 0;
  padding: 0;
}

pre {
  white-space: pre-wrap;
}

img {
  max-width: 100%;
  border: 0;
}

ul,
li,
ol {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
dd {
  margin: 0;
}

a,
select,
button,
input,
textarea {
  font-family: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input[type=submit] {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  background: transparent;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.sr-only {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  margin: 0 !important;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

caption.sr-only {
  position: static;
  width: auto;
  height: 0;
}

/* 간격 */
/* 주요 마진셋 */
.mt-lg {
  margin-top: 80px !important;
}

.mb-lg {
  margin-bottom: 80px !important;
}

.mt-md {
  margin-top: 40px !important;
}

.mb-md {
  margin-bottom: 40px !important;
}

.ml-md {
  margin-left: 40px !important;
}

.mr-md {
  margin-right: 40px !important;
}

.mt-sm {
  margin-top: 8px !important;
}

.mb-sm {
  margin-bottom: 8px !important;
}

.ml-sm {
  margin-left: 8px !important;
}

.mr-sm {
  margin-right: 8px !important;
}

/* 간격 Preset */
.m-0 {
  margin: 0px !important;
}

.m-1 {
  margin: 4px !important;
}

.m-2 {
  margin: 8px !important;
}

.m-3 {
  margin: 12px !important;
}

.m-4 {
  margin: 16px !important;
}

.m-5 {
  margin: 20px !important;
}

.m-6 {
  margin: 24px !important;
}

.m-7 {
  margin: 28px !important;
}

.m-8 {
  margin: 32px !important;
}

.m-9 {
  margin: 36px !important;
}

.m-10 {
  margin: 40px !important;
}

.p-0 {
  padding: 0px !important;
}

.p-1 {
  padding: 4px !important;
}

.p-2 {
  padding: 8px !important;
}

.p-3 {
  padding: 12px !important;
}

.p-4 {
  padding: 16px !important;
}

.p-5 {
  padding: 20px !important;
}

.p-6 {
  padding: 24px !important;
}

.p-7 {
  padding: 28px !important;
}

.p-8 {
  padding: 32px !important;
}

.p-9 {
  padding: 36px !important;
}

.p-10 {
  padding: 40px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-3 {
  margin-top: 12px !important;
}

.mt-4 {
  margin-top: 16px !important;
}

.mt-5 {
  margin-top: 20px !important;
}

.mt-6 {
  margin-top: 24px !important;
}

.mt-7 {
  margin-top: 28px !important;
}

.mt-8 {
  margin-top: 32px !important;
}

.mt-9 {
  margin-top: 36px !important;
}

.mt-10 {
  margin-top: 40px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.ml-3 {
  margin-left: 12px !important;
}

.ml-4 {
  margin-left: 16px !important;
}

.ml-5 {
  margin-left: 20px !important;
}

.ml-6 {
  margin-left: 24px !important;
}

.ml-7 {
  margin-left: 28px !important;
}

.ml-8 {
  margin-left: 32px !important;
}

.ml-9 {
  margin-left: 36px !important;
}

.ml-10 {
  margin-left: 40px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mr-3 {
  margin-right: 12px !important;
}

.mr-4 {
  margin-right: 16px !important;
}

.mr-5 {
  margin-right: 20px !important;
}

.mr-6 {
  margin-right: 24px !important;
}

.mr-7 {
  margin-right: 28px !important;
}

.mr-8 {
  margin-right: 32px !important;
}

.mr-9 {
  margin-right: 36px !important;
}

.mr-10 {
  margin-right: 40px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-3 {
  margin-bottom: 12px !important;
}

.mb-4 {
  margin-bottom: 16px !important;
}

.mb-5 {
  margin-bottom: 20px !important;
}

.mb-6 {
  margin-bottom: 24px !important;
}

.mb-7 {
  margin-bottom: 28px !important;
}

.mb-8 {
  margin-bottom: 32px !important;
}

.mb-9 {
  margin-bottom: 36px !important;
}

.mb-10 {
  margin-bottom: 40px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-1 {
  padding-top: 4px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pt-3 {
  padding-top: 12px !important;
}

.pt-4 {
  padding-top: 16px !important;
}

.pt-5 {
  padding-top: 20px !important;
}

.pt-6 {
  padding-top: 24px !important;
}

.pt-7 {
  padding-top: 28px !important;
}

.pt-8 {
  padding-top: 32px !important;
}

.pt-9 {
  padding-top: 36px !important;
}

.pt-10 {
  padding-top: 40px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-1 {
  padding-left: 4px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

.pl-3 {
  padding-left: 12px !important;
}

.pl-4 {
  padding-left: 16px !important;
}

.pl-5 {
  padding-left: 20px !important;
}

.pl-6 {
  padding-left: 24px !important;
}

.pl-7 {
  padding-left: 28px !important;
}

.pl-8 {
  padding-left: 32px !important;
}

.pl-9 {
  padding-left: 36px !important;
}

.pl-10 {
  padding-left: 40px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-1 {
  padding-right: 4px !important;
}

.pr-2 {
  padding-right: 8px !important;
}

.pr-3 {
  padding-right: 12px !important;
}

.pr-4 {
  padding-right: 16px !important;
}

.pr-5 {
  padding-right: 20px !important;
}

.pr-6 {
  padding-right: 24px !important;
}

.pr-7 {
  padding-right: 28px !important;
}

.pr-8 {
  padding-right: 32px !important;
}

.pr-9 {
  padding-right: 36px !important;
}

.pr-10 {
  padding-right: 40px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-1 {
  padding-bottom: 4px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pb-3 {
  padding-bottom: 12px !important;
}

.pb-4 {
  padding-bottom: 16px !important;
}

.pb-5 {
  padding-bottom: 20px !important;
}

.pb-6 {
  padding-bottom: 24px !important;
}

.pb-7 {
  padding-bottom: 28px !important;
}

.pb-8 {
  padding-bottom: 32px !important;
}

.pb-9 {
  padding-bottom: 36px !important;
}

.pb-10 {
  padding-bottom: 40px !important;
}

@media (min-width: 768px) {
  .m-lg-0 {
    margin: 0px !important;
  }
  .m-lg-1 {
    margin: 4px !important;
  }
  .m-lg-2 {
    margin: 8px !important;
  }
  .m-lg-3 {
    margin: 12px !important;
  }
  .m-lg-4 {
    margin: 16px !important;
  }
  .m-lg-5 {
    margin: 20px !important;
  }
  .m-lg-6 {
    margin: 24px !important;
  }
  .m-lg-7 {
    margin: 28px !important;
  }
  .m-lg-8 {
    margin: 32px !important;
  }
  .m-lg-9 {
    margin: 36px !important;
  }
  .m-lg-10 {
    margin: 40px !important;
  }
  .p-lg-0 {
    padding: 0px !important;
  }
  .p-lg-1 {
    padding: 4px !important;
  }
  .p-lg-2 {
    padding: 8px !important;
  }
  .p-lg-3 {
    padding: 12px !important;
  }
  .p-lg-4 {
    padding: 16px !important;
  }
  .p-lg-5 {
    padding: 20px !important;
  }
  .p-lg-6 {
    padding: 24px !important;
  }
  .p-lg-7 {
    padding: 28px !important;
  }
  .p-lg-8 {
    padding: 32px !important;
  }
  .p-lg-9 {
    padding: 36px !important;
  }
  .p-lg-10 {
    padding: 40px !important;
  }
  .mt-lg-0 {
    margin-top: 0px !important;
  }
  .mt-lg-1 {
    margin-top: 4px !important;
  }
  .mt-lg-2 {
    margin-top: 8px !important;
  }
  .mt-lg-3 {
    margin-top: 12px !important;
  }
  .mt-lg-4 {
    margin-top: 16px !important;
  }
  .mt-lg-5 {
    margin-top: 20px !important;
  }
  .mt-lg-6 {
    margin-top: 24px !important;
  }
  .mt-lg-7 {
    margin-top: 28px !important;
  }
  .mt-lg-8 {
    margin-top: 32px !important;
  }
  .mt-lg-9 {
    margin-top: 36px !important;
  }
  .mt-lg-10 {
    margin-top: 40px !important;
  }
  .ml-lg-0 {
    margin-left: 0px !important;
  }
  .ml-lg-1 {
    margin-left: 4px !important;
  }
  .ml-lg-2 {
    margin-left: 8px !important;
  }
  .ml-lg-3 {
    margin-left: 12px !important;
  }
  .ml-lg-4 {
    margin-left: 16px !important;
  }
  .ml-lg-5 {
    margin-left: 20px !important;
  }
  .ml-lg-6 {
    margin-left: 24px !important;
  }
  .ml-lg-7 {
    margin-left: 28px !important;
  }
  .ml-lg-8 {
    margin-left: 32px !important;
  }
  .ml-lg-9 {
    margin-left: 36px !important;
  }
  .ml-lg-10 {
    margin-left: 40px !important;
  }
  .mr-lg-0 {
    margin-right: 0px !important;
  }
  .mr-lg-1 {
    margin-right: 4px !important;
  }
  .mr-lg-2 {
    margin-right: 8px !important;
  }
  .mr-lg-3 {
    margin-right: 12px !important;
  }
  .mr-lg-4 {
    margin-right: 16px !important;
  }
  .mr-lg-5 {
    margin-right: 20px !important;
  }
  .mr-lg-6 {
    margin-right: 24px !important;
  }
  .mr-lg-7 {
    margin-right: 28px !important;
  }
  .mr-lg-8 {
    margin-right: 32px !important;
  }
  .mr-lg-9 {
    margin-right: 36px !important;
  }
  .mr-lg-10 {
    margin-right: 40px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .mb-lg-1 {
    margin-bottom: 4px !important;
  }
  .mb-lg-2 {
    margin-bottom: 8px !important;
  }
  .mb-lg-3 {
    margin-bottom: 12px !important;
  }
  .mb-lg-4 {
    margin-bottom: 16px !important;
  }
  .mb-lg-5 {
    margin-bottom: 20px !important;
  }
  .mb-lg-6 {
    margin-bottom: 24px !important;
  }
  .mb-lg-7 {
    margin-bottom: 28px !important;
  }
  .mb-lg-8 {
    margin-bottom: 32px !important;
  }
  .mb-lg-9 {
    margin-bottom: 36px !important;
  }
  .mb-lg-10 {
    margin-bottom: 40px !important;
  }
  .pt-lg-0 {
    padding-top: 0px !important;
  }
  .pt-lg-1 {
    padding-top: 4px !important;
  }
  .pt-lg-2 {
    padding-top: 8px !important;
  }
  .pt-lg-3 {
    padding-top: 12px !important;
  }
  .pt-lg-4 {
    padding-top: 16px !important;
  }
  .pt-lg-5 {
    padding-top: 20px !important;
  }
  .pt-lg-6 {
    padding-top: 24px !important;
  }
  .pt-lg-7 {
    padding-top: 28px !important;
  }
  .pt-lg-8 {
    padding-top: 32px !important;
  }
  .pt-lg-9 {
    padding-top: 36px !important;
  }
  .pt-lg-10 {
    padding-top: 40px !important;
  }
  .pl-lg-0 {
    padding-left: 0px !important;
  }
  .pl-lg-1 {
    padding-left: 4px !important;
  }
  .pl-lg-2 {
    padding-left: 8px !important;
  }
  .pl-lg-3 {
    padding-left: 12px !important;
  }
  .pl-lg-4 {
    padding-left: 16px !important;
  }
  .pl-lg-5 {
    padding-left: 20px !important;
  }
  .pl-lg-6 {
    padding-left: 24px !important;
  }
  .pl-lg-7 {
    padding-left: 28px !important;
  }
  .pl-lg-8 {
    padding-left: 32px !important;
  }
  .pl-lg-9 {
    padding-left: 36px !important;
  }
  .pl-lg-10 {
    padding-left: 40px !important;
  }
  .pr-lg-0 {
    padding-right: 0px !important;
  }
  .pr-lg-1 {
    padding-right: 4px !important;
  }
  .pr-lg-2 {
    padding-right: 8px !important;
  }
  .pr-lg-3 {
    padding-right: 12px !important;
  }
  .pr-lg-4 {
    padding-right: 16px !important;
  }
  .pr-lg-5 {
    padding-right: 20px !important;
  }
  .pr-lg-6 {
    padding-right: 24px !important;
  }
  .pr-lg-7 {
    padding-right: 28px !important;
  }
  .pr-lg-8 {
    padding-right: 32px !important;
  }
  .pr-lg-9 {
    padding-right: 36px !important;
  }
  .pr-lg-10 {
    padding-right: 40px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .pb-lg-1 {
    padding-bottom: 4px !important;
  }
  .pb-lg-2 {
    padding-bottom: 8px !important;
  }
  .pb-lg-3 {
    padding-bottom: 12px !important;
  }
  .pb-lg-4 {
    padding-bottom: 16px !important;
  }
  .pb-lg-5 {
    padding-bottom: 20px !important;
  }
  .pb-lg-6 {
    padding-bottom: 24px !important;
  }
  .pb-lg-7 {
    padding-bottom: 28px !important;
  }
  .pb-lg-8 {
    padding-bottom: 32px !important;
  }
  .pb-lg-9 {
    padding-bottom: 36px !important;
  }
  .pb-lg-10 {
    padding-bottom: 40px !important;
  }
}
@media (max-width: 767.98px) {
  .m-md-0 {
    margin: 0px !important;
  }
  .m-md-1 {
    margin: 4px !important;
  }
  .m-md-2 {
    margin: 8px !important;
  }
  .m-md-3 {
    margin: 12px !important;
  }
  .m-md-4 {
    margin: 16px !important;
  }
  .m-md-5 {
    margin: 20px !important;
  }
  .m-md-6 {
    margin: 24px !important;
  }
  .m-md-7 {
    margin: 28px !important;
  }
  .m-md-8 {
    margin: 32px !important;
  }
  .m-md-9 {
    margin: 36px !important;
  }
  .m-md-10 {
    margin: 40px !important;
  }
  .p-md-0 {
    padding: 0px !important;
  }
  .p-md-1 {
    padding: 4px !important;
  }
  .p-md-2 {
    padding: 8px !important;
  }
  .p-md-3 {
    padding: 12px !important;
  }
  .p-md-4 {
    padding: 16px !important;
  }
  .p-md-5 {
    padding: 20px !important;
  }
  .p-md-6 {
    padding: 24px !important;
  }
  .p-md-7 {
    padding: 28px !important;
  }
  .p-md-8 {
    padding: 32px !important;
  }
  .p-md-9 {
    padding: 36px !important;
  }
  .p-md-10 {
    padding: 40px !important;
  }
  .mt-md-0 {
    margin-top: 0px !important;
  }
  .mt-md-1 {
    margin-top: 4px !important;
  }
  .mt-md-2 {
    margin-top: 8px !important;
  }
  .mt-md-3 {
    margin-top: 12px !important;
  }
  .mt-md-4 {
    margin-top: 16px !important;
  }
  .mt-md-5 {
    margin-top: 20px !important;
  }
  .mt-md-6 {
    margin-top: 24px !important;
  }
  .mt-md-7 {
    margin-top: 28px !important;
  }
  .mt-md-8 {
    margin-top: 32px !important;
  }
  .mt-md-9 {
    margin-top: 36px !important;
  }
  .mt-md-10 {
    margin-top: 40px !important;
  }
  .ml-md-0 {
    margin-left: 0px !important;
  }
  .ml-md-1 {
    margin-left: 4px !important;
  }
  .ml-md-2 {
    margin-left: 8px !important;
  }
  .ml-md-3 {
    margin-left: 12px !important;
  }
  .ml-md-4 {
    margin-left: 16px !important;
  }
  .ml-md-5 {
    margin-left: 20px !important;
  }
  .ml-md-6 {
    margin-left: 24px !important;
  }
  .ml-md-7 {
    margin-left: 28px !important;
  }
  .ml-md-8 {
    margin-left: 32px !important;
  }
  .ml-md-9 {
    margin-left: 36px !important;
  }
  .ml-md-10 {
    margin-left: 40px !important;
  }
  .mr-md-0 {
    margin-right: 0px !important;
  }
  .mr-md-1 {
    margin-right: 4px !important;
  }
  .mr-md-2 {
    margin-right: 8px !important;
  }
  .mr-md-3 {
    margin-right: 12px !important;
  }
  .mr-md-4 {
    margin-right: 16px !important;
  }
  .mr-md-5 {
    margin-right: 20px !important;
  }
  .mr-md-6 {
    margin-right: 24px !important;
  }
  .mr-md-7 {
    margin-right: 28px !important;
  }
  .mr-md-8 {
    margin-right: 32px !important;
  }
  .mr-md-9 {
    margin-right: 36px !important;
  }
  .mr-md-10 {
    margin-right: 40px !important;
  }
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .mb-md-1 {
    margin-bottom: 4px !important;
  }
  .mb-md-2 {
    margin-bottom: 8px !important;
  }
  .mb-md-3 {
    margin-bottom: 12px !important;
  }
  .mb-md-4 {
    margin-bottom: 16px !important;
  }
  .mb-md-5 {
    margin-bottom: 20px !important;
  }
  .mb-md-6 {
    margin-bottom: 24px !important;
  }
  .mb-md-7 {
    margin-bottom: 28px !important;
  }
  .mb-md-8 {
    margin-bottom: 32px !important;
  }
  .mb-md-9 {
    margin-bottom: 36px !important;
  }
  .mb-md-10 {
    margin-bottom: 40px !important;
  }
  .pt-md-0 {
    padding-top: 0px !important;
  }
  .pt-md-1 {
    padding-top: 4px !important;
  }
  .pt-md-2 {
    padding-top: 8px !important;
  }
  .pt-md-3 {
    padding-top: 12px !important;
  }
  .pt-md-4 {
    padding-top: 16px !important;
  }
  .pt-md-5 {
    padding-top: 20px !important;
  }
  .pt-md-6 {
    padding-top: 24px !important;
  }
  .pt-md-7 {
    padding-top: 28px !important;
  }
  .pt-md-8 {
    padding-top: 32px !important;
  }
  .pt-md-9 {
    padding-top: 36px !important;
  }
  .pt-md-10 {
    padding-top: 40px !important;
  }
  .pl-md-0 {
    padding-left: 0px !important;
  }
  .pl-md-1 {
    padding-left: 4px !important;
  }
  .pl-md-2 {
    padding-left: 8px !important;
  }
  .pl-md-3 {
    padding-left: 12px !important;
  }
  .pl-md-4 {
    padding-left: 16px !important;
  }
  .pl-md-5 {
    padding-left: 20px !important;
  }
  .pl-md-6 {
    padding-left: 24px !important;
  }
  .pl-md-7 {
    padding-left: 28px !important;
  }
  .pl-md-8 {
    padding-left: 32px !important;
  }
  .pl-md-9 {
    padding-left: 36px !important;
  }
  .pl-md-10 {
    padding-left: 40px !important;
  }
  .pr-md-0 {
    padding-right: 0px !important;
  }
  .pr-md-1 {
    padding-right: 4px !important;
  }
  .pr-md-2 {
    padding-right: 8px !important;
  }
  .pr-md-3 {
    padding-right: 12px !important;
  }
  .pr-md-4 {
    padding-right: 16px !important;
  }
  .pr-md-5 {
    padding-right: 20px !important;
  }
  .pr-md-6 {
    padding-right: 24px !important;
  }
  .pr-md-7 {
    padding-right: 28px !important;
  }
  .pr-md-8 {
    padding-right: 32px !important;
  }
  .pr-md-9 {
    padding-right: 36px !important;
  }
  .pr-md-10 {
    padding-right: 40px !important;
  }
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
  .pb-md-1 {
    padding-bottom: 4px !important;
  }
  .pb-md-2 {
    padding-bottom: 8px !important;
  }
  .pb-md-3 {
    padding-bottom: 12px !important;
  }
  .pb-md-4 {
    padding-bottom: 16px !important;
  }
  .pb-md-5 {
    padding-bottom: 20px !important;
  }
  .pb-md-6 {
    padding-bottom: 24px !important;
  }
  .pb-md-7 {
    padding-bottom: 28px !important;
  }
  .pb-md-8 {
    padding-bottom: 32px !important;
  }
  .pb-md-9 {
    padding-bottom: 36px !important;
  }
  .pb-md-10 {
    padding-bottom: 40px !important;
  }
}
/* 불릿시스템 간격 */
.title1 {
  margin-bottom: 16px;
}
.title1 + .title2 {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .title1 + .indent {
    margin-left: 0;
  }
  .title1 + .indent .indent-none {
    margin-left: 0;
  }
  .title1 + .indent .list1 .indent-none {
    margin-left: 0;
  }
  .title1 + .indent .list2 .indent-none {
    margin-left: 0;
  }
}

.title2 {
  margin: 16px 0 12px;
}
@media (min-width: 768px) {
  .title2 + .indent {
    margin-left: 0;
  }
  .title2 + .indent .indent-none {
    margin-left: 0;
  }
  .title2 + .indent .list1 .indent-none {
    margin-left: 0;
  }
  .title2 + .indent .list2 .indent-none {
    margin-left: 0;
  }
}

.indent-none {
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (max-width: 767.98px) {
  .indent .list .indent-none {
    margin-left: 0;
  }
  .indent .list .list .indent-none {
    margin-left: 0;
  }
}

.list1 .list2 {
  margin-top: 5px;
}
.list1 .list3 {
  margin-top: 5px;
}

/* 탭메뉴 하단 간격 */
@media (min-width: 768px) {
  .tab-menu1 {
    margin-bottom: 50px;
  }
}
@media (max-width: 767.98px) {
  .tab-menu1 {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .tab-menu2 {
    margin-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .tab-menu2 {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .tab-menu-box {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .tab-menu-box {
    margin-bottom: 0;
  }
}

/* 체크박스 간격 */
.ckeck-item,
.ckeck-item-custom {
  vertical-align: middle;
  line-height: 20px;
}
.ckeck-item + .ckeck-item,
.ckeck-item + .ckeck-item-custom,
.ckeck-item-custom + .ckeck-item,
.ckeck-item-custom + .ckeck-item-custom {
  margin-left: 26px;
}
@media (max-width: 767.98px) {
  .ckeck-item + .ckeck-item,
  .ckeck-item + .ckeck-item-custom,
  .ckeck-item-custom + .ckeck-item,
  .ckeck-item-custom + .ckeck-item-custom {
    margin-left: 11px;
  }
}

.clearfix {
  position: relative;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 768px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (max-width: 767.98px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (max-width: 767.98px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
.vertical-top {
  vertical-align: top !important;
}

.vertical-middle {
  vertical-align: middle !important;
}

.vertical-bottom {
  vertical-align: bottom !important;
}

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-container .flex-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.flex-container .flex-item-fit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.flex-justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-align-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.flex-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767.98px) {
  .d-up-lg {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .d-up-md {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .d-down-md {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .d-down-sm {
    display: none !important;
  }
}

.text-default {
  color: #111 !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #057b94 !important;
}

.text-darkprimary {
  color: #0d6375 !important;
}

.text-secondary {
  color: #2332b9 !important;
}

.text-invalid {
  color: #f10000 !important;
}

.text-valid {
  color: #1c8ebf !important;
}

.text-red {
  color: #f10000 !important;
}

.text-gray {
  color: #888 !important;
}

.text-lightgray {
  color: #aaa !important;
}

.text-darkgray {
  color: #555 !important;
}

.bg-default {
  background-color: #111 !important;
  color: #fff;
}

.bg-primary {
  background-color: #057b94 !important;
  color: #fff;
}

.bg-darkprimary {
  background-color: #0d6375 !important;
  color: #fff;
}

.bg-darkgray {
  background-color: #555 !important;
  color: #fff;
}

.bg-black {
  background-color: #111 !important;
  color: #fff;
}

.bg-secondary {
  background-color: #2332b9 !important;
  color: #fff;
}

.bg-invalid {
  background-color: #f10000 !important;
  color: #fff;
}

.bg-valid {
  background-color: #1c8ebf !important;
  color: #fff;
}

.bg-lightgray {
  background-color: #f5f5f5 !important;
}

.bg-gray {
  background-color: #eee !important;
}

.bg-lightprimary {
  background-color: #d5f0f5 !important;
}

.bg-black {
  background-color: #111 !important;
}

.bg-secondary {
  background-color: #2332b9 !important;
}

.bg-grayblue {
  background-color: #a6c0c6 !important;
}

.bg-whiteblue {
  background-color: #d5f0f5 !important;
}

.bg-white {
  background-color: #fff !important;
}

.text-sm {
  font-size: 14px !important;
}

.text-md {
  font-size: 16px !important;
}

.text-lg {
  font-size: 18px !important;
}

.text-xl {
  font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
  font-size: 20px !important;
  font-weight: 500;
}

.text-xxl {
  font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
  font-size: 24px !important;
  font-weight: bold;
}

.text-normal {
  font-weight: normal !important;
}

.text-medium {
  font-weight: 500 !important;
}

.text-bold {
  font-weight: bold !important;
}

.link {
  text-decoration: underline;
}
.link:focus, .link:hover {
  color: #057b94;
}

.text-unit {
  color: #555;
  text-align: right;
  margin-bottom: 5px;
  font-size: 14px;
}

mark {
  background-color: transparent;
  -webkit-box-shadow: inset 0px -10px #b7f5f3;
          box-shadow: inset 0px -10px #b7f5f3;
}

.text-ellipsis {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  max-height: 19px;
  line-height: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.container {
  max-width: 1480px;
  margin: auto;
  max-width: 1400px;
}
.container:after {
  display: block;
  clear: both;
  content: "";
}
@media (max-width: 767.98px) {
  .container {
    width: auto;
  }
}
@media (max-width: 767.98px) {
  .container {
    padding: 0 16px;
  }
}

.container-md {
  max-width: 1480px;
  margin: auto;
  max-width: 780px;
}
.container-md:after {
  display: block;
  clear: both;
  content: "";
}
@media (max-width: 767.98px) {
  .container-md {
    width: auto;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.default-image-slider:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -10px;
  overflow: hidden;
}
.default-image-slider:not(.slick-slider) .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(33.33333% - 20px);
  margin: 10px;
}
.default-image-slider .slick-list {
  margin: 0 -10px;
}
.default-image-slider .slick-slide {
  margin: 0 10px;
}
.default-image-slider .slick-arrow {
  position: absolute;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  z-index: 10;
  top: 50%;
  width: 50px;
  height: 50px;
  margin: -57px -25px 0;
  -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.17);
          box-shadow: 0 5px 9px rgba(0, 0, 0, 0.17);
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  background-color: #949494;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 18px;
  border-radius: 50%;
}
.default-image-slider .slick-arrow:hover, .default-image-slider .slick-arrow:focus {
  background-color: #0d6375;
}
.default-image-slider .slick-prev {
  left: 0;
  background-image: url(../../_common/images/ico-chevron-left-sm-white.png);
}
.default-image-slider .slick-next {
  right: 0;
  background-image: url(../../_common/images/ico-chevron-right-sm-white.png);
}
.default-image-slider .slick-dots {
  margin-top: 23px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.default-image-slider .slick-dots .slick-active button:before {
  border-color: #057b94;
  background-color: #057b94;
}
.default-image-slider .slick-dots button {
  position: relative;
  display: block;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-bottom: -3px;
}
.default-image-slider .slick-dots button:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  border: 2px solid #c1c1c1;
  border-radius: 5px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.default-image-slider .item {
  vertical-align: top;
}
.default-image-slider .item a {
  display: block;
}
.default-image-slider .item a:hover .subject, .default-image-slider .item a:focus .subject {
  text-decoration: underline;
}
.default-image-slider .item img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.default-image-slider .thumb {
  display: block;
  position: relative;
  padding-top: 78.86178%;
  border-radius: 10px;
  overflow: hidden;
}
.default-image-slider .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.default-image-slider .subject {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 36px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  margin-top: 13px;
  padding: 0 10px;
  font-size: 18px;
  letter-spacing: -0.5px;
}
.default-image-slider.card-news-slider {
  max-width: 600px;
  margin: 40px auto;
}
@media (min-width: 768px) {
  .default-image-slider.slick-slider .slick-list {
    margin: -10px;
  }
  .default-image-slider.slick-slider .slick-slide {
    margin: 10px;
  }
}
@media (max-width: 767.98px) {
  .default-image-slider .subject {
    height: 36px;
  }
}

.ico {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
}

/* 범용 비규격 아이콘  */
.ico-times-white {
  width: 18px;
  height: 18px;
  line-height: 18px;
  background-image: url("../../_common/images/ico-times-white@2x.png");
}

.ico-times-black {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-times-black@2x.png");
}

.ico-chevron-down {
  width: 13px;
  height: 7px;
  line-height: 7px;
  background-image: url("../../_common/images/ico-chevron-down@2x.png");
}

.ico-chevron-down-lg {
  width: 19px;
  height: 10px;
  line-height: 10px;
  background-image: url("../../_common/images/ico-chevron-down-lg@2x.png");
}

.ico-chevron-sm-down {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-chevron-sm-down@2x.png");
}

.ico-chevron-down-sm-white {
  width: 9px;
  height: 5px;
  line-height: 5px;
  background-image: url("../../_common/images/ico-chevron-down-sm-white@2x.png");
}

.ico-chevron-sm-up {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-chevron-sm-up@2x.png");
}

.ico-chevron-up-white {
  width: 18px;
  height: 10px;
  line-height: 10px;
  background-image: url("../../_common/images/ico-chevron-up-white@2x.png");
}

.ico-download {
  width: 12px;
  height: 14px;
  line-height: 14px;
  background-image: url("../../_common/images/ico-download@2x.png");
}

.ico-download-primary {
  width: 12px;
  height: 14px;
  line-height: 14px;
  background-image: url("../../_common/images/ico-download-primary@2x.png");
}

.ico-external-link {
  width: 16px;
  height: 15px;
  line-height: 15px;
  background-image: url("../../_common/images/ico-external-link@2x.png");
}

.ico-popup {
  width: 18px;
  height: 14px;
  line-height: 14px;
  background-image: url("../../_common/images/ico-popup@2x.png");
}

.ico-search-md-black {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-search-md-black@2x.png");
}

.ico-search-primary {
  width: 20px;
  height: 22px;
  line-height: 22px;
  background-image: url("../../_common/images/ico-search-primary@2x.png");
}

.ico-close-primary {
  width: 17px;
  height: 17px;
  line-height: 17px;
  background-image: url("../../_common/images/ico-close-primary@2x.png");
}

.ico-search-white {
  width: 14px;
  height: 14px;
  line-height: 14px;
  background-image: url("../../_common/images/ico-search-white@2x.png");
}

.ico-notice-primary {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-notice-primary@2x.png");
}

.ico-datepicker-primary {
  width: 22px;
  height: 22px;
  line-height: 22px;
  background-image: url("../../_common/images/ico-datepicker-primary@2x.png");
}

.ico-datepicker-black {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-datepicker-black@2x.png");
}

.ico-file-gif {
  width: 19px;
  height: 22px;
  line-height: 22px;
  background-image: url("../../_common/images/ico-file-gif@2x.png");
}

.ico-file-hwp {
  width: 19px;
  height: 22px;
  line-height: 22px;
  background-image: url("../../_common/images/ico-file-hwp@2x.png");
}

.ico-file-jpg {
  width: 19px;
  height: 22px;
  line-height: 22px;
  background-image: url("../../_common/images/ico-file-jpg@2x.png");
}

.ico-file-pdf {
  width: 19px;
  height: 22px;
  line-height: 22px;
  background-image: url("../../_common/images/ico-file-pdf@2x.png");
}

.ico-file-png {
  width: 19px;
  height: 22px;
  line-height: 22px;
  background-image: url("../../_common/images/ico-file-png@2x.png");
}

.ico-file-word {
  width: 19px;
  height: 22px;
  line-height: 22px;
  background-image: url("../../_common/images/ico-file-word@2x.png");
}

.ico-file-xls {
  width: 19px;
  height: 22px;
  line-height: 22px;
  background-image: url("../../_common/images/ico-file-xls@2x.png");
}

.ico-file {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-file@2x.png");
}

.ico-default {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-default@2x.png");
}

.ico-gif {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-gif@2x.png");
}

.ico-bmp {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-bmp@2x.png");
}

.ico-jpg {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-jpg@2x.png");
}

.ico-jpng {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-jpng@2x.png");
}

.ico-png {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-png@2x.png");
}

.ico-jfif {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-jfif@2x.png");
}

.ico-hwp {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-hwp@2x.png");
}

.ico-hwpx {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-hwpx@2x.png");
}

.ico-doc {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-doc@2x.png");
}

.ico-docx {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-docx@2x.png");
}

.ico-xls {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-xls@2x.png");
}

.ico-xlsx {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-xlsx@2x.png");
}

.ico-pdf {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-pdf@2x.png");
}

.ico-zip {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-zip@2x.png");
}

.ico-mp4 {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-mp4@2x.png");
}

.ico-wmv {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-wmv@2x.png");
}

.ico-avi {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-avi@2x.png");
}

.ico-nodata-gray {
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-image: url("../../_common/images/ico-nodata-gray@2x.png");
}

.ico-reply-gray {
  width: 14px;
  height: 17px;
  line-height: 17px;
  background-image: url("../../_common/images/ico-reply-gray@2x.png");
}

.ico-lock-gray {
  width: 16px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-lock-gray@2x.png");
}

.ico-play-black {
  width: 44px;
  height: 44px;
  line-height: 44px;
  background-image: url("../../_common/images/ico-play-black@2x.png");
}

.ico-play-circle-white {
  width: 41px;
  height: 41px;
  line-height: 41px;
  background-image: url("../../_common/images/ico-play-circle-white@2x.png");
}

.ico-view-gray {
  width: 18px;
  height: 10px;
  line-height: 10px;
  background-image: url("../../_common/images/ico-view-gray@2x.png");
}

.ico-plus-white {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-plus-white@2x.png");
}

.ico-minus-white {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-minus-white@2x.png");
}

.ico-chevron-up-gray {
  width: 9px;
  height: 5px;
  line-height: 5px;
  background-image: url("../../_common/images/ico-chevron-up-gray@2x.png");
}

.ico-chevron-down-gray {
  width: 9px;
  height: 5px;
  line-height: 5px;
  background-image: url("../../_common/images/ico-chevron-down-gray@2x.png");
}

.ico-chevron-right-sm-gray {
  width: 5px;
  height: 9px;
  line-height: 9px;
  background-image: url("../../_common/images/ico-chevron-right-sm-gray@2x.png");
}

.ico-chevron-left-sm-gray {
  width: 5px;
  height: 9px;
  line-height: 9px;
  background-image: url("../../_common/images/ico-chevron-left-sm-gray@2x.png");
}

.ico-times-sm-gray {
  width: 12px;
  height: 12px;
  line-height: 12px;
  background-image: url("../../_common/images/ico-times-sm-gray@2x.png");
}

.ico-like-white {
  width: 19px;
  height: 19px;
  line-height: 19px;
  background-image: url("../../_common/images/ico-like-white@2x.png");
}

.ico-print-gray {
  width: 24px;
  height: 19px;
  line-height: 19px;
  background-image: url("../../_common/images/ico-print-gray@2x.png");
}

.ico-print-white {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-print-white@2x.png");
}

.ico-share-white {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-share-white@2x.png");
}

.ico-sns-sm-facebook {
  width: 16px;
  height: 19px;
  line-height: 19px;
  background-image: url("../../_common/images/ico-sns-sm-facebook@2x.png");
}

.ico-sns-sm-twitter {
  width: 16px;
  height: 19px;
  line-height: 19px;
  background-image: url("../../_common/images/ico-sns-sm-twitter@2x.png");
}

.ico-sns-sm-twitter {
  width: 16px;
  height: 19px;
  line-height: 19px;
  background-image: url("../../_common/images/ico-sns-sm-twitter@2x.png");
}

.ico-rank-up {
  width: 10px;
  height: 13px;
  line-height: 13px;
  background-image: url("../../_common/images/ico-rank-up@2x.png");
}

.ico-rank-down {
  width: 10px;
  height: 13px;
  line-height: 13px;
  background-image: url("../../_common/images/ico-rank-down@2x.png");
}

.ico-chevron-right-md-gray {
  width: 8px;
  height: 13px;
  line-height: 13px;
  background-image: url("../../_common/images/ico-chevron-right-md-gray@2x.png");
}

.ico-chevron-left-md-gray {
  width: 8px;
  height: 13px;
  line-height: 13px;
  background-image: url("../../_common/images/ico-chevron-left-md-gray@2x.png");
}

.ico-download-white {
  width: 12px;
  height: 14px;
  line-height: 14px;
  background-image: url("../../_common/images/ico-download-white@2x.png");
}

.ico-download-sm {
  width: 10px;
  height: 13px;
  line-height: 13px;
  background-image: url("../../_common/images/ico-download-sm@2x.png");
}

.ico-tropy {
  width: 14px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-tropy.png");
}

.ico-chevron-right-md-primary {
  width: 8px;
  height: 13px;
  line-height: 13px;
  background-image: url("../../_common/images/ico-chevron-right-md-primary@2x.png");
}

.ico-chevron-right-md-white {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-chevron-right-md-white@2x.png");
}

.ico-chevron-right-md-black {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-chevron-right-md-black@2x.png");
}

.ico-external-link-white {
  width: 16px;
  height: 15px;
  line-height: 15px;
  background-image: url("../../_common/images/ico-external-link-white@2x.png");
}

.ico-chevron-right-md-white {
  width: 8px;
  height: 13px;
  line-height: 13px;
  background-image: url("../../_common/images/ico-chevron-right-md-white@2x.png");
}

.ico-chevron-right-lmd-white {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-chevron-right-lmd-white@2x.png");
}

.ico-squre-double {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-squre-double@2x.png");
}

/* 레이아웃 공통 아이콘 */
.ico-allmenu {
  width: 16px;
  height: 14px;
  line-height: 14px;
  background-image: url("../../_common/images/ico-allmenu@2x.png");
}

.ico-login-white {
  width: 19px;
  height: 19px;
  line-height: 19px;
  background-image: url("../../_common/images/ico-login-white.png");
}

.ico-logout-white {
  width: 22px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-logout-white.png");
}

.ico-join-white {
  width: 20px;
  height: 19px;
  line-height: 19px;
  background-image: url("../../_common/images/ico-join-white.png");
}

.ico-login-gray {
  width: 17px;
  height: 17px;
  line-height: 17px;
  background-image: url("../../_common/images/ico-login-gray@2x.png");
}

.ico-logout-gray {
  width: 18px;
  height: 17px;
  line-height: 17px;
  background-image: url("../../_common/images/ico-logout-gray@2x.png");
}

.ico-join-gray {
  width: 18px;
  height: 17px;
  line-height: 17px;
  background-image: url("../../_common/images/ico-join-gray@2x.png");
}

.ico-globe-white {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-globe-white@2x.png");
}

.ico-search-white {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-search-white@2x.png");
}

.ico-allmenu-white {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-allmenu-white@2x.png");
}

.ico-plus {
  width: 13px;
  height: 13px;
  line-height: 13px;
  background-image: url("../../_common/images/ico-plus@2x.png");
}

.ico-minus {
  width: 13px;
  height: 13px;
  line-height: 13px;
  background-image: url("../../_common/images/ico-minus@2x.png");
}

.ico-plus16 {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-plus16@2x.png");
}

.ico-home {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-home.png");
}

.ico-new-window {
  width: 15px;
  height: 12px;
  line-height: 12px;
  background-image: url("../../_common/images/ico-new-window.png");
}

.ico-new-window-lg {
  width: 18px;
  height: 14px;
  line-height: 14px;
  background-image: url("../../_common/images/ico-new-window-lg.png");
}

.ico-satisfy1 {
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-image: url("../../_common/images/ico-satisfy1@2x.png");
}

.ico-satisfy2 {
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-image: url("../../_common/images/ico-satisfy2@2x.png");
}

.ico-satisfy3 {
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-image: url("../../_common/images/ico-satisfy3@2x.png");
}

.ico-satisfy4 {
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-image: url("../../_common/images/ico-satisfy4@2x.png");
}

.ico-satisfy5 {
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-image: url("../../_common/images/ico-satisfy5@2x.png");
}

.ico-bag-gray {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-bag-gray@2x.png");
}

.ico-tel-gray {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-tel-gray@2x.png");
}

.ico-datepicker-gray {
  width: 23px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-datepicker-gray@2x.png");
}

.ico-write-white {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-write-white@2x.png");
}

.ico-arrow-upright-black {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-arrow-upright-black@2x.png");
}

.ico-arrow-upright-white {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-arrow-upright-white@2x.png");
}

.ico-download-black {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-download-black@2x.png");
}

.ico-download-white {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-download-white@2x.png");
}

.ico-file-clip {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-file-clip@2x.png");
}

.ico-top-btn {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-image: url("../../_common/images/ico-top-btn@2x.png");
}

.ico-facebook-lg {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-facebook-lg@2x.png");
}

.ico-x-twitter {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-x-twitter@2x.png");
}

.ico-naverblog {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-naverblog@2x.png");
}

.ico-url {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-url@2x.png");
}

.ico-close-share {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-close-share@2x.png");
}

.ico-search-lg-black {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-search-lg-black@2x.png");
}

.ico-viewlook-sm-black {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-viewlook-sm-black@2x.png");
}

.ico-viewsearch-sm-black {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-viewsearch-sm-black@2x.png");
}

.ico-detail-view {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-detail-view@2x.png");
}

.ico-detail-view02 {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-detail-view02@2x.png");
}

.ico-paging-prev {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-paging-prev@2x.png");
}

.ico-paging-next {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-paging-next@2x.png");
}

.ico-pause {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-pause@2x.png");
}

.ico-play {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-play@2x.png");
}

.ico-map-gray {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-map-gray@2x.png");
}

.ico-calendar-gray {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-calendar-gray@2x.png");
}

.ico-refresh {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-refresh@2x.png");
}

.ico-input-close {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-input-close@2x.png");
}

.ico-lock2-gray {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-lock2-gray@2x.png");
}

.ico-chevron-right-16-primary {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-chevron-right-16-primary@2x.png");
}

.ico-notice01 {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-notice01@2x.png");
}

.ico-notice02 {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-notice02@2x.png");
}

.ico-declare-tap-all-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-all-gray@2x.png");
}

.ico-declare-tap-all-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-all-primary@2x.png");
}

.ico-declare-tap-thanks-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-thanks-gray@2x.png");
}

.ico-declare-tap-thanks-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-thanks-primary@2x.png");
}

.ico-declare-tap-pnfn-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-pnfn-gray@2x.png");
}

.ico-declare-tap-pnfn-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-pnfn-primary@2x.png");
}

.ico-declare-tap-lwlb-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-lwlb-gray@2x.png");
}

.ico-declare-tap-lwlb-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-lwlb-primary@2x.png");
}

.ico-declare-tap-psstac-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-psstac-gray@2x.png");
}

.ico-declare-tap-psstac-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-psstac-primary@2x.png");
}

.ico-declare-tap-it-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-it-gray@2x.png");
}

.ico-declare-tap-it-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-it-primary@2x.png");
}

.ico-declare-tap-itpi-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-itpi-gray@2x.png");
}

.ico-declare-tap-itpi-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-itpi-primary@2x.png");
}

.ico-declare-tap-pmec-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-pmec-gray@2x.png");
}

.ico-declare-tap-pmec-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-pmec-primary@2x.png");
}

.ico-declare-tap-empl-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-empl-gray@2x.png");
}

.ico-declare-tap-empl-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-empl-primary@2x.png");
}

.ico-declare-tap-job-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-job-gray@2x.png");
}

.ico-declare-tap-job-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-job-primary@2x.png");
}

.ico-declare-tap-recruit-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-recruit-gray@2x.png");
}

.ico-declare-tap-recruit-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-recruit-primary@2x.png");
}

.ico-declare-tap-training-gray {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-training-gray@2x.png");
}

.ico-declare-tap-training-primary {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-image: url("../../_common/images/ico-declare-tap-training-primary@2x.png");
}

.ico-close12 {
  width: 12px;
  height: 12px;
  line-height: 12px;
  background-image: url("../../_common/images/ico-close12@2x.png");
}

.ico-psac-phone {
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-image: url("../../_common/images/ico-psac-phone@2x.png");
}

.ico-psac-pin {
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-image: url("../../_common/images/ico-psac-pin@2x.png");
}

.ico-receipt {
  width: 48px;
  height: 48px;
  line-height: 48px;
  background-image: url("../../_common/images/ico-receipt@2x.png");
}

.ico-talent-1 {
  width: 56px;
  height: 56px;
  line-height: 56px;
  background-image: url("../../_common/images/ico-talent-1@2x.png");
}

.ico-talent-2 {
  width: 56px;
  height: 56px;
  line-height: 56px;
  background-image: url("../../_common/images/ico-talent-2@2x.png");
}

.ico-talent-3 {
  width: 56px;
  height: 56px;
  line-height: 56px;
  background-image: url("../../_common/images/ico-talent-3@2x.png");
}

.ico-talent-4 {
  width: 56px;
  height: 56px;
  line-height: 56px;
  background-image: url("../../_common/images/ico-talent-4@2x.png");
}

.ico-megaphone-white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-megaphone-white@2x.png");
}

.ico-paper-white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-paper-white@2x.png");
}

.ico-book-white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-book-white@2x.png");
}

.ico-briefcase-white {
  width: 32px;
  height: 32px;
  line-height: 32px;
  background-image: url("../../_common/images/ico-briefcase-white@2x.png");
}

.ico-mark-white {
  width: 22px;
  height: 22px;
  line-height: 22px;
  background-image: url("../../_common/images/ico-mark-white@2x.png");
}

.ico-search-white-sm {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-search-white-sm@2x.png");
}

.ico-download-white-sm {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-image: url("../../_common/images/ico-download-white-sm@2x.png");
}

.ico-arrow-right-white-sm {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: url("../../_common/images/ico-arrow-right-white-sm@2x.png");
}

/* 불릿 시스템 */
.title1,
.title2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title1:before,
.title2:before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: "";
}
.title1 .btn,
.title2 .btn {
  vertical-align: initial;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.title1 {
  font-weight: bold;
  padding-left: 28px;
  font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
}
.title1:before {
  content: "";
  position: absolute;
  top: 6.5px;
  left: 0;
  width: 16px;
  height: 20px;
  background: url(../../_common/images/ico-bullet01@2x.png);
  background-repeat: no-repeat;
  background-size: 16px auto;
}
@media (max-width: 767.98px) {
  .title1 {
    padding-left: 20px;
    font-size: 18px;
    line-height: 27px;
  }
  .title1:before {
    top: 6px;
    width: 12px;
    background-size: 12px auto;
  }
}

.title2 {
  font-weight: 500;
  font-size: 18px;
}
.title2 .btn-xs {
  top: -1px;
}

.title-check {
  font-size: 20px;
  font-weight: 500;
}
.title-check:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 5px;
  width: 12px;
  height: 12px;
  background: url(../images/ico-check-lightprimary.png);
}

.list > li {
  position: relative;
}
.list > li:after {
  display: block;
  clear: both;
  content: "";
}
.list > li:before {
  content: "";
  position: absolute;
  left: 0;
}

.list1 > li {
  padding-left: 16px;
}
.list1 > li:before {
  content: "";
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 5px;
  left: 0;
  width: 8px;
  height: 14px;
  background: url(../../_common/images/ico-bullet02@2x.png);
  background-repeat: no-repeat;
  background-size: 8px auto;
}
.list1 > li + li {
  margin-top: 12px;
}

.list2 {
  font-size: 16px;
}
.list2 > li {
  padding-left: 14px;
}
.list2 > li + li {
  margin-top: 8px;
}
.list2 > li:before {
  top: 10px;
  width: 6px;
  height: 2px;
  background-color: #aaa;
  border-radius: 1px;
}

.list3 {
  font-size: 16px;
}
.list3 > li {
  padding-left: 12px;
}
.list3 > li + li {
  margin-top: 5px;
}
.list3 > li:before {
  top: 8.5px;
  width: 4px;
  height: 4px;
  background-color: #555;
  border-radius: 50%;
}

.list-check > li {
  padding-left: 15px;
}
.list-check > li + li {
  margin-top: 5px;
}
.list-check > li:before {
  top: 0.25em;
  width: 12px;
  height: 12px;
  background: url(../images/ico-check-lightprimary.png);
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
  font-weight: normal;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: -webkit-box-shadow, -webkit-transform;
  transition-property: -webkit-box-shadow, -webkit-transform;
  transition-property: box-shadow, transform;
  transition-property: box-shadow, transform, -webkit-box-shadow, -webkit-transform;
  will-change: box-shadow, transform;
}
.btn .ico {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.btn .ico:first-child {
  margin-right: 4px;
}
.btn .ico:only-child {
  margin-left: 0;
  margin-right: 0;
}
.btn * + .ico {
  margin-left: 4px;
}

.btn-xs,
.btn-sm,
.btn-md,
.btn-lg {
  border-radius: 4px;
}

.btn-xs {
  border: 1px solid transparent;
  min-width: 50px;
  height: 24px;
  padding: 0 10px;
  font-size: 12px;
}

.btn-sm {
  border: 1px solid transparent;
  min-width: 65px;
  height: 32px;
  padding: 0 8px;
  font-size: 14px;
}

.btn-md {
  border: 1px solid transparent;
  min-width: 60px;
  height: 40px;
  font-size: 16px;
  padding: 0 14px;
}

.btn-lg {
  border: 1px solid transparent;
  min-width: 100px;
  height: 40px;
  font-size: 16px;
  padding: 0 16px;
}
@media (max-width: 767.98px) {
  .btn-lg {
    min-width: 75px;
  }
}

.btn-icon {
  min-width: auto;
}
.btn-icon .ico {
  margin: 0 !important;
}
.btn-icon.btn-sm {
  padding: 0 8px;
}
.btn-icon.btn-md {
  padding: 0 12px;
}
.btn-icon.btn-lg {
  padding: 0 12px;
}

.btn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.btn-round {
  border-radius: 25px;
}

.btn-default {
  color: #fff;
  background-color: #555;
}
.btn-default:focus {
  background-color: #222;
  outline: 4px solid #ff9100;
}
.btn-default:disabled, .btn-default.disabled {
  color: #888;
  background-color: #eee;
}
.btn-default:disabled:hover, .btn-default.disabled:hover {
  color: #888;
  background-color: #eee;
}
@media (min-width: 768px) {
  .btn-default:hover {
    background-color: #222;
  }
}

.btn-primary {
  color: #fff;
  background-color: #057b94;
}
.btn-primary:focus {
  background-color: #0d6375;
  outline: 4.5px solid #000;
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #888;
  background-color: #eee;
}
.btn-primary:disabled:hover, .btn-primary.disabled:hover {
  color: #888;
  background-color: #eee;
}
@media (min-width: 768px) {
  .btn-primary:hover {
    background-color: #0d6375;
  }
}

.btn-lightprimary {
  color: #057b94;
  background-color: #d5f0f5;
}
.btn-lightprimary:focus {
  background-color: #a6c0c6;
}
.btn-lightprimary:disabled, .btn-lightprimary.disabled {
  color: #888;
  background-color: #eee;
}
.btn-lightprimary:disabled:hover, .btn-lightprimary.disabled:hover {
  color: #888;
  background-color: #eee;
}
@media (min-width: 768px) {
  .btn-lightprimary:hover {
    background-color: #a6c0c6;
  }
}

.btn-outline-default {
  color: #111;
  border: 1px solid #111;
  background-color: #fff;
  font-weight: 500;
}
.btn-outline-default:focus {
  background-color: #eee;
}
.btn-outline-default:disabled, .btn-outline-default.disabled {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #888;
}
.btn-outline-default:disabled:hover, .btn-outline-default.disabled:hover {
  border: 1px solid #ddd;
  background-color: #fff;
  color: #888;
}
@media (min-width: 768px) {
  .btn-outline-default:hover {
    background-color: #eee;
  }
}

.btn-outline-primary {
  color: #057b94;
  border-color: #057b94;
  background-color: #fff;
}
.bbs-search .btn-outline-primary {
  color: #057b94;
  border-color: #057b94;
}
.btn-outline-primary:focus {
  background-color: #d5f0f5;
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #888;
}
.btn-outline-primary:disabled:hover, .btn-outline-primary.disabled:hover {
  border: 1px solid #ddd;
  background-color: #fff;
  color: #888;
}
@media (min-width: 768px) {
  .btn-outline-primary:hover {
    background-color: #d5f0f5;
  }
}

.form-control + .btn-calendar {
  margin-left: -5px;
}

.btn-more {
  padding: 0 39px;
  height: 50px;
  font-size: 16px;
  border-radius: 25px;
  color: #111;
  border: 1px solid #dadada;
  background-color: #fff;
}
.btn-more .count {
  font-style: normal;
  margin: 0 5px;
}
.btn-more:after {
  content: "";
  margin-left: 6px;
  width: 15px;
  height: 9px;
  background-size: cover;
}
@media (max-width: 767.98px) {
  .btn-more {
    height: 40px;
    padding: 0 19px;
  }
}

@media (max-width: 767.98px) {
  .btn-md-full {
    width: 100%;
  }
}

/* 버튼 그룹 */
.btn-group {
  clear: both;
  text-align: center;
  margin: 76px 0 -4px;
}
.btn-group-form {
  text-align: center;
  margin-top: 36px;
}
.btn-group-view {
  text-align: right;
  margin-top: 36px;
}
.btn-group .btn {
  margin: 4px 0;
}
.btn-group * {
  word-spacing: normal;
}
.btn-group.left {
  text-align: left;
}

.form-control {
  max-width: 100%;
  height: 40px;
  border: 1px solid #888;
  border-radius: 4px;
  padding: 5px 15px;
  line-height: 28px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: left;
  background: #fff;
  font-size: 16px;
  vertical-align: middle;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, border-color, -webkit-box-shadow;
  transition-property: color, border-color, -webkit-box-shadow;
  transition-property: color, border-color, box-shadow;
  transition-property: color, border-color, box-shadow, -webkit-box-shadow;
  will-change: color, border-color, box-shadow;
}
.form-control.invalid {
  border-color: #f10000 !important;
}
.form-control.invalid + .invalid-message {
  display: block;
  color: #f10000;
}
.form-control::-ms-clear {
  display: none;
}
.form-control.full {
  width: 100%;
}
.form-control.inline {
  width: auto !important;
}
.form-control:hover, .form-control:focus {
  -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
  border-color: #111;
}
.form-control:focus {
  outline: 0;
  position: relative;
  border-color: #111;
}
.form-control::-webkit-input-placeholder {
  color: #888;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #888 !important;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly=readonly], .form-control.readonly {
  color: #111;
  background-color: #eee;
  opacity: 1;
}
.form-control:disabled::-ms-value, .form-control[readonly=readonly]::-ms-value, .form-control.readonly::-ms-value {
  color: #888 !important;
}
.form-control:disabled {
  color: #888;
}
.form-control:disabled:hover, .form-control:disabled:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control:-moz-read-only:not(select):not(button) {
  background-color: #eee;
  opacity: 1;
}
.form-control:read-only:not(select):not(button) {
  background-color: #eee;
  opacity: 1;
}
@media (max-width: 767.98px) {
  .form-control {
    font-size: 16px;
  }
}

select.form-control {
  max-width: 100%;
  line-height: normal;
  padding-right: 44px;
  background: #fff url(../../_common/images/ico-chevron-down@2x.png) no-repeat right 12px center;
  background-size: 20px auto;
}
select.form-control::-ms-expand {
  display: none;
}

textarea.form-control {
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  overflow: auto;
  line-height: inherit;
  resize: none;
}

.ckeck-item input[type=checkbox], .ckeck-item input[type=radio],
.ckeck-item-custom input[type=checkbox],
.ckeck-item-custom input[type=radio] {
  position: absolute;
  opacity: 0;
}
.ckeck-item input[type=checkbox] + label, .ckeck-item input[type=radio] + label,
.ckeck-item-custom input[type=checkbox] + label,
.ckeck-item-custom input[type=radio] + label {
  position: relative;
  height: 20px;
}
.ckeck-item input[type=checkbox] + label .sr-only, .ckeck-item input[type=radio] + label .sr-only,
.ckeck-item-custom input[type=checkbox] + label .sr-only,
.ckeck-item-custom input[type=radio] + label .sr-only {
  position: static;
  margin-right: -6px !important;
}
.ckeck-item input[type=checkbox] + label:before, .ckeck-item input[type=radio] + label:before,
.ckeck-item-custom input[type=checkbox] + label:before,
.ckeck-item-custom input[type=radio] + label:before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #aaa;
  vertical-align: middle;
  border-radius: 0;
  margin: -2px 4px 0 0;
  background-color: #fff;
  content: "";
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: border-color, background-color, -webkit-box-shadow;
  transition-property: border-color, background-color, -webkit-box-shadow;
  transition-property: border-color, box-shadow, background-color;
  transition-property: border-color, box-shadow, background-color, -webkit-box-shadow;
  will-change: border-color, box-shadow, background-color;
}
.ckeck-item input[type=checkbox]:hover + label:before, .ckeck-item input[type=checkbox]:focus + label:before, .ckeck-item input[type=radio]:hover + label:before, .ckeck-item input[type=radio]:focus + label:before,
.ckeck-item-custom input[type=checkbox]:hover + label:before,
.ckeck-item-custom input[type=checkbox]:focus + label:before,
.ckeck-item-custom input[type=radio]:hover + label:before,
.ckeck-item-custom input[type=radio]:focus + label:before {
  -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
  outline: 2.5px solid #000;
}
.ckeck-item input[type=checkbox]:focus + label:before, .ckeck-item input[type=radio]:focus + label:before,
.ckeck-item-custom input[type=checkbox]:focus + label:before,
.ckeck-item-custom input[type=radio]:focus + label:before {
  border-color: #057b94;
}
.ckeck-item input[type=checkbox]:disabled + label, .ckeck-item input[type=radio]:disabled + label,
.ckeck-item-custom input[type=checkbox]:disabled + label,
.ckeck-item-custom input[type=radio]:disabled + label {
  color: #959595;
}
.ckeck-item input[type=checkbox]:disabled + label:before, .ckeck-item input[type=radio]:disabled + label:before,
.ckeck-item-custom input[type=checkbox]:disabled + label:before,
.ckeck-item-custom input[type=radio]:disabled + label:before {
  opacity: 0.3;
  border-color: #959595;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ckeck-item input[type=radio] + label:before,
.ckeck-item-custom input[type=radio] + label:before {
  border-radius: 50%;
}
.ckeck-item input[type=radio]:checked + label:before,
.ckeck-item-custom input[type=radio]:checked + label:before {
  background: #fff url(../../_common/images/ico-radio-checked-gray@2x.png) no-repeat center center;
  background-size: 10px 10px;
}

.ckeck-item input[type=checkbox]:checked + label:before {
  background: #fff url(../../_common/images/ico-checkbox-checked-gray@2x.png) no-repeat 45% center;
  background-size: 12px 10px;
}
.ckeck-item input[type=checkbox]:disabled + label:before {
  background-color: #ccc;
}
.ckeck-item input[type=checkbox]:disabled:checked + label:before {
  background-image: url(../../_common/images/ico-checkbox-checked-white@2x.png);
}

.ckeck-item-custom input[type=checkbox] + label:before {
  border-color: #057b94;
  border-radius: 3px;
}
.ckeck-item-custom input[type=checkbox]:checked + label:before {
  background: #057b94 url(../../_common/images/ico-checkbox-checked-white@2x.png) no-repeat 45% center;
  background-size: 12px 10px;
}
.ckeck-item-custom input[type=checkbox]:disabled + label:before {
  border-color: transparent;
  background-color: #ccc;
}
.ckeck-item-custom input[type=radio] + label:before {
  border-color: #888;
}
.ckeck-item-custom input[type=radio]:checked + label:before {
  border-color: #057b94;
  background-image: url(../../_common/images/ico-radio-checked-primary@2x.png);
}
.ckeck-item-custom input[type=radio]:checked:disabled + label:before {
  background-image: url(../../_common/images/ico-radio-checked-gray@2x.png);
}

.input-group {
  display: table;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.input-group .datepicker,
.input-group .form-control {
  display: table-cell;
  width: 100% !important;
}
.input-group .input-addon {
  display: table-cell;
  width: 1%;
  padding-left: 8px;
  vertical-align: middle;
}
.input-group .input-addon .unit {
  white-space: nowrap;
}
.input-group .input-addon + .form-control {
  margin-left: 9px;
  border-right: 1px solid #ddd;
}
@media (max-width: 767.98px) {
  .input-group {
    max-width: none !important;
  }
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-row .text-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 10px;
}
.form-row .input-item + .input-item {
  margin-left: 10px;
}
.form-row .input-item .form-control {
  width: 100%;
}
@media (min-width: 768px) {
  .form-row .input-item {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (max-width: 767.98px) {
  .form-row {
    max-width: none !important;
  }
  .form-row .text-item {
    padding: 0 5px;
  }
  .form-row .input-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 10%;
            flex: 1 1 10%;
  }
  .form-row .input-item.md-full {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 15px 0 0 !important;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
  }
  .form-row.form-md-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
  .form-row.form-md-wrap .input-item {
    width: 100%;
  }
  .form-row.form-md-wrap .btn-md {
    width: 100%;
  }
  .form-row.form-md-col {
    margin-top: -3px;
  }
  .form-row.form-md-col .input-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 3px 0;
  }
}

.input-group-file {
  display: block;
  max-width: 500px;
}
.input-group-file label {
  display: inline-block;
}
.input-group-file .form-file {
  display: none;
}
.input-group-file .form-control {
  display: inline-block;
  margin: 0 0.05rem;
  max-width: calc(100% - 1.64rem);
}

.list-form > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
  font-size: 16px;
}
.list-form > li:before {
  top: 19px;
}
.list-form .title {
  margin-right: 15px;
  white-space: nowrap;
  overflow: hidden;
}
.list-form .letter-number2 {
  letter-spacing: 54px;
}
.list-form .letter-number3 {
  letter-spacing: 20px;
}
@media (min-width: 768px) {
  .list-form .title {
    width: 95px;
  }
  .list-form.list-form-col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .list-form.list-form-col2 > li + li {
    margin-top: 0;
    margin-left: 20px;
  }
  .list-form.list-form-col2 .title {
    width: auto;
  }
}
@media (max-width: 767.98px) {
  .list-form .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 83px;
  }
  .list-form .form-row {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .list-form .form-row .input-item {
    width: 100% !important;
  }
  .list-form .input-group .input-addon {
    white-space: nowrap;
  }
  .list-form.list-form-col2 .title {
    width: auto;
  }
}

.flex-container-address {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767.98px) {
  .flex-container-address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .flex-container-address .flex-item {
    display: block;
    margin-top: 5px;
  }
}

.text-guide,
p.text-guide {
  color: #2332b9;
  font-size: 14px;
  margin: 10px 0 0;
}
@media (max-width: 767.98px) {
  .text-guide,
  p.text-guide {
    font-size: 15px;
  }
}

.req {
  color: #057b94;
  vertical-align: middle;
}

.form-move {
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: color, border-color, -webkit-box-shadow;
  transition-property: color, border-color, -webkit-box-shadow;
  transition-property: color, border-color, box-shadow;
  transition-property: color, border-color, box-shadow, -webkit-box-shadow;
  will-change: color, border-color, box-shadow;
  display: block;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.form-move:hover {
  color: #111;
  -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
}
.form-move .placeholder {
  position: absolute;
  z-index: 10;
}
.form-move.focus {
  border-color: #057b94;
  -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
}
.form-move.focus .placeholder {
  color: #057b94;
}
.form-move.active .placeholder {
  font-size: 14px;
  -webkit-transform: translateY(-14px);
          transform: translateY(-14px);
}
.form-move.active .form-control {
  padding-top: 30px;
  padding-bottom: 10px;
}
.form-move.invalid {
  border-color: #f10000;
  -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
}
.form-move.invalid + .invalid-message {
  display: block;
  color: #f10000;
}
.form-move .placeholder,
.form-move .form-control {
  font-size: 18px;
  outline: 0;
}
.form-move .placeholder {
  padding: 20px;
  line-height: 22px;
  color: #888;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, font-size, -webkit-transform;
  transition-property: color, font-size, -webkit-transform;
  transition-property: color, transform, font-size;
  transition-property: color, transform, font-size, -webkit-transform;
  will-change: color, transform, font-size;
}
.form-move .form-control {
  border: 0;
  width: 100%;
  height: 62px;
  padding: 0 20px;
  line-height: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-move .form-control::-ms-clear {
  display: none;
}

[data-toggle-content] {
  display: none;
}
[data-toggle-content].show {
  display: block;
}

/* 박스 */
.box,
.box-info,
.box-point {
  position: relative;
  border-radius: 0;
}
.box dt,
.box-info dt,
.box-point dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
.box dd,
.box-info dd,
.box-point dd {
  font-size: 14px;
}

/* 기본형 */
.box {
  border: 3px solid #eee;
  padding: 15px 19px;
}

/* 부가정보형 */
.box-info {
  border: 1px solid transparent;
  padding: 15px 19px;
  background-color: #f5f5f5;
}

/* 강조형 */
.box-point {
  padding: 24px;
  border: 2px dashed #aaa;
  background-color: #f5f5f5;
}
.box-point > * {
  position: relative;
}

/* 이미지 박스 */
.box-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.box-image .image {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 240px;
  margin-right: 30px;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box-image .content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (max-width: 767.98px) {
  .box-image {
    display: block;
  }
  .box-image .image {
    max-width: none;
    margin: 0 0 20px;
    padding: 0;
  }
}

/* 토글박스 */
.box-toggle {
  border: 1px solid #ddd;
  border-radius: 16px;
  overflow: hidden;
}
.box-toggle + .box-toggle {
  margin-top: 5px;
}
.box-toggle .toggle-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 18px;
  background-color: #f5f5f5;
}
.box-toggle .toggle-title .title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0 15px 30px;
  font-size: 18px;
  font-weight: bold;
}
.box-toggle .toggle-title .btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 10px;
  padding: 10px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.box-toggle .toggle-title.on {
  background-color: #d5f0f5;
  border-bottom: 1px dashed #ddd;
}
.box-toggle .toggle-title.on .btn {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.box-toggle .toggle-content {
  display: none;
  padding: 15px 30px;
}
@media (max-width: 767.98px) {
  .box-toggle .toggle-title .title {
    padding-left: 20px;
  }
  .box-toggle .toggle-title .btn {
    padding: 10px 5px;
  }
  .box-toggle .toggle-content {
    padding: 15px 20px;
  }
}

/* 탭 하단 박스 */
.box-tab {
  border-radius: 0;
  border-top: 0;
  margin: -1px 0px 1px 1px;
}

/* 탭메뉴 */
.tab-menu:before, .tab-menu:after {
  content: "";
  display: table;
}

.tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: flex-start;
  text-align: center;
  line-height: 1.2;
}
.tab-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: color, border-color, -webkit-transform;
  transition-property: color, border-color, -webkit-transform;
  transition-property: color, border-color, transform;
  transition-property: color, border-color, transform, -webkit-transform;
}
.tab-list a[target=_blank] span:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 16px;
  height: 15px;
  margin-top: -2px;
  background: url(../images/ico-external-link@2x.png) no-repeat;
  background-size: cover;
}
.tab-list li a span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 40px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 768px) {
  .tab-list.row-lg-6 li {
    width: 14.2857142857%;
  }
  .tab-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(16.666666% - 1px);
  }
  .tab-list li:not(.on):hover a {
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
  }
  .tab-matrix-lg .tab-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tab-matrix-lg .tab-list li {
    max-width: calc(16.666666% + 1px);
  }
}
@media (max-width: 767.98px) {
  .tab-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(33.333333% - 1px);
  }
  .tab-matrix-md .tab-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tab-matrix-md .tab-list li {
    max-width: calc(33.333333% + 1px);
  }
  .tab-matrix-md .tab-list li a {
    height: 100%;
    min-height: 56px;
  }
}
.tab-menu1 .tab-list {
  margin: 1px;
  font-size: 16px;
  color: #555;
}
.tab-menu1 .tab-list li {
  position: relative;
  z-index: 1;
  margin: -0.5px;
}
.tab-menu1 .tab-list a {
  height: 48px;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  padding: 0 5px;
}
.tab-menu1 .tab-list a:focus, .tab-menu1 .tab-list a:hover {
  color: #111;
}
.tab-menu1 .tab-list a:focus-visible {
  outline-offset: -2px;
}
.tab-menu1 .tab-list .on {
  z-index: 2;
}
.tab-menu1 .tab-list .on a {
  padding: 0 1px;
  background-color: #fff;
  border: 1px solid #057b94;
  color: #057b94;
  font-weight: 500;
}
.tab-menu2 .tab-list {
  margin: 1px;
  font-size: 20px;
  color: #555;
}
.tab-menu2 .tab-list li {
  position: relative;
}
.tab-menu2 .tab-list li + li:before {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  left: -0.5px;
  display: block;
  width: 1px;
  height: 20px;
  background-color: #ddd;
}
.tab-menu2 .tab-list a {
  height: 64px;
  border-bottom: 1px solid #ddd;
  padding: 1px 2px;
}
.tab-menu2 .tab-list a:focus, .tab-menu2 .tab-list a:hover {
  color: #111;
}
.tab-menu2 .tab-list .on a {
  padding-bottom: 0;
  color: #057b94;
  font-weight: 700;
  border-bottom: 2px solid #057b94;
}
.tab-menu2 .tab-list li:not(.on):hover a {
  padding-bottom: 0;
  color: #057b94;
  font-weight: 700;
  border-bottom: 2px solid #057b94;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 767.98px) {
  .tab-menu2 .tab-list {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 767.98px) {
  .tab-dropdown-sm.tab-matrix-md {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tab-dropdown-sm.tab-matrix-md li {
    max-width: calc(33.333333% - 3px);
  }
}
@media (max-width: 767.98px) {
  .tab-dropdown-sm {
    margin-bottom: 40px;
  }
  .tab-dropdown-sm .tab-list {
    position: relative;
    height: 40px;
    margin: 0 !important;
    padding-top: 39px;
    text-align: left;
    font-size: 16px;
  }
  .tab-dropdown-sm .tab-list:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 13px;
    height: 7px;
    background: #fff url(../../_common/images/ico-chevron-down@2x.png) no-repeat;
    background-size: 13px auto;
    content: "";
  }
  .tab-dropdown-sm .tab-list li {
    display: none;
    float: none;
    max-width: none;
    width: 100%;
    height: auto;
    margin: -1px 0 0 0 !important;
    border: 1px solid #dadada;
    border-top-color: rgba(218, 218, 218, 0.4);
    background-color: #fff;
  }
  .tab-dropdown-sm .tab-list li.on {
    display: block;
    position: absolute;
    border-top: 1px solid #dadada;
    top: 0;
  }
  .tab-dropdown-sm .tab-list li.on a {
    border: 0;
  }
  .tab-dropdown-sm .tab-list li.on a span {
    height: 38px;
    line-height: 38px;
  }
  .tab-dropdown-sm .tab-list a {
    display: block;
    height: auto;
    border: 0;
    padding: 0;
    background-color: transparent;
  }
  .tab-dropdown-sm .tab-list a span {
    display: block;
    width: auto;
    height: 32px;
    padding: 0 18px;
    color: #111;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
  }
  .tab-dropdown-sm .tab-list a br {
    display: none;
  }
  .tab-dropdown-sm.opened .tab-list {
    display: block;
    position: relative;
    z-index: 11;
  }
  .tab-dropdown-sm.opened .tab-list:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .tab-dropdown-sm.opened .tab-list li {
    display: block;
  }
  .tab-dropdown-sm.opened .tab-list li.on {
    border-color: #057b94;
  }
}

.tab-content {
  display: none;
}

/* 점프 투 타입 */
.tab-menu-jumpto + .tab-content-jumpto .btn-jumpto-totop:not(:focus) {
  display: block;
  position: absolute;
  top: 0;
  border: 0;
  margin-bottom: -1px;
  width: 100%;
  height: 1px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  overflow: hidden;
  z-index: 600;
}
.tab-menu-jumpto + .tab-content-jumpto .btn-jumpto-totop:not(:focus):focus, .tab-menu-jumpto + .tab-content-jumpto .btn-jumpto-totop:not(:focus):active {
  height: 45px;
  line-height: 45px;
  color: #fff;
  background: #666;
}

.tab-content-jumpto {
  position: relative;
}
.tab-content-jumpto + .tab-content-jumpto {
  margin-top: 80px;
}
.tab-content-jumpto .btn-jumpto-totop {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

/* 모달, 윈도우 팝업 공통 */
.popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 24px;
  font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
  height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
.popup-header .popup-title {
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  color: #111;
}
@media (max-width: 767.98px) {
  .modal-popup .popup-header {
    height: 50px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 16px;
  }
}

.popup-body {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 24px 24px 0;
}
@media (max-width: 767.98px) {
  .popup-body {
    padding: 16px 16px 0;
  }
}

.popup-footer {
  position: relative;
  padding: 10px 20px;
  text-align: center;
}
.popup-footer.not-open-today {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-top: 1px solid #ddd;
}
.popup-footer .btn-group {
  margin-top: 10px;
}
.modal-popup .popup-footer .btn-group {
  margin-bottom: 15px;
}

.btn-close-popup {
  display: block;
  position: absolute;
  top: 0;
  right: -9999px;
  width: 1px;
  height: 1px;
  border: 0;
  text-decoration: none;
  overflow: hidden;
  background: url(../../_common/images/ico-times-black@2x.png) no-repeat center center;
  background-size: 24px auto;
  overflow: hidden;
}
.btn-close-popup:focus, .btn-close-popup:active {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  top: 0;
  right: 0;
  width: auto;
  height: auto;
  width: 30px;
  height: 30px;
  background: #0e3d6a url(../../_common/images/ico-times-white@2x.png) no-repeat center center;
  background-size: 18px 18px;
}

.popup-header ~ .btn-close-popup {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  overflow: hidden;
  text-align: left;
  right: 0;
  width: 50px;
  height: 50px;
  background: url(../../_common/images/ico-times-black@2x.png) no-repeat center center;
  background-size: 24px auto;
}
@media (min-width: 768px) {
  .popup-header ~ .btn-close-popup {
    right: 11px;
  }
}
@media (max-width: 767.98px) {
  .modal-popup .popup-header ~ .btn-close-popup {
    width: 48px;
    height: 50px;
  }
}

/* 모달 팝업 */
.modal-open {
  overflow: hidden;
}

.modal-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-popup .dimed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-popup .popup-inner {
  position: relative;
  z-index: 1100;
  width: 560px;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  background-color: #fff;
}
.modal-popup .popup-inner:focus {
  outline: 0;
}
.modal-popup.hide .modal-popup .popup-inner {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.modal-popup.show .modal-popup .popup-inner {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.modal-popup.hide {
  opacity: 0;
  visibility: hidden;
}
.modal-popup.hide .popup-inner {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}
.modal-popup.show {
  opacity: 1;
  visibility: visible;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.modal-popup.show .popup-inner {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.modal-popup.modal-sm .popup-inner {
  width: 480px;
}
.modal-popup.modal-md .popup-inner {
  width: 560px;
}
.modal-popup.modal-lg .popup-inner {
  width: 900px;
}
.modal-popup.modal-xl .popup-inner {
  width: 1480px;
}
.modal-popup.modal-full .popup-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 100px);
  height: calc(100% - 100px);
}
.modal-popup.modal-full .popup-header,
.modal-popup.modal-full .popup-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.modal-popup.modal-full .popup-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-height: none;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .modal-popup .popup-body {
    max-height: calc(100vh - 200px);
  }
  .modal-popup.modal-md .popup-body {
    max-height: 412px;
  }
  .modal-popup.modal-lg .popup-body {
    max-height: 790px;
  }
}
@media (max-width: 767.98px) {
  .modal-popup.modal-sm {
    top: auto;
  }
  .modal-popup.modal-sm .popup-title {
    font-size: 18px;
  }
  .modal-popup.modal-sm .btn-close-popup {
    right: 4px;
  }
  .modal-popup.modal-sm.hide .popup-inner {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .modal-popup.modal-sm.show .popup-inner {
    -webkit-transition: 0.3s ease-in-out forwards;
    transition: 0.3s ease-in-out forwards;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  .modal-popup.modal-lg {
    top: 112px;
  }
  .modal-popup.modal-lg .btn-close-popup {
    right: 4px;
  }
  .modal-popup.modal-lg.hide .popup-inner {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  .modal-popup.modal-lg.show .popup-inner {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1;
  }
  .modal-popup:not(.modal-sm) .popup-inner, .modal-popup:not(.modal-lg) .popup-inner {
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    height: 100%;
  }
  .modal-popup:not(.modal-sm) .popup-header,
  .modal-popup:not(.modal-sm) .popup-footer, .modal-popup:not(.modal-lg) .popup-header,
  .modal-popup:not(.modal-lg) .popup-footer {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .modal-popup:not(.modal-sm) .popup-body, .modal-popup:not(.modal-lg) .popup-body {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-height: 100%;
  }
}

/* 윈도우 팝업 */
.popup {
  height: 100%;
  overflow: hidden;
}
.popup .popup-inner {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  height: 100%;
}
.popup .popup-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.popup .popup-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.popup .popup-title {
  font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
}
.popup .popup-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-bottom: 30px;
}

.layer-popup {
  position: absolute;
  z-index: 1000;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.layer-popup.hide {
  opacity: 0;
  visibility: hidden;
}
.layer-popup.show {
  opacity: 1;
  visibility: visible;
}
.layer-popup .popup-inner {
  position: relative;
  z-index: 1100;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  background-color: #fff;
  border: 1px solid #057b94;
  -webkit-box-shadow: 0 6px 9px rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 9px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.layer-popup .popup-inner:focus {
  outline: 0;
}
.modal-popup.hide .layer-popup .popup-inner {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.modal-popup.show .layer-popup .popup-inner {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.layer-popup .popup-header {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 50px;
  padding: 0 19px;
  background-color: #eee;
}
.layer-popup .popup-header .popup-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 6px;
  color: #111;
  font-weight: 600;
}
.layer-popup .popup-header .popup-title .ico {
  margin-top: -4px;
  margin-right: 4px;
}
.layer-popup .popup-header ~ .btn-close-popup {
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url(../../_common/images/ico-times-gray@2x.png);
  background-size: 20px auto;
}
.layer-popup .popup-body {
  padding: 16px 20px 20px;
}
.layer-popup .popup-body .btn-group {
  margin-top: 12px;
}
@media (min-width: 768px) {
  .layer-popup .popup-inner {
    width: 480px;
  }
}
@media (max-width: 767.98px) {
  .layer-popup {
    position: fixed;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 16px;
  }
  .layer-popup .popup-inner {
    max-width: 560px;
    width: 100% !important;
  }
}

table {
  width: 100%;
  border-spacing: 0;
}

.table table {
  position: relative;
  table-layout: fixed;
  border-top: 1px solid #111;
  width: calc(100% + 1px);
  margin-right: -1px;
  border-collapse: collapse;
  border-bottom: 1px solid #ddd;
  border-left: hidden;
  border-right: hidden;
}
.table thead {
  word-break: keep-all;
}
.table thead ~ tbody,
.table thead ~ tfoot {
  text-align: center;
}
.table caption + tbody > tr:first-child > th,
.table caption + tbody > tr:first-child > td,
.table colgroup + tbody > tr:first-child > th,
.table colgroup + tbody > tr:first-child > td {
  border-top: 0;
}
.table th,
.table td {
  height: 48px;
  min-height: 48px;
  padding: 12px 20px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  font-weight: 400;
  line-height: 1.438;
}
.table th {
  background-color: #f5f5f5;
  font-weight: 500;
}
.table thead {
  text-align: center;
}
.table thead tr:first-child th,
.table thead tr:first-child td {
  border-top: 0;
}
.table thead th {
  color: #111;
}
.table.table-narrow th,
.table.table-narrow td {
  padding-left: 10px;
  padding-right: 10px;
}
.table.table-point table {
  border-top: 2px solid #174b91;
  border-bottom: 2px solid #779ccf;
}
.table.table-point th {
  background-color: #5185cc;
  font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #fff;
}
.table.table-point th,
.table.table-point td {
  border-color: #a4bddf;
}
.table.tfoot-highlight tfoot th,
.table.tfoot-highlight tfoot td {
  background: #ebf5f7;
  font-size: 16px;
  font-weight: 600;
  color: #111;
}

@media (min-width: 768px) {
  .table-row colgroup {
    display: none;
  }
  .table-row tbody th {
    width: 180px;
    text-align: left;
  }
}

.table-form th {
  text-align: left;
}
@media (max-width: 767.98px) {
  .table-form {
    overflow: visible;
  }
  .table-form > table {
    width: 100%;
    margin-right: 0;
  }
  .table-form > table > colgroup,
  .table-form > table > thead {
    display: none;
  }
  .table-form > table > tbody,
  .table-form > table > tfoot {
    text-align: left !important;
  }
  .table-form > table > thead > tr,
  .table-form > table > tbody > tr {
    display: block;
  }
  .table-form > table > thead > tr:first-child > th,
  .table-form > table > tbody > tr:first-child > th {
    border: 0;
  }
  .table-form > table > thead > tr > th,
  .table-form > table > thead > tr > td,
  .table-form > table > tbody > tr > th,
  .table-form > table > tbody > tr > td {
    display: block;
    height: auto;
    border: 0;
  }
  .table-form > table > thead > tr > th,
  .table-form > table > tbody > tr > th {
    background-color: #fff;
    border-top: 1px solid #eee;
    padding: 12px 0 3px;
  }
  .table-form > table > thead > tr > td,
  .table-form > table > tbody > tr > td {
    padding: 3px 0 15px;
  }
  .table-form .form-control {
    width: 100%;
  }
}

.table-form-min,
.table-form-box {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.table-form-min table,
.table-form-box table {
  border: 0;
}
.table-form-min th,
.table-form-min td,
.table-form-box th,
.table-form-box td {
  border: 0;
  height: auto;
}
@media (min-width: 768px) {
  .table-form-min,
  .table-form-box {
    padding: 20px 0;
  }
  .table-form-min table,
  .table-form-box table {
    width: 100%;
    margin-right: 0;
  }
  .table-form-min th,
  .table-form-box th {
    background-color: transparent;
  }
  .table-form-min th,
  .table-form-min td,
  .table-form-box th,
  .table-form-box td {
    padding: 10px 0;
  }
}
@media (max-width: 767.98px) {
  .table-form-min,
  .table-form-box {
    padding-bottom: 20px;
  }
  .table-form-min th,
  .table-form-box th {
    padding: 20px 0 10px;
    line-height: 1;
  }
  .table-form-min td,
  .table-form-box td {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .table-form-box {
    border: 1px solid #e6e6e6;
    padding: 20px 30px;
  }
}

@media (min-width: 768px) {
  .table-scroll .scroll-container table {
    min-width: auto !important;
  }
}
@media (max-width: 767.98px) {
  .table-scroll {
    position: relative;
    overflow: hidden;
  }
  .table-scroll:before, .table-scroll:after {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    width: 23px;
    top: 0;
    bottom: 0;
    -webkit-transition-duration: 0.1s;
            transition-duration: 0.1s;
  }
  .table-scroll:before {
    opacity: 0;
    visibility: hidden;
    left: -23px;
    -webkit-box-shadow: 5px 0 15px rgba(0, 0, 0, 0.25);
            box-shadow: 5px 0 15px rgba(0, 0, 0, 0.25);
  }
  .table-scroll:after {
    right: -23px;
    -webkit-box-shadow: -5px 0 15px rgba(0, 0, 0, 0.25);
            box-shadow: -5px 0 15px rgba(0, 0, 0, 0.25);
  }
  .table-scroll.scroll-ing:before {
    opacity: 1;
    visibility: visible;
  }
  .table-scroll.scroll-end:after {
    opacity: 0;
    visibility: hidden;
  }
  .table-scroll .scroll-container {
    margin-right: -1px;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-scroll .scroll-container table {
    position: relative;
  }
  .table-scroll .scroll-container table:after {
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    content: "";
  }
}

/* 테이블 셀 강조효과 */
.table table .cell-accent-red,
.table table .cell-accent-blue {
  border-left: 3px solid;
  border-right: 3px solid;
}
.table table .cell-accent-red {
  border-left-color: #f10000;
  border-right-color: #f10000;
}
.table table .cell-accent-blue {
  border-left-color: #0d6375;
  border-right-color: #0d6375;
}
.table thead .cell-accent-red,
.table thead .cell-accent-blue {
  border-top: 3px solid !important;
  font-weight: bold;
}
.table thead .cell-accent-red {
  border-top-color: #f10000 !important;
  color: #f10000;
  background-color: #ffe8e6;
}
.table thead .cell-accent-blue {
  border-top-color: #0d6375 !important;
  color: #1775b4;
  background-color: #eef3f8;
}
.table tbody tr:last-child .cell-accent-red,
.table tbody tr:last-child .cell-accent-blue {
  border-bottom: 3px solid;
}
.table tbody tr:last-child .cell-accent-red {
  border-bottom-color: #f10000;
}
.table tbody tr:last-child .cell-accent-blue {
  border-bottom-color: #0d6375;
}

.content-row {
  overflow: hidden;
}
@media (min-width: 768px) {
  .content-row > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -20px;
  }
  .content-row > .inner > .col-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    margin: 20px;
  }
  .content-row > .inner > .col-item-fit {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 20px;
  }
  .content-row.content-images {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .content-row.content-images > .inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .content-row.content-images > .inner > .col-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: calc(33.3333% - 40px);
  }
  .content-row.content-images > .inner > .col-item img,
  .content-row.content-images > .inner > .col-item-fit img {
    width: 100%;
    height: 180px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .content-row.content-images > .inner > .col-item img.vertical,
  .content-row.content-images > .inner > .col-item-fit img.vertical {
    width: 244px;
    height: auto;
    max-height: 300px;
  }
  .content-row.content-images > .inner figcaption {
    padding-bottom: 0;
  }
  .content-row.content-images.col2 > .inner > .col-item {
    width: calc(50% - 40px);
  }
  .content-row.content-images.col2 > .inner > .col-item img,
  .content-row.content-images.col2 > .inner > .col-item-fit img {
    width: auto;
    height: 240px;
  }
  .content-row.content-images.col4 > .inner > .col-item {
    width: calc(25% - 40px);
  }
  .content-row .image-sm {
    margin-top: 2px;
    max-width: 120px;
  }
  .content-row .image-md {
    margin-top: 2px;
    max-width: 240px;
  }
  .content-row .image-lg {
    margin-top: 2px;
    max-width: 360px;
  }
}
@media (min-width: 768px) and (max-width: 767.98px) {
  .content-row > .inner {
    margin: -10px;
  }
  .content-row > .inner > .col-item {
    margin: 10px;
  }
  .content-row > .inner > .col-item-fit {
    margin: 10px;
  }
}
@media (max-width: 767.98px) {
  .content-row > .inner > .col-item + .col-item,
  .content-row > .inner > .col-item + .col-item-fit,
  .content-row > .inner > .col-item-fit + .col-item,
  .content-row > .inner > .col-item-fit + .col-item-fit {
    margin-top: 40px;
  }
}

.pagination {
  clear: both;
  margin-top: 50px;
  text-align: center;
  font-size: 0;
}
.pagination a,
.pagination strong {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  line-height: 31px;
  margin: 0 4px;
  padding: 0 5px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
}
.pagination a {
  color: #666;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
}
.pagination a:hover, .pagination a:focus {
  background-color: #003675;
  border: 1px solid #111;
  font-weight: 600;
  color: #fff;
}
.pagination strong {
  background-color: #003675;
  border: 1px solid #111;
  font-weight: 600;
  color: #fff;
}
.pagination .direction {
  width: 32px;
  margin: 0 2px;
  line-height: 32px;
  text-indent: 50px;
  white-space: nowrap;
  background: url(../images/ico-paging-first@2x.png) no-repeat center center;
  background-size: auto 16px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.pagination .direction:hover, .pagination .direction:focus {
  background-color: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
.pagination .direction.first {
  background-image: url(../images/ico-paging-first@2x.png);
  border-radius: 50%;
}
.pagination .direction.prev {
  background-image: url(../images/ico-paging-prev@2x.png);
  margin-right: 14px;
}
.pagination .direction.next {
  background-image: url(../images/ico-paging-next@2x.png);
  margin-left: 14px;
}
.pagination .direction.last {
  background-image: url(../images/ico-paging-last@2x.png);
  border-radius: 50%;
}
@media (min-width: 768px) {
  .pagination {
    margin-top: 40px;
  }
}
@media (max-width: 767.98px) {
  .pagination {
    width: calc(100% + 20px);
    margin: 24px -10px 0;
  }
  .pagination a {
    margin: 0 2px;
  }
  .pagination .direction.prev {
    margin-right: 4px;
  }
  .pagination .direction.next {
    margin-left: 4px;
  }
}

.datepicker {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.datepicker .form-datepicker {
  padding: 8px 12px;
  padding-right: 44px;
}
.datepicker .btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 10px;
}
@media (max-width: 767.98px) {
  .datepicker {
    display: block;
  }
  .datepicker .form-datepicker {
    width: 100% !important;
  }
}

#inseq-datepicker {
  position: absolute;
  width: 250px;
  padding: 12px;
  border: 1px solid #e6e6e6;
  font-size: 13px;
  background-color: #fff;
  -webkit-box-shadow: 0px 8px 15px rgba(66, 73, 80, 0.15);
          box-shadow: 0px 8px 15px rgba(66, 73, 80, 0.15);
  z-index: 1500;
}
#inseq-datepicker caption {
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#inseq-datepicker table {
  table-layout: auto;
  margin-top: 0;
  width: 100%;
  text-align: center;
  border: 0px solid #000;
  color: #111;
  line-height: 2;
}
#inseq-datepicker table a {
  line-height: 2;
}
#inseq-datepicker table th {
  height: auto;
  background: none;
  padding: 0 0 0.5em;
  border: 0;
  margin: 0;
  text-align: center;
  line-height: 20px;
  font-weight: 500;
}
#inseq-datepicker table td {
  padding: 0 !important;
  margin: 0;
  height: 28px;
  text-align: center;
  border: 0;
  line-height: 1;
}
#inseq-datepicker table tbody td {
  height: 28px;
  color: #767676;
}
#inseq-datepicker table tbody td a {
  width: 28px;
  height: 28px;
  line-height: 28px;
  display: block;
  color: #000;
  text-decoration: none;
}
#inseq-datepicker table tbody td a.today {
  border-radius: 50%;
  color: #fff !important;
  background-color: #057b94;
  font-weight: bold;
}
#inseq-datepicker #tableCalendarTitle {
  margin-bottom: 8px;
}
#inseq-datepicker #tableCalendarTitle td {
  font-size: 16px;
}
#inseq-datepicker #tableCalendarTitle td a {
  font-size: inherit;
}
#inseq-datepicker #tableMonthTitle td a {
  font-size: 16px;
}
#inseq-datepicker #tableYearTitle {
  margin-bottom: 5px;
}
#inseq-datepicker #tableYearTitle td {
  font-size: 16px;
}
#inseq-datepicker #tableCalendarTitle a,
#inseq-datepicker #tableYear a,
#inseq-datepicker #tableMonthTitle a,
#inseq-datepicker #tableMonth a {
  color: #000;
}
#inseq-datepicker #tableCalendar th:first-child,
#inseq-datepicker #tableCalendar td:first-child {
  color: #cf2121;
}
#inseq-datepicker #tableCalendar th:first-child a,
#inseq-datepicker #tableCalendar td:first-child a {
  color: inherit;
}
#inseq-datepicker #tableCalendar th:last-child,
#inseq-datepicker #tableCalendar td:last-child {
  color: #0072cf;
}
#inseq-datepicker #tableCalendar th:last-child a,
#inseq-datepicker #tableCalendar td:last-child a {
  color: inherit;
}
#inseq-datepicker .prev,
#inseq-datepicker .next {
  width: 21px;
  height: 21px;
  border-radius: 11px;
  line-height: 21px;
  border: 0;
  padding: 0;
  background: url(../../_common/images/ico-chevron-left-gray@2x.png) no-repeat;
  background-size: 20px auto;
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
}
#inseq-datepicker .prev {
  float: left;
  margin-left: 30px;
  background-position: right center;
}
#inseq-datepicker .next {
  float: right;
  margin-right: 30px;
  background-image: url(../../_common/images/ico-chevron-right-gray@2x.png);
  background-position: left center;
}
#inseq-datepicker .btn-cal-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
}
#inseq-datepicker .btn-cal-close a {
  display: block;
  width: 20px;
  height: 20px;
  color: transparent;
  background: url(../../_common/images/ico-times-gray@2x.png) no-repeat center center;
  background-size: 20px auto;
}
@media (max-width: 767.98px) {
  #inseq-datepicker {
    left: 50% !important;
    margin-left: -125px !important;
  }
}

.image {
  text-align: center;
}
.image img {
  max-width: 100%;
  vertical-align: top;
}

@media (max-width: 767.98px) {
  .infographic img,
  .infographic-lg img {
    width: 100%;
  }
}

.infographic .image {
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 20px;
}
.infographic .image img {
  border-radius: 10px;
}
@media (min-width: 768px) {
  .infographic figcaption {
    padding: 10px;
  }
}
@media (max-width: 767.98px) {
  .infographic figcaption {
    margin-top: 8px;
  }
}

.infographic-lg {
  text-align: center;
}
@media (min-width: 768px) {
  .infographic-lg img {
    vertical-align: top;
  }
  .infographic-lg .image {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 30px;
  }
  .infographic-lg .image img {
    border-radius: 15px;
  }
  .infographic-lg.fit .image {
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 767.98px) {
  .infographic-lg .image {
    padding: 20px;
  }
}

.container.infograph-detail .article-conetnt img {
  width: 100%;
  height: auto !important;
  -o-object-fit: contain;
     object-fit: contain;
}

/* 처리절차 */
.step:not(.step-detail) {
  text-align: center;
}
.step > ul > li,
.step ol > li {
  position: relative;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.step > ul > li:before, .step > ul > li:after,
.step ol > li:before,
.step ol > li:after {
  content: "";
  position: absolute;
  top: 50%;
  background-color: #ddd;
  width: 4px;
  height: 17px;
  right: -24px;
  border-radius: 1px;
}
.step > ul > li:before,
.step ol > li:before {
  margin-top: -15px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.step > ul > li:after,
.step ol > li:after {
  margin-top: -5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.step .inner {
  display: block;
}
.step .inner .number {
  color: #057b94;
  font-weight: bold;
}
.step .inner > .number {
  position: relative;
  display: block;
  margin: 8px auto 0;
  width: 28px;
  border-radius: 3px 10px 3px 10px;
  line-height: 25px;
  background-color: #057b94;
  color: #fff;
}
.step .inner > .number:before {
  content: "";
  position: absolute;
  height: 1px;
  top: -9px;
  left: 0;
  right: 0;
  background-color: #057b94;
}
.step .title,
.step .content {
  display: block;
}
.step .title {
  padding: 9px 20px;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  border-radius: 10px 10px 0 0;
}
.step .content {
  padding: 15px 20px;
}
@media (min-width: 768px) {
  .step.step-drop {
    overflow: hidden;
  }
  .step.step-drop > ul,
  .step.step-drop ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -15px 8px -15px -20px;
  }
  .step.step-drop > ul > li,
  .step.step-drop ol > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(25% - 40px);
    margin: 15px 20px;
  }
  .step.step-drop > ul > li:last-child:before, .step.step-drop > ul > li:last-child:after,
  .step.step-drop ol > li:last-child:before,
  .step.step-drop ol > li:last-child:after {
    display: none;
  }
  .step.step-drop.step-detail > ul > li,
  .step.step-drop.step-detail ol > li {
    width: calc(50% - 40px);
  }
  .step:not(.step-drop) {
    overflow: hidden;
  }
  .step:not(.step-drop) > ul,
  .step:not(.step-drop) ol {
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    margin: -40px;
    width: calc(100% + 80px);
    border-spacing: 40px;
  }
  .step:not(.step-drop) > ul > li,
  .step:not(.step-drop) ol > li {
    display: table-cell;
    vertical-align: top;
  }
}
@media (max-width: 767.98px) {
  .step.step-sm-col2 > ul,
  .step.step-sm-col2 ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -15px 8px -15px -20px;
  }
  .step.step-sm-col2 > ul > li,
  .step.step-sm-col2 ol > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(50% - 40px);
    margin: 15px 20px;
  }
  .step.step-sm-col2 > ul > li:last-child:before, .step.step-sm-col2 > ul > li:last-child:after,
  .step.step-sm-col2 ol > li:last-child:before,
  .step.step-sm-col2 ol > li:last-child:after {
    display: none;
  }
  .step:not(.step-sm-col2) > ul,
  .step:not(.step-sm-col2) ol {
    display: block;
    margin: 0 !important;
    width: auto !important;
  }
  .step:not(.step-sm-col2) > ul > li,
  .step:not(.step-sm-col2) ol > li {
    display: block;
    padding: 0;
  }
  .step:not(.step-sm-col2) > ul > li:first-child:before, .step:not(.step-sm-col2) > ul > li:first-child:after,
  .step:not(.step-sm-col2) ol > li:first-child:before,
  .step:not(.step-sm-col2) ol > li:first-child:after {
    display: none;
  }
  .step:not(.step-sm-col2) > ul > li + li,
  .step:not(.step-sm-col2) ol > li + li {
    margin-top: 50px;
  }
  .step:not(.step-sm-col2) > ul > li + li:before, .step:not(.step-sm-col2) > ul > li + li:after,
  .step:not(.step-sm-col2) ol > li + li:before,
  .step:not(.step-sm-col2) ol > li + li:after {
    top: -35px;
    left: 50% !important;
    margin-top: 0 !important;
  }
  .step:not(.step-sm-col2) > ul > li + li:before,
  .step:not(.step-sm-col2) ol > li + li:before {
    margin-left: -7px;
  }
  .step:not(.step-sm-col2) > ul > li + li:after,
  .step:not(.step-sm-col2) ol > li + li:after {
    margin-right: -7px;
    left: auto !important;
    right: 50% !important;
  }
  .step:not(.step-sm-col2) .content {
    padding: 15px;
  }
}

.step-gap .gap-content {
  position: relative;
  font-size: 13px;
  line-height: 1.2;
  background-color: #eee;
  border-radius: 3px;
  padding: 5px 8px;
}
.step-gap .gap-content:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  display: block;
  width: 0px;
  height: 0px;
  border-bottom: 6px solid #eee;
  border-top: 0;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
@media (min-width: 768px) {
  .step-gap > ul > li:before, .step-gap > ul > li:after,
  .step-gap ol > li:before,
  .step-gap ol > li:after {
    top: 38%;
    right: -34px;
  }
  .step-gap .gap-content {
    position: absolute;
    z-index: 1;
    top: 38%;
    right: -31px;
    margin-top: 20px;
    text-align: center;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  .step-gap.step-drop {
    overflow: hidden;
  }
  .step-gap.step-drop > ul,
  .step-gap.step-drop ol {
    margin-right: 30px;
    margin-left: -30px;
  }
  .step-gap.step-drop > ul > li,
  .step-gap.step-drop ol > li {
    width: calc(25% - 60px);
    margin: 15px 30px;
  }
  .step-gap.step-drop.step-detail > ul > li,
  .step-gap.step-drop.step-detail ol > li {
    width: calc(50% - 60px);
  }
  .step-gap:not(.step-drop) {
    overflow: hidden;
  }
  .step-gap:not(.step-drop) > ul,
  .step-gap:not(.step-drop) ol {
    width: calc(100% + 120px);
    margin: -60px;
    border-spacing: 60px;
  }
}
@media (max-width: 767.98px) {
  .step-gap .gap-content {
    text-align: center;
    position: absolute;
    left: 50% !important;
    -webkit-transform: translateY(150%);
            transform: translateY(150%);
    bottom: 0;
    margin-left: 20px;
    white-space: nowrap;
  }
  .step-gap .gap-content:after {
    top: 50%;
    left: -6px;
    margin-top: -6px;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #eee;
  }
}

#loadingbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  will-change: opacity, visibility;
}
#loadingbar .spinner {
  width: 90px;
  height: 90px;
}
#loadingbar.hide {
  opacity: 0;
  visibility: hidden;
}

/* 게시판 */
/* 미리보기 영역 : top */
.box-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 360px;
  margin-bottom: 40px;
  border: 0;
  border-radius: 16px;
  background: #f5f5f5;
}
.box-preview .preview-img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.box-preview .preview-img .img-area {
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  overflow: hidden;
  -webkit-box-shadow: 2.11px 2.11px 8.42px rgba(0, 0, 0, 0.16);
          box-shadow: 2.11px 2.11px 8.42px rgba(0, 0, 0, 0.16);
}
.box-preview .preview-img .img-area + * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.box-preview .preview-img .img-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.box-preview .text-lg,
.box-preview .text-xxl {
  font-weight: 500;
}
.box-preview .preview-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.box-preview .preview-details > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  line-height: 1.5;
}
.box-preview .preview-details > dl.row-type2 {
  max-width: 200px;
  min-width: 140px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.box-preview .preview-details > dl.row-type2::after {
  content: "|";
  display: inline-block;
}
.box-preview .preview-details > dl.row-type2 + dl:is(.d-up-md) {
  position: relative;
  min-width: 140px;
  max-width: 200px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0px;
  padding-left: 20px;
}
.box-preview .preview-details > dl + dl {
  margin-top: 8px;
}
.box-preview .preview-details > dl dt,
.box-preview .preview-details > dl dd {
  margin: 0;
  font-size: 16px;
}
.box-preview .preview-details > dl dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 80px;
  font-weight: 500;
}
.box-preview .preview-details > dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.box-preview .preview-details .keyword-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.box-preview .preview-details .keyword-list .keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 24px;
  padding: 1.5px 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1;
}
.box-preview .preview-details + .btn-group {
  margin-top: 11px;
}
.box-preview .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (min-width: 768px) {
  .box-preview {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
    padding: 40px;
    background: #f5f5f5 url(../../_common/images/bg-keis@2x.png);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position: right 24px bottom -5.71px;
  }
  .box-preview .preview-img {
    width: 200px;
    height: 280px;
  }
  .box-preview .preview-info .text-xxl + .preview-details {
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .box-preview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 16px;
  }
  .box-preview .preview-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    width: 100%;
    height: 140px;
  }
  .box-preview .preview-img .img-area {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100px;
    height: 140px;
  }
  .box-preview .preview-details + .btn-group .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
}

/* 공지사항 박스 */
.box-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
}
.box-notice .icon-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f5f5f5;
  border-radius: 50%;
}
.box-notice .icon-wrap + dl {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.box-notice dt {
  font-weight: 500;
}
.box-notice dd {
  font-size: 16px;
  color: #555;
}
@media (min-width: 768px) {
  .box-notice {
    margin-bottom: 20px;
    padding: 23px 21px;
  }
  .box-notice .icon-wrap {
    width: 64px;
    height: 64px;
  }
  .box-notice dt {
    margin-bottom: 10px;
  }
  .box-notice + .tab-menu {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 767.98px) {
  .box-notice {
    gap: 16px;
    margin-bottom: 40px;
    padding: 14px 14px 14px;
  }
  .box-notice .icon-wrap {
    width: 48px;
    height: 48px;
  }
  .box-notice .icon-wrap .ico {
    width: 32px;
    height: 32px;
  }
  .box-notice dt {
    margin-bottom: 10px;
    line-height: 1.5;
  }
}

/* 검색폼 */
.box-search {
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .box-search {
    padding: 19px;
  }
}
@media (max-width: 767.98px) {
  .box-search {
    padding: 14px;
  }
}

@media (max-width: 767.98px) {
  .form-row-datepicker .datepicker {
    display: block;
  }
  .form-row-datepicker .form-datepicker {
    width: 100% !important;
  }
}

.search-form .datepicker .form-datepicker {
  padding-right: 40px;
}
.search-form .datepicker .form-datepicker::-webkit-input-placeholder {
  font-size: 14px;
}
.search-form .datepicker .form-datepicker::-moz-placeholder {
  font-size: 14px;
}
.search-form .datepicker .form-datepicker:-ms-input-placeholder {
  font-size: 14px;
}
.search-form .datepicker .form-datepicker::-ms-input-placeholder {
  font-size: 14px;
}
.search-form .datepicker .form-datepicker::placeholder {
  font-size: 14px;
}
.search-form .datepicker .btn {
  padding: 0 12px;
}
.search-form .btn-area .btn .ico {
  margin-top: 1px;
}
.search-form .input-addon {
  padding-left: 8px;
}
.search-form .input-addon .btn.btn-icon {
  padding: 0 9px;
}
.search-form table th {
  padding: 10px 18px;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}
.search-form table th label {
  max-width: 100%;
  white-space: nowrap;
  max-height: 22px;
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 56px;
}
.search-form table td {
  padding: 5px 0;
}
@media (min-width: 768px) {
  .search-form .search-form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .search-form .form-row + .form-row {
    margin-left: 9px;
  }
  .search-form .form-row-datepicker {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .search-form .form-row-datepicker .text-item {
    padding: 0 3px;
  }
  .search-form .form-row-keyword {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .search-form .form-row-keyword .input-item + .input-item {
    margin-left: 8px;
  }
  .search-form .form-row-toggle .input-item {
    width: 255px;
    text-align: right;
  }
  .search-form .btn-area .btn {
    min-width: 74px;
    padding: 0 10px;
  }
  .search-form .btn-area .btn + .btn {
    margin-left: 1px;
  }
  .search-form table {
    width: calc(100% + 35px);
    margin: -5px -17px 0 -18px;
  }
}
@media (max-width: 767.98px) {
  .search-form .form-control {
    width: 100% !important;
  }
  .search-form .form-row + .form-row {
    margin-top: 10px;
  }
  .search-form .form-row .input-item.md-full {
    margin-top: 0 !important;
  }
  .search-form .form-row .input-item.md-full + .md-full {
    margin-top: 8px !important;
  }
  .search-form .form-row .input-item.md-full.mt-md-1 {
    margin-top: 5px !important;
  }
  .search-form .form-row-toggle .btn {
    width: 100%;
  }
  .search-form .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .search-form .btn-area .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .search-form table {
    display: inline-block;
  }
  .search-form table tbody {
    display: block;
  }
  .search-form table tr {
    display: block;
  }
  .search-form table th,
  .search-form table td {
    display: block;
    float: left;
  }
  .search-form table th {
    width: 75px;
    line-height: 30px;
    padding: 14px 18px 14px 0;
  }
  .search-form table td {
    width: calc(100% - 75px);
  }
}

.sns-list-sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  margin-left: auto;
}
.sns-list-sm li {
  margin-left: 6px;
}
.sns-list-sm li a {
  display: block;
}
.sns-list-sm img {
  height: 20px;
  vertical-align: top;
}

/* 약관 동의 */
.terms-area .box-terms {
  max-height: 108px;
  padding: 18px 19px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.terms-area .box-terms .list2 > li:before {
  height: 1px;
  background-color: #111;
}
.terms-area .box-terms .list2 > li + li {
  margin-top: 2px;
}
.terms-area .box-terms .list3 > li:before {
  background-color: #111;
}
.terms-area .box-terms .text-underline {
  text-decoration: underline;
}
.terms-area .terms-agree {
  overflow: visible;
}
.terms-area .ckeck-item-custom {
  position: relative;
  padding-right: 30px;
}
.terms-area input[type=checkbox] + label {
  vertical-align: top;
}
.terms-area input[type=checkbox] + label:before {
  position: absolute;
  bottom: 0;
  right: -30px;
  margin: 0;
}
@media (max-width: 767.98px) {
  .terms-area .terms-agree > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .terms-area .terms-agree > .inner > .col-item {
    margin-top: 0;
  }
}
@media (max-width: 767.98px) {
  .terms-area .terms-agree > .inner > .col-item {
    margin-top: 10px;
  }
}

/* 게시판 상단 */
.list-info {
  min-height: 40px;
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .list-info:after {
    display: block;
    clear: both;
    content: "";
  }
  .list-info .left {
    float: left;
    line-height: 40px;
  }
  .list-info .right {
    float: right;
  }
}
@media (max-width: 767.98px) {
  .list-info .left {
    display: none;
  }
}

.content-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px;
}
.content-share .btn {
  height: 29px;
  margin-left: 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.content-share .sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content-share .btn-like {
  padding: 0 10px;
  border-color: #0d6375;
  color: #fff;
  background-color: #0d6375;
}
.content-share .btn-like .ico {
  margin-right: 5px;
}
.content-share .btn-share {
  padding: 0 9px 0 5px;
}
.content-share .btn-print {
  min-width: 38px;
  padding: 0 5px;
}
.content-share .btn-print .ico {
  margin-right: 0;
}

/* 게시판 게시물이 없을 경우 */
.nodata-area {
  min-height: 168px;
  text-align: center;
  padding: 105px 0 108px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: rgba(0, 0, 0, 0.66);
  text-align: center;
}
.nodata-area p {
  margin-top: 16px;
  color: #888;
}
.nodata-area .ico {
  margin-right: 4px;
}
@media (max-width: 767.98px) {
  .nodata-area {
    padding: 55px 0 58px;
  }
}

/* 게시판 일반형 목록 */
.ico-new {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  background-color: #057b94;
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-style: normal;
  font-weight: normal;
}

.table-list table {
  border-top: 2px solid #111;
  border-bottom-color: #ddd;
}
.table-list th,
.table-list td {
  padding: 10px;
  border-top-color: #ddd;
  border-right: 0;
}
.table-list thead th {
  border-bottom: 1px solid #111;
  color: #111;
  background-color: #fff;
}
.table-list td {
  height: 72px;
}
.table-list .cell-no {
  text-align: center;
}
.table-list .cell-subject {
  text-align: left;
}
.table-list .cell-subject a {
  display: inline-block;
  position: relative;
}
.table-list .cell-subject a:hover, .table-list .cell-subject a:focus {
  text-decoration: underline;
}
.table-list .cell-subject:has(.ico-new) a {
  max-width: calc(100% - 20px);
}
.table-list .no-data {
  height: 168px;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}
.table-list .no-data p {
  margin-top: 16px;
  color: #888;
}
.table-list .label-notice {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 37px;
  height: 21px;
  padding: 0 8px;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  background-color: #057b94;
}
.table-list .ico-reply-gray {
  margin: -8px 0 0 4px;
}
.table-list .ico-lock-gray {
  margin: 0 1px;
}
.table-list .btn-group {
  margin: 0;
}
.table-list .cell-file .btn-group .btn {
  pointer-events: none;
}
.table-list .cell-file > .ico {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-size: 24px auto;
}
@media (min-width: 768px) {
  .table-list .cell-subject {
    white-space: nowrap;
  }
  .table-list .cell-subject a {
    max-width: 100%;
    white-space: nowrap;
    max-height: 27px;
    line-height: 27px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
  }
  .table-list .comment-number {
    position: absolute;
    top: 50%;
    right: 6px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .table-list .comment-number + .ico-new {
    right: 0;
  }
  .table-list .icon-addon + a {
    max-width: calc(100% - 21px);
  }
  .table-list .cell-md-tit {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .table-list table {
    width: 100%;
    margin-right: 0;
    border-bottom: 0;
  }
  .table-list colgroup,
  .table-list thead {
    display: none;
  }
  .table-list tbody {
    display: block;
    text-align: left !important;
  }
  .table-list tbody tr {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 8px 0px 16px;
  }
  .table-list tbody td {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    vertical-align: middle;
    padding: 0 !important;
    border: 0 !important;
    height: auto !important;
    min-height: 32px;
    max-width: 100%;
  }
  .table-list tbody td:not(.cell-no):not(.cell-subject) {
    padding: 0 10px 0 0 !important;
    margin-right: 8px;
  }
  .table-list tbody td:not(.cell-no):not(.cell-subject)::after {
    position: absolute;
    top: calc(50% - 0.5rem);
    right: -0.5px;
    content: "";
    display: inline-block;
    width: 1px;
    height: 1rem;
    background-color: #ddd;
  }
  .table-list tbody td:not(.cell-no):not(.cell-subject).cell-date, .table-list tbody td:not(.cell-no):not(.cell-subject).cell-last {
    padding: 0 !important;
    margin-right: 0;
  }
  .table-list tbody td:not(.cell-no):not(.cell-subject).cell-date::after, .table-list tbody td:not(.cell-no):not(.cell-subject).cell-last::after {
    content: none;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .table-list tbody td:not(.cell-no):not(.cell-subject).cell-date {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .table-list tbody td:not(.cell-no):not(.cell-subject).no-data {
    padding: 40px 0 !important;
    line-height: 1rem;
  }
  .table-list tbody td:not(.cell-no):not(.cell-subject).no-data::after {
    content: none;
  }
  .table-list tbody td.cell-subject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
  }
  .table-list tbody .cell-md-tit {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 80px;
    height: 100%;
  }
  .table-list tbody .cell-md-tit + * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-align: left;
  }
  .table-list tbody .cell-md-tit + * .btn {
    margin: 0;
  }
  .table-list tbody .cell-no,
  .table-list tbody .cell-hit {
    display: none;
  }
  .table-list tbody .cell-subject {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-height: 26px;
    padding-left: 0;
    color: #111;
    font-size: 18px;
    font-weight: 500;
  }
  .table-list tbody .cell-subject:before {
    display: none;
  }
  .table-list tbody .cell-subject a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 3.4rem;
    line-height: 1.7rem;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .table-list tbody .cell-subject a:hover, .table-list tbody .cell-subject a:focus {
    text-decoration: underline;
  }
  .table-list tbody .ico-new {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 4px 2px 0 0;
    font-size: 12px;
    vertical-align: middle;
  }
  .table-list tbody .comment-number {
    margin-left: 5px;
  }
  .table-list tbody .icon-addon {
    display: inline-block;
    width: 18px;
    margin-top: -2px;
    vertical-align: top;
  }
  .table-list tbody .icon-addon + a {
    display: inline-block;
    max-width: calc(100% - 22px);
  }
  .table-list tbody .no-data {
    display: block;
    line-height: 77px;
  }
  .table-list tbody .no-data .ico {
    margin-right: 2px;
  }
  .table-list .cell-year {
    display: none;
  }
  .table-list .flex-md-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .table-list .flex-md-order .cell-subject {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .table-list.table-type02 tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .table-list.table-type02 td:not(.cell-no):not(.cell-subject) {
    padding-right: 0 !important;
    margin-right: 0;
  }
  .table-list.table-type02 td:not(.cell-no):not(.cell-subject)::after {
    content: none;
  }
}

/* 게시판 일반형 상세 */
.article-view {
  border-top: 2px solid #111;
}
.article-view .table {
  border-top: 0;
}
.article-view .table table {
  border-top: 0;
  border-bottom-color: #ddd;
}
.article-view .table th,
.article-view .table td {
  border-right-color: #ddd;
}
.article-view .file-list li {
  position: relative;
  padding-left: 24px;
}
.article-view .file-list .ico {
  position: absolute;
  top: 0;
  left: 0;
}
.article-view .file-list .btn {
  margin: -2px 0 0 5px;
}
.article-view .file-attatch-desc {
  margin-left: -24px;
  padding-left: 100px;
  text-indent: -100px;
}
.article-view .article-subject {
  font-weight: 500;
}
@media (min-width: 768px) {
  .article-view .table th {
    background-color: #f5f5f5;
  }
  .article-view .article-header .category-label {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .article-view .article-header .category-label {
    margin-top: 0;
  }
  .article-view .article-header .category-label + .article-subject {
    margin-top: 16px;
  }
  .article-view .article-header .article-subject {
    font-size: 18px;
  }
  .article-view .file-attatch-desc {
    padding-left: 0;
    text-indent: 0;
  }
  .article-view .file-attatch-desc .title,
  .article-view .file-attatch-desc .content {
    display: block;
  }
  .article-view + .btn-group-form .btn {
    width: 100%;
    margin: 0;
  }
}

.article-header .category-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 100%;
  height: 24px;
  padding: 0 8px;
  margin-top: 16px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
}
.article-header .category-label span {
  max-width: 100%;
  white-space: nowrap;
  max-height: 23px;
  line-height: 23px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article-header .category-label.award-type01 {
  background-color: #fff3ee;
  color: #de6229;
}
.article-header .category-label.award-type02 {
  background-color: #e7eeff;
  color: #154dc7;
}
.article-header .category-label.award-type03 {
  background-color: #e7f4e7;
  color: #137213;
}
.article-header .info-area {
  border-bottom: 1px solid #ddd;
}
.article-header .article-subject {
  font-size: 20px;
}
.article-header .article-subject + .article-info {
  margin-bottom: -6px;
}
.article-header .article-info {
  margin-top: 14px;
}
.article-header .info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px 19px 7px;
  border-bottom: 1px solid #ddd;
  color: #555;
  font-size: 14px;
}
.article-header .info-list li {
  margin-right: 55px;
  padding: 3px 0;
}
.article-header .info-list .title {
  color: #111;
}
.article-header .info-list .title:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: -2px 10px 0;
  vertical-align: middle;
  background-color: #ddd;
}
.article-header .file-list {
  padding: 10px 18px;
  border-bottom: 1px solid #ddd;
}
.article-header .file-list li {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  line-height: 22px;
}
.article-header .file-list li .ico {
  position: absolute;
  top: 0;
  left: 0;
}
.article-header .file-list li a:not(.btn):hover, .article-header .file-list li a:not(.btn):focus {
  text-decoration: underline;
}
.article-header .file-list li + li {
  margin-top: 5px;
}
.article-header .file-shortcut {
  padding: 0;
}
.article-header .file-shortcut li {
  padding: 10px 19px 7px 43px;
}
.article-header .file-shortcut li .ico {
  top: 10px;
  left: 19px;
}
.article-header .file-shortcut li .btn {
  margin: -2px 0 0 5px;
}
.article-header .file-shortcut li + li {
  margin-top: 0;
  border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
  .article-header .info-area {
    padding: 20px 0px;
  }
}
@media (max-width: 767.98px) {
  .article-header .info-area {
    padding: 16px 0px;
  }
  .article-header .article-subject {
    font-size: 18px;
  }
}

.article-body {
  min-height: 240px;
  border-bottom: 1px solid #ddd;
  line-height: 24px;
}
.article-body .video-content {
  padding: 40px 0;
}
.article-body .faq-content {
  margin-top: -1px;
  margin-bottom: -1px;
  padding-top: 40px;
  border-top: 1px solid #aaa;
}
.article-body + .article-footer {
  margin-top: -1px;
}
@media (max-width: 767.98px) {
  .article-body .video-content {
    padding: 30px 0;
  }
}

.article-conetnt {
  padding: 24px 0 24px;
}
.article-conetnt img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.article-conetnt .se-drawing-object-wrapper,
.article-conetnt .se-image {
  width: 100%;
  height: 100%;
}

.article-nav {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 40px;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
}
.article-nav li {
  display: table-row;
  height: 56px;
  font-weight: 400;
}
.article-nav li > * {
  display: table-cell;
  border-bottom: 1px solid #ddd;
  padding: 16px;
}
.article-nav li span {
  width: 160px;
  background-color: #f5f5f5;
  font-weight: 500;
  vertical-align: middle;
}
.article-nav li span .ico {
  margin: -3px 0 0 5px;
}
.article-nav li a {
  max-width: 100%;
  white-space: nowrap;
  max-height: 23px;
  line-height: 23px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article-nav li a:hover, .article-nav li a:focus {
  text-decoration: underline;
}
.article-nav + .article-footer {
  margin-top: -1px;
}
@media (max-width: 767.98px) {
  .article-nav li > * {
    padding: 16px 0;
  }
  .article-nav li span {
    width: 88px;
    padding: 16px 8px 16px 0;
    background-color: #fff;
  }
}

.comment-area {
  margin-top: 40px;
}
.comment-area .comment-info {
  padding: 6px 15px;
}
.comment-area .comment-info .title {
  font-size: 18px;
}
.comment-area .comment-info .total {
  color: #057b94;
}
.comment-area .comment-list {
  border-top: 1px solid #555;
}
.comment-area .comment-list li {
  position: relative;
  padding: 12px 44px 10px 15px;
  border-bottom: 1px solid #ddd;
  line-height: 24px;
}
.comment-area .comment-list .writer,
.comment-area .comment-list .time {
  color: #555;
}
.comment-area .comment-list .time {
  margin-top: 4px;
}
.comment-area .comment-list .btn-delete {
  position: absolute;
  top: 41px;
  right: 11px;
  min-width: 21px;
  height: 21px;
  padding: 0;
  border-color: #aaa;
}
.comment-area .comment-list .btn-delete .ico {
  margin-right: 0;
}

.box-comment {
  margin-top: 30px;
  padding-top: 0;
  overflow: hidden;
}
.box-comment legend {
  padding: 9px 0 8px;
  font-size: 18px;
}
.box-comment .comment-form {
  margin: 0 -19px -15px;
  padding: 19px 21px;
  background-color: #f5f5f5;
}
.box-comment .form-control {
  padding-top: 9px;
  padding-bottom: 9px;
  border-radius: 3px;
}
.box-comment .btn-md {
  height: 62px;
}

/* 게시판 일반형 등록 */
.table-form .form-row .text-item {
  padding: 0 9.5px;
}

.file-ctrl .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.file-ctrl .item + .item {
  margin-top: 5px;
}
.file-ctrl .btn-delete {
  min-width: 21px;
  height: 21px;
  padding: 0;
  border-color: #aaa;
}
.file-ctrl .btn-delete .ico {
  margin-right: 0;
}

.file-attatch-item + .file-attatch-item {
  padding-top: 8px;
}
.file-attatch-item .col-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.file-attatch-item .col-item .form-control {
  width: 100%;
}
.file-attatch-item .col-item-fit {
  padding-left: 5px;
}
.file-attatch-item .form-file {
  display: none;
}
.file-attatch-item .file-desc .btn {
  min-width: 40px;
  padding: 0;
}
.file-attatch-item .file-desc .btn .ico {
  margin-right: 0;
}
@media (min-width: 768px) {
  .file-attatch-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .file-attatch-item > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .file-attatch-item .file-desc {
    padding-left: 20px;
    line-height: 1;
  }
}
@media (max-width: 767.98px) {
  .file-attatch-item + .file-attatch-item {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #eee;
  }
  .file-attatch-item .file-desc {
    display: block;
    margin-top: 10px;
    margin-bottom: -10px;
  }
  .file-attatch-item:last-child .file-desc {
    margin-bottom: 0;
  }
}

/* 게시판 답글형 상세 */
.reply-content {
  padding: 14px 20px 27px;
  border-top: 1px solid #ddd;
  background-color: #f5f5f5;
}
.reply-content .title {
  font-weight: 700;
}
.reply-content .content {
  margin: 12px 0 0 15px;
}

/* 게시판 요약형 목록 */
.article-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
}
.article-info > li .ico {
  margin: -2px 1px 0 0;
}
.article-info > li + li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: -2px 10px 0;
  vertical-align: middle;
  background-color: #ddd;
}

/* 게시판 요약형 목록 */
.table-article table th,
.table-article table td {
  padding: 16px;
  text-align: left;
  border-right: 0;
  font-size: 16px;
}
@media (max-width: 767.98px) {
  .table-article table {
    width: 100%;
    margin-right: 0;
  }
  .table-article table > colgroup {
    display: none;
  }
  .table-article table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    width: 100%;
  }
  .table-article table tr:first-child {
    margin-top: 16px;
  }
  .table-article table tr + tr {
    padding-top: 8px;
  }
  .table-article table th,
  .table-article table td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    height: auto;
    min-height: 24px;
    border-top: none;
    line-height: 1.4;
  }
  .table-article table th {
    width: 80px;
    background-color: transparent;
  }
  .table-article table td {
    width: calc(100% - 88px);
  }
  .table-article table .md-full {
    width: 100%;
  }
  .table-article table .md-full th {
    width: 100%;
  }
  .table-article table .md-full td {
    width: 100%;
    padding: 16px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
  }
  .table-article table .md-full + tr {
    border-top: 1px solid #ddd;
  }
}

.attfile-list li,
.attfile-list .flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 31.2px;
  line-height: 1.5;
}
.attfile-list li + li,
.attfile-list .flex-col + li {
  margin-top: 8px;
}
.attfile-list li + li:before,
.attfile-list .flex-col + li:before {
  content: none;
}
.attfile-list li > .ico,
.attfile-list .flex-col > .ico {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 4px;
}
.attfile-list .file-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.attfile-list .file-wrap > .ico {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 4px;
}
.attfile-list .file-category + .file-name {
  max-width: calc(100% - 219.5px);
}
.attfile-list .file-category + .file-wrap {
  width: calc(100% - 88px);
}
.attfile-list .file-category {
  min-width: 80px;
  margin-right: 8px;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}
.attfile-list .file-name {
  max-width: 100%;
  white-space: nowrap;
  max-height: 32px;
  line-height: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.attfile-list .file-name + .file-group {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 16px;
}
@media (max-width: 767.98px) {
  .attfile-list {
    width: 100%;
    font-size: 14px;
  }
  .attfile-list li {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .attfile-list .flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }
  .attfile-list .file-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .attfile-list .file-category + .file-wrap {
    margin-top: 4px;
    width: 100%;
  }
  .attfile-list .file-name {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 100%;
    white-space: nowrap;
    max-height: 32px;
    line-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.article-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 37px;
  padding-top: 16px;
  border-top: 1px solid #ddd;
  font-size: 14px;
  color: #555;
  overflow: hidden;
}
.article-footer span {
  max-width: 100%;
  white-space: nowrap;
  max-height: 19px;
  line-height: 19px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article-footer .title {
  width: 40px;
  height: 20px;
  margin-right: 10px;
  padding-left: 7px;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  background: url(../../_common/images/bg-tag@2x.png) no-repeat 0 50%;
  background-size: auto 20px;
}
.article-footer .list {
  color: #555;
  font-size: 14px;
}
.article-footer .list a {
  margin-right: 6px;
}
.article-footer .list a:before {
  content: "#";
}
.article-footer .list a:hover, .article-footer .list a:focus {
  text-decoration: underline;
}

.summary-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.summary-list li {
  width: 33.3%;
}
.summary-list .summary-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 24px;
  margin-bottom: 16px;
}
.summary-list .summary-header .right {
  margin-left: auto;
}
.summary-list .category-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  padding: 0 8px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
}
.summary-list .category-label.award-type01 {
  background-color: #fff3ee;
  color: #de6229;
}
.summary-list .category-label.award-type02 {
  background-color: #e7eeff;
  color: #154dc7;
}
.summary-list .category-label.award-type03 {
  background-color: #e7f4e7;
  color: #137213;
}
.summary-list .article-info {
  margin-right: 7px;
}
.summary-list .content-area a {
  display: block;
}
.summary-list .content-area a:hover .subject,
.summary-list .content-area a:hover .content, .summary-list .content-area a:focus .subject,
.summary-list .content-area a:focus .content {
  text-decoration: underline;
}
.summary-list .content-area .subject {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  max-width: 100%;
  white-space: nowrap;
  max-height: 28px;
  line-height: 28px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 20px;
}
.summary-list .content-area .subject .ico-new {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.summary-list .content-area .content {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 72px;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 8px;
  margin-bottom: 16px;
  color: #555;
}
.summary-list:not(.thumbnail-type) {
  margin: -20px;
}
.summary-list:not(.thumbnail-type) > li {
  border: 1px solid #ddd;
  border-radius: 16px;
}
.summary-list:not(.thumbnail-type) .content-area .subject {
  max-width: 100%;
  height: 54px;
  padding-right: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 54px;
  line-height: 27px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  font-weight: 500;
}
.summary-list:not(.thumbnail-type) .content-area .ico-new {
  position: relative;
  top: -1px;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}
.summary-list.thumbnail-type {
  border-top: 1px solid #555;
  border-bottom: 1px solid #aaa;
}
.summary-list.thumbnail-type > li {
  position: relative;
  height: 254px;
  padding: 30px 30px 30px 268px;
}
.summary-list.thumbnail-type > li + li {
  border-top: 1px solid #ddd;
}
.summary-list.thumbnail-type .thumb {
  display: block;
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 0;
  width: 246px;
  margin-right: 22px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #eee;
}
.summary-list.thumbnail-type .thumb:before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% + 4px);
  width: 120px;
  height: 70px;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: url(../../_common/images/bg-noimage@2x.png) no-repeat 50% 50%;
  background-size: auto 70px;
}
.summary-list.thumbnail-type .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 10;
}
.summary-list.thumbnail-type .content-area {
  position: relative;
  height: 100%;
}
.summary-list.thumbnail-type .content-area .content {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 96px;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.summary-list.thumbnail-type .article-info {
  position: absolute;
  bottom: 3px;
  left: 4px;
}
.summary-list.thumbnail-type .article-info li + li:before {
  margin-right: 15px;
  margin-left: 15px;
}
@media (min-width: 768px) {
  .summary-list:not(.thumbnail-type) > li {
    width: calc(33.3% - 40px);
    margin: 20px;
    padding: 24px;
  }
  .summary-list.thumbnail-type .content-area .subject {
    max-width: 622px;
  }
}
@media (max-width: 767.98px) {
  .summary-list:not(.thumbnail-type) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: -16px;
  }
  .summary-list:not(.thumbnail-type) > li {
    width: calc(100% - 32px);
    margin: 16px;
    padding: 15px;
  }
  .summary-list:not(.thumbnail-type) .content-area .subject .ico-new {
    font-size: 12px;
  }
}
@media (max-width: 767.98px) {
  .summary-list .category-label span {
    max-width: 100%;
    white-space: nowrap;
    max-height: 19px;
    line-height: 19px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }
  .summary-list.thumbnail-type > li {
    height: auto;
    padding: 25px 0;
  }
  .summary-list.thumbnail-type .thumb {
    position: relative;
    top: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    margin-right: 0;
    padding-top: 78.86178%;
  }
  .summary-list.thumbnail-type .content-area {
    padding-top: 15px;
  }
  .summary-list.thumbnail-type .article-info {
    position: static;
    margin-top: 12px;
  }
}

/* 게시판 갤러리형, 동영상형 목록 */
.thumbnail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -15px;
}
.thumbnail-list.thumbnail-type02 {
  margin: -20px;
}
.thumbnail-list.thumbnail-type02 > li {
  width: calc(25% - 40px);
  margin: 20px;
  padding: 0;
  border: 0;
}
.thumbnail-list.thumbnail-type02 > li a .thumb:has(.detailview) {
  position: relative;
}
.thumbnail-list.thumbnail-type02 .thumb-gallery {
  padding-top: 99.53%;
}
.thumbnail-list.thumbnail-type02 .subject {
  margin-top: 16px;
  padding-right: 0;
  font-size: 18px;
}
.thumbnail-list.thumbnail-type02 .info-area {
  margin-top: 4px;
  font-size: 14px;
}
.thumbnail-list.thumbnail-type02.focustop .thumb img {
  top: -1%;
  left: -3%;
  height: 104%;
  width: 104%;
  -o-object-position: top;
     object-position: top;
}
.thumbnail-list.thumbnail-type03 {
  margin: -20px;
}
.thumbnail-list.thumbnail-type03 > li {
  width: calc(25% - 40px);
  margin: 20px;
  padding: 0;
  border: 0;
}
.thumbnail-list.thumbnail-type03 .thumb-gallery {
  padding-top: 139.334%;
}
.thumbnail-list.thumbnail-type03 .subject {
  margin-top: 16px;
  padding-right: 0;
  font-size: 18px;
}
.thumbnail-list.thumbnail-type03 .info-area {
  margin-top: 4px;
  font-size: 14px;
}
.thumbnail-list li .detailview {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.thumbnail-list li:hover .detailview, .thumbnail-list li > a:focus .detailview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  color: #fff;
  font-size: 16px;
  z-index: 10;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  opacity: 1;
  visibility: visible;
}
.thumbnail-list li:hover .detailview::before, .thumbnail-list li > a:focus .detailview::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #057b94;
  opacity: 0.88;
  z-index: -1;
}
.thumbnail-list li a:hover .thumb:has(.detailview):after,
.thumbnail-list li a:focus .thumb:has(.detailview):after {
  content: none;
}
.thumbnail-list .ico-new + span {
  padding-left: 28px;
}
.thumbnail-list > li {
  width: calc(33.33333% - 40px);
  margin: 20px;
  border-radius: 20px;
}
.thumbnail-list > li > a {
  display: block;
}
.thumbnail-list > li > a:hover .subject, .thumbnail-list > li > a:focus .subject {
  text-decoration: underline;
}
.thumbnail-list .thumb {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 16px;
}
.thumbnail-list .thumb-gallery {
  padding-top: 58.974%;
}
.thumbnail-list .thumb-video {
  padding-top: 70.3252%;
}
.thumbnail-list .thumb-video .icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20;
}
.thumbnail-list .thumb-video .ico-play-black {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.thumbnail-list .thumb:before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% + 4px);
  width: 180px;
  height: 50px;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: url(../../_common/images/bg-noimage@2x.png) no-repeat 50% 50%;
  background-size: auto 50px;
}
.thumbnail-list .thumb img {
  position: absolute;
  top: 0;
  left: -5%;
  max-width: none;
  height: 100%;
  width: 108%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 10;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: 300ms;
  transition: 300ms;
}
.thumbnail-list .thumb:hover img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}
.thumbnail-list .thumb .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 29px;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.thumbnail-list .thumb .title span {
  max-width: 100%;
  white-space: nowrap;
  max-height: 29px;
  line-height: 29px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.thumbnail-list .subject {
  display: inline-block;
  position: relative;
  max-width: 100%;
  white-space: nowrap;
  max-height: 22px;
  line-height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 16px;
}
.thumbnail-list .ico-new {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.thumbnail-list .info-area {
  margin-top: 3px;
}
.thumbnail-list .info-area:after {
  display: block;
  clear: both;
  content: "";
}
.thumbnail-list .date {
  float: left;
  color: #555;
}
.thumbnail-list .sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  margin-left: auto;
}
.thumbnail-list .sns-list li {
  margin-left: 6px;
}
.thumbnail-list .sns-list li a {
  display: block;
}
.thumbnail-list .sns-list img {
  height: 20px;
  vertical-align: top;
}
.thumbnail-list .download-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  margin-top: -1px;
}
.thumbnail-list .download-list li + li {
  margin-left: 5px;
}
.thumbnail-list .download-list .btn-down {
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.thumbnail-list .download-list .btn-down .ico {
  margin-right: 0;
}
@media (min-width: 768px) {
  .thumbnail-list {
    max-width: calc(100% + 80px);
  }
  .thumbnail-list + .pagination {
    margin-top: 60px;
  }
}
@media (max-width: 767.98px) {
  .thumbnail-list {
    margin: -16px;
  }
  .thumbnail-list > li {
    width: calc(50% - 32px);
    margin: 16px;
  }
  .thumbnail-list + .pagination {
    margin-top: 40px;
  }
  .thumbnail-list.thumbnail-type02 {
    margin: -16px;
  }
  .thumbnail-list.thumbnail-type02 > li {
    width: calc(50% - 32px);
    margin: 16px;
  }
  .thumbnail-list.thumbnail-type03 {
    margin: -16px;
  }
  .thumbnail-list.thumbnail-type03 > li {
    width: calc(50% - 32px);
    margin: 16px;
  }
}
@media (max-width: 767.98px) {
  .thumbnail-list > li {
    width: calc(100% - 20px);
  }
  .thumbnail-list.thumbnail-type02 {
    margin: -16px;
  }
  .thumbnail-list.thumbnail-type02 > li {
    width: calc(100% - 32px);
    margin: 16px;
  }
  .thumbnail-list.thumbnail-type03 {
    margin: -16px;
  }
  .thumbnail-list.thumbnail-type03 > li {
    width: calc(100% - 32px);
    margin: 16px;
  }
}

/* 게시판 갤러리형 상세 */
.gallery-content {
  padding: 30px 0;
}
.gallery-content + .article-conetnt {
  padding-top: 25px;
  border-top: 1px solid #ddd;
}
@media (max-width: 767.98px) {
  .gallery-content {
    padding: 20px 0;
  }
}

.gallery-slider-for {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
.gallery-slider-for .item {
  vertical-align: middle;
}
.gallery-slider-for .item img {
  position: static;
  width: 664px;
  height: 449px;
  margin: 0 auto;
  vertical-align: top;
}
.gallery-slider-for:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.gallery-slider-for:not(.slick-slider) .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  text-align: center;
}
@media (max-width: 767.98px) {
  .gallery-slider-for {
    padding-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .gallery-slider-for .item {
    position: relative;
    width: 100%;
    padding-top: 67.62048%;
  }
  .gallery-slider-for .item img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.box-gallery {
  margin-top: 30px;
  padding: 19px 83px;
  background-color: #eee;
}
@media (max-width: 767.98px) {
  .box-gallery {
    margin-top: 20px;
    padding: 15px 35px;
  }
}

.gallery-slider-nav {
  position: relative;
}
.gallery-slider-nav .item {
  position: relative;
  vertical-align: middle;
  overflow: hidden;
}
.gallery-slider-nav .item img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  height: 100%;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.gallery-slider-nav.slick-slider .slick-track {
  margin: 0;
}
.gallery-slider-nav.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  text-align: left;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.gallery-slider-nav.slick-slider .slick-prev {
  left: -73px;
  background-image: url(../images/ico-chevron-lg-left-gray.png);
}
.gallery-slider-nav.slick-slider .slick-next {
  right: -73px;
  background-image: url(../images/ico-chevron-lg-right-gray.png);
}
.gallery-slider-nav.slick-slider .slick-slide {
  cursor: pointer;
}
.gallery-slider-nav.slick-slider .slick-current {
  position: relative;
}
.gallery-slider-nav.slick-slider .slick-current:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #057b94;
  border-radius: 10px;
}
.gallery-slider-nav.slick-slider .item {
  padding-top: 78.36%;
}
.gallery-slider-nav:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -15px;
  overflow: hidden;
}
.gallery-slider-nav:not(.slick-slider) .item {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(33.33333% - 30px);
  margin: 15px;
  padding-top: 23.23%;
}
.gallery-slider-nav:not(.slick-slider) .item img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  height: 100%;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .gallery-slider-nav.slick-slider .slick-list {
    margin: -15px;
  }
  .gallery-slider-nav.slick-slider .slick-slide {
    margin: 15px;
  }
}
@media (max-width: 767.98px) {
  .gallery-slider-nav.slick-slider .slick-arrow {
    width: 35px;
    height: 35px;
    background-size: auto 25px;
  }
  .gallery-slider-nav.slick-slider .slick-prev {
    left: -35px;
  }
  .gallery-slider-nav.slick-slider .slick-next {
    right: -35px;
  }
  .gallery-slider-nav.slick-slider .slick-list {
    margin: 0 -5px;
  }
  .gallery-slider-nav.slick-slider .slick-slide {
    margin: 0 5px;
  }
  .gallery-slider-nav:not(.slick-slider) {
    margin: -10px;
  }
  .gallery-slider-nav:not(.slick-slider) .item {
    width: calc(33.33333% - 10px);
    margin: 5px;
  }
}

/* 게시판 동영상형 상세 */
.video-content .video-desc {
  padding: 0;
  overflow: hidden;
}
.video-content .video-desc-inner {
  max-height: 286px;
  padding: 15px 19px;
  font-size: 14px;
  line-height: 22px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .video-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .video-content .video-area {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    height: 286px;
  }
  .video-content .video-desc {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 408px;
    margin-left: 30px;
  }
}
@media (max-width: 767.98px) {
  .video-content .video-area {
    position: relative;
    padding-top: 56.07843%;
  }
  .video-content .video-area iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .video-content .video-desc {
    margin-top: 20px;
  }
}

/* 게시판 웹진형 목록 */
.webzine-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -15px;
}
.webzine-list > li {
  width: calc(50% - 30px);
  margin: 15px;
  padding: 19px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background-color: #f5f5f5;
}
.webzine-list .thumb {
  display: block;
  position: relative;
  border: 1px solid #aaa;
}
.webzine-list .thumb:before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% + 4px);
  width: 120px;
  height: 70px;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  background: url(../../_common/images/bg-noimage@2x.png) no-repeat 50% 50%;
  background-size: auto 70px;
}
.webzine-list .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.webzine-list .info-area .subject {
  display: block;
  line-height: 22px;
  letter-spacing: -0.5px;
}
.webzine-list .info-area .date,
.webzine-list .info-area .part,
.webzine-list .info-area .count {
  display: block;
  line-height: 24px;
}
.webzine-list .info-area .award {
  display: block;
  margin-top: 3px;
  color: #2332b9;
  font-size: 13px;
}
.webzine-list .info-area .ico-tropy {
  margin-top: -2px;
}
.webzine-list .info-area .btn-down {
  padding: 0 10px;
}
@media (min-width: 768px) {
  .webzine-list {
    max-width: 950px;
  }
  .webzine-list > li {
    position: relative;
    height: 320px;
    padding-left: 239px;
  }
  .webzine-list .thumb {
    position: absolute;
    top: 19px;
    left: 19px;
    bottom: 19px;
    width: 200px;
  }
  .webzine-list .info-area {
    position: relative;
    height: 100%;
    padding-top: 8px;
  }
  .webzine-list .info-area .date {
    margin-top: 16px;
  }
  .webzine-list .info-area .count {
    margin-top: 24px;
  }
  .webzine-list .btn-down {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 185px;
  }
}
@media (max-width: 767.98px) {
  .webzine-list {
    margin: -10px;
  }
  .webzine-list > li {
    width: calc(33.33333% - 20px);
    margin: 10px;
  }
  .webzine-list .thumb {
    width: 100%;
    padding-top: 140%;
  }
  .webzine-list .info-area {
    padding-top: 15px;
  }
  .webzine-list .info-area .date {
    margin-top: 7px;
  }
  .webzine-list .btn-down {
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .webzine-list > li {
    width: 100%;
  }
}

/* 게시판 아코디언형 헤더 */
.toggle-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 48px;
  padding: 12px 0;
  border-top: 2px solid #111;
  border-bottom: 1px solid #111;
  font-weight: 500;
  text-align: center;
}
.toggle-header .num-title {
  width: 84px;
}
.toggle-header .date-title,
.toggle-header .file-title {
  width: 120px;
}
.toggle-header .subject-title {
  width: calc(100% - 324px);
}
@media (min-width: 768px) {
  .toggle-header + .toggle-list {
    margin-top: 0;
    border-top: none;
  }
}

/* 게시판 아코디언형 목록 */
.toggle-list {
  position: relative;
  border-top: 2px solid #555;
}
.toggle-list .toggle-title .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  width: 100%;
  min-height: 72px;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #ddd;
  white-space: normal;
}
.toggle-list .toggle-title .btn .toggle-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.toggle-list .toggle-title .btn .num {
  width: 84px;
  padding: 0px 5px;
  text-align: center;
  font-size: 16px;
}
.toggle-list .toggle-title .btn .date,
.toggle-list .toggle-title .btn .file {
  width: 120px;
  padding: 0px 5px;
  text-align: center;
  font-size: 16px;
}
.toggle-list .toggle-title .btn .title {
  width: calc(100% - 324px);
  font-size: 16px;
  font-weight: 500;
}
.toggle-list .toggle-title.on .btn:before, .toggle-list .toggle-title.on .btn:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.toggle-list .toggle-title.on .btn-file {
  background: url(../../_common/images/ico-toggle-close@2x.png);
  background-repeat: no-repeat;
  background-size: 32px auto;
}
.toggle-list .toggle-title .title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 400;
  font-size: 20px;
}
.toggle-list .toggle-title .date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 10px;
  font-size: 14px;
}
.toggle-list .toggle-title .btn-file {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../../_common/images/ico-toggle-open@2x.png);
  background-repeat: no-repeat;
  background-size: 32px auto;
}
.toggle-list .toggle-content {
  display: none;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
}
.toggle-list .toggle-content .file-group .btn-sm {
  font-weight: 500;
}
.toggle-list .toggle-content .attfile-list {
  padding: 24px 45px 24px 80px;
}
.toggle-list .toggle-content .attfile-list .file-name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
@media (max-width: 767.98px) {
  .toggle-list .toggle-title .btn {
    height: auto;
    padding: 16px 0;
  }
  .toggle-list .toggle-title .btn .toggle-info {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .toggle-list .toggle-title .btn .title {
    width: calc(100% - 73px);
  }
  .toggle-list .toggle-title .btn .date,
  .toggle-list .toggle-title .btn .file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 8px;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .toggle-list .toggle-title .btn .date > strong,
  .toggle-list .toggle-title .btn .file > strong {
    display: block;
    width: 80px;
    font-weight: 500;
  }
  .toggle-list .toggle-title .btn .date > strong + span,
  .toggle-list .toggle-title .btn .file > strong + span {
    margin-left: 8px;
  }
  .toggle-list .toggle-title .btn .date > span,
  .toggle-list .toggle-title .btn .file > span {
    display: block;
    width: calc(100% - 73px);
  }
  .toggle-list .toggle-title .btn .file {
    position: absolute;
    top: calc(50% - 16px);
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
  }
  .toggle-list .toggle-title .btn .file .btn-file {
    width: 100%;
    height: 100%;
  }
  .toggle-list .toggle-content .attfile-list {
    padding: 16px;
  }
  .toggle-list .file-group .btn {
    min-width: auto;
  }
  .toggle-list .file-group .btn .ico {
    margin: 0 !important;
  }
  .toggle-list .file-group .text {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    margin: 0 !important;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
  }
}

.btn-toggle-all {
  position: relative;
  padding-right: 41px;
  padding-left: 13px;
}
.btn-toggle-all:before, .btn-toggle-all:after {
  content: "";
  position: absolute;
  top: 18px;
  right: 14px;
  width: 16px;
  height: 2px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  background-color: #0d6375;
}
.btn-toggle-all:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.btn-toggle-all .text-close {
  display: none;
}
.btn-toggle-all.on:before, .btn-toggle-all.on:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.btn-toggle-all.on .text-close {
  display: block;
}
.btn-toggle-all.on .text-open {
  display: none;
}

/* 게시판 아코디언형 상세 */
.faq-content .btn-toggle-all {
  padding: 0 10px;
}
.faq-content .btn-toggle-all:before, .faq-content .btn-toggle-all:after {
  display: none;
}
.faq-content .toggle-title .btn {
  height: auto;
  min-height: 50px;
  padding-right: 58px;
}
.faq-content .toggle-title .btn:before {
  display: none;
}
.faq-content .toggle-title .btn:after {
  top: calc(50% - 5px);
  width: 16px;
  height: 10px;
  -webkit-transform: none;
          transform: none;
  background: url(../../_common/images/ico-chevron-lg-down-gray@2x.png) no-repeat 50% 50%;
  background-size: auto 10px;
}
.faq-content .toggle-title.on {
  background-color: #f5f5f5;
}
.faq-content .toggle-title.on + .toggle-content {
  background-color: #f5f5f5;
}
.faq-content .toggle-content {
  padding: 15px 51px;
}
.faq-content .question,
.faq-content .answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faq-content .question dt,
.faq-content .answer dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
}
.faq-content .question dt {
  margin-right: 4px;
  background-color: #0d6375;
}
.faq-content .answer dt {
  margin-top: 5px;
  margin-right: 9px;
  background-color: #057b94;
}
.faq-content .answer dd {
  max-width: calc(100% - 35px);
}
@media (max-width: 767.98px) {
  .faq-content .toggle-content {
    padding: 15px 21px;
  }
}

/* 강조구문 페이지 */
@media (max-width: 767.98px) {
  .consent-collection-area {
    max-height: 400px;
    margin: -15px -19px;
    padding: 15px 19px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* 미리보기 게시판 목록 */
.preview-bbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .preview-bbs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: -20px;
  }
  .preview-bbs .col-item-fit {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 20px;
  }
  .preview-bbs .col-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 20px;
  }
}
@media (max-width: 767.98px) {
  .preview-bbs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: -16px;
  }
  .preview-bbs .col-item-fit {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 16px;
  }
  .preview-bbs .preview-area {
    width: 100%;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
  .preview-bbs .col-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 20px;
  }
}

.preview-area {
  width: 680px;
  max-height: 780px;
  padding: 0px;
  background-color: #eee;
}
.preview-area .img-area,
.preview-area img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .list-tabwrap {
    margin-bottom: 80px;
  }
}
@media (max-width: 767.98px) {
  .list-tabwrap {
    width: calc(100% + 32px);
    margin-top: -40px;
    margin-left: -16px;
  }
  .list-tabwrap .tab-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    border-bottom: 1px solid #ddd;
  }
  .list-tabwrap .tab-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: auto;
    max-width: 100%;
  }
  .list-tabwrap .tab-list li a {
    padding: 0 16px;
    border-bottom: 2px solid transparent;
  }
  .list-tabwrap .tab-list li a span {
    width: 100%;
  }
  .list-tabwrap .tab-list li + li:before {
    content: none;
  }
}

.udl:hover {
  text-decoration: underline !important;
}

.box.total-search {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 16px;
}
.box.total-search .toggle-list {
  border: 0;
}
.box.total-search .toggle-list .toggle-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box.total-search .toggle-list .toggle-title a {
  margin-left: 16px;
  width: 122px;
}
.box.total-search .toggle-list .toggle-title a .file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}
.box.total-search .toggle-list .toggle-title a .file .btn-file {
  display: block;
}
.box.total-search .toggle-list .toggle-title a .more-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
.box.total-search .toggle-list .toggle-title .btn {
  min-height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 0;
  min-width: 100px;
}
.box.total-search .toggle-list .toggle-content {
  border-bottom: 0;
}
.box.total-search .toggle-list .toggle-content .btn-group-form {
  margin: 0;
  padding: 16px 0;
}
.box.total-search .toggle-list .toggle-content .btn-group-form a + a {
  margin-left: 16px;
}
.box.total-search .toggle-list .toggle-content .btn-group-form i {
  margin-left: 8px;
}
.box.total-search .toggle-list .toggle-content .search-form-group {
  border-bottom: 1px solid #ddd;
}
.box.total-search .toggle-list .toggle-content .search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 16px 0;
  border-bottom: 1px solid #ddd;
}
.box.total-search .toggle-list .toggle-content .search-wrap .search-item {
  padding: 0 16px;
  width: 25%;
}
.box.total-search .toggle-list .toggle-content .search-wrap .search-item h3 {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
}
.box.total-search .toggle-list .toggle-content .search-wrap .search-item .ckeck-item-custom + :where(.ckeck-item-custom, .form-row-datepicker) {
  margin-left: 0;
  margin-top: 8px;
}
.box.total-search .toggle-list .toggle-content .search-wrap .search-item .search-cfc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 8px;
}
.box.total-search .toggle-list .toggle-content .search-wrap .search-item .search-cfc li {
  width: calc(50% - 29px);
  margin: 0 0 0 25px;
  text-indent: -25px;
}
.box.total-search .toggle-list .toggle-content .search-wrap .search-item + .search-item {
  border-left: 1px solid #ddd;
}
.box.total-search .toggle-list .toggle-content .search-wrap.search-condition .search-item {
  width: 33.3%;
}
.box.total-search .toggle-list .toggle-content .search-wrap.search-condition .search-item .search-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
}
.box.total-search .toggle-list .toggle-content .search-wrap.search-condition .search-item .search-radio .ckeck-item-custom + :where(.ckeck-item-custom, .form-row-datepicker) {
  margin-top: 0;
}

.search-num {
  margin-top: 40px;
  font-size: 24px;
  text-align: center;
}

.search-num + .tab-menu {
  margin: 40px 0;
}

.search-no-date {
  margin: 40px 0;
  text-align: center;
}
.search-no-date p {
  margin-top: 16px;
  color: #888;
}

.total-search-list {
  border-top: 2px solid #111;
}
.total-search-list .search-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding: 24px 0;
  border-bottom: 1px solid #ddd;
  word-break: break-word;
}
.total-search-list .search-list-item h3 {
  font-weight: 500;
}
.total-search-list .search-list-item strong {
  display: block;
  font-weight: 500;
}
.total-search-list .search-list-item .img-area {
  width: 100px;
  height: 100%;
  border: 1px solid #ddd;
}
.total-search-list .search-list-item .img-area img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.total-search-list .search-list-item .search-list-info {
  color: #555;
}
.total-search-list .search-list-item .search-list-info .search-list-txt {
  margin: 12px 0 16px;
}
.total-search-list .search-list-item .search-list-info .search-list-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.total-search-list .search-list-item .search-list-info .search-list-details i {
  margin-right: 3px;
}

.total-search-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0 24px;
}
.total-search-tit .btn {
  padding: 7px;
  border: 1px solid #111;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}
.total-search-tit .title1 {
  margin-bottom: 0;
}

.list.total-search-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 24px;
}
.list.total-search-cat li + li {
  margin-top: 0;
}

.search-content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
}
.search-content-wrap .search-tab-content {
  width: calc(100% - 300px);
}
.search-content-wrap .search-side {
  width: 260px;
}

.auto-search {
  position: relative;
}
.auto-search a {
  margin-left: 0 !important;
}
.auto-search a:has(.ico-input-close) {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 16px;
}
.auto-search a.btn-reset {
  display: none;
}
.auto-search a.btn-reset.show {
  display: inline-block;
}
.auto-search i {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.auto-search .auto-search {
  position: absolute;
  top: 44px;
  width: 100%;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  z-index: 100;
}
.auto-search .auto-search ul {
  padding: 18px;
}
.auto-search .auto-search ul li a {
  padding: 6px 0;
  display: block;
  width: 100% !important;
}
.auto-search .auto-search ul li a:hover {
  background: #f5f5f5;
}

@media (min-width: 1025px) {
  #header.header-global-search + #breadcrumb {
    margin-top: 140px;
  }
  .global-total-search .content-header {
    padding: 0;
    height: 140px;
  }
  .global-total-search .content-header + .content-body {
    margin-top: 0;
  }
  .global-total-search .search-form + .btn-group-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
  }
  .search-side-sec {
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .search-side-sec h3 {
    margin-bottom: 16px;
  }
  .search-side-sec .tab-menu {
    margin-bottom: 16px;
  }
  .search-side-sec .tab-menu .tab-list {
    gap: 16px;
  }
  .search-side-sec .tab-menu .tab-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
  .search-side-sec .tab-menu .tab-list li a {
    padding: 0;
    height: auto;
    line-height: 24px;
    border: 0;
    background: #fff;
  }
  .search-side-sec .tab-menu .tab-list li.on a {
    color: #111;
    font-weight: 700;
    border-bottom: 2px solid #111;
  }
  .search-side-sec .tab-content .hit-rank li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .search-side-sec .tab-content .hit-rank li .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    background: #eee;
  }
  .search-side-sec .tab-content .hit-rank li + li {
    margin-top: 8px;
  }
  .search-side-sec .find-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .search-side-sec .find-search li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    padding: 4px 4px 4px 8px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
  .search-side-sec .find-search li span:first-child {
    display: inline-block;
    max-width: 196px;
  }
  .search-side-sec .relation-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .search-side-sec .relation-search li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 4px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
  .search-side-sec .relation-search li a {
    max-width: 212px;
  }
  .search-side-sec + .search-side-sec {
    margin-top: 16px;
  }
}
@media (max-width: 1024.98px) {
  #header.header-global-search + #breadcrumb {
    margin-top: 0px;
  }
  .global-total-search .content-header {
    height: 84px;
    padding: 24px;
  }
  .box.total-search .toggle-list .toggle-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box.total-search .toggle-list .toggle-title .search-form {
    width: 100%;
  }
  .box.total-search .toggle-list .toggle-title a {
    margin-left: 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
  .box.total-search .toggle-list .toggle-title .btn {
    padding: 10px 0;
  }
  .box.total-search .toggle-list .toggle-title .btn .file {
    margin-top: 0;
  }
  .box.total-search .toggle-list .toggle-title .btn .file span {
    width: auto;
  }
  .box.total-search .toggle-list .toggle-title .btn .file .btn-file {
    width: 32px;
  }
  .box.total-search .toggle-list .toggle-content .btn-group-form {
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .box.total-search .toggle-list .toggle-content .btn-group-form a {
    width: calc(100% - 165px);
  }
  .box.total-search .toggle-list .toggle-content .btn-group-form a + a {
    width: 165px;
    margin-left: 0;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 8px 0;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap .search-item {
    padding: 8px;
    width: 100%;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap .search-item h3 {
    margin-bottom: 12px;
    font-size: 16px;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap .search-item .ckeck-item-custom + :where(.ckeck-item-custom, .form-row-datepicker) {
    margin-left: 0;
    margin-top: 8px;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap .search-item .search-cfc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px 8px;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap .search-item .search-cfc li {
    width: calc(50% - 29px);
    margin: 0 0 0 25px;
    text-indent: -25px;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap .search-item + .search-item {
    border-top: 1px solid #ddd;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap.search-condition .search-item {
    width: 100%;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap.search-condition .search-item .search-radio {
    gap: 12px 8px;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap.search-condition .search-item .search-radio .ckeck-item-custom {
    width: calc(50% - 4px);
  }
  .box.total-search .toggle-list .toggle-content .search-wrap.search-condition .search-item .search-radio .form-row-datepicker > .ckeck-item-custom {
    width: 100%;
    margin-bottom: 8px;
  }
  .box.total-search .toggle-list .toggle-content .search-wrap.search-condition .search-item .search-radio .ckeck-item-custom + :where(.ckeck-item-custom, .form-row-datepicker) {
    margin-top: 0;
  }
  .search-content-wrap .search-tab-content {
    width: 100%;
  }
  .total-search-tit {
    margin: 24px 0 16px;
  }
  .total-search-tit .title1 {
    margin-bottom: 0;
  }
  .total-search-list .search-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 16px 0;
  }
  .total-search-list .search-list-item .list-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
  .total-search-list .search-list-item .list-img .img-area + h3 {
    width: calc(100% - 116px);
  }
  .total-search-list .search-list-item .search-list-info .search-list-txt {
    margin: 0;
  }
  .total-search-list .search-list-item .search-list-info .search-list-details {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9.5px;
    margin-top: 8px;
  }
  .total-search-list .search-list-item .search-list-info .search-list-details span {
    margin-left: 19px;
    text-indent: -19px;
  }
  .search-num {
    margin-top: 24px;
    font-size: 18px;
  }
  .search-num + .tab-menu {
    margin: 24px 0;
  }
  .search-num + .tab-menu .half li {
    max-width: 50%;
    width: 50%;
  }
  .search-no-date {
    margin: 24px 0;
    text-align: center;
  }
}
.error-page {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f3f4f6;
}
.error-page .error-area {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.error-page .error-area .cont-area {
  width: 740px;
  min-height: 473px;
  padding: 60px;
  border-radius: 20px;
  background-color: #fff;
}
.error-page .error-area .cont-area .logo-area {
  width: 100%;
  height: 40px;
  text-align: center;
}
.error-page .error-area .cont-area .logo-area img {
  width: 200px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.error-page .error-area .cont-inner {
  text-align: center;
}
.error-page .error-area .cont-body {
  position: relative;
  margin-top: 24px;
  padding-top: 112px;
  text-align: center;
}
.error-page .error-area .cont-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100px;
  height: 100px;
  background: url(../../_common/images/img-error.png) 0 0 no-repeat;
  background-size: cover;
}
.error-page .error-area .cont-body h1 {
  font-weight: 700;
  font-size: 28px;
  line-height: 140%;
  text-align: center;
  letter-spacing: -0.02em;
  color: #111;
}
.error-page .error-area .cont-body p {
  margin-top: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.015em;
  color: #555;
}
.error-page .error-area .btn-group-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}
.error-page .error-area .btn-group-center .btn {
  width: 120px;
}
@media (min-width: 768px) {
  .error-page .wrapper-error {
    max-width: 740px;
  }
  .error-page .logo {
    padding: 0 15px;
  }
}
@media (max-width: 767.98px) {
  .error-page .wrapper-error {
    width: 100%;
    word-break: keep-all;
    text-align: center;
  }
  .error-page .error-area .cont-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 0;
  }
  .error-page .error-area .cont-body h1 {
    font-size: 24px;
    line-height: 140%;
  }
}

/* 조직도 */
.org-chart:after {
  display: block;
  clear: both;
  content: "";
}
.org-chart .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 176px;
  height: 60px;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 0 15px;
  margin: 5px;
  font-size: 15px;
  line-height: 1.3;
  font-weight: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.org-chart.type1 {
  margin: 0 -5px;
}
.org-chart.type1 .item {
  height: 55px;
}
.org-chart.type1 .item:not(span) {
  position: relative;
  padding-right: 30px;
}
.org-chart.type1 .item:not(span):after {
  content: "";
  position: absolute;
  right: 9px;
  top: 50%;
  width: 19px;
  height: 19px;
  margin-top: -10px;
  background-color: red;
  background: url(../../_common/images/ico-arrow-right-white.png) no-repeat center center;
  background-size: 17px 6px;
}
.org-chart.type1 > li > .item {
  font-size: 16px !important;
  color: #fff;
  background-color: #004a85;
  color: #fff;
}
.org-chart.type1 > li > ul > li {
  margin-top: 10px;
}
.org-chart.type1 > li > ul > li:after {
  display: block;
  clear: both;
  content: "";
}
.org-chart.type1 > li > ul > li > .item {
  background-color: #428cf0;
  color: #fff;
}
.org-chart.type1 > li > ul > li > ul > li {
  float: left;
}
.org-chart.type1 > li > ul > li > ul .item {
  border-color: #e3e3e3;
}
.org-chart.type1 > li > ul > li > ul .item:not(span) {
  position: relative;
  padding-right: 30px;
}
.org-chart.type1 > li > ul > li > ul .item:not(span):after {
  right: 9px;
  top: 50%;
  margin-top: -10px;
  background-color: red;
  background: url(../../_common/images/ico-arrow-right-circle-gray@2x.png) no-repeat center center;
  background-size: 19px auto;
}
@media (min-width: 768px) {
  .org-chart.type1 .item:not(span):hover, .org-chart.type1 .item:not(span):focus {
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 768px) {
  .org-chart.type1 > li > ul > li > .item {
    float: left;
  }
  .org-chart.type1 > li > ul > li > ul {
    float: left;
    max-width: calc(100% - 186px);
  }
}
@media (max-width: 767.98px) {
  .org-chart.type1 .item {
    width: calc(50% - 10px);
  }
  .org-chart.type1 > li > ul > li > ul > li {
    width: calc(50% - 10px);
    margin: 5px;
  }
  .org-chart.type1 > li > ul > li > ul > li .item {
    width: 100%;
    margin: 0;
  }
}
.org-chart.type2 .row {
  display: block;
  margin: 0 -5px;
}
.org-chart.type2 .row:after {
  display: block;
  clear: both;
  content: "";
}
.org-chart.type2 .row + .row {
  margin-top: 10px;
}
.org-chart.type2 .row .item {
  float: left;
}
.org-chart.type2 .row h1 {
  font-size: 16px !important;
  color: #fff;
  background-color: #004a85;
  color: #fff;
}
.org-chart.type2 .row h2 {
  background-color: #428cf0;
  color: #fff;
}
.org-chart.type2 .row h3 {
  background-color: #dfedff;
}
.org-chart.type2 .row h3.item-point {
  background-color: #259edc;
  color: #fff;
}
.org-chart.type2 .row h4 {
  background-color: #23a2ae;
  color: #fff;
}
.org-chart.type2 .row dt,
.org-chart.type2 .row li {
  background-color: #f6f6f6;
}
.org-chart.type2 dl + .row,
.org-chart.type2 ul + .row {
  margin-top: 0 !important;
}
.org-chart.type2 dl .item,
.org-chart.type2 ul .item {
  border-color: #e3e3e3;
}
@media (min-width: 768px) {
  .org-chart.type2 dl {
    position: relative;
    padding-left: 186px;
  }
  .org-chart.type2 dl dt {
    position: absolute;
    left: 0;
  }
}
@media (max-width: 767.98px) {
  .org-chart.type2 .row + .row {
    margin-top: 5px;
  }
  .org-chart.type2 .row .row {
    clear: both;
  }
  .org-chart.type2 .item {
    width: calc(50% - 10px);
  }
  .org-chart.type2 dt + dd {
    clear: both;
  }
}

/* 캘린더 */
.request-wrap .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  border-radius: 3px;
  color: #fff;
  font-weight: 400;
  font-size: 20px;
}
.request-wrap .request-calendar .title {
  background-color: #057b94;
}
.request-wrap .calendar-area {
  font-family: "malgun gothic";
}
.request-wrap .calendar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  height: 57px;
  margin-top: 5px;
}
.request-wrap .calendar-header .btn-ctrl .btn {
  position: absolute;
  top: 50%;
  width: 29px;
  height: 27px;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
}
.request-wrap .calendar-header .btn-ctrl .btn .ico:first-child {
  margin-right: 0;
}
.request-wrap .calendar-header .btn-prev {
  left: 50%;
  margin-left: -87px;
}
.request-wrap .calendar-header .btn-next {
  right: 50%;
  margin-right: -87px;
}
.request-wrap .calendar-title {
  font-weight: 700;
  font-size: 21px;
}
.request-wrap .calendar-body table {
  position: relative;
  width: calc(100% + 6px);
  margin: 0 -3px;
  border-spacing: 3px;
}
.request-wrap .calendar-body table:before, .request-wrap .calendar-body table:after {
  content: "";
  position: absolute;
  right: 3px;
  left: 3px;
  background-color: #555;
}
.request-wrap .calendar-body table:before {
  top: 0;
  height: 2px;
}
.request-wrap .calendar-body table:after {
  top: 32px;
  height: 1px;
}
.request-wrap .calendar-body table thead th {
  height: 32px;
  padding-bottom: 6px;
  font-size: 13px;
}
.request-wrap .calendar-body table tbody td:first-child {
  color: #d92424;
}
.request-wrap .calendar-body table td {
  height: 47px;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  font-size: 18px;
  text-align: center;
}
.request-wrap .calendar-body table td a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.request-wrap .calendar-body .close {
  background-color: #ebebeb;
}
.request-wrap .calendar-body .possible {
  border-color: #d5dff3;
  background-color: #e4edfc;
}
.request-wrap .calendar-body .end {
  background-color: #fff;
}
.request-wrap .calendar-body .culture {
  border-color: #0f8f6f;
  color: #fff;
  font-weight: 700;
  background-color: #1ba885;
}
.request-wrap .calendar-body .active {
  border-color: #3a80df;
  color: #fff;
  font-weight: 700;
  background-color: #057b94;
}
.request-wrap .calendar-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2px;
}
.request-wrap .calendar-info li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px 0;
}
.request-wrap .calendar-info li:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
}
.request-wrap .calendar-info li.close:before {
  background-color: #ebebeb;
}
.request-wrap .calendar-info li.possible:before {
  border-color: #d5dff3;
  background-color: #e4edfc;
}
.request-wrap .calendar-info li.end:before {
  background-color: #fff;
}
.request-wrap .calendar-info li.culture:before {
  border-color: #0f8f6f;
  background-color: #1ba885;
}
.request-wrap .calendar-info li.active:before {
  border-color: #3a80df;
  background-color: #057b94;
}
.request-wrap .request-detail .title {
  background-color: #345dbb;
}
.request-wrap .request-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
  padding: 0 10px 0 20px;
  font-size: 20px;
  overflow: hidden;
}
.request-wrap .request-date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 20px;
}
.request-wrap .request-list {
  border-bottom: 1px solid #ddd;
}
.request-wrap .request-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 40px;
  padding: 0 10px 0 20px;
  letter-spacing: -0.5px;
}
.request-wrap .request-list li:nth-child(odd) {
  background-color: #d5f0f5;
}
.request-wrap .request-list .name {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding-left: 9px;
}
.request-wrap .request-list .name:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #111;
}
.request-wrap .request-list .info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.request-wrap .request-list .time,
.request-wrap .request-list .number {
  font-size: 18px;
}
.request-wrap .request-list .time {
  color: #0d6375;
}
.request-wrap .request-list .number {
  color: #d92424;
}
.request-wrap .request-list .btn {
  min-width: 45px;
  height: 27px;
  padding: 0 8px;
}
.request-wrap.type2 .request-note {
  margin-top: 2px;
  border-top: 2px solid #555;
  padding: 10px 10px 10px 20px;
  color: #f10000;
  font-weight: 700;
}
.request-wrap.type2 .request-note .text {
  position: relative;
  padding-left: 23px;
}
.request-wrap.type2 .request-note .text:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background: url(../images/ico-info@2x.png) no-repeat 50% 50%;
  background-size: auto 16px;
}
.request-wrap.type2 .request-list .info-area {
  margin-left: 0;
}
.request-wrap.type2 .request-list .info-area .name,
.request-wrap.type2 .request-list .info-area .price1 {
  margin-right: 15px;
}
.request-wrap.type2 .request-list .info-area .time,
.request-wrap.type2 .request-list .info-area .price1,
.request-wrap.type2 .request-list .info-area .price2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.request-wrap.type2 .request-list .info-area .time {
  margin-right: 30px;
}
.request-wrap.type2 .request-list .info-area .price1 {
  position: relative;
  color: #fd6059;
}
.request-wrap.type2 .request-list .info-area .price1:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 1px;
  height: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ddd;
}
.request-wrap.type2 .request-list .info-area .price2 {
  color: #555;
  text-decoration: line-through;
}
.request-wrap.type2 .request-list .btn span {
  max-width: 100%;
  white-space: nowrap;
  max-height: 20px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (min-width: 768px) {
  .request-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .request-wrap .request-calendar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 365px;
    margin-right: 30px;
  }
  .request-wrap .request-calendar table td a:hover, .request-wrap .request-calendar table td a:focus {
    text-decoration: underline;
  }
  .request-wrap .calendar-info li {
    margin-right: 20px;
  }
  .request-wrap .request-detail {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .request-wrap .request-list .info-area {
    margin-left: 20px;
  }
  .request-wrap .request-list .info-area .time,
  .request-wrap .request-list .info-area .number {
    margin-right: 20px;
  }
  .request-wrap.type2 .request-list .btn {
    max-width: 150px;
  }
}
@media (max-width: 767.98px) {
  .request-wrap .calendar-info li {
    margin-right: 15px;
  }
  .request-wrap .request-detail {
    margin-top: 25px;
  }
  .request-wrap .request-header {
    padding: 0 15px;
  }
  .request-wrap .request-list .info-area {
    margin-left: 15px;
  }
  .request-wrap .request-list .info-area .time,
  .request-wrap .request-list .info-area .number {
    margin-right: 15px;
  }
  .request-wrap.type2 .request-list .btn {
    max-width: 175px;
  }
}
@media (max-width: 767.98px) {
  .request-wrap .request-list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: auto;
    padding: 10px 15px;
  }
  .request-wrap .request-list .info-area {
    margin: 5px 0 0 9px;
  }
  .request-wrap .request-list .time,
  .request-wrap .request-list .number {
    font-size: 14px;
  }
  .request-wrap.type2 .request-list .info-area .name,
  .request-wrap.type2 .request-list .info-area .price1 {
    margin-right: 10px;
  }
  .request-wrap.type2 .request-list .info-area .time {
    margin-right: 20px;
  }
  .request-wrap.type2 .request-list .info-area .price1:before {
    left: -11px;
  }
  .request-wrap.type2 .request-list .btn {
    margin: 5px 0 0 10px;
  }
}

.box-login {
  max-width: 450px;
  margin: auto;
}
.box-login .login-header {
  float: left;
  width: calc(100% + 38px);
  margin: -15px -19px 0;
  padding: 10px 19px;
  border-radius: 10px 10px 0 0;
  font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
}
.box-login .login-body {
  clear: both;
  padding: 15px 15px 5px;
}
.box-login .row {
  margin-top: 10px;
  min-height: 30px;
}
.box-login .row .label {
  display: block;
  padding: 6px 0 3px;
  font-weight: 500;
}
@media (min-width: 576px) {
  .box-login .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .box-login .row .label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0;
    min-width: 100px;
    margin-right: 10px;
  }
  .box-login .row.btn-area {
    padding-left: 110px;
  }
}
@media (max-width: 767.98px) {
  .box-login .login-body {
    padding: 15px 0 5px;
  }
}/*# sourceMappingURL=common.css.map */