@charset "utf-8";
.greetings-sign {display: flex; justify-content: flex-end; /* align-items: flex-end; */ gap: 25px; margin-top: 20px;}
.greetings-sign span {margin-bottom: 3px;}
.greeting-txt {width: 55%; margin-left: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px);}
.vision-items {position: relative; padding-top: clamp(15px, calc( 75 / var(--inner) * 100vw ), 75px); margin: calc(clamp(15px, calc( 75 / var(--inner) * 100vw ), 75px) * -1) clamp(15px, calc( 110 / var(--inner) * 100vw ), 110px) 0; border-radius: 20px; background: #fff;}
.vision-item {position: relative; padding: clamp(20px, calc( 30 / var(--inner) * 100vw ),30px) var(--container-space) clamp(20px, calc( 45 / var(--inner) * 100vw ),45px);}
.vision-item:not(:last-child):after {position: absolute; content: ''; top: 0; bottom: 0; right: 0; width: 1px; background: #ddd; opacity: .6;}

.direction-menu {margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); background: #fafafa; border-radius: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) 0 0; border: 1px solid #ddd; border-bottom: 1px solid var(--primary-color);}
.direction-menu ul {display: flex;}
.direction-menu li {flex: 1;}
.direction-menu a {position: relative; display: block; padding: clamp(8px, calc( 15 / var(--inner) * 100vw ), 15px) 15px; text-align: center; color: #898989; font-weight: 600;}
.direction-menu .active a {z-index: 1; color: var(--primary-color);}
.direction-menu .active a:before {position: absolute; z-index: -1; content:''; top: -1px; right: 0; bottom: -1px; left: 0; background: #fff; border-radius: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) 0 0; color: var(--primary-color); border: 1px solid var(--primary-color); border-bottom: 1px solid #fff;}
.root_daum_roughmap {width:100% !important;}
.directions {display: flex;margin-top:40px;}
.directions .address-info {flex:1;margin-bottom:30px;}
.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 {flex: 1; line-height:1.5em;}
.directions .contact-info dl {display:flex;}
.directions .contact-info dl:not(:last-child) {margin-bottom: var(--container-space);}
.directions .contact-info dt {width:120px; color:#242424; font-size:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 20px 0 0;}
.directions .contact-info dt path {fill:#aaa;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;  font-size:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px);}
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont {display: none;}


.dot-tit {width: fit-content;}
.dot-tit:after {display: inline-block; content: ''; width: 6px; height: 6px; margin-left: 10px; border-radius: 100%; background: var(--primary-color);}
.business-menu {position: relative; max-width: 1200px; border-radius: 10px; margin: 0 auto clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.business-menu:before {position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #ddd; border-radius: 10px; z-index: 2; pointer-events: none;}
.business-menu ul {display: flex; flex-wrap: wrap;}
.business-menu li {position: relative; width: 25%;}
.business-menu li:before {position: absolute; z-index: 1; content: ''; top: -1px; left: -1px; right: -1px; bottom: -1px; border: 1px solid #ddd; pointer-events: none;}
.business-menu a {position: relative; z-index: 1; display: block; padding: clamp(8px, calc( 15 / var(--inner) * 100vw ), 15px) 15px; background: #fafafa; font-weight: 600; color: #898989; text-align: center;}
.business-menu .active a:before {position: absolute; z-index: -1; content :''; top: 1px; right:1px; bottom: 1px; left: 1px; background: #fff; border: 1px solid var(--primary-color);}
.business-menu li:nth-child(4) ~ .active a:before {top: 0;}
.business-menu .active a {color: var(--primary-color);}

.business-menu li:nth-child(1) a:before  {border-radius: 10px 0 0 0;}
.business-menu li:nth-child(4) a:before  {border-radius: 0 10px 0 0;}
.business-menu li:nth-child(5) a:before  {border-radius: 0 0 0 10px;}
.business-menu li:nth-child(8) a:before  {border-radius: 0 0 10px 0;}

.business-gallery ul {display: flex; flex-wrap: wrap; margin: calc(clamp(8px, calc( 15 / var(--inner) * 100vw ), 15px) * -1);}
.business-gallery li {width: 33.3335%; padding: clamp(8px, calc( 15 / var(--inner) * 100vw ), 15px);}
.business-img {position: relative; width: 100%; padding-bottom: 62.10527%; border-radius:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); overflow: hidden;}
.business-img img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: cover;}
.business-box {position: relative; margin: calc(clamp(30px, calc( 150 / var(--inner) * 100vw ), 150px) * -1) clamp(15px, calc( 100 / var(--inner) * 100vw ), 100px) 0; padding: clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px) var(--container-space) 0; background: #fff; border-radius: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.business-box h2 {color: var(--dark-color);}