@charset "utf-8";
/* CSS Document */




/***************************************************/
/* 소개 */
/***************************************************/
.sub0101 h3 {
    font-size: 32px;
    color: #000;
    font-family: 'iropke';
    font-weight: 100;
    line-height: 1.4;
    margin-bottom: 0.8rem;
}
.sub0101 h3 > span {
    display: block;
    font-size: 20px;
    color: rgb(var(--point-color-01));
    letter-spacing: normal;
}
.sub0101 h4 {}
.sub0101 p {
    font-size: 17px;
    line-height: 2;
}

/* 찾아오시는 길 */
.traffic-wrap {border-top:2px solid rgb(var(--point-color-01));}
.traffic-wrap .in-sec {position:relative;padding-left:250px}
.traffic-wrap .traffic-sec {position:absolute;left:0;top:0;width:250px;height:100%;text-align:center;border-bottom:1px solid #ddd;display:table}
.traffic-wrap .traffic-sec h4 {display:table-cell;color:#000;font-size:1.059em;font-weight:400;line-height:1;vertical-align:middle}
.traffic-wrap .traffic-sec h4:before {content:'';display:block;width:100px;height:100px;margin:-20px auto 0 auto;background:url(/views/hmpg/site/resource/knu/lang/images/sub0104-ico02.png) no-repeat 0 -26px}
.traffic-wrap .traffic-sec .bus:before {background-position:-35px -10px}
.traffic-wrap .traffic-sec .train:before {background-position:-150px -10px}
.traffic-wrap .traffic-sec .plane:before {background-position:-260px -10px}
.traffic-wrap .traffic-sec .highway:before {background-position:-370px -10px}
.traffic-wrap .course-wrap {padding:20px 0;border-bottom:1px solid #ddd;min-height:100px}
.traffic-wrap .course-line {position:relative;margin:10px 0;padding-left:130px;min-height:40px}
.traffic-wrap .course-line h5 {position:absolute;left:0;top:0;padding:10px;width:85px;color:rgb(var(--point-color-01));border-radius: 0 10px 0 10px;font-size:0.941em;text-align:center;line-height:1;border:1px solid rgb(var(--point-color-01));}
.traffic-wrap .course-wrap.spc .course-line {padding-left:190px}
.traffic-wrap .course-wrap.spc .course-line h5 {width:150px}
.traffic-wrap .course-line ul {overflow:hidden;padding-top:5px}
.traffic-wrap .course-line li {position:relative;font-size:0.941em;color:#333}

.map-wrap {position:relative}
.map-wrap .root_daum_roughmap {width:100%}
.map-wrap .btn-skip {display:block; position:absolute;top:-1000em;left:-1000em;width:1px;height:1px;overflow:hidden}
.map-wrap .btn-skip:focus {top:0;left:0;width:100%;height:auto;padding:20px 0;background:#20a5bf;color:#fff;text-align:center;z-index:900}
.map-wrap .wrap_controllers {display:none}
.map-wrap .mapinfo {position:relative;padding:0 0 0 40px;height:100px;background:rgb(var(--point-color-01));z-index:10;color:#fff}
.map-wrap .mapinfo .map-info {float:left;padding-top:35px}
.map-wrap .mapinfo .map-info dt, .map-wrap .mapinfo .map-info dd {display:inline-block}
.map-wrap .mapinfo .map-info dt {position:relative;margin-right:8px;font-weight:500}
.map-wrap .mapinfo .map-info.tel {margin-left:70px}
.map-wrap .mapinfo .map-info.tel dt {margin-left:80px}
.map-wrap .mapinfo .map-info.tel dt:first-child {margin-left:0}
.map-wrap .mapinfo .map-info.tel dt:before {content:'';position:absolute;left:-40px;top:8px;width:8px;height:8px;background:rgba(0,0,0,0.3);border-radius:50%}
.map-wrap .mapinfo .map-info.tel dt:first-child:before {display:none}
.map-wrap .mapinfo .map-btn {display:block;position:absolute;top:0;right:0;width:114px;height:100%;padding-top:23px;background:rgba(0,0,0,0.3);box-sizing:border-box}
.map-wrap .mapinfo .map-btn .stit {position:relative;display:block;font-size:16px;text-align:center;color:#fff}
.map-wrap .mapinfo .map-btn .stit:before {content:'';display:block;width:50px;height:50px;margin:0 auto 10px;background:url(/views/hmpg/site/resource/knu/lang/images/sub0104-ico01.png) no-repeat;}

@media all and (max-width:1200px) {
	.traffic-wrap .in-sec {padding-left:150px}
	.traffic-wrap .traffic-sec {width:150px}
}
@media all and (max-width:999px) {
	.map-wrap .mapinfo .map-info.tel dt:before {top:8px}
}
@media all and (max-width:899px) {
	.traffic-wrap .in-sec {padding:10px 0 0;margin:10px 0 0;border-top:1px solid #ddd}
	.traffic-wrap .in-sec:first-child {margin:0;border-top:0}
	.traffic-wrap .traffic-sec {display:block;position:relative;width:auto;height:auto;left:auto;top:auto;text-align:left;border-bottom:0}
	.traffic-wrap .traffic-sec h4 {display:block;box-sizing:border-box;position:relative;padding:17px 0 17px 55px}
	.traffic-wrap .traffic-sec h4:before {position:absolute;left:0;top:0;width:50px;height:50px;margin:0;background-position:0 -13px;background-size:254px auto}
	.traffic-wrap .course-wrap {padding:0;border-bottom:0;min-height:0}
	.traffic-wrap .traffic-sec .bus:before {background-position:-10px -5px}
	.traffic-wrap .traffic-sec .train:before {background-position:-70px -5px}
	.traffic-wrap .traffic-sec .plane:before {background-position:-125px -5px}
	.traffic-wrap .traffic-sec .highway:before {background-position:-180px -5px}
}
@media all and (max-width:768px) {
	.traffic-wrap .course-line li:first-child {padding-left:23px;padding-right:23px}
	.traffic-wrap .course-line li:first-child:before {top:1px}
	.traffic-wrap .course-line li:after {top:2px}
}
@media all and (max-width:599px) {
	.traffic-wrap .course-line {padding-left:0;min-height:0}
	.traffic-wrap .course-line h5 {position:relative;left:auto;top:auto}
	.traffic-wrap .course-wrap.spc .course-line {padding-left:0}

}

/* 강사진 */
#content .professor-item {
	/* flex-direction: column; */
}
#content .professor-item .name {
	padding: 0 1rem 0 0;
	font-size: 20px;
	line-height: 1.2;
	color: #7b3506;
	flex: 0 0 6rem;
}
#content .professor-item .prof-header {
	margin: -0.5rem 0 0.5rem 0;
	padding-bottom: 0.5rem;
	width: 100%;
	min-height: 4.8rem;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	position: relative;
}
#content .professor-item .prof-header::after {
	display: inline-block;
	content: '';
	width: 3.8rem;
	height: 3px;
	border-top-right-radius: 100px;
	background-color: rgba(0, 0, 0, 0.1);
	position: absolute;
	bottom: 0;
}

#content .professor-item .contact {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}
#content .professor-item .contact>a {
	position: relative;
	width: 100%;
	padding-left: 1.6rem;
	line-height: 1.2;
	display: flex;
	align-items: center;
	margin: 0.5rem 0;
	word-break: break-all;

	font-size: 15px;
}
#content .professor-item .contact>a::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0.1rem;
	left: -0.5rem;
	width: 2.2rem;
	z-index: 1;

	color: #7b3506;
	font-family: 'material-Icons';
	font-size: 1.3rem;
	line-height: 1rem;
	text-align: center;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
	vertical-align: middle;
}
#content .professor-item .contact>a.phone::before {
	content: '\e0cd';
}
#content .professor-item .contact>a.email::before {
	content: '\e0be';
}
#content .professor-item .contact>a::after {
	content: '';
	display: inline-block;

	background-color: rgba(255, 128, 99, 0.2);
	position: absolute;
	top: -0.2rem;
	left: -0.5rem;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 100px;
	z-index: 0;
}
#content .professor-item .contact>a:hover {
	color: rgb(var(--point-color-01));
}

#content .prof-header ul {
	width: 100%;
	margin-left: 2rem;
}
#content .prof-header ul>li {
	padding-left: 0;
	background: none;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
#content .prof-header ul>li:not(:last-child) {
	margin-bottom: 0.25rem;
}
#content .prof-header ul>li>span {
	flex: 0 0 30px;
	line-height: 1.2;
}
#content .prof-body .tit-h5 {
	font-size: 17px;
	margin-top: 1rem;
}
#content .prof-body ul {
	margin: 1rem 0 0 0.4rem;
}