/* .section-top { padding: 160px 0 22px; border-bottom: 1px solid #212121; }
.section-top .section-heading { line-height: 1; font-size: 12rem; font-weight: 500; }


 */

/* Contact */
/* .ts-wrapper.single .ts-control { border: none; }
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.single.input-active .ts-control input { cursor: pointer; }
.ts-wrapper { padding-right: 0 !important; padding-left: 0 !important; }
.ts-control { padding-left: 16px; }
.ts-control > * { margin-top: auto; margin-bottom: auto; color: #151515; }
.ts-control,
.ts-control input,
.ts-dropdown { font-size: 1.6rem; }
.ts-dropdown { margin-top: 8px; }
.ts-dropdown-content { padding: 8px; }
.ts-dropdown .create,
.ts-dropdown .no-results,
.ts-dropdown .optgroup-header,
.ts-dropdown .option { padding: 10px 8px; }
.ts-dropdown .active { color: #151515; background: #F2F2F2; }
.ts-wrapper.single .ts-control:after { top: 0; bottom: 0; margin: auto; width: 24px; height: 24px; background: url('/images/chevron-down-0463b4d818d04009112761bc04b17c3e.svg') no-repeat center / auto 100%; border: none; }
.ts-wrapper.single.dropdown-active .ts-control:after { margin-top: auto; transform: scaleY(-1); }

.contact .section-contact { display: flex; justify-content: space-between; color: #fff; background: #980009; }
.contact .section-contact .side { padding: 80px 60px; width: 50%; background: url('/images/sub/contact/side-background.jpg') no-repeat center / cover; }
.contact .section-contact .contents { padding: 80px 60px; width: 50%; border-left: 1px solid var(--clr-black); }
.contact .section-contact .heading { line-height: 1.1; font-size: 5rem; font-weight: 500; }
.contact .section-contact .text { margin-top: 30px; font-weight: 500; }
.contact .section-contact .inquiry .row { display: flex; margin: 0 -10px 30px; }
.contact .section-contact .inquiry .row:last-child { margin-bottom: 0; }
.contact .section-contact .inquiry .row > .col { flex: 1 1; padding: 0 10px; }
.contact .section-contact .inquiry .label { display: block; margin-bottom: 10px; font-weight: 500; }
.contact .section-contact .inquiry .input,
.contact .section-contact .inquiry .select,
.contact .section-contact .inquiry .textarea { padding-right: 16px; padding-left: 16px; width: 100%; background-color: #fff; border: 1px solid var(--clr-dark); border-radius: 0; }
.contact .section-contact .inquiry .input::placeholder,
.contact .section-contact .inquiry .select::placeholder,
.contact .section-contact .inquiry .textarea::placeholder { font-size: 1.6rem; color: #151515; }
.contact .section-contact .inquiry .input,
.contact .section-contact .inquiry .select { height: 50px; }
.contact .section-contact .inquiry .textarea { height: 180px; }
.contact .section-contact .inquiry .button { width: 100%; height: 60px; color: #fff; font-weight: 400; background: #151515; border-radius: 0; }
.contact .section-contact .inquiry .agree-flex { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; font-size: 1.6rem; }
.contact .section-contact .inquiry .agree-flex p { font-weight: 500; }
.contact .section-contact .inquiry .agree-flex a { vertical-align: text-bottom; padding-left: 0.15em; font-size: 1.2rem; }
@media (hover: hover) and (pointer: fine) {
    .section-project .list .block:hover .arrow { transform: none; opacity: 1; }
    .section-works .works .list .item .anchor:not(.on):hover { opacity: 0.7; }
}
@media screen and (max-width: 1024px) {
    
}
@media screen and (max-width: 768px) {
    
} */


/* Common */ 
.dot-list > li { position: relative; margin-bottom: 0.1em; padding-left: 1em; }
.dot-list > li::before { content: ''; position: absolute; top: 0.625em; left: 0; width: 0.2em; height: 0.2em; background: currentColor; border-radius: 50%; will-change: transform; }
.sub-list > li { position: relative; margin-bottom: 0.1em; padding-left: 1em; }
.sub-list > li::before { content: ''; position: absolute; top: 0.625em; left: 0; width: 0.336em; height: 0.115em; background: #D9D9D9; will-change: transform; }
@media screen and (max-width: 1024px) {
    
}
@media screen and (max-width: 768px) {
    .dot-list > li { padding-left: 0.8em; }
}

@keyframes subVisualFade {
    to { opacity: 1; }
}
@keyframes subVisual {
    to { transform: none; }
}

.sub-visual { margin-bottom: 60px; padding: 150px 0 50px; border-bottom: 1px solid var(--border); }
.sub-visual .heading { font-size: 5.6rem; font-weight: 700; color: var(--clr-dark); }

.breadcrumb ol { display: flex; margin-bottom: 30px; }
.breadcrumb ol > li { position: relative; font-size: 1.6rem; color: #666; font-weight: 500; }
.breadcrumb ol > li:not(:last-child)::after { content: ''; display: inline-block; vertical-align: middle; margin: 0 12px 2px; width: 4px; height: 4px; background: #666; border-right: 50%; border-radius: 50%; }
.breadcrumb a { color: inherit; }
.breadcrumb ol > li:last-child { color: var(--clr-primary); }
.breadcrumb .icon { margin-top: -0.2em; }
.breadcrumb .sub-menu { z-index: 10; position: absolute; top: 100%; left: -24px; padding-top: 6px; visibility: hidden; opacity: 0; }
.breadcrumb .toggle { padding-right: 32px; }
.breadcrumb .toggle::after { content: ''; position: absolute; top: 0; right: 0; display: inline-flex; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.breadcrumb .toggle[aria-pressed="true"]::after { transform: scaleY(-1); }
.breadcrumb .toggle[aria-pressed="true"] + .sub-menu { visibility: visible; opacity: 1; }
/* .breadcrumb .sub-menu::before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 0px 10px 10px 10px; border-color: transparent transparent #fff transparent; filter: drop-shadow(2px 4px 6px black); } */
.breadcrumb .sub-menu .depth2 { padding: 24px; background: #fff; border: 1px solid #f7f7f7; border-radius: 10px; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, .08); }
.breadcrumb .sub-menu .depth2 a { display: inline-flex; padding: 6px 0; font-size: 1.6rem; font-weight: 400; color: var(--clr-dark); white-space: nowrap; }

.depth-menu { margin: -60px 0 60px; background: #F7F7F7; }
.depth-menu .lists { display: flex; justify-content: center; }
.depth-menu .lists li { position: relative; padding: 20px 80px; }
.depth-menu .lists li:not(:last-child)::after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 2px; height: 26%; background: #DDDDDD; }
.depth-menu .lists a { display: block; padding: 4px 0; font-size: 2rem; color: #999999; }
.depth-menu .lists a[aria-current="page"] { font-weight: 700; color: var(--clr-primary); }

.page-menu { margin: 0 0 46px; }
.page-menu .lists { display: flex; justify-content: center; }
.page-menu .lists li { position: relative; padding: 0 30px; }
.page-menu .lists li:not(:last-child)::after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 2px; height: 26%; background: #DDDDDD; }
.page-menu .lists a { display: block; padding: 4px 0; font-size: 2rem; color: #999999; }
.page-menu .lists a[aria-current="page"] { font-weight: 700; color: var(--clr-primary); }


.main-sub .section:last-child { padding-bottom: 160px; }

.section-heading { margin-bottom: 80px; }
.section-heading .badge { margin-bottom: 20px; font-size: 2.4rem; font-weight: 600; color: var(--clr-primary); }
.section-heading .heading { margin-bottom: 40px; line-height: 1.2; font-size: 5.6rem; }
.section-heading .heading.font-secondary { line-height: 1.4; font-family: var(--font-display); font-weight: 400; }
.section-heading .text { font-size: 2rem; }
@media (hover: hover) and (pointer: fine) {
    .breadcrumb .listbox a:hover { color: var(--clr-dark); }
    .breadcrumb .listbox a:hover span { background-size: 100% 100%; }
    .breadcrumb .sub-menu .depth2 a:hover { font-weight: 600; color: var(--clr-primary); }
}
@media screen and (min-width: 1025px) {
	.sub-visual-tabs .list { -webkit-backdrop-filter: saturate(150%) blur(25px); backdrop-filter: saturate(150%) blur(25px); }
}
@media screen and (max-width: 1024px) {
    .sub-visual { margin-bottom: 50px; padding: 140px 0 40px; }
    .sub-visual .heading { font-size: 4.2rem; }

    .breadcrumb { display: none; }

    .depth-menu { margin: -50px 0 22px; }
    .depth-menu .lists li { padding: 16px 40px; }
    .depth-menu .lists a { font-size: 1.8rem; }

    .page-menu .lists li { padding: 0 24px; }
    .page-menu .lists a { font-size: 1.8rem; }

    .main-sub .section:last-child { padding-bottom: 120px; }

    .section-heading { margin-bottom: 60px; }
    .section-heading .badge { margin-bottom: 14px; font-size: 2rem; }
    .section-heading .heading { margin-bottom: 30px; font-size: 4.2rem; }
    .section-heading .text { font-size: 1.8rem; }
}
@media screen and (max-width: 768px) {
    .sub-visual { margin-bottom: 42px; padding: 120px 0 24px; }
    .sub-visual .heading { font-size: 3rem; }

    .depth-menu { margin: -40px 0 8px; }
    .depth-menu .lists li { padding: 14px 20px; }
    .depth-menu .lists li:not(:last-child)::after { width: 1px; }
    .depth-menu .lists a { font-size: 1.5rem; }

    .page-menu .lists li { padding: 0 20px; }
    .page-menu .lists a { font-size: 1.6rem; }

    .section-heading { margin-bottom: 45px; }
    .section-heading .badge { margin-bottom: 10px; font-size: 1.6rem; }
    .section-heading .heading { margin-bottom: 20px; font-size: 2.4rem; }
    .section-heading .text { font-size: 1.6rem; }
}


/* Company */
.brand .section-scale { overflow: hidden; position: relative; min-height: 100vh; }
.brand .section-scale .background { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; }
.brand .section-scale .background .item { display: block; position: absolute; top: 10.9%; right: 0%; width: 27.83%; aspect-ratio: 1.577; object-fit: cover; }
.brand .section-scale .inner { z-index: 2; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; padding-bottom: 120px; }
.brand .section-scale .heading { line-height: 1.4; font-family: var(--font-display); font-size: clamp(2rem, 3.8vw, 6.5rem); font-weight: 400; color: #fff; }
.brand .section-scale .logo { display: inline-block; margin-bottom: 26px; width: 200px; height: 45px; background: url('/images/logo-28eeac85559db9df498a7c50076903ff.svg') no-repeat center / auto 100%; }
.brand .section-introduction { overflow: visible; min-height: 150vh; }
.brand .section-introduction .sticky { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; }
.brand .section-introduction .background { top: 0; }
.brand .section-introduction .heading { color: var(--clr-dark); }
.brand .section-word { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.brand .section-word .heading { line-height: 1.4; text-align: center; font-size: clamp(2rem, 3.6vw, 4.6rem); font-weight: 500; }
.brand .section-word .heading .highlight { font-weight: 600; }
.brand .section-business { position: relative; height: 400vh; }
.brand .section-business .sticky { overflow: hidden; display: flex; position: sticky; top: 0; left: 0; height: 100vh; }
.brand .section-business .side { position: relative; width: 48.96%; height: 100%; }
.brand .section-business .contents { width: 51.04%; border-top: 1px solid #101010; }
.brand .section-business .background { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.brand .section-business .background .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); object-fit: cover; }
.brand .section-business .background .image:first-child { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.brand .section-business .context { position: absolute; top: 0; left: 0; padding: 180px 0 0 17.1%; color: #fff; }
.brand .section-business .context .heading { margin-bottom: 20px; line-height: 1.4; font-family: var(--font-display); font-size: clamp(2rem, 2vw, 4rem); font-weight: 400; }
.brand .section-business .context .title { font-size: 3.2rem; font-weight: 500; }
.brand .section-business .panel { overflow: hidden; height: 9vh; border-bottom: 1px solid var(--border); }
.brand .section-business .panel .image { display: none; }
.brand .section-business .panel .block { padding: 30.2vh 17% 0 154px; height: 73vh; }
.brand .section-business .panel .title { display: flex; align-items: baseline; line-height: 1.4; font-size: 2rem; font-weight: 500; }
.brand .section-business .panel .title .order { flex-shrink: 0; display: inline-flex; vertical-align: 0.1em; justify-content: center; margin: 0 1.12em 0 -3.2em; width: 34px; height: 34px; line-height: 34px; font-style: normal; font-family: var(--font-display); font-size: 1.8rem; font-weight: 400; color: #fff; background: #DDDDDD; border-radius: 50%; transition: background ease .35s; }
.brand .section-business .panel .text { margin-top: 24px; }
.brand .section-business .panel.on .title .order { background: var(--clr-red); }
.brand .section-sustainable { padding: 200px 0; background: #F7F7F7; }
.brand .section-sustainable .lists { border-top: 1px solid var(--clr-black); }
.brand .section-sustainable .lists .item { display: flex; padding: 60px 18px; border-bottom: 1px solid var(--border); }
.brand .section-sustainable .lists .side { width: 24%; }
.brand .section-sustainable .lists .contents { width: 76%; }
.brand .section-sustainable .lists .image { display: flex; align-items: center; justify-content: center; text-align: center; height: 106px; }
.brand .section-sustainable .lists .title { margin-bottom: 20px; font-size: 2.4rem; font-weight: 500; color: var(--clr-black); }
.brand .section-feature { padding-top: 160px; }
.brand .section-feature .lists .item { padding: 80px 0; border-bottom: 1px solid var(--border); }
.brand .section-feature .lists .item .flex { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.brand .section-feature .lists .item:first-child { padding-top: 0; }
.brand .section-feature .lists .side { width: 33.75%; }
.brand .section-feature .lists .contents { width: 48.75%; }
.brand .section-feature .lists .heading { margin-bottom: 60px; font-family: var(--font-display); font-size: 4.8rem; font-weight: 400; }
.brand .section-feature .lists .title { margin-bottom: 20px; font-size: 2.8rem; font-weight: 500; }
.brand .section-philosophy { overflow: hidden; padding-top: 200px; }
.brand .section-philosophy .flex { display: flex; }
.brand .section-philosophy .side { z-index: 3; display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 590px; }
.brand .section-philosophy .contents { position: relative; width: calc(100% - 590px); }
.brand .section-philosophy .contents::before { content: ''; z-index: 2; position: absolute; top: 0; right: 100%; width: 40vw; height: 100%; background: #fff; pointer-events: none; }
.brand .section-philosophy .controls { display: flex; margin: 36px -10px 0; -webkit-user-select: none; user-select: none; }
.brand .section-philosophy .swiper-slide { position: relative; }
.brand .section-philosophy .swiper-button-prev,
.brand .section-philosophy .swiper-button-next { position: static; margin: 0 10px; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; border: 1px solid #AAAAAA; transition: all ease .35s; }
.brand .section-philosophy .swiper-button-prev { background-image: url('/images/arrow-left-gray-e3af31f3b7a9787fc1afc1ef94350038.svg'); }
.brand .section-philosophy .swiper-button-next { background-image: url('/images/arrow-right-gray-d8a4c6017339713d4ad5a6b1fa652632.svg'); }
.brand .section-philosophy .board-slide { overflow: visible; }
.brand .section-philosophy .board-slide .swiper-slide { box-sizing: border-box; }
.brand .section-philosophy .board-slide .thumbnail { position: relative; }
.brand .section-philosophy .board-slide .thumbnail::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); opacity: 0; transition: opacity ease .65s; }
.brand .section-philosophy .board-slide .thumbnail img { width: 100%; height: auto; }
.brand .section-philosophy .board-slide .context { overflow: hidden; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; margin: 60px; width: calc(100% - 120px); height: calc(100% - 120px); color: #fff; }
.brand .section-philosophy .board-slide .title { margin-bottom: 20px; font-size: 3.2rem; font-weight: 700; }
@media (hover: hover) and (pointer: fine) {
    .brand .section-philosophy .swiper-button-prev:hover,
    .brand .section-philosophy .swiper-button-next:hover { border-color: var(--clr-primary); }
    .brand .section-philosophy .swiper-button-prev:hover { background-image: url('/images/arrow-left-primary-caae12306ed762f01786524ce8f20404.svg'); }
    .brand .section-philosophy .swiper-button-next:hover { background-image: url('/images/arrow-right-primary-bdc9fa3f4f1c13431e17fe157533f5e5.svg'); }
    .brand .section-philosophy .swiper-slide:hover .thumbnail::after { opacity: 0.4; }
    .brand .section-philosophy .swiper-slide:hover .title,
    .brand .section-philosophy .swiper-slide:hover .text { transform: none; }
}
@media screen and (min-width: 1025px) {
    .brand .section-business .panel:first-child { height: 73vh; min-height: 170px; }
    .brand .section-business .panel:first-child .block { padding-top: 16em; }
    .brand .section-business .panel:first-child .title { font-size: 2.8rem; }
    .brand .section-philosophy .board-slide .title { transform: translateY(150%); transition: transform ease .45s; }
    .brand .section-philosophy .board-slide .text { transform: translateY(100%); transition: transform ease .45s; }
}
@media screen and (max-width: 1024px) {
    .brand .section-scale { padding-top: 80px; min-height: auto; }
    .brand .section-scale .background { position: static; margin: 0 auto; width: 90%; height: auto; }
    .brand .section-scale .background .item { position: static; width: 100%; height: auto; }
    .brand .section-scale .inner { position: static; padding-bottom: 0; }
    .brand .section-scale .heading { margin-top: 0.5em; color: inherit; }
    .brand .section-scale .logo { margin-top: 50px; margin-bottom: 0; width: 180px; height: 40px; }
    .brand .section-introduction { padding-top: 140px; }
    .brand .section-introduction .sticky { overflow: visible; height: auto; }
    .brand .section-word { padding: 240px 0; min-height: auto; }
    .brand .section-business { padding-bottom: 80px; height: auto; }
    .brand .section-business .sticky { display: block; position: static; height: auto; }
    .brand .section-business .side { display: none; }
    .brand .section-business .contents { width: 100%; border-top: none; }
    .brand .section-business .panel { height: auto; border-bottom: none; }
    .brand .section-business .panel .block { padding: 30px 5% 80px; height: auto; }
    .brand .section-business .panel .image { display: block; width: 100%; }
    .brand .section-business .panel .title { font-size: 2.4rem; }
    .brand .section-business .panel .title .order { margin: 0 1em 0 0; background: var(--clr-red); }
    .brand .section-business .panel .text { margin-top: 24px; margin-left: 3.4em; }
    .brand .section-sustainable { padding: 160px 0; }
    .brand .section-sustainable .lists .item { flex-direction: column; padding: 30px 10px; }
    .brand .section-sustainable .lists .side { width: 100%; }
    .brand .section-sustainable .lists .contents { width: 100%; }
    .brand .section-sustainable .lists .image { justify-content: flex-start; margin-bottom: 30px; height: auto; }
    .brand .section-sustainable .lists .title { margin-bottom: 10px; font-size: 2rem; }
    .brand .section-feature .lists .item .flex { flex-direction: column; }
    .brand .section-feature .lists .side { width: 100%; }
    .brand .section-feature .lists .contents { width: 100%; }
    .brand .section-feature .lists .heading { margin-top: 30px; margin-bottom: 16px; font-size: 3.4rem; }
    .brand .section-feature .lists .title { margin-bottom: 10px; font-size: 2.2rem; }
    .brand .section-philosophy { padding-top: 120px; }
    .brand .section-philosophy .flex { flex-direction: column; }
    .brand .section-philosophy .side { width: 100%; }
    .brand .section-philosophy .contents { width: 100%; }
    .brand .section-philosophy .controls { display: none; }
    .brand .section-philosophy .board-slide .context { margin: 42px; width: calc(100% - 84px); height: calc(100% - 84px); }
    .brand .section-philosophy .board-slide .title { margin-bottom: 10px; font-size: 2.4rem; }
}
@media screen and (max-width: 768px) {
    .brand .section-word { padding: 180px 0; }
    .brand .section-scale .logo { margin-top: 30px; width: 118px; height: 26px; }
    .brand .section-business { padding-bottom: 20px; }
    .brand .section-business .panel .block { padding-bottom: 60px; }
    .brand .section-business .panel .title { font-size: 2rem; }
    .brand .section-business .panel .title .order { width: 30px; height: 30px; line-height: 30px; font-size: 1.6rem; }
    .brand .section-business .panel .text { margin-top: 14px; margin-left: 3.2em; }
    .brand .section-introduction { padding-top: 100px; }
    .brand .section-sustainable { padding: 80px 0; }
    .brand .section-sustainable .lists .image { margin-bottom: 10px; transform: scale(0.8); transform-origin: left; }
    .brand .section-feature .lists .side img { width: 100%; }
    .brand .section-feature .lists .heading { margin-top: 20px; margin-bottom: 10px; font-size: 2.6rem; }
    .brand .section-feature .lists .title { font-size: 2rem; }
    .brand .section-philosophy { padding-top: 80px; }
    .brand .section-philosophy .board-slide .title { margin-bottom: 10px; font-size: 2rem; }
    .brand .section-philosophy .board-slide .context { margin: 24px; width: calc(100% - 48px); height: calc(100% - 48px); }
}
@media screen and (max-width: 500px) {
    .section-scale .heading br { display: none; }
}


/* 솔루션 */
.solution .section-heading { margin-bottom: 40px; }
.solution .section-heading .badge { margin-bottom: 10px; font-size: 2.4rem; font-weight: 600; color: var(--clr-primary); }
.solution .section-heading .heading { margin-bottom: 30px; font-family: var(--font-display); font-size: 5.6rem; font-weight: 400; color: var(--clr-dark); }
.solution .section-heading .text { font-size: 2rem; color: var(--clr-dark); }
.solution .section-intro { padding-bottom: 120px; }
.solution .section-intro .background,
.solution .section-intro .media { position: relative; overflow: hidden; margin-bottom: 100px; visibility: hidden;}
.solution .section-intro .media .button { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all ease .35s; }
.solution .section-intro .media .button::before { content: none; }
.solution .section-intro .media .button .icon { margin: auto; width: 105px; height: 105px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; }
.solution .section-intro .media .button .icon::before { background-image: url('/images/triangle-right-light-92f87f9f072a0500db2b329d4a21bc7b.svg'); background-size: auto 100%; }
.solution .section-intro .media .thumbnail { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all ease .35s; }
.solution .section-intro .media video { display: block; margin: auto; aspect-ratio: 16 / 9; max-width: 1400px; background: #000; }
.solution .section-full .background { overflow: hidden; position: relative; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); transition: clip-path 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s; }
.solution .section-full .background::before { content: ''; display: block; padding-top: calc(893 / 1920 * 100%); width: 100%; height: 0; }
.solution .section-full .background .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.solution .section-full .background.sr-animate { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) }
.solution .section-feature { overflow: hidden; padding: 160px 0; }
.solution .section-feature .lists { display: flex; flex-wrap: wrap; border-top: 1px solid var(--clr-dark); }
.solution .section-feature .lists .item { display: flex; padding: 40px 20px; width: 50%; border-bottom: 1px solid var(--border); }
.solution .section-feature .lists .item .side { flex: 0 0 auto; width: 106px; }
.solution .section-feature .lists .item .context { margin-top: auto; margin-bottom: auto; padding-left: 60px; }
.solution .section-feature .lists .item .title { margin-bottom: 6px; font-size: 2rem; font-weight: 500; color: var(--clr-black); }
.solution .section-feature .lists .item .text { color: var(--clr-dark); }
.solution .section-half { display: flex; }
.solution .section-half .side { width: 48.9583%; }
.solution .section-half .contents { display: flex; align-items: center; padding: 0 8.34% 0 6.25%; width: 51.0417%; background: #F7F7F7; }
.solution .section-half .side .background { overflow: hidden; position: relative; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); transition: clip-path 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.35s; }
.solution .section-half .side .background img { display: block; width: 100%; height: 100%; object-fit: cover; }
.solution .section-half .background.sr-animate { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) }
.solution .section-half .section-heading { margin-bottom: 0; }
.solution .section-benefit { padding: 160px 0 120px; text-align: center; background: #f7f7f7; }
.solution .section-benefit .lists { display: flex; justify-content: space-between; margin: 100px auto 0; max-width: 1240px; }
.solution .section-benefit .lists .item { display: flex; flex-direction: column; }
.solution .section-benefit .lists .title { margin: 36px 0; line-height: 1.4; font-size: 2.8rem; font-weight: 700; color: var(--clr-dark); }
.solution .section-benefit .lists .text { margin-top: auto; }
.solution .section-benefit .lists img { margin: 0 auto; }
.solution .section-benefit .text-bottom { margin-top: 100px; padding-top: 80px; border-top: 1px solid var(--border); font-size: 2.4rem; font-weight: 700; color: var(--clr-dark); }
.solution .section-overview { padding-top: 160px; }
.solution .section-overview .lists { display: flex; flex-wrap: wrap; margin: -55px -20px; }
.solution .section-overview .lists .item { padding: 55px 20px; width: 50%; }
.solution .section-overview .lists .title { margin: 20px 0; font-size: 2.8rem; font-weight: 700; color: var(--clr-dark); }
.solution .section-overview .lists a { display: block; }
@media screen and (max-width: 1024px) {
    .solution .section-intro { padding-bottom: 100px; }
    .solution .section-intro .media .button .icon { width: 90px; height: 90px; }
    .solution .section-intro .background,
    .solution .section-intro .media { margin-bottom: 80px; }
    .solution .section-heading { margin-bottom: 30px; }
    .solution .section-heading .badge { margin-bottom: 8px; font-size: 1.8rem; }
    .solution .section-heading .heading { margin-bottom: 20px; font-size: 3.6rem; }
    .solution .section-heading .text { font-size: 1.6rem; }
    .solution .section-feature { padding: 120px 0; }
    .solution .section-feature .lists .item .side { width: 96px; }
    .solution .section-feature .lists .item .context { padding-left: 36px; }
    .solution .section-feature .lists .item .title { font-size: 1.8rem; }
    .solution .section-benefit { padding: 120px 0; }
    .solution .section-benefit .lists { margin: 80px auto 0; }
    .solution .section-benefit .lists .item { padding: 0 16px; }
    .solution .section-benefit .lists .title { margin: 20px 0; font-size: 2.2rem; }
    .solution .section-benefit .lists img { width: auto; height: 64px; }
    .solution .section-benefit .text-bottom { margin-top: 80px; padding-top: 60px; font-size: 2rem; }
    .solution .section-overview { padding-top: 120px; }
    .solution .section-overview .lists { margin: -34px -14px; }
    .solution .section-overview .lists .item { padding: 34px 14px; }
    .solution .section-overview .lists .title { margin: 14px 0 8px; font-size: 2.2rem; }
}
@media screen and (max-width: 768px) {
    .solution .section-intro { padding-bottom: 60px; }
    .solution .section-intro .media .button .icon { width: 56px; height: 56px; }
    .solution .section-intro .background,
    .solution .section-intro .media { margin-bottom: 40px; }
    .solution .section-heading { margin-bottom: 24px; }
    .solution .section-heading .badge { margin-bottom: 6px; font-size: 1.6rem; }
    .solution .section-heading .heading { margin-bottom: 20px; font-size: 2.4rem; }
    .solution .section-heading .text { font-size: 1.5rem; }
    .solution .section-feature { padding: 80px 0; }
    .solution .section-feature .lists .item { padding: 32px 0; width: 100%; }
    .solution .section-feature .lists .item .side { width: 64px; }
    .solution .section-feature .lists .item .context { padding-left: 24px; }
    .solution .section-feature .lists .item .title { font-size: 1.6rem; }
    .solution .section-half { flex-direction: column; }
    .solution .section-half .side { width: 100%; }
    .solution .section-half .contents { padding: 80px 5%; width: 100%; }
    .solution .section-benefit { padding: 80px 0; }
    .solution .section-benefit .lists { flex-direction: column; margin-top: 30px; }
    .solution .section-benefit .lists .item { padding: 26px 0; }
    .solution .section-benefit .lists .title { margin: 14px 0; font-size: 1.8rem; }
    .solution .section-benefit .text-bottom { margin-top: 36px; padding-top: 60px; font-size: 1.8rem; }
    .solution .section-overview { padding-top: 80px; }
    .solution .section-overview .lists { margin: -24px 0; }
    .solution .section-overview .lists .item { padding: 24px 0; width: 100%; }
    .solution .section-overview .lists .title { font-size: 2rem; }
}


/* 온라인 공식 대리점 */
.online .section-intro { padding: 225px 0 0; text-align: center; }
.online .section-intro .logo { width: auto; height: 33px; }
.online .section-intro .heading { margin: 30px 0 20px; font-size: 5.6rem; font-weight: 700; color: var(--clr-dark); }
.online .section-intro .text { font-size: 2rem; }
.online .section-intro .background { overflow: hidden; position: relative; margin-top: 80px; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); transition: clip-path 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0.35s; }
.online .section-intro .background::before { content: ''; display: block; padding-top: calc(622 / 1600 * 100%); width: 100%; height: 0; }
.online .section-intro .background .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.online .section-intro .background.sr-animate { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) }
.online .section-info { text-align: center; }
.online .section-info .badge { display: inline-flex; justify-content: center; padding: 0 10px; min-width: 110px; height: 45px; line-height: 45px; font-style: normal; font-weight: 600; color: #fff; background: var(--clr-primary); border-radius: 45px; }
.online .section-info .heading { margin: 20px 0 10px; font-size: 2.8rem; font-weight: 500; color: var(--clr-dark); }
.online .section-info .text b { font-weight: 600; }
.online .section-info { padding-bottom: 0 !important; }
.online .section-info .image { margin-top: 40px; }
.online .section-info .section-child { padding: 120px 0; }
.online .section-info .section-child:nth-child(even) { background: #f7f7f7; }
.online .section-info .tab-list { display: flex; justify-content: center; margin: 40px 0; }
.online .section-info .tab-list .item { padding: 0 10px; }
.online .section-info .tab-list .tab { display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; min-width: 170px; height: 60px; font-weight: 700; color: #666666; line-height: 60px; background: #fff; border-radius: 60px; border: 1px solid var(--border); transition: all ease .35s; }
.online .section-info .tab-list .tab[aria-selected="true"] { color: #fff; background: var(--clr-dark); border-color: var(--clr-dark); }
.online .section-info .tab-panel .panel { padding: 80px; background: #fff; border: 1px solid var(--border); border-radius: 40px; }
.online .section-info .tab-panel .title { display: flex; align-items: center; color: var(--clr-dark); font-weight: 600; }
.online .section-info .tab-panel .title img { margin: auto 30px auto 0; }
.online .section-info .tab-panel .text { position: relative; margin-top: 30px; margin-bottom: 40px; padding-left: 1em; text-align: left; }
.online .section-info .tab-panel .text::before { content: ''; position: absolute; top: 0.625em; left: 0; width: 0.2em; height: 0.2em; background: var(--clr-dark); border-radius: 50%; will-change: transform; }
.online .section-info .tab-panel .process { display: flex; align-items: center; margin: -38px; }
.online .section-info .tab-panel .process .item { position: relative; padding: 38px; width: 50%; }
.online .section-info .tab-panel .process .item::after { content: ''; position: absolute; top: 0; bottom: 0; right: -17px; margin: auto; width: 34px; height: 34px; background: var(--clr-primary) url('/images/chevron-right-light-6f969ec7995a3a19e2b5acd913dbbbfd.svg') no-repeat center / auto 80%; border-radius: 50%; }
.online .section-info .tab-panel .process .item:last-child:after { content: none; }
@media screen and (max-width: 1024px) {
    .online .section-intro { padding: 160px 0 0; }
    .online .section-intro .logo { height: 24px; }
    .online .section-intro .heading { margin: 20px 0 10px; font-size: 3.6rem; }
    .online .section-intro .text { font-size: 1.8rem; }
    .online .section-intro .background { margin-top: 60px; }
    .online .section-info .badge { min-width: 100px; height: 40px; line-height: 40px; }
    .online .section-info .heading { margin: 14px 0 8px; font-size: 2.4rem; }
    .online .section-info .section-child { padding: 80px 0; }
    .online .section-info .image { margin-top: 30px; }
    .online .section-info .tab-list .item { padding: 0 4px; }
    .online .section-info .tab-list .tab { min-width: 150px; height: 50px; line-height: 50px; }
    .online .section-info .tab-panel .panel { padding: 60px; border-radius: 30px; }
    .online .section-info .tab-panel .title { font-size: 1.8rem; }
    .online .section-info .tab-panel .title img { margin-right: 20px; width: auto; height: 20px; }
    .online .section-info .tab-panel .text { margin-top: 20px; margin-bottom: 30px; }
    .online .section-info .tab-panel .process { flex-direction: column; }
    .online .section-info .tab-panel .process .item { width: 100%; }
    .online .section-info .tab-panel .process .item::after { top: auto; left: 0; right: 0; bottom: -17px; transform: rotate(90deg); }
}
@media screen and (max-width: 768px) {
    .online .section-intro { padding: 120px 0 0; }
    .online .section-intro .logo { height: 18px; }
    .online .section-intro .heading { margin: 24px 0 10px; font-size: 2.4rem; }
    .online .section-intro .text { font-size: 1.6rem; }
    .online .section-intro .background { margin-top: 40px; }
    .online .section-info .heading { margin: 10px 0 6px; font-size: 2rem; }
    .online .section-info .section-child { padding: 60px 0; }
    .online .section-info .image { margin-top: 24px; }
    .online .section-info .tab-list { flex-wrap: wrap; justify-content: center; margin: 20px auto; max-width: 350px; }
    .online .section-info .tab-list .item { padding: 4px; width: 138px; }
    .online .section-info .tab-list .tab { min-width: 130px; height: 45px; line-height: 45px; }
    .online .section-info .tab-panel .panel { padding: 42px 32px; border-radius: 16px; }
    .online .section-info .tab-panel .title { flex-direction: column; }
    .online .section-info .tab-panel .title img { margin-right: 0; margin-bottom: 10px; }
}


/* History */
.history .section-history { position: relative; padding-top: 200vh; }
.history .section-history .side { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.history .section-history .contents { z-index: 1; position: relative; margin-top: -75vh; padding-left: calc(48.96% + 80px); padding-top: 200px; padding-right: 8.34%; padding-bottom: 60px; width: 100%; opacity: 0; }
.history .section-history .contents .heading { font-size: 4rem; font-weight: 700; }
.history .section-history .sticky { position: sticky; top: 0; left: 0; width: 100%; height: 100vh; }
.history .section-history .background { position: relative; margin: auto; width: 80%; height: 80%; background: var(--clr-dark); visibility: hidden; }
.history .section-history .background .darken { content: ''; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--clr-dark); opacity: 0; }
.history .section-history .background .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.history .section-history .background .item:nth-child(2) { opacity: 1; }
.history .section-history .center { z-index: 2; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.history .section-history .center .text { font-size: 6rem; font-weight: 700; color: #fff; }
.history .section-history .block { display: flex; flex-direction: column; justify-content: space-between; z-index: 3; position: absolute; top: 0; left: 0; padding: 160px 10.7% 60px 17.1%; width: 100%; height: 100%; color: #fff; visibility: hidden; opacity: 0; }
.history .section-history .block .heading { margin-bottom: 20px; line-height: 1.2; font-family: var(--font-display); font-size: clamp(3.6rem, 3.3vw, 5.6rem); font-weight: 400; }
.history .section-history .block .title { font-size: 3.2rem; font-weight: 500; }
.history .section-history .anchors { display: flex; align-items: center; }
.history .section-history .anchors .anchor { flex: 1 1; position: relative; padding-bottom: 12px; font-family: var(--font-display); font-size: 1.8rem; font-weight: 400; opacity: .4; transition: opacity ease .35s; }
.history .section-history .anchors .anchor::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; }
.history .section-history .anchors .anchor.on { opacity: 1; }
.history .section-history .panel { padding: 120px 0; border-top: 1px solid var(--border); }
.history .section-history .panel:last-child { padding-bottom: 0; }
.history .section-history .heading + .panel { border-top: none; }
.history .section-history .panel .title { margin-bottom: 80px; font-size: 3.2rem; color: var(--clr-dark); }
.history .section-history .panel .lists .item { display: flex; margin-bottom: 80px; }
.history .section-history .panel .lists .item:last-child { margin-bottom: 0; }
.history .section-history .panel .lists .year { display: block; width: 125px; font-size: 2rem; font-weight: 700; color: var(--clr-dark); }
.history .section-history .panel .lists .data { flex: 1 1; }
.history .section-history .panel .lists .data li { display: flex; position: relative;  padding-left: 0.9em; }
.history .section-history .panel .lists .data li::before { content: ''; position: absolute; top: 0.625em; left: 0; width: 0.2em; height: 0.2em; background: var(--clr-primary); border-radius: 50%; will-change: transform; }
.history .section-history .panel .lists dl { display: flex; margin-bottom: 20px; }
.history .section-history .panel .lists dt { width: 48px; }
@media screen and (max-width: 1024px) {
    .history .section-history { padding-top: 0; }
    .history .section-history .sticky { height: auto; }
    .history .section-history .side { position: static; }
    .history .section-history .contents { margin-top: 0; padding: 60px 5% 0; opacity: 1; }
    .history .section-history .background { width: 90%; height: auto; min-height: 250px; }
    .history .section-history .background .item { opacity: 0.8; }
    .history .section-history .center .text { font-size: 4.6rem; }
    .history .section-history .contents .heading { font-size: 3rem; }
    .history .section-history .panel { padding: 80px 0; }
    .history .section-history .panel .title { font-size: 2.4rem; margin-bottom: 40px; }
    .history .section-history .panel .lists .item { margin-bottom: 40px; }
    .history .section-history .panel .lists .year { font-size: 1.8rem; width: 80px; }
    .history .section-history .panel .lists dl { margin-bottom: 10px; }
}
@media screen and (max-width: 768px) {
    .history .section-history .center .text { font-size: 3.4rem; }
    .history .section-history .contents .heading { font-size: 2.4rem; }
    .history .section-history .panel { padding: 60px 0; }
    .history .section-history .panel .title { font-size: 2rem; margin-bottom: 30px; }
    .history .section-history .panel .lists .item { margin-bottom: 24px; }
    .history .section-history .panel .lists .year { font-size: 1.6rem; width: 60px; }
    .history .section-history .panel .lists dt { width: 40px; }
}
@media screen and (max-width: 600px) {
    .history .section-history .background { height: 250px; }
    .history .section-history .center .text { font-size: 2rem; }
}


/* 소식 및 이벤트 */
/* 카테고리 */
.category__list { position: relative; }
/* .category__list::before { content: ''; position: absolute; left: -100vw; top: 0; width: 200vw; height: 1px; background: #ebebeb; } */
.category__group { position: relative; }
/* .category__group::before { content: ''; position: absolute; left: -100vw; bottom: 0; width: 200vw; height: 1px; background: #ebebeb; } */
.category__tab { z-index: 2; display: inline-flex; position: relative; padding: 26px 60px 26px 0; width: 100%; line-height: 1.5; text-align: left; font-size: 2rem; font-weight: 600; background: transparent !important; border-bottom: 1px solid var(--border); border-radius: 0; white-space: revert; transition-property: border; transition-duration: .1s; transition-timing-function: ease; }
.category__tab .icon { position: absolute; top: 36px; right: 0; width: 12px; height: 12px; transition: transform ease .15s; }
.category__tab .icon::before,
.category__tab .icon::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 2px; background: var(--clr-dark); transition: transform ease .15s; }
.category__tab .icon::after { width: 2px; height: 100%; }
.category__tab[aria-expanded="true"] { border-bottom-color: transparent; }
.category__tab[aria-expanded="true"] .icon { transform: rotate(90deg); }
.category__tab[aria-expanded="true"] .icon::before { transform: rotate(90deg); opacity: 0; }
.category__panel { overflow: hidden; transition-duration: .35s; transition-property: transform, opacity, height; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.category__panel[aria-hidden="true"] { height: 0; transform: translate3d(0, 0, 0);  }
.category__panel[aria-hidden="false"] { height: auto; transform: translate3d(0, 0, 0); }
.category__contents { padding: 0 0 32px; border-bottom: 1px solid var(--border); }
@media screen and (max-width: 1024px) {
	.category__tab { padding: 16px 34px 16px 0; font-size: 1.8rem; }
	.category__tab .icon { top: 24px; width: 12px; height: 12px; }
	.category__contents { padding: 10px 0 20px; }
	.category__panel { line-height: 1.5; }
}

/* 제품 기술 */
.technique .section-technique .inner { display: flex; justify-content: space-between; }
.technique .section-technique .side { width: 310px; }
/* .technique .section-technique .side .sticky { position: sticky; top: 100px; left: 0; } */
.technique .section-technique .contents { flex: 1 1; padding-left: 6.2%; }
.technique .category-sub .link { display: flex; align-items: center; padding: 0 24px; height: 65px; font-size: 1.6rem; }
.technique .category-sub .link span { display: block; margin-left: 0.875em; }
.technique .category-sub .link[aria-current="page"] { color: #ffffff; background: var(--clr-primary); }
.technique .category-sub .link:not(.link-2)[aria-current="page"] img { filter: brightness(0) invert(1); }
.technique .contents section { margin-bottom: 80px; }
.technique .contents section:last-child { margin-bottom: 0; }
.technique .contents p { line-height: 1.4; }
.technique .contents iframe,
.technique .contents video { display: block; margin-top: 40px; width: 100%; }
.technique .contents img { display: block; margin-top: 40px; margin-bottom: 40px; }
.technique .contents img:first-child { margin-top: 0; }
.technique .contents img:last-child { margin-bottom: 0; }
.technique .contents b { font-weight: 500; color: var(--clr-dark); }
/* .technique .contents ul li { margin-bottom: 1.11em; } */
.technique .contents ul li { margin-bottom: 0.8em; }
.technique .contents ul li:last-child { margin-bottom: 0; }
.technique .contents .grid { display: flex; flex-wrap: wrap; margin: 60px -20px -20px; }
.technique .contents .grid .col-1,
.technique .contents .grid .col-2,
.technique .contents .grid .col-3,
.technique .contents .grid .col-4 { padding: 20px; }
.technique .contents .grid .col-2 { width: 50%; }
.technique .contents .grid .col-3 { width: 33.33333%; }
.technique .contents .grid .col-4 { width: 25%; }
.technique .contents .grid img { margin-top: 0; margin-bottom: 0; }
.technique .contents .grid p { margin-top: 24px; }
.technique .contents .grid-narrow { margin: 60px -7px -7px; }
.technique .contents .grid-narrow .col-1,
.technique .contents .grid-narrow .col-2,
.technique .contents .grid-narrow .col-3,
.technique .contents .grid-narrow .col-4 { padding: 7px; }
.technique .contents .grid-line { align-items: center; margin: 40px 0 -14px; padding: 26px; justify-content: center; border: 1px solid var(--border); }
.technique .contents .grid-line .col-2,
.technique .contents .grid-line .col-3,
.technique .contents .grid-line .col-4 { padding: 14px; }
.technique .contents .heading { margin-top: 0.7692em; margin-bottom: 0.4615em; line-height: 1.2; font-size: 5.2rem; font-weight: 700; color: var(--clr-dark); }
.technique .contents .line-title { position: relative; margin-bottom: 0.625em; padding-left: 0.375em; font-size: 3.2rem; font-weight: 700; color: var(--clr-primary); }
.technique .contents .line-title::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 3px; height: 68%; background: currentColor; }
.technique .contents .gray-box { margin-top: 40px; padding: 60px; font-size: 2rem; color: var(--clr-dark); background: #f7f7f7; }
.technique .contents .gray-box .title { margin-bottom: 20px; font-size: 2.4rem; font-weight: 700; color: var(--clr-dark); }
.technique .contents .gray-box-narrow { margin-top: 40px; padding: 40px; color: var(--clr-dark); background: #f7f7f7; }
.technique .contents .gray-box-narrow ul li { margin-bottom: 0.83em; }
.technique .contents .gray-box-narrow ul li:last-child { margin-bottom: 0; }
.technique .contents .flex .row { display: flex; margin-bottom: 40px; }
.technique .contents .flex .row:last-child { margin-bottom: 0; }
.technique .contents .flex .row .col:first-child { width: 41.2413%; }
.technique .contents .flex .row .col:last-child { flex: 1 1; display: flex; flex-direction: column; justify-content: center; padding-left: 5.2%; }
.technique .contents .sub-list > li { margin-bottom: 0; color: #666666; }
.technique .lists { display: flex; flex-wrap: wrap; margin: -38px; }
.technique .lists .item { margin-bottom: 0; padding: 38px; width: 33.3333%; }
.technique .button-toggle-mobile { display: none; margin-bottom: 34px; width: 100%; }
.technique .button-close-mobile { display: none; align-items: center; justify-content: center; position: absolute; top: 16px; right: 10px; padding: 0; width: 50px; height: 50px; }
.technique .button-close-mobile::before { content: none; }
.technique .button-close-mobile .icon { margin: 0; }
@media screen and (max-width: 1024px) {
    .technique .button-toggle-mobile { display: block; }
    .technique .button-close-mobile { display: inline-flex; }
    .technique .category { overflow-x: hidden; overflow-y: auto; display: none; z-index: 12; position: fixed; top: 0; left: 0; padding: 80px 24px 24px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
    .technique .category__list { padding: 16px; background: #fff; }
    .technique .category__tab { font-size: 1.6rem; }
    .technique .category.on { display: block; }
    .technique .category-sub .link { padding: 0 16px; height: 55px; line-height: 55px; font-size: 1.5rem; }
    .technique .category-sub .link img { width: auto; height: 20px; }
    .technique .section-technique .inner { flex-direction: column; }
    .technique .section-technique .side { width: 100%; }
    .technique .section-technique .contents { padding-left: 0; }
    .technique .contents .heading { font-size: 3.6rem; }
    .technique .contents section { margin-bottom: 60px; }
    .technique .contents iframe,
    .technique .contents video { margin-top: 26px; }
    .technique .contents img { margin-top: 26px; margin-bottom: 26px; }
    .technique .contents ul li { margin-bottom: 0.6em; }
    .technique .contents .line-title { font-size: 2.4rem; }
    .technique .contents .grid p { margin-top: 16px; }
    .technique .contents .grid,
    .technique .contents .grid-narrow,
    .technique .contents .grid-line { margin-top: 30px; }
    .technique .contents .gray-box { padding: 42px; font-size: 1.8rem; }
    .technique .contents .gray-box .title { margin-bottom: 16px; font-size: 2rem; }
    .technique .contents .gray-box-narrow { margin-top: 30px; padding: 30px; }
    .technique .contents .flex .row { margin-bottom: 30px; }
    .technique .lists { margin: -24px; }
    .technique .lists .item { padding: 24px; }
}
@media screen and (max-width: 768px) {
    .technique .category-sub .link { padding: 0 12px; height: 50px; line-height: 50px; font-size: 1.4rem; }
    .technique .contents .heading { font-size: 2.4rem; }
    .technique .contents section { margin-bottom: 40px; }
    .technique .contents iframe,
    .technique .contents video { margin-top: 16px; }
    .technique .contents img { margin-top: 16px; margin-bottom: 16px; }
    .technique .contents .line-title { font-size: 2rem; }
    .technique .contents .line-title::before { width: 2px; }
    .technique .contents .grid,
    .technique .contents .grid-narrow,
    .technique .contents .grid-line,
    .technique .contents .gray-box-narrow { margin-top: 16px; }
    .technique .contents .grid .col-4 { width: 50%; }
    .technique .contents .grid .col-3 { width: 100%; }
    .technique .contents .grid .col-3 img { width: 100%; }
    .technique .contents .gray-box { padding: 32px; font-size: 1.6rem; }
    .technique .contents .gray-box .title { margin-bottom: 12px; font-size: 1.8rem; }
    .technique .contents .gray-box-narrow { padding: 20px; }
    .technique .contents .grid-narrow img { width: 100%; }
    .technique .contents .flex .row { flex-direction: column; }
    .technique .contents .flex .row .col:first-child { width: 100%; }
    .technique .contents .flex .row .col:last-child { margin-top: 14px; padding-left: 0; }
    .technique .lists { margin: -12px; }
    .technique .lists .item { padding: 12px; }
}
@media screen and (max-width: 600px) {
    .technique .contents .grid-line { padding: 10px; }
    .technique .contents .grid:not(.grid-narrow) .col-1,
    .technique .contents .grid:not(.grid-narrow) .col-2,
    .technique .contents .grid:not(.grid-narrow) .col-3,
    .technique .contents .grid:not(.grid-narrow) .col-4 { padding-top: 14px; padding-bottom: 14px; }
    .technique .contents .grid .col-2 { width: 100%; }
    .technique .lists .item { width: 100%; }
    .technique .lists .item img { margin-bottom: 10px; margin-right: auto; margin-left: auto; }
    .technique .lists .item ul { margin-bottom: 10px; }
}


/* 고객지원 */
/* 대리점 안내 */
.agency .agency-list-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; margin-bottom: 24px; }
.agency .agency-list-head .col:last-child { margin-top: 20px; width: 100%; }
.agency .agency-list-head .search { display: flex; padding: 20px 40px; height: 95px; background: #F7F7F7; }
.agency .agency-list-head .search select { flex-basis: 19%; margin-right: 20px; padding-top: 0; padding-bottom: 0; width: 160px; height: 100%; font-size: 1.6rem; font-weight: 500; border: 1px solid #fff; border-radius: 0; outline: none; }
.agency .agency-list-head .search input { padding-top: 0; padding-bottom: 0; width: 100%; height: 100%; font-size: 1.6rem; border: none; outline: none; }
.agency .agency-list-head .search button { position: absolute; top: 0; right: 0; width: 60px; height: 100%; background: url('/images/search-139cc1ead4262b5247271cacda8c6256.svg') no-repeat center / auto 46%; }
.agency .agency-list-head .search .box { flex: 1 1; overflow: hidden; position: relative; padding-right: 60px; height: 100%; background: #fff; border: 1px solid #fff; border-radius: 0; }
.agency .agency-list-head .search .check { margin-left: 20px; }
.agency .agency-list-head .empty { margin-top: 5em; margin-bottom: 2.5em; text-align: center; }
.agency .agency-list-head .total { font-size: 3rem; font-weight: 700; color: #DDDDDD; }
.agency .agency-list-head .total em { padding-left: 0.46em; font-style: normal; color: var(--clr-black); }
.agency .agency-list-head .button-list { height: 65px; line-height: 65px; color: #fff; background-color: #333333; border-radius: 10px; }
.agency .agency-list-head .button-list img { margin-right: 8px; width: 70px; }
.agency .agency-list-head .button-list::before { content: none; }
.agency .agency-list-head .check i { width: 18px; height: 18px; background: #fff; }
.agency .agency-list-head .check i::before { background: url('/images/checkbox-dc5d3052b4cf7a2ee7f04cf4ca004466.svg') no-repeat center / auto 100%; border: none; }
.agency .agency-list-head .check i::after { background: url('/images/checkbox-primary-b80e8d607eca4c78937572e2abebe760.svg') no-repeat center / auto 100%; border: none; }
.agency .lists { overflow: hidden; display: flex; flex-wrap: wrap; }
.agency .lists .item { position: relative; padding: 40px 0; width: 50%; }
.agency .lists .item:nth-child(odd) { padding-right: 42px; }
.agency .lists .item:nth-child(even) { padding-left: 42px; }
.agency .lists .block { display: flex; }
.agency .lists .side { width: 210px; }
.agency .lists .contents { flex: 1 1; }
.agency .lists .title { line-height: 1.4; font-size: 2.8rem; font-weight: 700; color: var(--clr-dark); }
.agency .lists .text { display: flex; }
.agency .lists .info { margin-bottom: 20px; }
.agency .lists .info li { display: flex; margin-bottom: 6px; font-size: 1.6rem; color: #333; font-weight: 500; }
.agency .lists .info span { padding-right: 0.625em; word-break: break-word; }
.agency .lists .info .icon { flex: 1 0 auto; margin-top: 0.125em; margin-right: 0.5em; width: 20px; height: 20px; }
.agency .lists .info .icon-copy::before { background-image: url('/images/copy-6f530299af2e17e761cfcf049697d4e8.svg'); }
.agency .lists .info .icon-map::before { background-image: url('/images/map-c3fa4355dc821a6bbd1876a3068541d5.svg'); }
.agency .lists .button { margin-top: 28px; height: 50px; line-height: 50px; font-size: 1.6rem; font-weight: 500; }
.agency .lists .func { flex: 1 0 auto; display: flex; margin-top: -0.25em; }
.agency .lists .func-button { display: inline-flex; align-items: center; padding: 0 10px; height: 35px; line-height: 35px; font-size: 1.4rem; background: #f7f7f7; border-radius: 35px; transition: all ease .15s; }
.agency .lists .func-button .icon { margin-right: 0.286em; }
.agency .lists .func-button:not(:last-child) { margin-right: 10px; }

.agency .section-agency-flex .inner { display: flex; justify-content: space-between; }
.agency .section-agency-flex .agency-side { width: 48.75%; }
.agency .section-agency-flex .agency-contents { width: 46.25%; }
.agency .section-agency-flex .message { margin-top: 70px; padding: 24px 58px; font-size: 1.6rem; background: #F7F7F7; }
.agency .section-agency-flex .message b { font-weight: 600; color: #101010; }
.agency .section-agency-flex .sticky { position: sticky; top: 100px; left: 0; }
.agency .section-agency-flex .lists .lists .side { width: 100%; }
.agency .section-agency-flex .lists .item { padding-right: 0; width: 100%; border-bottom: 1px solid var(--border); }
.agency .section-agency-flex .lists .item:first-child { border-top: 1px solid var(--border); }
.agency .section-agency-flex .lists .item:nth-child(odd)::after { content: none; }
.agency .section-agency-flex .lists .item:nth-child(even) { padding-left: 0; }
.agency .section-agency-flex .lists .block { flex-direction: column; }
.agency .section-agency-flex .lists .side { margin-bottom: 40px; width: 100%; }
.agency .section-agency-flex .lists .contents { width: 100%; }
.agency .section-agency-flex .lists .info { display: flex; flex-wrap: wrap; }
.agency .section-agency-flex .lists .info li:first-child { width: 100%; }
.agency .section-agency-flex .lists .info li:not(:first-child):not(:last-child) { position: relative; padding-right: 40px; }
.agency .section-agency-flex .lists .info li:not(:first-child):not(:last-child)::after { content: ''; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; width: 1px; height: 48%; background: #D9D9D9; }
.agency .section-agency-flex .lists .info li:not(:first-child) span { padding-right: 0; }
.agency .section-agency-flex .lists p.text { padding: 20px 24px; background: #F7F7F7; }
.agency .section-agency-flex [role="button"] { outline: none; }
.agency .section-agency-flex svg { max-width: 100%; height: auto; }
.agency .section-agency-flex path { transition: fill ease .15s; }
.agency .section-agency-flex rect { pointer-events: none; }
.agency .section-agency-flex .titles { pointer-events: none; }
.agency .agency-side [data-map-fill] path { fill: #C4DEE1; }
.agency .agency-side [data-map-fill] .title { fill: #008290; }
.agency .agency-side [data-map-fill] [id] path { fill: #008290; }

.agency .badges { display: flex; align-items: center; margin: 0 -5px 20px; }
.agency .badges .badge { display: inline-flex; margin: 0 5px; padding: 0 20px; height: 35px; line-height: 35px; font-size: 1.6rem; color: var(--clr-primary); border: 1px solid var(--clr-primary); border-radius: 35px; }
.agency .badges .badge-red { color: var(--clr-red); border-color: var(--clr-red); }
.agency .state { vertical-align: text-top; display: inline-flex; margin-top: 0.1em; margin-left: 16px; padding: 0 20px; height: 30px; line-height: 30px; font-size: 1.6rem; font-weight: 600; color: #fff; background: var(--clr-primary); border-radius: 30px; }
.agency .state-red { background-color: var(--clr-red); }
.agency .state-orange { background-color: var(--clr-orange); }

.agency .mobile-menu-lists { display: none; }
@media (hover: hover) and (pointer: fine) {
    .agency .lists a.title:hover { text-decoration: underline; text-underline-offset: 0.25em; }
    .agency .lists .func-button:hover { color: #fff; background: var(--clr-dark); }
    .agency .lists .func-button:hover .icon::before { filter: brightness(0) invert(1); }
    .agency .agency-side [role="button"]:not([data-map-fill]):hover path { fill: #66b4bc; }
    .agency .agency-side [role="button"]:not([data-map-fill]):hover .title { fill: #fff; }
    .agency .agency-side [role="button"]:not([data-map-fill]):hover [id] path { fill: #298291; }
}
@media screen and (min-width: 1025px) {
    .agency .lists .item:nth-child(odd)::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100vw; height: 1px; background: var(--border); }
    .agency .lists .text { font-size: 1.6rem; }
}
@media screen and (max-width: 1024px) {
    .agency-list-head .total { font-size: 2rem; }

    .agency .agency-list-head .total { font-size: 2rem; }
    .agency .agency-list-head .button-list { height: 50px; line-height: 50px; }
    .agency .agency-list-head .button-list img { width: 56px; }
    .agency .agency-list-head .search { flex-wrap: wrap; padding: 24px; height: auto; }
    .agency .agency-list-head .search select { flex: 0 0 calc(50% - 5px); margin: 0; width: calc(50% - 5px); height: 50px; font-size: 1.4rem; }
    .agency .agency-list-head .search select:nth-child(1) { margin-right: 5px; }
    .agency .agency-list-head .search select:nth-child(2) { margin-left: 5px; }
    .agency .agency-list-head .search input { font-size: 1.4rem; }
    .agency .agency-list-head .search .box { flex: 0 0 100%; margin-top: 10px; width: 100%; height: 50px; }
    .agency .agency-list-head .search .check { margin-top: 10px; margin-left: 0; }
    .agency .lists .block { flex-direction: column; }
    .agency .lists .side { width: 100%; }
    .agency .lists .title { margin-bottom: 16px; font-size: 2.4rem; }
    .agency .lists .info { margin-bottom: 14px; }
    .agency .lists .info li { font-size: 1.5rem; }
    .agency .lists .info .icon { width: 16px; height: 16px; font-size: 1.3rem; }
    .agency .lists .button { margin-top: 16px; font-size: 1.5rem; }
    .agency .lists .func-button { font-size: 1.3rem; }
    .agency .lists .func-button:not(:last-child) { margin-right: 5px; }

    .agency .section-agency-flex svg { display: none; }
    .agency .section-agency-flex .inner { flex-direction: column; }
    .agency .section-agency-flex .agency-side { width: 100%; }
    .agency .section-agency-flex .agency-contents { width: 100%; }
    .agency .section-agency-flex .inner { position: relative; }
    .agency .section-agency-flex .message { margin: 20px 0 30px; padding: 24px; font-size: 1.5rem; }
    .agency .section-agency-flex .lists .side { margin-bottom: 16px; }
    .agency .badges { margin: 0 -2px; }
    .agency .badges .badge { margin: 0 2px 14px; padding: 0 16px; height: 30px; line-height: 30px; font-size: 1.4rem; }
    .agency .state { margin-left: 10px; padding: 0 16px; height: 25px; line-height: 25px; font-size: 1.3rem; }

    .agency .mobile-menu-lists { z-index: 5; overflow: hidden; display: block; position: sticky; top: 70px; left: 0; margin: 0 -5.5%; padding: 0 5%; background: #fff; }
    .agency .mobile-menu-lists .swiper { overflow: visible; padding: 13px 0; }
    .agency .mobile-menu-lists .swiper-scrollbar { bottom: 0; }
    .agency .mobile-menu-lists li { width: auto; }
    .agency .mobile-menu-lists [role="button"] { display: inline-flex; padding: 0 20px; height: 35px; line-height: 35px; background: #F7F7F7; border-radius: 35px; }
    .agency .mobile-menu-lists [role="button"][aria-selected="true"] { color: #fff; background: var(--clr-primary); }
}
@media screen and (max-width: 768px) {
    .agency .agency-list-head .search { padding: 16px; }
    .agency .agency-list-head .search button { width: 50px; }
    .agency .agency-list-head .search select { height: 45px; }
    .agency .agency-list-head .search .box { height: 45px; }
    .agency .agency-list-head .search .box { padding-right: 50px; }
    .agency .agency-list-head .button-list { display: flex; flex-direction: column; padding: 10px; height: auto; line-height: normal; }
    .agency .agency-list-head .button-list img { margin-right: 0; margin-bottom: 4px; }
    .agency .lists .item { padding: 24px 0; width: 100%; }
    .agency .lists .item:nth-child(odd) { padding-right: 0; }
    .agency .lists .item:nth-child(even) { padding-left: 0; }
    .agency .lists .title { margin-bottom: 10px; font-size: 1.8rem; }
    .agency .lists .info li { flex-wrap: wrap; font-size: 1.4rem; }
    .agency .lists .info .icon { font-size: 1.2rem; }
    .agency .lists .button { font-size: 1.4rem; }
    .agency .lists .func { margin-top: 4px; margin-bottom: 6px; margin-left: 16px; }
    .agency .lists .func-button { font-size: 1.2rem; }
    .agency .badges .badge { font-size: 1.3rem; }
    .agency .state { margin-top: -0.2em; margin-left: 6px; padding: 0 10px; font-size: 1.2rem; }
}


/* 서비스센터 안내 - 상세 */
.agency .section-agency-view .flex { display: flex; justify-content: space-between; }
.agency .section-agency-view .side { width: 49.3671%; }
.agency .section-agency-view .contents { padding-top: 170px; width: 43.038%; }
.agency .section-agency-view .heading { margin-bottom: 60px; line-height: 1.2; font-size: 4.4rem; font-weight: 700; color: var(--clr-dark); }
.agency .section-agency-view .state { padding: 0 10px; margin-top: 0.625em; }
.agency .section-agency-view .info .row { display: flex; padding: 22px 24px; border-bottom: 1px solid var(--border); }
.agency .section-agency-view .info .row:first-child { border-top: 1px solid var(--border); }
.agency .section-agency-view .info .row .col { font-size: 1.8rem; }
.agency .section-agency-view .info .row .col:first-child { position: relative; padding-right: 20px; width: 90px; color: var(--clr-dark); font-weight: 600; }
.agency .section-agency-view .info .row .col:last-child { flex: 1 1; padding-left: 20px; }
.agency .section-agency-view p.text { margin-top: 40px; padding: 32px 26px; font-size: 1.6rem; color: #666666; background: #F7F7F7; }
.agency .section-agency-view .view-row { padding-top: 80px; }
.agency .section-agency-view .view-heading { margin-bottom: 40px; font-size: 3.2rem; font-weight: 600; color: var(--clr-dark); }
.agency .section-agency-view .map { z-index: 2; margin-top: 40px; height: 490px; }
.agency .section-agency-view .map div[title] { display: block; }
.agency .section-agency-view .info-box { display: flex; padding: 40px; background: #f7f7f7; }
.agency .section-agency-view .info-box .col { display: flex; width: 45%; }
.agency .section-agency-view .info-box dt { width: 34%; font-size: 1.8rem; color: var(--clr-dark); font-weight: 600; }
.agency .section-agency-view .info-box dt .icon { margin-right: 8px; }
.agency .section-agency-view .info-box dt .icon-metro::before { background-image: url('/images/metro-822d18db898e9ebc548a33960ab4383a.svg'); }
.agency .section-agency-view .info-box dt .icon-bus::before { background-image: url('/images/bus-fe001342740ef91e706e5b558a6aa1cf.svg'); }
.agency .section-agency-view .info-box dd { color: #666; }
.agency .section-agency-view .slider { position: relative; margin: 0 -60px; padding: 0 80px; }
.agency .section-agency-view .slider .swiper-button-prev,
.agency .section-agency-view .slider .swiper-button-next { top: 0; bottom: 0; margin: auto; width: 60px; height: 60px; }
.agency .section-agency-view .slider .swiper { margin: -34px 0; padding: 34px 0; }
.agency .section-agency-view .slider .swiper-pagination { display: flex; align-items: center; justify-content: center; bottom: 0; }
.agency .section-agency-view .slider .swiper-pagination-bullet { width: 10px; height: 10px; background: #DDDDDD ; opacity: 1; }
.agency .section-agency-view .slider .swiper-pagination-bullet-active { margin: 0 4px; width: 16px; background: var(--clr-primary); border-radius: 10px; }
.agency .section-agency-view .slider .swiper-slide { overflow: hidden; position: relative; }
.agency .section-agency-view .slider .swiper-slide::before { content: ''; display: block; padding-top: calc(443 / 680 * 100%); width: 100%; height: 0; }
.agency .section-agency-view .slider .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
@media screen and (min-width: 1025px) {
    .agency .section-agency-view .info .row .col:first-child::after { content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #D9D9D9; }
    .agency .section-agency-view .info-box .col:first-child { margin-right: 4%; }
}
@media screen and (max-width: 1024px) {
    .agency .section-agency-view .flex { flex-direction: column; justify-content: flex-start; }
    .agency .section-agency-view .side { width: 100%; }
    .agency .section-agency-view .contents { padding-top: 60px; width: 100%; }
    .agency .section-agency-view .heading { margin-bottom: 42px; font-size: 3.2rem; }
    .agency .section-agency-view p.text { margin-top: 30px; }
    .agency .section-agency-view .info .row { padding: 16px; }
    .agency .section-agency-view .info .row .col { font-size: 1.6rem; }
    .agency .section-agency-view .slider { margin: 0; padding: 0; }
    .agency .section-agency-view .slider .swiper-button-prev,
    .agency .section-agency-view .slider .swiper-button-next { display: none; }
    .agency .section-agency-view .view-heading { margin-bottom: 24px; font-size: 2.8rem; }
    .agency .section-agency-view .info-box { padding: 24px 36px 20px; flex-direction: column; }
    .agency .section-agency-view .info-box .col { flex-direction: column; margin-bottom: 20px; width: 100%; }
    .agency .section-agency-view .info-box .col:last-child { margin-bottom: 0; }
    .agency .section-agency-view .info-box dt { margin-bottom: 6px; margin-left: -8px; width: 100%; font-size: 1.6rem; }
    .agency .section-agency-view .info-box dd { width: 100%; }
    .agency .section-agency-view .dot-list > li { font-size: 1.5rem; }
    .agency .section-agency-view .map { height: 430px; }
}
@media screen and (max-width: 768px) {
    .agency .section-agency-view .heading { margin-bottom: 24px; font-size: 2.4rem; }
    .agency .section-agency-view .info .row { flex-direction: column; padding: 16px 0; }
    .agency .section-agency-view .info .row .col { font-size: 1.5rem; }
    .agency .section-agency-view .info .row .col:first-child { margin-bottom: 4px; padding-right: 0; width: 100%; }
    .agency .section-agency-view .info .row .col:last-child { padding-left: 0; }
    .agency .section-agency-view .state { margin-top: 0.2em; }
    .agency .section-agency-view .view-heading { margin-bottom: 16px; font-size: 2.4rem; }
    .agency .section-agency-view .info-box { padding: 24px 24px 20px; }
    .agency .section-agency-view .dot-list > li { font-size: 1.4rem; }
    .agency .section-agency-view .map { height: 360px; }
}
@media screen and (max-width: 500px) {
    .agency .section-agency-view .map { height: 280px; }
}




/* 온라인 상담 */
.consult .section-consult .inner { display: flex; justify-content: space-between; }
.consult .side { z-index: 3; position: relative; width: 290px; background: #fff; }
.consult .side .sticky { position: sticky; top: 140px; left: 0; }
.consult .side .tab .button { justify-content: flex-start; padding: 0 20px 0 30px; width: 100%; height: 70px; line-height: 70px; font-size: 1.8rem; font-weight: 700; color: #666666; background: #F7F7F7; border: 1px solid #F7F7F7; border-radius: 40px; box-sizing: border-box; white-space: nowrap; }
.consult .side .tab .button::before { background: var(--clr-dark); }
.consult .side .tab .button::after { content: ''; position: absolute; top: 0; right: 24px; bottom: 0; margin: auto; width: 24px; height: 24px; background: url('/images/chevron-right-gray-deb2ed22deaf25a01e84d007a9f005b8.svg') no-repeat center / auto 100%; transition: all ease .35s; }
.consult .side .tab .button[aria-selected="true"] { color: #fff; background: var(--clr-dark); border-color: var(--clr-dark); }
.consult .side .tab .button[aria-selected="true"]::after { filter: brightness(0) invert(1); }
.consult .contents { width: 71.3287%; }
.consult .message-box { margin-bottom: 80px; }
.consult .message-box .title { margin-bottom: 20px; font-size: 2.4rem; font-weight: 700; }
.consult .message-box .text { font-size: 2rem; }
.consult .consult-section:not(:last-child) { padding-bottom: 60px; }
.consult .consult-section .heading { margin-bottom: 24px; padding-bottom: 20px; font-size: 3.2rem; font-weight: 700; border-bottom: 1px solid #333; }
@media screen and (min-width: 1025px) {
	.consult .side .sticky { overflow-x: hidden; overflow-y: auto; width: 290px; }
	.consult .side .sticky::-webkit-scrollbar { width: 8px; }
	.consult .side .sticky::-webkit-scrollbar-thumb { background-color: #1D3641; border-radius: 8px; }
	.consult .side .sticky::-webkit-scrollbar-track { background-color: #D9D9D9; border-radius: 8px; }
	.consult .side .tab .list { display: block; transform: none !important; }
	.consult .side .tab .item { margin-bottom: 10px; }
	.consult .side .tab .item:last-child { margin-bottom: 0; }
	.consult .side .tab .button { width: 290px; }
    .consult .side .tab .button:hover { color: #fff; border-color: var(--clr-dark); }
    .consult .side .tab .button:hover::after { filter: brightness(0) invert(1); }
	/* .consult .side .tab .button:hover .icon { transform: translateX(0); opacity: 1; }
    .consult .side .tab .button:hover::before { background: #fff; } */
	.consult .side .tab .swiper-scrollbar { display: none; }
}
@media screen and (max-width: 1024px) {
    .consult { flex-direction: column; margin-top: -14px; padding-left: 0; }
    .consult .side { overflow: hidden; position: sticky; top: 70px; left: 0; margin: 0 -5%; padding: 14px 5% 4px; width: 110%; background: #fff; }
    .consult .side .sticky { position: static; }
    .consult .side .tab { overflow: visible; padding-bottom: 20px; }
    .consult .side .tab .item { width: auto; }
    .consult .side .tab .button { padding-right: 1.25em; padding-left: 1.25em; width: auto; height: 50px; font-size: 1.4rem; border-color: transparent; }
    .consult .side .tab .button .icon { display: none; }
    /* .consult .side .tab .swiper-slide:first-child .button { padding-left: 0; } */
    /* .consult .side .tab .swiper-slide:last-child .button { padding-right: 0; } */
    .consult .side .tab .button::after { content: none; }
    /* .consult .side .tab .button[aria-selected="true"] { font-weight: 700; color: var(--clr-primary); background-color: transparent; border-color: transparent; } */
    .consult .contents { width: 100%; }
    .consult .consult-section .heading { margin-bottom: 16px; padding-bottom: 10px; font-size: 2.6rem; }
    .consult .message-box { margin-bottom: 56px; }
    .consult .message-box .title { margin-bottom: 16px; font-size: 1.8rem; }
    .consult .message-box .text { font-size: 1.6rem; }
    .consult .consult-section:not(:last-child) { padding-bottom: 40px; }
}
@media screen and (max-width: 768px) {
    .consult .message-box { margin-bottom: 34px; }
    .consult .message-box .title { margin-bottom: 10px; font-size: 1.6rem; }
    .consult .message-box .text { font-size: 1.4rem; }
    .consult .consult-section .heading { font-size: 2rem; }
}


/* .consult .section-consult .inquiry-table { border-top: 1px solid #1c1c1c; } */
.consult .section-consult .inquiry-table th { vertical-align: top; padding: 30px 10px 16px 0; width: 130px; text-align: left; font-size: 1.8rem; font-weight: 600; }
.consult .section-consult .inquiry-table td { padding: 16px 0; font-size: 1.6rem; }
/* .consult .section-consult .inquiry-table td:first-child { padding-right: 30px; } */
/* .consult .section-consult .inquiry-table td:last-child { padding-left: 30px; } */
.consult .section-consult .inquiry-table p { margin: 10px 0; }
.consult .section-consult .inquiry-table p:last-child { margin-bottom: 0; }
.consult .section-consult .input,
.consult .section-consult .select,
.consult .section-consult .textarea { width: 100%; background-color: #fff; border-radius: 0px; }
.consult .section-consult .textarea { height: 280px; }
.consult .section-consult .radio label { font-size: inherit; color: inherit; }
/* .consult .section-consult p { margin-top: 14px; font-size: 16px; color: #999999; } */
.consult .section-consult .check input { min-width: auto; width: 24px; }
.consult .section-consult .agree .terms { overflow-x: hidden; overflow-y: auto; padding: 30px 40px; height: 210px; font-size: 1.4rem; background: #F7F7F7; }
.consult .section-consult .agree .check { flex-wrap: wrap; margin-top: 20px; }
.consult .section-consult .bottom-button { display: flex; align-items: center; justify-content: center; margin-top: 80px; }
.consult .section-consult .bottom-button .button { margin: 0 8px; width: 175px; color: #666666; }
.consult .section-consult .bottom-button .button::before { content: none; }
.consult .section-consult .bottom-button .button-primary { color: #fff; }
@media screen and (pointer: fine) {

}
@media screen and (min-width: 1025px) {
	.consult .section-consult table td { height: 60px; }
}
@media screen and (max-width: 1024px) {
    .consult .section-consult { border-radius: 12px; }
    .consult .section-consult .inner { flex-direction: column; }
    .consult .section-consult .input,
    .consult .section-consult .select,
    .consult .section-consult .textarea { min-width: auto; width: 100%; }
    .consult .section-consult .textarea { height: 200px; }
	.consult .section-consult .inquiry-table,
	.consult .section-consult .inquiry-table tbody,
	.consult .section-consult .inquiry-table tr,
	.consult .section-consult .inquiry-table th,
	.consult .section-consult .inquiry-table td { display: block; }
	.consult .section-consult .inquiry-table th { padding: 16px 0 6px; width: 100%; font-size: 1.6rem; }
	.consult .section-consult .inquiry-table td { padding: 6px 0 16px; }
    .consult .section-consult .inquiry-table tr:first-child td:first-child { padding-top: 32px; }
    .consult .section-consult .inquiry-table td:first-child { padding-right: 0; width: 100% !important; }
    .consult .section-consult .inquiry-table td:last-child { padding-left: 0; width: 100% !important; }
    .consult .section-consult .inquiry-table .th { margin-top: 0; margin-bottom: 14px; }
	.consult .section-consult .input { width: 100%; }
	.consult .section-consult .inquiry-head { margin-bottom: 20px; }
	.consult .section-consult .inquiry-head .title { font-size: 30px; }
	.consult .section-consult .inquiry-head .note { margin-bottom: 6px; font-size: 14px; }
	/* .consult .section-consult .inquiry-body .terms-container { margin-top: 40px; } */
	.consult .section-consult .inquiry-foot { margin-top: 50px; }
	.consult .section-consult .inquiry-foot .button { height: 50px; }
    .consult .section-consult .agree .terms { padding: 16px 24px; height: 180px; }
    .consult .section .section-heading { font-size: 2.6rem; margin-bottom: 60px; }
    .consult .section-consult .bottom-button { margin: 46px -4px 0; }
    .consult .section-consult .bottom-button .button { margin: 0 4px; }
}
@media screen and (max-width: 768px) {
    .consult .section-consult .contents { padding-top: 34px; border-radius: 8px; }
    .consult .section-consult .textarea { height: 160px; }
    .consult .input-group.email { flex-wrap: wrap; }
    .consult .input-group.email .col:last-child { width: 100%; }
    .consult .input-group.email .input,
    .consult .input-group.email .select { min-width: auto; }
	.consult .section-consult .inquiry-head { margin-bottom: 14px; }
	.consult .section-consult .inquiry-head .title { font-size: 24px; }
	.consult .section-consult .inquiry-head .note { font-size: 13px; }
	/* .consult .section-consult .inquiry-body .terms-container { margin-top: 30px; } */
    .consult .section-consult .inquiry-foot { margin-top: 35px; }

    .consult .section .section-heading { font-size: 1.8rem; margin-bottom: 45px; }
    .consult .section-consult .bottom-button { margin-top: 34px; }
}


/* 제품안전수칙 */
.safety .section-intro { padding: 76px 0 80px; text-align: center; }
.safety .section-intro .heading { margin: 80px 0 36px; font-size: 4rem; font-weight: 600; color: var(--clr-dark); visibility: hidden; }
.safety .section-intro .text { font-size: 2.4rem; visibility: hidden; }
.safety .section-intro .text b { font-weight: 500; }
.safety .section-list { position: relative; }
.safety .section-list .flex { position: relative; margin: 0 auto; width: 90%; max-width: 1600px; height: 100%; }
.safety .section-list .item { position: relative; padding: 80px 0; height: 830px; border-top: 1px solid var(--border); }
.safety .section-list .item:last-child { padding-bottom: 0; }
.safety .section-list .order { display: block; margin-bottom: 30px; font-style: normal; font-family: var(--font-display); font-size: 3.2rem; font-weight: 400; color: var(--clr-primary); }
.safety .section-list .heading { line-height: 1.4; font-size: 4rem; font-weight: 600; color: var(--clr-dark); }
.safety .section-list .contents { position: absolute; right: 0; bottom: 0; max-width: 490px; width: 28vw; }
.safety .section-list .mobile-image { display: none; }
.safety .section-list .image-list { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.safety .section-list .image-list .center { position: sticky; top: 30px; left: 0; width: 100%; height: 100vh; }
.safety .section-list .image-list .images { position: absolute; top: 50%; left: 50%; margin-top: -30px; transform: translate(-50%, -50%); transition: opacity .15s ease; width: min(534px, 44000vw / 1440); height: min(670px, 57000vw / 1440); overflow: hidden; }
.safety .section-list .image-list .images .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(101%); }
.safety .section-list .image-list .images .image:first-child { transform: translateY(0); }
.safety .section-list .image-list .images .image img { width: 100%; height: 100%; object-fit: cover; }
@media screen and (max-width: 1024px) {
    .safety .section-intro { padding: 0 0 60px; }
    .safety .section-intro .heading { margin: 60px 0 26px; font-size: 3rem; }
    .safety .section-intro .text { font-size: 1.8rem; }
    .safety .section-list .item { padding: 40px 0; height: auto; border-top: none; }
    .safety .section-list .item:first-child { padding-top: 20px; }
    .safety .section-list .image-list { display: none; }
    .safety .section-list .contents { position: static; margin-top: 20px; max-width: none; width: 100%; }
    .safety .section-list .order { margin-bottom: 4px; font-size: 2rem; }
    .safety .section-list .heading { font-size: 2.6rem; }
    .safety .section-list .mobile-image { display: block; margin-bottom: 20px; }
}
@media screen and (max-width: 768px) {
    .safety .section-list .mobile-image { margin-bottom: 14px; }
    .safety .section-intro .heading { margin: 40px 0 20px; font-size: 2rem; }
    .safety .section-intro .text { font-size: 1.6rem; }
    .safety .section-list .order { margin-bottom: 0px; font-size: 1.6rem; }
    .safety .section-list .heading { font-size: 2rem; }
}


/* 품질보증제도 */
.warranty .section-intro { padding: 76px 0 80px; text-align: center; }
.warranty .section-intro .inner { visibility: hidden; }
.warranty .section-intro .heading { margin: 80px 0 36px; font-size: 4rem; font-weight: 600; color: var(--clr-dark); }
.warranty .section-intro .text { font-size: 2.4rem; }
.warranty .section-intro .text b { font-weight: 500; }
.warranty .section-feature { padding: 80px 0 160px; background: #F7F7F7; }
.warranty .section-feature .inner { max-width: 1140px; }
.warranty .section-feature .lists .item { display: flex; flex-wrap: wrap; margin-bottom: 20px; font-size: 2rem; font-weight: 600; }
.warranty .section-feature .lists .item:last-child { margin-bottom: 0; }
.warranty .section-feature .lists .order { display: inline-flex; justify-content: center; margin-right: 0.6429em; width: 125px; height: 50px; line-height: 50px; font-size: 1.8rem; font-weight: 600; color: #fff; background: var(--clr-primary); border-radius: 50px; }
.warranty .section-feature .lists .text { flex: 1 0; margin-top: 0.45em; }
.warranty .section-feature .lists .ul { margin-top: 20px; margin-left: 140px; padding: 32px 40px; width: 100%; background: #fff; }
.warranty .section-feature .lists .ul li { margin-bottom: 4px; font-size: 1.6rem; font-weight: 400; }
.warranty .section-feature .lists .ul li:last-child { margin-bottom: 0; }
@media screen and (max-width: 1024px) {
    .warranty .section-intro { padding: 40px 0 60px; }
    .warranty .section-intro .heading { margin: 60px 0 26px; font-size: 3rem; }
    .warranty .section-intro .text { font-size: 1.8rem; }
    .warranty .section-feature .lists .item { margin-bottom: 14px; font-size: 1.8rem; }
    .warranty .section-feature .lists .order { width: 100px; height: 45px; line-height: 45px; font-size: 1.6rem; }
    .warranty .section-feature .lists .ul li { font-size: 1.5rem; }
}
@media screen and (max-width: 768px) {
    .warranty .section-intro .heading { margin: 40px 0 20px; font-size: 2rem; }
    .warranty .section-intro .text { font-size: 1.6rem; }
    .warranty .section-feature .lists .item { flex-direction: column; margin-bottom: 24px; font-size: 1.6rem; }
    .warranty .section-feature .lists .order { font-size: 1.5rem; height: 40px; line-height: 40px; }
    .warranty .section-feature .lists .ul { margin-left: 0; margin-top: 14px; padding: 24px 32px; }
    .warranty .section-feature .lists .ul li { font-size: 1.4rem; }
}


/* 자주하는 질문 */
/* accordion */
.faq__list { position: relative; border-top: 1px solid var(--border); }
.faq__list .badge { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right: 40px; padding: 0 10px; min-width: 105px; height: 40px; line-height: 40px; font-size: 1.6rem; color: #666666; border: 1px solid var(--border); border-radius: 40px; }
.faq__list .badge-primary { color: var(--clr-primary); border-color: var(--clr-primary); }
.faq__list .badge-red { color: var(--clr-red); border-color: var(--clr-red); }
.faq__list .badge-black { color: var(--clr-black); border-color: var(--clr-black); }
.faq__group { position: relative; border-bottom: 1px solid var(--border); }
.faq__group[data-category] { display: none; }
.faq__tab { z-index: 2; display: inline-flex; position: relative; padding: 28px 60px 26px 40px; width: 100%; line-height: 1.5; text-align: left; font-size: 2.4rem; font-weight: 600; background: transparent !important; border-radius: 0; white-space: revert; }
.faq__tab .icon { position: absolute; top: 30px; right: 36px; width: 34px; height: 34px; transition: transform ease .15s; }
.faq__tab .icon::before { content: ''; display: block; width: 100%; height: 100%; background: url('/images/chevron-down-0463b4d818d04009112761bc04b17c3e.svg') no-repeat center / auto 100%; }
.faq__tab[aria-expanded="true"] .icon::before { transform: scaleY(-1); }
.faq__panel { overflow: hidden; transition-duration: .35s; transition-property: transform, opacity, height; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.faq__panel[aria-hidden="true"] { height: 0; transform: translate3d(0, -0.5rem, 0);  }
.faq__panel[aria-hidden="false"] { height: auto; transform: translate3d(0, 0, 0); }
.faq__contents { display: flex; padding: 40px; background: #F7F7F7; }
@media screen and (max-width: 1024px) {
	.faq__list .badge { margin-right: 0; margin-bottom: 12px; min-width: 100px; height: 35px; line-height: 35px; line-height: 1; font-size: 1.4rem; }
	.faq__tab { display: block; padding: 16px 30px 16px 16px; font-size: 1.6rem; }
    .faq__tab .title { display: block; width: 100%; }
	.faq__tab .icon { top: 24px; width: 24px; height: 24px; }
	.faq__contents { display: block; padding: 20px 30px 20px 16px; }
	.faq__panel { line-height: 1.5; }
}
@media screen and (max-width: 768px) {
    .faq__list .badge { min-width: 85px; font-size: 1.3rem; }
    .faq__tab { font-size: 1.5rem; }
}


/* 제품 */
/* 리스트, 비교하기 */
.slide-menu { overflow: hidden; margin: -60px 0 60px; padding: 24px 0 8px; background: #F7F7F7; }
.slide-menu .swiper { overflow: visible; margin: 0; padding-bottom: 16px; }
.slide-menu .swiper-slide { position: relative; padding: 0 60px; width: auto; }
.slide-menu .swiper-slide::after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 2px; height: 50%; background: #DDDDDD; }
.slide-menu .swiper-slide:first-child { padding-left: 0; }
.slide-menu .swiper-slide:last-child { padding-right: 0; }
.slide-menu .swiper-slide:last-child::after { content: none; }
.slide-menu .swiper-slide .check { margin-top: 0.1em; }
.slide-menu .swiper-slide .check i { width: 16px; height: 16px; }
.slide-menu .swiper-slide .check i::after { background-color: var(--clr-primary); background-image: url('/images/check-light-f14c69de934354fd45d2ecc04cba38b6.svg'); background-size: auto 100%; }
.slide-menu .swiper-slide .check label { padding-left: 12px; font-size: 2rem; color: #999999; }
.slide-menu .swiper-slide .check input { width: 16px; height: 16px; }
.slide-menu .swiper-slide .check input:checked ~ label { font-weight: 700; color: var(--clr-primary); }

.products .section-product-list .inner { display: flex; justify-content: space-between; }
.products .section-product-list .side { width: 310px; }
.products .section-product-list .side .title { margin-bottom: 30px; font-size: 2rem; font-weight: 700; color: var(--clr-dark); }
.products .section-product-list .contents { width: 73.125%; }
.products .section-product-list .category { border-top: 1px solid var(--border); }
.products .section-product-list .total { margin-bottom: 30px; font-size: 2.8rem; font-weight: 700; color: #DDDDDD; }
.products .section-product-list .total em { font-style: normal; color: var(--clr-dark); }
.products .section-product-list .search-box { margin-bottom: 30px; }
.products .section-product-list .search-box .box { overflow: hidden; position: relative; height: 50px; border: 1px solid var(--border); border-radius: 50px; }
.products .section-product-list .search-box .input { padding-right: 60px; width: 100%; height: 100%; border: none; outline: none; }
.products .section-product-list .search-box .submit { position: absolute; top: 0; right: 0; width: 60px; height: 100%; background: url('/images/search-139cc1ead4262b5247271cacda8c6256.svg') no-repeat center / auto 50%; }
.products .section-product-list .button-toggle-mobile { display: none; margin-bottom: 34px; width: 100%; }
.products .section-product-list .button-close-mobile { display: none; align-items: center; justify-content: center; position: absolute; top: 16px; right: 10px; padding: 0; width: 50px; height: 50px; }
.products .section-product-list .button-close-mobile::before { content: none; }
.products .section-product-list .button-close-mobile .icon { margin: 0; }
.products .section-product-list .product-list { display: flex; flex-wrap: wrap; margin: -15px; }
.products .section-product-list .product-list .item { padding: 15px; width: 33.3333%; }
.products .section-product-list .product-list .block { display: flex; flex-direction: column; justify-content: space-between; padding: 30px; height: 100%; background: #FAFAFA; transition: background ease .35s; }
.products .section-product-list .product-list .top { display: flex; align-items: center; position: relative; margin-bottom: 12px; min-height: 30px; }
.products .section-product-list .product-list .top .chip { position: relative; font-size: 1.6rem; }
.products .section-product-list .product-list .top .chip-text { margin-left: 28px; }
.products .section-product-list .product-list .top .chip-text::after { content: ''; position: absolute; top: 0; left: -14px; bottom: 0; margin: auto; width: 1px; height: 12px; background: var(--border); }
.products .section-product-list .product-list .top .chip-text:first-child { margin-left: 0; }
.products .section-product-list .product-list .top .chip-text:first-child:after { content: none; }
.products .section-product-list .product-list .top .chip-vital { font-size: 1.8rem; color: var(--clr-primary); font-weight: 600; }
.products .section-product-list .product-list .top .chip-badge { padding: 0 14px; height: 30px; line-height: 30px; font-size: 1.6rem; font-weight: 600; color: #fff; background: var(--clr-primary); border-radius: 30px; }
.products .section-product-list .product-list .top .chip-badge.chip-red { background: var(--clr-red); }
.products .section-product-list .product-list .top .chip-badge.chip-gray { background: #666666; }
.products .section-product-list .product-list .thumbnail { overflow: hidden; position: relative; }
.products .section-product-list .product-list .thumbnail::before { content: ''; display: block; padding-top: 100%; width: 100%; height: 0; }
.products .section-product-list .product-list .thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.products .section-product-list .product-list .title { margin-top: 24px; margin-bottom: auto; text-align: center; }
.products .section-product-list .product-list .title p { font-size: 2.4rem; font-weight: 700; color: var(--clr-dark); }
.products .section-product-list .product-list .title .model { font-size: 1.6rem; font-weight: 600; color: var(--clr-primary); }
.products .section-product-list .product-list .text { margin-top: 24px; text-align: center; font-size: 1.4rem; color: #666666; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.products .section-product-list .product-list .bottom { display: flex; flex-direction: column; margin-top: 20px; padding-top: 28px; border-top: 1px solid var(--border); }
.products .section-product-list .product-list .bottom .button { margin-top: 12px; width: 100%; height: 50px; line-height: 50px; font-size: 1.6rem; font-weight: 500; }
.products .section-product-list .product-list .bottom .button:first-child { margin-top: 0; }
.products .section-product-list .product-list .bottom .button .icon { margin-left: -20px; margin-right: 0.25em; }

.products .compare-preview { z-index: 12; display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); transition: transform ease .35s; }
.products .compare-preview .heading { font-size: 2.4rem; font-weight: 700; color: #151515; }
.products .compare-preview-head { display: flex; align-items: center; justify-content: space-between; margin-right: auto; margin-left: auto; padding: 16px 0; max-width: 1680px; width: 90%; }
.products .compare-preview-head .button-container { margin: 0 -3px; }
.products .compare-preview-head .button-container .button { margin: 0 3px; width: 135px; height: 45px; line-height: 45px; font-size: 1.6rem; border-radius: 45px; }
.products .compare-preview-head .button-container .button-reset::before { content: none; }
.products .compare-preview-head .button-container .button-reset span { text-decoration: underline; text-underline-offset: 0.365em; }
.products .compare-preview-body { margin-right: auto; margin-left: auto; padding-bottom: 20px; max-width: 1680px; width: 90%; }
.products .compare-preview-body .list { display: flex; margin: -20px; }
.products .compare-preview-body .list .item { padding: 20px; width: 25%; }
.products .compare-preview-body .list .block { display: flex; align-items: center; position: relative; padding: 20px; height: 100%; border: 1px solid var(--border); transition: all ease .35s; }
.products .compare-preview-body .list .title .model { display: block; margin-bottom: 4px; font-size: 1.2rem; font-weight: 600; color: var(--clr-primary); }
.products .compare-preview-body .list .title p { overflow: hidden; font-size: 1.6rem; font-weight: 700; color: var(--clr-dark); text-overflow: ellipsis; white-space: nowrap; transition: all ease .35s; }
.products .compare-preview-body .list .thumbnail { flex: 0 0 auto; overflow: hidden; position: relative; margin-right: 24px; width: 73px; background: #fff; }
.products .compare-preview-body .list .thumbnail::before { content: ''; display: block; padding-top: calc(86 / 80 * 100%); width: 100%; height: 0; }
.products .compare-preview-body .list .thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.products .compare-preview-body .list .title { width: calc(100% - 97px); }
.products .compare-preview-body .list .message { overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding: 18px; width: 100%; height: 100%; border: 1px dashed var(--border); }
.products .compare-preview-body .list .message .text { display: flex; align-items: center; justify-content: center; width: 100%; line-height: 1.5; text-align: center; font-size: 1.6rem; color: #444444; }
.products .compare-preview-body .list .message .icon { margin-bottom: 10px; }
.products .compare-preview-body .list .delete { position: absolute; top: 0; right: 0; padding: 0; width: 50px; height: 50px; background: transparent !important; transition: all ease .35s; }
.products .compare-preview-body .list .delete .icon { margin: 0; }
.products .compare-preview-body .list .delete::before { content: none; }
.products .compare-preview-foot { overflow: hidden; position: absolute; bottom: 100%; left: 0; right: 0; margin-right: auto; margin-left: auto; margin-bottom: -0.1em; padding: 10px 10px 0; max-width: 1700px; width: 90%; text-align: center; pointer-events: none; }
.products .compare-preview-foot .toggle { width: 70px; height: 30px; background: #fff; border-radius: 4px 4px 0 0; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); pointer-events: all; }
.products .compare-preview-foot .toggle::before { content: ''; display: block; width: 100%; height: 100%; background: url('/images/chevron-down-0463b4d818d04009112761bc04b17c3e.svg') no-repeat center / auto 100%; transform: revert; transition: transform ease .15s; }
.products .compare-preview[data-compare-preview] { display: block; }
.products .compare-preview[data-compare-preview="closed"] { transform: translateY(calc(100% - 78px)); }
.products .compare-preview[data-compare-preview="closed"] .compare-preview-foot .toggle::before { transform: scaleY(-1); }

.products .compare-row { display: flex; margin: -12px; }
.products .compare-column { flex: 1 1; padding: 12px; }
.products .compare-column-heading { flex: 0 1 auto; }
.products .compare-column-heading .heading { width: 175px; font-size: 24px; font-weight: 700; color: #151515; }
.products .compare-column-heading.mobile { display: none; margin-bottom: 14px;}
.products .compare-result-container .inner { max-width: 100%; width: 100%; padding: 0 36px; }
.products .compare-result-container .sub-tit { text-align: center; padding: 150px 0 100px; margin-bottom: 0; }
.products .compare-result-container .sub-tit h2 { font-size: 72px; font-weight: 600; color: #151515; }
.products .compare-result { padding: 84px; border-radius: 24px; background: #fff; }
.products .compare-result-head { margin-bottom: 60px; padding: 190px 0 30px; border-bottom: 1px solid var(--border); }
.products .compare-result-head .heading { text-align: center; font-size: 5.6rem; font-weight: 700; color: var(--clr-dark); }
.products .compare-result-body .block { display: flex; flex-direction: column; justify-content: space-between; position: relative; padding: 48px 36px 30px; height: 100%; background: #FAFAFA; transition: all ease .35s; }
.products .compare-result-body .message { overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding: 18px; width: 100%; height: 100%; border: 1px dashed var(--border); }
.products .compare-result-body .message .text { display: flex; align-items: center; justify-content: center; width: 100%; line-height: 1.5; text-align: center; font-size: 1.6rem; color: #666; }
.products .compare-result-body .message .icon { margin-bottom: 10px; }
.products .compare-result-body .title { margin: 0 0 20px; }
.products .compare-result-body .title .model { font-size: 1.6rem; font-weight: 600; color: var(--clr-primary); }
.products .compare-result-body .title p { overflow: hidden; font-size: 2rem; font-weight: 700; color: var(--clr-dark); transition: color ease .35s; }
.products .compare-result-body .thumbnail { overflow: hidden; position: relative; margin-top: auto; border-radius: 8px; aspect-ratio: 1.466 / 1; } 
.products .compare-result-body .thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.products .compare-result-body .empty .message { overflow: hidden; position: relative; border-radius: 8px; border: 1px dashed #888888;     aspect-ratio: 1.53 / 1;} 
.products .compare-result-body .empty .message .text { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 1.3; text-align: center; color: #444444; padding:0 5px;  font-size: 15px; }
.products .compare-result-body .delete { display: flex; align-items: center; justify-content: center; position: absolute; top: 40px; right: 24px; padding: 0; width: 40px; height: 40px; background: transparent !important; transition: filter ease .35s; }
.products .compare-result-body .delete::before { content: none; }
.products .compare-result-body .delete .icon { margin: 0; }
.products .compare-result-body .bottom { margin-top: 30px; padding-top: 20px; text-align: center; border-top: 1px solid var(--border); }
.products .compare-result-body .bottom .button { max-width: 165px; width: 100%; height: 45px; line-height: 45px; font-size: 1.6rem; }
.products .compare-result-body .table { margin-top: 40px; width: 100%; border-top: 2px solid var(--clr-dark); }
.products .compare-result-body .table .row { display: flex; border-bottom: 1px solid var(--border); }
.products .compare-result-body .table .th { padding: 24px; width: 214px; text-align: center; font-size: 1.8rem; font-weight: 600; color: #151515; }
.products .compare-result-body .table .td { flex: 1 1; padding: 24px; text-align: center; font-size: 1.6rem; color: #666666; }
.products .compare-result-foot { margin-top: 70px; text-align: center; }
.products .compare-result-foot .button { width: 165px; }
.products .compare-result-scroll { position: relative; }
.products .compare-result-scroll .accessibility-text { display: none; position: absolute; top: 0; left: -20px; width: calc(100% + 40px); height: 100%; background: rgba(0, 0, 0, .5); pointer-events: none; }
.products .compare-result-scroll .accessibility-text p { display: flex; flex-direction: column; align-items: center; margin-top: 100px; width: 100%; height: 100%; text-align: center; font-size: 1.6rem; font-weight: 600; color: #fff; }
.products .compare-result-scroll .accessibility-text .icon { width: 60px; height: 60px; }
.products .compare-result-scroll .accessibility-text .icon::before { background: url('/images/icon-hand-e4bd454e55d379d783dfe99b3364fe9c.png') no-repeat center / 40px; }
@media (hover: hover) and (pointer: fine) {
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1024px) {
    .slide-menu { margin: -50px 0 42px; padding: 16px 0 0; }
    .slide-menu .swiper-slide { padding: 0 20px; }
    .slide-menu .swiper-slide::after { content: none; }
    .slide-menu .swiper-slide .check label { font-size: 1.6rem; }
    .slide-menu .swiper-scrollbar { height: 4px; }
    
    .products .section-product-list .inner { flex-direction: column; }
    .products .section-product-list .side { width: 100%; }
    .products .section-product-list .contents { width: 100%; }
    .products .section-product-list .search-box { margin-bottom: 36px; }
    .products .section-product-list .button-toggle-mobile { display: block; }
    .products .section-product-list .button-close-mobile { display: inline-flex; }
    .products .section-product-list .product-list { margin: -10px; }
    .products .section-product-list .product-list .top { margin-bottom: 20px; min-height: 25px; }
    .products .section-product-list .product-list .top .chip { font-size: 1.5rem; }
    .products .section-product-list .product-list .top .chip-vital { font-size: 1.5rem; }
    .products .section-product-list .product-list .top .chip-badge { height: 25px; line-height: 25px; font-size: 1.4rem; }
    .products .section-product-list .product-list .item { padding: 10px; }
    .products .section-product-list .product-list .block { padding: 24px; }
    .products .section-product-list .product-list .title p { line-height: 1.4; font-size: 2rem; }
    .products .section-product-list .product-list .title .model { font-size: 1.4rem; }
    .products .section-product-list .product-list .text { display: none; }
    .products .section-product-list .product-list .bottom { margin-top: 16px; padding-top: 20px; }
    .products .section-product-list .product-list .bottom .button { height: 45px; line-height: 45px; font-size: 1.5rem; }
    .products .section-product-list .product-list .bottom .button .icon { margin-left: -16px; width: 20px; height: 20px; }
    .products .section-product-list .side .title { display: none; }
    .products .section-product-list .total { margin-bottom: 20px; font-size: 2rem; }
    .products .section-product-list .category { overflow-x: hidden; overflow-y: auto; display: none; z-index: 12; position: fixed; top: 0; left: 0; padding: 80px 24px 24px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }
    .products .section-product-list .category__list { padding: 16px; background: #fff; }
    .products .section-product-list .category__tab { font-size: 1.6rem; }
    .products .section-product-list .category.on { display: block; }
    
    .products .compare-preview .heading { font-size: 1.6rem; }
    .products .compare-preview-head .button-container .button { width: auto; padding: 0 20px; font-size: 1.4rem; }
    .products .compare-preview-body { padding-bottom: 20px; }
    .products .compare-preview-body .list { margin: -6px; }
    .products .compare-preview-body .list .thumbnail { margin-right: 0; width: 50px; }
    .products .compare-preview-body .list .item { padding: 6px; }
    .products .compare-preview-body .list .block { flex-direction: column; align-items: flex-start; padding: 16px; }
    .products .compare-preview-body .list .title { width: calc(100% - 80px); font-size: 1.6rem; }
    .products .compare-preview-body .list .title .model { margin-bottom: 0; }
    .products .compare-preview-body .list .delete { top: 0; right: 0; }
    .products .compare-preview-body .list .delete .icon { width: 20px; height: 20px; }
    .products .compare-preview-body .list .message .text { font-size: 1.4rem; }
    .products .compare-preview-body .list .message .icon { margin-bottom: 6px; width: 20px; height: 20px; }
    .products .compare-preview-foot .toggle { width: 60px; height: 24px; }
    .products .compare-preview[data-compare-preview="closed"] { transform: translateY(calc(100% - 85px)); }

    .products .compare-row { flex-wrap: wrap; margin: -6px; }
    .products .compare-column { padding: 6px; }
    .products .compare-column-heading { width: 100%; }
    .products .compare-column-heading .heading { width: auto; font-size: 20px; }
    .products .compare-result { padding: 60px 5%; }
    .products .compare-result-container .sub-tit h2 { font-size: 4.8rem; }
    .products .compare-result-head { padding: 160px 0 30px; }
    .products .compare-result-head .heading { font-size: 4.2rem; }
    .products .compare-result-head .button-container { margin: 0 -3px; }
    .products .compare-result-head .button-container .button { margin: 0 3px; height: 45px; line-height: 45px; font-size: 1.4rem; }
    .products .compare-result-head .button-container .button .icon::before { width: 16px; height: 16px; }
    .products .compare-result-head .button-container .button .icon:last-child { margin-left: 6px; }
    .products .compare-result-body .block { padding: 20px; }
    .products .compare-result-body .title { margin-bottom: 12px; }
    .products .compare-result-body .title .model { font-size: 1.3rem; }
    .products .compare-result-body .title p { font-size: 1.6rem; }
    .products .compare-result-body .delete { top: 10px; right: 8px; }
    .products .compare-result-body .delete .icon { width: 20px; height: 20px; }
    .products .compare-result-body .bottom { margin-top: 20px; padding-top: 16px; }
    .products .compare-result-body .bottom .button { height: 40px; line-height: 40px; font-size: 1.4rem; }
    .products .compare-result-body .table { margin-top: 30px; }
    .products .compare-result-body .table .row { flex-wrap: wrap; }
    .products .compare-result-body .table .th { padding: 16px 20px 6px; width: 100%; text-align: left; font-size: 1.6rem; border-right: none; }
    .products .compare-result-body .table .td { padding: 0 20px 16px; text-align: left; font-size: 1.4rem; }
    .products .compare-result-body .thumbnail::before { height: 110px; }
    .products .compare-result-body .empty .message::before { height: 110px; }
}
@media screen and (max-width: 768px) {
    .slide-menu { margin-top: -42px; }

    .products .section-product-list .product-list { margin: -6px; }
    .products .section-product-list .product-list .item { padding: 6px; width: 50%; }
    .products .section-product-list .product-list .block { padding: 16px; }
    .products .section-product-list .product-list .top { margin-bottom: 10px; }
    .products .section-product-list .product-list .top .chip { font-size: 1.4rem; }
    .products .section-product-list .product-list .top .chip-vital { font-size: 1.3rem; }
    .products .section-product-list .product-list .top .chip-text { display: none; }
    .products .section-product-list .product-list .title p { font-size: 1.6rem; }
    .products .section-product-list .product-list .title .model { font-size: 1.3rem; }
    .products .section-product-list .product-list .bottom .button { margin-top: 6px; padding: 0 10px; height: 40px; line-height: 40px; font-size: 1.3rem; white-space: nowrap; }
    
    .products .compare-preview .heading { font-size: 1.4rem; }
    .products .compare-preview-head { padding: 15px 0; }
    .products .compare-preview-head .button-container .button { height: 40px; line-height: 40px; }
    .products .compare-preview-head .button-container .button-reset { padding: 0 10px; }
    .products .compare-preview-body .list { overflow-y: auto; overflow-x: hidden; flex-direction: column; height: 190px; }
    .products .compare-preview-body .list .block { display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-radius: 6px; }
    .products .compare-preview-body .list .item { width: 100%; }
    .products .compare-preview-body .list .thumbnail { flex-shrink: 0; border-radius: 6px; }
    .products .compare-preview-body .list .thumbnail::before { padding-top: 0; width: 75px; height: 50px; }
    .products .compare-preview-body .list .title { flex: 1 1; margin-bottom: 0; padding-left: 14px; font-size: 1.4rem; }
    /* .products .compare-preview-body .list .delete { top: 32px; right: 20px; } */
    .products .compare-preview[data-compare-preview="closed"] { transform: translateY(calc(100% - 70px)); }
    .products .compare-table { overflow-x: auto; overflow-y: hidden; position: relative; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; padding-bottom: 6px; }
    .products .compare-table .compare-column-heading { display: none; }
    .products .compare-row { min-width: 240%; }
    .products .compare-column-heading .heading { font-size: 18px; }
    .products .compare-column-heading.mobile { display: block; }
    .products .compare-result { padding: 30px 20px; }
    .products .compare-result-head { padding: 140px 0 30px; }
    .products .compare-result-head .heading { font-size: 3rem; }
    .products .compare-result-container .inner { padding: 0; width: 94%; }
    .products .compare-result-body .delete { top: 4px; right: 2px; }
    .products .compare-result-body .block { padding: 12px; }
    .products .compare-result-body .title { margin-bottom: 8px; font-size: 1.4rem; }
    .products .compare-result-body .table .th { padding: 12px 16px 6px; }
    .products .compare-result-body .table .td { padding: 0 16px 12px; }
    .products .compare-result-scroll .accessibility-text { display: block; }
    .products .compare-result-scroll.scrolled .accessibility-text { display: none; }
}


/* 상세 */
.products .product-view-head .inner { display: flex; justify-content: space-between; }
.products .product-view-head .side { width: 46.25%; }
.products .product-view-head .contents { width: 48.75%; }
.products .product-view-head .swiper-main .thumbnail,
.products .product-view-head .swiper-main .video { overflow: hidden; position: relative; background: #F7F7F7; }
.products .product-view-head .swiper-main .thumbnail::before,
.products .product-view-head .swiper-main .video::before { content: ''; display: block; padding-top: calc(643 / 740 * 100%); width: 100%; height: 0; }
.products .product-view-head .swiper-main .thumbnail img,
.products .product-view-head .swiper-main .video video,
.products .product-view-head .swiper-main .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.products .product-view-head .swiper-thumbs { margin-top: 20px; }
.products .product-view-head .swiper-thumbs .thumbnail::before,
.products .product-view-head .swiper-thumbs .video::before { content: ''; display: block; padding-top: calc(110 / 170 * 100%); width: 100%; height: 0; }
.products .product-view-head .swiper-thumbs .thumbnail::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid var(--border); transition: border ease .15s; }
.products .product-view-head .swiper-thumbs .thumbnail img,
.products .product-view-head .swiper-thumbs .video img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.products .product-view-head .swiper-thumbs .video::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(0, 130, 144, 0.8);
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_4054_951' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='2' y='2' width='28' height='29'%3E%3Cpath d='M15.9994 29.8327C23.3634 29.8327 29.3327 23.8634 29.3327 16.4994C29.3327 9.13535 23.3634 3.16602 15.9994 3.16602C8.63535 3.16602 2.66602 9.13535 2.66602 16.4994C2.66602 23.8634 8.63535 29.8327 15.9994 29.8327Z' fill='white' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M13.332 16.4995V11.8809L17.332 14.1902L21.332 16.4995L17.332 18.8089L13.332 21.1182V16.4995Z' fill='black' stroke='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4054_951)'%3E%3Cpath d='M0 0.5H32V32.5H0V0.5Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}
.products .product-view-head .swiper-thumbs .swiper-slide { cursor: pointer; box-sizing: border-box; }
.products .product-view-head .swiper-thumbs .swiper-slide-thumb-active .thumbnail::after { border-color: var(--clr-primary); }
.products .product-view-head .top { display: flex; align-items: center; margin-bottom: 40px; }
.products .product-view-head .top .chip { position: relative; font-size: 1.8rem; }
.products .product-view-head .top .chip:not(:last-child) { padding-right: 30px; }
.products .product-view-head .top .chip:not(:last-child)::after { content: ''; position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; width: 1px; height: 46%; background: var(--border); }
.products .product-view-head .top .chip-vital { color: var(--clr-primary); font-weight: 600; }
.products .product-view-head .top .chip-text { color: var(--clr-dark); }
.products .product-view-head .heading { line-height: 1.4; font-size: 4rem; font-weight: 700; color: var(--clr-dark); }
.products .product-view-head .heading .model { margin-bottom: 14px; display: block; font-size: 2rem; font-weight: 500; color: var(--clr-primary); }
.products .product-view-head .text { margin-top: 30px; padding-top: 40px; font-size: 1.6rem; color: #666666; border-top: 1px solid var(--border); }
.products .product-view-head .labels { display: flex; margin-top: 40px; }
.products .product-view-head .labels .title { position: relative; margin: 0.2em 0 auto; padding-right: 40px; font-size: 1.6rem; font-weight: 600; color: var(--clr-dark); }
.products .product-view-head .labels .title::after { content: ''; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; width: 1px; height: 46%; background: var(--border); }
.products .product-view-head .labels .lists { display: flex; flex-wrap: wrap; align-items: center; margin: -20px; }
.products .product-view-head .labels .lists .item { padding: 20px; }
.products .product-view-head .labels .lists .item a { position: relative; }
.products .product-view-head .labels .lists .item a::after {
    content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 30px; height: 30px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    background-color: var(--clr-primary);
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2633 19.7803L21.3166 21.8337M20.668 16.167C20.668 17.4931 20.1412 18.7648 19.2035 19.7025C18.2658 20.6402 16.9941 21.167 15.668 21.167C14.3419 21.167 13.0701 20.6402 12.1324 19.7025C11.1948 18.7648 10.668 17.4931 10.668 16.167C10.668 14.8409 11.1948 13.5691 12.1324 12.6315C13.0701 11.6938 14.3419 11.167 15.668 11.167C16.9941 11.167 18.2658 11.6938 19.2035 12.6315C20.1412 13.5691 20.668 14.8409 20.668 16.167Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    opacity: 0;
}
.products .product-view-head .specification { overflow: hidden; margin-top: 40px; border: 1px solid var(--border); border-radius: 10px; }
.products .product-view-head .specification .table { width: 100%; }
.products .product-view-head .specification .table tr { border-bottom: 1px solid var(--border); }
.products .product-view-head .specification .table tr:last-child { border-bottom: none; }
.products .product-view-head .specification .table th { padding: 20px 20px 20px 28px; width: 165px; text-align: left; font-size: 1.6rem; color: var(--clr-dark); font-weight: 600; background: #F7F7F7; }
.products .product-view-head .specification .table td { padding: 20px; font-size: 1.6rem; color: var(--clr-dark); }
.products .product-view-head .bottom-button { display: flex; align-items: center; margin-top: 20px; margin-left: -12px; margin-right: -12px; }
.products .product-view-head .bottom-button .button { flex: 1 1; margin: 0 12px; }
.products .product-view-head .bottom-button .button::before { content: none; }
.products .product-view-head .bottom-button .button-border { color: var(--clr-dark) !important; }
.products .product-view-body { position: relative; margin-top: 80px; padding-top: 80px; border-top: 1px solid var(--border); }
.products .product-view-body .top { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.products .product-view-body .top .sticky { z-index: 11; position: sticky; top: 0; left: 0; width: 100%; height: 90px; background: #F7F7F7; }
.products .product-view-body .top .inner { display: flex; align-items: center; height: 100%; }
.products .product-view-body .top .heading { margin-right: 2%; max-width: 200px; width: 100%; line-height: 1.4; font-size: 1.8rem; font-weight: 700; color: var(--clr-dark); overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.products .product-view-body .top .lists { display: flex; align-items: center; margin: 0 -20px; }
.products .product-view-body .top .lists .item { padding: 0 16px; }
.products .product-view-body .top .lists .item .link { font-size: 1.6rem; font-weight: 700; color: #999999; transition: all ease .1s; }
.products .product-view-body .top .lists .item .link.on { color: var(--clr-dark); }
.products .product-view-body .top .buttons { display: flex; align-items: center; margin-left: auto; }
.products .product-view-body .top .buttons .button { margin-left: 16px; padding-right: 6px; padding-left: 0; font-size: 1.6rem; color: var(--clr-dark) !important; background: transparent !important; border: none !important; }
.products .product-view-body .top .buttons .button::before { content: none; }
.products .product-view-body .top .buttons .button::after { content: ''; display: inline-flex; width: 24px; height: 24px; background: url('/images/chevron-right-6cfb0faf25124f59045ee09ad511347b.svg') no-repeat center / auto 80%; }
.products .product-view-body .context { color: var(--clr-dark); }
.products .product-view-body .detail-section { padding-top: 100px; }
.products .product-view-body .detail-section .center { margin-right: auto; margin-left: auto; max-width: 980px; width: 100%; }
.products .product-view-body .detail-section .section-title { position: relative; margin-bottom: 40px; padding-left: 0.625em; line-height: 1.3; font-size: 2.4rem; font-weight: 700; color: var(--clr-primary); }
.products .product-view-body .detail-section .section-title::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 3px; height: 80%; background: var(--clr-primary); }
.products .product-view-body .product-list { position: relative; margin: 0 -60px; padding: 0 60px; }
.products .product-view-body .product-list .swiper-button-next,
.products .product-view-body .product-list .swiper-button-prev { bottom: auto; top: 36%; }
.products .product-view-body .product-list .thumbnail { overflow: hidden; position: relative; background: #F7F7F7; }
.products .product-view-body .product-list .thumbnail::before { content: ''; display: block; padding-top: 100%; width: 100%; height: 0; }
.products .product-view-body .product-list .thumbnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.products .product-view-body .product-list .title { margin-top: 24px; }
.products .product-view-body .product-list .title p { padding-right: 1em; font-size: 2rem; font-weight: 700; color: var(--clr-dark); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.products .product-view-body .product-list .title .model { display: block; margin-bottom: 6px; padding-right: 1em; font-size: 1.6rem; font-weight: 600; color: var(--clr-primary); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (hover: hover) and (pointer: fine) {
    .products .product-view-head .labels .lists .item a:hover::after { opacity: 1; }
    .products .product-view-body .top .lists .item .link:hover { color: var(--clr-dark); }
}
@media screen and (min-width: 1025px) {
    .products .product-view-body .product-list .swiper-pagination,
    .products .product-view-body .product-list .swiper-scrollbar { display: none; }
}
@media screen and (max-width: 1024px) {
    .products .product-view-head .top .chip { font-size: 1.5rem; }
    .products .product-view-head .inner { display: block; }
    .products .product-view-head .side { width: 100%; }
    .products .product-view-head .contents { margin-top: 60px; width: 100%; }
    .products .product-view-head .swiper-thumbs { margin-top: 5px; }
    .products .product-view-head .top { margin-bottom: 30px; }
    .products .product-view-head .top .chip:not(:last-child) { padding-right: 20px; }
    .products .product-view-head .top .chip:not(:last-child)::after { right: 10px; }
    .products .product-view-head .heading { font-size: 3.2rem; }
    .products .product-view-head .heading .model { margin-bottom: 10px; font-size: 1.8rem; }
    .products .product-view-head .text { margin-top: 24px; padding-top: 26px; font-size: 1.5rem; }
    .products .product-view-head .labels { margin-top: 30px; }
    .products .product-view-head .labels .lists { margin: -16px; }
    .products .product-view-head .labels .lists .item { padding: 16px; }
    .products .product-view-head .specification .table th { padding: 16px 16px 16px 20px; font-size: 1.5rem; }
    .products .product-view-head .specification .table td { padding: 16px; font-size: 1.5rem; }
    .products .product-view-head .bottom-button { margin-right: -6px; margin-left: -6px; }
    .products .product-view-head .bottom-button .button { margin: 0 6px; }
    .products .product-view-body { overflow: hidden; margin-top: 0; padding-top: 0; border-top: none; }
    .products .product-view-body .top { display: none; }
    .products .product-view-body .detail-section { padding-top: 80px; }
    .products .product-view-body .detail-section .section-title { margin-bottom: 34px; font-size: 2rem; }
    .products .product-view-body .product-list { margin: 0; padding: 0; }
    .products .product-view-body .product-list .swiper { overflow: visible; padding-bottom: 40px; }
    .products .product-view-body .product-list .swiper-button-next,
    .products .product-view-body .product-list .swiper-button-prev { display: none; }
    .products .product-view-body .product-list .title { margin-top: 16px; }
    .products .product-view-body .product-list .title .model { margin-bottom: 0; font-size: 1.4rem; }
    .products .product-view-body .product-list .title p { font-size: 1.8rem; }
}
@media screen and (max-width: 768px) {
    .products .product-view-head .top .chip { font-size: 1.3rem; }
    .products .product-view-head .heading { font-size: 2.4rem; }
    .products .product-view-head .heading .model { margin-bottom: 4px; font-size: 1.6rem; }
    .products .product-view-head .top { margin-bottom: 20px; }
    .products .product-view-head .text { margin-top: 16px; padding-top: 20px; font-size: 1.4rem; }
    .products .product-view-head .labels { flex-direction: column; align-items: flex-start; }
    .products .product-view-head .labels .title { margin-top: 0; margin-bottom: 14px; padding-right: 0; }
    .products .product-view-head .labels .title::after { content: none; }
    .products .product-view-head .labels .lists { margin: -10px; }
    .products .product-view-head .labels .lists .item { padding: 10px; }
    .products .product-view-head .labels .lists .item img { width: auto; height: 28px; }
    .products .product-view-head .specification .table th { padding: 12px 12px 12px 14px; width: 135px; font-size: 1.4rem; }
    .products .product-view-head .specification .table td { padding: 12px; font-size: 1.4rem; }
    .products .product-view-body .detail-section .section-title { margin-bottom: 26px; font-size: 1.8rem; }
    .products .product-view-body .product-list .title { margin-top: 10px; }
    .products .product-view-body .product-list .title .model { font-size: 1.2rem; }
    .products .product-view-body .product-list .title p { font-size: 1.5rem; }
    .products .product-view-body .product-list .swiper { padding-bottom: 26px; }
}
@media screen and (max-width: 500px) {
    .products .product-view-head .swiper-thumbs .video::after { background-size: auto 42%; }
    .products .product-view-head .bottom-button { flex-direction: column; }
    .products .product-view-head .bottom-button .button { margin-top: 10px; width: 100%; }
}


/* 검색 결과 */
.products .section-search .search-handler { margin: 90px 0 60px; background: rgba(255, 255, 255, 1); }
.products .section-search .search-handler-wrapper { position: relative; padding: 100px 60px 60px; background: #F7F7F7; } 
.products .section-search .search-handler form { display: block; width: 100%; }
.products .section-search .search-handler .heading { margin-bottom: 34px; text-align: center; font-size: 5.6rem; font-weight: 700; color: var(--clr-dark); }
.products .section-search .search-handler .input-group { position: relative; margin: auto; max-width: 780px; background: #fff; border: 1px solid #ddd; border-radius: 55px; }
.products .section-search .search-handler .input-group .search { position: absolute; top: 0; right: 0; width: 80px; height: 100%; background: url('/images/search-139cc1ead4262b5247271cacda8c6256.svg') no-repeat center / auto 46%; }
.products .section-search .search-handler .input-group .input { padding-right: 100px; padding-left: 20px; width: 100%; height: 55px; font-size: 1.6rem; font-weight: 400; background: transparent; border: none; outline: none; }
.products .section-search .inner { display: block; }
.products .section-search .result-heading { margin-bottom: 60px; text-align: center; }
.products .section-search .result-heading .heading { margin-bottom: 20px; font-size: 3.2rem; color: var(--clr-dark); }
.products .section-search .result-heading .heading strong { font-weight: 600; }
.products .section-search .result-heading .text { font-size: 2rem; }
.products .section-search .result-heading .text em { font-style: normal; color: var(--clr-primary); font-weight: 600; }
.products .section-search .result-heading .text strong { font-weight: 600; color: var(--clr-dark); }
@media screen and (min-width: 1025px) {
    .products .section-search .product-list .item { width: 25%; }
}
@media screen and (max-width: 1024px) {
    .products .section-search .search-handler { margin-top: 70px; }
    .products .section-search .search-handler .heading { margin-bottom: 20px; font-size: 3.6rem; }
    .products .section-search .search-handler-wrapper { padding: 60px 5% 42px; }
    .products .section-search .search-handler .input-group .input { padding-right: 60px; height: 50px; }
    .products .section-search .search-handler .input-group .search { width: 50px; height: 50px; }
    .products .section-search .result-heading .heading { font-size: 2.4rem; }
    .products .section-search .result-heading .text { font-size: 1.8rem; }
}
@media screen and (max-width: 768px) {
    .products .section-search .search-handler .heading { margin-bottom: 14px; font-size: 2.4rem; }
    .products .section-search .result-heading .heading { font-size: 2rem; }
    .products .section-search .result-heading .text { font-size: 1.5rem; }
}


/* 블루 웨이브 */
.bluewave .section .section-heading { text-align: center; font-size: 4rem; font-weight: 700; }
.bluewave .section-intro { position: relative; padding-bottom: 160px; }
.bluewave .section-intro::before { content: ''; z-index: 2; position: absolute; top: 90px; left: 0; width: 100%; height: 200px; background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); pointer-events: none; }
.bluewave .section-intro video { display: block; width: 100%; height: auto; }
.bluewave .section-intro .inner { z-index: 2; position: absolute; top: 230px; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; }
.bluewave .section-intro img { visibility: hidden; }
.bluewave .section-intro .heading { margin: 40px 0; visibility: hidden; }
.bluewave .section-intro .text { text-align: center; font-size: 2.8rem; font-weight: 600; color: #101010; visibility: hidden; }
.bluewave .section-about { padding: 0 0 100px; }
.bluewave .section-about .inner { display: flex; justify-content: space-between; max-width: 1440px; }
.bluewave .section-about .side { width: 39.2361%; }
.bluewave .section-about .contents { width: 40.625%; }
.bluewave .section-about .heading { margin: 10px 0 40px; font-size: 4rem; font-weight: 700; color: var(--clr-primary); }
.bluewave .section-about .subtitle { font-size: 2.2rem; font-weight: 600; color: var(--clr-black); }
.bluewave .section-about .text { margin-top: 16px; color: #666; }
.bluewave .section-about .lists .item { margin-bottom: 100px; }
.bluewave .section-about .lists .item:last-child { margin-bottom: 0; }
.bluewave .section-about .lists .title { display: flex; margin: 26px 0 14px; font-size: 2.4rem; font-weight: 600; color: var(--clr-dark); }
.bluewave .section-about .lists .title .order { margin-top: 0.165em; padding-right: 0.5em; font-style: normal; font-family: var(--font-display); font-size: 2rem; font-weight: 400; color: var(--clr-primary); }
.bluewave .section-about .lists .text { color: var(--clr-dark); }
.bluewave .section-about .lists .text b { font-weight: 500; }
.bluewave .section-schedule { overflow: hidden; position: relative; padding: 225px 0 325px; background: #026D7A; }
/* .bluewave .section-schedule::before,
.bluewave .section-schedule::after { content: ''; position: absolute; left: 0; width: 100%; height: 125px; background: url('/images/sub/bluewave/shape-1-29f36036f8bc479b21ebe31ab17ac097.png') no-repeat top center / 100% auto; mix-blend-mode: lighten; }
.bluewave .section-schedule::before { top: 0; }
.bluewave .section-schedule::after { bottom: 0; transform: scaleY(-1); } */
.bluewave .section-schedule .section-heading { color: #fff; }
.bluewave .section-schedule .wave { position: absolute; left: 0; width: 100%; }
.bluewave .section-schedule .wave::before { content: ''; position: absolute; left: 0; width: 100%; height: 66%; background: #fff; }
.bluewave .section-schedule .wave svg { display: block; width: 100%; height: auto; }
.bluewave .section-schedule .wave-1 { top: 0; }
.bluewave .section-schedule .wave-1::before { top: 0; }
.bluewave .section-schedule .wave-2 { bottom: 0; }
.bluewave .section-schedule .wave-2::before { bottom: 0; }
.bluewave .section-info { padding-top: 100px; text-align: center; }
.bluewave .schedule { padding: 80px; background: #fff; border-radius: 40px; }
.bluewave .schedule .footnote { margin-top: 40px; text-align: center; }
.bluewave .schedule .footnote p { margin-top: 10px; }
.bluewave .schedule .footnote p strong { font-size: 2.2rem; font-weight: 600; color: var(--clr-primary); }
@media screen and (max-width: 1024px) {
    .bluewave .section .section-heading { margin-bottom: 34px; font-size: 3rem; }
    .bluewave .section-intro { padding: 120px 0 60px; background-size: auto 100%; }
    .bluewave .section-intro::before { top: 70px; }
    .bluewave .section-intro .inner { top: 160px; }
    .bluewave .section-intro .logo { width: auto; height: 24px; }
    .bluewave .section-intro .heading { margin: 30px 0; }
    .bluewave .section-intro .heading svg { width: auto; height: 60px; }
    .bluewave .section-intro .text { font-size: 2rem; }
    .bluewave .section-about .heading { font-size: 3rem; margin: 5px 0 30px; }
    .bluewave .section-about .subtitle { font-size: 2rem; }
    .bluewave .section-about .text { margin-top: 10px; }
    .bluewave .section-about .lists .title { font-size: 2rem; margin: 16px 0 10px; }
    .bluewave .section-about .lists .title .order { margin-top: 0.1em; font-size: 1.8rem; }
    .bluewave .section-about .lists .item { margin-bottom: 60px; }
    .bluewave .section-about .side svg { width: 64px; height: auto; }
    .bluewave .section-schedule { padding: 120px 0; }
    .bluewave .schedule { padding: 36px; border-radius: 24px; }
    .bluewave .schedule .footnote { margin-top: 26px; }
    .bluewave .schedule .footnote p { margin-top: 8px; }
    .bluewave .schedule .footnote p strong { font-size: 1.8rem; }
}
@media screen and (max-width: 768px) {
    .bluewave .section .section-heading { margin-bottom: 24px; font-size: 2.4rem; }
    .bluewave .section-intro .inner { top: 20%; }
    .bluewave .section-intro .logo { height: 18px; }
    .bluewave .section-intro .heading { margin: 20px 0; }
    .bluewave .section-intro .heading svg { height: 30px; }
    .bluewave .section-intro .text { font-size: 1.6rem; }
    .bluewave .section-about { padding-bottom: 80px; }
    .bluewave .section-about .inner { flex-direction: column; }
    .bluewave .section-about .side { width: 100%; }
    .bluewave .section-about .contents { width: 100%; margin-top: 60px; }
    .bluewave .section-about .heading { font-size: 2rem; margin: 5px 0 20px; }
    .bluewave .section-about .subtitle { font-size: 1.6rem; }
    .bluewave .section-about .text { margin-top: 0; }
    .bluewave .section-about .lists .title { font-size: 1.8rem; margin: 10px 0 6px; }
    .bluewave .section-about .lists .title .order { font-size: 1.6rem; }
    .bluewave .section-about .lists .item { margin-bottom: 30px; }
    .bluewave .section-schedule { padding: 80px 0; }
    .bluewave .section-info { padding-top: 80px; }
    .bluewave .schedule { padding: 24px; border-radius: 12px; }
    .bluewave .schedule .footnote p { font-size: 1.4rem; }
    .bluewave .schedule .footnote p strong { font-size: 1.6rem; }
}
@media screen and (max-width: 600px) {
    .bluewave .section-intro { overflow: hidden; }
    .bluewave .section-intro video { position: relative; top: 0; left: 50%; width: 160%; transform: translateX(-50%); }
}

/* 일정관리 */
.fc .fc-button:focus { box-shadow: none; }
.fc .fc-button .fc-icon { display: none; }
.fc .fc-toolbar { justify-content: center; position: relative; margin: 0 auto; padding: 0 50px; width: 330px; }
.fc .fc-header-toolbar .fc-today-button {
    display: none;
}
.fc .fc-toolbar.fc-header-toolbar { margin-bottom: 40px; }
.fc .fc-button-group { position: static; }
.fc .fc-button-primary { background: none; border: none; }
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active { background: transparent; border: none; outline: none; }
.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus { box-shadow: none; }
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { margin-left: 0; }
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child),
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { border-radius: 50%; }
.fc .fc-header-toolbar .fc-prev-button,
.fc .fc-header-toolbar .fc-next-button { position: absolute; top: 0; bottom: 0; margin: auto !important; width: 50px; height: 50px; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: auto 50% !important; border: 1px solid #aaa !important; border-radius: 50%; outline: none !important; }
.fc .fc-header-toolbar .fc-prev-button { left: 0; background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' stroke='%23aaaaaa' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.98655 2L2 9L8.98655 16'/%3E%3C/svg%3E%0A") !important; }
.fc .fc-header-toolbar .fc-next-button { right: 0; background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' stroke='%23aaaaaa' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99978 16L8.98633 9L1.99978 2'/%3E%3C/svg%3E%0A") !important; }
.fc .fc-header-toolbar .fc-prev-button:active,
.fc .fc-header-toolbar .fc-next-button:active { border: 1px solid #00B5C6 !important; }
.fc .fc-header-toolbar .fc-prev-button:hover,
.fc .fc-header-toolbar .fc-next-button:hover { border: 1px solid #00B5C6 !important; }
.fc .fc-header-toolbar .fc-prev-button:hover { background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' stroke='%2300B5C6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.98655 2L2 9L8.98655 16'/%3E%3C/svg%3E%0A") !important; }
.fc .fc-header-toolbar .fc-next-button:hover { background-image: url("data:image/svg+xml,%3Csvg width='11' height='18' viewBox='0 0 11 18' fill='none' stroke='%2300B5C6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.99978 16L8.98633 9L1.99978 2'/%3E%3C/svg%3E%0A") !important; }
.fc .fc-toolbar-title { font-size: 2.8rem; font-weight: 600; color: var(--clr-dark); }
.fc .fc-toolbar-chunk:nth-child(2) { display: none; }
.fc .fc-toolbar-chunk:nth-child(3) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* .fc-theme-standard .fc-scrollgrid { border: 1px solid var(--border); } */
/* .fc-theme-standard td, */
/* .fc .fc-scroller { position: static; overflow: visible !important; } */
.fc .fc-scroller-harness { overflow: visible; }
.fc-theme-standard th { padding: 0; }
.fc-col-header th { padding: 0.514em 0; background: #F7F7F7; }
.fc .fc-col-header-cell-cushion { font-size: 2rem; font-weight: 600; color: var(--clr-dark); text-decoration: none; }
.fc .fc-day-sun .fc-daygrid-day-number,
.fc .fc-day-sun .fc-col-header-cell-cushion { color: #DC3545; }
.fc .fc-day-sat .fc-daygrid-day-number,
.fc .fc-day-sat .fc-col-header-cell-cushion { color: #286FEF; }
.fc .fc-daygrid-day-number { font-size: 1.6rem; font-weight: 400; color: var(--clr-dark); text-decoration: none; }
.fc .fc-daygrid-day-frame {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.5em 0.5em 0.825em;
}
.fc-daygrid-day-events::after, .fc-daygrid-day-events::before, .fc-daygrid-day-frame::after, .fc-daygrid-day-frame::before, .fc-daygrid-event-harness::after, .fc-daygrid-event-harness::before {
    content: none;
}
.fc .fc-daygrid-day-top { flex-direction: row; margin-bottom: 20px; }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { margin-bottom: auto; }
.fc .fc-daygrid-day.fc-day-today { background: #fff; }
.fc .fc-daygrid-day-frame-holiday .fc-daygrid-day-number { color: rgb(220, 53, 69); }
/* .fc .fc-daygrid-day.fc-day-today { background: #fff5e2; } */
.fc-h-event { margin-bottom: 20px; }
.fc-h-event .fc-event-title { padding: 0.25em 1em; font-size: 1.4rem; font-weight: 600; color: #fff; border-radius: 50px; }
.fc-h-event .fc-event-subtitle { margin-top: 0.35em; font-size: 1.7rem; font-weight: 400; color: var(--clr-dark); border-radius: 50px; }
.fc-daygrid-dot-event { flex-direction: column; align-items: flex-start; }
.fc .fc-daygrid-event { position: relative; }
.fc .remove-event { position: absolute; top: 0; right: 0; font-size: 1.5em; color: var(--clr-dark); cursor: pointer; }
.fc-event-main { display: none; }

.fc .fc-tooltip {
    width: 388px;
    padding: 40px 30px;
    position: absolute;
    top: 45px;
    left: -20px;
    background-color: #fff;
    border: 1px solid #008290;
    box-shadow: 0 0 10px 0 rgba(39, 44, 44, 0.1);
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.15s;
}

.fc .fc-tooltip .triangle {
    position: absolute;
    top: -28px;
    left: 20px;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid transparent;
}

.fc .fc-tooltip .triangle::before,
.fc .fc-tooltip .triangle::after {
        content: "";
    position: absolute;
    border-style: solid;
}
.fc .fc-tooltip .triangle::before {
        left: -1px;
    top: -1px;
    border-width: 0 12px 15px 13px;
    border-color: transparent transparent #3996a0 transparent;
}
.fc .fc-tooltip .triangle::after {
        left: 1px;
    top: 1px;
    border-width: 1px 11px 12px 11px;
    border-color: transparent transparent #ffffff transparent;
}

.fc .fc-tooltip-head { display: flex; position: relative; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--border); }
.fc .fc-tooltip-head::after { content: ''; position: absolute; top: 4px; right: 0; width: 24px; height: 24px; background: url('/images/chevron-right-6cfb0faf25124f59045ee09ad511347b.svg') no-repeat center / auto 100%; }
.fc .fc-tooltip-head .badge { flex: 0 0 auto; margin-right: 12px; padding: 0 10px; height: 30px; line-height: 30px; font-size: 1.6rem; font-weight: 600; color: #fff; border-radius: 30px; }
.fc .fc-tooltip-head .title { font-size: 2rem; font-weight: 600; color: var(--clr-dark); }
.fc .fc-tooltip-body ul li { display: flex; margin-bottom: 8px; font-size: 1.6rem; color: var(--clr-dark); }
.fc .fc-tooltip-body ul li:last-child { margin-bottom: 0; }
.fc .fc-tooltip-body ul li .icon { flex: 0 0 auto; margin-right: 8px; }
.fc .fc-event:hover ~ .fc-tooltip,
.fc-tooltip:hover { opacity: 1; visibility: visible; }
@media screen and (min-width: 1025px) {
    .bluewave .section-schedule .section-heading { margin-bottom: 40px; }
}
@media screen and (max-width: 1024px) {
    .fc .fc-scrollgrid-section,
    .fc .fc-scrollgrid-section table,
    .fc .fc-scrollgrid-section > td { height: auto; }
    .fc .fc-scrollgrid table { height: auto !important; }
    .fc .fc-view-harness-active > .fc-view { position: static; }
    /* .fc-theme-standard .fc-scrollgrid { border: none; }
    .fc .fc-scroller-harness-liquid { height: auto; border-top: 1px solid var(--border); border-left: 1px solid var(--border); }
    */
    .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { min-height: 0em; }
    .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 30px; }
    .fc .fc-header-toolbar .fc-prev-button,
    .fc .fc-header-toolbar .fc-next-button { width: 40px; height: 40px; }
    .fc .fc-scroller-harness-liquid td { border: none; border-bottom: 1px solid var(--border); } 
    .fc .fc-scrollgrid-section-liquid > td { height: auto; }
    .fc .fc-view-harness { height: auto !important; }
    .fc .fc-scrollgrid table { display: block; }
    .fc .fc-scrollgrid tbody { display: block; }
    .fc .fc-scrollgrid tr { display: block; }
    .fc .fc-scrollgrid td { display: block; border-top: none; border-left: none; }
    .fc .fc-scrollgrid thead { display: none; }
    .fc .fc-daygrid-body { width: 100% !important; }
    .fc .fc-scroller-liquid-absolute { position: static; }
    .fc .fc-daygrid-day-top { margin-bottom: 10px; }
    .fc .fc-toolbar { width: 260px; }
    .fc .fc-toolbar-title { font-size: 2.4rem; }
    .fc .fc-daygrid-day { border-right: 1px solid var(--fc-border-color); }
    .fc .fc-daygrid-day-number { font-size: 1.5rem; }
    .fc-h-event .fc-event-title { padding: 0.2em 1em; font-size: 1.3rem; }
    .fc-h-event .fc-event-subtitle { font-size: 1.3rem; }
    .fc .fc-tooltip .triangle::before { border-width: 0 12px 15px 12px; }
    .fc .fc-tooltip .triangle::after { left: 0; border-width: 0 11px 14px 11px; }
    .fc .fc-tooltip { padding: 24px; min-width: 330px; width: auto; }
    .fc .fc-tooltip-head { margin-bottom: 14px; padding-bottom: 14px; }
    .fc .fc-tooltip-head::after { width: 20px; height: 20px; }
    .fc .fc-tooltip-head .badge { margin-right: 10px; height: 25px; line-height: 25px; font-size: 1.3rem; }
    .fc .fc-tooltip-head .title { font-size: 1.5rem; }
    .fc .fc-tooltip-body ul li { font-size: 1.3rem; }
    .fc .fc-tooltip-body ul li .icon { width: 20px; height: 20px; }
    .fc .fc-scrollgrid-section > td { border-right: none; }
}
@media screen and (max-width: 768px) {
    .fc .fc-toolbar-title { font-size: 2rem; }
}
@media screen and (max-width: 600px) {    
    .fc .fc-toolbar { width: 100%; }
}


/* 회원 공통 */
.ui-dialog .row { margin-top: 14px; }
.ui-dialog .row:first-child { margin-top: 0; }
.ui-dialog .row-heading { margin-bottom: 60px; }
.ui-dialog .row-large { margin-top: 24px; }
.ui-dialog .row-buttons { display: flex; justify-content: center; margin-top: 36px; margin-right: -5px; margin-left: -5px; }
.ui-dialog .row-buttons .button { flex: 1 1; margin-bottom: 0; margin-left: 5px; margin-right: 5px; }
.ui-dialog .row p { margin-top: 0.5em; margin-bottom: 0.5em; }
.ui-dialog .row p:first-child { padding-top: 0; }
.ui-dialog .row p:last-child { margin-bottom: 0; }
.ui-dialog .p-1 { font-size: 1.7rem; }
.ui-dialog .p-2 { font-size: 1.6rem; }
.ui-dialog .p-3 { font-size: 1.5rem; }
.ui-dialog .p-4 { font-size: 1.4rem; }
.ui-dialog .p-5 { font-size: 1.3rem; }
.ui-dialog .title { margin-bottom: 6px; font-size: 1.64rem; font-weight: 600; color: var(--clr-dark); }
.ui-dialog .input-group { display: flex; flex-wrap: nowrap; margin: 0 0 14px; }
.ui-dialog .input-group:last-child { margin-bottom: 0; }
.ui-dialog .input-group .button { min-width: 140px; width: auto; }
.ui-dialog .input-group * { margin-right: 10px; }
.ui-dialog .input-group *:last-child { margin-right: 0; }
.ui-dialog .input,
.ui-dialog .select,
.ui-dialog .button { width: 100%; height: 50px; font-size: 1.5rem; font-weight: 500; }
.ui-dialog .select { background-size: auto 50%; }
.ui-dialog .button { margin-bottom: 10px; line-height: 50px; }
.ui-dialog .button:last-child { margin-bottom: 0; }
.ui-dialog .button-small { width: auto; height: 40px; line-height: 40px; font-size: 1.5rem; }
.ui-dialog .check-round i::after { background-color: var(--clr-red); border-color: var(--clr-red); }
.ui-dialog .message { padding: 24px; text-align: center; font-size: 1.6rem; color: var(--clr-dark); background: #fafafa; border-radius: 10px; }
.ui-dialog .message b { font-weight: 500; }
.ui-dialog .message p { margin-top: 1em; margin-bottom: 1em; }
.ui-dialog .message p:last-child { margin-bottom: 0; }
.ui-dialog .message ul { list-style: revert; padding-left: 1.25em; }
.ui-dialog .message-large { font-size: 1.8rem; }
.ui-dialog .button-a { display: inline-flex; margin-top: 0.5em; text-decoration: underline; text-underline-offset: 0.25em; }
@media (hover: hover) and (pointer: fine) {
    .ui-dialog .button-a:hover { color: var(--clr-red); }
}
@media screen and (max-width: 1024px) {
    .ui-dialog .section-top { padding-top: 160px; }
    .ui-dialog .section-top .heading { font-size: 3.6rem; }
}
@media screen and (max-width: 768px) {
    .ui-dialog .section-top { margin-bottom: 36px; padding-top: 140px; }
    .ui-dialog .section-top .heading { font-size: 2.4rem; }
    .ui-dialog .row { margin-top: 10px; }
    .ui-dialog .row-large { margin-top: 16px; }
}


.forms .section-top { margin-bottom: 46px; padding: 170px 0 0; text-align: center; }
.forms .section-top .heading { font-size: 3.6rem; color: var(--clr-dark); }
.forms .row { margin-top: 20px; }
.forms .row:first-child { margin-top: 0; }
.forms .row-heading { margin-bottom: 60px; }
.forms .row-agree { margin-top: 6px; }
.forms .row-large { margin-top: 24px; }
.forms .row-buttons { display: flex; justify-content: center; margin-top: 36px; margin-right: -5px; margin-left: -5px; }
.forms .row-buttons .button { flex: 1 1; margin-bottom: 0; margin-left: 5px; margin-right: 5px; }
.forms .row p { margin-top: 0.5em; margin-bottom: 0.5em; }
.forms .row p:first-child { margin-top: 0; }
.forms .row p:last-child { margin-bottom: 0; }
.forms .p-1 { font-size: 1.7rem; }
.forms .p-2 { font-size: 1.6rem; }
.forms .p-3 { font-size: 1.5rem; }
.forms .p-4 { font-size: 1.4rem; }
.forms .p-5 { font-size: 1.3rem; }
.forms .title { margin-bottom: 6px; font-size: 1.64rem; font-weight: 600; color: var(--clr-dark); }
.forms .input-group { display: flex; flex-wrap: nowrap; margin: 0 0 14px; }
.forms .input-group:last-child { margin-bottom: 0; }
.forms .input-group .button { min-width: 140px; width: auto; }
.forms .input-group * { margin-right: 10px; }
.forms .input-group *:last-child { margin-right: 0; }
.forms .input-group i { margin-right: 0; }
.forms .input-group .radio { margin-right: 16px; }
.forms .input,
.forms .select,
.forms .button,
.forms .textarea { width: 100%; height: 55px; font-size: 1.5rem; font-weight: 500; }
.forms .textarea { height: 150px; }
.forms .select { background-size: auto 50%; }
.forms .button { margin-bottom: 10px; line-height: 50px; }
.forms .button:last-child { margin-bottom: 0; }
.forms .check-round i::after,
.forms .radio-round i::after { background-color: var(--clr-red); border-color: var(--clr-red); }
.forms .message { padding: 24px; text-align: center; font-size: 1.6rem; color: var(--clr-dark); background: #fafafa; border-radius: 10px; }
.forms .message b { font-weight: 500; }
.forms .message p { margin-top: 1em; margin-bottom: 1em; }
.forms .message p:last-child { margin-bottom: 0; }
.forms .message ul { list-style: revert; padding-left: 1.25em; }
.forms .message-large { font-size: 1.8rem; }
.forms .button-a { display: inline-flex; margin-top: 0.5em; font-size: 0.85em; text-decoration: underline; text-underline-offset: 0.25em; }
.forms .button-a:first-child,
.forms .title + .button-a { margin-top: 0; }
.forms .button-a .icon { margin: 0 0.25em; width: 16px; height: 16px; }
.forms .search-box-container { display: flex; justify-content: flex-end; }
.forms .search-box-container .search-box { margin-bottom: 30px; max-width: 300px; width: 100%; }
.forms .search-box-container .search-box .box { overflow: hidden; position: relative; height: 50px; border: 1px solid var(--border); border-radius: 50px; }
.forms .search-box-container .search-box .input { padding-right: 60px; width: 100%; height: 100%; border: none; outline: none; }
.forms .search-box-container .search-box .submit { position: absolute; top: 0; right: 0; width: 60px; height: 100%; background: url('/images/search-139cc1ead4262b5247271cacda8c6256.svg') no-repeat center / auto 50%; }
.forms .badge { display: inline-flex; padding: 0 1em; height: 30px; line-height: 30px; font-size: 1.5rem; font-weight: 500; color: #fff; background: #333; border-radius: 30px; }
.forms .badge-red { background: var(--clr-red); }
.forms .badge-gray { background: #888; }
.forms .button-auto { flex: 0 0 160px; width: auto; }
@media (hover: hover) and (pointer: fine) {
    .forms .button-a:hover { color: var(--clr-red); }
    .forms .button-a:hover .icon { filter: invert(35%) sepia(98%) saturate(6417%) hue-rotate(346deg) brightness(100%) contrast(91%); }
}
@media screen and (max-width: 1024px) {
    .forms .section-top { padding-top: 160px; }
    .forms .section-top .heading { font-size: 3.6rem; }
    .forms .message { font-size: 1.5rem; }
    .forms .row-heading { margin-bottom: 50px; }
    .forms .title { font-size: 1.6rem; }
    .forms .badge { font-size: 1.4rem; }
    .forms .textarea { height: 120px; }
}
@media screen and (max-width: 768px) {
    .forms .section-top { margin-bottom: 36px; padding-top: 140px; }
    .forms .section-top .heading { font-size: 2.4rem; }
    .forms .row { margin-top: 10px; }
    .forms .row-large { margin-top: 16px; }
    .forms .row-agree { margin-top: 6px; }
    .forms .row-heading { margin-bottom: 40px; }
    .forms .input,
    .forms .select,
    .forms .button,
    .forms .textarea { height: 50px; font-size: 1.4rem; }
    .forms .message { font-size: 1.4rem; }
    .forms .input-group .button { padding-right: 16px; padding-left: 16px; min-width: 100px; }
    .forms .badge { font-size: 1.3rem; }
    .forms .search-box-container .search-box { max-width: none; }
    .forms .textarea { height: 100px; }
}

/* 로그인 & 아이디/비밀번호 찾기 */
.authentication .identity { margin: auto; max-width: 460px; width: 100%; }
.authentication .identity .message { text-align: center; color: var(--clr-dark); }
.authentication .identity .message strong { font-weight: 600; }
.authentication .identity .link-list { display: flex; align-items: center; justify-content: center; margin: 0 16px; }
.authentication .identity .link-list .item { position: relative; padding: 0 16px; }
.authentication .identity .link-list .item:not(:last-child)::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 40%; background: var(--border); }
.authentication .identity .link-list .item a { font-size: 1.6rem; font-weight: 500; color: var(--clr-dark); }
@media (hover: hover) and (pointer: fine) {
    .authentication .identity .link-list .item a:hover { color: var(--clr-red); }
}
@media screen and (max-width: 1024px) {
    .authentication .identity .link-list .item a { font-size: 1.5rem; }
}
@media screen and (max-width: 768px) {
    .authentication .identity .link-list .item a { font-size: 1.4rem; }
    .authentication .identity .link-list { margin: 0 10px; }
    .authentication .identity .link-list .item { padding: 0 10px; }
}


/* 회원가입 */
.authentication .agreement { margin: auto; max-width: 700px; width: 100%; }
.authentication .agreement .check label { font-weight: 400; }

.authentication .join { margin: auto; max-width: 820px; width: 100%; }
@media screen and (max-width: 1024px) {
    
}
@media screen and (max-width: 768px) {
    
}


/* 약관 */
.policy .section-top { margin-bottom: 46px; padding: 180px 0 0; text-align: center; }
.policy .section-top .heading { font-size: 3.6rem; color: var(--clr-dark); }
.policy .section-policy .contents { margin-right: auto; margin-left: auto; max-width: 1000px; font-size: 1.6rem; }
.policy .section-policy .contents b { font-weight: 500; }
.policy .section-policy .contents h1 { margin-top: 2.875em; margin-bottom: 1em; font-size: 1.8rem; color: var(--clr-dark); }
.policy .section-policy .contents h1:first-child { margin-top: 0; }
.policy .section-policy .contents p { margin-top: 1em; margin-bottom: 1em; }
.policy .section-policy .contents ol li,
.policy .section-policy .contents ul li { margin-left: 1em; text-indent: -1em; margin-bottom: 0.5em; }
.policy .section-policy .contents ol ol,
.policy .section-policy .contents ol ul,
.policy .section-policy .contents ul ol,
.policy .section-policy .contents ul ul { margin-top: 0.5em; margin-bottom: 1em; }
.policy .section-policy .contents ol > li:last-child,
.policy .section-policy .contents ul > li:last-child,
.policy .section-policy .contents ol > li:last-child ol:last-child,
.policy .section-policy .contents ol > li:last-child ul:last-child,
.policy .section-policy .contents ul > li:last-child ol:last-child,
.policy .section-policy .contents ul > li:last-child ul:last-child,
.policy .section-policy .contents ol > li:last-child li:last-child,
.policy .section-policy .contents ul > li:last-child li:last-child { margin-bottom: 0; }
.policy .section-policy .contents .note { margin-bottom: 1.5em; padding: 2em; text-align: center; color: var(--clr-dark); background: #f7f7f7; border: 1px solid var(--border); }
@media screen and (max-width: 1024px) {
    .policy .section-top { margin-bottom: 34px; padding-top: 140px; }
    .policy .section-top .heading { font-size: 2.4rem; }
    .policy .section-policy .contents { font-size: 1.5rem; }
    .policy .section-policy .contents h1 { font-size: 1.7rem; }
    .policy .section-policy .contents .note { padding: 1.625em; }
}
@media screen and (max-width: 768px) {
    .policy .section-top { margin-bottom: 24px; padding-top: 120px; }
    .policy .section-top .heading { font-size: 2rem; }
    .policy .section-policy .contents { font-size: 1.4rem; }
    .policy .section-policy .contents h1 { font-size: 1.6rem; }
    .policy .section-policy .contents .note { padding: 1.25em; }
}


/* 정품등록 */
.file-upload { display: flex; flex-direction: column; position: relative; }
.file-upload:first-child { margin-top: 0; }
.file-upload .input-wrap { display: inline-flex; position: relative; margin-right: auto; padding-right: 34px; width: auto; }
.file-upload .input { display: inline-flex; width: auto; user-select: none; border-radius: 0; }
.file-upload .delete { display: none; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 30px; height: 30px; background: url('/images/x-591a48f0a815dd4e9a4a5bf51af0442d.svg') no-repeat center / auto 50%; cursor: pointer; }
.file-upload .button { width: 175px; line-height: 60px; height: 60px; font-size: 1.6rem; color: inherit; font-weight: 400; cursor: pointer; border-radius: 0; }
.file-upload .button::before { content: none; }
.file-upload .file-input { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
.file-upload .input.is-selected ~ .delete { display: block; }
.file-upload-inline { display: flex; align-items: center; position: relative; }
.file-upload-inline .file-input { position: absolute; top: 0; left: 0; margin: 0; padding: 0;  width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
.file-upload-inline .file-name { display: inline-flex; align-items: center; margin-right: 10px; padding: 14px 20px; line-height: 1; color: var(--placeholder); user-select: none; border: 1px solid var(--border); border-radius: 8px; }
.file-upload-inline .button { min-width: 140px; width: auto; }
/* .file-upload .input.is-selected { color: var(--clr-dark); background: #ebebeb; border-color: #ebebeb; } */
@media screen and (max-width: 1024px) {
    .file-upload .input { font-size: 1.3rem; }
    .file-upload .button { font-size: 1.4rem; }
    .file-upload-inline { display: block; }
    .file-upload-inline .input { padding-bottom: 15px; }
}
@media screen and (max-width: 768px) {
    .file-upload .button { height: 50px; }
}


.register .registration { margin-right: auto; margin-left: auto; max-width: 640px; font-size: 1.6rem; }
.find-product .input,
.find-product .select,
.find-product .button { font-size: 1.6rem; }
.find-product .button-small { font-size: 1.4rem; }
.find-product .table-basic { margin-top: 30px; }
.find-product .table-basic th { font-size: 1.6rem; }
.find-product .table-basic td { font-size: 1.6rem; color: var(--clr-dark); }
/* .find-product .table-scroll-vertical { overflow-x: hidden; overflow-y: auto; margin-top: 30px; max-height: 500px; } */
.find-product .table-scroll-vertical { overflow-x: hidden; overflow-y: auto; margin-top: 30px; }
.find-product .table-scroll-vertical .table-basic { margin-top: 0; }

.table-basic { border-top: 1px solid var(--clr-dark); }
.table-basic tr { border-bottom: 1px solid var(--border); }
.table-basic tr th { padding: 0.75em 0.5em; }
.table-basic tr td { padding: 0.5em; font-size: 1.5rem; word-break: break-all; }
@media screen and (max-width: 1024px) {
    .table-basic tr th { font-size: 1.5rem; }
    .table-basic tr td { font-size: 1.4rem; }
}
@media screen and (max-width: 768px) {
    
}


/* 이벤트 리스트 */
.register .registration-list { margin-right: auto; margin-left: auto; max-width: 1200px; font-size: 1.6rem; }
.register .registration-list .flex { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 16px; }
.register .registration-list .flex .button { width: auto; }
.register .registration-list .table-total { color: var(--clr-dark); }
/* .register .registration-list .table-scroll-horizontal { overflow-x: auto; overflow-y: hidden; max-height: 500px; } */
.register .registration-list .table-scroll-horizontal { overflow-x: auto; overflow-y: hidden; }
.register .registration-list .table-scroll-horizontal table { min-width: 1000px; }
.register .registration-list .input,
.register .registration-list .select,
.register .registration-list .button { margin-bottom: 0; font-size: 1.6rem; }
.register .registration-list .button-small { padding-right: 16px; padding-left: 16px; width: auto; height: 40px; line-height: 40px; font-size: 1.4rem; }
.register .registration-list .button-small .icon { width: 18px; height: 18px; }

.register .registration-input { margin-right: auto; margin-left: auto; max-width: 1200px; font-size: 1.6rem; }
.register .registration-input-head { padding: 30px 0; text-align: center; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.register .registration-input-head .category { margin-top: 16px; font-size: 2rem; color: var(--clr-dark); }
.register .registration-input-head .heading { margin: 16px 0; line-height: 1.4; font-size: 2.6rem; color: var(--clr-dark); font-weight: 600; }
.register .registration-input-head .date { font-size: 1.5rem; }
.register .registration-input-body { padding: 30px 0; border-bottom: 1px solid var(--border); }
.register .registration-input-foot { display: flex; align-items: center; justify-content: center; margin-top: 30px; margin-left: -5px; margin-right: -5px; }
.register .registration-input-foot .button { margin-bottom: 0; margin-right: 5px; margin-left: 5px; }

@media screen and (max-width: 1024px) {
    .register .registration-list .button-small { padding-right: 10px; padding-left: 10px; font-size: 1.35rem; }

    .register .registration-input-head .category { font-size: 1.8rem; }
    .register .registration-input-head .heading { font-size: 2rem; }
    .register .registration-input-head .date { font-size: 1.4rem; }
    .register .registration-list .flex .button { font-size: 1.5rem; }
}
@media screen and (max-width: 768px) {
    .register .registration-list .button-small { font-size: 1.3rem; }

    .register .registration-input-head { padding: 24px 0; }
    .register .registration-input-head .category { font-size: 1.6rem; }
    .register .registration-input-head .heading { margin: 12px 0; font-size: 1.8rem; }
    .register .registration-input-head .date { font-size: 1.3rem; }
    .register .registration-list .flex .button { font-size: 1.4rem; }
}


/* 회원정보 */
.settings .account { margin-right: auto; margin-left: auto; max-width: 640px; font-size: 1.6rem; }
@media screen and (max-width: 1024px) {
    
}
@media screen and (max-width: 768px) {
    
}