@charset "utf-8";
@import url("layout.css");
@import url("main.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

#multipleContentsDiv_tamplate01_1519{max-width: 1440px; margin: 50px auto 0;}
#multipleContentsDiv_startup_144{max-width: 1440px; margin: 40px auto 0;}

@media all and (max-width: 1420px) {
  .quicklink01 li dt, .quicklink02 li dt{font-size: 16px;}
}


.intro-inner .container::after{content:""; display: table; clear: both;}
.intro-inner .intro-image{float: left;}
.intro-inner .intro-content{float: right; width: calc(100% - 280px);}

.facility-box ul::after{content:""; display: table; clear: both;}
.facility-box li .facility-image{width: 220px; float: left;}
.facility-box li .facility-content{width: calc(100% - 300px); float: right;}

.building-list ul::after{content:""; display: table; clear: both;}
.building-list li{float: left; width: 25%; text-align: center;}

.facility2-box ul::after{content:""; display: table; clear: both;}
.facility2-box li{width: 25%; float: left; margin-bottom: 20px;}
.facility2-box li p{text-align: center; font-family: 'Noto Regular'; font-size: 18px;}
.facility2-box li .facility2-image{width: 90%; margin: 0 auto; margin-top: 10px;}
.facility2-box li .facility2-image img{width: 100%;}


@media all and (max-width: 1023px) {
  .intro-inner .intro-image{float: none; text-align: center;}
  .intro-inner .intro-content{float: none; width: 100%; margin-top: 20px;}
}

@media all and (max-width: 768px) {
  .building-list li{width: 50%; margin-bottom: 20px;}
  .facility-box li .facility-image{width: 100%; float: none; text-align: center;}
  .facility-box li .facility-content{width: 100%; float: none; margin-top: 20px;}

  .facility2-box li{width: 50%;}
}

@media all and (max-width: 420px) {
  .building-list li{width: 100%; float: none;}
  .building-list li img{width: 100%;}
  .facility-box li .facility-image img{width: 100%;}

  .facility2-box li{width: 100%;}
}

.tableWrap{position: relative;}
.tableWrap::after {content: ""; position: absolute; width: 1px; height: 100%; right: 0; top: 0; z-index: 1; background: #fff;}
.tableWrap table thead th:last-child{border-right:1px solid #ddd;}
.tableWrap table tbody td:last-child{border-right:1px solid #ddd;}
.tableWrap table tbody th:last-child{border-right:1px solid #ddd;}

.num-title {position: relative; padding-left: 30px; font-size: 20px; color: #2b3e5c; margin: 35px 0 10px;}
.num-title span.num {display: inline-block; vertical-align: middle; position: absolute; width: 25px; height: 25px; border-radius: 50%; background: #002E66; left: 0; top: 5px; font-size: 16px; font-family: "Noto Medium"; color: #fff; text-align: center; line-height: 25px; font-weight: 500; letter-spacing: -0.75px;}