@charset "utf-8";

.spintro h3 {padding-bottom:25px; font-size:var(--fontSize32); font-weight:600; color:#000;}

.spintro .part1 {margin-bottom:100px;}
.spintro .part1 h3 {color:#fff; padding-left:70px;}
.spintro .part1 div {background:url(../../images/sub/spintro_part1_bg.jpg) center right -180px no-repeat; border-radius:20px; padding:45px 35px;}
.spintro .part1 div p {display:inline-block; color:#fff; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); padding:50px 70px; border-radius:20px; border: 1px solid rgba(255, 255, 255, 0.2); font-weight:200;}
.spintro .part1 div p b {font-weight:500;}

.spintro .part2 ul {position: relative; display:grid; grid-template-columns: repeat(4,1fr); justify-items: center;}
.spintro .part2 ul:before {content: "";
        position: absolute;
        left: -500%;
        top: 50%;
        transform: translateY(-50%);
        width: 10000%;
        height: 1px;
        background: #d1d1d1;}

.spintro .part2 ul li {width:20vw; height:20vw; max-width:320px; max-height:320px; min-width:180px; min-height:180px; border-radius:50%; background:url(../../images/sub/spintro_part2_bg2.jpg) center/cover no-repeat; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; position:relative;}
.spintro .part2 ul li:nth-child(odd) {background:url(../../images/sub/spintro_part2_bg.jpg) center/cover no-repeat;}

.spintro .part2 ul li::before {content:""; position:absolute; width:95%; height:95%; border-radius:50%; backdrop-filter:blur(4px); background:rgba(255,255,255,0.05); top:50%; left:50%; transform:translate(-50%, -50%); z-index:0;}

.spintro .part2 ul li p {z-index:1; font-size:clamp(14px, 1.2vw, 18px);}


.spintro .part3 {width: 100vw; margin-left: calc(-50vw + 50%); background:#f9f9f9; padding:100px 0; margin-top:100px;}
.spintro .part3>div {width:100%; max-width:1400px; margin:0 auto;}

.spintro .part3 ul {display:grid; grid-template-columns: repeat(3, 1fr); gap:25px;}
.spintro .part3 ul li {display:flex; gap:20px; align-items: flex-start; background:#fff; padding:50px 80px; font-size:var(--fontSize16);}
.spintro .part3 ul li p {line-height:1; font-size:var(--fontSize24); margin-bottom:25px; font-weight:700; color:var(--base1);}
.spintro .part3 ul li span {font-weight:700; color:var(--base1); line-height:1;}


.spintro .part4 {padding:100px 0;}
.spintro .part4 ul {display:grid; grid-template-columns: repeat(3, 1fr); gap:30px;}
.spintro .part4 ul li {padding:115px 0; border:1px solid #e5e5e5; text-align: center; font-size:var(--fontSize20); font-weight:700;}

.spintro .part4 ul li i {display:inline-block; width:50px; height:50px; background:url(../../images/sub/i_applicant1.svg) no-repeat; background-size:50px;}
.spintro .part4 ul li:nth-child(2) i {background:url(../../images/sub/i_applicant2.svg) no-repeat; background-size:50px;}
.spintro .part4 ul li:nth-child(3) i {background:url(../../images/sub/i_applicant3 .svg) no-repeat; background-size:50px;}
.spintro .part4 ul li p {font-size: var(--fontSize16); color: #acacac; font-weight:300; margin:55px 0 25px 0;}
.spintro .part4 ul li strong {color:var(--base2); font-weight:700;}



.spintro .part5 {width: 100vw; margin-left: calc(-50vw + 50%); background:#f9f9f9; padding:100px 0;}
.spintro .part5>div {width:100%; max-width:1400px; margin:0 auto;}
.spintro .part5 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
.spintro .part5 ul li {padding:25px 40px;; background:var(--base2); color:#fff;}
.spintro .part5 ul li span {margin-right:15px;}


.spintro .part6 {text-align:center; margin-top:100px;}
.spintro .part6 h4 {color:var(--base1); font-weight:600;}
.spintro .part6 p {font-size:var(--fontSize28); font-weight:800; color:#000; line-height:1.4; margin-top:20px;}
.spintro .part6 p span {color:var(--base1);}




/*** 조직도 공통 ***/
.organ .contents-wrap .btnWrap .btn {display:flex; justify-content: center; gap:10px; margin-bottom:70px;}
.organ .contents-wrap .btnWrap .btn li {background:var(--gray1); color:#000; font-size:var(--fontSize20); font-weight:600;}
.organ .contents-wrap .btnWrap .btn li a {display:inline-block; padding:20px 50px; background:var(--gray1); border-radius:10px;}
.organ .contents-wrap .btnWrap .btn .on a {color:#fff; background:var(--base2); border:1px solid var(--base2);}
.organ .contents-wrap ul {display:grid; grid-template-columns:repeat(4, 1fr); gap:70px 20px;}
.organ .contents-wrap ul li {border:1px solid var(--bgcGray1); border-radius:10px; overflow:hidden;}
.organ .contents-wrap ul li .img {height:440px;}
.organ .contents-wrap ul li .img img {width:100%; height:100%; object-fit:cover;}
.organ .contents-wrap dl {padding:30px;}
.organ .contents-wrap dl dt {font-weight:600; color:#000; font-size:var(--fontSize20);}
.organ .contents-wrap dl dt dd {padding-top:10px;}

/*** 인사말 공통 ***/
.greet {display:grid; grid-template-columns:2fr auto; gap:100px;}
.greet h3 {font-size:30px; padding-bottom:50px; font-weight:800; color:var(--base2);}
.greet .txtWrap p {padding-bottom:50px;}
.greet .img {width:300px;}
.greet .img img {border-radius:20px;}
.greet .imgWrap p {padding-top:20px; color:#000;}
.greet span {font-weight:800; font-size:var(--fontSize24); color:#000;}






/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	
	/*** 조직도 공통 ***/
	.organ .contents-wrap dl {border-top:1px solid var(--bgcGray1);}
	.organ .contents-wrap .btnWrap .btn li a {padding:20px 70px;}
	.organ .contents-wrap ul li .img img {object-fit:contain;}
	.organ .contents-wrap ul {grid-template-columns:repeat(2, 1fr); gap:40px 20px;}
	
	/*** 인사말 공통 ***/
	.greet {grid-template-columns: repeat(1, 1fr); gap:30px;}
	.greet .txtWrap {order:2;}
	
	/*** 특성화대학원소개 ***/
	.spintro h3 {text-align:center; padding-left:0 !important; font-size:28px; line-height:1;}
	
	.spintro .part1 {margin-bottom:60px;}
	.spintro .part1 h3 {font-size:32px;}
	.spintro .part1 div {padding:30px 5px 5px;}
	.spintro .part1 div p {padding:30px 20px;}
	
	.spintro .part2 ul {grid-template-columns: repeat(2, 1fr); justify-items: center; gap:15px;}
	.spintro .part2 ul li {width:260px; height:260px;}
	.spintro .part2 ul li:before {width:250px; height:250px;}
	.spintro .part2 ul li p {font-size:16px;}
	.spintro .part2 ul:before {content:none;}
	
	.spintro .part3 {padding:60px 30px; margin-top:60px;}
	.spintro .part3 ul {grid-template-columns: 1fr; gap:15px;}
	.spintro .part3 ul li {padding:30px; }
	.spintro .part3 ul li p {margin-bottom:15px;}
	
	.spintro .part4 {padding:60px 0;}
	.spintro .part4 ul {grid-template-columns: 1fr;}
	.spintro .part4 ul li {padding:65px 0;}
	.spintro .part4 ul li p {margin: 25px 0 25px 0;}

	.spintro .part5 {padding:60px 0;}
	.spintro .part5 ul {grid-template-columns: 1fr; padding:0 30px;}
	
	.spintro .part6 {margin-top:50px;}
	.spintro .part6 p {font-size:18px;}
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	/*** 조직도 공통 ***/
	.organ .contents-wrap .btnWrap .btn li a {padding:5px 15px;border-radius:5px;}
	.organ .contents-wrap ul li {border-radius:5px;}
	.organ .contents-wrap ul li .img {height:330px;}
	.organ .contents-wrap .btnWrap .btn {margin-bottom:20px;}
	.organ .contents-wrap ul {grid-template-columns:repeat(1, 1fr); gap:20px 20px;}

	/*** 인사말 공통 ***/
	.greet .txtWrap p {padding-bottom: 30px;}
	.greet h3 {font-size:25px; line-height:1.4;}

	/*** 특성화대학원소개 ***/
	.spintro .part2 ul {grid-template-columns: repeat(1, 1fr);
	
	
}