@media (max-width: 1640px) {
  #header .header-hbg-menu .menu .inner {
    padding: 80px 100px 0 20px;
  }
  #header .header-hbg-menu.on .hbg-btn {
    left: auto;
    right: 20px;
  }
}
@media (max-width: 1440px) {
  #header .header-hbg-menu .menu .inner {
    padding: 80px 90px 0 20px;
  }
  #header .header-hbg-menu .menu nav {
    gap: 45px;
  }
  .p-company .recruit .recruit-img {
    position: absolute;
    top: -115px;
    right: -40px;
  }
}
@media (max-width: 1290px) {
  #header .header-hbg-menu .menu .inner {
    padding: 80px 80px 0 20px;
  }
  #header .header-hbg-menu .hbg-btn {
    left: auto;
    right: 20px;
  }
  #header .header-hbg-menu .menu .inner {
    gap: 40px;
  }
  #header .header-hbg-menu .menu nav {
    gap: 30px;
  }
}
@media (max-width: 1280px) {
  .p-bguide .trust-products {
    left: -20px;
  }
}
@media (max-width: 1230px) {
  #footer .footer-menu {
    position: relative;
    top: 0;
    right: auto;
  }
  #header .header-hbg-menu.on .menu {
    height: 680px;
  }
  #header .header-hbg-menu .menu nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "a b c d e" ". . . . f";
    padding-left: 20px;
  }
  #header .header-hbg-menu .menu nav > div {
    width: 140px;
  }
  #header .header-hbg-menu .menu nav > div:nth-child(1),
  #header .header-hbg-menu .menu nav > div:nth-child(2) {
    height: 230px;
  }
  .page-head .menu {
    width: calc(100vw - 20px);
  }
  .home-section2 {
    gap: 15px;
  }
  .home-section2 .menu {
    width: calc(100% - 415px);
    gap: 15px;
  }
  .home-section2 .menu li {
    font-size: 1.6rem;
  }
  .p-company .recruit .recruit-img {
    right: -10px;
  }
}
@media (max-width: 1144px) {
  #header .header-hbg-menu .menu nav > div {
    width: 125px;
  }
  .home-section2 .menu li {
    width: 100%;
    max-width: 150px;
  }
  .credit-agree-wrapper {
    padding-bottom: 15px;
    padding-left: 0;
  }
  .credit-agree-wrapper .credit-agree {
    width: fit-content;
    max-width: fit-content;
  }
}
@media (max-width: 1024px) {
  #header .header-hbg-menu .menu .inner {
    padding-right: 20px;
  }
  #header .header-main-menu {
    padding: 40px 100px 0 20px;
    height: 100px;
  }
  #header .header-main-menu > .menu {
    gap: 20px;
  }
  #header .header-main-menu > .menu a {
    font-size: 1.6rem;
  }
  #header .header-hbg-menu .hbg-btn {
    top: 50px;
    width: 40px;
    height: 40px;
  }
  #header .header-hbg-menu .menu .logo a {
    width: 175px;
    height: 30px;
    margin-top: 0;
  }
  #header .header-hbg-menu .menu .inner {
    flex-direction: column;
    gap: 50px;
    padding-top: 50px;
  }
  #header .header-hbg-menu .menu nav {
    height: calc(100vh - 166px);
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "a b c d e f";
    gap: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 0;
  }
  #header .header-hbg-menu .menu nav > div:nth-child(1),
  #header .header-hbg-menu .menu nav > div:nth-child(2) {
    height: auto;
  }
  #header .header-hbg-menu .menu nav > div {
    width: 100%;
  }
  #header .header-hbg-menu.on .menu {
    height: 100vh;
  }
  #footer .inner {
    padding: 30px 20px;
    gap: 30px;
  }
  #footer .footer-top .logo img {
    height: 25px;
  }
  #footer .footer-info .location {
    font-size: 1.5rem;
  }
  #footer .footer-info .location ul:nth-child(2) li:not(:first-child)::before {
    margin: 0 2px;
  }
  #footer .footer-copy {
    margin-top: 30px;
  }
  .home-section1 {
    height: calc(100vh + 440px);
  }
  .home-section1 .banner-slide .banner-swiper .swiper-pagination {
    bottom: 490px;
  }
  .home-section1 .task {
    height: auto;
    padding: 50px 20px;
    gap: 27px;
    height: 440px;
  }
  .home-section1 .task nav {
    grid-template-columns: repeat(3, 1fr);
  }
  .home-section1 .task nav a {
    height: 90px;
    max-width: 100%;
    aspect-ratio: auto;
    transition: all ease-out 0.25s;
  }
  .home-section1 .task nav a:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  .home-section2 {
    padding: 80px 20px;
    gap: 50px;
  }
  .home-section2 .menu {
    grid-template-columns: repeat(2, 150px);
    gap: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .home-section2 .menu li a {
    border-radius: 25px;
  }
  .page-head:not(.page-head--expanded) {
    height: 400px;
  }
  .page .page-head .inner {
    gap: 50px;
  }
  .page-head .title {
    font-size: 2.5rem;
  }
  .page-head .menu {
    padding-bottom: 40px;
  }
  .page-head--expanded {
    height: auto;
  }
  .page-body {
    padding-bottom: 160px;
  }
  .page-body > .section:nth-child(1) {
    margin-top: 60px;
  }
  .tab-section {
    padding: 60px 0 0;
  }
  .section {
    gap: 60px;
  }
  .section .section-title b,
  .section .section-title h2,
  .section .section-title h3 {
    font-size: 2.5rem;
  }
  .table-wrapper {
    overflow-x: auto !important;
    padding-bottom: 8px;
  }
  .filter,
  .tab {
    gap: 60px;
  }
  .filter {
    flex-direction: column;
  }
  .filter-selected {
    width: 100%;
  }
  .filter-keyword .keyword {
    width: 100%;
  }
  .area-filter nav {
    padding: 50px 20px;
    gap: 20px;
  }
  .p-company .recruit .recruit-img {
    position: absolute;
    top: -100px;
    right: 10px;
    width: 360px;
  }
  .trust-porducts-section {
    gap: 40px;
  }
  .p-bguide .trust-products {
    padding: 50px 20px 130px;
    gap: 90px;
  }
  .p-bguide .trust-products ul {
    grid-template-columns: repeat(3, 1fr);
    max-width: 510px;
    place-content: center;
  }
  .p-binfo .auction-section .filter-keyword .keyword {
    width: calc(100% - 80px);
  }
  .p-binfo .auction-list {
    gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }
  .p-binfo .auction-list.card-type {
    gap: 20px 15px;
  }
  .p-reinfo .inst-list {
    grid-template-columns: repeat(2, 360px);
    place-content: center;
  }
  .inquiry .email-row {
    width: 100%;
  }
  .inquiry .input[name="tel1"],
  .inquiry .input[name="tel2"],
  .inquiry .input[name="tel3"] {
    width: 100%;
  }
  .inquiry .input[name="name"] {
    width: 44%;
  }
}
@media (max-width: 768px) {
  #header {
    position: fixed;
    transition: 0.3s ease-in-out;
  }
  #header .header-main-menu {
    height: 60px;
    padding: 10px 20px;
  }
  #header .header-hbg-menu .menu .inner {
    padding: 0;
  }
  #header .header-main-menu .logo {
    width: 117px;
    height: 20px;
  }
  #header .header-main-menu > .menu {
    display: none;
  }
  #header:not(.home-header).on {
    height: 120px;
    background: linear-gradient(180deg, #fff 60%, rgba(255, 255, 255, 0) 100%);
  }
  #header:not(.home-header).on .header-hbg-menu .hbg-btn {
    background: rgba(68, 68, 68, 0.1);
    backdrop-filter: blur(10px);
  }
  #header:not(.home-header).on .header-hbg-menu .hbg-btn .off.mobile-fix {
    display: none !important;
  }
  #header:not(.home-header).on .header-hbg-menu .hbg-btn .off.mobile-scroll {
    display: block !important;
  }
  #header:not(.home-header).on .header-hbg-menu.on .hbg-btn .off.mobile-scroll {
    display: none !important;
  }
  #header:not(.home-header).on .header-main-menu .logo a img:not(.mobile-on) {
    display: none;
  }
  #header:not(.home-header).on .header-main-menu .logo a img.mobile-on {
    display: block;
  }
  /* HOME Mobile Header */
  #header.home-header.on {
    height: 120px;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.8) 30%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  #header.home-header.on .header-hbg-menu .hbg-btn {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
  }
  #header .header-hbg-menu .hbg-btn {
    top: 10px;
    width: 40px;
    height: 40px;
    padding: 10px;
    transition: 0.3s ease-in-out;
  }
  #header .header-hbg-menu.on .menu {
    background-color: #f2f4f7;
  }
  #header .header-hbg-menu.on .menu .scroll-y-box {
    overflow-y: auto !important;
  }
  #header .header-hbg-menu.on .hbg-btn {
    background-color: #fff;
  }
  #header .header-hbg-menu .menu .logo {
    width: 100%;
    height: 60px;
    background-color: #fff;
    text-align: left;
    padding: 20px;
  }
  #header .header-hbg-menu .menu .logo a {
    width: 117px;
    height: 20px;
  }
  #header .header-hbg-menu .menu nav {
    position: absolute;
    top: 60px;
    width: 100%;
    height: calc(100vh - 60px);
    padding: 30px 20px;
    padding-bottom: 60px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 440px 130px 380px;
    grid-template-areas:
      "a b"
      "c d"
      "e f";
    gap: 30px;
  }
  #header .header-hbg-menu .menu nav > div {
    gap: 15px;
  }
  #header .header-hbg-menu .menu nav > div:nth-child(1) {
    overflow: visible;
  }
  #header .header-hbg-menu .menu nav > div:nth-child(3) {
    position: relative;
    top: 160px;
  }
  #header .header-hbg-menu .menu nav > div:nth-child(5) {
    position: relative;
    top: 160px;
  }
  #header .header-hbg-menu .menu nav > div > em {
    font-size: 1.6rem;
  }
  #header .header-hbg-menu .menu nav > div ul li a,
  #header .header-hbg-menu .menu nav > div ul li em {
    font-size: 1.6rem;
    line-height: 1.2;
    font-family: Pretendard;
    padding: 8px 0;
  }
  #header .header-hbg-menu .menu nav > div ul:not(.sub) li a,
  #header .header-hbg-menu .menu nav > div ul:not(.sub) li em {
    font-weight: 500;
  }
  #header .header-hbg-menu .menu nav > div ul.sub li a,
  #header .header-hbg-menu .menu nav > div ul.sub li em {
    font-weight: 300;
  }
  #footer .footer-info .location {
    font-size: 1.5rem;
    gap: 16px;
  }
  #footer .footer-info .location ul {
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  #footer .footer-info .location ul:nth-child(2) li:not(:first-child)::before {
    content: "";
    display: none;
  }
  .page-head:not(.page-head--expanded) {
    height: 250px;
  }
  .page-head--expanded .inner {
    padding-top: calc(50vw - 120px) !important;
  }
  .page .page-head .inner {
    gap: 15px;
    padding-bottom: 30px;
  }
  .page-head .menu {
    padding-bottom: 0;
  }
  .p-bguide .page-head .menu ul,
  .p-etc .page-head .menu ul,
  .page-head .menu ul {
    gap: 0;
  }
  .page-head .menu ul li {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .p-bguide .page-head .menu ul li a,
  .p-etc .page-head .menu ul li a,
  .page-head .menu ul li a {
    font-size: 2rem;
  }
  .page-head .menu ul li a:not(.on) {
    display: none;
  }
  .page-head .menu ul li a::after,
  .page-head .menu ul li a::before {
    display: none;
  }
  .page-head .menu ul li a.on {
    padding-right: 0;
  }
  .page-body {
    padding-bottom: 140px;
  }
  .page-body > .section:nth-child(1) {
    margin-top: 48px;
  }
  .tab-section {
    padding: 48px 0 0;
  }
  .pagination {
    gap: 15px;
  }
  .filter-nav,
  .tab-nav {
    padding-bottom: 8px;
    gap: 18px;
  }
  .tab-nav.vertical {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: start;
    align-items: start;
  }
  .area-filter ul {
    grid-template-areas: "A B C" "D E F" "G H I" "J K L" "M N O" "P Q R";
    padding: 40px 20px;
    gap: 15px 20px;
    place-content: normal;
  }
  .area-filter ul li {
    width: 100%;
  }
  .area-filter ul li label::before {
    display: none;
  }
  .area-filter ul li label {
    width: 100% !important;
    display: flex;
    padding: 10px 15px;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.15);
    font-size: 1.3rem;
    font-weight: 300 !important;
  }
  .area-filter ul li label em {
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    background: 0 0 !important;
  }
  .area-filter ul li input:checked + label {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.4);
  }
  .filter-selected {
    gap: 10px;
  }
  .board-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 15px;
  }
  .board-detail {
    padding-top: 10px;
  }
  .board-itemV2 > a {
    flex-direction: column;
    gap: 15px;
  }
  .board-itemV2 .contents {
    width: 100%;
  }
  .board-itemV2 .meta {
    width: 100%;
    justify-content: space-between;
  }
  .board-itemV2 .meta .date::after {
    display: none;
  }
  .board-detail-head {
    gap: 15px;
  }
  .board-detail-head .title {
    flex-direction: column;
    align-items: start;
    gap: 15px;
    font-size: 1.8rem;
  }
  .board-detail-head .meta,
  .board-detail-head .meta .label,
  .board-detail-head .meta--list,
  .board-detail-head .meta--list > div {
    font-size: 1.6rem;
  }
  .board-detail-head .meta--list {
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .label {
    font-size: 1.5rem;
  }
  .input,
  .select,
  .textarea {
    height: 48px;
    padding: 10px;
    font-size: 1.5rem;
  }
  .textarea {
    padding: 15px 10px;
  }
  .check-box label,
  .check-item label,
  .radio-item label {
    font-size: 1.5rem;
    font-weight: 400;
    padding-left: 28px;
    line-height: 1.8rem;
  }
  .check-box label::before {
    width: 20px;
    height: 20px;
    background-size: 70%;
  }
  .file-field label {
    padding: 15px;
    height: 48px;
    font-size: 1.5rem;
  }
  .form-btn {
    height: 56px;
    font-size: 1.5rem;
    width: 100% !important;
  }
  .form-footer {
    width: 100%;
    flex-direction: column-reverse;
    align-items: end;
  }
  .form-footer .warning {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #eb7494;
    background: rgba(235, 116, 148, 0.1);
    text-align: center;
  }
  .box-form {
    width: 100%;
    padding: 30px 25px;
    border-radius: 10px;
    border: 1px solid rgba(68, 68, 68, 0.2);
    background: #fff;
  }
  .box-form .fields {
    width: 100%;
    max-width: 300px;
  }
  /* @todo MOBILE HOME */
  .home-section1 .banner-slide .banner-swiper .swiper-slide .conts h2 {
    font-size: 7vw;
    /* padding-bottom: 20vh; */
  }
  /*.home-section1 .banner-slide .banner-swiper .swiper-pagination {
    bottom: 520px;
  }*/
  .home-section1
    .banner-slide
    .banner-swiper
    .swiper-slide
    .conts
    h2
    br.mobile {
    display: block;
  }

  .home-section2 {
    flex-direction: column;
  }
  .home-section2 .slide {
    width: 100%;
  }
  .home-section2 .menu {
    gap: 50px;
  }
  .p-company .ceo.on {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-right: 0;
    padding-bottom: 680px;
  }
  .p-company .ceo.on .ceo-img {
    left: 0;
    top: auto;
    bottom: 0;
    width: 100vw;
    height: 920px;
    background-position: 50% 30%;
  }
  .p-company .ceo.on .ceo-img::before {
    width: 100%;
    height: 500px;
    background: linear-gradient(
      to bottom,
      #f2f4f7 30%,
      rgba(242, 244, 247, 0) 100%
    );
  }
  .p-company .mission .mission-card.v1 .swiper .card .img {
    width: 100%;
    height: 40vw; /*200px*/
  }
  .p-company .mission .mission-card.v1 .swiper .card .contents {
    padding: 25px 20px 35px;
  }
  .p-company .mission .mission-card.v1 .swiper .card .contents span {
    font-size: 1.8rem;
  }
  .p-company .mission .mission-cards {
    flex-direction: column;
  }
  .p-company .mission .mission-card.v2 .img {
    padding: 15px;
  }
  .p-company .mission .mission-card.v2 .img img {
    width: 100px;
    height: 100px;
  }
  .p-company .mission .mission-card.v2 .contents {
    padding: 10px;
    height: 120px;
    gap: 10px;
  }
  .p-company .mission .mission-card.v2 .contents strong {
    font-size: 1.8rem;
  }
  .p-company .mission .mission-card.v2 .contents p {
    font-size: 1.6rem;
  }
  .p-company .mission .mission-card.v3 .contents,
  .p-company .mission .mission-card.v3 .contents span {
    font-size: 1.8rem;
  }
  .p-company .mission .mission-card.v1 .swiper .swiper-pagination {
    bottom: 10px;
  }
  .p-company .history .years {
    gap: 20px;
  }
  .p-company .history .years .year {
    flex-direction: column;
    gap: 30px;
  }
  .p-company .history .years .year .year-num {
    padding: 13px 25px;
    font-size: 1.2rem;
    margin-bottom: 0;
  }
  .p-company .history .years .year .year-item {
    margin-left: 0;
    padding-bottom: 15px;
    font-size: 1.5rem;
  }
  .p-company .history .years .year .year-item i {
    font-size: 1.5rem;
  }
  .p-company .history .years .year .year-items {
    gap: 0;
  }
  .p-company .organization-img {
    padding: 0;
  }
  .p-company .organization img:not(.mobile) {
    display: none;
  }
  .p-company .organization .mobile {
    display: block;
  }
  .p-company .location .title {
    flex-direction: column;
    align-items: start;
    gap: 20px;
  }
  .p-company .location .title .address::before {
    display: none;
  }
  .p-company .recruit .recruit-img {
    display: none;
  }
  .p-bguide .section-contents .text br.pc {
    display: none;
  }
  .p-bguide .trust-products {
    padding: 50px 20px 120px;
    gap: 80px;
  }
  .p-bguide .guide-img {
    padding: 20px 5px;
  }
  .p-bguide .task-flow dt {
    font-size: 1.6rem;
  }
  .p-binfo .auction-list.card-type {
    grid-template-columns: repeat(3, 1fr);
  }
  .p-binfo .auction-list.list-type .auction-item > a {
    flex-direction: column;
    padding: 15px;
  }
  .p-binfo .auction-list.list-type .auction-item .contents {
    width: 100%;
  }
  .p-binfo .auction-list.list-type .auction-item .meta {
    justify-content: space-between;
    width: 100%;
  }
  .p-binfo .auction-list.list-type .auction-item .meta .date::after {
    display: none;
    padding-right: 5px;
  }
  .p-binfo .auction-list.list-type .auction-item .meta .views {
    min-width: auto;
    width: auto;
  }
  .p-binfo .auction-list.card-type {
    grid-template-columns: repeat(2, 1fr);
  }
  .p-binfo .sales-section {
    gap: 20px;
  }
  .p-binfo .sales-section .pagination {
    margin-top: 28px;
  }
  .p-binfo .sales-section .filter {
    gap: 40px;
    flex-direction: column-reverse;
  }
  .p-binfo .sales-item .meta {
    display: none;
  }
  .p-binfo .sales-item .contents {
    padding: 20px;
  }
  .p-binfo .sales-item .contents .location {
    width: 100%;
  }
  .p-reinfo .inst-list {
    grid-template-columns: repeat(1, 360px);
  }
  .p-customer .safe-site {
    padding: 40px 10px;
  }

  .empty-box,
  .info-box {
    /* padding: 10px; */
    font-size: 1.5rem;
  }
  .info-box b {
    font-size: 15px;
  }
  .info-box + .form {
    margin-top: 50px;
  }
  .inquiry .rows.info-fields {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .inquiry .rows.address-fields {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .inquiry .rows .area-btn {
    width: auto;
    height: 48px;
  }
  .inquiry .ctg-box {
    gap: 15px;
    padding: 20px 10px !important;
  }
  .inquiry .ctg-box .radio-item {
    flex-direction: column;
    align-items: start;
  }
  .inquiry .info-box:nth-child(1) br:nth-child(1) {
    display: block;
  }
  .inquiry .email-rows {
    width: 100%;
    flex-direction: column;
    gap: 5px;
  }
  .inquiry .email-row .sign {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
  }
  .inquiry .input[name="email_pre"] {
    padding-right: 50px;
  }
  .inquiry .input[name="subject"] {
    width: 100%;
  }
  .inquiry .input[name="name"],
  .inquiry .input[name="email_pre"],
  .inquiry .input[name="tel1"],
  .inquiry .input[name="tel2"],
  .inquiry .input[name="tel3"] {
    width: 100%;
  }
  .inquiry.form .rows {
    gap: 12px;
  }
  .inquiry .input[name="email_suf"] {
    width: calc(100% - 155px);
  }
  .inquiry .sign {
    width: auto;
  }
  .p-notice .page-head {
    height: 250px !important;
    padding-bottom: 30px;
  }
  .p-customer.protection .tab {
    gap: 35px;
  }
  .p-customer.protection .divider {
    display: block;
  }
  .p-customer .asset-guardian .info-box br.mobile {
    display: block;
  }
  .captcha-container {
    width: 100% !important;
  }
  .p-etc #contents {
    padding: 30px 15px;
  }
  .p-etc #rest-memos.has-memos,
  .p-etc #rest-terms.has-terms {
    padding: 30px 15px;
    margin-top: 15px;
  }
  .p-etc #rest-memos.has-memos h3,
  .p-etc #rest-terms.has-terms h3 {
    margin-bottom: 10px;
  }
  .p-etc #rest-terms.has-terms > div > div {
    max-width: 100% !important;
  }
}
@media (max-width: 480px) {
  #header .header-hbg-menu.on {
    height: 100vh;
  }
  #header .header-hbg-menu .menu nav > div > em {
    font-size: 1.5rem;
  }
  #header .header-hbg-menu .menu nav > div ul li a,
  #header .header-hbg-menu .menu nav > div ul li em {
    font-size: 1.4rem;
  }
  #header .header-hbg-menu .menu nav {
    grid-template-rows: 415px 110px 410px;
  }
  #header .header-hbg-menu .menu nav > div:nth-child(3) {
    position: relative;
    top: 140px;
  }
  #header .header-hbg-menu .menu nav > div:nth-child(5) {
    position: relative;
    top: 140px;
  }
  #footer .inner {
    padding: 40px 20px 20px;
    gap: 40px;
  }
  #footer .footer-top .logo img {
    height: 20px;
  }
  #footer .footer-info {
    padding-top: 150px;
  }
  #footer .footer-info .location {
    width: 100%;
    font-size: 1.4rem;
  }
  #footer .footer-info .location br:nth-child(2) {
    display: block;
  }
  #footer .footer-info .sites {
    bottom: calc(100% - 50px);
    width: 100%;
  }
  #footer .footer-info .sites > span {
    height: 50px;
    padding: 15px;
    font-size: 1.5rem;
  }
  #footer .footer-info .sites--policy {
    display: flex;
    bottom: calc(100% - 120px);
    width: 100%;
  }
  #footer .footer-menu {
    flex-direction: column;
    gap: 20px;
    align-items: start;
    font-size: 1.4rem;
  }
  #footer .footer-menu a:not(.mobile) {
    display: none;
  }
  #footer .footer-copy {
    margin-top: 0;
    font-size: 1.2rem;
  }
  .page-head:not(.page-head--expanded) {
    height: 50vw;
  }
  .page-body {
    padding-bottom: 120px;
  }
  .page-body > .section:nth-child(1) {
    margin-top: 20px;
  }
  .tab-section {
    padding: 20px 0 0;
  }
  .section {
    gap: 50px;
  }
  .section .section-title > span {
    font-size: 1.7rem;
  }
  .section .section-title b,
  .section .section-title h2,
  .section .section-title h3 {
    font-size: 2rem;
  }
  .section .section-contents > .text {
    font-size: 1.6rem;
  }
  .article .article-title {
    font-size: 1.7rem;
  }
  .modal {
    padding: 15px;
  }
  .alert .alert-msg {
    font-size: 1.5rem;
  }
  .info-box {
    font-size: 1.5rem;
  }
  .article .icon-btn--none {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
  }
  .icon-btn {
    padding: 15px 20px;
    font-size: 1.6rem;
  }
  .pagination {
    gap: 10px;
  }
  .pagination a {
    font-size: 1.5rem;
  }
  .filter,
  .tab {
    gap: 50px;
  }
  .filter-nav a,
  .tab-nav a {
    font-size: 1.5rem;
  }
  .area-filter ul {
    padding: 30px 20px;
    gap: 15px 20px;
  }
  .area-filter ul li label {
    padding: 7px 10px;
    font-size: 1.4rem;
  }
  .check-list > li > div,
  .check-list > li > span {
    font-size: 1.6rem;
  }
  .check-list > li::before {
    width: 45px;
    height: 45px;
  }
  .check-list > li > div,
  .check-list > li > span {
    width: calc(100% - 45px);
  }
  .diff-table .th,
  .diff-table td {
    font-size: 1.5rem;
  }
  .diff-table-note {
    font-size: 1.3rem;
  }
  .board-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
  .board-item .contents {
    gap: 10px;
  }
  .board-item .contents .title {
    height: 54px;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    font-size: 1.5rem;
  }
  .board-item .contents .date {
    font-size: 1.3rem;
  }
  .board-detail {
    padding-top: 30px;
  }
  .board-itemV2 > a {
    padding: 10px;
  }
  /* .board-itemV2 .meta .date {
    font-size: 1.5rem;
  }
  .board-itemV2 .meta .views {
    font-size: 1.5rem;
  } */
  .board-itemV2 .contents .title {
    font-size: 1.6rem;
    line-height: 2rem;
  }
  .board-itemV2 .meta {
    font-size: 1.5rem;
  }
  .faq-list .faq-item .quest {
    font-size: 1.6rem;
  }
  .faq-list .faq-item .answer > div,
  .faq-list .faq-item .answer > p {
    font-size: 1.6rem;
    padding-bottom: 80px;
  }
  .faq-list .faq-item .answer .close {
    bottom: 15px;
    align-items: center;
    gap: 10px;
    height: 32px;
    padding: 8px 15px;
    font-size: 1.3rem;
  }
  .faq-list .faq-item .answer .close::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/icons/ico-caretUp-white16.svg) center no-repeat;
  }
  /* @todo MOBILE HOME */
  .home-section1 .banner-slide .banner-swiper .swiper-pagination {
    gap: 10px;
    /* bottom: 460px; */
  }
  .home-section1 .banner-slide .banner-swiper .swiper-slide .img video {
    height: 110%;
    transform: translate(-50%, -45%);
  }
  .home-section1 .banner-slide .banner-swiper .swiper-slide .img.mobile {
    display: block;
  }
  .home-section1
    .banner-slide
    .banner-swiper
    .swiper-pagination
    .swiper-pagination-bullet {
    width: 38px !important;
    height: 38px !important;
    font-size: 1.5rem !important;
  }
  .home-section1 .task h3 {
    font-size: 1.8rem;
  }
  .home-section1 .task nav a {
    font-size: 1.4rem;
    border-radius: 12px;
  }
  .home-section1 .task nav a img {
    width: 28px;
  }
  .home-section2 {
    gap: 50px;
  }
  .home-section2 .menu {
    width: 100%;
    max-width: 350px;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 0;
    place-items: center;
    align-items: center;
    margin: 0 auto;
  }
  .home-section2 .menu li {
    font-size: 1.7rem;
  }
  .home-section2 .menu li a {
    max-width: 100px;
    padding: 18px;
    border-radius: 15px;
  }
  .home-section2 .menu li a img {
    width: 100%;
  }
  .p-company .ceo.on {
    padding-bottom: 580px;
  }
  .p-company .ceo.on .ceo-img {
    height: 800px;
    background-position: 50% 20%;
  }
  .p-company .ceo.on .ceo-img::before {
    height: 400px;
  }
  .p-company .ceo.on .chief {
    font-size: 1.5rem;
  }
  .p-company .ceo.on .chief .name {
    font-size: 1.8rem;
    margin-left: 4px;
  }
  .p-company .map {
    height: 400px;
  }
  .p-company .recruit .icon-btn {
    width: 100%;
    left: 0;
  }
  .trust-porducts-section {
    gap: 20px;
  }
  .p-bguide .trust-products {
    padding: 50px 20px 108px;
    gap: 70px;
  }
  .p-bguide .trust-products ul li .text {
    padding-bottom: 100px;
  }
  .p-bguide .trust-products ul li .img span,
  .p-bguide .trust-products ul li .text span {
    font-weight: 500;
    font-size: 1.5rem;
    word-break: keep-all;
    text-align: center;
  }
  .p-bguide .task-flow {
    gap: 20px;
  }
  .p-bguide .task-flow > div {
    flex-direction: column;
    padding: 0 20px;
  }
  .p-bguide .task-flow dt {
    width: 100%;
    margin-bottom: 5%;
  }
  .p-bguide .task-flow dd {
    flex-direction: column;
    width: 100%;
  }
  .p-bguide .task-flow div:not(:last-child) dt::after {
    width: calc(100% - 2px);
    top: calc(100% - 1px);
    aspect-ratio: 1/0.05;
    height: auto;
    background: url(../images/icons/ico-flow-tail2.svg);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
  .p-bguide .task-flow dd span {
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
  }
  .p-binfo .auction-list.card-type {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 10px;
  }
  .p-binfo .auction-list .auction-item .contents .status {
    font-size: 1.4rem;
  }
  .p-binfo .auction-list .auction-item .contents .title span {
    font-size: 1.6rem;
  }
  .p-binfo .auction-list .auction-item .meta {
    width: 100%;
  }
  .p-binfo .auction-list.list-type .auction-item > a {
    padding: 10px;
  }
  .p-binfo .auction-list.list-type .auction-item .contents .title span {
    height: 17px;
  }
  .p-binfo .auction-list.list-type .auction-item .meta .date .date-name {
    display: none;
  }
  .p-binfo .sales-section .filter {
    gap: 30px;
  }
  .p-binfo .sales-item {
    height: 76px;
  }
  .p-binfo .sales-item .img {
    width: 80px;
    height: 76px;
  }
  .p-binfo .sales-item .contents {
    width: calc(100% - 80px);
    padding: 17px 15px;
  }
  .p-binfo .sales-item .contents .location {
    width: 100%;
    gap: 8px;
    font-size: 1.5rem;
  }
  .p-binfo .sales-item .contents .location span {
    height: 17px;
  }
  .p-binfo .sales-item .contents .location dl {
    opacity: 0.4;
  }
  .sales-detail .location {
    left: 5px;
    bottom: 5px;
    width: calc(100% - 10px);
    font-size: 1.4rem;
  }
  .p-reinfo .inst-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
  .p-reinfo .inst-item .img {
    height: 105px;
  }
  .p-reinfo .inst-item a span,
  .p-reinfo .inst-item ul li {
    font-size: 1.6rem;
  }
  .p-customer .terms-contents {
    font-size: 1.5rem;
  }
  .p-customer .safe-site {
    padding: 30px 10px;
  }
  .p-customer .terms-meta em br,
  .p-customer .terms-meta button br {
    display: block;
  }
  .inquiry .rows.info-fields {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .credit-cert__inform {
    text-align: left;
  }
  .credit-agrees {
    gap: 15px;
  }
  .credit-agree__lang {
    justify-content: start;
  }
  .credit-agree__btn,
  .credit-agree__title span {
    font-size: 1.7rem;
  }
  .credit-agree__text,
  .credit-agree__text ul li,
  .credit-cert__field label,
  .credit-cert__inform,
  .credit-table td,
  .credit-table th {
    font-size: 1.6rem;
  }
  .credit-cert__btn {
    height: 56px;
  }
  .credit-cert__icon {
    font-size: 1.7rem;
    height: 56px;
  }
  .credit-cert__inform.auth-inform {
    gap: 30px;
  }
  .credit-cert__inform.auth-inform > p {
    gap: 5px;
  }
  .credit-cert__inform.auth-inform .credit-cert__btn {
    max-width: 100%;
  }
}
@media (max-width: 390px) {
  .page-head:not(.page-head--expanded) {
    height: 200px;
  }
  .page-head--expanded .inner {
    padding-top: 115px !important;
  }
  .modal {
    min-width: 260px;
  }
  .home-section1 .task h3 {
    font-size: 1.7rem;
  }
  .home-section1 .task nav {
    gap: 5px;
  }
  .home-section1 .task nav a {
    border-radius: 10px;
    font-size: 1.2rem;
  }
  .home-section1 .task nav a img {
    width: 26px;
  }
  .home-section2 {
    gap: 30px;
  }
  .home-section2 .menu {
    gap: 30px 5px;
  }

  .home-section2 .menu li {
    font-size: 1.6rem;
  }
  .p-company .mission .mission-card.v3 .contents,
  .p-company .mission .mission-card.v3 .contents span {
    flex-direction: column;
    gap: 0.3rem;
  }
}