@charset "utf-8";


/* 인트로 */
html, body {
	height:100%;
	margin:0;
}
body {
	background:url(/resources/homepage/ipsi/_Img/Intro/ipsi_bg.jpg) no-repeat center 0;
	background-size:cover;
	overflow-x:hidden;
	overflow-y:auto;
}
.ipsi-intro-wr {
	position:relative;
	min-height:100vh;
	min-height:100dvh;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	padding-bottom:clamp(16px, 2.5vh, 40px);
}
.ipsi-intro {
	position:relative;
	max-width:1200px;
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	line-height:1.6;
	flex:1;
	display:flex;
	flex-direction:column;
	min-height:0;
	box-sizing:border-box;
}
.ipsi-intro:before {display:none;content:'';position:absolute;top:0;left:50%;width:2000px;height:960px;margin-left:-1000px;background:url(/resources/homepage/ipsi/_Img/Intro/ipsi_bg.jpg) no-repeat 0 0;z-index:-1;}
.ipsi-intro .logo {
	position:relative;
	height:clamp(56px, 9vh, 90px);
	width:100%;
	box-sizing:border-box;
	flex-shrink:0;
}
.ipsi-intro .logo:before {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50%;
	border-top:clamp(56px, 9vh, 90px) solid #10386e;
	border-left:100px solid transparent;
	border-right:100px solid transparent;
	height:0;
	box-sizing:border-box;
	width:100%;
	transition:all .3s ease;
}
.ipsi-intro .logo span {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	padding-top:0;
	z-index:1;
}
.ipsi-intro .logo span img {
	height:clamp(24px, 3.5vh, 36px);
	width:auto;
}

.ipsi-intro .in-box {
	margin:clamp(0px, 0vh, 40px) auto 0 auto;
	padding-bottom:0;
	max-width:1000px;
	width:100%;
	text-align:left;
	box-sizing:border-box;
	transition:all .3s ease;
	flex:1;
	display:flex;
	flex-direction:column;
	min-height:0;
}

.ipsi-intro .in-box .in-sbox {
	border-bottom:2px solid #014898;
	width:100%;
	padding-bottom:clamp(40px, 0vh, 50px);
	flex:0 1 auto;
}
.ipsi-intro .in-box .in-sbox:after {display:block;content:'';clear:both;}
.ipsi-intro .in-box .in-sbox .ipsi-slogan {float:left;width: 47%;}
.ipsi-intro .in-box .in-sbox .ipsi-slogan img {
	max-width:414px;
	width:90%;
	max-height:clamp(160px, 32vh, 360px);
	height:auto;
	object-fit:contain;
	object-position:left top;
}
.ipsi-intro .in-box .in-sbox .txt-box {float:left;width:50%;padding:clamp(10px, 3vh, 37px) 0 0 5px;box-sizing:border-box;}
.ipsi-intro .in-box .in-sbox .txt-box .tit {position:relative;color:#10386e;line-height:1.2;letter-spacing:-2px;}
.ipsi-intro .in-box .in-sbox .txt-box .tit:before {display:block;content:'';position:absolute;top:-20px;right:-8px;width:69px;height:62px;background:url(/resources/homepage/ipsi/_Img/Intro/ipsi_pat.png) no-repeat 0 0;}
.ipsi-intro .in-box .in-sbox .txt-box .tit .tit1 {font-size:24px;display:block;font-weight:500;}
.ipsi-intro .in-box .in-sbox .txt-box .tit .tit2 {font-size:clamp(22px, 2.6vw, 30px);font-weight:500;display:block;padding-top:10px;}

.ipsi-intro .in-box .list-box {margin-top:clamp(8px, 2vh, 24px);text-align:left;padding:0;color:#333;}
.ipsi-intro .in-box .list-box .list01 {list-style:none;margin:0;padding:0;}
.ipsi-intro .in-box .list-box .list01 li {position:relative;padding-left: 130px;margin:0 0 10px 0;min-height:32px;list-style:none;line-height:1.4;}
.ipsi-intro .in-box .list-box .list01 .ltit {display:block;position:absolute;top:0;left:0;width: 120px;height:32px;line-height:32px;background:#105caf;border-radius:20px;text-align:center;color:#fff;font-weight:500;}
.ipsi-intro .in-box .list-box .list01 .ltxt {display:block;margin:0;padding:0 0 0 10px;font-size:clamp(15px, 1.6vw, 18px);font-weight:500;line-height:1.4;}
.ipsi-intro .in-box .list-box .list01 .ltxt .f13,
.ipsi-intro .in-box .list-box .list01 .f13 {font-size:14px !important;font-weight:400;line-height:1.4;}
.ipsi-intro .in-box .list-box .list01 .ltxt.pad10f,
.ipsi-intro .in-box .list-box .list01 .ltxt.pad15f {padding-bottom:0 !important;margin-bottom:0 !important;}
.ipsi-intro .in-box .list-box .list01 .ltxt1 {display:block;padding-top:0px;font-size:22px;font-weight:500;}
.ipsi-intro .in-box .list-box .list01 li.spc {padding-left:0;}
.ipsi-intro .in-box .list-box .list01 li.spc .ltit {position:relative;top:auto;left:auto;width:auto;display:inline-block;padding:0 10px;}
.ipsi-intro .in-box .list-box .list01 li.spc .ltxt {padding-left:110px;}

.ipsi-intro .in-box .btn-w {
	display:flex;
	justify-content:center;
	align-items:stretch;
	gap:50px;
	margin:clamp(50px, 1vh, 50px) auto 0;
	padding-bottom:clamp(8px, 1.5vh, 20px);
	width:100%;
	max-width:1080px;
	flex-shrink:0;
}
.ipsi-intro .in-box .btn-w .btn-line {
	width:32%;
	min-width:200px;
	border:10px solid #EDC8A7;
	box-sizing:border-box;
	background-size:60px;
	padding:42px 40px 42px 110px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	position:relative;
	color:#fff;
	font-size:24px;
	font-weight:700;
	line-height:1;
	text-decoration:none;
	text-align:left;
	background-repeat:no-repeat;
	background-position:30px center;
	transition:all .3s ease;
}
.ipsi-intro .in-box .btn-w .btn-line .btn-icon {
	display:none;
}
.ipsi-intro .in-box .btn-w .btn-line .btn-more {
	position:absolute;
	right:30px;
	font-size:32px;
	line-height:1;
	top:50%;
	transform:translateY(-50%);
	color:rgba(255,255,255,0.6);
}
.ipsi-intro .in-box .btn-w .btn-line:before,
.ipsi-intro .in-box .btn-w .btn-line:after {
	display:none;
}
.ipsi-intro .in-box .btn-w .btn-line-college {
	border-color:#9cc5ef;
	background-color:#b50f63;
	background-image:url(/resources/homepage/ipsi/_Img/Intro/intro_icon_college.png);
}
.ipsi-intro .in-box .btn-w .btn-line-ipsi {
	border-color:#97B2DA;
	background-color:#003da2;
	background-image:url(/resources/homepage/ipsi/_Img/Intro/intro_icon_ipsi.png);
}
.ipsi-intro .in-box .btn-w .btn-line-pass {
	border-color:#9cc5ef;
	background-color:#f7941d;
	background-image:url(/resources/homepage/ipsi/_Img/Intro/intro_icon_pass.png);
}
.ipsi-intro .in-box .btn-w a:hover:before {background:#fff;}
.ipsi-intro .in-box .btn-w a:hover:after {background:#fff;}

/* 바로가기 버튼 (a-line1 / a-line2) */
.ipsi-intro .in-box .btn-w .a-line1,
.ipsi-intro .in-box .btn-w .a-line2 {
	width:32%;
	min-width:200px;
	border:10px solid #97B2DA;
	box-sizing:border-box;
	background:#003da2 url(/resources/homepage/ipsi/_Img/Intro/ipsi_icon.png) no-repeat 30px center;
	background-size:clamp(36px, 5vh, 60px);
	padding:clamp(14px, 3.8vh, 42px) 50px clamp(14px, 3.8vh, 42px) clamp(70px, 9vw, 110px);
	display:flex;
	align-items:center;
	justify-content:flex-start;
	position:relative;
	color:#fff;
	font-size:clamp(16px, 2.2vh, 24px);
	font-weight:700;
	line-height:1.2;
	text-decoration:none;
	text-align:left;
	transition:all .3s ease;
}
.ipsi-intro .in-box .btn-w .a-line1:before,
.ipsi-intro .in-box .btn-w .a-line2:before {
	display:block;
	content:'';
	position:absolute;
	top:50%;
	right:36px;
	width:3px;
	height:21px;
	margin-top:-10px;
	background:rgba(255,255,255,0.3);
	transition:all .3s ease;
}
.ipsi-intro .in-box .btn-w .a-line1:after,
.ipsi-intro .in-box .btn-w .a-line2:after {
	display:block;
	content:'';
	position:absolute;
	top:50%;
	right:27px;
	width:21px;
	height:3px;
	margin-top:-1px;
	background:rgba(255,255,255,0.3);
	transition:all .3s ease;
}
.ipsi-intro .in-box .btn-w .a-line2 {
	border-color:#9cc5ef;
	background-color:#b50f63;
}

.ipsi-intro.type2 .in-box .in-sbox .txt-box {padding-left:0px;}
.ipsi-intro.type2 .in-box .list-box .list01 li {padding-left:0;margin:0 0 10px 0;}
.ipsi-intro.type2 .in-box .list-box .list01 .ltit {
	position:relative;
	top:auto;
	left:auto;
	width:auto;
	display:inline-block;
	padding:5px 15px;
	height:auto;
	line-height:normal;
	margin:0 0 10px 0;
}
.ipsi-intro.type2 .in-box .list-box .list01 .ltxt {
	margin:0;
	padding:0 !important;
}

@media (max-width:999px){
	.ipsi-intro .in-box {margin-top:30px;width:90%;margin-left:5%;margin-right:5%;padding-bottom:50px;} 
	.ipsi-intro .in-box .in-sbox {padding-bottom:40px;}
	.ipsi-intro .in-box .in-sbox .ipsi-slogan {width:100%;text-align:center;}
	.ipsi-intro .in-box .in-sbox .txt-box {width:100%;padding:30px 0 0 30px;}
	.ipsi-intro .in-box .btn-w {margin-top:50px;}
}
@media (max-width:699px){
	.ipsi-intro .logo:before {border-left:50px solid transparent;border-right:50px solid transparent;}

	.ipsi-intro .in-box {width:100%;margin-left:0;margin-right:0;margin-bottom:20px;padding:0 20px 30px 20px;} 
	.ipsi-intro .in-box .in-sbox .txt-box {width:100%;padding:30px 0 0 0;}
	.ipsi-intro .in-box .in-sbox .txt-box .tit .tit1 {font-size:18px;}
	.ipsi-intro .in-box .in-sbox .txt-box .tit .tit2 {font-size:22px;}
	.ipsi-intro .in-box .list-box {margin-top:20px;padding:20px 0 20px 0;}

	.ipsi-intro .in-box .btn-w {
		flex-direction:column;
		align-items:stretch;
		gap:12px;
		margin-top:30px;
	}
	.ipsi-intro .in-box .btn-w .btn-line {
		width:100%;
		min-width:auto;
		padding:26px 20px;
		border-width:6px;
		font-size:18px;
		justify-content:flex-start;
	}
	.ipsi-intro .in-box .btn-w .btn-line .btn-more {
		right:20px;
	}
	.ipsi-intro .in-box .btn-w .a-line1,
	.ipsi-intro .in-box .btn-w .a-line2 {
		width:100%;
		min-width:auto;
		padding:26px 50px 26px 90px;
		border-width:6px;
		font-size:18px;
		background-position:20px center;
		background-size:48px;
	}
	.ipsi-intro .in-box .btn-w .a-line1:before,
	.ipsi-intro .in-box .btn-w .a-line2:before {right:30px;}
	.ipsi-intro .in-box .btn-w .a-line1:after,
	.ipsi-intro .in-box .btn-w .a-line2:after {right:21px;}
	.ipsi-intro .in-box .list-box .list01 .ltxt { padding-left:0; }

	.ipsi-intro.type2 .in-box .in-sbox .txt-box {padding-left:0;}
}
@media (max-width:599px){
	.ipsi-intro .logo {height:70px;}
	.ipsi-intro .logo:before {border-left:40px solid transparent;border-right:40px solid transparent;border-top:70px solid #10386e;}
	.ipsi-intro .logo span {padding-top:19px;}
	.ipsi-intro .logo span img {height:30px;}

	.ipsi-intro .in-box .in-sbox .ipsi-slogan img {width:280px;}
	.ipsi-intro .in-box .list-box {margin-top:15px;}

	.ipsi-intro .in-box .in-sbox {padding-bottom:20px;}

	.ipsi-intro .in-box .btn-w a {padding-left:20px;background-image:none;}	
	.ipsi-intro .in-box .btn-w a:before {right:16px;}
	.ipsi-intro .in-box .btn-w a:after {right:7px;}
}
@media (max-width:490px){
	.ipsi-intro .in-box .list-box .list01 li {padding-left:0;}
	.ipsi-intro .in-box .list-box .list01 .ltit {position:relative;top:auto;left:auto;display:inline-block;}
	.ipsi-intro .in-box .list-box .list01 li.spc .ltxt {padding-left:0;}
}

/* 세로 해상도 대응 (높이 반응형) - 버튼이 잘리지 않도록 압축 */
@media (max-height:950px){
	.ipsi-intro.type2 .in-box .list-box .list01 li {margin-bottom:8px;}
	.ipsi-intro .in-box .list-box .list01 .f13 {font-size:12px;line-height:1.35;}
	.ipsi-intro .in-box .btn-w .a-line1,
	.ipsi-intro .in-box .btn-w .a-line2,
	.ipsi-intro .in-box .btn-w .btn-line {
		border-width:8px;
		background-position:24px center;
	}
}
@media (max-height:850px){
	.ipsi-intro .in-box .in-sbox .txt-box .tit:before {display:none;}
	.ipsi-intro.type2 .in-box .list-box .list01 li {margin-bottom:4px;}
	.ipsi-intro .in-box .list-box .list01 .ltxt {font-size:14px;}
	.ipsi-intro .in-box .btn-w .a-line1,
	.ipsi-intro .in-box .btn-w .a-line2,
	.ipsi-intro .in-box .btn-w .btn-line {
		border-width:6px;
		min-width:160px;
	}
	.ipsi-intro .in-box .btn-w .a-line1:before,
	.ipsi-intro .in-box .btn-w .a-line2:before {height:16px;margin-top:-8px;right:28px;}
	.ipsi-intro .in-box .btn-w .a-line1:after,
	.ipsi-intro .in-box .btn-w .a-line2:after {width:16px;right:21px;}
}
@media (max-height:750px){
	.ipsi-intro .logo:before {border-left:50px solid transparent;border-right:50px solid transparent;}
	.ipsi-intro .in-box .in-sbox .ipsi-slogan img {max-height:28vh;}
	.ipsi-intro .in-box .btn-w {gap:12px;}
	.ipsi-intro .in-box .btn-w .a-line1,
	.ipsi-intro .in-box .btn-w .a-line2,
	.ipsi-intro .in-box .btn-w .btn-line {
		border-width:4px;
		padding-top:10px;
		padding-bottom:10px;
	}
}