@media screen and (max-width:1440px) {
  /* Common */
  #contents_body {padding-top: 80px;}
  .mb-srch {display: none;}
  .hd .logo {width: 430px;}

  /* Main */
  .main-content {padding: 80px 0!important;}
  .main-top-title {font-size: 30px; line-height: 1.3; margin-bottom: 30px;}
  .tab-btn-wrap.type01 {gap: 5px;}
  .tab-btn-wrap.type01 .tab-btn {min-width: 110px; height: 40px; font-size: 18px;}
  .main-contract-status-li {height: 48px;}
  .main-contract-status-li .link {gap: 10px;}
  .main-contract-status-li .title {font-size: 16px;}

  .hexagon-btn-wrap .hex-link .icon {width: 50px; height: 50px; margin: 2px 0;}
  .hexagon-btn-wrap .hex-link .title {font-size: 16px;}

  .main-board-box {padding: 30px 20px;}
  .main-board-left {width: 50%;}
  .main-board-right {width: 50%; padding-left: 30px;}
  .tab-btn-wrap.type02 .tab-btn {font-size: 18px; padding: 12px;}
  .main-board-list {padding-left: 0; padding-top: 20px;}
  .main-board-li ~ .main-board-li {margin-top: 14px;}
  .main-card-title {font-size: 16px; margin-top: 10px;}
  .siwper-ctr-box {display: none;}
  .main-board-li.empty {height: 100px;}

  .related-site-slider .swiper-slide {width: 25%;}
  .main-card-img {border-radius: 10px;}

  /* Sub */
  .area-search-wrap {padding: 50px 30px; gap: 50px;}
  .area-search-wrap > * {width: calc((100% - 50px) / 2);}
  .area-check-wrap_item input[type=checkbox] + label {height: 45px;}
  .area-search-bar .select-box {height: 45px;}
  .area-search-bar input[type=text] {height: 45px; width: calc(100% - 179px);}
  .area-search-bar .btn {width: 45px; height: 45px; line-height: 43px;}
  .area-period-wrap input[type=date] {height: 45px;}

  .board-view-inner > .v.right {text-align: left!important;}

  .contract-btn-wrap {gap: 20px;}
  .contract-btn {padding-left: 20px; padding-right: 20px; width: calc((100% - 60px) / 4); height: 110px;}
  .contract-btn .text .a {font-size: 22px;}
  .contract-btn .text .b {font-size: 18px;}
  .contract-btn .icon {width: 46px; height: 46px;}
  .contract-btn .icon img {width: 40%;}

  .contract-desc-box {margin-top: 20px;}
  .contract-desc-img {width: 300px;}
  .contract-desc-text {font-size: 22px;}
  
} /* End */

@media screen and (max-width:1023px) {
  /* Common */
  .ft-left .ft-logo {gap: 30px;}
  .ft-left .ft-logo a::before {height: 20px; left: -15px;}
  .ft-left .ft-logo a img {max-height: 30px;}
  .ft-left .ft-logo a.main {font-size: 18px;}

  /* Main */
  .main-top-content {flex-direction: column; gap: 30px;}
  .main-top-content-left {width: 100%;}
  .main-top-content-right {width: 100%; padding: 0 80px;}
  .tab-btn-wrap.type01 .tab-btn {font-size: 16px; min-width: 100px; height: 38px;}
  .main-contract-status-li {height: 46px;}

  .main-second-section {padding-top: 60px;}
  .main-board-left {padding-top: 0;}
  .tab-btn-wrap.type02 .tab-btn {font-size: 16px;}

  .related-site-wrap {height: 68px;}
  .related-site-wrap-left {gap: 20px;}
  .related-site-wrap-left p {font-size: 16px;}
  .siwper-ctr-wrap button {width: 30px; height: 30px;}
  .related-site-wrap-right {width: calc(100% - 200px);}

  /* Sub */

  .area-search-wrap {flex-direction: column; gap: 30px;}
  .area-search-img-box {width: 100%; text-align: center;}
  .area-search-img-box img {width: 370px;}
  .area-search-list {width: 100%;}
  .area-search-tit {margin-bottom: 5px; font-size: 18px;}
  .area-search-bar input[type=text] {width: calc(100% - 156px);}
  .txt-board table tbody td.td-subj {padding: 0;}
  .txt-board table tbody th.money {text-align: left;}
  .txt-board table thead td.money {text-align: left;}

  .contract-btn-wrap {gap: 10px;}
  .contract-btn {width: calc((100% - 30px) / 4); position: relative; padding-left: 12px; padding-right: 12px; border-radius: 10px; height: 80px;}
  .contract-btn::before {border-radius: 10px;}
  .contract-btn .text .a {font-size: 18px;}
  .contract-btn .text .b {font-size: 14px;}
  .contract-btn .icon {width: 32px; height: 32px; position: absolute; bottom: 12px; right: 12px;}
  .contract-desc-box {padding: 30px; border-radius: 10px;}
  .contract-desc-img {width: 220px;}
  .contract-desc-text {font-size: 18px;}

  .site-list {gap: 10px;}
  .site-item {padding: 20px 16px; width: calc((100% - 20px) / 3);}
  .site-box-title {height: 36px; border-radius: 5px; font-size: 16px;}
  .site-link {font-size: 16px; margin-top: 15px;}

  .txt-board table tbody td.money {text-align: left;}
  
} /* End */

@media screen and (max-width:767px) {
  /* Common */
  html, body {font-size: 14px;}
  #contents_body {padding-top: 70px;}

  /* Main */
  .main-content {padding: 60px 0!important;}
  .main-top-title {word-break: break-all; font-size: 24px;}
  .tab-btn-wrap.type01 .tab-btn {min-width: 90px; font-size: 15px; height: 32px;}
  .main-contract-status {padding-right: 0;}
  .main-contract-status-li {height: 42px;}
  .main-contract-status-li .title {font-size: 15px; width: calc(100% - 50px);}
  .main-contract-status-li .tag {font-size: 12px; width: 40px; height: 24px;}
  .main-top-content-right {padding: 0;}
  .hexagon-btn-wrap {padding-bottom: 90px;}

  .main-second-section {padding-top: 30px;}
  .main-board-box {padding: 20px; flex-direction: column;}
  .main-board-left {width: 100%;}
  .main-board-right {width: 100%; padding: 0; padding-top: 40px;}
  .main-board-li ~ .main-board-li {margin-top: 10px;}
  .tab-btn-wrap.type02 .tab-btn {padding: 10px;}

  .related-site-wrap-left p {font-size: 14px;}
  .siwper-ctr-wrap {gap: 3px;}
  .siwper-ctr-wrap button {width: 26px; height: 26px;}
  .related-site-wrap-right {width: calc(100% - 162px);}
  .related-site-slider .swiper-slide {width: 50%;}

  .main-contract-status-li.empty {height: 150px; font-size: 15px;}
  .main-board-li.empty {font-size: 15px; height: 92px;}

  /* Sub */

  .area-search-wrap {padding: 30px 20px;}
  .area-search-tit {font-size: 16px;}
  .area-check-wrap_item input[type=checkbox] + label {font-size: 15px; height: 44px;}
  .area-search-bar .select-box {font-size: 15px;}
  .area-search-bar input[type=text] {font-size: 15px;}
  .area-search-bar .btn {min-height: 50px;}

  .contract-btn {width: calc((100% - 10px) / 2);}
  .contract-btn .icon {width: 28px; height: 28px;}

  .contract-desc-img {width: 200px;}
  .contract-desc-text {font-size: 16px;}
  .contract-desc-text br {display: none;}

  .site-item {width: calc((100% - 10px) / 2);}
  .site-link {font-size: 14px; gap: 4px; margin-top: 10px;}
  .site-logo {height: 46px; margin-bottom: 12px;}
  .site-logo img {height: 100%;}
  .site-box-title {font-size: 15px;}
  
} /* End */

@media screen and (max-width:450px) {
  /* Common */
  .ft-left .ft-logo a img {max-height: 24px;}
  .ft-left .ft-logo a.main {font-size: 16px;}

  /* Main */
  .main-top-title {font-size: 22px;}
  .main-contract-status-li {padding: 0;}
  .main-contract-status-li .date {font-size: 13px;}
  .main-contract-status-li .title {font-size: 14px;}

  .hexagon-btn-wrap {padding-bottom: 60px;}
  .hexagon-btn-wrap .hex-row {gap: 5px;}
  .hexagon-btn-wrap .hex-row.odd {padding: 11px 0;}
  .hexagon-btn-wrap .hex {gap: calc(100% - 10px) / 3;}
  .hexagon-btn-wrap .hex-link .num {font-size: 15px;}
  .hexagon-btn-wrap .hex-link .icon {width: 40px; height: 40px; margin: 0;}
  .hexagon-btn-wrap .hex-link .title {font-size: 14px;}

  .tab-btn-wrap.type02 .tab-btn {font-size: 15px; font-weight: 700;}
  .main-board-li .link .title {font-size: 14px;}
  .main-board-li .date {font-size: 13px;}

  .main-card-title {font-size: 14px; margin-top: 8px;}

  .related-site-wrap-left p {display: none;}
  .related-site-wrap-left {padding-right: 16px;}
  .related-site-wrap-right {width: calc(100% - 100px);}

  /* Sub */

  .area-search-tit {font-size: 15px; margin-bottom: 3px;}
  .area-check-wrap {gap: 4px;}
  .area-check-wrap_item {width: calc((100% - 12px) / 4);}
  .area-check-wrap_item input[type=checkbox] + label {font-size: 13px; height: 40px;}

  .area-search-bar {gap: 4px;}
  .area-search-bar .select-box {height: 40px; font-size: 13px; width: 100px; min-width: 100px;}
  .area-search-bar input[type=text] {height: 40px; width: calc(100% - 148px);}
  .area-search-bar .btn {width: 40px; height: 40px; min-height: 40px; line-height: 38px;}
  .area-period-wrap span {margin: 0 5px;}
  .area-period-wrap input[type=date] {height: 40px;}

  .contract-btn .text .a {font-size: 16px;}
  .contract-btn .text .b {font-size: 13px; margin-top: -2px;}
  .contract-desc-img {width: 160px;}
  .contract-desc-text {font-size: 15px;}

  .site-item {width: 100%;}
  .site-box-title {height: 34px;}
  
} /* End */