@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%;margin-top: 20px;}

#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; box-sizing: border-box;}
.intro-cont1 .mtit {font-size: 1.2em;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:40%;background: #f5f5f5;margin-right:0.5%; /*box-shadow: 0px 0px 5px #444; box-shadow: 0px 0px 5px #444; */}
.sect1.cor {width: 60%; margin-right: 0;}
.sect1.cor .inBox {padding: 10px 20px;}
.sect1.cor .mtit {background: #c43721;}
.sect2 {width:34%;background:#94031c;}

.sect1 .inBox {width:100%;overflow:hidden;position:relative;box-sizing:border-box;padding:20px 20px;/* box-shadow: 0px 0px 5px #444; */}
.sect1 .list {width:100%;overflow:hidden;display:flex;box-sizing:border-box; justify-content: space-between; margin-bottom: 5px; flex-wrap: wrap;}
.sect1 .list.part3 li {width: 32%;}
.sect1 .list li {width:100%;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%); margin-bottom: 5px;}
.sect1 .list li:last-child {margin-bottom: 0;}
.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;}
.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 li:nth-child(5) {background:#830962;}
.sect1 .list a {display:flex;align-items:center;position:relative;width:100%;height:55px;box-sizing:border-box;text-align:left;padding:0 30px 0 17px;color:white;transition:all .3s ease;font-size: 16px; flex-wrap: wrap;}
.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;}
.sect1 .list li:nth-child(1) a {font-weight: 500;}
.sect1 .list li:nth-child(2) a {font-weight: 500;}

.sect1 .inBox table {width: 100%; border: 1px solid #444; border-collapse: collapse; font-size: 14px; text-align: center;}
.sect1 .inBox table th, .sect1 .inBox table td {border: 1px solid #444; padding: 8px;}
.sect1 .inBox table th {background: #8d2d1e; color: #fff; font-weight: 400;}
.sect1 .inBox .p-tit01 {background: #24a199; color: #fff; border-radius: 30px; text-align: center; width: 135px; margin-bottom: 10px;}
.sect1 .inBox .p-list01 {font-size: 14px;}
.sect1 .inBox .p-list01 li {margin-bottom: 10px; padding-left: 10px; position: relative;}
.sect1 .inBox .p-list01 li .tit {display: block; color: #1e8b84;}
.sect1 .inBox .p-list01 li::after {position: absolute; width: 3px; height: 3px; background: #1e8b84; display: block; content: ""; top: 7px; left: 0; border-radius: 50%;}
.sect1 .inBox .info {color: #b31b00; font-weight: 600; font-size: 14px; margin-top: 5px;}


.sect2 .inBox {width:100%;overflow:hidden;position:relative;box-sizing:border-box;text-align: center;padding-top: 170px;padding-left: 50%;transform: translateX(-25%);font-size: 24px;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;/* font-size: 16px; */}
.sect2 .inBox .btn {display: block;background-color: white;border-radius: 20px;padding: 5px 10px;text-align: center;font-size: 16px;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; margin-bottom: 10px;}
	.sect1.cor {width: 100%; margin-top: 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;}
	.sect2 .inBox {padding-top: 74px;}
	.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;}

	.intro-cont1 .mtit {font-size: 1.3rem; padding: 12px 20px; word-break: keep-all;}

	.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:80px; z-index: 99; font-size: 15px;}
	.sect1 .list a br {display: none;}
	.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;padding: 10px 0px;box-sizing: border-box;}
.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; width: 40%; }
.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:40%;margin-left:0.5%; background: #f5f5f5;}
.intro-cont2 .sect4 .mtit {font-size: 1.2em;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: 45px 0; }
.sect4 .inBox ul {display: flex; flex-wrap: wrap; padding:10px;}
.sect4 .inBox ul li {width: 100%; height: 65px; 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;font-size: 16px;}

/*.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: #f7d0a3 url(https://ipsi.dongseo.ac.kr/_Template/Layout/rspnsv-dsu2/_Img/intro/kakao_2023.png) no-repeat center center; 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;}
	.sect4 .inBox ul li {width: 100%;}
	.sect4 .inBox ul li:nth-child(odd) {margin-right: 0;}
}


/* line3 */
.intro-cont3 {overflow:hidden;position:relative;width: 100%;margin-top:10px;background:rgba(12,34,54,0.6);/* padding: 0 20px; */box-sizing: border-box;}
.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;margin-bottom: 24px;}
.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}