@charset "utf-8";

/* Projects Board Skin - Figma 762-368, 765-765, 762-659 Design */

/* Main Section Layout */
#sub_projects .sec-projects-main { padding-bottom: 100px; }
/* #sub_projects .sec-projects-main .inner { width: 92%; max-width: 1600px; margin: 0 auto; box-sizing: border-box; } */

/* Top Control Bar */
#sub_projects .projects-top-bar { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-bottom: 60px; }

/* Category Navigation */
#sub_projects .projects-cate-nav { display: flex; align-items: center; }
#sub_projects .projects-cate-list { display: flex; align-items: center; gap: 36px; list-style: none; margin: 0; padding: 0; }
#sub_projects .projects-cate-list li { margin: 0; padding: 0; }
#sub_projects .projects-cate-list a { display: block; font-size: 20px; font-weight: 500; color: #898989; text-decoration: none; padding: 16px 0; letter-spacing: -0.2px; border-bottom: 3px solid transparent; transition: color 0.3s ease, border-color 0.3s ease; }
#sub_projects .projects-cate-list #bo_cate_on, #sub_projects .projects-cate-list a.active { color: #055243; font-weight: 700; border-bottom-color: #045545; }
#sub_projects .projects-cate-list a:hover { color: #055243; }

/* Search Form (Ptl Equipment Search Structure Styled with Figma Visuals) */
#sub_projects .projects-search-wrap #bo_sch { border: none; margin: 0; padding: 0; }
#sub_projects .projects-search-wrap form { display: flex; align-items: center; gap: 12px; margin: 0; }
#sub_projects .projects-search-wrap select#sfl { width: 120px; height: 50px; border: 1px solid #8e8e8e; border-radius: 100px; padding: 0 36px 0 20px; font-size: 16px; font-weight: 600; color: #8e8e8e; background: #fff url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='%238E8E8E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center; appearance: none; -webkit-appearance: none; outline: none; cursor: pointer; }
#sub_projects .projects-search-wrap input.sch_input { width: 240px; height: 50px; border: 1px solid #8e8e8e; border-radius: 100px; padding: 0 48px 0 20px; font-size: 16px; font-weight: 600; color: #111; outline: none; box-sizing: border-box; background: #fff; }
#sub_projects .projects-search-wrap input.sch_input::placeholder { color: #8e8e8e; }
#sub_projects .projects-search-wrap button.sch_btn { position: relative; margin-left: -48px; border: none; background: transparent; width: 40px; height: 50px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
#sub_projects .projects-search-wrap button.sch_btn::after { content: ''; display: block; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6666 14.6666L11.3333 11.3333M13.3333 7.33333C13.3333 10.647 10.647 13.3333 7.33333 13.3333C4.01962 13.3333 1.33333 10.647 1.33333 7.33333C1.33333 4.01962 4.01962 1.33333 7.33333 1.33333C10.647 1.33333 13.3333 4.01962 13.3333 7.33333Z' stroke='%238E8E8E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }

/* Projects Grid */
#sub_projects .projects-grid-wrap { width: 100%; }
#sub_projects .projects-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 28px; list-style: none; margin: 0 0 60px 0; padding: 0; }
#sub_projects .project-card-item { position: relative; list-style: none; width: 100%; min-width: 0; box-sizing: border-box; }
#sub_projects .project-card-link { display: flex; flex-direction: column; gap: 12px; text-decoration: none; width: 100%; box-sizing: border-box; }

/* Thumbnail Box & Hover Effects */
#sub_projects .card-thumb-box { position: relative; width: 100%; aspect-ratio: 514.67 / 301; border-radius: 20px; overflow: hidden; background: #f5f5f5; display: block; box-sizing: border-box; }
#sub_projects .thumb-img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 20px; transition: transform 0.5s ease; }
#sub_projects .project-card-link:hover .thumb-img { transform: scale(1.05); }

/* Hover Dark Overlay (Figma Node 765-765) */
#sub_projects .card-hover-overlay { position: absolute; inset: 0; background: rgba(4, 85, 69, 0.9); border-radius: 20px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; padding: 24px; box-sizing: border-box; text-align: center; }
#sub_projects .project-card-link:hover .card-hover-overlay { opacity: 1; }
#sub_projects .overlay-inner { display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: center; width: 100%; height: 100%; }
#sub_projects .overlay-title { font-size: 18px; font-weight: 700; color: #fff; line-height: 30px; margin: 0; word-break: break-all; overflow-wrap: break-word; text-align: center; width: 100%; }
#sub_projects .overlay-desc { font-size: 16px; font-weight: 500; color: #fff; line-height: 26px; margin: 0; word-break: break-all; overflow-wrap: break-word; text-align: center; opacity: 0.9; width: 100%; }

/* Card Title (Client Name below Thumbnail - word-break: break-all for continuous non-spaced titles) */
#sub_projects .card-subject { font-size: 20px; font-weight: 600; color: #111; text-align: center; line-height: 1.4em; letter-spacing: -0.2px; margin: 8px 0 0 0; word-break: break-all; overflow-wrap: break-word; width: 100%; box-sizing: border-box; transition: color 0.3s ease; }
#sub_projects .project-card-link:hover .card-subject { color: #045545; }

/* Award Icons */
#sub_projects .projects-award-icon { position: absolute; top: 12px; right: 16px; bottom: auto; left: auto; display: flex; flex-direction: row; align-items: center; gap: 6px; z-index: 2; }

/* Empty List */
#sub_projects .empty-project-item { grid-column: 1 / -1; text-align: center; padding: 100px 0; font-size: 18px; color: #777; background: #fafafa; border-radius: 12px; }

/* Admin Controls */
#sub_projects .admin-check-all { margin-bottom: 20px; font-size: 14px; color: #666; display: flex; align-items: center; gap: 8px; }
#sub_projects .card-chk { position: absolute; top: 12px; left: 12px; z-index: 5; background: rgba(255,255,255,0.8); padding: 4px; border-radius: 4px; }
#sub_projects .admin-buttons-wrap { display: flex; gap: 10px; justify-content: flex-end; margin-bottom: 40px; }
#sub_projects .btn-admin-act, #sub_projects .btn-admin-write { padding: 10px 20px; font-size: 14px; font-weight: 600; border-radius: 6px; border: 1px solid #045545; background: #045545; color: #fff; text-decoration: none; cursor: pointer; transition: background 0.3s ease; }
#sub_projects .btn-admin-act:hover, #sub_projects .btn-admin-write:hover { background: #033c31; }

/* Pagination (Updated to 33px x 33px Default Button Size) */
#sub_projects .projects-pagination-wrap { display: flex; justify-content: center; align-items: center; margin-top: 60px; }
#sub_projects .pg_wrap { display: flex; align-items: center; justify-content: center; margin: 0; padding: 10px 0; }
#sub_projects .pg { display: inline-flex; align-items: center; gap: 12px; }
#sub_projects .pg_page { display: inline-flex; align-items: center; justify-content: center; min-width: 33px; height: 33px; padding: 0 8px; font-size: 16px; font-weight: 500; color: #3e4448; text-decoration: none; border-radius: 8px; background: transparent; transition: color 0.3s ease, background 0.3s ease; box-sizing: border-box; border: 0;}
#sub_projects .pg_page:hover { color: #045545; background: #f0f7f5; }
#sub_projects .pg_current { display: inline-flex; align-items: center; justify-content: center; min-width: 33px; height: 33px; padding: 0 8px; font-size: 16px; font-weight: 500; color: #fff; background: #045545; border-radius: 8px; box-sizing: border-box; }
#sub_projects .pg_start, #sub_projects .pg_prev, #sub_projects .pg_next, #sub_projects .pg_end { text-indent: -9999px; overflow: hidden; width: 33px; height: 33px; padding: 0; flex-shrink: 0; border-radius: 8px; background-color: transparent; }
#sub_projects .pg_prev { margin-right: 8px; }
#sub_projects .pg_next { margin-left: 8px; }
#sub_projects .pg_start { background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.5L7.5 9L12 13.5M7.5 4.5L3 9L7.5 13.5' stroke='%23898989' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
#sub_projects .pg_prev { background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 4.5L6.75 9L11.25 13.5' stroke='%23898989' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
#sub_projects .pg_next { background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 4.5L11.25 9L6.75 13.5' stroke='%23898989' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
#sub_projects .pg_end { background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4.5L10.5 9L6 13.5M10.5 4.5L15 9L10.5 13.5' stroke='%23898989' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
#sub_projects .pg_start:hover { background: #f0f7f5 url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.5L7.5 9L12 13.5M7.5 4.5L3 9L7.5 13.5' stroke='%23045545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
#sub_projects .pg_prev:hover { background: #f0f7f5 url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 4.5L6.75 9L11.25 13.5' stroke='%23045545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
#sub_projects .pg_next:hover { background: #f0f7f5 url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 4.5L11.25 9L6.75 13.5' stroke='%23045545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }
#sub_projects .pg_end:hover { background: #f0f7f5 url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 4.5L10.5 9L6 13.5M10.5 4.5L15 9L10.5 13.5' stroke='%23045545' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; }

/* Project Detail View (Figma 765:851) */
#sub_projects .project-view-article { padding-bottom: 100px; }
/* #sub_projects .project-view-article .inner { width: 92%; max-width: 1600px; margin: 0 auto; box-sizing: border-box; } */
#sub_projects .project-view-header { border-bottom: 1px solid #e0e0e0; padding-bottom: 48px; margin-bottom: 80px; }
#sub_projects .project-view-header .header-top-wrap { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 48px; }
#sub_projects .project-view-header .header-info-box { display: flex; flex-direction: column; gap: 32px; flex: 1; min-width: 0; }
#sub_projects .project-badges { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#sub_projects .project-badges .badge-item { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; border: 1.5px solid #4d8278; border-radius: 8px; font-size: 16px; font-weight: 500; color: #4d8278; letter-spacing: -0.16px; line-height: 1; }
#sub_projects .project-title-box { display: flex; flex-direction: column; gap: 24px; }
#sub_projects .project-main-title { font-size: 60px; font-weight: 700; color: #121212; line-height: 1.16em; letter-spacing: -0.6px; margin: 0; word-break: break-word; }
#sub_projects .project-award-info { display: inline-flex; align-items: center; gap: 12px; }
#sub_projects .award-medal-icon { width: 27px; height: 29px; display: block; object-fit: contain; flex-shrink: 0; }
#sub_projects .award-text { font-size: 20px; font-weight: 700; color: #045545; letter-spacing: -0.2px; line-height: 1; }
#sub_projects .project-meta-list { display: flex; flex-direction: column; gap: 20px; width: auto; max-width: 596px; margin: 0; font-size: 20px; letter-spacing: -0.2px; }
#sub_projects .project-meta-list .meta-item { display: flex; gap: 40px; align-items: flex-start; }
#sub_projects .project-meta-list dt { font-weight: 600; color: #121212; width: 110px; flex-shrink: 0; margin: 0; }
#sub_projects .project-meta-list dd { font-weight: 500; color: #6e6e6e; margin: 0; flex: 1; word-break: keep-all; }
#sub_projects .project-cta-wrap { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; }
#sub_projects .btn-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 57px; padding: 0 40px; border-radius: 50px; font-size: 20px; font-weight: 500; letter-spacing: -0.2px; text-decoration: none; transition: all 0.3s ease; box-sizing: border-box; }
#sub_projects .btn-site-direct { background: #045545; color: #fff; border: 1px solid #045545; }
#sub_projects .btn-site-direct:hover { background: #033c31; border-color: #033c31; }
#sub_projects .btn-award-more { background: #fff; color: #045545; border: 1px solid #045545; }
#sub_projects .btn-award-more:hover { background: #f0f7f5; }
#sub_projects .project-view-content { border-bottom: 1px solid #e0e0e0; padding-bottom: 80px; margin-bottom: 40px; }
#sub_projects .project-content-body { font-size: 18px; font-weight: 500; color: #444; line-height: 30px; letter-spacing: -0.18px; word-break: break-word; }
#sub_projects .project-content-body img { max-width: 100%; height: auto; display: block; margin: 0 auto 30px; }
#sub_projects .project-view-nav { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 80px; }
#sub_projects .nav-btn { display: inline-flex; align-items: center; justify-content: center; height: 52px; padding: 0 44px; border-radius: 200px; font-size: 18px; font-weight: 500; letter-spacing: -0.18px; text-decoration: none; transition: all 0.3s ease; box-sizing: border-box; }
#sub_projects .nav-btn.btn-prev, #sub_projects .nav-btn.btn-next { border: 1px solid #045545; color: #045545; background: #fff; }
#sub_projects .nav-btn.btn-prev:hover, #sub_projects .nav-btn.btn-next:hover { background: #f0f7f5; }
#sub_projects .nav-btn.btn-list { background: #045545; color: #fff; border: 1px solid #045545; }
#sub_projects .nav-btn.btn-list:hover { background: #033c31; }
#sub_projects .nav-btn.disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }
#sub_projects .project-related-section { margin-top: 40px; }
#sub_projects .related-title { font-size: 28px; font-weight: 600; color: #000; letter-spacing: -0.28px; line-height: 70px; margin: 0 0 40px 0; }
#sub_projects .related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
#sub_projects .related-card { position: relative; width: 100%; }
#sub_projects .related-card-link { display: flex; flex-direction: column; gap: 24px; text-decoration: none; width: 100%; }
#sub_projects .related-thumb-box { width: 100%; height: 250px; border-radius: 20px; overflow: hidden; background: #dfdfdf; position: relative; }
#sub_projects .related-thumb-img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 20px; transition: transform 0.5s ease; }
#sub_projects .related-card-link:hover .related-thumb-img { transform: scale(1.05); }
#sub_projects .related-card-subject { font-size: 20px; font-weight: 600; color: #000; text-align: center; letter-spacing: -0.2px; line-height: 1.4em; margin: 0; word-break: break-word; transition: color 0.3s ease; }
#sub_projects .related-card-link:hover .related-card-subject { color: #045545; }

/* Single Unified Responsive Media Query (@media (max-width: 1024px)) */
@media (max-width: 1024px) {
  #sub_projects .projects-top-bar { flex-direction: column; align-items: flex-start; gap: 24px; margin-bottom: 40px; }
  
  /* Horizontal Scroll Category Nav with Right Edge Fade Mask & Arrow Indicator */
  #sub_projects .projects-cate-wrap { position: relative; width: 100%; }
  #sub_projects .projects-cate-nav { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; box-sizing: border-box; }
  #sub_projects .projects-cate-nav::-webkit-scrollbar { display: none; }
  #sub_projects .projects-cate-list { flex-wrap: nowrap; gap: 24px; white-space: nowrap; width: max-content; padding-right: 48px; }
  #sub_projects .projects-cate-list a { font-size: 16px; padding: 8px 0; }

  /* Category Scroll Hint Arrow Indicator (Fixed on Right Edge of Outer Wrap) */
  #sub_projects .cate-scroll-hint { position: absolute; right: -4px; top: 0; bottom: 0; width: 56px; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 45%, #ffffff 100%); display: flex; align-items: center; justify-content: flex-end; padding-right: 2px; pointer-events: none; opacity: 1; transition: opacity 0.3s ease; z-index: 5; }
  #sub_projects .cate-scroll-hint.is-end { opacity: 0; }
  #sub_projects .cate-scroll-hint .hint-arrow { display: block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4.16669L13.3333 10L7.5 15.8334' stroke='%23045545' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain; animation: cateHintPulse 1.2s infinite ease-in-out; }

  /* Mobile Slim Search Form (Height 44px & 30%:68% Proportion) */
  #sub_projects .projects-search-wrap { width: 100%; }
  #sub_projects .projects-search-wrap form { width: 100%; justify-content: space-between; gap: 8px; }
  #sub_projects .projects-search-wrap select#sfl { width: 30%; height: 44px; font-size: 14px; padding: 0 28px 0 14px; background-position: right 10px center; }
  #sub_projects .projects-search-wrap input.sch_input { width: 68%; height: 44px; font-size: 14px; padding: 0 40px 0 14px; }
  #sub_projects .projects-search-wrap button.sch_btn { height: 44px; margin-left: -40px; }

  #sub_projects .projects-grid { grid-template-columns: repeat(2, 1fr); gap: 24px 12px; }
  /* #sub_projects .card-thumb-box { aspect-ratio: 514.67 / 301; height: auto; width: 100%; } */
  #sub_projects .card-hover-overlay { padding: 12px 10px; }
  #sub_projects .overlay-inner { gap: 8px; }
  #sub_projects .overlay-title { font-size: 14px; line-height: 20px; }
  #sub_projects .overlay-desc { font-size: 13px; line-height: 18px; }
  #sub_projects .card-subject { font-size: 16px; line-height: 1.4em; }
  #sub_projects .projects-award-icon { display: none; }

  /* Detail View Mobile Styles */
  #sub_projects .project-view-article { padding-bottom: 60px; }
  #sub_projects .project-view-header { padding-bottom: 32px; margin-bottom: 40px; }
  #sub_projects .project-view-header .header-top-wrap { flex-direction: column; align-items: flex-start; gap: 28px; margin-bottom: 32px; }
  #sub_projects .project-badges { gap: 8px; }
  #sub_projects .project-badges .badge-item { font-size: 14px; padding: 6px 12px; border-radius: 6px; }
  #sub_projects .project-title-box { gap: 16px; }
  #sub_projects .project-main-title { font-size: 32px; line-height: 1.25em; letter-spacing: -0.3px; }
  #sub_projects .project-award-info { gap: 8px; }
  #sub_projects .award-medal-icon { width: 22px; height: 24px; }
  #sub_projects .award-text { font-size: 16px; }
  #sub_projects .project-meta-list { width: 100%; font-size: 15px; gap: 12px; border-top: 1px dashed #e0e0e0; border-bottom: 1px dashed #e0e0e0; padding: 16px 0; margin-top: 8px; }
  #sub_projects .project-meta-list .meta-item { gap: 16px; }
  #sub_projects .project-meta-list dt { width: 85px; font-size: 15px; }
  #sub_projects .project-meta-list dd { font-size: 15px; word-break: keep-all; }
  #sub_projects .project-cta-wrap { flex-direction: column; gap: 10px; width: 100%; }
  #sub_projects .btn-cta { width: 100%; height: 48px; font-size: 16px; padding: 0 20px; box-sizing: border-box; justify-content: center; }
  #sub_projects .project-view-content { padding-bottom: 40px; margin-bottom: 24px; }
  #sub_projects .project-content-body { font-size: 15px; line-height: 24px; }
  #sub_projects .project-content-body img { max-width: 100% !important; height: auto !important; margin: 0 auto 16px; }
  #sub_projects .project-view-nav { margin-bottom: 40px; gap: 8px; width: 100%; justify-content: space-between; }
  #sub_projects .nav-btn { height: 44px; padding: 0 16px; font-size: 14px; flex: 1; text-align: center; justify-content: center; }
  #sub_projects .related-title { font-size: 20px; line-height: 1.3em; margin-bottom: 20px; }
  #sub_projects .related-grid { grid-template-columns: repeat(2, 1fr); gap: 20px 12px; }
  #sub_projects .related-card-link { gap: 12px; }
  #sub_projects .related-thumb-box { height: 140px; border-radius: 12px; }
  #sub_projects .related-thumb-img { border-radius: 12px; }
  #sub_projects .related-card-subject { font-size: 15px; line-height: 1.35em; }

  /* Admin Board List Mobile Styles */
  .local_ov02 { overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; scrollbar-width: none; padding-bottom: 8px; }
  .local_ov02::-webkit-scrollbar { display: none; }
  .local_sch { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; width: 100%; box-sizing: border-box; margin: 10px 0; }
  .local_sch form { display: flex; flex-wrap: wrap; gap: 6px; width: 100%; align-items: center; }
  .local_sch select#sfl { width: 30%; min-width: 80px; height: 38px; box-sizing: border-box; }
  .local_sch input#stx { flex: 1; min-width: 120px; height: 38px; box-sizing: border-box; }
  .local_sch input.btn_submit { height: 38px; padding: 0 16px; box-sizing: border-box; cursor: pointer; }
}

@keyframes cateHintPulse {
  0%, 100% { transform: translateX(0); opacity: 0.7; }
  50% { transform: translateX(4px); opacity: 1; }
}

#sub_projects #bo_v_atc a.view_image { cursor: default; }