#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; }



/* 산업디자인학과 > 공간안내 */
/* common */
.contWrap.border { padding: 40px 0; border: 0 !important; border-top: 1px solid #d8d8d8 !important; }
.contWrap.border:nth-of-type(1) { padding-top: 0; border-top: 0 !important; }
.contWrap.flex { display: flex; }
.contWrap.flex > h4 { width: 200px; }
.contWrap.flex > .cont { flex: 1; }

@media (max-width: 1200px) {
    .contWrap.flex { display: block; }
    .contWrap.flex > h4 { width: 100%; }
    .contWrap.flex > h4 br { display: none; }
}
@media (max-width: 1024px) {
    .contWrap.border { padding: 32px 0; }
}


[class*=col-item] { display: flex; gap: 20px; width: 100%; }
[class*=col-item] > li { flex: 1 100%; }

@media (max-width: 1024px) {
    [class*=col-item] { flex-wrap: wrap; }
    .col-item-4 > li { flex: 1 45%; }
}
@media (max-width: 767px) {
    [class*=col-item] { gap: 16px; }
}

/* popup */
.c_popup{position: fixed; background-color: rgba(0, 0, 0, .7); width: 100%;height: 100%; top: 0; left: 0; z-index: 190; padding: 45px; display: flex; align-items: center; justify-content: center; display: none;}
.c_popup.on{display: flex;}
.c_popup .popup_w{display: inline-flex; flex-flow: column; height: 100%; justify-content: center;}
.c_popup .popup_w .close{width: 3.75rem; height: 3.75rem; border: 1px solid #7e7e7e; position: absolute; top: 45px; right: 45px; border-radius: 50%; white-space: nowrap;overflow: hidden; text-indent: -9999px; font-size: 0;}
.c_popup .popup_w .close:before, .c_popup .popup_w .close:after{background-color: #fff;}
.c_popup .popup_w .img{max-width: 885px;}
.c_popup .popup_w img{max-height: calc(100vh - 200px); width: 885px;}
.close:before, .close:after{width: 1px; height: 30px; background: #999; content: ''; position: absolute; left: 50%; top:50%; margin: -15px 0 0 -1px}
.close:before{transform: rotate(45deg)}
.close:after{transform:  rotate(-45deg)}

@media (max-width: 720px) {
    .c_popup{padding: 1rem;}
    .c_popup .popup_w .close{right: 1rem; top: 1rem;}
}


/* 시각디자인학과 > 학생회 */
.khvd__grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(6, 1fr); box-sizing: border-box; border-top: 1px solid #dee2e6; border-left: 1px solid #dee2e6; } 
.khvd__grid__box { background: #ebf5f6; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; color: #00b9ef; font-weight: 600; min-height: 0; grid-row: span 2; padding: 35px 10px; text-align: center; } 
.khvd__grid__box .text { margin-bottom: 60px; text-align: left; } 
.khvd__grid__box p { word-break: break-all; } 
.khvd__grid__box.box1 { background: #fff; grid-row: span 3; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px; } 
.khvd__grid__box.box8 { background: #fff; grid-row: span 3; display: flex; flex-direction: column; align-items: flex-start; text-align: left; } 
.khvd__grid__box.box8 .info .sns { margin-top: 20px; } 
@media (max-width: 768px) { 
	.khvd__grid { display: flex; flex-wrap: wrap; } 
	.khvd__grid__box { width: 50%; order: 3; } 
	.khvd__grid__box.box1 { order: 1; } 
	.khvd__grid__box.box8 { order: 2; } 
} 
@media (max-width: 480px) { 
	.khvd__grid__box { width: 100%; } 
}

.khvd__semi_title { border-radius: 10px 20px; background: #49ecf9; padding: 10px 20px; font-size: 17px; font-weight: 700; color: #2d2d2d; width: fit-content; margin: 0 auto; text-align: center; }