@charset "utf-8";

/* 새글 스킨 (latest) */
.main_notice{margin-bottom: 120px;}
.main_notice .notice_box{border-top: 1px solid #dddddd}
.main_notice .notice_box li{border-bottom: 1px solid #dddddd}
.main_notice .notice_box li:nth-child(1){ border-top: 1px solid #3a3a3a;}
.main_notice .notice_box li:hover{border-bottom: 1px solid #800021;}


.main_notice .ctg_tx{font-family: "Noto_Sans_KR variant4", Tofu; font-size: 1.12em; color: #800021; font-weight: 700; margin-right: 5em;}
.main_notice .basic_li{height: 160px; padding: 0 2em 0 2em;}
.main_notice .basic_li a{font-size: 1.2em; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; display: block;}
.main_notice .basic_li a i{color: #bbb;}

.main_notice .basic_li .lt_date{color: #bbbbbb; font-size: 1em;}
.main_notice .basic_li .cl_bpx{display: flex; align-items: center; margin-top: 1em;}
.main_notice .basic_li .cl_img{background: url("../notice_board/img/notice_clock.png"); background-repeat: no-repeat; width: 15px; height: 15px; margin-right: 10px;}

.main_notice .pl_btn,.main_notice .pl_btn2{color: #bbbbbb; margin-left: auto; display: flex; align-items: center;justify-content: center;}
.main_notice .pl_btn .pl_line,.main_notice .pl_line2{width: 2.5em; height: 2.5em; border: 1px solid #ddd; position: absolute;}
.main_notice .pl_btn2{height: 2.5em;}

.main_notice .notice_box li:hover .pl_btn .pl_line{width: 2.5em; height: 2.5em; transform: rotate( -45deg );transition: 1s; display: flex; align-items: center;justify-content: center; background-color: #800021; z-index: -2;}
.main_notice .notice_box li:hover .pl_btn a i{color: #fff; z-index: 30;}


.main_notice .main_title .notice_allbtn{display: flex; padding-right: 20px; justify-content: space-between; align-items: center; height: 2.5em}

.main_notice .main_title .notice_allbtn p{float: left;}
.main_notice .main_title .notice_allbtn a{width: 2.5em; height: 2.5em;}

.main_notice .main_title .notice_allbtn a:hover .pl_line2{background-color: #800021;transform: rotate( -45deg );transition: 1s; z-index: -1}
.main_notice .main_title .notice_allbtn a:hover i{color: #fff;}