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

#notice ul li {border-bottom: 1px solid #ddd; transition-duration: 0.3s; display: none;}
#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;}

#notice .morebtn {margin-top: 50px; display: flex; justify-content: center;}
#notice .morebtn span {font-size: 18px; color: #ce1414; border: 1px solid #ce1414; padding: 10px 40px; border-radius: 22px; background-color: #fff; transition-duration: 0.3s; cursor: pointer;}
#notice .morebtn span:hover {color: #fff; background-color: #ce1414;}

@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;}
    
    #notice .morebtn {margin-top: 40px;}
    #notice .morebtn span {font-size: 16px; padding: 10px 30px;}
}

@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;}

    #notice .morebtn {margin-top: 30px;}
    #notice .morebtn span {font-size: 14px; padding: 10px 20px;}
}