#path-type3{display: none;}
.sub-page{padding: 80px 0 140px}

/* .sub-page_t{text-align: center; font-size: 30px; font-size: 1.875rem; color: #393939; font-weight: 700; line-height: 1.15; padding-bottom: 3em; margin-bottom: 1.15em; position: relative;} */

.sub-page_t:after{position: absolute;left: 50%; width: 2px; height: 2em; margin-left: -2px; bottom: 0; background: #393939; content: ''}

/* 한방생명공학과 컨텐츠 예외 */
#ommp #cont{color: #3d3d3d;}
#ommp #cont .inner_contents_title_middle{color: #000}

.layout-st1{display: flex; padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #d8d8d8;}
.layout-st1 .title{font-size: 24px; font-size: 1.500rem; color: #6a0005; font-weight: 500; width: 230px; padding-right: 0.833em;}
.layout-st1 .cont{width: calc(100% - 230px);}
.layout-st1 .cont .inner_contents_title_middle:nth-child(4){margin-top:2.500rem; }
.layout-st1 .cont .img img{margin-top:1.250rem }
.layout-st1 .layout-st1-table {border-top: 2px solid #6a0005; width: 100%; text-align: center;}
.layout-st1 .layout-st1-table th{background: #f7f7f7; font-weight: 500;}
.layout-st1 .layout-st1-table th, td{padding: 20px; border-bottom:1px solid #cccccc; border-right: 1px solid #cccccc;}
.layout-st1 .layout-st1-table th:last-child, td:last-child{ border-right: 0;}
.layout-st1 .layout-st1-table .list_wrap{display: flex; flex-wrap: wrap;}
.layout-st1 .layout-st1-table .list_wrap li{width: 50%; font-weight: 500;}
.layout-st1 .pont_box_wrap{display: flex; flex-wrap: wrap;}
.layout-st1 .pont_box_wrap li{margin: 0 20px 20px 0; display: flex; width:calc(50% - 20px);}
.layout-st1 .pont_box_wrap li:nth-child(5){width: 100%;}
.layout-st1 .inner_contents_point_box,.blue_box{padding:20px 30px; line-height: 1.2;}
.layout-st1 .inner_contents_point_box{width: calc(100% - 78px); font-size: inherit; color: #313131; font-weight: 500;}
.layout-st1 .professor_wrap{display: flex; flex-wrap: wrap;}
.layout-st1 .professor_wrap li{width: 33.333%; margin-bottom: 1.875rem}

.photo_table td img{min-width: 100px;}
.inner_contents_icon{position: relative;padding-left: 1.389em; font-weight: 500; color: #313131}
/* .inner_contents_icon:last-child{margin-top: 1.875rem;} */
.inner_contents_icon::before{content: ''; display: inline-block; width: 1.125rem; height: 1.125rem; background: url(/resources/user/khu3/image/sub_page/sub_page_dot_type2.png) no-repeat center / 100%;position: absolute; top: 5px; left: 0;}
.blue_box{color: #fff; font-weight: 700; background: #0a326f; width: 78px;}

/* 홈페이지 바로가기 버튼 */
.btn_goHome{position: relative; display: block; font-size: 1rem; width: 13.438em; border: 1px solid #162238; border-radius: 100px; padding: 0.688em 5px; padding-left: 4.375em; color: #162238 !important; overflow: hidden;}
.btn_goHome:before{content: ''; position: absolute; width: 3.438em; background: #162238 url(/resources/user/khu2/image/sub_page/ico_btnHome.png) no-repeat left 1.25em center / 1.25em auto; height: 100%; top: 0; left: 0;}
.btn_goHome:hover {text-decoration: underline;}

/* 연혁  */
.history .item{display: flex; padding: 43px 0; align-items: flex-start; position: relative;}
.history .item::before{ content: ''; position: absolute; display: block; width: 1px; background: #d8d8d8; height: 100%; left: 50%; top: 0;}
.history .item:first-child::before{background: #6a0005;}
.history .item strong, .history .item p{padding:0 35px; width: 50%}
.history .item strong{position: relative;}
.history .item strong::before{width: 37px; height: 37px; border: 1px solid #6a0005; content: ''; border-radius: 50%; right: 0; margin: -18px -19px 0 0; position: absolute; top: 50%;}
.history .item strong::after{position: absolute; right: -1px; top: 50%; width: 11px; height: 11px; background: #6a0005; border-radius: 50%; margin-top: -5px; margin-right: -5px; content: ''; z-index: 1;}
.history .item strong.r::before{left: -18px}
.history .item strong.r::after{left: -5px;}
.history .l{text-align: right;}
.history .r{order: 2}

/* 연혁(bio)  */
.history_w{display: flex;}
.history_w h4.tit{font-size: 2rem; color: #990e17; width: 385px; font-weight: 400;}
.history_w .history-st2{flex: 1; background: url('/resources/user/khu5/image/sub_page/school_symbol_type_gray2.png') no-repeat bottom 60px right 20px;}
.history_w .history-st2 > li{border-bottom: 1px dashed #dadade; position: relative; padding: 25px 0; padding-left: 37px; display: flex;}
.history_w .history-st2 > li::before{position: absolute; content: ""; display: block; width: 5px; height: 5px; background-color: #990e17; border-radius: 5px; top: 35px; left: 20px;}
.history_w .history-st2 > li .year{font-size: 1.5rem; font-weight: 700; color: #990e17; width: 85px; flex-shrink: 0; line-height: 1;}
.history_w .history-st2 > li .cont{display: flex; line-height: 1.5;}
.history_w .history-st2 > li .cont span{font-weight: 600; color: #333; margin-right: 15px;}
@media (max-width: 1024px) {
    .history_w h4.tit{width: 300px;}
}
@media (max-width: 767px) {
    .history_w{flex-direction: column;}
}
@media (max-width: 374px) {
    .history_w .history-st2 > li .year{width: 60px;}
}

/* 한방생명공학과 컨텐츠 > 학사일정 */
.schedule .layout-st1{display: block;border-bottom: 0;}
.schedule .layout-st1 .title{font-size: 24px; font-size: 1.500rem; color: #6a0005; font-weight: 500; width: 100%; padding-right: 0.833em;}
.schedule .layout-st1 .cont{width: 100%; margin: 25px 0 20px 0;}
.schedule .layout-st1 .cont tr td:last-child{text-align: left;}

/* 컴퓨터 공학부 예외*/
#ce .professorList__table td{border-bottom:0; padding:0;}

@media (max-width: 1100px){
	.layout-st1 .layout-st1-table .list_wrap li{width: 100%;}
}
@media (max-width: 1024px){

#path-type3{display: block;}

.sub-page{padding: 3.5em 0 8em 0}

/* .sub-page_t{padding-bottom: 1.8em;} */

.sub-page_t:after{height: 1em}

    .layout-st1{display: block;}
    .layout-st1 .title{width: 100%; margin-bottom: 0.5rem;}
    .layout-st1 .title br{display: none;}
    .layout-st1 .cont{width: 100%;}
    
	/* 연혁  */
	.history .item{flex-direction: column; padding: 20px 0;}
    .history .item::before{left: 14px;}
    .history .item strong, .history .item p{padding: 0 0 0 43px; width: 100%}
    .history .item strong::before{left:0; width: 30px; height: 30px; margin-top: -12px}
    .history .item strong::after, .history .item strong.r::after{margin-top: -3px; left: 9px;}
    .history .item strong.r::before{left: 0}

    .history .l{text-align: left;}
    .history .r{order: 0}

}
@media (max-width: 720px){
	.layout-st1 .pont_box_wrap{display: block;}
 	.layout-st1 .pont_box_wrap li{width: 100%}
 	.layout-st1 .professor_wrap{display: flex; flex-wrap: wrap;}
	.layout-st1 .professor_wrap li{width: 50%;}
 	
 	.blue_box, .layout-st1 .inner_contents_point_box{padding: 10px}
 	.layout-st1 .inner_contents_point_box{width: calc(100% - 43px)}
 	.blue_box{width: 43px}
 	.layout-st1 .layout-st1-table th, 
 	.layout-st1 .layout-st1-table td{padding:10px;} 
}

/* 우주과학과 > 연구분야 */
#space { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f5f5f5; color: #000; }
#space .container { max-width: 1200px; margin: 0 auto; padding: 20px; }
#space .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 20px; }
#space .grid-item { background-color: #ffffff; border: 1px solid #e0e0e0; padding: 20px; text-decoration: none; color: #000; transition: transform 0.3s, box-shadow 0.3s; font-family: Arial, sans-serif; cursor: pointer; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
#space .grid-item img { max-width: 100%; height: auto; display: block; margin: 0 auto 10px; }
#space .grid-item h3 { text-align: center; word-break: break-all; font-weight: bold; font-size: 20px; color: #000; margin-bottom: 10px; }
#space .grid-item p { font-weight: bold; text-align: center; word-break: break-all; font-size: 18px; color: #000; margin-bottom: 10px; }
#space .grid-item:hover { transform: scale(1.05); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); }
#space .description-container { display: none; margin-top: 20px; padding: 20px; background-color: #ffffff; border: 1px solid #e0e0e0; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
#space .description-container h1 { text-align: center; font-size: 26px; margin-bottom: 22px; }
#space .description-container p { font-size: 20px; line-height: 1.6; margin-bottom: 15px; text-align: center; /* 추가: 설명 텍스트 가운데 정렬 */ }
#space .description-container img { max-width: 100%; height: auto; width: 80%; display: block; margin: 0 auto 20px; /* 추가된 이미지와 제목 사이의 여백 */ }
#space .description-container a { display: block; margin-top: 20px; text-align: center; color: #0000CD; text-decoration: none; font-weight: bold; font-size: 20px; }
#space .description-container a:hover { text-decoration: underline; }
#space .back-button { display: block; margin: 20px 0; text-align: center; cursor: pointer; color: #0000CD; font-weight: bold; font-size: 20px; }
#space .back-button:hover { text-decoration: underline; }