@charset "utf-8";

.basic-notice-slider { overflow:hidden; position:relative; width:100%; line-height:20px; }
.basic-notice-slider .txt-normal { letter-spacing:0; }
.basic-notice-slider .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-notice-slider .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-notice-slider .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-notice-slider .post-image { position:relative; overflow:hidden; }
.basic-notice-slider .post-content { padding-top:10px; margin:-2px 0px; overflow:hidden; }
.basic-notice-slider .post-subject { overflow:hidden; padding-right:1px; }
.basic-notice-slider .post-text { font-size:12px; color:#888; margin-top:4px;}
.basic-notice-slider .post-sp { color:#ccc; margin:0px 4px; }
.is-pc .ko .basic-notice-slider .post-ko { font-size:11px; }

.basic-notice-slider .box_frame {background:#fff; font-family:Noto Sans KR; min-height:180px; line-height:24px; text-align:left;}
.basic-notice-slider .box_con { padding-top: 10px;}
.basic-notice-slider .box_date { border-top:0px solid #ddd; padding-top:10px;}

.basic-notice-slider .owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span {
    background: rgba(255, 255, 255, 10);
    transition: all 0.3s ease-in-out;
}


.basic-notice-slider .owl-controls .owl-page span {
    display: block;
    width: 16px;
    height: 16px;
    margin: 5px;
    cursor: pointer;
    color: transparent;
    outline: none;
	 border:2px solid #fff;
    background: transparent;
}

.basic-notice-slider .owl-carousel .owl-controls {
    padding-top:2%;
	text-align: center;
    -webkit-tap-highlight-color: transparent;
}


















/* 스타일 추가 및 수정 201223  */


.basic-notice-slider .img-wrap {padding-bottom: 72% !important;}

@media (max-width: 1400px) { 
.basic-notice-slider .img-wrap {padding-bottom: 75% !important;}
}

@media (max-width: 1200px) { 
.basic-notice-slider .img-wrap {padding-bottom: 90% !important;}
}

@media (max-width: 991px) { 
.basic-notice-slider .img-wrap {padding-bottom: 75% !important;}
}

@media (max-width: 768px) { 
.basic-notice-slider .img-wrap {padding-bottom: 55% !important;}
}

@media (max-width: 540px) { 
.basic-notice-slider .img-wrap {padding-bottom: 65% !important;}
}

@media (max-width: 480px) { 
.basic-notice-slider .img-wrap {padding-bottom: 88% !important;}
}



.basic-notice-slider .box_frame { border:1px solid #dfdfdf; padding:30px; }

.basic-notice-slider .box_top { display:flex; justify-content:space-between; margin-bottom:14px; }
.basic-notice-slider .box_top_text { width:55px; height:34px; background:#1c2185; color:#fff; text-align:center; line-height:34px; font-size:18px; font-weight:300; }
.basic-notice-slider .box_top_more { font-size:60px; transition:.3s; }
.basic-notice-slider .box_frame:hover .box_top_more { transform:rotate(180deg); color:#000; }

.basic-notice-slider .box_subject { 
font-size:20px; color:#333; font-weight:700;
/* 한 줄 자르기 */ display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
/* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height: 2.4em;/* line-height의 배수 */ text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; /* 줄갯수 */ -webkit-box-orient: vertical;
}
.basic-notice-slider .box_con > p { 
font-size:16px; color:#333; font-weight:400; margin:0;
/* 한 줄 자르기 */ display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
/* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.4; height: 4.2em;/* line-height의 배수 */ text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; /* 줄갯수 */ -webkit-box-orient: vertical;
}
.basic-notice-slider .box_date { font-size:16px; color:#333; font-weight:400; }

.basic-notice-slider .bottom_more > a { display:block; text-align:right; font-size:16px; color:#333; font-weight:400; }
.basic-notice-slider .bottom_more > a > i { font-size:20px; margin-left:5px; }