@charset "utf-8";
.border-box {position: relative;}
.border-box:after {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #ddd;}
.desc p:not(:last-child) {margin-bottom: 1em;}

.greetings .txt {padding-bottom: 85px;}
.greetings .img {position: relative; width: 50%;}
.greetings .img:before {position: absolute; content: ''; right: calc(100% + 35px); bottom: 0; width: 942px;height: 85px; background: url('/images/sub/greetings-txt.png') no-repeat center bottom; background-size: contain;}

.w1100 {max-width: 1100px;}
.design .concept h2 {position: relative; width: fit-content; z-index: 1;}
.design .concept h2:before {position: absolute; content: ''; z-index: -1; right: -2px; top: 0; width: 10px; height: 10px; border-radius: 100%; background: var(--primary-color); opacity:.35;}
.design-item {gap: 70px;}
.design-item:last-child {flex-direction: row-reverse;}
.design-item .img {overflow: hidden; border-radius: 70px 0 70px 0;}
.design-item:last-child .img, .design-item:last-child .img:after {border-radius:0 70px 0 70px;}
.question-items {line-height: 1.94444em;}
.question-items li {display: flex; gap: 3px;}
.question-items li:not(:last-child) {margin-bottom: 15px;}
.design-contact {width: fit-content; padding: 21px 35px; margin: 0 auto; background: var(--primary-color); border-radius: 10px;}

.business .logo-items {gap: 30px;}
.business .logo-items .border-box {padding:clamp(1.25rem, 0.0313rem + 3.0469vw, 3.6875rem) clamp(1.25rem, 0.9375rem + 0.7813vw, 1.875rem);}
.business .logo-items .border-box:after {border-radius:10px;}
.business .sec-info .item {gap: 75px;}
.business .sec-info .item:nth-child(even), .khanstone .khanstone-info .item:nth-child(even) {flex-direction: row-reverse;}
.business .sec-info .imgs {gap:20px; width: 45.833333%;}

.sec-shortcut {flex-wrap: wrap; gap: 30px; padding-top: 30px; border-top: 1px solid #ddd;}
.sec-shortcut .box {position: relative; width: calc((100% - 60px) / 3);}
.sec-shortcut .box .bg {position: relative; width: 100%; padding-bottom: 100%; overflow: hidden;}
.sec-shortcut .box .bg img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}
.sec-shortcut .box .txt {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 25px;}
.btn-small.btn-more:before {width: 30px; height: 30px; margin-top: -15px;}
.btn-small.btn-more {font-size: 16px; padding-left: 16px; transition: all .2s;}
.btn-small.btn-more .icon img {filter:grayscale(1) brightness(5);}
.box:hover .btn-small.btn-more {color: var(--primary-color); font-weight: 600;}
.box:hover .btn-small.btn-more .icon img {filter: none;}

.khanstone .sec-welcome .img {width: 50%; position: relative; overflow: hidden;}
.khanstone .sec-welcome .img img {position: absolute; width: 100%; height: 100%; max-width: 100%; max-height: 100%; left: 0; object-fit: cover;}
.khanstone .sec-welcome .txt {padding: clamp(1.5625rem, -1.0938rem + 6.6406vw, 6.875rem) clamp(0.9375rem, 0.4688rem + 1.1719vw, 1.875rem) clamp(1.5625rem, -1.0938rem + 6.6406vw, 6.875rem) clamp(1.875rem, 1.0938rem + 1.9531vw, 3.4375rem); background: var(--secondary-color);}
.khanstone .khanstone-info .img {width: 50%;}
.khanstone .khanstone-info .dot-item {padding-left: 20px;}
.khanstone .khanstone-info .dot-item h3 {position: relative;}
.khanstone .khanstone-info .dot-item h3:before {position: absolute; content: ''; left: -20px; top: 50%; margin-top: -4px; width: 8px; height: 8px; background: var(--secondary-color); border-radius: 100%; }
.khanstone .khanstone-info .item:nth-child(odd) .txt {padding-left:clamp(1.875rem, 1.25rem + 1.5625vw, 3.125rem);}
.khanstone-links {gap: 20px;}
.khanstone-link {position: relative; gap: 10px; min-width: 220px; height: 52px; padding-left: 40px; padding-right: 30px; border-radius: 26px; background: var(--secondary-color); font-size: 18px; font-weight: 600;}
.direction-info {gap:10px 30px; flex-wrap: wrap; max-width: 800px;}
.direction-info .item {gap:10px;}
.subway-line {display: inline-block; padding: 4px 15px; margin: 0 7px; border-radius: 12px; line-height: 1em;}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .wrap_map, .root_daum_roughmap {width: 100% !important;}

.exhibit-for {position: relative; margin-bottom: 16px;}
.exhibit-for .img {position: relative; width: 100%; padding-bottom: 47.5%; overflow: hidden;}
.exhibit-for .img img {position: absolute; width: 100%; height: 100%; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: contain;}
.exhibit-for .slick-arrow {position: absolute; top: 50%; width: 70px; height: 70px; margin-top: -35px; background: url('/images/sub/exhibit-arrow.png') no-repeat center center; background-size: contain; overflow: hidden; text-indent: -99999em; border: 0; z-index: 1;}
.exhibit-for .slick-prev {left: 50px;}
.exhibit-for .slick-next {right: 50px; transform: rotate(180deg)}

.exhibit-nav .items {position: relative; margin: -8px;}
.exhibit-nav .slick-slide {padding: 8px; cursor: pointer;}
.exhibit-nav .img {position: relative; width: 100%; padding-bottom: 59.0278%; overflow: hidden;}
.exhibit-nav .img:after {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.3);}
.exhibit-nav .slick-current .img:after {border: 3px solid var(--primary-color); background: none;}
.exhibit-nav .img img {position: absolute; width: 100%; height: 100%; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); object-fit: cover;}

.direction-items {margin-top:clamp(1.25rem, 0.7813rem + 1.1719vw, 2.1875rem);}
.direction-items .icon {display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius: 100%; background: var(--primary-color); margin: 0 auto clamp(0.625rem, 0.3125rem + 0.7813vw, 1.25rem);}
.direction-items .item {position: relative;}
.direction-items .item:not(:last-child):before {position: absolute; content: ''; top: 50%; right: 0; width: 1px; height: 30px; margin-top: -15px; background: #ddd;}