@charset "utf-8";
.greetings {gap: clamp(20px, calc( 130 / var(--inner) * 100vw ), 130px);}
.greeting-img {width: 38.575%;}
.greeting-txt {padding-right: clamp(0px, calc( 90 / var(--inner) * 100vw ), 90px);}
.greeting-sign {gap: 25px;}

.pop-gallery-list ul {display: flex; flex-wrap: wrap; gap: 30px 0; margin: 0 calc(clamp(7px, calc( 15 / var(--inner) * 100vw ), 15px) * -1);}
.pop-gallery-list li {width: 25%; padding: 0 clamp(7px, calc( 15 / var(--inner) * 100vw ), 15px);}
.pop-gallery-img {position: relative; width: 100%; margin-bottom: clamp(7px, calc( 15 / var(--inner) * 100vw ), 15px); padding-bottom: 125%; overflow: hidden;}
.pop-gallery-img:after {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #ddd;}
.pop-gallery-img img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}

.root_daum_roughmap {width:100% !important;}
.directions {display: flex; margin-top:40px;}
.directions .address-info .comp {color:var(--primary-color); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {line-height:1.5em;}
.directions .contact-info dl {display:flex; }
.directions .contact-info dl:not(:last-child) {margin-bottom: 1em;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--primary-color);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.sec:not(:last-child) {margin-bottom: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.sec h2 {margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-size: clamp(22px, calc( 36 / var(--inner) * 100vw ), 36px); line-height: 1.3em; color: var(--dark-color);}

.summary-welcome {padding: 40px 0;}
.summary-welcome .contain {display: flex; gap: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px);}
.summary-img {width: 42.8575%;}
.summary-txt {flex: 1;padding-top: clamp(0px, calc( 55 / var(--inner) * 100vw ), 55px);}
.table-wrap table {width: 100%; border-collapse: collapse;}
.table-wrap thead th {background: var(--dark-color); color: #fff;}
.table-wrap th {padding: clamp(6px, calc( 18 / var(--inner) * 100vw ), 18px) clamp(8px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: 600; background: #fafafa;}
.table-wrap td {padding: clamp(6px, calc( 18 / var(--inner) * 100vw ), 18px) clamp(8px, calc( 22 / var(--inner) * 100vw ), 22px); padding-left: clamp(10px, calc( 60 / var(--inner) * 100vw ), 60px);}
.table-wrap th, .table-wrap td {border: 1px solid #ddd;}
.table-wrap tbody th:first-child {border-left: 0;}
.table-wrap tbody td:last-child {border-right: 0;}
.indent10 {text-indent: -10px; padding-left: 10px;}
.business-tit {padding: clamp(8px, calc( 18 / var(--inner) * 100vw ), 18px) var(--container-space);background: var(--dark-color); color: #fff; font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); line-height: 1.5em; text-align: center;}
.business-list ul {display: flex; flex-wrap: wrap; margin: calc(clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px) * -1) calc(clamp(5px, calc( 60 / var(--inner) * 100vw ), 60px) * -1);}
.business-list li {width: 50%; padding: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(5px, calc( 60 / var(--inner) * 100vw ), 60px);}
.business-slider {position: relative; padding: 0 clamp(40px, calc( 110 / var(--inner) * 100vw ), 110px); margin: 0 calc(clamp(40px, calc( 110 / var(--inner) * 100vw ), 110px) * -1);}
.business-slider .swiper {position: unset; margin: 0 calc(clamp(7px, calc( 14 / var(--inner) * 100vw ), 14px) * -1);}
.business-slider li {padding: 0 clamp(7px, calc( 14 / var(--inner) * 100vw ), 14px);}
.business-slider .mp-arrow {position: absolute; top: 50%; right: 0; margin-top: -30px; z-index: 2;}
.business-slider .mp-arrow.swiper-button-prev {right: auto; left: 0;}