@charset "UTF-8";

.intro_departA{height:100%;}

.intro_departA .container{}

.intro_departA a.inner{}
.intro_departA .con{position:relative;margin-left:30px;}

.intro_departA .item_1{position:relative;}
.intro_departA .item_1 img{width:100%;}
.intro_departA .item_1::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0);transition:0.5s;}
.intro_departA .item_1::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;border:10px solid transparent;transition:0.5s;}

.intro_departA .item_2{position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;}
.intro_departA .text_1{font-family:'Dream Medium';font-size:30px;color:#FFF;line-height:1.3;}
.intro_departA .text_2{font-family:'Dream Regular';font-size:16px;color:#FFF;line-height:1.3;padding:15px 20px;}
.intro_departA .text_2::after{content:"";display:block;margin:30px auto 0 auto;width:40px;height:40px;background:url(../images/icon_play.png) no-repeat right center;}

/*컨트롤*/
.intro_departA .control{}
.intro_departA .numbering,
.intro_departA .paging,
.intro_departA .playstop{display:none;}
.intro_departA .prevnext{}
.intro_departA button{display:block;position:absolute;top:calc(50% - 56px);width:36px;height:112px;text-indent:-9999px;}
.intro_departA button.prev{left:0;background:url(../images/prev_w.png) no-repeat left center;}
.intro_departA button.next{right:0;background:url(../images/next_blue.png) no-repeat right center;}
@media all and (max-width:1280px) {
	.intro_departA .con{margin:0 10px;}
	.intro_departA .text_1{font-size:25px;}
	.intro_departA .text_2{font-size:14px;}
	.intro_departA .text_2::after{display:none;}
	.intro_departA button{top:calc(50% - 30px);width:25px;height:60px;}
	.intro_departA button.prev{background:url(../images/prev_blue.png) no-repeat left center;}
	.intro_departA button.next{background:url(../images/next_blue.png) no-repeat right center;}
}
@media all and (max-width:768px) {
	.intro_departA .text_1{font-size:22px;}
	.intro_departA button{top:calc(50% - 20px);width:20px;height:40px;}
}
/*HOVER효과*/
@media all and (min-width:1281px) {
	.intro_departA a.inner:hover .item_1::before{background:rgba(0,0,0,0.3);}
	.intro_departA a.inner:hover .item_1::after{border-color:#0075c0;}
	.intro_departA button.prev:hover{background:url(../images/prev_blue.png) no-repeat left center;}
	.intro_departA button.next:hover{background:url(../images/next_w.png) no-repeat right center;}
}