@charset "UTF-8";

.newsnnotice {
    max-height: 680px;
    overflow: hidden;
    padding-top: 90px;
}

.newsnnotice .recentBbsLi ul li {
    border-bottom: 1px solid #ccc;
}

.newsnnotice .recentBbsLi ul li a{
    display:block;
    transition: all ease .75s;
    background-position: right center;
}

.newsnnotice .date_box {
    display: inline-block;
    vertical-align: middle;
    width: 170px;
    padding: 52px 45px 47px;
    line-height: 1.5;
    text-align: center;
}

.newsnnotice .date_box span {
    font-family: 'Gmarket-Medium';
    color: #212121;
    font-size: 22px;
}

.newsnnotice .date_box strong {
    font-family: 'Gmarket-Bold';
    color: #212121;
    font-size: 40px;
}

.newsnnotice .recentBbsTitle {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    width: calc(100% - 175px);
}

.newsnnotice .recentBbsTitle .cate-title {
    font-family: 'Gmarket-Medium';
    color: #004b83;
    font-size: 26px;
}

.newsnnotice .recentBbsTitle .write-title {
    line-height: 1.35;
    margin-bottom: 10px;
}

.newsnnotice .recentBbsTitle .write-title strong {
    font-size: 28px;
    font-family: 'Gmarket-Medium';
    color: #212121;
    display: inline-block;
    vertical-align: top;
    letter-spacing: .25px;
}

.newsnnotice .recentBbsTitle .write-title strong:after{
    content:'';
    width:0;
    height:1px;
    background:#fff;
    position:absolute;
    bottom:0;
    left:0;
    transition:all ease 1s;
}

.newsnnotice .recentBbsTitle p {
    font-size: 18px;
    font-family: 'Gmarket-Light';
    color: #212121;
    max-height: 54px;
    overflow: hidden;
}

.newsnnotice .recentBbsTitle .newArtcl {
    display: inline-block;
    font-family: 'Gmarket-Bold';
    font-size: 12px;
    color: #fff;
    padding: 6px 10px 5px;
    background: #2d96d3;
    border-radius: 3px;
    letter-spacing: .1px;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 15px;
}

.newsnnotice .recentBbsMore {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1.5;
    font-size:14px;
    display:block;
    padding-bottom:5px;
    padding-right: 30px;
    background: url('./../images/view-more.png') no-repeat right 5px;
    font-family: 'Gmarket-Medium';
}

.newsnnotice .recentBbsMore:after{content:'';width: calc(100% - 30px);height:1px;background:#717171;position:absolute;left:0;bottom:5px;}


.newsnnotice .recentBbsLi ul li a:hover{background: #004b83 url('./../images/notice-plus.png') no-repeat 95% center;}
.newsnnotice .recentBbsLi ul li a:hover .date_box span{color:rgba(255,255,255,0.5);}
.newsnnotice .recentBbsLi ul li a:hover .date_box strong{color:rgba(255,255,255,1);}
.newsnnotice .recentBbsLi ul li a:hover .recentBbsTitle .cate-title{color:rgba(255,255,255,0.2)}
.newsnnotice .recentBbsLi ul li a:hover .write-title strong{color:rgba(255,255,255,1);position:relative;}
.newsnnotice .recentBbsLi ul li a:hover .write-title strong:after{width:100%;}
.newsnnotice .recentBbsLi ul li a:hover .recentBbsTitle p{color:rgba(255,255,255,1);}

@media all and (max-width:1700px) {
.newsnnotice .date_box{padding:40px 35px}
}

@media all and (max-width:1400px) and (max-height:820px) {
.newsnnotice{padding-top:65px;}
.newsnnotice .date_box{padding:30px 35px}
.newsnnotice .recentBbsTitle .cate-title{font-size:22px;}
.newsnnotice .recentBbsTitle .write-title strong{font-size:25px;}
}

@media all and (max-width:1200px) {
.newsnnotice{padding-top:120px;max-height: initial;}
.newsnnotice .recentBbsMore{top:80px;}
}

@media all and (max-width:767px) {
.newsnnotice .recentBbsLi ul li a{padding:20px;}
.newsnnotice .date_box{display:block;padding:10px 0;width:auto;text-align:left;padding:0;}
.newsnnotice .date_box span{font-size:16px;}
.newsnnotice .date_box strong{font-size:16px;font-family:'Gmarket-Medium';display:inline-block;margin-left:-4px;}
.newsnnotice .recentBbsTitle{padding-left:0;width: calc(100% - 30px);}
.newsnnotice .date_box strong:before{content:'.';}
.newsnnotice .recentBbsTitle .cate-title{font-size:18px;}
.newsnnotice .recentBbsTitle .write-title strong{font-size:22px;}
.newsnnotice .recentBbsTitle .newArtcl{font-size:10px;padding:7px 12px 5px;margin-top:0;margin-left:7px;}
.newsnnotice .recentBbsTitle p{font-size:16px;}
}