@charset "utf-8";
.bdrs24 {border-radius: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px); overflow: hidden;}
.desc p:not(:last-child) {margin-bottom: clamp(12px, calc( 30 / var(--inner) * 100vw ), 30px);}

.greeting-photo {margin-bottom: clamp(25px, calc( 60 / var(--inner) * 100vw ), 60px);}
.greetings h2 {width: 50%; font-size: clamp(22px, calc( 38 / var(--inner) * 100vw ), 38px); line-height: 1.421em;}
.greetings .desc {padding-right: clamp(0px, calc( 60 / var(--inner) * 100vw ), 60px);}
.greetings p strong {margin-left: 20px; letter-spacing: 0.5em;}

.history-photo {position: relative; margin-bottom: clamp(30px, calc( 75 / var(--inner) * 100vw ), 75px);}
.history-photo .txt {position: absolute; left: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); bottom: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); padding: clamp(8px, calc( 15 / var(--inner) * 100vw ), 15px) clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); border-radius: clamp(8px, calc( 12 / var(--inner) * 100vw ), 12px); background: var(--primary-color); color: #fff;}
.history-photo .txt p {padding-left: 40px;}
.history-items {position: relative;}
.history-items:before {position: absolute; content: ''; top: 0; bottom: 0; left: 50%; width: 1px; margin-left: -1px;border-right: 1px dashed #ddd;}
.history-item {width: 50%; padding-right: var(--history-indent); text-align: right; font-size: clamp(15px, calc( 17 / var(--inner) * 100vw ), 17px);}
.history-item:not(:last-child) {margin-bottom: clamp(25px, calc( 90 / var(--inner) * 100vw ), 90px);}
.history-item:nth-child(odd) {padding-right: 0; padding-left: var(--history-indent);;margin-left: auto; text-align: left;}
.history-item ul li:not(:last-child) {margin-bottom: 4px;}
.history-year {position: relative; margin-bottom: clamp(12px, calc( 30 / var(--inner) * 100vw ), 30px); font-size: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); line-height: 1em; color: var(--primary-color); font-weight: 700;}
.history-year:before {position: absolute; content: ''; right: 0; top: 50%; transform: translate(50%, -50%); width: 26px; height: 26px; margin-right: calc(var(--history-indent) * -1);border-radius: 100%; background: #fff; border: 1px solid #ddd;}
.history-year:after {position: absolute; content: ''; right: 0; top: 50%; width: 12px; height: 12px; margin-right: calc(var(--history-indent) * -1); transform: translate(50%, -50%); border-radius: 100%; background:var(--primary-color); }
.history-item:nth-child(odd) .history-year:before,
.history-item:nth-child(odd) .history-year:after {right: auto; left: 0; transform: translate(-50%, -50%); margin-right: 0; margin-left: calc(var(--history-indent) * -1);}
.history-item .dot-list {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px);}

.root_daum_roughmap .wrap_map, .root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {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 {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.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;}
.root_daum_roughmap .wrap_controllers {display: none;}

.business-list ul {display: flex; flex-wrap: wrap; margin: calc(clamp(12px, calc( 22 / var(--inner) * 100vw ), 22px) * -1) calc(clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px) * -1);}
.business-list li {width: 50%; padding: clamp(12px, calc( 22 / var(--inner) * 100vw ), 22px) clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); text-align: center;}
.business-list li.width30 {width: 33.33335%;}
.business-list .img {margin-bottom: 15px;}

.deco-tit {position: relative; padding-left: 25px; margin-bottom: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); font-size: clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); color: var(--dark-color); letter-spacing: -.04em; line-height: 1em; }
.deco-tit:before {position: absolute; content: ''; left: 0; top: 50%; margin-top: -9px; width: 18px; height: 18px; border: 4px solid var(--primary-color); border-radius: 100%;}
.dot-list li {position: relative; padding-left: 12px;}
.dot-list li:not(:last-child) {margin-bottom: 4px;}
.dot-list li:before {position: absolute; content: '•'; left: 0; color: var(--primary-color);}

.equipment .sec:not(:last-child) {margin-bottom: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.equipment-wrap {gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.equipment-info {width: 45.83335%;}
.equipment-feature {margin-top: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px);}
.equipment-feature h3 {margin-bottom: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px);font-size: clamp(18px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: 600; color: var(--dark-color);}
.table-wrap {flex: 1; text-align: center;}
.table-wrap table {width: 100%; border-collapse: collapse; border-top: 1px solid #a8a8a8;}
.table-wrap th {background: #eee; color: var(--dark-color); font-weight: 600;}
.table-wrap tbody th {background: #fafafa;}
.table-wrap th, .table-wrap td {padding: clamp(7px, calc( 12 / var(--inner) * 100vw ), 12px) 5px;border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.table-wrap th:first-child {border-left: 0;}
.table-wrap.type2 th:nth-child(1) {border-left: 1px solid #dfdfdf;}
.table-wrap.type2 th.bl0 {border-left: 0; background: #eee;}

.cert-list ul {display: flex; flex-wrap: wrap; margin: calc(clamp(12px, calc( 17 / var(--inner) * 100vw ), 17px) * -1) calc(clamp(7px, calc( 13 / var(--inner) * 100vw ), 13px) * -1);}
.cert-list li {width: 25%; padding: clamp(12px, calc( 17 / var(--inner) * 100vw ), 17px) clamp(7px, calc( 13 / var(--inner) * 100vw ), 13px); text-align: center;}
.cert-list .img {margin-bottom: clamp(12px, calc( 17 / var(--inner) * 100vw ), 17px);}