@charset "utf-8";

.sub-tab {position:relative; margin-bottom:var(--space-80);}
.sub-tab:before {z-index:-1; content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#ddd;}
.sub-tab ul {display:flex; gap:0 var(--space-50);}
.sub-tab ul li a {padding-bottom:var(--space-15); display:block; font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#ccc;}
.sub-tab ul li.active a {color:#121212; border-bottom:2px solid #121212;}

.filter-page {overflow:hidden;}

.filter-wrap {padding-bottom:var(--space-60);}

.filter-menu {position:relative; display:flex; align-items:center;}
.filter-menu .swiper {width:calc(100% - 86px); padding-left:var(--space-10); overflow:inherit !important;}
.filter-menu ul li {width:auto; margin-right:var(--space-10);}
.filter-menu ul li:last-child {margin-right:0;}
.filter-menu ul li .btn {padding:0 var(--space-30); display:flex; align-items:center; justify-content:center; text-align:center; height:clamp(38px, calc(48 / var(--inner) * 100vw), 48px); border:1px solid #ddd; border-radius:24px; font-weight:500; letter-spacing:-.03em; line-height:1.33em; color:#878787;}
.filter-menu ul li.active .btn {background:#121212; color:#fff; border-color:#121212;}
.filter-menu .arrow {background-color:#fff; flex:none; transition:.3s; position:static; z-index:20; min-width:48px; height:48px; top:0; margin-top:0;background-repeat:no-repeat; background-position:center center; background-size:contain;}
.filter-menu .arrow:after {display:none;}
.filter-menu .swiper-button-prev {background-image:url("/images/sub/filter-prev.png");}
.filter-menu .swiper-button-next {position:relative; background-image:url("/images/sub/filter-next.png");}
.filter-menu .swiper-button-next:after {position:absolute; z-index:10; right:100%; top:0; bottom:0; content:''; display:block; width:110px; background:linear-gradient(to right,transparent 10%,#fff 100%);pointer-events:none;}
.filter-menu .swiper-button-prev:hover {background-image:url("/images/sub/filter-prev-on.png");}
.filter-menu .swiper-button-next:hover {background-image:url("/images/sub/filter-next-on.png");}
.filter-menu .swiper-button-next.swiper-button-disabled, 
.filter-menu .swiper-button-prev.swiper-button-disabled {opacity:1; cursor:default;}
.filter-menu .custom-select {display:inline-block; min-width:140px; vertical-align:middle; position:relative; z-index:10;}
.filter-menu .custom-select .select-hidden {display:none;}
.filter-menu .custom-select .select-input {color:#121212; font-weight:700; justify-content:flex-start; text-align:left; white-space:nowrap; cursor:pointer; background:#fff url("/images/sub/custom-select.png") right var(--space-30) center no-repeat; border-color:#121212; z-index:2;}
.filter-menu .custom-select .select-options {padding:var(--space-30) var(--space-15); box-shadow:0 3px 10px rgba(0,0,0,.1); display:none; position:absolute; margin-top:-1px; left:0; width:100%; line-height:1.5em; letter-spacing:-.03em; background:#fff; overflow:auto;}
.filter-menu .custom-select .select-options li {font-size:var(--font-size-14); color:#878787; padding:var(--space-5); cursor:pointer; transition:.2s;}
.filter-menu .custom-select .select-options li:hover {background:#f2f2f2}
.filter-menu .custom-select .select-options li.selected {background:#f2f2f2}

.filter-etc {margin-top:var(--space-20); display:flex; flex-wrap:wrap; gap:var(--space-5) var(--space-10);}
.filter-etc .btn {height:clamp(32px, calc(40 / var(--inner) * 100vw), 40px); display:flex; align-items:center; justify-content:center; gap:0 var(--space-10);  text-align:center; border:0; background-color:#f4f4f4; font-size:var(--font-size-14); line-height:1.5em; letter-spacing:-.03em; color:#121212; font-weight:500; border-radius:20px; padding:0 var(--space-20);}
.filter-etc .btn i {width:9px; height:9px; background:url("/images/sub/x.png") no-repeat center center / contain;}

.greeting {position: relative;}
.greeting .tab {position: absolute; right:0; top:0;}
.greeting .tab ul {display: flex; gap:var(--space-10)}
.greeting .tab ul li a {padding: 0 18px; color: #505050; font-size:var(--font-size-14); font-weight: 700; line-height: 1.33em; display: flex; align-items: center; height: 32px; border:1px solid #ddd; border-radius:16px;}
.greeting .tab ul li.active a {background:#121212; color:#fff; border-color:#121212;}
.greeting .content .label {margin-bottom:var(--space-10); font-size:var(--font-size-18); line-height:1.2em; letter-spacing:-.03em; font-weight:700; color:#4aa5fd;}
.greeting .content h2 {font-size:var(--font-size-48); line-height:1.5em; letter-spacing:-.03em; font-weight:400; line-height:1.46em;}
.greeting .content .txt {margin-bottom:var(--space-20); color:#505050; letter-spacing:-.03em; line-height:1.75em;}
.greeting .content .txt:last-child {margin-bottom:0;}
.greeting .content .txt strong {color:#121212;}
.greeting .image {margin:var(--space-30) 0 var(--space-50);}

.directions .map-area {display: flex; align-items: stretch; gap:10px;}
.directions .map-area .map-cnt {flex:1;}
.directions .map-area .map-img {border-radius:24px; overflow:hidden; width:36.666%;}
.directions .map-area .map-img img {width:100%; height:100%; object-fit:cover;}
.directions .root_daum_roughmap_landing {border-radius:24px; width:100% !important;}
.directions .root_daum_roughmap .wrap_map {height:clamp(250px, calc(600 / var(--inner) * 100vw), 600px) !important;}
.directions .root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .border1,
.root_daum_roughmap_landing .border3, 
.root_daum_roughmap_landing .border4 {display:none;}
.root_daum_roughmap .wrap_controllers {border:none !important;}
.directions .info-area {margin-top:var(--space-60); display:flex;}
.directions .info-area .col {width:50%;}
.directions .info-area .item {margin-bottom:var(--space-30);}
.directions .info-area .item:last-child {margin-bottom:0;}
.directions .info-area .item dl {display:flex;}
.directions .info-area .item dl dt {min-width:120px; font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em; font-weight:700;}
.directions .info-area .item dl dt img {margin-right:var(--space-12); vertical-align:middle;}
.directions .info-area .item dl dd {font-size:var(--font-size-18); line-height:1.4em; letter-spacing:-.03em; color:#505050;}
.directions .info-area .way p + p {margin-top:var(--space-15);}
.directions .info-area .way p strong {color:#121212;}

.copyright-text {padding-bottom:var(--space-55); margin-bottom:var(--space-55); border-bottom:2px solid #ddd;}
.copyright-text .tit {margin-bottom:var(--space-30); font-size:var(--font-size-18); line-height:1.78em;}
.copyright-text .txt {font-weight:400; letter-spacing:-.03em; line-height:1.75em; color:#505050;}

.copyright-rule .sec:not(:last-child) {margin-bottom:var(--space-60);}
.copyright-rule h2 {margin-bottom:var(--space-15); font-size:var(--font-size-24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.copyright-rule .txt {color:#505050;}
.copyright-rule .strong {margin-bottom:var(--space-15); color:#121212; font-weight:500;}
.copyright-rule ul li {margin-bottom:var(--space-5); padding-left:18px; position:relative; color:#505050;}
.copyright-rule ul li:last-child {margin-bottom:0;}
.copyright-rule ul li:before {border-radius:100%; content:''; position:absolute; top:.75em; left:0; width:6px; height:6px; background:#d0d0d0;}