@charset "utf-8";
/* 승희아빠 */

/* 새글 스킨 (latest) */
.kor { word-wrap: break-word; word-break: keep-all; }/* 한글 줄바꿈 */
.notice {font-size: 14px;}
.notice .latest {position: relative;display: inline-block;max-width:70%; /* Customise it accordingly */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.latest .material-icons {font-size: 13px;}
.latest-more .material-icons {position: relative;font-size: 18px;top: 4px;}
/* .notice h4:before {position: absolute;content: '';background-image: url('/theme/dp_theme_v2/img/mic_none-24px-b.svg');background-repeat: no-repeat;background-size: 2.2em 2.2em;background-position: 0;height: 2.2em;width: 2.2em;margin-left: -0.8em;margin-top: 0.12em;} */
.notice h4 {margin-bottom: 1.5em;}
.notice h4 a {font-size: 30px;color: #000;letter-spacing: -0.08411em;font-weight: 500;}
@media (min-width: 576px){
.notice h4 a {font-size: 1.7em;}
}
.notice .latest a {font-size: 1.05em;font-weight: 300;color: #000;}
/* .notice ol.dp-ol > li:before {content: url('/theme/dp_theme_v2/img/arrow_right-24px-b.svg')!important;position: absolute;background-repeat: no-repeat;margin-top: 0.2em;margin-left: -0.95em;height: 1.2em;width: 1.2em;content: '';} */
.notice .latest-more a {font-size: 0.75em;color: rgba(0, 0, 0, 1)!important;margin-top: 0px;right: 15px;position:absolute;opacity: 1;margin-top: 1.5em;}
.notice .latest-more a i {font-size: 0.7em;}
/*
i.ti-plus:hover  {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
*/
.box-hover-1 .i {transition: 0.5s;}
.box-hover-1:hover .i {color: rgba(0, 0, 0, 0.4);-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.notice .latest-hr { display:none; margin:10px 0px; }
.notice .ls {position: absolute;display: inline-block;color: rgba(0, 0, 0, 0.6)!important;width: 90px;right: 0;text-align: right;margin-top: 2px}
.notice .dp-row div.col-md-12 {padding-right: 0px;padding-left: 0px;}
.notice .dp-t-icon {position: absolute;}
.notice .dp-datetime {}
.notice .dp-ol > li {position: relative;line-height: 1.5em}
.notice a.more {font-size: 1rem;color: #000!important;}
.notice ol {margin-top: 0;margin-bottom: 0;}

@media (min-width: 768px){
    .notice {font-size: 16px}
    .notice h4:before {margin-top: 0.25em;}
    
}


