@charset "utf-8";
.root_daum_roughmap .wrap_map, .root_daum_roughmap, .direction-map iframe {width: 100% !important; height: 100% !important;}
.dot-list li {text-indent: -.8em; padding-left: .8em;}
.dot-list li:not(:last-child) {margin-bottom: clamp(5px, calc(10 / var(--inner) * 100vw), 10px);}
.dot-list li:before {content: "•"; margin-right: 5px;}

.greeting-img {border-radius: 500px; overflow: hidden;}
.greeting-txt {gap:0 35px;}
.page-about-status {gap: 30px var(--space-60);}
.about-status-photo {display: flex; align-items: center; justify-content: center; width: 42.143%; border-radius: var(--radius-16); border: 1px solid #ddd; overflow: hidden;}
.about-status-wrap table {width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 2px solid var(--primary-color);}
.about-status-wrap th {background: rgba(129, 0, 101, 0.04); text-align: left; font-weight: 600;}
.about-status-wrap th, .about-status-wrap td {border-bottom: 1px solid #ddd; padding: clamp(10px, calc(20 / var(--inner) * 100vw), 20px) var(--space-20);}
.about-status-wrap td>ul {display: flex; flex-direction: column; gap: var(--space-40);}
.about-status-wrap .dot-list {color: #878787; margin-top: var(--space-15);}
.about-founding-txt {position: relative; max-width: 1080px; width: calc(100% - var(--container-space) * 2); margin: calc((var(--space-60) + 2.7em + var(--space-40)) * -1) auto 0; padding: var(--space-60) 15px 0; border-radius: var(--radius-16); background: #fff;}
.about-founding-txt h3:after {content: ''; display: block; width: 50px; height: 3px; background: #ddd; margin: var(--space-40) auto;}

.history-welcome {padding: var(--space-150) 0; margin-bottom: var(--space-80); background: url('/images/sub/history-welcome.jpg') no-repeat center center / cover;}
.history-welcome .tag {opacity: .4; margin-bottom: 10px;}
.history-list {padding-bottom: var(--space-80);}
.history-timeline {display: flex; flex-direction: column; gap: clamp(30px, calc(50 / var(--inner) * 100vw), 50px);}
.history-line {width: 100%; height: 0; border: 0; border-top: 1px solid #ddd; margin: 0;}
.history-line--thick {border-top-width: 2px; border-top-color: #ddd; max-width: 1400px;}
.history-evt {display: flex; align-items: center; gap: clamp(30px, calc(100 / var(--inner) * 100vw), 100px);}
.history-yr {position: relative; flex: 0 0 clamp(80px, calc(142 / var(--inner) * 100vw), 142px);}
.history-yr-num {display: flex; flex-wrap: nowrap; align-items: baseline; gap: 2px; margin: 0; padding-top: var(--space-25); font-size: var(--font-size-40); font-weight: 700; line-height: 1; color: var(--dark-color);}
.history-yr-num .accent {color: var(--primary-color);}
.history-yr-num:after {content:''; position: absolute; top: 0; right: 0; width: 24px; height: 10px; border-radius: 100px; background: var(--primary-color); transform: rotate(135deg); transform-origin: center;}
@media (max-width: 768px) {
	.history-evt {flex-direction: column; align-items: flex-start; gap: var(--space-20);}
	.history-yr-num {padding-top: 0;}
}

.direction-map {height: clamp(250px, calc(460 / var(--inner) * 100vw), 460px);}
.direction-info {display: flex; gap: 12px clamp(25px, calc(80 / var(--inner) * 100vw), 80px); flex-wrap:wrap; margin-top: clamp(30px, calc(40 / var(--inner) * 100vw), 40px);}
.direction-item {display: flex; align-items: center; gap: var(--space-20);}
.direction-item .icon {border-radius: 100%; padding: clamp(10px, calc(18 / var(--inner) * 100vw), 18px); border: 2px solid var(--primary-color);;}

.page-business {gap: 30px clamp(35px, calc(50 / var(--inner) * 100vw), 100px);}
.business-photo {position: relative; width: 50%; border-radius: var(--radius-16); overflow: hidden;}
.business-photo:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--radius-16); border: 1px solid #ddd;}
.business-txt {position: relative; padding: var(--space-30);}
.business-txt:before, .business-txt:after {content: ''; position: absolute; top: 0; left: 0; width: var(--space-30); height: var(--space-30); border-top: 4px solid var(--primary-color); border-left: 4px solid var(--primary-color);}
.business-txt:after {top: auto; bottom: 0; left: auto; right: 0; transform: rotate(180deg);}

.business-welcome {padding: clamp(40px, calc(130 / var(--inner) * 100vw), 130px) 15px; margin-bottom: var(--space-150); border-radius: var(--radius-16); background: url('/images/sub/business-welcome.jpg') no-repeat center center / cover;}
.business-status .about-status-photo .img {position: relative; width: 100%; padding-bottom: 83%;}
.business-status .about-status-photo img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.business-status .about-status-photo {display: block; height: fit-content;}
.business-status .about-status-wrap td>ul {gap: var(--space-25);}

.page-jangho {display: flex; flex-direction: column; gap: clamp(40px, calc(100 / var(--inner) * 100vw), 100px);}
.jangho-cnt {display: flex; align-items: flex-start; gap: 25px clamp(35px, calc(50 / var(--inner) * 100vw), 120px);}
.jangho-img {flex: 0 0 35.715%; max-width: 500px; width: 35.715%; height: fit-content; border-radius: var(--radius-16); overflow: hidden;}
.jangho-img img {display: block; width: 100%; height: auto;}
.jangho-img-slider .img {position: relative; width: 100%; padding-bottom: 70%;}
.jangho-img-slider .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.jangho-history {flex: 1; min-width: 0;}
.jangho-timeline {display: flex; flex-direction: column; align-items: stretch; gap: clamp(32px, calc(48 / var(--inner) * 100vw), 48px);}
.jangho-timeline--awards .jangho-line--top {box-sizing: border-box; max-width: 780px; width: 100%; margin-left: auto; margin-right: auto;}
.jangho-line {width: 100%; height: 0; margin: 0; border: 0; border-top: 1px solid #ddd;}
.jangho-line--top {border-top-width: 2px; border-top-color: var(--primary-color);}
.jangho-era {display: flex; align-items: flex-start; gap: clamp(40px, calc(80 / var(--inner) * 100vw), 80px); padding: 0 clamp(15px, calc(40 / var(--inner) * 100vw), 40px);}
.jangho-era-yr {flex: 0 0 64px; margin: 0; font-size: var(--font-size-28); font-weight: 600; line-height: 1; letter-spacing: -0.03em; color: var(--primary-color);}
.jangho-events {display: flex; flex-direction: column; gap: clamp(20px, calc(25 / var(--inner) * 100vw), 25px); margin: 0; padding: 0; list-style: none;}
.jangho-events>li {display: flex; align-items: flex-start; gap: 20px; font-size: var(--font-size-18); line-height: 1.5556em; letter-spacing: -0.03em; color: #505050;}
.jangho-date {flex: 0 0 auto; min-width: 93px; margin: 0; font-weight: 600; white-space: nowrap;}
.jangho-desc {margin: 0; flex: 1; min-width: 0;}
.jangho-desc p {margin: 0;}
@media (max-width: 900px) {
	.jangho-cnt {flex-direction: column;}
}


.winner-table table {width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 2px solid var(--primary-color); text-align: center;}
.winner-table table thead th {background: rgba(129, 0, 101, 0.04); text-align: left; font-weight: 600; text-align: center;}
.winner-table table thead th, .winner-table table tbody td {border-bottom: 1px solid #ddd; padding: clamp(10px, calc(20 / var(--inner) * 100vw), 20px) var(--space-20);}
.winner-table table thead th:not(:last-child) {border-right: 1px solid #ddd;}
.winner-table table tbody td>ul {display: flex; flex-direction: column; gap: var(--space-40);}
.winner-table table tbody td.type2 {background: rgba(129, 0, 101, 0.04);}
.winner-table table tbody td.type2:nth-child(odd) {background: rgba(129, 0, 101, 0.04);}
.winner-table table tbody td.type2:nth-child(even) {background: rgba(129, 0, 101, 0.04);}
.winner-table table tbody td.type2:nth-child(odd) {background: rgba(129, 0, 101, 0.04);}