@charset "utf-8";


.program-professor-box{display:flex;align-items: flex-start;min-height:230px;padding: 35px 45px;background:#2762a7 url(/resources/images/name/user/template01/contents/program-professor-bg.png) no-repeat 100% 100%;border-radius:15px}
.program-professor-box .professor-photo{flex:0 0 auto;margin-right:50px;width:166px;height:176px;overflow:hidden;border-radius:10px}
.program-professor-box .professor-photo img{position:relative;top:50%;left:50%;transform:translate(-50%, -50%)}
.program-professor-box .professor-summary{padding-top: 15px;flex:1}
.program-professor-box .professor-summary span{display:block;color:#fff}
.program-professor-box .professor-summary .summary-value{font-size:20px}
.program-professor-box .professor-summary .summary-name{margin-top:20px;padding-bottom:20px;border-bottom:1px solid rgba(255, 255, 255, 0.3)}
.program-professor-box .professor-summary .summary-name strong{font-size:42px;margin-right:20px}
.program-professor-box .professor-summary .summary-name i{font-size:22px;color:rgba(255, 255, 255, 0.3)}
.program-professor-box .professor-summary .summary-descript{padding-top:20px}
.program-professor-box .professor-summary .summary-descript p{margin-top:20px;line-height: 140%;color:#fff}
.program-professor-box .professor-summary .summary-descript ul{position:relative;padding:10px}
.program-professor-box .professor-summary .summary-descript ul::before{content:'';position:absolute;top:0;left:100px;height:100%;border-left:1px solid rgba(255, 255, 255, 0.3)}
.program-professor-box .professor-summary .summary-descript ul li{display:flex;align-items:flex-start;color:#fff}
.program-professor-box .professor-summary .summary-descript ul li ~ li{margin-top:15px}
.program-professor-box .professor-summary .summary-descript ul li b{flex:0 0 120px}
.program-professor-box .professor-summary .summary-descript ul li b + span{flex:1}
*+.program-professor-details{margin-top:50px}
.program-professor-details .heading{padding-bottom:15px;border-bottom:1px solid #2762a7}


@media screen and (max-width:800px) {
    .program-professor-box{padding:20px;display:block;overflow:hidden}
    .program-professor-box .professor-photo{margin-right:20px;float:left;width:110px;height:120px}
    .program-professor-box .professor-summary .summary-value{font-size:16px}
    .program-professor-box .professor-summary .summary-name{border-bottom:0}
    .program-professor-box .professor-summary .summary-name strong{display:block;font-size:34px;margin-bottom:5px}
    .program-professor-box .professor-summary .summary-name i{font-size:16px}
    .program-professor-box .professor-summary .summary-descript{clear:both}

    .program-professor-details{margin-top:30px}
}




.doctorate-list{position:relative}
.doctorate-list .item{display:flex;align-items:flex-start;padding:30px;margin-top:30px;border:1px solid #ddd;border-radius:15px}
.doctorate-list .item .item-photo{flex:0 0 130px;height:172px;border-radius:10px;overflow:hidden;margin-right:40px;background-color:#f3f3f3}
.doctorate-list .item .item-photo img{position:relative;top:50%;left:50%;width:100%;transform:translate(-50%, -50%)}
.doctorate-list .item .item-summary{flex:1}
.doctorate-list .item .item-summary .summary-info{padding:10px 0}
.doctorate-list .item .item-summary .summary-info .info-name{display:block;padding-bottom:15px;margin-bottom:15px;border-bottom: 1px solid #0a52a7;}
.doctorate-list .item .item-summary .summary-info .info-name strong{display:inline-block;font-size:30px;color: #2762a7;margin-right: 10px;}
.doctorate-list .item .item-summary .summary-info .info-name i{display:inline-block;font-size:17px;margin-top:10px;color:#333}
.doctorate-list .item .item-summary .summary-info ul{position:relative}
.doctorate-list .item .item-summary .summary-info ul li{display:flex;align-items:flex-start;font-size:18px}
.doctorate-list .item .item-summary .summary-info ul li ~ li{margin-top:5px}
.doctorate-list .item .item-summary .summary-info ul li b{flex:0 0 auto;padding:5px 0;font-weight:700;margin-right:15px;color:#000}
.doctorate-list .item .item-summary .summary-info ul li span{flex:1;padding:5px 0}
/*.doctorate-list .item .item-summary .summary-history{margin-top: 10px;padding-top:20px;border-top:1px dashed #ddd}*/


@media screen and (max-width:800px) {
    .doctorate-list .item{display:block}
    .doctorate-list .item .item-photo{width:100%;height:auto;margin-bottom:20px}
    .doctorate-list .item .item-photo img{top:0;left:0;width:100%;transform:translate(0, 0)}
}




.program-introduce-visual{display:flex;align-items:center;justify-content:center;position:relative;height:353px;border-radius:15px;background:url(/resources/images/name/user/template01/contents/introduce-image.png) no-repeat 50% 50% / cover}
.program-introduce-visual::after{content:'';position:absolute;bottom: -43px;left:50%;width:1px;height:110px;background:url(/resources/images/name/user/template01/contents/introduce-image-line.png) no-repeat}
.program-introduce-visual .visual-text{text-align: center;color:#fff;font-weight:700}
.program-introduce-visual .visual-text .text-small{font-size:19px}
.program-introduce-visual .visual-text .text-large{display:block;margin-top:25px;font-size:45px;color:#fff;letter-spacing: -1px;padding: 0 20px;word-break: keep-all;line-height:135%}


.program-introduce-summary{margin-top:70px}
.program-introduce-summary .summary-text{text-align:center;font-size:19px;color:#000;line-height:145%}



.program-introduce-category{display:flex;margin-top:70px;min-height:260px;}
.program-introduce-category .category-item{flex:1;padding: 50px;text-align:center;background-color:#f7f7f7;border-radius:15px}
.program-introduce-category .category-item ~ .category-item{margin-left:40px}
.program-introduce-category .category-item strong{display:block;margin-top:20px;font-weight:700;font-size:24px;color:#000}
.program-introduce-category .category-item span{display:block;margin-top:25px;line-height:145%;letter-spacing:-1px;font-size:15px;word-break: keep-all}



.program-introduce-researchField{display:flex;flex-wrap:wrap;padding:30px;border-radius:15px;background-color:#f7f7f7}
.program-introduce-researchField .researchField-item{display:flex;align-items:center;flex:0 1 31.33%;margin-left:3%;padding: 20px 30px;background-color:#fff;border:1px solid #eaebef;border-radius:10px}
.program-introduce-researchField .researchField-item i{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;border-radius:100%;line-height:0;background-color:#0a52a6;font-size:14px;color:#fff;margin-right:10px}
.program-introduce-researchField .researchField-item span{font-size:15px;line-height:135%}


.program-introduce-researchField .researchField-item:nth-child(3n+1){margin-left:0}
.program-introduce-researchField .researchField-item:nth-child(3) ~ .researchField-item{margin-top:3%}



.program-introduce-map{margin-top:70px}
.program-introduce-map .map-api{height:360px;background-color:#333;position:relative;overflow:hidden;border-radius:15px 15px 0 0}
.program-introduce-map .map-api div{line-height:1;box-sizing: content-box;}
.program-introduce-map .map-api .___kakao_infowindow{padding:20px}
.program-introduce-map .map-api .___kakao_infowindow-name{font-weight:700;color:#000;white-space:nowrap}
.program-introduce-map .map-api .___kakao_infowindow-address{margin-top:10px;white-space:nowrap}
.program-introduce-map .map-information{display:flex;flex-wrap:wrap;align-items:center;padding:35px 35px 20px 35px;border:0 solid #ddd;border-width:0 1px 1px;border-radius:0 0 15px 15px}
.program-introduce-map .map-information .information-title{flex:1 1 auto;margin-bottom:10px;margin-right:20px;font-size:20px;color:#000}
.program-introduce-map .map-information .information-items{flex:1 1 auto;display:flex;flex-wrap:wrap}
.program-introduce-map .map-information .information-items li{display:flex;flex-wrap:wrap;margin-right:20px}
.program-introduce-map .map-information .information-items li b{display:flex;align-items:center;line-height:135%;font-weight:700;color:#0083a7;margin-right:10px;margin-bottom:10px}
.program-introduce-map .map-information .information-items li b img{flex:0 0 auto;margin-right:5px}
.program-introduce-map .map-information .information-items li span{color:#333;line-height:135%;margin-bottom:10px}


@media screen and (max-width:1060px) {
    .program-introduce-summary .summary-text{text-align:left}
    .program-introduce-summary .summary-text br{display:none}

    .program-introduce-category{display:block}
    .program-introduce-category .category-item ~ .category-item{margin:30px 0 0}

    .program-introduce-researchField .researchField-item{flex-basis:48.5%}
    .program-introduce-researchField .researchField-item:nth-child(3n+1){margin-left:3%}
    .program-introduce-researchField .researchField-item:nth-child(2n+1){margin-left:0}
    .program-introduce-researchField .researchField-item:nth-child(2) ~ .researchField-item{margin-top:3%}

}

@media screen and (max-width:780px) {
    .program-introduce-visual .visual-text .text-large{font-size:34px}

    .program-introduce-researchField .researchField-item{flex-basis:100%;margin-left:0}
    .program-introduce-researchField .researchField-item:nth-child(3n+1){margin-left:0}
    .program-introduce-researchField .researchField-item:nth-child(2n+1){margin-left:0}
    .program-introduce-researchField .researchField-item ~ .researchField-item{margin-top:3%}

}

.program-recruitment{display:flex;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ddd}
.program-recruitment .recruitment-image{flex:0 0 auto;width:350px;margin-right:35px}
.program-recruitment .recruitment-descript{flex:0 1 auto;padding:10px 0}
.program-recruitment + .bbs-file{margin-bottom:25px}
@media screen and (max-width:900px) {
    .program-recruitment{display:block}
    .program-recruitment .recruitment-image{width:100%;margin:0 0 25px}
}