@charset "UTF-8";
/* 공통 변수 */
.custom-control-label::before {
  width: 1.1rem;
  height: 1.1rem; }

.custom-control-label::after {
  top: 0.26rem;
  left: -1.51rem;
  width: 1.1rem;
  height: 1.1rem; }

.bg-grey {
  background-color: #eee; }

.w-1200min {
  max-width: 1200px;
  margin: 0 auto; }

.font-md {
  font-size: 1.12rem; }

.inner-container {
  width: 100%;
  height: 100%; }

.footer {
  z-index: 1;
  background-color: #000; }
  .footer .w-1200min {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 48px; }
  .footer .left {
    display: flex; }
    .footer .footer-logo {
        width: 280px;
        height: auto;
        object-fit: contain;
        margin: 5px 35px 0 0;
    }
  .footer .msg {
    font-size: .95rem;
    line-height: 1.875rem;
    letter-spacing: 0;
    color: #fff; }
    .footer .msg .mt-2 {
      font-size: inherit;
      color: inherit; }
  .footer .space {
    display: inline-block;
    height: 15px;
    width: 1px;
    margin: 0 6px;
    background-color: #fff;
    transform: translateY(2px); }
  @media (max-width: 768px) {
    .footer .w-1200min {
      padding: 35px 15px 35px; }
    .footer .w-1200min, .footer .left {
      display: block;
      text-align: center; }
    .footer .block-info {
      margin-top: 12px;
      padding-top: 15px;
      border-top: 1px solid #4d4d4d; }
    .footer .footer-logo {
      height: 39px;
      margin: 0; }
    .footer .msg {
      line-height: 1.6rem; }
    .footer .dropdown {
      margin-top: 30px; }
      .footer .dropdown .dropdown-toggle {
        margin: 0 auto; } }

.btn-md {
  padding: 10px 10px;
  min-width: 105px; }

.btn-lg {
  padding: 13px 0; }

.btn-md, .btn-lg {
  font-size: 1rem;
  font-weight: 600; }

.btn-gold {
  background-color: #0d3079;
  color: #fff; }
  .btn-gold:hover {
    background-color: #123f9f;
    color: #fff; }

.btn-outline-gold {
  background-color: transparent;
  border-color: #d4d4d4;
  color: #d4d4d4; }
  .btn-outline-gold:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff; }

.form-control.form-control-lg {
  height: 50px;
  font-size: 1rem; }

.form-control::placeholder, .form-control::-webkit-input-placeholder, .textarea::placeholder {
  font-size: 1rem;
  line-height: 1.8;
  color: #b2b2b2;
  opacity: 1; }

/* 폼요소 정렬 */
.form-liner .form-30 {
  width: 30%; }
.form-liner .form-40 {
  width: 40%; }
.form-liner .space {
  width: 40px;
  line-height: 40px;
  text-align: center; }
@media (max-width: 768px) {
  .form-liner .form-30, .form-liner .form-40 {
    width: 100%; } }

/* 커스텀 파일첨부 */
.custom-file-label {
  border: 0;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.custom-file-label::after {
  display: none; }

.custom-file-label::before {
  display: block;
  content: '';
  content: '파일선택';
  display: inline-block;
  height: 100%;
  margin-right: 10px;
  line-height: 35px;
  padding: 0 15px;
  border: 1px solid #e0e0e0;
  background-color: #f5f5f5; }

.textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #e0e0e0;
  resize: none; }
  .textarea:focus-visible {
    outline: none; }

.table.table-bordered-style02 {
  border-top: 2px solid #666;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
  /* table-bordered-style02 반응형 공통 */ }
  .table.table-bordered-style02 .desc {
    font-size: 0.875rem; }
  .table.table-bordered-style02 th, .table.table-bordered-style02 td {
    border-top-color: #e0e0e0;
    border-right: 1px solid #e0e0e0; }
  .table.table-bordered-style02 th {
    font-size: 1.125rem;
    vertical-align: middle;
    text-align: center;
    word-break: keep-all; }
  .table.table-bordered-style02 td {
    padding: 15px 20px;
    text-align: left; }
  .table.table-bordered-style02 th:last-child, .table.table-bordered-style02 td:last-child {
    border-right: 0; }
  .table.table-bordered-style02 th, .table.table-bordered-style02 .thead {
    border-bottom-width: 1px;
    background-color: #f9f9f9; }
  .table.table-bordered-style02.td-center td {
    text-align: center !important; }
  .table.table-bordered-style02.table-small th, .table.table-bordered-style02.table-small td {
    padding: 8px 20px !important;
    word-break: keep-all; }
  .table.table-bordered-style02.table-small td, .table.table-bordered-style02.table-small td * {
    font-size: 15px; }
  .table.table-bordered-style02 .depth01 {
    padding: 16px 26px;
    line-height: 1.5;
    color: #666; }
    .table.table-bordered-style02 .depth01 li {
      line-height: 1.7; }
  .table.table-bordered-style02 .bg-gray {
    background-color: #f9f9f9 !important; }
  .table.table-bordered-style02.border-right {
    border-right-color: #666 !important; }
  .table.table-bordered-style02 .indent-item {
    position: relative;
    padding-left: 26px;
    line-height: 2; }
    .table.table-bordered-style02 .indent-item .number-label {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      margin-right: 7px;
      font-weight: 600;
      color: #BF1A2B; }
  .table.table-bordered-style02 .pc-title {
    width: 18%; }
  .table.table-bordered-style02 .mo-title {
    display: none; }
  .table.table-bordered-style02.mo-responsive th {
    width: 23%; }
  @media (max-width: 768px) {
    .table.table-bordered-style02 .pc-title {
      display: none; }
    .table.table-bordered-style02 .mo-title {
      display: block;
      margin: -15px 0 12px;
      font-size: 1.2rem; }
    .table.table-bordered-style02.mo-responsive .mo-title {
      padding: 10px 16px;
      margin: -15px 0 10px;
      border-bottom: 1px solid #dee2e6;
      color: #333; }
    .table.table-bordered-style02.mo-responsive th, .table.table-bordered-style02.mo-responsive td {
      padding: 15px 0; }
    .table.table-bordered-style02.mo-border-0 + .table.table-bordered-style02.mo-border-0 {
      margin-top: 45px; }
    .table.table-bordered-style02.mo-border-0 {
      border: 0; } }

.inquiry-table tbody th {
  max-width: 15%;
  padding: 0 30px;
  border-right: 0 !important;
  vertical-align: middle;
  white-space: pre;
  font-weight: 600; }
  .inquiry-table tbody th label {
    font-weight: 600; }
.inquiry-table .textarea {
  height: 250px; }
.inquiry-table .custom-file-input, .inquiry-table .custom-file-label {
  font-weight: 400;
  color: #747474; }
.inquiry-table .select-wrapper {
  position: relative;
  width: 100%; }
@media (max-width: 768px) {
  .inquiry-table {
    margin-bottom: 30px; }
    .inquiry-table .thead {
      padding: 12px 5px;
      font-size: 1rem;
      text-align: left; }
    .inquiry-table td {
      padding: 12px; }
    .inquiry-table .phone .form-liner .form-30 {
      width: 30%; }
    .inquiry-table .phone .form-liner .form-40 {
      width: 40%; }
    .inquiry-table .phone .form-liner .space {
      width: 15px; }
    .inquiry-table .mail .form-liner {
      flex-wrap: wrap; }
    .inquiry-table .mail .mail-id {
      width: calc(50% - 14px); }
    .inquiry-table .mail .domain {
      width: calc(50% + 14px);
      margin-bottom: 7px; }
    .inquiry-table .mail .space {
      width: 28px; }
    .inquiry-table .category .form-liner {
      flex-wrap: wrap; }
    .inquiry-table .custom-file-input, .inquiry-table .custom-file-label {
      font-size: 1rem; } }

/* 드롭다운 스타일 */
.dropdown.black .btn-black {
  padding: 8px 10px 8px 17px;
  min-width: 210px;
  border-radius: 0;
  border-color: #fff;
  color: #fff; }
  .dropdown.black .btn-black:hover {
    color: #fff; }
  .dropdown.black .btn-black:after {
    display: none; }
  .dropdown.black .btn-black .xi-angle-up-min {
    transition: transform .2s ease-out;
    color: #fff; }
  .dropdown.black .btn-black[aria-expanded='true'] .xi-angle-up-min {
    transform: rotate(180deg); }
.dropdown.black .dropdown-menu {
  min-width: 210px;
  background-color: #000;
  border: 1px solid #fff;
  border-bottom: 0;
  border-radius: 0; }
.dropdown.black .dropdown-item {
  padding: 0.5rem 1.5rem;
  background-color: #000;
  color: #fff; }
  .dropdown.black .dropdown-item:hover {
    background-color: #474747; }

.main-cont {
  min-height: 100vh;
  background: url("../images/bg_main01.jpg") center center/cover; }
  .main-cont .w-1200min {
    position: relative;
    padding-top: 23.8vh; }
  .main-cont .home-logo {
    position: absolute;
    left: 0;
    top: 35px; }
  .main-cont .slogan {
    margin-bottom: 37px; }
  .main-cont p {
    font-size: 1.875rem;
    line-height: 1.2;
    margin-bottom: 65px;
    word-break: keep-all;
    letter-spacing: -2px;
    color: #d4d4d4; }
  .main-cont .btn-gate + .btn-gate {
    margin-left: 40px; }

/* 버튼 */
.btn-gate {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21rem;
  height: 4.0625rem; }
  .btn-gate .txt {
    color: #d4d4d4;
    font-size: 1.875rem;
    font-weight: 600;
    transition: letter-spacing .25s ease-out; }
  .btn-gate:before, .btn-gate:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/bg_btn_gate01.png") 0 0/100% 100% no-repeat;
    transition: opacity .25s ease-out; }
  .btn-gate:after {
    opacity: 0;
    mix-blend-mode: color-dodge; }
  .btn-gate:hover .txt {
    mix-blend-mode: screen;
    letter-spacing: 5px;
    color: #fff; }
  .btn-gate:hover:hover:before {
    opacity: 0.6; }
  .btn-gate:hover:hover:after {
    opacity: 1; }

@keyframes bg-animation {
  0% {
    transform: scale(1, 1) rotate(0deg); }
  50% {
    transform: scale(1.05, 1.05) rotate(0.002deg); }
  100% {
    transform: scale(1, 1) rotate(0deg); } }
@media (max-width: 768px) {
  .main-cont {
    padding: 0 15px; }
    .main-cont .home-logo img {
      height: 25px; }
    .main-cont .w-1200min {
      padding-top: 15vh; }
    .main-cont p {
      font-size: 1.3333333333rem;
      letter-spacing: 0; }
    .main-cont .slogan img {
      max-width: 85%; }
    .main-cont .btn-gate + .btn-gate {
      margin-left: 20px; }

  .btn-gate .txt {
    font-size: 1.2rem; } }
/* 서브 타이틀 영역 */
.sub-visual-wrap {
  position: relative;
  height: 436px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  background-image: url("../images/bg_board01.jpg"); }
  @media (max-width: 768px) {
    .sub-visual-wrap {
      margin-top: 0;
      padding: 60px 10px 0;
      height: 290px;
      background-position: right -20vw top 0; } }

.visual-title-wrap {
  width: 100%;
  padding-top: 170px;
  color: #fff; }
  .visual-title-wrap h2 {
    margin-bottom: 20px;
    font-size: 3rem;
    font-weight: 600;
    color: inherit; }
  .visual-title-wrap p {
    font-size: 1.125rem;
    word-break: keep-all;
    color: inherit; }
  @media (max-width: 768px) {
    .visual-title-wrap {
      padding-top: 0; }
      .visual-title-wrap h2 {
        font-size: 1.6666666667rem; } }

.sub-title-wrap {
  padding: 60px 0;
  text-align: center; }
  .sub-title-wrap .sub-title {
    margin-bottom: 20px;
    font-size: 2.37rem;
    font-weight: 600; }
  .sub-title-wrap .desc {
    font-size: 1.125rem;
    line-height: 1.8rem;
    font-weight: 400;
    word-break: keep-all;
    color: #666; }

.sub-visual-wrap + .w-1200min {
  padding-bottom: 105px; }
  @media (max-width: 768px) {
    .sub-visual-wrap + .w-1200min {
      padding: 0 15px 105px 15px; } }

/* 서브 탭 영역 */
.sub-tab-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8); }

.txt-box {
  padding: 32px 40px;
  color: #666; }
  .txt-box p {
    color: inherit; }
    .txt-box p + p {
      margin-top: 8px; }

.sub-tab-item {
  position: relative;
  flex: 1; }
  .sub-tab-item:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 1px);
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: opacity .2s ease-out; }
  .sub-tab-item + .sub-tab-item a:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 2.125rem;
    background-color: #fff;
    transform: translateY(-50%); }
  .sub-tab-item.active:before, .sub-tab-item:hover:before {
    opacity: 1; }

.btn-sub-tab {
  z-index: 1;
  position: relative;
  padding: 21px 0;
  font-size: 1.125rem;
  text-align: center;
  color: #fff; }
  .sub-tab-item.active .btn-sub-tab, .sub-tab-item:hover .btn-sub-tab {
    font-weight: 600;
    color: #000; }
  @media (max-width: 1200px) {
    .btn-sub-tab {
      font-size: .9rem; } }

.sub-logo {
    position: absolute;
    width: 280px;
    height: auto;
    object-fit: contain;
    left: 95px;
    top: 22px;
}
  @media (max-width: 1200px) {
    .sub-logo {
      display: none; } }

/* 게시판 */
.board-search-wrap {
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 14px 20px;
  border: 1px solid #e0e0e0;
  background-color: #f9f9f9; }
  .board-search-wrap .right {
    width: 37.5%; }
  .board-search-wrap .txt-count {
    flex-shrink: 0;
    font-size: .9rem;
    color: #666; }
  .board-search-wrap .text-danger {
    color: #c92a2a;
    font-weight: 600; }
  .board-search-wrap .search-select {
    width: 30%; }
    .board-search-wrap .search-select .form-control {
      height: 40px;
      font-size: .9rem; }
  .board-search-wrap .input-group {
    width: 67%; }
    .board-search-wrap .input-group .form-control {
      height: 40px;
      padding: 6px 16px;
      font-size: .9rem;
      border-right: 0; }
  .board-search-wrap .input-group-append .input-group-text {
    padding: 0 20px;
    border-left: 0;
    background: #fff; }
  .board-search-wrap .input-group-append .xi-search {
    font-size: 1.2rem; }
  @media (max-width: 768px) {
    .board-search-wrap .right {
      width: 100%; }
    .board-search-wrap .search-select .form-control, .board-search-wrap .input-group .form-control {
      font-size: .9rem; }
    .board-search-wrap .input-group-append .input-group-text {
      padding: 0 10px; } }

/* 게시판 리스트 */
.dw-board {
  overflow: hidden;
  table-layout: fixed;
  border-top: 2px solid #666;
  border-bottom: 1px solid #e0e0e0; }
  .dw-board .number {
    width: 10.6%;
    white-space: pre; }
  .dw-board .category {
    width: 13.2%; }
  .dw-board .title {
    width: 52.7%; }
  .dw-board .file {
    width: 10%; }
  .dw-board .date {
    width: 13.5%;
    white-space: pre; }
  .dw-board th, .dw-board td {
    text-align: center;
    vertical-align: middle; }
  .dw-board thead th {
    padding: 20px 0;
    font-size: 1.18rem;
    border-bottom: none;
    background-color: #f7f7f7;
    font-weight: 600; }
  .dw-board td {
    padding: 0;
    border-top: 1px solid #e0e0e0;
    color: #666; }
    .dw-board td.title {
      text-align: left; }
  .dw-board a {
    display: block;
    padding: 20px 20px 20px 4%;
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dw-board .xi-file-o {
    font-size: 1.38rem; }
  @media (max-width: 768px) {
    .dw-board .file {
      display: none; }
    .dw-board .title {
      width: 40%; }
    .dw-board a {
      padding: 15px 5px 15px; }
    .dw-board .name, .dw-board .number, .dw-board .title a, .dw-board .date {
      font-size: .9rem; } }
  @media (max-width: 365px) {
    .dw-board .title {
      width: 27%; } }

/* 게시판 라벨 */
.board-label {
  height: 24px;
  padding: 0 7px;
  font-size: .87rem;
  border: 1px solid #db0000;
  color: #db0000;
  text-align: center; }
  .board-label.gray {
    border: 1px solid #838383;
    color: #838383; }

.pagination {
  margin: 40px 0 0 0; }
  .pagination .page-item.active .page-link {
    background-color: #000;
    border-color: #000; }
  .pagination .page-link {
    width: 40px;
    height: 40px;
    line-height: 1.2;
    padding: 10px 0;
    text-align: center; }
  .pagination .xi-angle-left-thin + .xi-angle-left-thin {
    margin-left: -10px; }
  .pagination .xi-angle-right-thin + .xi-angle-right-thin {
    margin-left: -10px; }

/* 황차장님 기준 */
.page_wrap {
  margin: 40px 0 0 0; }
  .page_wrap .pager {
    display: flex;
    justify-content: center; }
  .page_wrap span.current {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important; }
  .page_wrap span, .page_wrap a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 1.2;
    padding: 10px 0;
    text-align: center;
    margin-left: 8px;
    color: #333;
    background-color: #fff;
    border: 1px solid #dee2e6;
    cursor: pointer; }
    .page_wrap span:hover, .page_wrap a:hover {
      z-index: 2;
      color: gray;
      text-decoration: none;
      background-color: #e9ecef;
      border-color: #dee2e6; }
  .page_wrap .xi-angle-left-thin + .xi-angle-left-thin {
    margin-left: -10px; }
  .page_wrap .xi-angle-right-thin + .xi-angle-right-thin {
    margin-left: -10px; }

@media (max-width: 768px) {
  .dw-board-search .form-control {
    display: inline-block;
    width: auto;
    font-size: .8rem; }
  .dw-board-search .btn {
    font-size: .8rem; } }

/* 게시판 뷰 */
.dw-board-view {
  border-top: 2px solid #666; }
  .dw-board-view a {
    display: inline-block; }
  .dw-board-view .view-item {
    padding: 18px 38px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1.5;
    font-weight: 400; }
    .dw-board-view .view-item.title-wrap {
      padding: 21px 38px;
      background-color: #f9f9f9; }
    .dw-board-view .view-item .title {
      padding-right: 5px;
      font-size: 1.18rem;
      font-weight: 600;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .dw-board-view .view-item .date {
      flex-shrink: 0;
      color: #666; }
    .dw-board-view .view-item.file a {
      overflow: hidden; }
    .dw-board-view .view-item.file .label {
      margin-right: 17px;
      font-weight: 500; }
    .dw-board-view .view-item.file .file-name, .dw-board-view .view-item.file .count {
      color: #666; }
    .dw-board-view .view-item.file .file-name {
      display: block;
      padding-right: 5px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .dw-board-view .view-item.file .xi-file-o {
      margin-right: 5px; }
  .dw-board-view .view_description {
    display: block;
    overflow-x: auto;
    margin-bottom: 40px;
    padding: 50px 38px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 1.6;
    word-break: break-all; }
    .dw-board-view .view_description pre {
      white-space: pre-wrap; }
    .dw-board-view .view_description * {
      word-break: keep-all;
      line-height: inherit; }
    .dw-board-view .view_description img {
      display: block;
      max-width: 100%;
      margin: 0 auto 1rem; }
  .dw-board-view .bi-download {
    margin-left: .5rem; }
  .dw-board-view .bi-card-list {
    margin-right: .5rem; }
  .dw-board-view .btn-gold.btn-lg {
    width: 250px;
    margin-bottom: 40px;
    font-size: 1.18rem;
    font-weight: 600; }
  @media (max-width: 768px) {
    .dw-board-view {
      position: relative;
      padding-bottom: 80px; }
      .dw-board-view .view-item {
        position: relative;
        padding: 15px 8px; }
        .dw-board-view .view-item .date, .dw-board-view .view-item .label, .dw-board-view .view-item .count, .dw-board-view .view-item .file-name {
          font-size: .9rem; }
        .dw-board-view .view-item > .flex-shrink-0 {
          position: absolute;
          right: 8px;
          top: 0;
          transform: translateY(-100%) translateY(-11px); }
        .dw-board-view .view-item.file .file-name {
          white-space: normal;
          word-break: break-all; }
      .dw-board-view .view-item.title-wrap {
        flex-wrap: wrap;
        padding: 18px 8px 12px; }
        .dw-board-view .view-item.title-wrap .title {
          width: 100%;
          margin-bottom: 5px;
          font-size: 1.18rem;
          white-space: normal;
          word-break: break-all; }
      .dw-board-view .view_description {
        padding: 30px 8px 40px;
        border-bottom-color: #333;
        font-size: .9rem; }
      .dw-board-view .btn-primary.btn-lg {
        font-size: 1.18rem; } }

/*  이전글 / 다음글 */
.board-other-list {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0; }
  .board-other-list .item + .item {
    border-top: 1px solid #e0e0e0; }
  .board-other-list .item > span {
    position: relative;
    flex-shrink: 0;
    padding: 18px 1.5% 18px 3.2%;
    margin-right: 1.6%;
    white-space: pre; }
    .board-other-list .item > span [class*='xi-angle'] {
      margin-left: 15px;
      font-size: 1.25rem; }
    .board-other-list .item > span:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      height: 20px;
      width: 1px;
      background-color: #e0e0e0;
      transform: translateY(-50%); }
  .board-other-list .item > p {
    padding-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  @media (max-width: 768px) {
    .board-other-list .item > span, .board-other-list .item > p {
      font-size: .9rem; }
    .board-other-list .item > span {
      padding: 15px 15px 15px 8px;
      margin-right: 15px; }
      .board-other-list .item > span [class*=xi-angle] {
        margin-left: 5px; } }

select.form-control {
  display: inline-block !important;
  padding: 0 30px 0 14px;
  outline: transparent;
  font-family: inherit;
  /* 폰트 상속 */
  border-radius: 0;
  /* iOS 둥근모서리 제거 */
  -webkit-appearance: none;
  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  font-weight: 400; }

select::-ms-expand {
  display: none; }

.search-select {
  position: relative; }

.search-select label {
  display: block; }

.search-select .xi-angle-down-min {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: .94rem;
  color: #5c5c5c; }

.login-wrap {
  width: 405px;
  margin: 105px auto 65px; }
  .login-wrap .sub-title-wrap {
    padding: 60px 0 30px; }
  .login-wrap .desc {
    line-height: 1.56; }
  .login-wrap .custom-checkbox {
    margin-top: 16px; }
  .login-wrap .custom-control-label {
    font-size: 0.8125rem; }
    .login-wrap .custom-control-label:before, .login-wrap .custom-control-label:after {
      top: 0; }
  @media (max-width: 768px) {
    .login-wrap {
      width: auto;
      margin: 0 auto;
      padding: 0 15px; } }

.write-btn-wrap {
  margin: 40px 0 70px; }

.wrap-gnb-btn {
  padding: 6px;
  background-color: #191919; }