/* 경영정보 */
.investors-major { margin: 120px 0 200px; }
.chart-wrap { margin-top: -10px; padding: 100px 10px; display: flex; justify-content: center; align-items: center; gap: 141px; background: #F6F6F6; }
.chart-wrap .chart-txt div { display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: 18px; }
.chart-wrap .chart-txt div:last-child { margin-bottom: 0; }
.chart-wrap .chart-txt div span { display: block; width: 30px; height: 30px; border-radius: 50%; margin-right: 14px; }
.chart-wrap .chart-txt div p { color: #666; font-size: 16px; font-weight: 400; line-height: 1; }
.chart-wrap .chart-box { width: 334px; height: 334px; }
.chart-wrap .chart-box svg { height: 100%!important; }
.chart-wrap .chart-box img { width: 100%; height: 100%; object-fit: cover; }
.chart-wrap .chart-box .ct-label { color: #191919; font-family: Red Hat Display; font-family: 'Red Hat Display', sans-serif; font-size: 14px; font-weight: 700; line-height: 1; fill: #191919; }
.investors-table-wrap { padding-bottom: 200px; }
.investors-table-wrap .caption { color: #9A9A9A; font-size: 17px; font-weight: 400; line-height: 1.32; margin-left: 12px; }
.investors-table-wrap .sub-title { display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: space-between; }
.investors-table-wrap .sub-title ul { display: flex; flex-wrap: nowrap; }
.investors-table-wrap .sub-title ul li { display: flex; flex-wrap: nowrap; align-items: center; margin-left: 32px; }
.investors-table-wrap .sub-title ul li strong { display: block; width: 24px; height: 24px; margin-right: 12px; }
.investors-table-wrap .sub-title ul li p { color: #666; font-size: 16px; font-weight: 400; line-height: 1; }

.investors-table-box { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.investors-table-box .investors-table { width: 45%; max-width: 700px; padding-right: 20px; }
table { color: #191919; text-align: center; font-size: 18px; font-weight: 600; line-height: 1; }
table thead { border-top: 2px solid #191919; background: #F6F6F6; }
table th { width: calc(100%/3); padding: 18px 0; color: #191919; text-align: center; font-family: Red Hat Display; font-family: 'Red Hat Display', sans-serif; font-size: 18px; font-weight: 600; line-height: 1;  border-right: 1px solid #EAEAEA; }
table th:last-child { border-right: none; }
table tr { border-bottom: 1px solid #EAEAEA; }
table td { width: calc(100%/3); padding: 21px 0; color: #333; text-align: center; font-family: Red Hat Display; font-family: 'Red Hat Display', sans-serif; font-size: 18px; font-weight: 400; line-height: 1; border-right: 1px solid #EAEAEA; }
table td:first-child { color: #191919; font-family: Pretendard; font-weight: 600;}
table td:last-child { border-right: none; }

.table-graph { position: relative; width: 55%; max-width: 840px; overflow: hidden; } 
.table-graph .graph { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 560px; overflow: hidden; padding-left: 108px; display: flex; flex-wrap: nowrap; }
.table-graph .graph li { position: relative; width: calc(100%/3); height: 328px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: flex-end; }
.table-graph .graph li::after { content: ""; background: #EAEAEA; width: 2px; height: 200vh; position: absolute; right: 0; top: 6px; }
.table-graph .graph li:last-child:after { display: none; }
.table-graph .graph li::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #333; z-index: 1; }
.table-graph .graph li span { display: block; position: absolute; transform: translateX(-50%); width: 50px; }
.table-graph .graph li span:nth-child(1) { left: calc(50% - 35px); }
.table-graph .graph li span:nth-child(2) { left: calc(50% + 35px); }
.table-graph .graph-background li { position: relative; margin-bottom: 32px; }
.table-graph .graph-background li:after { content: ""; background: #EAEAEA; width: 100%; height: 2px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: -1; }
.table-graph .graph-background li:nth-child(8)::after { background: transparent }
.table-graph .graph-background li:last-child { margin-bottom: 0; background: transparent; }
.table-graph .graph-background li span { display: block; width: 108px; padding-right: 28px; color: #333; text-align: right; font-family: Red Hat Display; font-family: 'Red Hat Display', sans-serif; font-size: 14px; font-weight: 500; line-height: 1; background: #fff; }
.table-graph .graph-txt { float: right; width: calc(100% - 108px); display: flex; flex-wrap: nowrap; align-items: center; text-align: center; padding-top: 23px; }
.table-graph .graph-txt p { width: calc(100%/3); color: #333; text-align: center; font-size: 18px; font-weight: 600; line-height: 1; }

.financial-graph.table-graph .graph { max-height: 328px; }
.financial-graph.table-graph .graph li { height: 238px; }
.financial-graph.table-graph .graph-background li:nth-child(8)::after { background: #EAEAEA; }
.financial-graph.table-graph .graph-background li:nth-child(6)::after { background: transparent; }
@media (max-width: 1180px) {
    .investors-major { margin: calc(100vw * (120 / 1180)) 0 calc(100vw * (200 / 1180)); }
    .chart-wrap { margin-top: calc(100vw * (-10 / 1180)); padding: calc(100vw * (100 / 1180)) calc(100vw * (10 / 1180)); gap: calc(100vw * (141 / 1180)); }
    .chart-wrap .chart-txt div { margin-bottom: calc(100vw * (18 / 1180)); }
    .chart-wrap .chart-txt div span { width: calc(100vw * (30 / 1180)); height: calc(100vw * (30 / 1180)); margin-right: calc(100vw * (14 / 1180)); }
    .chart-wrap .chart-txt div p { font-size: calc(100vw * (16 / 1180)); }
    .chart-wrap .chart-box { width: calc(100vw * (334 / 1180)); height: calc(100vw * (334 / 1180)); }
    .chart-wrap .chart-box .ct-label { font-size: calc(100vw * (14 / 1180)); }
    .investors-table-wrap { padding-bottom: calc(100vw * (200 / 1180)); }
    .investors-table-wrap .caption { font-size: calc(100vw * (17 / 1180)); margin-left: calc(100vw * (12 / 1180)); }
    .investors-table-wrap .sub-title ul li { margin-left: calc(100vw * (32 / 1180)); }
    .investors-table-wrap .sub-title ul li strong { width: calc(100vw * (24 / 1180)); height: calc(100vw * (24 / 1180)); margin-right: calc(100vw * (12 / 1180)); }
    .investors-table-wrap .sub-title ul li p { font-size: calc(100vw * (16 / 1180)); margin-top: 0; }
    .investors-table-box { flex-direction: column-reverse; }
    .investors-table-box .investors-table { max-width: 100%; width: 100%; margin-top: calc(100vw * (120 / 1180)); padding: 0 0 0  calc(100vw * (110 / 1180)); }

    table { font-size: calc(100vw * (18 / 1180)); }
    table th { padding: calc(100vw * (18 / 1180)) 0; font-size: calc(100vw * (18 / 1180)); }
    table td { padding: calc(100vw * (21 / 1180)) 0; font-size: calc(100vw * (18 / 1180)); }
    
    .table-graph { max-width: 100%; width: 100%; } 
    .table-graph .graph { transform: translate3d(0, calc(100vw * (6 / 1180)), 0); max-height: calc(100vw * (556 / 1180)); padding-left: calc(100vw * (110 / 1180)); }
    .table-graph .graph li { height: calc(100vw * (328 / 1180)); }
    .table-graph .graph li::after { top: calc(100vw * (6 / 1180)); }
    .table-graph .graph li::before { transform: translate3d(0, calc(100vw * (0 / 1180)), 0); }
    .table-graph .graph li span { width: calc(100vw * (50 / 1180)); }
    .table-graph .graph li span:nth-child(1) { left: calc(50% - calc(100vw * (35 / 1180))); }
    .table-graph .graph li span:nth-child(2) { left: calc(50% + calc(100vw * (35 / 1180))); }    
    .table-graph .graph-background li { margin-bottom: calc(100vw * (32 / 1180)); }
    .table-graph .graph-background li:last-child::after { top: calc(50% - 2px); }
    .table-graph .graph-background li span { width: calc(100vw * (110 / 1180)); padding-right: calc(100vw * (30 / 1180)); font-size: calc(100vw * (14 / 1180)); }
    .table-graph .graph-txt { width: calc(100% - calc(100vw * (110 / 1180))); padding-top: calc(100vw * (23 / 1180)); }
    .table-graph .graph-txt p { font-size: calc(100vw * (18 / 1180)); }

    .financial-graph.table-graph .graph { max-height: calc(100vw * (323 / 1180)); }
    .financial-graph.table-graph .graph li { height: calc(100vw * (232 / 1180)); }
}
@media (max-width: 767px) {
    .investors-major { margin: calc(100vw * (100 / 767)) 0 calc(100vw * (185 / 767)); }
    .chart-wrap { margin: 0 calc(100vw * (-40 / 767)); padding: calc(100vw * (100 / 767)) 0; flex-direction: column-reverse; gap: calc(100vw * (80 / 767)); }
    .chart-wrap .chart-txt div { margin-bottom: calc(100vw * (22 / 767)); }
    .chart-wrap .chart-txt div span { width: calc(100vw * (30 / 767)); height: calc(100vw * (30 / 767)); margin-right: calc(100vw * (14 / 767)); }
    .chart-wrap .chart-txt div p { font-size: calc(100vw * (24 / 767)); }
    .chart-wrap .chart-box { width: calc(100vw * (540 / 767)); height: calc(100vw * (540 / 767)); }
    .chart-wrap .chart-box .ct-label { font-size: calc(100vw * (24 / 767)); }
    .investors-table-wrap { padding-bottom: calc(100vw * (200 / 767)); }
    .investors-table-wrap .caption { display: block; font-size: calc(100vw * (24 / 767)); margin: calc(100vw * (20 / 767)) 0 0; }
    .investors-table-wrap .sub-title { align-items: center; }
    .investors-table-wrap .sub-title ul li { margin-left: calc(100vw * (32 / 767)); }
    .investors-table-wrap .sub-title ul li strong { width: calc(100vw * (24 / 767)); height: calc(100vw * (24 / 767)); margin-right: calc(100vw * (12 / 767)); }
    .investors-table-wrap .sub-title ul li p { font-size: calc(100vw * (24 / 767)); }
    .investors-table-box .investors-table { margin-top: calc(100vw * (100 / 767)); padding: 0; }

    table { font-size: calc(100vw * (28 / 767)); }
    table th { padding: calc(100vw * (26 / 767)) 0; font-size: calc(100vw * (28 / 767)); }
    table td { padding: calc(100vw * (30 / 767)) 0; font-size: calc(100vw * (28 / 767)); }
    
    .box1 .table-graph .graph { max-height: 100%; height: calc(100vw * (558 / 767)); transform: translate3d(0, calc(100vw * (2 / 767)), 0); }
        .box1 .table-graph .graph-background{ max-height: 100%; height: calc(100vw * (558 / 767)); }
    .table-graph .graph { max-height: calc(100vw * (558 / 767)); padding-left: calc(100vw * (88 / 767)); }
    .table-graph .graph li { height: calc(100vw * (333 / 767)); }
    .table-graph .graph li::after { top: calc(100vw * (9 / 767)); height: 300vh; }    
    
    .table-graph .graph li span { width: calc(100vw * (50 / 767)); }
    .table-graph .graph li span:nth-child(1) { left: calc(50% - calc(100vw * (35 / 767))); }
    .table-graph .graph li span:nth-child(2) { left: calc(50% + calc(100vw * (35 / 767))); }
    .table-graph .graph-background li { margin-bottom: calc(100vw * (26 / 767)); }
    .table-graph .graph-background li span { width: calc(100vw * (88 / 767)); padding-right: calc(100vw * (16 / 767)); font-size: calc(100vw * (20 / 767)); }
    .table-graph .graph-txt { width: calc(100% - calc(100vw * (88 / 767))); padding-top: calc(100vw * (30 / 767)); }
    .table-graph .graph-txt p { font-size: calc(100vw * (28 / 767)); }   

    .financial-graph.table-graph .graph { max-height: calc(100vw * (327 / 767)); }
    .financial-graph.table-graph .graph li { height: calc(100vw * (237 / 767)); }
}

/* IR자료 */
/* 공통 */
.total { color: #9A9A9A; font-size: 18px; font-weight: 400; line-height: 1; }
.total span { display: inline-block; padding-left: 8px; color: #333; font-size: 18px; font-weight: 600; line-height: 1; }
.search-box { position: relative; width: 480px; height: 56px; }
.search-box input { 
    width: 100%; 
    height: 100%; 
    padding-right: 30px; 
    border-bottom: 1px solid #191919; 
    border-top: none; 
    border-left: none; 
    border-right: none; 
    border-radius: 0;
    font-size: 18px; 
    font-weight: 400; 
    line-height: 1; 
}
.search-box input::placeholder { color: #9A9A9A; }
.btn-search { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 24px; height: 24px; background: url(../images/search-ic.svg)no-repeat; background-size: contain; }
@media (max-width: 1180px) {
    .total { font-size: calc(100vw * (18 / 1180)); }
    .total span { padding-left: calc(100vw * (8 / 1180)); font-size: calc(100vw * (18 / 1180)); }
    .search-box { width: calc(100vw * (480 / 1180)); height: calc(100vw * (56 / 1180)); }
    .search-box input { padding-right: calc(100vw * (30 / 1180)); font-size: calc(100vw * (18 / 1180)); }
    .btn-search { width: calc(100vw * (24 / 1180)); height: calc(100vw * (24 / 1180)); }
}
@media (max-width: 767px) {
    .total { font-size: calc(100vw * (28 / 767)); }
    .total span { padding-left: calc(100vw * (12 / 767)); font-size: calc(100vw * (28 / 767)); }
    .search-box { width: 100%; height: calc(100vw * (96 / 767)); }
    .search-box input { padding-right: calc(100vw * (50 / 767)); font-size: calc(100vw * (32 / 767)); border-width:2px; }
    .btn-search { width: calc(100vw * (48 / 767)); height: calc(100vw * (48 / 767)); }
}
/* 공통 끝*/

.count-num-wrap { margin: 120px 0 200px; }
.count-num-wrap .count-num-box { display: grid; gap: 40px; grid-template-columns: repeat(4, 1fr); grid-auto-rows: auto; }
.count-num-wrap .count-num-box>li { text-align: center; padding: 39px 35px 36px; }
.count-num-wrap .count-num-box>li .ic { width: 80px; height: 80px; margin: 0 auto 40px; }
.count-num-wrap .count-num-box>li .txt { margin-bottom: 16px; }
.count-num-wrap .count-num-box>li>span { display:block; color: #9A9A9A; font-size: 16px; font-weight: 400; line-height: 1.6; }

.count-num-inner { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.count-num-inner em,
.count-num-inner span { color: #191919; text-align: center; font-family: Red Hat Display; font-family: 'Red Hat Display', sans-serif; font-size: 40px; font-weight: 700; line-height: 1; }
.count-num-item-wrap { position: relative; height: 40px; overflow: hidden; text-align: center; }
.active .count-num-item-box.down { animation: count-down-ani 3s forwards; }
.active .count-num-item-box { animation: count-up-ani 3s forwards; }
.count-num-item-wrap .count-num-item-box { height: 400px; }
.count-num-item-wrap .count-num-item-box .count-num-item { height: 40px; color: #191919; text-align: center; font-family: Red Hat Display; font-family: 'Red Hat Display', sans-serif; font-size: 40px; font-weight: 700; line-height: 1; }
@keyframes count-up-ani {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        margin-top: 0;
        transform: translate3d(0, -90%, 0);
    }
}
@keyframes count-down-ani {
    0% {
        transform: translate3d(0, -90%, 0);
    }
    100% {
        margin-top: 0;
        transform: translate3d(0, 0, 0);
    }
}  

.search-wrap { display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: space-between; margin-bottom: 40px; }
.search-wrap .total { margin-bottom: 0; }
.board ol { display: flex; flex-wrap: nowrap; align-items: center; height: 76px; border-bottom: 1px solid #191919; background: #F6F6F6; text-align: center; }
.board ol li { color: #191919; font-size: 18px; font-weight: 600; line-height: 1; }
.board ol li:nth-child(1) { width: 130px; }
.board ol li:nth-child(2) { width: 250px; }
.board ol li:nth-child(3) { width: 878px; }
.board ol li:nth-child(4) { width: 142px; }
.board ol li:nth-child(5) { width: 240px; }
.board ul li { display: flex; flex-wrap: nowrap; align-items: center; border-bottom: 1px solid #EAEAEA; }
.board ul li * { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; height: 82px; }
.board ul li .num { width: 130px; font-size: 16px; }
.board ul li .cate { width: 250px; }
.board ul li .cate p { width: 121px; height: 36px; padding: 10px 14px; display: flex; justify-content: center; align-items: center; color: #FFF; font-size: 16px; font-weight: 600; line-height: 1; background: #191919; }
.board ul li .txt { width: 878px; height: auto; justify-content: flex-start; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.board ul li .file { position: relative; width: 142px; font-size: 0; }
.board ul li .file::after { content: ""; background: url(../images/download.svg)no-repeat; background-size: contain; width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }  
.board ul li .date { width: 240px; }

@media (min-width: 1181px) {
    .board ul li .file:hover::after { background: url(../images/download-red.svg)no-repeat; background-size: contain }
}
@media (max-width: 1180px) {
    .count-num-wrap { margin: calc(100vw * (120 / 1180)) 0; }
    .count-num-wrap .count-num-box { gap: calc(100vw * (20 / 1180)); }
    .count-num-wrap .count-num-box>li { padding: calc(100vw * (39 / 1180)) 0 0; height: calc(100vw * (440 / 1180)); }
    .count-num-wrap .count-num-box>li .ic { width: calc(100vw * (80 / 1180)); height: calc(100vw * (80 / 1180)); margin: 0 auto calc(100vw * (40 / 1180)); }
    .count-num-wrap .count-num-box>li .txt { margin-bottom: calc(100vw * (16 / 1180)); }
    .count-num-wrap .count-num-box>li>span { font-size: calc(100vw * (16 / 1180)); }
    
    .count-num-inner { margin-bottom: calc(100vw * (16 / 1180)); }
    .count-num-inner em,
    .count-num-inner span { font-size: calc(100vw * (40 / 1180)); }
    .count-num-item-wrap { height: calc(100vw * (40 / 1180)); }
    .count-num-item-wrap .count-num-item-box { height: calc(100vw * (400 / 1180)); }
    .count-num-item-wrap .count-num-item-box .count-num-item { font-size: calc(100vw * (40 / 1180)); height: calc(100vw * (40 / 1180)); }
    
    .search-wrap { margin-bottom: calc(100vw * (40 / 1180)); }
    .board ol { height: calc(100vw * (76 / 1180)); }
    .board ol li { font-size: calc(100vw * (18 / 1180)); }
    .board ol li:nth-child(1) { width: calc(100vw * (76 / 1180)); }
    .board ol li:nth-child(2) { width: calc(100vw * (180 / 1180)); }
    .board ol li:nth-child(3) { width: calc(100vw * (584 / 1180)); }
    .board ol li:nth-child(4) { width: calc(100vw * (100 / 1180)); }
    .board ol li:nth-child(5) { width: calc(100vw * (140 / 1180)); }
    .board ul li * { height: calc(100vw * (82 / 1180)); }
    .board ul li .num { width: calc(100vw * (76 / 1180)); font-size: calc(100vw * (16 / 1180)); }
    .board ul li .cate { width: calc(100vw * (180 / 1180)); }
    .board ul li .cate p { width: calc(100vw * (121 / 1180)); height: calc(100vw * (36 / 1180)); padding: calc(100vw * (10 / 1180)) 0; font-size: calc(100vw * (16 / 1180)); }
    .board ul li .txt { width: calc(100vw * (584 / 1180)); }
    .board ul li .file { width: calc(100vw * (100 / 1180)); }
    .board ul li .file::after { width: calc(100vw * (24 / 1180)); height: calc(100vw * (24 / 1180)); }  
    .board ul li .date { width: calc(100vw * (140 / 1180)); }
}
@media (max-width: 767px) {
    .count-num-wrap { margin: calc(100vw * (100 / 767)) 0 calc(100vw * (200 / 767)); }
    .count-num-wrap .count-num-box { display: block; }
    .count-num-wrap .count-num-box>li { position: relative; padding: calc(100vw * (50 / 767)) 0; height: auto; text-align: left; border-bottom: 1px solid #EAEAEA; }
    .count-num-wrap .count-num-box>li .ic { position: absolute; top: calc(100vw * (50 / 767)); left: 0; width: calc(100vw * (80 / 767)); height: calc(100vw * (80 / 767)); margin: 0; }
    .count-num-wrap .count-num-box>li .txt { padding-left: calc(100vw * (120 / 767)); margin-bottom: calc(100vw * (16 / 767)); word-break: keep-all; }
    .count-num-wrap .count-num-box>li .txt br { display: none; }
    .count-num-wrap .count-num-box>li>span { padding-left: calc(100vw * (120 / 767)); font-size: calc(100vw * (28 / 767)); }
    
    .count-num-inner { justify-content: flex-start; padding-left: calc(100vw * (120 / 767)); margin-bottom: calc(100vw * (16 / 767)); }
    .count-num-inner em,
    .count-num-inner span { font-size: calc(100vw * (52 / 767)); }
    .count-num-item-wrap { height: calc(100vw * (52 / 767)); }
    .count-num-item-wrap .count-num-item-box { height: calc(100vw * (520 / 767)); }
    .count-num-item-wrap .count-num-item-box .count-num-item { height: calc(100vw * (52 / 767)); font-size: calc(100vw * (52 / 767)); }
    
    .search-wrap { align-items: flex-start; flex-direction: column-reverse; margin-bottom: calc(100vw * (26 / 767)); }
    .search-wrap  .total { margin-top: calc(100vw * (100 / 767)); }
    .board ol { display: none; }
    .board ul { border-top: 1px solid #191919; }
    .board ul li { position: relative; display: block; padding: calc(100vw * (60 / 767)) calc(100vw * (30 / 767)); }
    .board ul li * { height: auto; }
    .board ul li .num { display: none; }
    .board ul li .cate { justify-content: flex-start; padding-top: calc(100vw * (65 / 767)); width: 100%; white-space: nowrap; }
    .board ul li .cate p { width: auto; height: calc(100vw * (44 / 767)); padding: 0 calc(100vw * (14 / 767)); font-size: calc(100vw * (24 / 767)); font-weight: 400; }
    .board ul li .txt { width: calc(100% - calc(100vw * (60 / 767))); position: absolute; top: calc(100vw * (60 / 767)); left: calc(100vw * (30 / 767)); font-weight: 600; }
    .board ul li .file { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
    .board ul li .file::after { width: calc(100vw * (48 / 767)); height: calc(100vw * (48 / 767)); right: calc(100vw * (30 / 767)); bottom: calc(100vw * (60 / 767)); top: auto; left: auto; transform: translate(0, 0); }  
    .board ul li .date { width: 100%; justify-content: flex-start; padding-top: calc(100vw * (25 / 767)); }
}

/* 전자공고 */
.report .board ol li:nth-child(3), .report .board ul li .txt { width: 1020px; }
.report .board ol li:nth-child(4) { width: 240px; }
@media (max-width: 1700px) {
    .report .board ol li:nth-child(1), .report .board ul li .num { width: calc(100vw * (130 / 1700)); }
    .report .board ol li:nth-child(2), .report .board ul li .cate { width: calc(100vw * (250 / 1700)); }
    .report .board ol li:nth-child(3), .report .board ul li .txt { width: calc(100vw * (1020 / 1700)); }    
    .report .board ol li:nth-child(4), .report .board ul li .date { width: calc(100vw * (240 / 1700)); }
}
@media (max-width: 1180px) {
    .report .board ol li:nth-child(1), .report .board ul li .num { width: calc(100vw * (76 / 1180)); }
    .report .board ol li:nth-child(2), .report .board ul li .cate { width: calc(100vw * (180 / 1180)); }
    .report .board ol li:nth-child(3), .report .board ul li .txt { width: calc(100vw * (684 / 1180)); }    
    .report .board ol li:nth-child(4), .report .board ul li .date { width: calc(100vw * (140 / 1180)); }
}
@media (max-width: 767px) {
    .report .board ul li a { display: block; }
    .report .board ul li .cate { width: 100%; padding: 0 0 calc(100vw * (25 / 767)); }
    .report .board ul li .cate p { width: auto; }
    .report .board ul li .txt { width: 100%; position: relative; top: 0; left: 0; }    
    .report .board ul li .date { width: 100%; }
}

/* 게시물이 없을경우 */
.post-none { height: 595px; }
.post-none h2 { margin-top: 36px; color: #191919; text-align: center; font-size: 40px; font-weight: 400; line-height: 1; }
.post-none div p { margin-top: 18px; font-size: 20px; font-weight: 400; line-height: 1.5; }
@media (max-width: 1180px) { 
    .post-none { height: calc(100vw * (595 / 1180)); }
    .post-none h2 { margin-top: calc(100vw * (36 / 1180)); font-size: calc(100vw * (40 / 1180)); }
    .post-none div p { margin-top: calc(100vw * (18 / 1180)); font-size: calc(100vw * (20 / 1180)); }
}
@media (max-width: 767px) { 
    .post-none { height: calc(100vw * (500 / 767)); }
    .post-none h2 { margin-top: calc(100vw * (48 / 767)); font-size: calc(100vw * (40 / 767)); }
    .post-none div p { margin-top: calc(100vw * (22 / 767)); font-size: calc(100vw * (28 / 767)); }
}

/* 다국어 */
@media (max-width: 767px) { 
    :lang(en) .sub-visual h1 { word-break: break-all; }
}
:lang(ja) .count-num-wrap .count-num-box>li .txt { word-break: break-all; }