/* pagination : pc */
.page_move_box { margin-top: 100px; display: none; justify-content: center; }
.page_move_box .prev { display: flex; } 
.page_move_box .prev button { width: 40px; height: 40px; border: 1px solid #dadada; margin-left: 10px; display: flex; align-items: center; justify-content: center; } 
.page_move_box .prev button:first-child {margin-left: 0;} 
.page_move_box .page { display: flex; align-items: center; margin: 0 20px; } 
.page_move_box .page .on { color: #ff0000; font-family: 'NotoSansB'; } 
.page_move_box .page button { text-align: center; font-family: 'NotoSansR'; font-size: 17px; letter-spacing: -0.04em; color: #888; margin-left:26px; } 
.page_move_box .page button:first-child { margin-left:0 } 
.page_move_box .next { display: flex; } 
.page_move_box .next button { width: 40px; height: 40px; border: 1px solid #dadada; margin-left: 10px; display: flex; align-items: center; justify-content: center; } 
.page_move_box .next button:first-child { margin-left: 0; } 


/* search : pc */
.select_box { display: flex; justify-content: flex-end; margin-bottom: 20px; } 
.select_box select { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
.select_box select {min-width: 90px;line-height: 38px;height: 40px;border: 1px solid #dadada;padding: 0px 15px;font-size: 16px;font-family: 'NotoSansR';letter-spacing: -0.04em;position: relative;background: url('/static/img/ir/ico_input_arrow.png') 80% 55% no-repeat;background-color: #fff;color: #666;margin-right: 9px;} 
.select_box select.year { min-width: 108px; line-height: 38px; height: 40px; border: 1px solid #dadada; padding: 0px 15px; font-size: 16px; font-family: 'NotoSansR'; letter-spacing: -0.04em; position: relative; background: url('/static/img/ir/ico_input_arrow.png') 80% 55% no-repeat; background-color: #fff; color: #666; margin-right: 5px; } 
.select_box .input_box { display: flex; } 
.select_box .input_box .search { width: 200px; line-height: 38px; height: 40px; border: 1px solid #dadada; border-left: none; padding: 0px 19px; font-size: 17px; font-family: 'NotoSansL'; letter-spacing: -0.04em; color: #333; } 
.contents_area .select_box .input_box .search { border-left: 1px solid #dadada; } 
.contents_area .select_box .input_box .btn_search { width: 70px; height: 40px; line-height: 38px; margin-left: 5px; font-family: 'NotoSansR'; font-size: 16px; background: #1c2225; color: #fff; text-align: center; justify-content: center; cursor: pointer; } 

/* table : pc*/
.table_area table { border-top:1px solid #000; border-bottom:1px solid #000 } 
.table_area thead tr { border-bottom: 1px solid #dadada; } 
.table_area thead th { color:#333; font-family: 'NotoSansM'; font-weight:normal; font-size: 17px; background: #efefef; padding:22px 0; border-left: 1px solid #dadada; } 
.table_area thead th:first-child { border-left:0; } 
.table_area tbody tr { border-bottom: 1px solid #dadada; } 
.table_area tbody th { color:#333; font-family: 'NotoSansM'; font-weight:normal; font-size: 17px; background: #f7f7f7; border-right: 1px solid #dadada; } 
.table_area tbody td { padding: 21px 40px; color:#666; font-family: 'NotoSansL'; font-size: 17px; line-height: 25px; letter-spacing: -0.04em; border-right: 1px solid #dadada; } 
.table_area tbody td.center { text-align:center } 
.table_area tbody td:last-child { border-right:0 } 
.table_area tbody td.bdr { border-right: 1px solid #dadada; } 
.table_area tbody td ul li { position:relative; line-height: 32px; text-align:left; padding-left:14px } 
.table_area tbody td ul li::before { position:absolute; left:0; top: 15px; content:''; display:block; width:2px; height:2px; background:#666 } 


@media(max-width:1023px) {
    /* pagination : mo */
    .page_move_box { padding: 0 6.67vw; margin-top: 11.39vw; } 
    .page_move_box .prev button {width: 6.25vw;height: 6.25vw;margin-left: 1.39vw;} 
    .page_move_box .prev button img { width: 0.97vw; height: 1.94vw; } 
    .page_move_box .prev button:first-child img { width: 1.81vw; } 
    .page_move_box .page { margin: 0 6.11vw; } 
    .page_move_box .page button { font-size: 3.33vw; margin-left: 3.61vw; } 
    .page_move_box .page button:nth-child(n+6) {display:none;}
    .page_move_box .next button {width: 6.25vw;height: 6.25vw;margin-left: 1.39vw;} 
    .page_move_box .next button img { width: 1.81vw; height: 1.94vw; } 
    .page_move_box .next button:first-child img { width: 0.97vw; } 

    /* search : mo */
    #container .contents_area .select_box { justify-content: flex-start; margin: 0 6.67vw; margin-bottom: 2.78vw; } 
    #container .contents_area .select_box select {min-width: 14.72vw;line-height: 7.78vw;height: 8.33vw;font-size: 3.06vw;padding: 0vw 2.78vw;background: url(/static/img/ir/ico_input_arrow.png) 80% 55% no-repeat;background-size: 1.67vw 1.53vw;margin-right: 1.25vw;} 
    #container .contents_area .select_box select.year { min-width: 18.06vw; line-height: 7.78vw; height: 8.33vw; border: 1px solid #dadada; font-size: 3.06vw; padding: 0vw 2.78vw; background: url(/static/img/ir/ico_input_arrow.png) 80% 55% no-repeat; background-size: 1.67vw 1.53vw; margin-right: 0.83vw; }
    #container .contents_area .select_box .input_box .search {width: 30.56vw;line-height: 7.78vw;height: 8.33vw;font-size: 3.06vw;padding: 0vw 2.78vw;/* border-left: none; */} 
    #container .contents_area .select_box .input_box .btn_search {width: 12.5vw;height: 8.33vw;line-height: 8.33vw;margin-left: 1.25vw;font-family: 'NotoSansR';font-size: 3.06vw;}

    /* table : mo */
    .table_area { padding:0 6.67vw; } 
    .table_area table { border-top:1px solid #000; border-bottom:1px solid #000 } 
    .table_area thead tr { border-bottom: 1px solid #dadada; } 
    .table_area thead th { color:#333; font-family: 'NotoSansM'; font-weight:normal; font-size: 3.33vw; background: #efefef; padding:4.17vw 0; border-left: 1px solid #dadada; } 
    .table_area thead th:first-child { border-left:0; } 
    .table_area tbody tr { border-bottom: 1px solid #dadada; } 
    .table_area tbody th { color:#333; font-family: 'NotoSansM'; font-weight:normal; font-size: 3.33vw; border-right: 1px solid #dadada; } 
    .table_area tbody td { padding: 2.92vw 0; color:#666; font-family: 'NotoSansL'; font-size: 3.33vw; line-height: 5.28vw; letter-spacing: -0.04em; border-right: 1px solid #dadada; padding-left:2.78vw } 
    .table_area tbody td:last-child { border-right:0 } 
    .table_area tbody td.bdr { border-right: 0.14vw solid #dadada; } 
    .table_area tbody td ul li { position:relative; line-height: 4.44vw; text-align:left; padding-left:1.94vw } 
    .table_area tbody td ul li::before { position:absolute; left:0; top: 2.08vw; content:''; display:block; width:0.28vw; height:0.28vw; background:#666 } 

    .table_area.scroll { overflow:auto; margin: 5.56vw 0 0; padding: 0 6.94vw; }
    .table_area.scroll table { width:250%; position:relative; } 
    .table_area.scroll table::before {/* content:''; */ width:100%;height: calc(100% - 0.14vw);background: rgba(0,0,0,0.1); position:absolute; top:0; right:0; left:0; bottom:0;}
    /* .table_area.scroll table::after {content:''; width:25.69vw; height:25.69vw; position:absolute; top:12.78vw; left:30.28vw; background-image:url('/static/img/common/icon_table_over.png'); background-size:contain; background-repeat:no-repeat;} */
    .table_area.scroll table::after {content:''; display: none;}
    .table_area.scroll.off table::before,
    .table_area.scroll.off table::after {opacity:0; pointer-events: none;}
    .table_area.scroll td {padding: 3.47vw;} 
    .table_area.scroll thead tr { border-bottom: 1px solid #c4c4c4; } 
    .table_area.scroll thead th { color:#333; font-family: 'NotoSansM'; font-weight:normal; font-size: 3.33vw; background: #d7d7d7; padding:4.17vw 0; border-left: 1px solid #c4c4c4; } 
    .table_area.scroll thead th:first-child { border-left:0; } 
    .table_area.scroll tbody tr { border-bottom: 1px solid #c4c4c4; } 
    .table_area.scroll tbody tr:last-child {border-bottom:0;}
    .table_area.scroll tbody th { color:#333; font-family: 'NotoSansM'; font-weight:normal; font-size: 3.33vw; background: #dedede; border-right: 1px solid #c4c4c4; } 
    .table_area.scroll tbody td { padding: 2.92vw 2.78vw; color:#666; font-family: 'NotoSansL'; font-size: 3.33vw; line-height: 3.47vw; letter-spacing: -0.04em; border-right: 1px solid #c4c4c4; } 
    .table_area.scroll tbody td:last-child { border-right:0 } 
    .table_area.scroll tbody td.bdr { border-right: 1px solid #c4c4c4; }

    #container .table_area.scroll.short table::after {top:50%; transform:translateY(-50%);}

    /* 테이블 별 */
    /* 외부 감사인 */
    #container.directors .table_area.scroll.short tbody td {padding: 8.75vw 2.78vw;}        
    /* constitution */
    #container.constitution .table_area.scroll.short tbody td {padding: 4.03vw 2.78vw;}
}