@charset "utf-8";

/******
* 210603
* eun
* 동의대 INTRO Response
******/
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:100;src:url('/_res/deu/_share/etc/NotoSansCJKkr-Thin.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:200;src:url('/_res/deu/_share/etc/NotoSansCJKkr-Regular.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:300;src:url('/_res/deu/_share/etc/NotoSansCJKkr-Medium.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:400;src:url('/_res/deu/_share/etc/NotoSansCJKkr-Light.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:600;src:url('/_res/deu/_share/etc/NotoSansCJKkr-DemiLight.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:700;src:url('/_res/deu/_share/etc/NotoSansCJKkr-Bold.otf') format('OpenType')}
@font-face{font-family:'NotoSansCJK';font-style:normal;font-weight:900;src:url('/_res/deu/_share/etc/NotoSansCJKkr-Black.otf') format('OpenType')}

*{box-sizing:border-box}
img{max-width:100%}

.intro-wrap{position:relative;background:url('/_res/deu/deuhome/img/intro-bg01.png') center/cover no-repeat;text-align:center;font-family:'NotoSansCJK';padding:100px 0}
.intro-wrap .canvas-right{position:absolute;width:100%;filter:blur(1px);left:0;top:0}
.intro-wrap .intro-wrap-inner{position:relative;z-index:20;width:1600px;margin:0 auto}
.intro-wrap h1{margin-bottom:100px}
.intro-wrap h1 a{display:block}
.intro-wrap h2{color:#2368e5;font-size:1.625em;text-align:left;margin-bottom:10px;margin-top:45px}
.intro-wrap .intro-item{overflow:hidden;border:1px solid rgba(255,255,255,.6);border-radius:10px}
.intro-wrap ul{overflow:hidden}
.intro-wrap li{display:flex;display:-ms-flex;justify-content:center;align-items:center;float:left;width:12.5%;border-bottom:1px solid rgba(255,255,255,.6);border-right:1px solid rgba(255,255,255,.6);height:70px;transition:.3s}
.intro-wrap li a{display:flex;display:-ms-flex;justify-content:center;align-items:center;height:100%;color:#fff;word-break:keep-all;overflow-wrap:anywhere;padding:0 5px}
.intro-wrap li:hover{background-color:#1758cf}
.intro-wrap li:first-child:nth-last-child(1){border-bottom:0;border-right:0}
.intro-wrap li:first-child:nth-last-child(6),
.intro-wrap li:first-child:nth-last-child(6) ~ li{width:16.666%;border-bottom:0}
.intro-wrap li:first-child:nth-last-child(6) ~ li:last-child{border-right:0}
.intro-wrap li:first-child:nth-last-child(8),
.intro-wrap li:first-child:nth-last-child(8) ~ li{border-bottom:0}
.intro-wrap li:first-child:nth-last-child(8) ~ li:nth-child(8){border-right:0}
.intro-wrap li:first-child:nth-last-child(11),
.intro-wrap li:first-child:nth-last-child(11) ~ li{width:16.666%}
.intro-wrap li:first-child:nth-last-child(11) ~ li:nth-child(n+7){border-bottom:0}
.intro-wrap li:first-child:nth-last-child(11) ~ li:nth-child(6){border-right:0}
.intro-wrap li:first-child:nth-last-child(14) ~ li:nth-child(n+9),
.intro-wrap li:first-child:nth-last-child(15) ~ li:nth-child(n+9){border-bottom:0}
.intro-wrap li:first-child:nth-last-child(14) ~ li:nth-child(7n){border-right:0}
.intro-wrap li:first-child:nth-last-child(15) ~ li:nth-child(8){border-right:0}
.intro-wrap li:first-child:nth-last-child(14),
.intro-wrap li:first-child:nth-last-child(14) ~ li{width:14.285%}
.intro-wrap li:first-child:nth-last-child(17),
.intro-wrap li:first-child:nth-last-child(17) ~ li{width:11.111%}
.intro-wrap li:first-child:nth-last-child(17) ~ li:nth-child(n+10){border-bottom:0}
.intro-wrap li:first-child:nth-last-child(17) ~ li:nth-child(9){border-right:0}
.intro-wrap li:first-child:nth-last-child(19),
.intro-wrap li:first-child:nth-last-child(19) ~ li{width:10%}
.intro-wrap li:first-child:nth-last-child(19) ~ li:nth-child(n+11){border-bottom:0}
.intro-wrap li:first-child:nth-last-child(19) ~ li:nth-child(10){border-right:0}

@media (max-width:1600px) {
	.intro-wrap .intro-wrap-inner{width:80%}
}

@media (max-width:1400px) {
	.intro-wrap li a{font-size:.9rem;padding:0 3px}
}

@media (max-width:1200px) {
	.intro-wrap .intro-wrap-inner{width:80%}
	.intro-wrap li{width:20%}
	.intro-wrap li a{padding:0 2px}
	
	.intro-wrap li:first-child:nth-last-child(17), 
	.intro-wrap li:first-child:nth-last-child(17) ~ li,
	.intro-wrap li:first-child:nth-last-child(19), 
	.intro-wrap li:first-child:nth-last-child(19) ~ li{width:20%}
	
	.intro-wrap li:first-child:nth-last-child(6) ~ li,
	.intro-wrap li:first-child:nth-last-child(8) ~ li:nth-child(8),
	.intro-wrap li:first-child:nth-last-child(11) ~ li:nth-child(5),
	.intro-wrap li:first-child:nth-last-child(11) ~ li:nth-child(10),
	.intro-wrap li:first-child:nth-last-child(14) ~ li:nth-child(5),
	.intro-wrap li:first-child:nth-last-child(14) ~ li:nth-child(10),
	.intro-wrap li:first-child:nth-last-child(15) ~ li:nth-child(8),
	.intro-wrap li:first-child:nth-last-child(17) ~ li:nth-child(9){border-right:1px solid #c8c8c8}
	
	.intro-wrap li:nth-child(5n),	
	.intro-wrap li:first-child:nth-last-child(8) ~ li:nth-child(5n),
	.intro-wrap li:first-child:nth-last-child(17) ~ li:nth-child(5n),
	.intro-wrap li:first-child:nth-last-child(19) ~ li:nth-child(5n){border-right:0}

	.intro-wrap li:first-child:nth-last-child(8),
	.intro-wrap li:first-child:nth-last-child(8) ~ li,
	.intro-wrap li:first-child:nth-last-child(11) ~ li:nth-child(n+9),
	.intro-wrap li:first-child:nth-last-child(14) ~ li:nth-child(n+9),
	.intro-wrap li:first-child:nth-last-child(15) ~ li:nth-child(n+9),
	.intro-wrap li:first-child:nth-last-child(17) ~ li:nth-child(n+10),
	.intro-wrap li:first-child:nth-last-child(19) ~ li:nth-child(n+11){border-bottom:1px solid #c8c8c8}
	
	.intro-wrap li:first-child:nth-last-child(8) ~ li:nth-child(n+6),
	.intro-wrap li:first-child:nth-last-child(11) ~ li:nth-child(n+7),
	.intro-wrap li:first-child:nth-last-child(14) ~ li:nth-child(n+8),
	.intro-wrap li:first-child:nth-last-child(15) ~ li:nth-child(n+11),
	.intro-wrap li:first-child:nth-last-child(17) ~ li:nth-child(n+16),
	.intro-wrap li:first-child:nth-last-child(19) ~ li:nth-child(n+16){border-bottom:0}
}
@media (max-width:720px) {
	.intro-wrap{padding:50px 0}
	.intro-wrap h1{margin:0 auto 50px auto;width:80%}
	.intro-wrap h2{font-size:1.4rem;margin-top:25px}
	.intro-wrap li{width:50%;height:50px}
	
	.intro-wrap li:nth-child(2n),
	.intro-wrap li:first-child:nth-last-child(6) ~ li,
	.intro-wrap li:first-child:nth-last-child(8) ~ li:nth-child(8){border-right:0}
	
	.intro-wrap li:first-child:nth-last-child(6), 
	.intro-wrap li:first-child:nth-last-child(6) ~ li,
	.intro-wrap li:first-child:nth-last-child(11), 
	.intro-wrap li:first-child:nth-last-child(11) ~ li,
	.intro-wrap li:first-child:nth-last-child(14), 
	.intro-wrap li:first-child:nth-last-child(14) ~ li,
	.intro-wrap li:first-child:nth-last-child(17), 
	.intro-wrap li:first-child:nth-last-child(17) ~ li, 
	.intro-wrap li:first-child:nth-last-child(19), 
	.intro-wrap li:first-child:nth-last-child(19) ~ li{width:50%}
	
	.intro-wrap li:nth-child(5n), 
	.intro-wrap li:first-child:nth-last-child(6) ~ li:nth-child(odd),
	.intro-wrap li:first-child:nth-last-child(8) ~ li:nth-child(odd),
	.intro-wrap li:first-child:nth-last-child(14) ~ li:nth-child(odd),
	.intro-wrap li:first-child:nth-last-child(19) ~ li:nth-child(odd),
	.intro-wrap li:first-child:nth-last-child(17) ~ li:nth-child(odd){border-right:1px solid #c8c8c8}
	
	.intro-wrap li:first-child:nth-last-child(6),
	.intro-wrap li:first-child:nth-last-child(6) ~ li,
	.intro-wrap li:first-child:nth-last-child(8) ~ li:nth-child(n+6),
	.intro-wrap li:first-child:nth-last-child(11) ~ li:nth-child(n+7),
	.intro-wrap li:first-child:nth-last-child(14) ~ li:nth-child(n+8),
	.intro-wrap li:first-child:nth-last-child(15) ~ li:nth-child(n+11),
	.intro-wrap li:first-child:nth-last-child(17) ~ li:nth-child(n+16),
	.intro-wrap li:first-child:nth-last-child(19) ~ li:nth-child(n+16){border-bottom:1px solid #c8c8c8}
	
	.intro-wrap li:first-child:nth-last-child(6) ~ li:nth-child(n+5),
	.intro-wrap li:first-child:nth-last-child(8) ~ li:nth-child(n+7),
	.intro-wrap li:first-child:nth-last-child(11) ~ li:nth-child(n+11),
	.intro-wrap li:first-child:nth-last-child(14) ~ li:nth-child(n+13),
	.intro-wrap li:first-child:nth-last-child(15) ~ li:nth-child(n+15),
	.intro-wrap li:first-child:nth-last-child(17) ~ li:nth-child(n+17),
	.intro-wrap li:first-child:nth-last-child(19) ~ li:nth-child(n+19){border-bottom:0}
}