@charset "utf-8";
body, html {font-size:16px;height:100%;}
.div-cont {max-width:1200px;margin:0 auto;overflow:hidden;width:100%;box-sizing:border-box;transition:all .3s ease;}

@media all and (max-width:1240px){
	.div-cont {padding:0 20px}
}
@media all and (max-width:999px){
	body, html {min-width:320px;font-size:15px;}
}
@media all and (max-width:599px){
	body, html {font-size:14px;}
}

#intro-wrap {font-family: 'Noto Sans KR', sans-serif !important;position:relative;background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/2025intro/intro_bg_250828_1.jpg) no-repeat 50% 50%;background-size:cover;padding-top:30px;padding-bottom:40px;box-sizing:border-box;min-height:100%;display:flex;align-items:center;}
#intro-wrap * {letter-spacing:-.05em;line-height:1.4;}

#header {width: 100%; display: inline-block;}
#header .logo {float:left;position:relative;padding-top:8px;}
#header .logo img {position:relative}
#header .slogan {float:right;}

@media all and (max-width:999px){
	#intro-wrap {padding-top:20px;padding-bottom:20px;}
	#header .logo img {height:25px;}
	#header .slogan img {height:35px;}
}
@media all and (max-width:599px){
	#header .logo {float:none;text-align:center;padding-top:0;}
	#header .logo img {margin:0 auto}
	#header .slogan {display:none;}
}


#intro {padding-top:20px;overflow:hidden;position:relative;width:100%;}

#topbanner {margin-top: 30px;}
#topbanner a {display: block;}
#topbanner a img {width: 100%;}
#topbanner .Mobile {display: none;}

/* line1 */
.intro-cont1 {overflow:hidden;position:relative;width:100%;display:flex;}
.intro-cont1 .mtit {font-size:1.188em;color:#fff; padding: 12px 0 12px 20px; background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/220907_bg.png) no-repeat left; background-color:#ac2631; background-size: cover;}
.sect1 {width:65%;background:#fff;margin-right:0.5%;}
.sect2 {width:34%;background:#94031c;margin-left:0.5%;}

.sect1 .inBox {width:100%;overflow:hidden;position:relative;box-sizing:border-box;padding:10px 20px;}
.sect1 .list {width:100%;overflow:hidden;display:flex;box-sizing:border-box; justify-content: space-between; margin-bottom: 5px;}
.sect1 .list.part3 li {width: 32%;}
.sect1 .list li {width:24%;box-sizing:border-box;position:relative;border-radius: 20px; transition: 0.3s all; overflow: hidden; box-shadow: inset 3px 4px 0px rgb(255 255 255 / 20%);}
.sect1 .list li::after {display:block;content:'';width: 120px; height: 47px; background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/220907logoB.png); position: absolute; bottom: 2px; right: 0; z-index: 1;}
.sect1 .list li::before {opacity: 0; content:''; width: 250px; height: 12px; background-color: #d9d9d9; transform: rotate(45deg); position: absolute; top: 0; left: -200px; transition: all 0.8s;}
.sect1 .list li:hover::before {left: 100%; opacity: 1;}
.sect1 .list li:nth-child(1) {background-color: #8a2636;}
.sect1 .list li:nth-child(2) {background-color: #6b254b}
.sect1 .list li:nth-child(3) {background-color: #b46658;}
.sect1 .list li:nth-child(4) {background-color: #b82f2a;}
.sect1 .list a {display:flex;align-items:center;position:relative;width:100%;height:100px;box-sizing:border-box;text-align:left;padding:0 30px 0 17px;color:white;transition:all .3s ease; font-size: 18px; font-weight: 600; z-index: 2;}
.sect1 .list a:before {display:block;content:'';position:absolute;top:0;bottom:0;right:15px;width:25px;height:20px;background:url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/intro_spr_210824.png) no-repeat -71px 0;margin:auto 0;transition:all .3s ease;}
.sect1 .list a:hover {}
.sect1 .list a:hover:before {right:10px;}
.sect1 .list li:hover:nth-child(1) {background-color: #771928;}
.sect1 .list li:hover:nth-child(2) {background-color:  #771f3d;}
.sect1 .list li:hover:nth-child(3) {background-color: #aa412f;}
.sect1 .list li:hover:nth-child(4) {background-color: #9e221d;}

.sect2 .inBox {width:100%;overflow:hidden;position:relative;
box-sizing:border-box; text-align: center; padding-top: 82px; padding-left: 50%; transform: translateX(-25%); font-size: 20px; font-weight: bold;}
.intro-cont1 >.sect2 {position: relative; overflow: hidden;}
.intro-cont1 >.sect2::before {content: ""; display: block; position: absolute; width: 100%; height: 77px; background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/220907_bg2.png) no-repeat center; background-size: cover; top: 0; left: 0;}
.intro-cont2 >.sect2.on::before {content: ""; display: block; position: absolute; width: 100%; height: 77px; background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/220907_bg2.png) no-repeat center; background-size: cover; top: 0; left: 0;}
.sect2 .inBox .txt {color: white;}
.sect2 .inBox .btn {display: block; background-color: white; border-radius: 20px; padding: 5px 10px; text-align: center; font-size: 14px; margin: 10px; transition: all 0.3s;}
.sect2 .sect2 {width: 100%;}
.sect2 .inBox .btn:hover{background-color: black; color: white;}

.intro-cont1 > .sect4.on {display: none;}
.intro-cont2 > .sect2.on {display: none;}

@media all and (max-width:999px){
	#intro {padding-top:30px; display: flex; flex-wrap: wrap;}
	.intro-cont1 {display:block}
	.sect1 {width:100%; margin-right:0;}
	.intro-cont2 > .sect2.on {overflow: hidden;}
	.intro-cont2 > .sect2.on::before {height: 146px; top: -53px;}
	.sect2 {width:100%; margin-left:0;margin-top:10px; display: none;}
	.sect4 {display: none;}
	.sect2 .sect2 {margin-top: 27px;}
	.intro-cont1 > .sect4.on {display: none;}
	.intro-cont2 > .sect2.on {display: block; height: 250px; position: relative;}
	.sect2 .sect2 {display: block;}
	.intro-cont1 > .sect2.on::before {display: block;}
	.sect2 .inBox .btn {margin: 10px 0 15px 0;}
}
@media all and (max-width:599px){
	#topbanner .PC {display: none;}
	#topbanner .Mobile {display: block;}

	#intro {padding-top:20px;}
	.intro-cont1 .sect2 .mtit {text-align:left;}

	.sect1 .inBox {padding:20px 20px 20px 20px;}
	.sect1 .list {flex-wrap: wrap;}
	.sect1 .list li {width:100%; margin-bottom: 10px;}
	.sect1 .list.part3 li {width: 100%; margin-bottom: 5px;}
	.sect1 .list li:nth-child(odd) {width:100%;}
	.sect1 .list li:last-child {margin-bottom: 0;}
	.sect1 .list a {height:50px; z-index: 99;}
	.intro-cont2 > .sect2.on {height: 200px;}

	.sect2 .inBox {transform: translateX(-25%); font-size: 15px; padding-top: 70px;}
	.sect2 .list li {width:100%;}
	.sect2 .list li:nth-child(odd) {width:100%;}
}
@media all and (max-width:499px){
	.sect1 .inBox {padding:20px;}
}



/* line2 */
.intro-cont2 {overflow:hidden;position:relative;width:100%;display:flex;padding-top:10px;}
.sect3 {background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/2025intro/kakao_2026.jpg) no-repeat center center; background-size: cover; width: 32.5%;}
.sect3.thx {background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/thx_2023.png) no-repeat center center; width: 32.5%;}
.sect3 a {display: block; width: 100%; height: 100%;}

.sect4 {display:inline-block;width:32.5%;margin-left:0.5%; background-color: white;}
.intro-cont2 .sect4 .mtit {font-size:1.188em;color:#fff; padding: 12px 0 12px 20px; background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/220907_bg.png) no-repeat left; background-color:#e47a69; background-size: cover;}
.sect4 .inBox {padding: 20px 0;}
.sect4 .inBox ul {display: flex; flex-wrap: wrap; padding:10px;}
.sect4 .inBox ul li {width: 49%; height: 55px; border-radius: 14px; position: relative; overflow: hidden; font-size: 14px; display: flex; box-shadow:inset 3px 4px 0px rgb(255 255 255 / 20%);}
.sect4 .inBox ul li::after {content: ""; display: block; background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/220907logoB.png); width: 150px; height: 30px; position: absolute; right: -28px; bottom: 0;}
.sect4 .inBox ul li::before {content: ""; display: block; background-color: rgba(0,0,0,0.3); width: 0%; height: 100%; transition: all 0.3s; position: absolute;}
.sect4 .inBox ul li:nth-child(1) {background-color: #d45d4b; margin-bottom: 1%;}
.sect4 .inBox ul li:nth-child(2) {background-color: #fc8d44; margin-bottom: 1%;}
.sect4 .inBox ul li:nth-child(3) {background-color: #94493e; margin-bottom: 1%;}
.sect4 .inBox ul li:nth-child(4) {background-color: #943325; margin-bottom: 1%;}
.sect4 .inBox ul li:nth-child(5) {background-color: #c43721;}
.sect4 .inBox ul li:nth-child(5) span .small {font-size: 11px; display: block;}
.sect4 .inBox ul li:nth-child(6) {background-color: #e65a44;}
.sect4 .inBox ul li:nth-child(odd){margin-right: 1%;}
.sect4 .inBox ul li a {width: 100%; height: 100% ;display: block; color: white;position: absolute; z-index: 2;}
.sect4 .inBox ul li a > span {display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;}

/*.sect4 .inBox ul li a:hover span {text-decoration:underline}*/
.sect4 .inBox ul li:hover::before {width: 100%;}


.sect5 {display:inline-block;width:34.5%;margin-left:0.5%;position:relative; background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/youtube_2024.png) no-repeat center center; background-size: cover; }
.sect5 a {display: block; height: 100%;}
.sect5 .owl-dots {position:absolute;top:0;right:10px;}
.sect5 .owl-dots .owl-dot {width:13px;height:13px;background:#fff;border-radius:50%;opacity:0.5;margin-left:5px;transition:all .3s ease;}
.sect5 .owl-dots .owl-dot.active {opacity:1;}

@media all and (max-width:1199px){
}
@media all and (max-width:999px){
	.sect3 {width: 100%; order: 1; height: 250px; margin-top: 10px;}
	.sect3.thx {width: 100%; order: 1; height: 250px; margin-top: 10px; background: #3a367a url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/thx_2023.png) no-repeat center center; background-size: contain;}
	.sect3 a {display:block;}
	.sect3 .txt {font-size:1.25em;padding-top:65px;}
	.intro-cont2 {flex-wrap:wrap; justify-content: space-between;}
	.sect4 {order: 0; width: 100%; margin-left: 0;}
	.sect5 {order: 2; width: 100%; margin-top: 10px; height: 350px;}

	.sect3 {background: url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/2025intro/kakao_2026.jpg) no-repeat center center #ffe401; background-size: contain;}
}
@media all and (max-width:899px){
	.sect3 {}
	.sect3 .txt {padding-top:55px;}
	.sect3 .btn {margin-bottom:15px;}
}
@media all and (max-width:499px){
	.sect4 {width:100%;}
	.sect5 {width:100%;margin-left:0;margin-top:10px;}
}


/* line3 */
.intro-cont3 {overflow:hidden;position:relative;width:100%;margin-top:10px;background:rgba(12,34,54,0.6);}
.intro-cont3 .list {display:flex;width:100%;overflow:hidden;}
.intro-cont3 .list li {width:25%;}
.intro-cont3 .list a {display:flex;align-items:center;position:relative;width:100%;height:80px;box-sizing:border-box;padding:0 5px 0 77px;z-index:1;}
.intro-cont3 .list a:before {display:block;content:'';position:absolute;top:0;right:0;width:0;height:100%;background:#A03DB2;opacity:0;transition:all .3s ease;z-index:-1;}
.intro-cont3 .list a span:before {display:block;content:'';position:absolute;top:0;bottom:0;left:19px;margin:auto 0;width:43px;height:54px;background:url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/intro_spr_210824.png) no-repeat 0 -48px;transition:all .3s ease;}
.intro-cont3 .list a:after {display:block;content:'';position:absolute;top:0;bottom:0;left:0;margin:auto 0;width:1px;height:50%;background:rgba(255,255,255,0.2);transition:all .3s ease;}
.intro-cont3 .list li:first-child a:after {display:none;}
.intro-cont3 .list a span {display:inline-block;font-size:1.125em;color:#fff;line-height:1.1em;}
.intro-cont3 .list a:hover span {text-decoration:underline;}
.intro-cont3 .list a:hover:before {left:0;right:auto;width:100%;opacity:1;}
.intro-cont3 .list .ico1 a span:before {background-position:0 -48px;}
.intro-cont3 .list .ico2 a span:before {background-position:-53px -48px;}
.intro-cont3 .list .ico3 a span:before {background-position:-106px -48px;}
.intro-cont3 .list .ico4 a span:before {background-position:-159px -48px;}

@media all and (max-width:799px){
	.intro-cont3 .list {flex-wrap:wrap;}
	.intro-cont3 .list li {width:50%;}
	.intro-cont3 .list li:nth-child(odd) a:after {display:none;}
}
@media all and (max-width:499px){
	.intro-cont3 .list {flex-wrap:wrap;}
	.intro-cont3 .list li {width:100%;}
	.intro-cont3 .list li a:after {display:block !important;top:-1px;bottom:auto;left:15px;right:0;width: calc(100% - 40px);height:1px;background:rgba(255,255,255,0.1);}
	.intro-cont3 .list a {height:auto;padding:15px 5px 15px 60px;z-index:1;}
	.intro-cont3 .list a span:before {left:10px;transform:scale(0.7);}
}


/* btn */
.intro-link {overflow:hidden;position:relative;width:100%;margin-top:24px;text-align:center;}
.intro-link a {display:inline-block;position:relative;color:#fff;font-size:1.188em;font-weight:700;text-align:left;background:#BD001F;padding:22px 117px 22px 29px;}
.intro-link a:before {display:block;content:'';position:absolute;top:0;bottom:0;right:30px;margin:auto 0;width:26px;height:15px;background:url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/intro_spr_210824.png) no-repeat -69px 0;transition:all .3s ease;}
.intro-link a.a-link2 {background:#002A56;}
.intro-link a:hover:before {right:15px;}

@media all and (max-width:599px){
	.intro-link {margin-top:15px;}
	.intro-link a {font-size:1em;padding:15px 35px 15px 15px;}
	.intro-link a:before {right:10px;width:15px;background-position:-80px 0}
}


/* foot */
#footer {text-align:center;font-size:0.938em;color:#fff;font-weight:400;padding-top:40px;}
#footer .finfo span {display:inline-block;padding:0 5px;}
#footer .copyright {padding-top:3px;}



.info-ex, .info-ex02, .info-ex03 {font-size:14px;}
.info-ex {font-size:14px;margin-top:0px;}
.info-ex .call {font-size:14px;}

@media all and (max-width:855px){
	.info-ex1 .call {position: inherit;}
}

.info-ex {background:url(http://www.dongseo.ac.kr/_Img/Content/ico_ex02.png) no-repeat 0 3px;padding:3px 0 5px 25px;color:#777}
.info-ex02 {background:url(http://www.dongseo.ac.kr/_Img/Content/ico_ex03.png) no-repeat 0 3px;padding:0px 0 5px 30px;color:#d91d34}
.info-ex03 {background:url(http://www.dongseo.ac.kr/_Img/Content/ico_ex04.png) no-repeat 0 3px;padding:0px 0 5px 30px;color:#796754}
.info-ex03 .sec {display:block;color:#777}