@charset "utf-8";

/* 커뮤니티 */
.comm-nav {margin:60px 0 90px; text-align:center;}
.comm-nav ul {display:flex; justify-content:center; gap:10px;}
.comm-nav ul li {min-width:120px;}
.comm-nav ul li a {display:block;}
.comm-nav ul li a:hover .ico {background:var(--color-secondary);}
.comm-nav ul li .ico {display:flex; justify-content:center; align-items:center; width:78px; height:78px; margin:0 auto; background:#f1f1f1; border-radius:20px; transition:.2s;}
.comm-nav ul li .ico img {width:36px;}
.comm-nav ul li .txt {display:block; margin-top:13px; font-size:18px; font-weight:500; line-height:1.3em;}

.gallery-carousel {position:relative;}
.gallery-carousel .gallery-item {width:auto; padding:0; margin:0;}
.gallery-carousel .slide-btn {display:flex; align-items:center; justify-content:center; position:absolute; top:20%; z-index:10; width:32px; height:32px; background:transparent; border:0; transition:.2s; opacity:.4;}
.gallery-carousel .slide-btn:hover {opacity:1;}
.gallery-carousel .slide-btn svg {width:14px; height:auto;}
.gallery-carousel .slide-btn.prev {left:-70px;}
.gallery-carousel .slide-btn.next {right:-70px;}
.gallery-carousel .slide-btn.swiper-button-disabled {display:none;}
.gallery-carousel .swiper-pagination {display:none;}

/* 고객센터 */
.cs-wrap {max-width:1000px; margin:0 auto;}

.cs-menu {margin:-10px 0 100px;}
.cs-menu ul {display:flex; justify-content:center; gap:20px;}
.cs-menu ul li {width:160px;}
.cs-menu ul li a {display:block; position:relative; height:198px; padding:16px 23px; border-radius:10px; background-position:100% 100%; background-repeat:no-repeat;}
.cs-menu ul li a:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #dfdfdf; border-radius:10px; pointer-events:none;}
.cs-menu ul li a small {display:inline-block; vertical-align:middle; color:#a8a8a8; font-size:12px; font-weight:500; line-height:1em; letter-spacing:-.01em;}
.cs-menu ul li a strong {font-size:18px; line-height:1.3em; letter-spacing:-.04em;}
.cs-menu ul li a:hover *,
.cs-menu ul li.active a * {color:var(--color-third);}
.cs-menu ul li a:hover::after,
.cs-menu ul li.active a::after {border:2px solid var(--color-third);}
.cs-menu ul li:nth-child(1) a {background-image:url('/images/sub/cs-nav-1.jpg');}
.cs-menu ul li:nth-child(2) a {background-image:url('/images/sub/cs-nav-2.jpg');}
.cs-menu ul li:nth-child(3) a {background-image:url('/images/sub/cs-nav-3.jpg');}
.cs-menu ul li:nth-child(4) a {background-image:url('/images/sub/cs-nav-4.jpg');}

.quick-cs {position:fixed; top:217px; right:50%; z-index:50; width:214px; margin-right:600px; padding:30px; background:#f6f6f6; border-radius:10px;}
.quick-cs .cs {margin-bottom:28px;}
.quick-cs .cs h3 {font-size:16px; line-height:1.3em;}
.quick-cs .cs .hour {margin:9px 0 14px; color:var(--color-third); font-size:26px; line-height:1.3em; letter-spacing:-.04em;}
.quick-cs .cs .etc {color:#878787; font-size:13px; line-height:1.8em;}
.quick-cs .links {display:grid; gap:14px;}
.quick-cs .link {display:flex; align-items:center; font-size:14px; font-weight:700; line-height:1.4em;}
.quick-cs .link img {width:34px; min-width:34px; margin-right:10px;}

.inquiry-wrap h3 {margin-bottom:65px; text-align:center; font-size:24px; line-height:1.5em; letter-spacing:-.04em;}
.inquiry-wrap .form {max-width:360px; margin:0 auto;}
.inquiry-wrap .form  {display:grid; gap:30px;}
.inquiry-wrap .required {color:#f84949;}
.inquiry-wrap .group {display:grid; gap:8px;}
.inquiry-wrap .tit {display:block; margin-bottom:4px; color:#878787; font-size:15px; font-weight:500; line-height:1.3em;}
.inquiry-wrap .input {display:block; width:100%; color:#a8a8a8;}
.inquiry-wrap textarea.input {height:120px;}
.inquiry-wrap .submit {margin-top:50px; text-align:center;}

/* 회사소개 */
.greetings .txt-wrap {margin-top:var(--space-50); display:flex;}
.greetings .txt-wrap .tit {width:50%; font-size:var(--font-size-40); line-height:1.4em; color:var(--color-black);}
.greetings .txt-wrap .tit span {font-weight:700; color:var(--color-primary);}
.greetings .desc {font-size:var(--font-size-18); display:grid; gap:var(--space-10); flex:1; line-height:1.8em; letter-spacing:-0.04em;}

.greetings-info {margin-top:var(--space-80); display:flex; text-align:center;}
.greetings-info .item {width:25%; position:relative;}
.greetings-info .item:after {position:absolute; content:''; top:var(--space-40); bottom:var(--space-40); width:1px; background-color:#ddd; right:0;}
.greetings-info .item:last-child:after {display:none;}
.greetings-info .icon img {height:clamp(50px, calc(80 / var(--inner) * 100vw ), 80px);}
.greetings-info .tit {padding:var(--space-20) 0 var(--space-25); margin-bottom:var(--space-25); position:relative; color:#121212; font-size:var(--font-size-24); font-weight:600;line-height:1.2em; letter-spacing:-0.04em;}
.greetings-info .tit:after {position:absolute; content:''; bottom:0; left:50%; transform:translateX(-50%); width:30px; height:2px; background:#ddd;}
.greetings-info .desc {font-size:var(--font-size-18); line-height:1.44em; letter-spacing:-0.04em;}

.vision-wrap {margin:var(--space-200) 0;}
.vision-tit {color:#121212; text-align:center; font-size:var(--font-size-32); margin-bottom:var(--space-60); font-weight:700; line-height:1.2em; letter-spacing:-0.04em;}
.vision {display:grid; gap:var(--space-80);}
.vision .item {display:flex; align-items:center; gap:var(--space-100);}
.vision .item .cnt {flex:1;}
.vision .item .cnt .num {border-bottom:2px solid var(--color-primary); display:inline-block; color:var(--color-primary); font-weight:700; line-height:1.2em; letter-spacing:-0.04em;}
.vision .item .cnt .tit {margin:15px 0 var(--space-35); color:#121212; font-size:var(--font-size-32); font-weight:600; line-height:1.2em; letter-spacing:-0.04em;}
.vision .item .cnt .desc {line-height:1.62em; letter-spacing:-0.04em;}

.greetings-bnr {padding:var(--space-150) 0; background:url('/images/sub/greetings-sec-bnr.jpg') 50% 50% / cover no-repeat; color:#fff;}
.greetings-bnr .tit {font-size:var(--font-size-32); margin-bottom:var(--space-35); font-weight:700; line-height:1.2em; letter-spacing:-0.04em;}
.greetings-bnr p {font-size:var(--font-size-18); line-height:1.6em; letter-spacing:-0.04em;}