@charset "utf-8";

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px;outline-color:#f37736;}

.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}

.contain {width:100%; max-width:var(--container); padding-left:var(--space-container); padding-right:var(--space-container); margin:0 auto;}

#wrapper {position:relative;}

/* header */
#header {position:relative; z-index:100; width:100%;}
#main #header {position:absolute;}

.top-banner {position:relative; width:100%; background:#000; padding:0 100px;}
.top-banner .marguue-wrapper {display:flex; align-items:center; overflow:hidden; height:var(--topbnr-height);}
.top-banner .marguue-inner {flex-shrink:0; display:flex; width:max-content; -webkit-font-smoothing:antialiased; animation:marquee 40s linear infinite;}
.top-banner .marguue-text {flex-shrink:0; padding:0 clamp(50px, calc(160 / var(--inner) * 100vw ), 160px); font-size:16px; font-weight:700; line-height:1.5em; color:#fff;}
.top-banner .close-btn {position:absolute; top:calc(50% - 10px); right:var(--space-container); width:20px; height:20px; background:none; border:0;}
.top-banner .close-btn svg {display:block; width:100%; height:100%;}

@keyframes marquee {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}

.header {position:relative; width:100%; height:var(--header-height); z-index:2;}
.header .contain {display:flex; justify-content:space-between; align-items:center; height:100%; width:100%; max-width:100%; padding:0 4.5%;}

.header-left {flex-shrink:0; display:flex; align-items:center;}
.header-right {flex-shrink:0; display:flex; align-items:center; gap:var(--space-16);}

.sitelogo a {display:block; height:48px; aspect-ratio:226/48; background:url('/images/common/logo.png?v=1') 0 50%/contain no-repeat;}

.gnb {flex:1; margin:0 var(--space-50);}
.gnb > ul {position:relative; display:flex;  justify-content:center; gap:clamp(20px, calc(88 / var(--inner) * 100vw ), 88px);}
.gnb > ul > li > a {display:flex; align-items:center; justify-content:center; height:var(--header-height); font-size:var(--font-size-20); font-weight:600; line-height:1.2em;}

.util {color:#242424; font-size:var(--font-size-16); font-weight:600; line-height:1.5em;}
.util ul {display:flex; justify-content:flex-end; align-items:center; gap:var(--space-16);}

.top-links {position:relative; display:flex; gap:var(--space-16);}
.top-links .link-item {position:relative; width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:#4A5565;}
.top-links .link-item svg {display:block; width:24px; height:auto;}
.top-links .show-mobile {display:none;}
.top-links .num {position:absolute; top:0; right:0 ; min-width:16px; background:var(--color-primary); border-radius:10px; line-height:16px; text-align:center; color:#fff; font-size:10px;}
.top-links .account-item {position:relative;}

.search-opened {overflow:hidden;}
.search-opened body {overflow:hidden;}
.search-opened .sitelogo a {background-image:url('/images/common/logo-green.png?v=1');}
.search-opened .top-search {pointer-events:auto; -webkit-transform:translateX(0); transform:translateX(0);}
.search-opened .top-search-overlay {pointer-events:auto; opacity:1;}

.top-search {position:fixed; top:0; right:0; width:clamp(400px, calc(520 / var(--inner) * 100vw ), 520px); height:100%; z-index:1001; background:#fff; pointer-events:none; transition:.4s; -webkit-transform:translateX(100%); transform:translateX(100%);}
.top-search-box {display:flex; flex-direction:column; width:100%; height:100%; padding:var(--space-60) 0;}
.top-search .title {flex-shrink:0; display:flex; justify-content:space-between; align-items:center; padding:0 var(--space-60); margin-bottom:var(--space-60);}
.top-search .title h2 {font-size:var(--font-size-32); font-weight:700; line-height:1.5em;}
.top-search .title .close {background:none; border:0; width:var(--font-size-30); aspect-ratio:1/1;}
.top-search .title .close svg {display:block; width:100%; height:100%;}
.top-search .form {padding:0 var(--space-60); margin-bottom:var(--space-60);}
.top-search .form .inner {display:block; position:relative;}
.top-search .form .input {display:block; width:100%; height:60px; padding:0 40px 0 0; border:0; border-radius:0; outline:none; border-bottom:1px solid #000; color:#242424; font-size:16px; font-weight:600;}
.top-search .form .submit {position:absolute; top:50%; right:0; width:31px; aspect-ratio:1/1; -webkit-transform:translateY(-50%); transform:translateY(-50%); border:0; background:none;}
.top-search .form .submit svg {display:block; width:100%; height:100%;}
.top-search-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); opacity:0; z-index:1000; transition:.4s; pointer-events:none;}

.skwd-wrap {flex:1; min-height:0; height:1%;}
.skwd-inner {max-height:100%; padding:0 var(--space-60); overflow:auto;}
.skwd-inner::-webkit-scrollbar {width:4px; height:4px; background-color:#eee;}
.skwd-inner::-webkit-scrollbar-thumb {background:rgba(0,0,0,.8);}
.skwd-article {margin-bottom:var(--space-60); padding-bottom:var(--space-20); border-bottom:1px solid #ddd;}
.skwd-article:last-child {margin-bottom:0;}
.skwd-title {font-size:var(--font-size-20); font-weight:700; line-height:1.5em; margin-bottom:var(--space-20);}
.skwd-empty {padding:var(--space-50) 0; text-align:center; color:#888; font-size:15px; line-height:1.5em;}
.skwd-recent {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-10) var(--space-40);}
.skwd-recent-item {display:flex; justify-content:space-between; align-items:center; padding:var(--space-10) 0;}
.skwd-recent-link {color:#454545; font-size:15px; font-weight:400; line-height:1.5em;}
.skwd-recent-remove {background:none; border:0; width:14px; height:14px; display:flex; align-items:center; justify-content:center;}
.skwd-today ul li:not(:last-child) {margin-bottom:15px;}
.skwd-today-item {display:flex; align-items:center; gap:var(--space-20);}
.skwd-today-item .thumb {width:80px; aspect-ratio:1/1; border-radius:8px; overflow:hidden;}
.skwd-today-item .thumb img {width:100%; height:100%; object-fit:cover;}
.skwd-today-item .info {flex:1; min-width:0;}
.skwd-today-item .info .tit {color:#666; font-size:14px; font-weight:400; line-height:1.5em; word-break:break-all; margin-bottom:4px;}
.skwd-today-item .info .price {color:#242424; font-size:14px; font-weight:400; line-height:1.5em;}
.skwd-today-item .info .price .strike {color:#bababa; font-size:13px; text-decoration:line-through; margin-right:8px;}
.skwd-today-item .info .price .basic {color:#242424; font-weight:700;}

#main .sitelogo a {background-image:url('/images/common/logo-w.png?v=1');}
#main .gnb > ul > li > a {color:#fff;}
#main .util {color:#fff;}
#main .top-links .link-item {color:#fff;}

/* 전체 카테고리 */
.gnb-ctg {position:relative; margin-right:1rem;}

.gnb-ctg-open {display:flex; align-items:center; gap:8px; height:var(--gnb-height); background:none; border:0; font-size:16px; font-weight:700; line-height:1.2em;}

.gnb-category {display:none; position:absolute; left:0; z-index:10; overflow:hidden; background:#fff; border:1px solid var(--color-primary); box-shadow:0px 6px 16px 0px rgba(0, 0, 0, 0.2);}
.gnb-category.on {display:block;}

.gnb-ctg-cont {position:relative;}
.gnb-ctg-cont.gnb-ctg-level1-active {width:calc(150px + 180px);}
.gnb-ctg-cont.gnb-ctg-level2-active {width:calc(150px + 180px + 180px);}
.gnb-ctg-cont.gnb-ctg-level3-active {width:calc(150px + 180px + 180px + 180px);}

.gnb-ctg-list {width:150px; min-height:450px; overflow:overlay; -ms-scroll-chaining:none; overscroll-behavior:contain; background:#e5e5e5;}
.gnb-ctg-list::-webkit-scrollbar {display:none; width:4px; height:4px; background-color:transparent;}
.gnb-ctg-list::-webkit-scrollbar-thumb {background:rgba(0,0,0,.2); border-radius:5px;}

.gnb-ctg-a11y {display:none; width:18px; height:18px; background:url('/images/common/gnb-ctg-arrow.svg') 50% 50%/auto 88% no-repeat; border:0; opacity:.7;}

.gnb-ctg-topmn {display:flex; justify-content:space-between; align-items:center; padding:8px 6px 8px 12px;}
.gnb-ctg-topmn.on {background:#2c2c2c;}
.gnb-ctg-topmn.on .gnb-ctg-toplink {color:#fff; font-weight:700;}
.gnb-ctg-topmn.on > .gnb-ctg-a11y {background-image:url('/images/common/gnb-ctg-arrow-white.svg');}

.gnb-ctg-topmn.on .gnb-ctg-level1 {display:block; left:150px;}

.gnb-ctg-toplink,
.gnb-ctg-sublink {flex:1; margin-right:10px; color:#2c2c2c; font-size:14px; line-height:18px;}

.gnb-ctg-subarea {display:none; position:absolute; top:0; left:180px; width:180px; height:100%; box-shadow:inset 1px 0 0 #f0f0f0;}

.gnb-ctg-submenu {height:100%; overflow:overlay; -ms-scroll-chaining:none; overscroll-behavior:contain;}
.gnb-ctg-submenu::-webkit-scrollbar {width:4px; height:4px; background-color:transparent;}
.gnb-ctg-submenu::-webkit-scrollbar-thumb {background:rgba(0,0,0,.2); border-radius:5px;}

.gnb-ctg-submn {display:flex; justify-content:space-between; align-items:center; padding:8px 6px 8px 12px;}
.gnb-ctg-submn.on {background:#e5e5e5;}
.gnb-ctg-submn.on > .gnb-ctg-sublink {font-weight:700;}
.gnb-ctg-submn.on > .gnb-ctg-a11y {display:block !important;}

.gnb-ctg-level1 .on .gnb-ctg-level2 {display:block;}
.gnb-ctg-level2 .on .gnb-ctg-level3 {display:block;}

    

/* for mobile */
.btn-m-menu {display:none; position:relative; width:22px; height:22px; gap:6px;}
.btn-m-menu span {width:100%; height:2px; background:#4A5565;}

.mobile-navigation {position:fixed; top:0; left:0; z-index:121; width:280px; height:100%; overflow:auto; background:#fff; transition:.4s ease-in-out; -ms-transform:translateX(-100%); transform:translateX(-100%); pointer-events:none; font-size:14px; line-height:1.5em;}

.mn-head {padding:32px 20px 20px 20px; border-bottom:1px solid #ddd;}
.mn-head .pf-name {font-size:14px; color:#666; line-height:1.5em;}
.mn-head .pf-name strong {font-size:17px; color:#242424; line-height:1.5em; font-weight:600;}
.mn-head-link {display:flex; gap:8px; margin-top:20px;}
.mn-head-link .link-item {flex:1; display:block; width:100%; padding:8px 4px; border:1px solid #ddd; border-radius:4px; text-align:center; font-size:14px; font-weight: 600; color:#242424;}

.mn-hr {display:block; margin:20px 16px; border:0; border-bottom:1px solid #ddd;}

.mn-link {margin:20px;}
.mn-link h3 {color:#242424; font-size:17px; font-weight:700; line-height:1.5em;}
.mn-link ul {display:grid; gap:8px 0;}
.mn-link a {display:block; padding:8px 0; color:#242424; font-size:17px; font-weight:700; line-height:1.5em;}

.mn-link-etc {margin:20px; padding-top:8px;}
.mn-link-etc h3 {color:#242424; font-size:17px; font-weight:700; line-height:1.5em; margin-bottom:20px;}
.mn-link-etc ul {display:grid; grid-template-columns:repeat(2,1fr); gap:12px 16px;}
.mn-link-etc a {display:block; color:#717171; font-size:15px; line-height:1.5em;}

.mn-nav {margin:20px;}
.mn-nav li.has-sub > a:after {content:''; width:18px; height:18px; background:url('/images/common/gnb-ctg-arrow.svg') 50% 50%/contain no-repeat; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.mn-nav li.has-sub.active > a:after {-webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.mn-nav > ul > li > a {position:relative; display:flex; align-items:center; justify-content:space-between; padding:8px 10px; color:#2c2c2c; font-size:15px; font-weight:600; line-height:1.5em;}
.mn-nav > ul > li ul {display:none; padding:0 0 16px 8px; opacity:.85;}
.mn-nav > ul > li ul li a {position:relative; display:flex; align-items:center; justify-content:space-between; padding:6px 10px; color:#2c2c2c; font-size:14px; line-height:1.5em;}
.mn-nav > ul > li ul li a:after {opacity:.6;}

.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.4; z-index:120;} 

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0); pointer-events:auto;}
html.menu-opened .mobile-overlay {display:block;}

/* main */
.main-visual {position:relative; aspect-ratio:1920/900; overflow:hidden; margin-bottom:var(--space-100);}
.main-visual .slick-slide {position:absolute; aspect-ratio:1920/900; overflow:hidden;}
.main-visual .item {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#000;}
.main-visual .item .video-js,
.main-visual .item video {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; object-fit:cover;}
.main-visual .item iframe {position:absolute; z-index:2; top:50%; left:50%; width:100vw; height:100vh; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.main-visual .item img {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; object-fit:cover;}
.main-visual .item button {display:none;}
.main-visual .item .vjs-text-track-display {display:none;}
.main-visual .item .vjs-hidden {display:none !important;}
.main-visual .slick-dots {position:absolute; bottom:var(--space-40); left:0; width:100%; text-align:center; line-height:0; z-index:50; display:flex; align-items:center; justify-content:center; gap:8px;}
.main-visual .slick-dots li button {display:block; width:8px; height:8px; background:#fff; border:0; border-radius:10px; overflow:hidden; text-indent:-9999em; transition:.2s; opacity:.5;}
.main-visual .slick-dots .slick-active button {opacity:1; width:32px;}
.main-visual .slick-arrow {position:absolute; top:50%; z-index:50; width:48px; height:48px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; color:#fff; opacity:.5; transition:.2s; cursor:pointer;}
.main-visual .slick-arrow:hover {opacity:1;}
.main-visual .slick-arrow svg {display:block; width:100%; height:100%;}
.main-visual .slick-prev {left:var(--space-30);}
.main-visual .slick-next {right:var(--space-30);}

@media (min-aspect-ratio: 16/9) {
	.main-visual .item iframe {height:56.25vw;}
}
@media (max-aspect-ratio: 16/9) {
	.main-visual .item iframe {width:177.78vh;}
}

.main-sec {margin-bottom:var(--space-100);}

.main-heading {position:relative; margin-bottom:var(--space-32); text-align:center;}
.main-heading h2 {font-size:var(--font-size-30); line-height:1.33em; letter-spacing:-.03em;}

.m-btn-area {text-align:center; margin-top:var(--space-50);}
.m-btn {display:inline-flex; align-items:center; justify-content:center; width:clamp(200px, calc(290 / var(--inner) * 100vw ), 290px); height:clamp(48px, calc(64 / var(--inner) * 100vw ), 64px); border:1px solid #ddd; border-radius:4px; background:#fff; color:#242424; font-size:var(--font-size-16); font-weight:600; line-height:1.5em; letter-spacing:-.03em;}
.m-btn:hover {border-color:var(--color-primary); background:var(--color-primary); color:#fff;}

.main-sm-banner {overflow:hidden; text-align:center;}
.main-sm-banner .slick-list {overflow:visible;}
.main-sm-banner .items {width:90%; max-width:1240px; margin:0 auto;}
.main-sm-banner .item {padding:0 var(--space-20);}
.main-sm-banner .item img {width:100%; aspect-ratio: 580/166; border-radius:8px;}
.main-sm-banner .arrows {display:flex; justify-content:center; gap:var(--space-30); margin-top:var(--space-48);}
.main-sm-banner .slick-arrow {background:transparent; border:0; padding:0; margin:0; width:clamp(24px, calc(48 / var(--inner) * 100vw ), 48px); aspect-ratio:1/1; color:#ddd; transition:.2s; }
.main-sm-banner .slick-arrow:hover {color:#252525;}
.main-sm-banner .slick-arrow svg {display:block; width:100%; height:100%;}

.main-health .wrap {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--space-40);}
.main-health .text .tit {font-size:var(--font-size-30); line-height:1.5em; font-weight:700; letter-spacing:-.03em;}
.main-health .links {display:flex; gap:var(--space-40);}
.main-health .links .link-item {flex:1; max-width:240px; display:flex; flex-direction:column; text-align:center; gap:var(--space-16); }
.main-health .links .link-item .img {width:100%; aspect-ratio:1/1; border-radius:50%; overflow:hidden;}
.main-health .links .link-item .img img {width:100%; height:100%; object-fit:cover; transition:.4s;}
.main-health .links .link-item .txt {font-size:var(--font-size-18); font-weight:700; line-height:1.5em;}
.main-health .links .link-item:hover .img img {transform:scale(1.1);}

.main-md-banner {overflow:hidden;}
.main-md-banner .slider {position:relative;}
.main-md-banner .swiper {border-radius:8px;}
.main-md-banner .swiper img {width:100%; display:block;}
.main-md-banner .slide-btn {position:absolute; top:50%; z-index:10; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:clamp(24px, calc(48 / var(--inner) * 100vw ), 48px); aspect-ratio:1/1; background:transparent; border:0; padding:0; margin:0; color:#ddd; transition:.2s;}
.main-md-banner .slide-btn svg {display:block; width:100%; height:100%;}
.main-md-banner .slide-btn:hover {color:#252525;}
.main-md-banner .slide-btn.prev {left:-88px;}
.main-md-banner .slide-btn.next {right:-88px;}
.main-md-banner .swiper-pagination {position:static; display:flex; justify-content:center; gap:var(--space-8); margin-top:var(--space-24);}
.main-md-banner .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; margin:0; background:rgba(169, 169, 169, 0.50); border:0; border-radius:10px; overflow:hidden; text-indent:-9999em; transition:.2s; opacity:1;}
.main-md-banner .swiper-pagination .swiper-pagination-bullet-active {opacity:1; width:32px; background: #A9A9A9;}

.main-new .banner {margin-bottom:20px;}
.main-new .banner img {display:block; width:100%; border-radius:8px;}
.main-new .gs-items {grid-template-columns:repeat(2, 1fr); gap:20px;}
.main-new .gs-item {display:flex; border:1px solid #ddd; border-radius:8px; overflow:hidden;}
.main-new .gs-item-thumb {width:200px; flex-shrink:0; border-radius:0;}
.main-new .gs-item-cnt {flex:1; min-width:0; position:relative; padding:20px;}
.main-new .gs-item-info {margin-top:0;}
.main-new .gs-item-btn {position:absolute; bottom:20px; right:20px; width:48px; height:48px; border-radius:8px; background:#F8F8F8; display:flex; align-items:center; justify-content:center; color:#4A5565;}
.main-new .gs-item-btn svg {width:50%; max-width:24px; height:auto;}
.main-new .gs-item-btn:hover {background:var(--color-primary); color:#fff; opacity:1;}
.main-new .gs-item-btn.cart {background-image:none;}
.main-new .gs-item-btn.cart.on {background:var(--color-primary); color:#fff;}
.main-new .gs-item-review .score:before {filter:grayscale(100%); opacity:.8;}

.main-event  {overflow:hidden;}
.main-event .slider {position:relative;}
.main-event .items {margin:0 -20px;}
.main-event .item {padding:0 10px;}
.main-event .link-item {display:block; position:relative;}
.main-event .link-item:hover .thumb img {transform:scale(1.03);}
.main-event .link-item .thumb {position:relative; aspect-ratio:452/300; margin-bottom:16px; border-radius:8px; overflow:hidden;}
.main-event .link-item .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:.4s;}
.main-event .link-item .tit {color:#242424; font-size:var(--font-size-18); font-weight:600; line-height:1.5em;}
.main-event .link-item .date {color:#767676; font-size:14px; line-height:1.5em; margin-top:6px;}
.main-event .slick-arrow {position:absolute; top:45%; z-index:10; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:clamp(24px, calc(48 / var(--inner) * 100vw ), 48px); aspect-ratio:1/1; background:transparent; border:0; padding:0; margin:0; color:#ddd; transition:.2s;}
.main-event .slick-arrow svg {display:block; width:100%; height:100%;}
.main-event .slick-arrow:hover {color:#252525;}
.main-event .slick-prev {left:-88px;}
.main-event .slick-next {right:-88px;}

.main-review {overflow:hidden;}
.main-review .slider {position:relative;}
.main-review .items {margin:0 -11px;}
.main-review .item {padding:0 11px;}
.main-review .slick-arrow {position:absolute; top:50%; z-index:10; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:clamp(24px, calc(48 / var(--inner) * 100vw ), 48px); aspect-ratio:1/1; background:transparent; border:0; padding:0; margin:0; color:#ddd; transition:.2s;}
.main-review .slick-arrow svg {display:block; width:100%; height:100%;}
.main-review .slick-arrow:hover {color:#252525;}
.main-review .slick-prev {left:-88px;}
.main-review .slick-next {right:-88px;}

.main-magazine {padding:var(--space-100) 0; background:url('/images/main/magazine-bg.jpg') 50% 50%/cover no-repeat;}
.main-magazine .gallery-list {padding:0; border:0;}

/* sub page */ 
#contArea {max-width:var(--container); padding-left:var(--space-container); padding-right:var(--space-container); margin:0 auto;}
#contArea.wide {max-width:100%; padding-left:0; padding-right:0;}

.sub-title {padding:var(--space-70) 0 var(--space-40); text-align:center;}
.sub-title h1 {font-size:var(--font-size-40); line-height:1.3;}
.sub-title h2 {font-size:var(--font-size-40); line-height:1.3;}

.lnb {margin-bottom:clamp(24px, calc(64 / var(--inner) * 100vw ), 64px); text-align:center;}
.lnb ul {display:inline-flex; width:auto; max-width:100%; margin:0 auto;}
.lnb ul li {display:flex; align-items:center; width:auto; padding:0 5px;}
.lnb ul li a {display:flex; justify-content:center; align-items:center; text-align:center; height:clamp(40px, calc(52 / 1024 * 100vw ), 52px); padding:5px var(--space-30); border:1px solid #ddd; border-radius:60px; font-size:16px; font-weight:600; line-height:1.3em; color:#242424;}
.lnb ul li a:hover {border-color:var(--color-primary); color:var(--color-primary);}
.lnb ul li.active a {color:#fff !important; border-color:var(--color-primary); background:var(--color-primary);}

.real-cont {min-height:400px; padding-bottom:clamp(100px, calc(150 / var(--inner) * 100vw ), 150px);}

/* quick */
.quick {position:fixed; bottom:30px; right:var(--space-container); z-index:90; display:flex; flex-direction:column; gap:10px;}
.quick .link-item {display:block; width:clamp(48px, calc(70 / var(--inner) * 100vw ), 70px); aspect-ratio:1/1; border-radius:100%; box-shadow:6px 6px var(--space-30) rgba(0, 0, 0, 0.20);}
.quick .link-item img {display:block; width:100%; height:100%;}


/* footer */
#footer {padding:var(--space-60) 0; color:#898989; font-size:var(--font-size-18); line-height:1.5em; border-top:1px solid #ddd;}
.f-top {display:flex; justify-content:space-between; gap:25px;}
.f-info .sitename {margin-bottom:var(--space-60); color:#242424; font-size:var(--font-size-20); font-weight:600; line-height:1.5em;}
.f-info address {display:flex; flex-direction:column; gap:var(--space-20); font-style:normal;}
.f-info address .row {display:flex; flex-wrap:wrap; gap:var(--space-20) var(--space-60);}
.f-info address .col {display:flex; gap:var(--space-16);}
.f-info address strong {flex-shrink:0; font-weight:600; color:#242424;}
.f-info address .addr {display:flex; flex-direction:column; gap:4px;}
.f-info address .addr strong {font-weight:400; margin-right:5px;}
.f-cs h3 {font-size:var(--font-size-20); font-weight:600; line-height:1.5em; color:#242424; margin-bottom:6px;}
.f-cs .tel {font-size:var(--font-size-30); font-weight:700; line-height:1.5em; color:#242424; margin-bottom:var(--space-20);}
.f-cs li:not(:last-child) {margin-bottom: 5px;}
.f-cs li strong {font-weight:600; color:#242424;}
.f-sns {display:flex; flex-direction:column; width:150px; gap:12px; font-size:var(--font-size-16); line-height:1.5em; color:#242424;}
.f-sns a {display:flex; align-items:center; gap:10px;}
.f-sns a .icon {flex-shrink:0;}
.f-sns a img {height:40px;}
.f-bot {margin-top:var(--space-60); display:flex; justify-content:space-between; gap:var(--space-30); color:#8F8F8F; font-size:var(--font-size-15); line-height:1.5em;}
.copyright {display:flex; gap:0 var(--space-30); flex-wrap:wrap;}
.f-link {display:flex; gap:18px;}