
.banner {
    background: url('../images/main/main-background_1.jpg') no-repeat center center;
    height: 250px;
    background-size: cover;
}
.icon-container {
    display: flex;
    flex-wrap: wrap; /* 아이콘이 줄바꿈이 가능하도록 설정 */
    justify-content: space-between; /* 아이콘 간의 간격을 균등하게 배분 */
    margin: 20px 0;
}
.icon {
    position: relative; /* 타이틀 이미지를 아이콘 위에 배치하기 위해 position 설정 */
    text-align: center;
    flex: 0 1 calc(16.66% - 10px); /* 각 아이콘의 너비를 16.66%로 설정하여 6개가 한 줄에 배치되도록 합니다. */
    margin: 5px; /* 아이콘 간의 여백 */
    font-size: 15px;
}
.icon img {
    width: 70px;
    height: 70px;
    display: block;
    margin: 0 auto;
}
.icon-title1 {
    position: center;
    top: -25px; /* 타이틀 이미지를 아이콘 위로 25px 이동 */
    left: 50%;
    transform: translateX(-50%);
    width: 60px; /* 타이틀 이미지의 너비를 설정 */
    height: 20px; /* 타이틀 이미지의 높이를 설정 */
    background: url('../images/icons/bar-1.png') no-repeat center center; /* 타이틀 이미지 설정 */
    background-size: contain;
}
.icon-title2 {
    position: absolute;
    top: -25px; /* 타이틀 이미지를 아이콘 위로 25px 이동 */
    left: 50%;
    transform: translateX(-50%);
    width: 60px; /* 타이틀 이미지의 너비를 설정 */
    height: 20px; /* 타이틀 이미지의 높이를 설정 */
    background: url('../images/icons/bar-2.png') no-repeat center center; /* 타이틀 이미지 설정 */
    background-size: contain;
}
.news-section {
    background-color: white;
    padding: 20px;
    margin-top: 20px;
    border-radius: 8px;
    box-shadow: 0 1px 4px darkgray;
}
.news-section h2 {
    display: inline-block;
    margin-top: 0;
}
.news-section .button {
    float: right;
    font-size: large;
}

.img-border {
    background-color: white;
    margin-top: 20px;
    border-radius: 4px;
    box-shadow: 0 1px 4px darkgray;
}
.placeholder {
    width: 100%;
    height: auto;
}

/* 세무일지 */  
div.plan_list {
    width: 100%;
    padding-top:10px;
}

div.plan_list div.plan_box {
    width: 580px;
}

div.plan_list div.plan_box h3 {
    width: 100%;
    height: 60px;
    border: 2px solid #ccc;
    text-align: center;
    line-height: 58px;
    font-size: 24px;
    font-weight: bold;
    color: #222;
    background: #eee;
}

div.plan_list div.plan_box div.plan_text {
    width: 100%;
    border: 2px solid #ccc;
    border-top: none;
}

div.plan_list div.plan_box div.plan_text ul {
    padding: 20px;
    display: inline-block;
}

div.plan_list div.plan_box div.plan_text ul li {
    width: 100%;
    background: url(../images/contents/list_dot.jpg) no-repeat left 11px;
    padding-left: 16px;
    font-size: 22px;
    color: #222;
    line-height: 36px;
}