.product_view {font-size:16px; line-height:1.7; color:#333;}
.product_view .top {margin-bottom:60px;}
.product_view .top h2 {font-size:42px; font-weight:700; margin-bottom:15px;}
.product_view .top p {font-size:18px; color:#666;}

.product_view .section {margin-bottom:60px;}
.product_view .section.gray {
    padding:40px;
    margin-top: 70px;
    background:#f8f8f8;
    border-radius:20px;
}

.product_view h3 {
    font-size:30px;
    font-weight:700;
    margin-bottom:25px;
    color:#111;
}

.product_view h4 {
    font-size:22px;
    font-weight:700;
    margin-bottom:25px;
    color:#111;
}

.product_view p {margin-bottom:15px;}

.dot_list li {
    position:relative;
    padding-left:18px;
    margin-bottom:10px;
    list-style: none;
}

.dot_list li::before {
    content:"";
    position:absolute;
    top:12px;
    left:0;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#111;
}

.tbl_basic {
    width:100%;
    border-top:2px solid #111;
}

.tbl_basic th,
.tbl_basic td {
    padding:16px 20px;
    border-bottom:1px solid #ddd;
}

.tbl_basic th {
    width:220px;
    background:#f8f8f8;
    font-weight:600;
    text-align:left;
}

.table_wrap {overflow-x:auto;}

.tbl_scroll {
    width:100%;
    min-width:800px;
    border-top:2px solid #111;
}

.tbl_scroll th,
.tbl_scroll td {
    padding:15px;
    /* border-bottom:1px solid #ddd; */
    border:1px solid #ddd;
    text-align:center;
}

.tbl_scroll thead th {
    background:#f5f5f5;
    font-weight:700;
}
.tbl_scroll thead th.top {
    background:#e9e9e9;
    font-weight:700;
}
.tbl_scroll thead th.top1 {
    background:#e3e3e3;
    font-weight:700;
}

.tbl_scroll th.gray {
    background:#f8f8f8;
    font-weight:700;
    
}

/*첨부이미지*/
.file_img img{
    max-width:180px;
    border-radius:10px;
    display:block;
}

.table_note{
    display:flex;
    gap:30px;
    margin-top:30px;
    padding:25px;
    border:1px solid #ddd;
    background:#f8f8f8;
}

.table_note p strong{
    font-weight:800;
}

.note_box{
    flex:1;
}

.note_box p{
    margin:0 0 8px;
    line-height:1.7;
}

.note_box strong{
    display:block;
    margin-bottom:10px;
}

.table_notice{
    display:none;
}


.principle_wrap{
    display:flex;
    gap:50px;
    align-items:center;
}

.principle_wrap .txt_box{
    flex:1;
}

.principle_wrap .img_box{
    width:40%;
    flex-shrink:0;
}

.principle_wrap .img_box img{
    max-width:100%;
    display:block;
}


.principle_wrap1{
    display:flex;
    gap:50px;
    align-items:center;
}

.principle_wrap1 .txt_box{
    flex:1;
}

.principle_wrap1 .img_box{
    flex:1;
}

.principle_wrap1 .img_box img{
    max-width:100%;
    display:block;
}


.principle_wrap2{
    display:flex;
    gap:50px;
}

.principle_wrap2 > div{
    flex:1;
}

@media (max-width:768px){
    .principle_wrap{
        flex-direction:column;
    }

    .principle_wrap .img_box{
        width:100%;
    }
    .principle_wrap1{
        gap:20px;
        align-items:flex-start;
    }

    .principle_wrap1 .txt_box,
    .principle_wrap1 .img_box{
        flex:1;
        width:50%;
    }

    .principle_wrap2{
        flex-wrap:wrap;
        gap:15px;
    }

    .principle_wrap2 > div{
        flex:none;
        width:calc(50% - 7.5px);
    }

    .principle_wrap2 img{
        width:100%;
        display:block;
    }

    .principle_wrap2 > div:last-child{
        margin:0 auto;
    }
    .principle_wrap2 > div p{
        min-height:48px; /* 2줄 기준 */
        display:flex;
        align-items:center;
        justify-content:center;
        text-align:center;
        margin-bottom:10px;
    }
}



@media (max-width:768px){

    .product_view {
        font-size:15px;
        line-height:1.6;
    }

    .product_view .top {
        margin-bottom:40px;
    }

    .product_view .top h2 {
        font-size:30px;
        line-height:1.3;
        margin-bottom:12px;
    }

    .product_view .top p {
        font-size:16px;
    }

    .product_view .section {
        margin-bottom:40px;
    }

    .product_view .section.gray {
        padding:25px 20px;
        border-radius:15px;
    }

    .product_view h3 {
        font-size:18px;
        line-height:1.4;
        margin-bottom:18px;
    }

    .product_view p {
        margin-bottom:12px;
    }

    .dot_list {
        padding:0;
        margin:0;
    }

    .dot_list li {
        padding-left:15px;
        margin-bottom:10px;
        font-size:15px;
        line-height:1.6;
    }

    .dot_list li::before {
        top:10px;
        width:5px;
        height:5px;
    }

    .tbl_basic th,
    .tbl_basic td {
        display:block;
        width:100%;
        padding:12px 15px;
        font-size:14px;
    }

    .tbl_basic th {
        border-bottom:none;
    }

    .tbl_basic td {
        padding-top:0;
    }

    /* .tbl_scroll {
        min-width:unset;
    } */

    .tbl_scroll th,
    .tbl_scroll td {
        padding:12px 10px;
        font-size:13px;
        word-break:keep-all;
    }

    .download_box {
        display:flex;
        flex-direction:column;
        gap:10px;
    }

    .download_box a {
        width:100%;
        height:50px;
        font-size:14px;
    }


    .file_img{
        width:100%;
    }

    .file_img img{
        max-width:100%;
    }


    .table_note{
        flex-direction:column;
        gap:20px;
        padding:18px;
    }

    .note_box{
        width:100%;
    }

    .note_box p{
        font-size:14px;
        line-height:1.6;
    }

    .tbl_scroll{
        min-width:700px;
        -webkit-text-size-adjust:100%;
        text-size-adjust:100%;
    }

    .tbl_scroll td,
    .tbl_scroll th{
        font-size:13px !important;
        line-height:1.5;
    }

    .tbl_scroll td[colspan]{
        font-size:inherit !important;
    }

     /* 예외: 꽉 차는 표 */
    .tbl_scroll.full{
        min-width:100%;
    }

    .table_notice{
        display:block;
        margin-bottom:10px;
        font-size:13px;
        color:red;
        text-align:right;
    }


 
}