@charset "utf-8";
/* 공통 */
.table.type1 {width:100%;}
.table.type1 tr th:last-of-type,.table.type1 tr td:last-of-type {border-right:0;}
.table.type1 tr th p {transform:rotate(0.03deg);}
.table.type1 thead tr {border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.table.type1 thead tr th {color:#fff; font-weight:500; text-align:center; padding:10px; background:var(--bluegray); border-right:1px solid #ddd;}
.table.type1 tbody tr {border-bottom:1px solid #ddd;}
.table.type1 tbody tr td {text-align:center; padding:10px; color:#000; border-right:1px solid #ddd;}
.table.type1 tfoot tr {border-bottom:1px solid #ddd;}
.table.type1 tfoot tr td {text-align:center; background:#f4f4f4; border-right:1px solid #ddd; padding:10px;}

@media screen and (max-width:768px){
	.tableWrap {overflow-x:auto;}
	.table.type1 {min-width:600px;}
}

.subTitType1 {position:relative; padding:20px 0 !important; font-size:24px; color:#000; line-height:1; transform:var(--textRotate);}
.subTitType1:before {width:20px; height:4px; background:var(--orange); left:0; top:5px; content:''; display:block; position:absolute;}

/* 인사말 */
.greeting .prepare-wrap {display:grid; grid-template-columns:auto 600px; align-items: start; gap:70px;}
.greeting .prepare-wrap .first {position:relative; font-size:24px; color:var(--orange); padding:20px 0 10px 0; font-weight:500;}
.greeting .prepare-wrap .img {position:relative;}
.greeting .prepare-wrap .img:before {position:absolute; content:""; top:0; right:-1%; width:102%; height:100%; background:var(--orange); z-index:-1; border-radius:20px;}
.greeting .prepare-wrap .img img {width:100%;border-radius:20px;}
.greeting .prepare-wrap p {margin-bottom:30px;}

.greeting .prepare-wrap .first:before {
    width: 20px;
    height: 4px;
    background: var(--orange);
    left: 0;
    top: 5px;
    content: '';
    display: block;
    position: absolute;
}

/* 사업개요 */
.introduce img {max-width:100%;}

/* 참여교수진 */
.professor {}
.professor .sub-inner>section+section {margin-top:70px;}
.professor .member-list {}
.professor .member-list .member {display:flex; gap:30px; background:url(/images/about/dgu_authority.png)no-repeat right 30px bottom 20px; padding:40px; border:1px solid #ddd; border-top:3px solid var(--bluegray); transition:0.2s;}
.professor .member-list .member:hover {box-shadow:10px 10px 20px rgba(0,0,0,.1); border:1px solid #333; border-top:3px solid var(--bluegray);}
.professor .member-list .member~.member {margin-top:30px;}
.professor .member-list .member .info {width:20%;}
.professor .member-list .member .info p {color:#000;}
.professor .member-list .member .info h3 {font-size:32px; font-weight:500; color:#000; transform:var(--textRotate); margin-top:10px;}
.professor .member-list .member .info h3 span {font-size:24px; padding-left:10px; color:#333; font-weight:400;}
.professor .member-list .member .info dl {display:flex; margin-top:10px; gap:20px;}
.professor .member-list .member .info dl:first-of-type {margin-top:20px;}
.professor .member-list .member .info dl dt {position:relative; font-weight:500; color:#000; padding-left:12px; transform:var(--textRotate);}
.professor .member-list .member .info dl dt:before {position:absolute; left:0; top:10px; width:4px; height:4px; background:var(--bluegray); border-radius:50%; content:''; display:block;}
.professor .member-list .member .info dl dd {color:#333;}
.professor .member-list .member>dl {width:40%; display:grid; grid-template-columns:100px auto;}
.professor .member-list .member>dl dt {position:relative; font-weight:500; color:#000; padding-left:12px; transform:var(--textRotate);}
.professor .member-list .member>dl dt:before {position:absolute; left:0; top:10px; width:4px; height:4px; background:var(--bluegray); border-radius:50%; content:''; display:block;}
.professor .member-list .member>dl dd p {position:relative; color:#333; padding-left:10px;}
.professor .member-list .member>dl dd p:before {position:absolute; left:0; top:12px; width:5px; height:2px; background:#bbb; content:''; display:block;}

/* 조직도 */
.organizaton {}
.organizaton .organ_bg {background:url(/images/about/organization_bg.png)no-repeat right 70px top 70px; text-align:center;}
.organizaton .organ_bg img {max-width:100%;}

/* 찾아오시는길 */
.location {}
.location .mapWrap {width:100%; height:500px; border-bottom:1px solid #ddd;}
.location .mapWrap .root_daum_roughmap {width:100%; height:100%; overflow:hidden;}
.location .mapWrap .root_daum_roughmap .wrap_map {height:100%;}
.location .mapWrap .root_daum_roughmap .wrap_controllers {display:none;}
.location .mapInfo {display:flex; flex-direction:column; gap:50px; margin-top:30px;}
.location .mapInfo>div>ul {display:flex; gap:30px;}
.location .mapInfo>div>ul>li {width:calc((100% - 60px) / 3);}
.location .mapInfo ul li h4 {font-size:18px; font-weight:500; color:#000; transform:var(--textRotate); padding:10px 0 10px 55px;}
.location .mapInfo ul li.subway h4 {background:url(/images/about/i-subway.png)no-repeat left center;}
.location .mapInfo ul li.bus h4 {background:url(/images/about/i-bus.png)no-repeat left center;}
.location .mapInfo ul li.car h4 {background:url(/images/about/i-car.png)no-repeat left center;}
.location .mapInfo ul li p {color:#333;}
.location .mapInfo ul li h4+p {margin-top:20px;}
.location .mapInfo ul li p+p {margin-top:10px;}
.location .mapInfo ul li p span {display:inline-block; color:#fff; padding:5px 10px; margin-right:10px; border-radius:3rem;}
.location .mapInfo ul li.subway p span:first-child {margin-right:5px;}
.location .mapInfo ul li p span.orange {background:#f46c0b;}
.location .mapInfo ul li p span.skyblue {background:#3495df;}
.location .mapInfo ul li p span.green {background:#1ca11b;}
.location .mapInfo ul li p span.blue {background:#2783eb;}
.location .mapInfo ul li h4+ul {margin-top:20px;}
.location .mapInfo ul>li>ul>li {padding-left:10px; position:relative;}
.location .mapInfo ul>li>ul>li:before {width:4px; height:4px; background:var(--bluegray); position:absolute; left:0; top:10px; display:block; content:''; border-radius:50%;}
.location .mapInfo ul>li>ul>li span {color:#f46c0b;}

/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {
	/* 조직도 */
	.organizaton .organ_bg {background:url(/images/about/organization_bg.png)no-repeat right 5% top 5%/40%; text-align:center;}
	
	/* 찾아오시는길 */
	.location .mapWrap {height:400px;}
	
	/* 인사말 */
	.greeting .prepare-wrap {grid-template-columns:1fr;}
	.greeting .prepare-wrap {display:grid; grid-template-areas:"img" "text"; grid-template-columns:1fr; gap:20px;}
.greeting .prepare-wrap > div:nth-child(1) {grid-area:text;}
.greeting .prepare-wrap .img {grid-area:img;}
	
}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
	/* 참여교수진 */
	.professor .sub-inner>section+section {margin-top:60px;}
	.professor .member-list .member {flex-direction:column; gap:10px;}
	.professor .member-list .member .info {width:100%;}
	.professor .member-list .member>dl {width:100%;}
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	.subTitType1 {position:relative; padding:20px 0 !important; font-size:20px; color:#000; line-height:1;}
	.subTitType1:before {width:15px; height:3px; background:var(--orange); left:0; top:5px; content:''; display:block; position:absolute;}
	
	/* 참여교수진 */
	.professor .member-list .member {background:url(/images/about/dgu_authority.png)no-repeat right 20px bottom 20px/80px; padding:30px;}
	.professor .member-list .member .info h3 {font-size:26px; margin-top:8px;}
	.professor .member-list .member .info h3 span {font-size:20px;}
	
	/* 찾아오시는길 */
	.location .mapWrap {height:300px;}
	.location .mapInfo {gap:30px; margin-top:25px;}
	.location .mapInfo>div>ul {gap:20px; flex-direction:column;}
	.location .mapInfo>div>ul>li {width:100%;}
	.location .mapInfo ul li h4 {font-size:17px; padding:10px 0 10px 40px;}
	.location .mapInfo ul li.subway h4 {background:url(/images/about/i-subway.png)no-repeat left center/30px;}
	.location .mapInfo ul li.bus h4 {background:url(/images/about/i-bus.png)no-repeat left center/30px;}
	.location .mapInfo ul li.car h4 {background:url(/images/about/i-car.png)no-repeat left center/30px;}
	.location .mapInfo ul li h4+ul {margin-top:10px;}
	.location .mapInfo ul li h4+p {margin-top:12px;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {
	.professor .member-list .member>dl {grid-template-columns:1fr; gap:5px;}
	.professor .member-list .member>dl dd p {line-height:1.6;}
	.professor .member-list .member .info dl {gap:15px;}
}