@charset "utf-8";

#intro-wrap{background:url('/_res/deu/www/img/intro/intro-img06.png') var(--color-s) left bottom/cover no-repeat;min-height:100vh}
#intro-wrap .inner{max-width:1400px;margin:0 auto}
.intro-hd .inner{display:flex;justify-content:space-between;padding-top:20px}
.intro-hd .logo{display:flex;gap:20px;align-items:center}
.intro-hd .subject{color:#fff;font-size:1.5rem;font-family:'Paperlogy';font-weight:500}
.intro-hd .btn-wrap{display:flex;gap:10px;align-items:center}
.intro-hd .btn-wrap > *{width:170px;height:40px;font-family:'Paperlogy';display:flex;align-items:center;justify-content:center;background-color:#fff;border-top-left-radius:10px;border-bottom-right-radius:10px;gap:5px;font-size:.875rem;font-weight:500}
.intro-hd .btn-wrap span{position:relative;display:flex;gap:5px;align-items:center;color:var(--color-s);font-weight:600}
.intro-hd .btn-wrap span::before{background:url('/_res/deu/www/img/intro/intro-img02.png') center no-repeat;content:"";width:17px;height:16px}
.intro-hd .btn-wrap span::after{position:absolute;right:-58px;top:-1px;content:"";border-radius:50%;background-color:rgba(43,135,200,.3);width:0;height:0;transition:.3s}
.intro-hd .btn-wrap > *:hover span::after{width:8px;height:8px}
.intro-hd .btn-wrap > *:last-child span::before{background-image:url('/_res/deu/www/img/intro/intro-img03.png')}
.intro-main{position:relative;min-height:calc(100vh - 180px);display:flex;align-items:center}
/*.intro-main::before{position:absolute;left:0;bottom:0;width:100%;height:100%;background:url('/_res/deu/www/img/intro/intro-img05.png') left bottom no-repeat;content:""}*/
.intro-main .link-inner{display:flex;gap:20px;justify-content:space-between}
.intro-main .link-inner .right{background-color:var(--color-h);padding:30px 40px;width:350px;border-top-right-radius:20px;border-bottom-left-radius:20px;flex-shrink:0}
.intro-main .link-inner .slogo{text-align:center}
.intro-main .link-inner .link-wrap{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.intro-main .link-inner .link-wrap .item{background-color:#fff;padding:5px 10px;width:100%;height:40px;display:flex;align-items:center;border-top-right-radius:10px;border-bottom-left-radius:10px}
.intro-main .link-inner .link-wrap .item span{position:relative;display:flex;gap:5px;justify-content:space-between;align-items:center;width:100%}
.intro-main .link-inner .link-wrap .item span::before{position:absolute;left:-2px;top:-1px;content:"";border-radius:50%;background-color:rgba(43,135,200,.3);width:0;height:0;transition:.3s}
.intro-main .link-inner .link-wrap .item:hover span::before{width:8px;height:8px}
.intro-main .link-inner .link-wrap .item span::after{background:url('/_res/deu/www/img/intro/intro-arrow.png') center/contain no-repeat;width:40px;height:10px;content:"";flex-shrink:0;transition:.3s;display:none}
.intro-main .link-inner .link-wrap .item:hover span::after{transform:translateX(-10px)}
.intro-main .link-inner .left{display:flex;gap:20px;flex-wrap:wrap}
.intro-main .link-inner .left .item{position:relative;width:calc(33.333% - 15px);background-color:#fff;border-top-right-radius:10px;border-bottom-left-radius:10px;padding:20px;height:210px}
.intro-main .link-inner .left .item::after{position:absolute;bottom:20px;right:20px;background:url('/_res/deu/www/img/intro/intro-arrow.png') center/contain no-repeat;width:60px;height:20px;content:"";flex-shrink:0;transition:.3s;display:none}
.intro-main .link-inner .left .item::before{background:url('/_res/deu/www/img/comm/logo-bg.png') right bottom/contain no-repeat;content:"";width:50%;aspect-ratio:376/421;position:absolute;right:0;bottom:0;opacity:0;transition:.3s}
.intro-main .link-inner .left .item:hover::before{opacity:1}
.intro-main .link-inner .left .item:hover::after{right:30px}
.intro-main .badge{width:100px;height:35px;border-radius:80px;color:#fff;font-weight:600;border-bottom-left-radius:0;display:flex;align-items:center;justify-content:center;background-color:#195821}
.intro-main .badge.a{background-color:#E4C900}
.intro-main .badge.b{background-color:#F44B67}
.intro-main .badge.c{background-color:#C74F3A}
.intro-main .board-con{-webkit-line-clamp:2;font-size:1.125rem;margin:20px 0;word-break:keep-all;font-weight:500}
.intro-youtube-wrap{padding:20px 0;display:flex;gap:20px;align-items:center;color:#fff;font-size:1.125rem;font-family:'Paperlogy';display:none}
.intro-ft{position:relative;background-color:#222} 
.intro-ft .inner{position:relative;display:flex;gap:50px;padding:30px 0;color:#fff;align-items:center;font-weight:normal}
.intro-ft .inner::before{position:absolute;content:"";background:url('/_res/deu/www/img/intro/intro-img04.png') center/contain no-repeat;bottom:0;right:0;width:350px;aspect-ratio:351/430}
.intro-ft .flogo{opacity:.6;display:none}
.intro-ft .ft-info{opacity:.6}

@media (max-width:1200px){
	.intro-hd .inner{padding:20px}
	.intro-hd .subject{font-size:1.25rem}
	.intro-hd .logo{flex-wrap:wrap}
	.intro-hd .btn-wrap > *{width:145px}
	
	.intro-main .link-inner .right{width:300px;padding:20px}
	.intro-main .inner{padding:20px}
	
	.intro-ft .inner{padding:50px 20px;gap:20px;flex-wrap:wrap}
	.intro-ft .inner::before{width:30%;right:20px;bottom:100px}
}

@media (max-width:720px){
	.intro-hd .inner{flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}
	.intro-hd .logo{justify-content:center}
	.intro-hd .subject{word-break:keep-all}
	
	.intro-main .link-inner{flex-direction:column-reverse}
	.intro-main .link-inner .right{max-width:100%;width:100%}
	.intro-main .link-inner .left .item{width:calc(50% - 10px)}
	
	.intro-ft .inner{text-align:center;justify-content:center}
	.intro-ft .inner::before{display:none}
}

/***************************************************
* 250812 수강신청 인트로 - eun
****************************************************/
#intro-type-wrap{background:url('/_res/deu/www/img/intro/intro-img07.png') center/cover no-repeat;min-height:100vh;display:flex;align-items:center;justify-content:center}
#intro-type-wrap .inner{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:20px;width:100%}
#intro-type-wrap .subject-wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;font-size:1.25rem}
#intro-type-wrap .subject-wrap .info::after{display:block;width:1px;height:40px;content:"";background-color:#253E54;margin:20px auto 20px 5px}
#intro-type-wrap .subject-wrap .logo{width:151px}
#intro-type-wrap .subject-wrap .year{color:#0062BA;font-family:'GmarketSans'}
#intro-type-wrap .subject-wrap .year strong{font-size:150px;font-weight:100;font-family:'Times New Roman'}
#intro-type-wrap .subject-wrap .day{color:#253E54;font-family:'GmarketSans';font-size:40px;font-weight:bold;display:flex;gap:30px;align-items:baseline}
#intro-type-wrap .subject-wrap .day small{font-size:1.25rem;font-weight:normal}
#intro-type-wrap .link-wrap{display:flex;gap:25px;width:100%}
#intro-type-wrap .link-wrap .item{position:relative;display:block;border-radius:25px;padding:45px;color:#fff;font-size:1.25rem}
#intro-type-wrap .link-wrap .subject{display:flex;flex-direction:column;font-weight:500}
#intro-type-wrap .link-wrap .item .subject small{font-weight:100;font-size:.45em;opacity:.5;font-family:'GmarketSans';letter-spacing:.12em}
#intro-type-wrap .link-wrap > .item:first-child{width:600px;background:url('/_res/deu/www/img/intro/intro-img10.png') center/cover no-repeat;font-size:1.875rem;flex-shrink:0;text-align:right}
#intro-type-wrap .link-wrap > .item:first-child::before{content:"";background:url('/_res/deu/www/img/intro/intro-img08.png') center/cover no-repeat;display:block;position:absolute;left:-34px;bottom:-120px;aspect-ratio:1/1;width:447px}
#intro-type-wrap .link-wrap > .item:first-child .subject::after,
#intro-type-wrap .link-wrap > .item:last-child .subject::after{display:block;content:"";background:url('/_res/deu/www/img/intro/intro-arrow001.png') center/cover no-repeat;width:7px;height:14px;margin-left:98%;margin-top:20px;transition:.3s}
#intro-type-wrap .link-wrap > .item:first-child:hover{box-shadow:8px 16px 30px rgba(61,145,179,.3);background-color:#0870CE}
#intro-type-wrap .link-wrap > .item:last-child:hover{box-shadow:8px 16px 30px rgba(90,166,170,.3);background-color:#47AFEF}
#intro-type-wrap .link-wrap > .item:first-child:hover .subject::after,
#intro-type-wrap .link-wrap > .item:last-child:hover .subject::after{margin-left:95%}
#intro-type-wrap .link-wrap > .item:last-child{flex-grow:1;font-size:1.875rem;background:url('/_res/deu/www/img/intro/intro-img11.png') center/cover no-repeat;text-align:right;font-weight:500}
#intro-type-wrap .link-two{display:flex;gap:20px;flex-direction:column}
#intro-type-wrap .link-wrap > .item:last-child::before{content:"";background:url('/_res/deu/www/img/intro/intro-img09.png') center/cover no-repeat;display:block;position:absolute;left:0;bottom:-40px;aspect-ratio:1/1;width:274px}
#intro-type-wrap .link-two .item{height:200px;width:355px;background-color:#48D0E8;border:1px solid #38BFD7}
#intro-type-wrap .link-two .item:hover{background-color:#38BFD7}
#intro-type-wrap .link-two .item:last-child:hover{background-color:#3DD4A9}
#intro-type-wrap .link-two .item:hover .subject::after{margin-left:10px}
#intro-type-wrap .link-two .item::before{position:absolute;right:10px;bottom:10px;background:url('/_res/deu/www/img/intro/intro-img12.png') center/cover no-repeat;content:"";width:113px;height:89px}
#intro-type-wrap .link-two .item:last-child{background-color:#3DD4A9;border-color:#3DD4A9}
#intro-type-wrap .link-two .item:last-child::before{background-image:url('/_res/deu/www/img/intro/intro-img13.png')}
#intro-type-wrap .link-wrap .link-two .subject{flex-direction:row;gap:20px;align-items:center}
#intro-type-wrap .link-two .subject::after{display:block;content:"";background:url('/_res/deu/www/img/intro/intro-arrow001.png') center/cover no-repeat;width:7px;height:14px;transition:.3s}
#intro-type-wrap .ico-wrap{background-color:rgba(255,255,255,.95);border:1px solid #BCDFE9;border-radius:25px;padding:0 40px;display:flex;justify-content:space-between;position:relative;z-index:10}
#intro-type-wrap .ico-wrap .item{color:#1E4563;display:flex;gap:10px;align-items:center;padding:40px 0}
#intro-type-wrap .ico-wrap .item::before{background:url('/_res/deu/www/img/intro/intro-img14.png') center no-repeat;width:20px;height:20px;content:""}
#intro-type-wrap .ico-wrap .item:hover{color:#112a3d}
#intro-type-wrap .ico-wrap .item:nth-child(2)::before{background-image:url('/_res/deu/www/img/intro/intro-img15.png')}
#intro-type-wrap .ico-wrap .item:nth-child(3)::before{background-image:url('/_res/deu/www/img/intro/intro-img16.png')}
#intro-type-wrap .ico-wrap .item:nth-child(4)::before{background-image:url('/_res/deu/www/img/intro/intro-img17.png')}
#intro-type-wrap .ico-wrap .item:nth-child(5)::before{background-image:url('/_res/deu/www/img/intro/intro-img18.png')}
#intro-type-wrap .ico-wrap .item:nth-child(6)::before{background-image:url('/_res/deu/www/img/intro/intro-img19.png')}
#intro-type-wrap .ico-wrap .item::after{background:url('/_res/deu/www/img/intro/intro-img20.png') center no-repeat;width:6px;height:10px;content:"";transition:.3s}

@media (max-width:1400px){
	#intro-type-wrap .inner{padding:0 20px}
	#intro-type-wrap .subject-wrap .year strong{font-size:120px}
	#intro-type-wrap .subject-wrap .day{font-size:30px}
	#intro-type-wrap .link-wrap > .item:first-child{width:40%}
	#intro-type-wrap .link-two{width:25%}
	#intro-type-wrap .link-two .item{width:100%}
	#intro-type-wrap .link-wrap > .item:first-child,
	#intro-type-wrap .link-wrap > .item:last-child{font-size:1.5rem}
}

@media (max-width:1200px){
	#intro-type-wrap .subject-wrap{font-size:1rem}
	#intro-type-wrap .subject-wrap .year strong{font-size:80px}
	#intro-type-wrap .subject-wrap .day{font-size:1.25rem;gap:20px}
	#intro-type-wrap .subject-wrap .day small{font-size:1rem}
	#intro-type-wrap .ico-wrap{flex-wrap:wrap;padding:20px;gap:20px;justify-content:center}
	#intro-type-wrap .ico-wrap .item{padding:10px}
}

@media (max-width:1024px){
	#intro-type-wrap{padding:50px 0}
	#intro-type-wrap .subject-wrap{flex-direction:column-reverse;align-items:center;text-align:center}
	#intro-type-wrap .subject-wrap .year strong{font-size:40px}
	#intro-type-wrap .subject-wrap .day{flex-direction:column;gap:0;align-items:center}
	#intro-type-wrap .subject-wrap .info::after{margin:20px auto}
	#intro-type-wrap .link-wrap > .item:first-child{width:100%;padding-bottom:50px}
	#intro-type-wrap .link-wrap > .item:last-child{width:100%;padding-bottom:50px}
	#intro-type-wrap .link-wrap > .item:first-child::before{width:40%;bottom:-9vw;left:0}
	#intro-type-wrap .link-wrap > .item:last-child::before{width:40%;bottom:-5vw;left:0}
	#intro-type-wrap .link-two .item{height:160px}
	#intro-type-wrap .link-wrap{gap:20px;flex-direction:column}
	#intro-type-wrap .link-two{width:100%}
	#intro-type-wrap .link-wrap .item{padding:30px;border-radius:20px}
}