@charset "utf-8";

/* 공통 */
#cntntsView:not(:has([class^="photo_list"])) img {max-width: 100%; height: auto !important;}
.img_box img {max-width: unset !important;}


/* 인사말 */
.greeting_top {position:relative; min-height:179px; padding:50px 30px 0 380px; text-align:right; color:#fff; word-break:keep-all; background:url('/images/web/dorm/sub/bg_greeting_1.png') repeat;}
.greeting_top p.img {position:absolute; left:0; top:0;}
.greeting_top p.txt1 {font-size:18px; font-family:'NotoL'; color:#b3cadb;}
.greeting_top p.txt2 {margin-top:10px; font-size:26px; font-family:'NotoR'; letter-spacing:-1px;}
.greeting_top p.txt2 span {font-family:'NotoM';}
.greeting_top p.txt3 {margin-top:30px; font-size:16px;}
.greeting_top p.txt3 span {font-size:24px; margin-left:5px;}
.greeting_box p.txt1 {margin-top:30px; font-size:20px; color:#000; font-family:'NotoM';}
.greeting_box p.txt2 {margin-top:10px; font-size:20px; color:#17335a; font-family:'NotoM';}
.greeting_box p.txt3 {margin-top:20px; font-size:15px; }

/* 연혁 */
.history_box {position:relative; padding-left:150px;}
.history_box h3 {position:absolute; left:0; top:0; width:120px; height:120px; padding:35px 0 0; font-size:15px; color:#fff; text-align:center; background:url('/images/web/hrc/sub/bg_history.png') no-repeat;}
.history_box h3 span {display:block; font-size:24px; line-height:28px; font-family:'NotoM';}
.history_box ol {border-top:2px solid #000;}
.history_box ol li {position:relative; padding:13px 0 13px 130px; line-height:1.4; color:#555; font-size:15px; border-bottom:1px dashed #b2b7c7;}
.history_box ol li span {position:absolute; left:0; top:13px; width:100px; color:#10438a; font-family:"NotoM"; font-size:16px; text-align:left;}







/* 아카데믹 */
.professor-tit {position: relative;font-size: 1.5rem;color: #111;font-weight: 700;text-align: center;line-height: 2;margin-bottom: 4rem;}
.professor-tit:before {content:'';position:absolute;bottom:-2.5rem;left:50%;transform:translateX(-50%);height:2.5rem;width: 0.1px;background:#111111;}
.professor-tit span {font-weight: 400;}
.professor-wrap {position: relative;margin-bottom: 2.5rem;}
.professor-wrap .tit {font-size: 1.5rem;color: #01499a;font-weight: 700;text-align: center;margin-bottom: 1.4rem;}
.professor-wrap .tit-wrap {display: flex;gap: 0.5rem;}
.professor-wrap .tit-wrap li {flex: 1 1 auto;}
.professor-wrap .tit-wrap li a {color: #111;font-size: 0.85rem;border: 1px solid #005aa9;background: #fff;transition: .2s all;display: flex;height: 2.5rem;align-items: center;justify-content: center;font-weight: 500;}
.professor-wrap .tit-wrap li.on a, .professor-wrap .tit-wrap li a:hover, .professor-wrap .tit-wrap li a:focus {color: #fff;background: #005aa9;font-weight: 700;}
.professor-list {position: relative;display: none;flex-direction: column;gap: 1.5rem;margin-top: 1.5rem;}
.professor-list.on {display: flex;}
.professor-list > li {position: relative;width: 100%;border: 1px solid #dedede;padding: 1.5rem 0.6rem 1.6rem 1.6rem;display: flex;gap: 1rem 3.65rem;background: url('/images/web/liberal/sub/professor_bg.png') no-repeat right 12px bottom 12px/130px auto;flex-wrap: wrap;}
.professor-list > li .left {padding-top: 0.45rem;width: 9rem;}
.professor-list > li .left img {height: 215px;width: 100%;}
.professor-list > li .right {width: calc(100% - 15.85rem);}
.professor-list > li .right .pro_name {font-size: 0.8rem;border-bottom: 1px solid #dcdcdc;padding-bottom: 0.8rem;}
.professor-list > li .right .pro_name em {font-size: 1.2rem;font-weight: 700;color: #111;margin-right: 0.5rem;}
.professor-list > li .right dl {overflow: hidden;display: flex;margin-top: 1rem;}
.professor-list > li .right dl + dl {margin-top: .5rem;}
.professor-list > li .right dl dt {color: #111;width: 4.5rem;font-weight: bold;padding: 0 0 0 10px;position: relative;font-size: .9rem;}
.professor-list > li .right dl dt::before {content: '';display: block;width: 0.2rem;height: 0.2rem;background: #1964c4;border-radius: 50%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.professor-list > li .right dl dd {color: #333;font-size: 0.85rem;position: relative;font-weight: 400;}
.professor-list > li .right .link {padding-left: 0.9rem;}
.professor-list > li .right .link:before {content: '';display: block;width: 14px;height: 13px;background: #fff url('/images/web/liberal/sub/xi-external-link.png') no-repeat;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.professor-list > li .right .link span {color: #14345e;font-size: 0.8rem;position: relative;padding-bottom: 0.1rem;font-weight: 400;}
.professor-list > li .right .link span:before {content: '';display: block;width: 100%;height: 0.1rem;background: #1964c4;position: absolute;left: 0;bottom: 0px;}
.professor-list > li .desc {display: none}
.professor-list > li .desc.on {display: block;border-top: 1px dotted #333;padding-top: 1rem;}
.professor-list .btn_detail {display: block;background: #fff url('/images/web/liberal/sub/xi-ico_arrow_1-link.png') no-repeat right 0.8rem center;padding-left: 0.6rem;width: 9rem;height: 2rem;color: #005aa9;font-size: 0.85rem;text-align: left;border: 2px solid #77a7d1;margin-top: 0.7rem;font-weight: 400;}
.professor-list .btn_detail_close {display: block;background: #fff url('/images/web/liberal/sub/ico_close_1.png') no-repeat right 0.8rem center;padding-left: 0.6rem;width: 9rem;height: 2rem;color: #005aa9;font-size: 0.85rem;text-align: left;border: 2px solid #77a7d1;margin-top: 0.5rem;}






/* 오시는길 */
.center_map {position:relative; }
.center_map dl {position:absolute; top:12rem; right:0; width:310px; padding:25px; color:#fff; background:url('/images/web/stu_counsel/sub/bg_map.png') repeat;}
.center_map dl dt {position:relative; padding-bottom:30px; margin-bottom:22px; font-size:28px; font-family:'NotoT'; word-break:keep-all; }
.center_map dl dt:after {content:''; display:block; position:absolute; left:0; bottom:0; width:50px; height:3px; background:#fff;}
.center_map dl dt span {font-family:'NotoM';}
.center_map dl dd {position:relative; padding:8px 0 8px 15px; font-size:16px; line-height:1.3;}
.center_map dl dd:after {content:''; display:block; position:absolute; left:0; top:18px; width:3px; height:3px; background:#fff;}

/* 0103_교수소개 190109 */
.professor.tab_page {padding:25px;}
.professor.tab_page > p { font-size:22px; color:#015aab; border-bottom:1px dashed #ddd; padding:0 0 10px}
.professor.tab_page ul {padding:15px 0 0; background-image:none}
.professor.tab_page ul li {width:33%;}
/* 타입 01 */
.professor_list{ border-top:2px solid #4b93e1}
.professor_list > li{ position:relative; min-height:140px; padding:30px 0; border-bottom:1px solid #ddd; overflow:hidden}
.professor_list li .left{position:absolute; left:0; top:30px;  width:100px; padding-left:1px;}
.professor_list li .left img{vertical-align:top; width:100px; height:131px; max-width:100%}
.professor_list li .right {padding-left:150px;}
.professor_list li .right .pro_name{ font-size:20px; color:#111;  font-family:'NotoM';}
.professor_list li .right .pro_name span{ font-size:15px; color:#666; margin-left:12px}
.professor_list li .right .pro_name:after{ content:''; display:block; width:35px; height:1px; background-color:#4b93e1; margin:8px 0 7px}
.professor_list li .right dl{ overflow:hidden; font-size:15px;}
.professor_list li .right dl dt, .professor_list li .right dl dd {float:left; line-height:24px}
.professor_list li .right dl dt{color:#111;  font-family:'NotoM'; width:68px;}
.professor_list li .right dl dd {color:#666;}
.professor_list .btn_desc{ position:absolute; top:30px; right:0; display:block; background:#fff url('/images/web/liberal/sub/ico_arrow_1.png') no-repeat 63px 50%; padding-left:12px; width:100px; height:38px; line-height:36px; color:#0065bf; font-size:15px; text-align:left; border:1px solid #9fc7ec}
.professor_list .btn_desc_close { position:absolute; top:30px; right:0; display:block; background:#fff url('/images/web/liberal/sub/ico_close_1.png') no-repeat 75px 50%; padding-left:12px; width:100px; height:38px; line-height:36px; color:#0065bf; font-size:15px; text-align:left; border:1px solid #9fc7ec}
.professor_list li .desc{ display:none}
.professor_list li.on .desc{ display:block; float:left; width:100%; padding-top:30px; margin-top:30px; border-top:1px dotted #333}

@media screen and (max-width: 1019px) {
	/* 오시는길 */
	.center_map .img img {width:100%;}
	.center_map dl {position:relative; top:auto; right:auto; margin:-40px auto 0; width:95%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.center_map dl dt {font-size:22px;}



	/* 인사말 */
	.greeting_box {padding-left:30%;}
	.greeting_img {width:27%;}
	.greeting_img img {max-width:100%;}
	.greeting_tit span {display:block;}
	p.greeting_txt br {display:none;}




}

@media screen and (max-width :840px) {

}

@media screen and (max-width: 768px) {

	/* 인사말 */
	.greeting_box {padding:0;}
	.greeting_img {position:relative; left:auto; top:auto; width:50%; margin:0 auto 30px; text-align:center;}
	.greeting_tit span {display:inline;}
	
	/* 0103_교수소개 190109 */
	.professor.tab_page ul li {width:50%;}

}

@media screen and (max-width: 640px) {
	/* 0103_교수소개 190109 */
	.professor.tab_page ul li {width:100%;}

	.professor_list li .right .pro_name span{ display:block; margin-left:0;}
	.professor_list_02 li .right .pro_name span{display:block; margin-left:0;}
}

@media screen and (max-width: 560px) {	

}

@media screen and (max-width: 480px) {
	/* 0103_교수소개 190109 */
	.professor_list > li{padding:20px 0 80px;}
	.professor_list li .left{position:relative; left:auto; top:auto; width:100%; box-sizing:border-box; padding-left:0; margin-right:0; margin-bottom:10px; text-align:center}
	.professor_list li .right{width:100%; margin-top:0; padding:25px 2.5%;}
	.professor_list li .right .pro_name{ text-align:center; margin-bottom:10px}
	.professor_list .btn_desc{top:auto; bottom:20px; box-sizing:border-box; right:auto; left:50%; width:100px; margin-left:-50px;}
	.professor_list .btn_desc_close {top:auto; bottom:20px; box-sizing:border-box; right:auto; left:50%; width:100px; margin-left:-50px;}

}

@media screen and (max-width: 380px) {}
