@charset "utf-8";
/* 새글 스킨 (latest) */

#notice ul li {border-bottom: 1px solid #ddd; transition-duration: 0.3s;}
#notice ul li:first-child {border-top: 1px solid #ddd;}
#notice ul li a {display: flex; justify-content: space-between; align-items: center; padding: 30px; }
#notice ul li a .txtwrap {width: 80%;}
#notice ul li a .txtwrap p {font-size: 20px; font-weight: 600; margin-bottom: 20px;}
#notice ul li a .txtwrap span {color: #999; font-size: 15px; font-weight: 400;}
#notice ul li a .noticebtn {width: 40px; height: 40px; background-image: url(../../../img/noticebtn.png); background-size: cover;}

#notice ul li.empty_li {min-height: 370px; display: flex; justify-content: center; align-items: center;}
#notice ul li.empty_li p {font-size: 16px; color: #666;}

#notice ul li:hover {background-color: #f5f5f5;}

@media screen and (max-width: 960px) {
    #notice ul li a {padding: 20px;}
    #notice ul li a .txtwrap p {font-size: 18px; margin-bottom: 15px;}
    #notice ul li a .txtwrap span {font-size: 14px;}
}

@media screen and (max-width: 640px) {
    #notice ul li a .txtwrap p {font-size: 16px; margin-bottom: 10px;}
    #notice ul li a .txtwrap span {font-size: 12px;}
    #notice ul li a .noticebtn {width: 30px; height: 30px;}
}