@charset "utf-8";
/* 정보 박스 공통 스타일 - 푸른색 계열 */
.info_box {
    position: relative; 
    width: calc(25% - 20px); 
    margin-right: 30px; 
    float: left; 
    padding: 20px 50px;
    background: #f0f5ff; /* 연한 푸른색 배경 */
    border-radius: 5px; 
    margin-bottom: 55px;
    border-top: 3px solid #3a8afd; /* 푸른색 상단 테두리 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.info_box:nth-child(4n) {
    margin-right: 0;
}

.info_box:nth-child(4n+1) {
    clear: both;
}

.info_box .box_title {
    display: block;
    line-height: 45px;
    font-size: 24px;
    color: #2a5db0; /* 진한 푸른색 */
    margin-bottom: 15px;
}

.info_box .box_title a {
    color: #2a5db0; /* 진한 푸른색 */
    display: inline-block;
    position: relative;
    font-weight: 600;
}

.info_box .more_btn {
    position: absolute;
    top: 30px;
    right: 50px;
    display: block;
    width: 26px;
    line-height: 26px; 
    font-size: 18px; 
    color: #3a8afd; /* 푸른색 */
    border: 1px solid #3a8afd; /* 푸른색 테두리 */
    text-align: center;
    border-radius: 50%; /* 원형 버튼 */
    background: #fff;
}

.info_box .more_btn:hover {
    background: #3a8afd; /* 푸른색 배경 */
    color: #fff;
}

.info_box ul {
    padding: 0;
    margin: 0;
}

.info_box ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

.info_box li {
    padding: 8px 0; 
    color: #555; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; /* 긴 텍스트 ... 처리 */
    font-size: 15px; 
    letter-spacing: -0.5px;
    border-bottom: 1px dotted #e5e5e5; /* 구분선 추가 */
}

.info_box li:last-child {
    border-bottom: none;
}

.info_box li a {
    color: #555;
    display: block;
    position: relative;
}

.info_box li a:hover {
    color: #3a8afd; /* 마우스 오버 시 푸른색 */
}

.info_box .date {
    float: right;
    color: #999;
    font-size: 13px;
}

.info_box .empty_item {
    line-height: 145px;
    color: #999;
    text-align: center;
    padding: 0;
    border-bottom: none;
}

/* 각 박스별 커스텀 스타일 */
.faq_box {
    background: #eef4ff; /* 연한 파란색 */
    border-top-color: #2f80ed;
}

.guide_box {
    background: #ecf2ff; /*