.sub-page{padding: 50px 0 140px; min-height: 500px}
.sub-page_t{text-align: center; font-size: 40px; color: #333; font-weight: 700; line-height: 1.15; margin-bottom: 1em; position: relative;}
.sub_contents_wrap .sub_contents a{word-break:break-all;}

@media (max-width: 1024px){
	.sub-page{padding: 3.5em 0 8em 0}
	.sub-page_t{font-size: 2.5em;}
}

/* 생명공학과 컨텐츠 */
.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);}

.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}

/* 공공대학원 컨텐츠 */
.greeting_new .top {display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;}
.greeting_new .top .l{width: 60%;font-size: 1.875em;word-break: keep-all;position: relative;padding: 94px 0}
.greeting_new .top .l:before,.greeting_new .top .l:after{position: absolute;width: 1.731em; height: 1.538em;background: url('') center center no-repeat; background-size: 100%;content: ''}
.greeting_new .top .l:before{left: 0;top:0;background-image: url('/resources/user/khu2/image/sub_page/quot.png');}
.greeting_new .top .l:after{right: 0;bottom:0;background-image: url('/resources/user/khu2/image/sub_page/quot_r.png');}
.greeting_new .top .r{width: 35%;}
.greeting_new .top .r img{display: block; float: right;}

@media (max-width: 1024px){
    .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){
	.greeting_new .top {flex-direction: column;}
	.greeting_new .top .l { width: 100%; }
	.greeting_new .top .r { width: 100%; }
	.greeting_new .top .l{padding: 2.4em 0; margin-top: 1.5em;}
	.greeting_new .top .l br.m{display: none}
}