@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(300px, calc( 515 / var(--inner) * 100vw ), 515px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(300px, calc( 515 / var(--inner) * 100vw ), 515px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {display: none; content:"위노베이트"; font-size:12px; line-height:15px;}
.roughmap_maker_label .roughmap_lebel_text {display: none !important;}
.roughmap_maker_label:after {display: none !important;}

.bullet-item .bullet-list {position:relative; padding-left:clamp(12px, calc( 15 / var(--inner) * 100vw ), 15px); margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:7px; width:clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); height: clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

.bg-gray {background:#fafafa;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0;}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.aside-box {position:absolute; top:clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px); width:320px; z-index:9999;left:50%; margin-left:-800px; padding-bottom:clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px); z-index:1;}
.aside-box .side-title {padding:var(--padding-50) 10px; padding-bottom: var(--padding-75); font-size:var(--font-size-32); font-weight:700; color:#fff; background:var(--color-fouth ); text-align:center; border-radius: 24px 24px 0 0;}
.aside-box .stick-item {margin-top: -25px; padding:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px) 20px; border-radius: 24px; border: 1px solid #ddd;background: #fff;}
.aside-box .stick-list a {display:block; padding:var(--padding-25) 0; font-size: var(--font-size-20); font-weight: 600; border-top: 1px solid #ddd;}
.aside-box .stick-list:first-child a {border-top: none; padding-top: 0;}
.aside-box .stick-list:last-child a {padding-bottom: 0;}
.aside-box .stick-list.active a {color:var(--color-tertiary);}
.aside-box.fixed {position:fixed; top:calc(var(--header-logo) + var(--header-nav) + 20px);}
.aside-box.fixed-bottom {position:absolute; top:auto; bottom:0;}

.btntog-wrap {display:none;}
.btn-toggle {display:flex; align-items:center; }
.btn-toggle.active .btn svg {transform: rotate(180deg);}
.btn-toggle .btn {display:flex; align-items:center; justify-content:center; width:25px; height:25px; background:var(--color-fouth); border-radius:50%; border:0; margin-right:12px;}
.btn-toggle .btn svg {color:#fff; width: 15px; height: auto; aspect-ratio: 1 / 1;}
.btn-toggle .tit {font-size:16px;}

.subsec {max-width:1660px; width:100%; padding-left:var(--container-space); padding-right:var(--container-space); margin:0 auto;}
.subsec .sec-contain {padding-left:400px;}

.line-title {margin-bottom: 15px; padding-left: clamp(10px, calc( 13 / var(--inner) * 100vw ), 13px); position: relative; font-size:var(--font-size-24); font-weight: bold; letter-spacing: -0.5px;}
.line-title::before {content: ''; position: absolute; top: 4px; left: 0; width: 3px; height:clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); background: var(--color-tertiary); border-radius: 99px;}
.sub-titbox {margin-bottom: var(--padding-30);}
.sub-titbox .subsec-tit {font-size:var(--font-size-32); font-weight: bold; letter-spacing: -0.5px;}
.sub-titbox .subsec-tit.ty2 {font-size:var(--font-size-24); font-weight: 600; color: var(--color-tertiary);}

.contact-form {padding: var(--padding-40) 0; border-top: 2px solid #121212;}
.contact-form .form-bg {margin: -20px 0;}
.contact-form label {position: relative;}
.contact-form label .dot { position: absolute; top: 0; right: -15px;width:5px; height: 5px; border-radius: 50%; background: var(--color-tertiary);}
.contact-form .input {width: 100%; height: clamp(40px, calc( 56 / var(--inner) * 100vw ), 56px);}
.contact-form .files-upload-input .btn-pack {height: clamp(40px, calc( 56 / var(--inner) * 100vw ), 56px) !important;}
.contact-form .tdflxWrap {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--padding-80); } 
.contact-form .tdflxWrap.wid-100 {grid-template-columns: repeat(1, 1fr); } 
.contact-form td {padding: 20px 0;}
.contact-form .label {margin-bottom:var(--padding-15); font-size:var(--font-size-18); font-weight: 600;}

/* 강의 수강 신청 테이블 */
.enroll-wrap {margin-bottom: var(--padding-60);}
.enroll-table {display: flex; flex-direction: column; gap: 10px; width: 100%; }
.enroll-head {display: flex; height: 48px; background: var(--color-tertiary); color: #fff; font-size: var(--font-size-16); font-weight: 700; line-height: 1; align-items: center; flex-shrink: 0; border-radius: 8px; overflow: hidden;}
.enroll-head .enroll-cell {flex: 0 0 auto; padding: 0 var(--padding-20); text-align: center;}
.enroll-head .col-subject {width: 18.34%;}
.enroll-head .col-exam {width: 10.83%;}
.enroll-head .col-day {width: 12.5%;}
.enroll-head .enroll-cell-group {display: flex; flex: 0 0 auto; width: 58.33%;}
.enroll-head .enroll-cell-group .col-course {width: 78.5%;}
.enroll-head .enroll-cell-group .col-location {width: 21.5%;}
.enroll-body {display: flex; height: 300px; background: #fff; border: 1px solid #878787;  border-radius: 8px 8px; overflow: hidden;}
.enroll-col {flex: 0 0 auto; display: flex; flex-direction: column; border-right: 1px solid #ddd; overflow: hidden;}
.enroll-col-group {flex: 0 0 auto; width: 58.33%; display: flex; flex-direction: column; border-right: 0; overflow: hidden;}
.enroll-col-group .enroll-col-inner {flex: 1; overflow-y: auto; padding: 0;}
.enroll-col-group .enroll-row {display: flex; }
.enroll-col-group .enroll-item.col-course {flex: 0 0 78.5%; width: 78.5%; }
.enroll-col-group .enroll-item.col-location {flex: 0 0 21.5%; width: 21.5%; text-align: center;}
.enroll-col.col-subject {width: 18.34%;}
.enroll-col.col-exam {width: 10.83%;}
.enroll-col.col-day {width: 12.5%;}
.enroll-col-inner {flex: 1; overflow-y: auto; padding: 0;}
.enroll-item {display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; padding: 15px var(--padding-20); font-size: var(--font-size-16); line-height: 1; color: #121212; border: 0; background: none; cursor: pointer; text-align: left;}
.enroll-item .txt {flex: 1; min-width: 0;}
.enroll-item.on {background: #E6EEF4; color: var(--color-tertiary); font-weight: 600;}
.enroll-item.on .txt {color: var(--color-tertiary); background: url(../images/sub/select-arrow.svg) no-repeat right center / 6px auto;}
.enroll-item a {color: inherit; text-decoration: none;}
.enroll-col-group .enroll-row:hover .enroll-item {color: var(--color-tertiary); font-weight: 600;}
.enroll-item.on a {color: var(--color-tertiary);}
.enroll-item .arrow {flex: 0 0 6px; width: 6px; height: 10px; background: var(--color-tertiary); clip-path: polygon(0 0, 100% 50%, 0 100%);}
/* 수강신청 모바일 */
.enroll-mobile {display: none;}
.enroll-mobile .enroll-filters {display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: var(--padding-30);}
.enroll-mobile .enroll-filters .group {flex: 1 1 auto; min-width: 0;}
.enroll-mobile .enroll-filters .input {width: 100%; height: 44px; padding: 0 var(--padding-15); border: 1px solid #ddd; border-radius: 4px;}
.enroll-mobile .enroll-course-list {margin-bottom: var(--padding-30);}
.enroll-mobile .enroll-course-list .tit {font-size: var(--font-size-18); font-weight: 700; margin-bottom: var(--padding-15);}
.enroll-mobile .enroll-course-list .list {border: 1px solid #ddd; border-radius: 8px; overflow-y: auto; height: 150px; background: #fff;}
.enroll-mobile .enroll-course-list .list a {display: flex; justify-content: space-between; align-items: center; gap: 15px; padding:12px 14px; font-size: var(--font-size-16); color: #121212;}
.enroll-mobile .enroll-course-list .list a .course {flex: 1; min-width: 0;}
.enroll-mobile .enroll-course-list .list a .location {flex: 0 0 auto; color: #767676;}
.enroll-mobile .enroll-course-list .list a.on {background: #E6EEF4; color: var(--color-tertiary); font-weight: 600;}
.enroll-mobile .enroll-course-list .list a.on .location {color: var(--color-tertiary);}

.course-list {display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--padding-60) var(--padding-40);}
.course-item {display: block;}
.course-item .images {position: relative; padding-bottom: 74.07%; margin-bottom: var(--padding-20); overflow:hidden; border-radius: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px);}
.course-item .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover; transition: transform 0.35s ease;}
.course-item:hover .images img {transform: translateY(-50%) scale(1.06);}
.course-item .images .badge {position: absolute; top:var(--padding-10); left:var(--padding-10); font-size:var(--font-size-14); font-weight: 600; color: #fff;  padding: 5px 10px; border-radius: 4px; line-height: 1;}
.course-item .images .badge.bg1 {background: #A70B0C;}
.course-item .images .badge.bg2 {background: #505050;}
.course-item .textbx {padding-top:var(--padding-20); letter-spacing: -0.5px;}
.course-item .textbx .cate {display:block; margin-bottom: 8px; font-size:var(--font-size-14); color: var(--color-body); }
.course-item .textbx .title {font-size: var(--font-size-16); font-weight: 600; line-height:1.5em; display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.course-item .course-info {display: flex; flex-wrap: wrap; flex-direction: column; gap: 7px; margin-top: var(--padding-20);}
.course-item .infoitem {display: flex;  font-size: var(--font-size-14); }
.course-item .infoitem .name {width: 75px;font-weight: 600; color: #000;}
.course-item .infoitem .dec {flex: 1; color: var(--color-body); font-weight: 400;}

.detailview-head {margin-bottom: var(--padding-40); padding: var(--padding-30) 0; border-top: 2px solid #121212; border-bottom: 1px solid #ddd; text-align: center;}
.detailview-head .cate {display: block; margin-bottom: 10px; font-weight: 600; color: var(--color-tertiary);}
.detailview-head .title {font-size: var(--font-size-32); font-weight: bold; color: #000;}

.detailview-button {display: flex;align-items: center;justify-content: space-between; gap: 10px; margin-bottom:15px;}
.detailview-button .btn-apply {display: inline-flex;align-items: center;justify-content: center;gap: 6px; padding: 12px 20px; background: var(--color-tertiary); font-size: var(--font-size-20); color: #fff; border-radius: 4px; font-weight: bold; line-height: 1; letter-spacing: -0.5px;}

.detailview-table-wrap {margin-bottom: var(--padding-80); border-top: 1px solid var(--color-tertiary);}
.detailview-table {width: 100%; border-collapse: collapse; background: #fff;}
.detailview-table col.col-label {width: clamp(140px, calc( 200 / var(--inner) * 100vw ), 200px);}
.detailview-table col.col-cont {width: auto;}
.detailview-table th,
.detailview-table td {padding: 14px var(--padding-20); border-bottom: 1px solid #ddd; line-height: 1.5;}
.detailview-table th {border-right: 1px solid #ddd; background: #F9F9F9; font-size: var(--font-size-16); font-weight: 600; color: #121212; text-align: center; vertical-align: middle; }
.detailview-table td {font-size: var(--font-size-16); color: var(--color-body); vertical-align: middle; }
.detailview-table td .status-on {color: #A70B0C; font-weight: 600;}
.detailview-table-btns {display: flex; flex-wrap: wrap; gap: var(--padding-10);}
.detailview-table-btns .btn-pack {display: inline-flex; align-items: center; justify-content: center; gap: 8px;  padding: 6px 18px; font-size: var(--font-size-14); font-weight: 600; color: #fff; border-radius: 99px; border: 0;}
.detailview-table-btns .btn-lecture {background: #121212;}
.detailview-table-btns .btn-hrd {background: var(--color-primary);}

.view-buttons {margin-top: 40px;}
.view-buttons .btn-pack {border-radius:40px;}
.detailview-content {color: var(--color-body); line-height: 1.5;}

.blocker {z-index: 100;}
.modal {padding: var(--padding-50) var(--padding-40); max-width: 600px; width: 100%; letter-spacing: -0.5px;}
.modal a.close-modal {top: clamp(-30px, calc( -30 / var(--inner) * 100vw ), -15px); right: clamp(-30px, calc( -30 / var(--inner) * 100vw ), -15px); background-image: url(../images/sub/modao-close.svg); background-repeat: no-repeat; background-position: center center;width: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); height: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.modal-head {padding-bottom: var(--padding-20); margin-bottom: var(--padding-40); border-bottom: 1px solid #ddd;}
.modal-head .title {font-size: var(--font-size-24); font-weight: 700; }
.enroll-modal-form {display: flex; flex-direction: column; gap: var(--padding-40);}
.enroll-modal-form .group {display: flex; flex-direction: column; gap: 12px;}
.enroll-modal-form .label {font-size: var(--font-size-16); font-weight: 600; color: #121212;}
.enroll-modal-form .input {height: clamp(38px, calc( 46 / var(--inner) * 100vw ), 46px); padding: 0 14px; border: 1px solid #ddd; border-radius: 4px; font-size: var(--font-size-14); color: #121212;}
.enroll-modal-form .input::placeholder {color: #878787;}
.enroll-modal-form .input.readonly {display: flex; align-items: center; background: #f4f4f4; color: #121212;}
.agree-row {display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: var(--padding-20);}
.agree-row .checkbox {font-size: var(--font-size-14); color: var(--color-body); font-weight: 400;}
.agree-row .btn-text {display: inline-flex; align-items: center; justify-content: center; height: 28px; padding: 5px 8px; font-size: var(--font-size-12); font-weight: 600; color: #505050; border: 1px solid #ddd; border-radius: 4px; background: #fff;}
.modal-body .buttons {margin-top: var(--padding-40); margin-bottom: 0;}
.enroll-modal-form .noticebx {display: flex;align-items: center; gap:8px;}
.enroll-modal-form .noticebx .txt {font-size:var(--font-size-14); color: #A70B0C; letter-spacing: -0.7px;}

.tab-wrap {overflow-x: auto; margin-bottom: var(--padding-60);}
.tab-item {display: flex;gap:var(--padding-10); }
.tab-list {flex: 1; text-align: center;  } 
.tab-list .tab-link {display: block;text-align: center;padding: 13px 20px;font-weight: 500; color: var(--color-body); background: #DDE1EA; border-radius: 8px;}
.tab-list.active .tab-link {background:  var(--color-tertiary); color: #fff;}

.schedule-list {display: flex;flex-direction: column;gap: var(--padding-100);}
.schedule-table-wrap {overflow-x: auto; }
.schedule-table {width: 100%; border-collapse: collapse; background: #fff; letter-spacing: -0.5px; border-top: 2px solid var(--color-tertiary);}
.schedule-table th {padding: 12px 10px; border: 1px solid #ccc; background: #DFE3EC; font-size: var(--font-size-16); font-weight: 600; color: #121212; text-align: center; vertical-align: middle; line-height: 1.4;}
.schedule-table .small {font-size: var(--font-size-14); color: #121212;}
.schedule-table td {padding: 12px 10px; border: 1px solid #ccc; font-size: var(--font-size-16); color: var(--color-body); text-align: center; vertical-align: middle; line-height: 1.5;}
.schedule-table .col-round {background: #F9F9F9; font-weight: 700; color: #121212;}
.schedule-table tbody td.col-round {font-weight: 400;}
.schedule-table tbody th {color: var(--color-primary);}

.mytab {margin-bottom: 30px;}
.mytab .tab-grid {display: flex; gap: var(--padding-10); justify-content: center;}
.mytab .tabs-item {flex: 1; text-align: center; border-radius: 8px; background: #DDE1EA;}
.mytab .tabs-link {display: flex; align-items: center;justify-content: center; padding:0 20px; height: clamp(40px, calc( 46 / var(--inner) * 100vw ), 46px);  width: 100%; color: var(--color-body); font-weight: 500;}
.mytab .tabs-item.active {background: var(--color-tertiary);}
.mytab .tabs-item.active .tabs-link {color: #fff; font-weight: bold;}

.classform-tit {display: flex;justify-content: space-between; align-items: flex-end; gap: 10px; margin-bottom:var(--padding-22); letter-spacing: -0.4px;}
.classform-tit .title {font-size:var(--font-size-24); font-weight: bold;}
.classform-tit .date {display: inline-block; color: var(--color-body);}
.modal2 {padding: 0; max-width: 860px;}
.modal2 .video-wrap .video-js {position:relative; padding-bottom:56.25%; overflow:hidden; border-radius: 8px;}
.modal2 .video-wrap video ,
.modal2 .video-wrap iframe {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}

.faculty-grid {display: grid;grid-template-columns: repeat(2, 1fr); gap: var(--padding-40);}
.faculty-item {display: flex; flex-wrap: wrap; gap: var(--padding-40); padding:var(--padding-50); border-radius: 24px; background: #FFF;  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.10);}
.faculty-item .imgbx {width:clamp(90px, calc( 200 / var(--inner) * 100vw ), 200px);}
.faculty-item .images {position:relative; padding-bottom:135%; overflow:hidden; border-radius:8px; border: 1px solid #ddd;}
.faculty-item .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover; transition: transform 0.3s ease;}
.faculty-item:hover .images img {transform: translateY(-50%) scale(1.05);}
.faculty-item .textbx {flex: 1 0; letter-spacing: -0.4px;}
.faculty-item .titbx {margin-bottom:var(--padding-20); padding-bottom: var(--padding-20); border-bottom: 1px solid #D9D9D9;}
.faculty-item .badge {display: inline-flex;justify-content: center;padding:5px 10px; margin-bottom: var(--padding-15); font-size: var(--font-size-14); font-weight: 600; color: var(--color-tertiary); line-height: 1; border-radius:8px; background: #D2DFF2; border-radius: 8px; color: var(--color-tertiary);}
.faculty-item .title {display: flex;align-items: center;gap: 10px ;font-size:var(--font-size-32); font-weight: 600;}
.faculty-item .title .position {display: inline-block; padding-top:  clamp(3px, calc( 7 / var(--inner) * 100vw ), 7px); font-size: var(--font-size-20); color: var(--color-tertiary); letter-spacing: -0.5px;}
.faculty-item .dec {line-height: 1.62; color: var(--color-body);}
.faculty-item .inlist {margin-top: var(--padding-20);display:flex;flex-direction: column; gap:10px;}
.faculty-item .initem {display: flex; color: var(--color-body);}
.faculty-item .initem .name {width: clamp(50px, calc( 56 / var(--inner) * 100vw ), 56px);font-weight: 600; color: #121212; font-weight: bold;}
.faculty-item .initem .value {flex: 1; word-break: break-all;}

.greeting-wrap {display: flex;flex-direction: column;gap: var(--padding-150);}
.greeting-wrap .greetings {display: flex;flex-wrap:  wrap; gap: var(--padding-60);}
.greeting-wrap .imgbx {width: clamp(300px, calc( 400 / var(--inner) * 100vw ), 400px);}
.greeting-wrap .textbx {flex: 1; letter-spacing: -0.5px; padding-top: 20px;}
.greeting-wrap .title {font-size:var(--font-size-32); line-height: 1.5;}
.greeting-wrap .decbx {display: flex;flex-direction: column;gap: var(--padding-20); margin-top: var(--padding-40);}
.greeting-wrap .dec {font-size:var(--font-size-18); line-height: 1.66; color: var(--color-body);}
.greeting-wrap .signbx {display: flex;align-items: center;justify-content: flex-end; gap: var(--padding-20); margin-top: var(--padding-40);}
.greeting-wrap .signbx .tit {font-size:var(--font-size-18); font-weight: bold;}
.greeting-wrap .signbx img {height: clamp(25px, calc( 36 / var(--inner) * 100vw ), 36px);}
.greeting-wrap .bulletbx {margin-top:var(--padding-30); padding-top: var(--padding-30); border-top: 1px solid #ddd;}
.greeting-wrap .bullet-item {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--padding-20);}
.greeting-wrap .bullet-list {margin-top: 0;}
.greeting-wrap .greetings:nth-child(even) {flex-direction: row-reverse;}


.location-area .mapwrap {border-radius: 24px; overflow: hidden; position: relative;}

.transport-list {margin-top: var(--padding-60); border-top: 1px solid #000;}
.transport-item {display: flex; align-items: flex-start; padding: var(--padding-50) 0; border-bottom: 1px solid #ddd;}
.transport-item.no-border {border-bottom: none;}
.transport-item .icon {width: clamp(80px, calc( 150 / var(--inner) * 100vw ), 150px); flex-shrink: 0; text-align: center;}
.transport-item .icon img {object-fit: contain; width: clamp(24px, calc( 34 / var(--inner) * 100vw ), 34px);}
.transport-item:last-child .icon img {width: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
.transport-item .cont {flex: 1; }
.transport-item .tit {font-size: var(--font-size-20); font-weight: 700; color: #121212;}
.transport-item .route-list {display: flex; flex-direction: column; gap: var(--padding-12); margin-top: var(--padding-20);}
.transport-item .route {display: flex; align-items: center; gap: 10px;}
.transport-item .route .badge {display: inline-flex; align-items: center; padding: 5px 10px; border-radius: 4px; font-size: var(--font-size-14); font-weight: 700; color: #fff; white-space: nowrap;}
.transport-item .route .badge.green {background: #59be0a;}
.transport-item .route .badge.blue {background: #1e7bdb;}
.transport-item .route .badge.purple {background: #924bdd;}
.transport-item .route .badge.navy {background: #0253a5;}
.transport-item .route .txt {font-size: var(--font-size-16); color: var(--color-body);}
.transport-item .route-list + .desc {margin-top: var(--padding-20);}
.transport-item .desc {font-size: var(--font-size-18); color: var(--color-body); line-height: 1.6;}
.transport-item .desc strong {font-weight: 600; color: #121212;}
.transport-item .route-group {display: flex; flex-direction: column; gap: var(--padding-25); margin-top: var(--padding-20);}
.transport-item .route-group .route-list {margin-top: 0;}
.transport-item .drive-list {display: flex; flex-direction: column; gap: 15px; margin-top: var(--padding-15);}
.transport-item .drive-list .desc {margin-top: 0;}

.map-info { position: absolute; bottom: 0; left: 0; display: flex; align-items: center; gap: var(--padding-80); padding: var(--padding-20) var(--padding-50); background: rgba(3,81,145,0.9); border-radius: 0 0 24px 24px; width: 100%; z-index: 20;}
.map-info .info-item {display: flex; align-items: center; gap: var(--padding-20);}
.map-info .info-item .label {display: flex; align-items: center; gap: 10px;}
.map-info .info-item .label img {width: clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); height: clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px);}
.map-info .info-item .label span {font-size: var(--font-size-18); font-weight: 700; color: #fff; white-space: nowrap;}
.map-info .info-item .value {font-size: var(--font-size-18); color: #fff;letter-spacing: -0.54px;}
.mapiconwrap {position: absolute; top: clamp(-80px, calc( -80 / var(--inner) * 100vw ), -50px); right: 0;display: flex;}
.inmapitem {color: #351C1C;}
.inmapitem .link {display: flex;flex-direction: column;justify-content: center; align-items: center; gap:clamp(2px, calc( 8 / var(--inner) * 100vw ), 8px); text-align: center; width:clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px); height:clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px);}
.inmapitem .link .icn  {width: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px); height: clamp(12px, calc( 24 / var(--inner) * 100vw ), 24px);}
.inmapitem .link .txt {font-size:var(--font-size-12); font-weight: bold; line-height: 1.1;}
.inmapitem:nth-child(1) {background: #FFE600;}
.inmapitem:nth-child(2) {background: #00C73C; color: #fff;}
.inmapitem:nth-child(3) {background: #fff;}
.schedule-tit {padding-top:15px;text-align:right;color:var(--color-body);}

.board-flx {display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;}
.float-left {display:flex;align-items:center; gap:10px;}
.board-search .board-flx .cate {margin-left:0;}