@charset "utf-8";

/* sub page */ 
.sub-title {padding:50px 0 var(--margin-bottom-40);}
.sub-title .title {padding-top: var(--margin-bottom-30); letter-spacing: -.04em; font-size:var(--font-size-32); line-height:1.3em; color: #2c2c2c; font-weight: 700;}
.sub-title .title.pad0 {padding-top: 0 !important;}

.sub-title.ty2 {padding:95px 0 65px;}
.sub-title.ty2 .title {font-size:var(--font-size-58); padding-top: 0; text-align: center;}

.page-depth {line-height:1.3em;}
.page-depth span {font-size: 13px; padding: 0 17px; line-height:1.3em; letter-spacing: -.04em; color: #878787; display: inline-block; position: relative;}
.page-depth span:first-child {padding-left: 0;}
.page-depth span:last-child {padding-right: 0;}
.page-depth span:after {width:6px; height:9px; top: 3px; right: -3px; position: absolute; content: ''; background-image: url('../images/common/pg-depth.png'); background-position: 50% 50%; background-repeat: no-repeat;}
.page-depth span:last-child:after {display: none;}

.mgb100 {margin-bottom:var(--margin-bottom-100);}

.doc-tit {margin-bottom: 25px; font-size: var(--font-size-28); font-weight: 700; color: #2c2c2c; letter-spacing: -.04em; line-height:1.3em;}

.doc-cnt {padding-bottom:var(--margin-bottom-100);}

.s-tit {}
.s-tit .title {margin-bottom: var(--margin-bottom-30); font-size:var(--font-size-28); letter-spacing: -.04em; line-height:1.4em; color: #2c2c2c;}
.s-tit .text {font-size:var(--font-size-18); letter-spacing: -.04em; line-height:1.6em;}

.help-list {}
.help-list ul {margin: 0 -5px var(--margin-bottom-20); display:flex; flex-wrap:wrap;}
.help-list ul li {padding: 0 5px; margin-bottom: 10px; width: 33.3333%;}
.help-list ul li .box {padding: 40px; border:1px solid #ddd; border-radius:10px;}
.help-list ul li .ico {margin-bottom: var(--margin-bottom-30);}
.help-list ul li p {font-weight: 500; color: #2c2c2c;}
.help-list .text {}
.help-list .text img {margin:-2px 10px 0 0; vertical-align: middle;}

.tel-select { max-width:200px;}
.tel-input {max-width:calc(100% - 205px);}

.contact-top {margin-bottom:var(--margin-bottom-100); display:flex; overflow: hidden;}
.contact-top .img {order:2;}
.contact-top .txt {margin-right: -100%; padding-top:80px; position: relative; z-index: 1; flex:1;}
.contact-top .txt strong {margin-bottom:var(--margin-bottom-30); font-size:var(--font-size-58); line-height:1.17em; color: #2c2c2c; letter-spacing: -.04em; display: block;}
.contact-top .txt span {color: var(--color-primary);}
.contact-top .txt p {font-size:var(--font-size-20); font-weight: 500; color: #2c2c2c;}

.mice-list {display:flex;}
.mice-list li {width: 25%;}
.mice-list li strong {margin:var(--margin-bottom-30) 0 var(--margin-bottom-20); line-height:1.44em; font-size:var(--font-size-18); font-weight: 600; color: #2c2c2c; letter-spacing: -.04em; display: block;}
.mice-list li p {font-size: var(--font-size-14); line-height:1.57em;}

.ci-wide {padding:var(--margin-bottom-100) 0; margin-bottom:var(--margin-bottom-100); background-image: url('/images/sub/ci-widebg.jpg'); color: #fff; text-align: center; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover;background-size: cover;}
.ci-wide .img {margin-bottom:var(--margin-bottom-40);}
.ci-wide strong {margin-bottom:var(--margin-bottom-30); font-size: var(--font-size-28); display: block; letter-spacing: -.04em; line-height:1.3em;}
.ci-wide p {font-size: var(--font-size-18); line-height:1.56em; letter-spacing: -.04em;}

.signature {display:flex; margin: 0 -10px;}
.signature .col {padding: 0 10px;}

.greeting {display:flex;}
.greeting .col {width: 50%;}
.greeting .col-l {font-size:var(--font-size-58); line-height:1.17em; font-weight: 700; letter-spacing: -.04em; color: #2c2c2c;}
.greeting .col-l .img {padding:var(--margin-bottom-120) 0 0 var(--margin-bottom-120);}
.greeting .col-r {padding-left: 50px; line-height:1.56em;}
.greeting .col-r strong {display: block; color:var(--color-primary); font-size:var(--font-size-18);}
.greeting .col-r p {margin-top: var(--margin-bottom-30);}
.greeting .col-r .txt {font-size:var(--font-size-18); line-height:1.6em;}
.greeting .col-r .last {margin-top: var(--margin-bottom-80); text-align: right; font-weight: 600; color: #2c2c2c;}
.greeting .col-r .last img {margin-top: var(--margin-bottom-30); display: block; margin-left: auto;}

.faq-wrap {}
.faq-wrap .top {padding: 30px 40px; font-size:var(--font-size-18); color: #2c2c2c; background-color: #f8f8f8; border-radius:10px; font-weight: 600;}
.faq-wrap ul {}
.faq-wrap ul li {padding: 35px 40px; border-bottom:1px solid #ddd; font-size:var(--font-size-18); letter-spacing: -.04em; line-height:1.5em;}
.faq-wrap ul li .title {padding-left: 22px; position: relative; color: #2c2c2c; font-weight: 500;}
.faq-wrap ul li .title:before {top:8px; width: 10px; height: 10px; position: absolute; content: ''; left: 0; background-color: #ff5800; border-radius:100%;}
.faq-wrap ul li .ans {margin-top: 15px; padding-left: 27px; position: relative; line-height:1.7em;}
.faq-wrap ul li .ans:before {width:16px; height:14px; top:6px; left: 0; background-image: url('/images/sub/faq-ico.png'); position: absolute; content: ''; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}









/* 커뮤니티 */
/* .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;} */