@charset "utf-8";
/*****************************************
 legal 폴더 내 파일 css style 
 @ 2023-10-11
*******************************************/

/* helper */
.text_bold { font-family: 'NotoSansB' !important; } 
.text-left { text-align: left !important; } 
.mt3 { margin-top: 30px; } 
.mo {display: none;}
@media (max-width: 1023px) {
    .mt3 { margin-top: 6.944vw; } 
    .mo {display: block;}
}

/* tab */
.tab { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-left: 1px solid #e5e5e5; padding-bottom: 1px; } 
.tab > li { width: 100%; margin-bottom: -1px; } 
.tab > li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 60px; color: #666; font-size: 17px; text-align: center; letter-spacing: -0.06em; border: 1px solid #dadada; border-left: 0; cursor: pointer;} 
.tab > li a.on { color: #fff; border-color: #333; background: #333; } 
.tab.col3 > li { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; min-width: 33.3333%; } 
.tab_cont { display: none } 
@media (max-width: 1023px) {
    .tab.col12_m > li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; min-width: 100%; } 
    .tab > li a { height:12.5vw; font-size: 3.611vw;}
}

/* content */
.contents_line { margin-top: 70px; padding: 55px 60px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; } 
.contents_line .title-content { color: #333333; font-size: 28px; } 
.contents_line .__content { margin-top: 30px; color: #666666; font-family: 'NotoSansL'; font-size: 16px; line-height: 1.6; } 
.list_dot > li { position: relative; padding-left: 1em; } 
.list_dot > li::before { content: '·'; position: absolute; left: 0; top: 0; } 
.toggle_arrow { position: relative; display: inline-block; padding-right: 1.2em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.toggle_arrow::after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -0.35em; width: 0.4em; height: 0.4em; border-bottom: 1px solid #666666; border-right: 1px solid #666666; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } 
.toggle_arrow.on::after { margin-top: -0.1em; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } 
.toggle_arrow +  * { margin-top: 1em;}
@media (max-width: 1023px) {
    #wrap #container .contents_area {padding-right: 6.944vw; padding-left: 6.944vw;}
    .contents_line { margin-top: 12.5vw; padding: 8.333vw 0;}
    .contents_line .title-content {font-size: 3.889vw;}
    .contents_line .__content {margin-top: 4.167vw; font-size: 3.333vw; line-height: 1.5;}
}

/* table */
.table-basic { position: relative;} 
.table-basic::before, .table-basic::after {
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1px;
    background-color: #171717;
    box-sizing: border-box;
    z-index: 10;
}
.table-basic::before {
    top: 0px;
}
.table-basic::after {
    bottom: 0px;
}
.table-basic.__fixed {table-layout: fixed;}
.table-basic th { background-color: #efefef; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: center; color: #333333; font-family: 'NotoSansM'; } 
.table-basic td { border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: center; } 
.table-basic th,
.table-basic td { font-size: 17px; padding: 1.23em 1.18em; letter-spacing: -0.04em; } 
.table-basic th:last-child,
.table-basic td:last-child { border-right: 0; } 
.table-basic tbody tr:last-child td { border-bottom:0; } 
.table-basic tbody + tfoot th, .table-basic tbody + tfoot td { border-top: 1px solid #dadada; } 
.table-basic .bg_gray { background-color: #efefef; } 
.table-basic .w245 {width: 245px;}
.table-basic .wtab7_1 {width: 25%;}
.table-basic .wtab7_2 {width: 20%;}
.table-basic .wtab7_3 {width: 55%;}
@media (max-width: 1023px) {
    body {
        -webkit-text-size-adjust: 100%;
    }
    .table-basic.__fixed {table-layout:auto;}
    .table-basic th, .table-basic td {font-size: 3.333vw; padding: 1.18em 0.85em; line-height: 1.3;}
    .table-basic .__total {font-size: 3.333vw;}
    .tab3 .table-basic th, .tab3 .table-basic td {padding-right: 0.5em; padding-left: 0.5em;}
    .table-scroll_m {overflow-x: auto; margin-right: -6.944vw;}
    .table-basic .w245 {width: auto;}
    .table-scroll_m .table-basic th,
    .table-scroll_m .table-basic td {min-width: 22.778vw;}
    .table-scroll_m .table-basic .w245{ width: 34.028vw}
    .table-basic .wtab7_1 {width: 35%;}
    .table-basic .wtab7_2 {width: 15%;}
    .table-basic .wtab7_3 {width: 50%;}
}