.elementor-679 .elementor-element.elementor-element-71ecee0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-679 .elementor-element.elementor-element-5e723dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:130px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}body:not(.rtl) .elementor-679 .elementor-element.elementor-element-d6a9ed3{right:0px;}body.rtl .elementor-679 .elementor-element.elementor-element-d6a9ed3{left:0px;}.elementor-679 .elementor-element.elementor-element-d6a9ed3{top:0px;z-index:-5;}@media(max-width:1500px){.elementor-679 .elementor-element.elementor-element-5e723dc{--padding-top:130px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}}@media(max-width:776px){.elementor-679 .elementor-element.elementor-element-5e723dc{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-de3bfbc */#kboard-default-document.product-koard-document .kboard-content .content-view .spac {
    display: inline-table !important; /* 부모 요소 안에서 내용만큼만 차지하게 함 */
    /*width: auto;*/
    width: 100%;
    border-top: #094d98 2px solid;
    border-bottom: #c3c6d1 2px solid;
    border-left: #d2d3da 1px solid;
    border-right: #c3c6d1 1px solid;
    border-collapse: collapse;
    word-wrap: break-word;
}
#kboard-default-document.product-koard-document .kboard-content .content-view .spac th {
    vertical-align: middle;
    padding: 0 15px;
    line-height: 26px;
    background-color: #f2f8ff;
    color: #153860;
    border-bottom: #dbe1e6 1px solid;
    border-left: #d2d3da 1px solid;
    border-right: #c3c6d1 1px solid;
}
#kboard-default-document.product-koard-document .kboard-content .content-view .spac td {
    vertical-align: middle;
    padding: 20px;
    line-height: 26px;
    background-color: #fbfcfd;
    color: #555555;
    border-bottom: #e8edf1 1px solid;
    border-right: 1px solid #c6c6c6;
}

#kboard-default-document.product-koard-document .kboard-content .content-view .product_cont{
    font-size:30px;
    font-weight: 600;
    line-height: 32px;
    border-left:4px solid #094d98;
    padding-left: 15px;
}

#kboard-default-document.product-koard-document .kboard-content .content-view .style1{
    font-size:20px;
    line-height: 28px;
    font-weight: 500;
    position:relative;
    margin-left: 10px;
}

#kboard-default-document.product-koard-document .kboard-content .content-view .style1::before{
    position:absolute;
    content: "";
    width: 6px; 
    height: 6px;
    background: #094d98;
    left: -10px;
    top: 10px;
}

.product_pcontent{
    display: flex;
    flex-direction: column;
    /*gap:20px;*/
    margin-bottom: 20px;
}

/* 제목(product_cont) 바로 뒤에 오는 br만 제거 */
.product_cont + br {
    display: none !important;
}

/* 내용(product_pcontent) 바로 뒤에 오는 br만 제거 */
.product_pcontent + br {
    display: none !important;
}

/* 1. 표를 감싸는 컨테이너에 가로 스크롤 부여 */
#kboard-default-document.product-koard-document .kboard-content .content-view {
    width: 100%;
    overflow-x: auto; /* 내용이 넘치면 가로 스크롤 생성 */
    -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */
}

/* 2. 테이블 기본 구조 유지 */
#kboard-default-document.product-koard-document .kboard-content .content-view .spac {
    display: table !important; /* 표 구조 유지 */
    width: 100% !important;
    min-width: 600px !important; /* 중요: 모바일에서 표가 너무 찌그러지지 않게 최소 너비 고정 */
    table-layout: auto !important;
}

/* 3. 모바일에서 이미지 크기 최적화 */
@media screen and (max-width: 768px) {
    #kboard-default-document.product-koard-document .kboard-content .content-view .spac td img {
        width: 150px !important; /* 모바일에서는 이미지를 조금 줄여서 공간 확보 */
        height: auto !important;
    }
    
    #kboard-default-document.product-koard-document .kboard-content .content-view .spac th,
    #kboard-default-document.product-koard-document .kboard-content .content-view .spac td {
        padding: 10px !important; /* 모바일 여백 줄임 */
        font-size: 13px !important; /* 글자 크기 살짝 조정 */
    }
}

/* 워드프레스 비디오 컨테이너를 가운데로 정렬 */
.wp-video {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 1. 카드의 전체 높이를 동일하게 맞춤 */
.double_column {
    display: flex;
    flex-wrap: wrap;
}

.double_column > li {
    display: flex;
    flex-direction: column;
}

/* 2. 중간의 모든 div들이 높이를 100% 채우도록 강제 (핵심) */
.kboard_thumbnail_title, 
.kboard-list-thumbnail2 {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto; /* 자식들에게 공간을 물려줌 */
    height: 100%;
}

/* 3. 텍스트 박스가 바닥까지 늘어나도록 설정 */
#kboard-default-list.product-list .list_tit {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* 남는 공간을 이 박스가 다 차지함 */
    
    /* 여기서 min-height는 '최소한의 가독성'을 위한 용도로만 사용 */
    min-height: 137px; 
    
    /* 배경색과 테두리가 아래쪽으로 끝까지 늘어나게 됨 */
    background: #f9f9fa;
    border-top: 1px solid #ddd;
    padding: 10px 20px;
}/* End custom CSS */