@charset "utf-8";





/* 라벨 지우기 */
.app-basic-notice-slider .label-cap { display:none; }



.app-basic-notice-slider .owl-carousel  { padding:0 6.49%;}

/* 화살표 */
.app-basic-notice-slider .owl-carousel .owl-controls.clickable .owl-buttons div { display: block; }
.owl-carousel .owl-controls .owl-buttons div { 
width: 4.5rem; height: auto; margin: 0; line-height: 1; color: #dadce0; background: none; font-size: 10rem; font-weight: 300; top: 38%;
}




.app-basic-notice-slider .img-wrap { margin: 0 1.5rem; padding-bottom:36.0rem;height: 750px; }

.thumb_img{
    padding-bottom: 20px;
    display: block;
}
@media (max-width:1200px) {
	.app-basic-notice-slider .img-wrap { margin: 0 1.5rem; padding-bottom:41.0rem; }
}


@media (max-width:768px) {
	.app-basic-notice-slider .img-wrap { margin: 0 1.5rem; padding-bottom:55.0rem; }
}


.app-basic-notice-slider .img-wrap .img-item { padding:0;}

.app-basic-notice-slider .img-wrap .img-item .wd_app_frame1 {border-radius:15px 15px 0 0; padding: 0 7%;}

.app-basic-notice-slider .img-wrap .img-item .wd_app_frame2 {border-radius:0 0 15px 15px; padding: 0 7%;}

.app-basic-notice-slider .img-wrap .tcolor11 {background-color: #229f8c;}
.app-basic-notice-slider .img-wrap .tcolor12 {background-color: #0f6a4d; font-size: 16px; text-align: center;}
.app-basic-notice-slider .img-wrap .tcolor21 {background-color: #223cb5;}
.app-basic-notice-slider .img-wrap .tcolor22 {background-color: #0f1b8c; font-size: 16px; text-align: center;}
.app-basic-notice-slider .img-wrap .tcolor31 {background-color: #1cb8be;}
.app-basic-notice-slider .img-wrap .tcolor32 {background-color: #0d919a; font-size: 16px; text-align: center;}
.app-basic-notice-slider .img-wrap .tcolor41 {background-color: #1fc5a6;}
.app-basic-notice-slider .img-wrap .tcolor42 {background-color: #0ea575; font-size: 16px; text-align: center;}
.app-basic-notice-slider .img-wrap .tcolor51 {background-color: #3dd47e;}
.app-basic-notice-slider .img-wrap .tcolor52 {background-color: #069443; font-size: 16px; text-align: center;}
.app-basic-notice-slider .img-wrap .tcolor61 {background-color: #ff8264;}
.app-basic-notice-slider .img-wrap .tcolor62 {background-color: #e45432; font-size: 16px; text-align: center;}





.app-basic-notice-slider .img-wrap .img-item .box_frame {
-ms-display:flex; -ms-flex-direction:column; -ms-align-items:flex-start; -ms-justify-content:flex-start;
display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;
height: 100%; 
}
.app-basic-notice-slider .img-wrap .img-item .box_frame > * { width: 100%; color: #fff; }

.app-basic-notice-slider .box_date { font-family: 'Roboto'; font-size:2rem; font-weight:bold; margin-bottom: 11.9%; }

.app-basic-notice-slider .box_subject1 { 
/* 한 줄 자르기 */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;
margin:0;     font-weight: 400;
    font-size: 28px;
    line-height: 35px ;margin:8.63% 0 0% 0; border-bottom: 1px solid #fff; padding-bottom:8%;
}




.app-basic-notice-slider .box_subject2 { 
/* 한 줄 자르기 */ white-space: nowrap; text-overflow: ellipsis; text-align: center;margin:0; font-size:20px; font-weight:400; line-height:24px;margin-bottom:10%; padding:10% 0 0 0;}

.app-basic-notice-slider .box_wdtext1 {font-size: 16px; margin-bottom:2.3rem;}
.app-basic-notice-slider .box_wdtext1 .wdspan1 {font-weight: 900; letter-spacing:20px; text-align: center;}
.app-basic-notice-slider .box_wdtext1 .wdspan2 {}

.app-basic-notice-slider .box_wdtextb {color: #fff; padding: 8% 0;}
.app-basic-notice-slider .box_wdtextb a {color: #fff;}


.app-basic-notice-slider .box_con { 
	font-size:2.9rem; font-weight:bold;
	/* 한 줄 자르기 */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
	/* 여러 줄 자르기 추가 스타일 
	white-space: normal; line-height: 1.4; height: 4.2em; text-align: left; word-wrap: break-word; 
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
	*/
}

.app-basic-notice-slider .box_cate { 
margin: auto auto 0; width: 47.62% !important; height: 21.24%; border: 2px solid #fff; font-size: 5rem;
-ms-display:flex; -ms-align-items:center; -ms-justify-content:center;
display:flex; align-items:center; justify-content:center;
}


@media (max-width:768px) {
	.owl-carousel .owl-controls .owl-buttons div { width: 2rem; }
}