.sas_sub_con_area {/*padding: 20px;*/}
.sas_sub_conbox1 {/*padding: 30px;*/border-radius: 20px;background-color: #fff;}

.sas_option_box {display: flex;}
.file-type {height: 130px;}

.sas_option_select1 {border:1px solid #dbe5f1; border-radius:5px; height:40px; padding:5px 10px; background:url(/user/img/user/sas_select_icon1-9ce490dc7e12d2ac6905de4dadb7f927.png) right 10px center no-repeat;}
.sas_option_select1.size1 {width: 75px;}
.sas_option_select1.size2 {width: 85px;}
.sas_more_btn1 {width: 30px; height: 30px; border:1px solid #dbe5f1; border-radius:5px; background: #fff url(/user/img/user/sas_more_icon1-1114016e70ca0dd1a9a3393ce212a51d.png) center no-repeat; }

.sas_content_topbox {position: relative; display: flex; height: 80px; padding:0 50px; align-items: center; justify-content: space-between; background-color:#fff;}
.sas_search_box {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.sas_search_box input, .sas_search_box_input {width:510px; height: 50px; border-radius:35px; padding:0 35px; border:1px solid #dbe5f1; background:#fff url(/user/img/user/search_icon-096b9d6fa25964a846590147a0ed5840.png) right 20px center no-repeat;}

.sas_pageing_text1 {position: absolute; left:0; top:50%; transform: translate(0%, -50%);}

.sas_pageing_control {display: flex; align-items: center; justify-content: center;}
.sas_pageing_control ul {display: flex; align-items: center;}
.sas_pageing_control ul li {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border:1px solid #e3e3e3; cursor: pointer}
.sas_pageing_control ul li img {height: 15px;}
.sas_pageing_control ul li:nth-child(1) {border-radius:5px 0 0px 5px;}
.sas_pageing_control ul li:nth-last-child(1) {border-radius:0px 5px 5px 0px;}
.sas_pageing_control ul li.active {background-color:#000000; color:#fff; border-color:#000000;/*border-color:#2973D6;*/}
.sas_pageing_control ul li:hover {border: 2px solid #000000;padding: 0 18px 2px 18px;}

.input_date {float: left; width: 45%;}
.input_date_text {float: left; width:10%; text-align: center; line-height: 40px;}

.sas_tablelist {border-top:2px solid #222;}
.sas_tablelist thead th {padding:25px 0; border-bottom:1px solid #e3e3e3;}
.sas_tablelist thead th p {border-right:1px solid #eaeaea; padding:0 25px;}
.sas_tablelist thead th:nth-last-child(1) p {border-right:0;}
.sas_tablelist tbody td {padding:20px; border-bottom:1px solid #e3e3e3;}
.sas_tablelist td.content_td {padding-left:50px; padding-right:50px;}
.sas_tablelist td.content_td a span:nth-child(1) {max-width: calc(100% - 40px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.sas_tablelist .attach {width:15px; }
.sas_tablelist .comment {font-weight: bold; color:red; }
.sas_newtext1 {display: flex; align-items: center; justify-content: center; width: 40px; height: 20px; background-color: #D22A49; color:#fff; border-radius: 100px;}

.sas_listup_btn {display: flex; align-items: center; justify-content: center; width: 105px; height: 50px; border-radius:4px; background-color:#000000; border:1px solid #000000;/*background-color:#203A91; border:1px solid #203A91;*/ color:#fff !important;}
.sas_listup_btn.type2 {background-color: #fff; color: #202020 !important;}
.sas_listup_btn.type3 {background-color: red; border:1px solid red;}

.sas_list_more_conbox {padding:30px; border-bottom: 1px solid #e3e3e3;}
.sas_list_title {padding:25px; background-color:#FAFAFA; border-top:2px solid #222; border-bottom:1px solid #E3E3E3;}
.sas_list_box1 {padding:20px 25px; border-bottom: 1px solid #E3E3E3;}
.sas_list_cate1 {display: flex; align-items: center;}
.sas_list_cate1 dt {padding-right:15px; margin-right:15px; border-right:1px solid #e3e3e3;}

.sas_list_add_area {border-top: 2px solid #222;}
.sas_list_add_area li {border-bottom:1px solid #e3e3e3;}
.sas_list_add_area dl {display: flex; align-items: center;}
.sas_list_add_area dt {width: 230px; padding:40px; /*background-color:#FAFAFA;*/ text-align: center;}
.sas_list_add_area dd {display: flex; width: calc(100% - 150px); align-items: center; padding:10px 20px; height: 100%;}
.sas_list_add_input1 {height:45px; padding:0 20px; border:1px solid #E3E3E3; border-radius:8px;}
.sas_list_add_area dt.type-textarea {height: 470px;}
.sas_list_add_area dt.type-file {height:130px;}
.sas_list_add_input1.type-textarea {height: 450px;}
.sas_list_add_area .ck-editor__editable {min-height: 450px;}
.sas_list_add_input1.type-file {padding-top:7px;}
.custom-control.radio {float:left; margin-right:20px;}

.sas_photo_board {overflow:hidden; position:relative; border-top:2px solid #666;}
.sas_photo_board ul {position:relative; margin: 0 -15px; }
.sas_photo_board li {float:left; width:25%; position:relative; padding: 35px 15px; border-bottom:1px solid #dbdbdb;}
.sas_photo_board li:nth-child(4n+1) {clear:both;}
.sas_photo_board li figure {position:relative; }
.sas_photo_board li a { display:block; text-decoration:none;}
.sas_photo_board li .cate {position: absolute;top: 0;left: 0;height:30px;padding: 0 13px;background: #333;font-size:0.93em;color: #fff;line-height:30px; z-index:5;}
.sas_photo_board li .thumbnail-wrap {width:100%;}
.sas_photo_board li .thumbnail-wrap .thumbnail {z-index:1;}
.sas_photo_board li h4 {overflow:hidden; margin:15px 0; font-size:1.2em; font-weight:400; line-height:1.5em; text-overflow: ellipsis; display:-webkit-box; height:3em; -webkit-line-clamp: 2;-webkit-box-orient:vertical;word-wrap:break-word; word-break:keep-all;}
.sas_photo_board li a:hover h4 {font-weight:500;}
.sas_photo_board li p {font-size:1.06em; color:#666;}

.sas_photo_board .thumbnail-wrap {display: inline-block;/*border: 1px solid #000;*/ }
.sas_photo_board .thumbnail {position: relative; padding-top: 56.25%;/* 16:9 */ overflow: hidden;}
.sas_photo_board .thumbnail img {position: absolute; top:0; left: 0; z-index:5;}

.sas_photo_board .thumbnail .centered  {position: absolute;  top: 0; left: 0;  right: 0;  bottom: 0; z-index:5;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);}
.sas_photo_board .thumbnail .centered img {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}

.sas_photo_board .thumbnail img.portrait {width:100%;max-width:none;height:auto;display: block;}
.sas_photo_board.thumbnail img.landscape {width:auto;max-width:none;height:100%;}

.sas_photo_board.video-board .info {overflow:hidden;}
.sas_photo_board.video-board .info ul {display: flex; justify-content: space-between; margin:0;}
.sas_photo_board.video-board .info ul li {float:left; margin-right:15px; padding-right:15px; color:#666; line-height:1.3em; border-bottom:0px;width: auto; padding:0;}
.sas_photo_board.video-board .info ul li strong {color:#3d3d3d;}

.sas_comments_box {border-bottom:1px solid #e3e3e3; padding-bottom:20px; margin-bottom:20px;}
.sas_comments_list {border-top:1px solid #000;}
.sas_comments_list li {align-items: center; display: flex; flex-wrap: wrap; padding:15px 10px; border-bottom:1px solid #e3e3e3;}
.sas_comments_list li:nth-last-child(1) {border-bottom:0;}
.sas_comments_list li > div:first-child {flex-basis: 100%;}
.sas_comments_list .text_box {width: calc(100% - 150px);}
.sas_comments_list .btn_box {width: 150px;}
.sas_comments_list .date {font-size:13px;}
.sas_comments_list .name {float:left;}

.sas_comments_input {padding:10px; border-top:1px solid #e3e3e3;}
.sas_comments_input dt {display: flex; align-items: center; justify-content: space-between;}
.sas_comments_input textarea {border: 1px solid #e3e3e3; height: 90px;}

.sas_comments_btn1{float:right; display: flex; align-items: center; justify-content: center; width: 70px; height: 30px; border-radius:4px; background-color:#203A91; border:1px solid #203A91; color:#fff !important;}
.sas_comments_btn1.type2 {background-color: #fff; color: #202020 !important;}

.pdf-viewer{height:1080px;}


@media (max-width: 1200px){

    .sas_search_box_input {width: 300px;}
    .sas_tablelist td.content_td {padding-left:30px; padding-right:30px;}

    .sas_sub_conbox1 {padding:5px;}
    .sas_list_more_conbox {padding:50px;}
}

@media (max-width: 996px){
    #app {border-radius: 0;}

    .sas_content, .sas_con_area {/*height: calc(100vh - 60px);*/}
    .sas_boxlist1.tab2 .boxlist {width: 100%; margin-bottom:25px;}

    .sas_day_text1 {z-index: 4; right:unset; left:20px; top:69px; border:0;}
    .sas_content_topbox {height: 60px; padding:0 20px;}
    .sas_search_box {width: 100%; top: 60px; transform: translate(-50%, 0%); border-top:1px solid #dbe5f1; border-bottom:1px solid #dbe5f1; z-index: 3;}
    .sas_search_box input {width: 100%; border:unset; border-radius:0; padding-left:220px;}

    .sas_title_box1 {height: 40px;}

    .sas_main_list1.type1 li {padding:5px 0;}

    .sas_main_list1.type1 li p:nth-child(1) {width: 30px;}
    .sas_main_list1.type1 li p:nth-child(2) {width: calc(100% - 80px); padding:0 10px;}
    .sas_main_list1.type1 li p:nth-child(3) {width: 50px;}

    #sas_footer {height: 60px;}

    .sas_main_stylebox1 {border-radius:10px;}

    .sas_pageing_control ul li {width: 25px; height: 25px;}
    .sas_pageing_control ul li img {height: 9px;}

    .sas_tablelist thead th {padding:15px 0;}
    .sas_tablelist thead th p {padding:0 15px;}
    .sas_tablelist tbody td {padding:18px 10px;}

    .sas_sub_con_area {/*padding:70px 10px;*/}
    .sas_sub_conbox1 {padding:5px;}

    .sas_search_box_input {height:40px;}

    .sas_list_title {padding:15px;}
    .sas_list_box1 {padding:15px 15px 10px;}
    .sas_list_box1, .sas_list_box1 .d-flex {flex-wrap:wrap;}
    .sas_list_box1 > div, .sas_list_box1 dl {width: 100%;}
    .sas_list_box1 dl {margin-bottom:10px;}

    .sas_listup_btn {width:80px; height:35px;}

    .sas_list_more_conbox {padding:20px;}

    .sas_list_add_area dt {width: 80px;}
    .sas_list_add_area dd {width: calc(100% - 80px);}
    .sas_list_add_input1.type-textarea {height: 300px;}
    .sas_list_add_area .ck-editor__editable {min-height: 300px;}
    .sas_list_add_area dt.type-textarea {height: 340px;}
    .sas_sub13_stylebox1 {padding: 10px 10px;}

    .sas_sub13_stylebox1 .container {padding: 0;}

    #ex_filename {width: 100%;}

    .sas_list_more_conbox img {width: 100%;}
}

@media (max-width: 767px) {
    /* 스크롤 래퍼 해제 */
    .sas_listbox1 .table_overflow_box {overflow-x: visible;}

    /* 테이블 구조 → 블록 레이아웃 */
    .sas_tablelist,
    .sas_tablelist tbody {display: block; width: 100%;}

    /* 헤더 숨김 */
    .sas_tablelist thead {display: none;}

    /* 각 행 = 카드 */
    .sas_tablelist tbody tr {
        display: block;
        border-top: 1px solid #e3e3e3;
        padding: 14px 0 10px;
        text-align: right;
        overflow: hidden;
    }
    .sas_tablelist tbody tr:last-child {border-bottom: 1px solid #e3e3e3;}

    /* 모든 셀 블록화, 기존 테이블 보더 제거 */
    .sas_tablelist tbody td {
        display: block;
        border: none !important;
        padding: 2px 16px;
        text-align: left !important;
    }

    /* 번호 열 숨김 */
    .sas_tablelist tbody td:first-child {display: none;}

    /* 제목 열 */
    .sas_tablelist tbody td.content_td {padding: 0 16px 6px; overflow-wrap: anywhere; word-break: break-word;}
    .sas_tablelist td.content_td a.d-flex {flex-wrap: wrap;}
    .sas_tablelist td.content_td a > span {min-width: 0;}
    .sas_tablelist td.content_td a span:nth-child(1) {white-space: normal; text-overflow: clip; overflow: visible;}

    /* 부가 정보 열 (작성일, 조회수 등) — 인라인 소자체 회색, 오른쪽 정렬, 제목 우측 경계 일치 */
    .sas_tablelist tbody td:not(.content_td):not(:first-child):not(.period-td):not(.bdg) {
        display: inline-block;
        padding: 1px 16px 1px 0;
        font-size: 0.82em;
        color: #999;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* 접수기간: bdg와 같은 줄, 왼쪽 float */
    .sas_tablelist tbody td.period-td {
        float: left;
        clear: left;
        display: block;
        padding: 2px 8px 4px 16px;
        font-size: 0.9em;
        color: #555;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    /* 상태 badge: period-td 옆에 float left */
    .sas_tablelist tbody td.bdg {
        float: left;
        display: block;
        padding: 2px 0 4px 4px;
        font-size: 0.9em;
        color: #555;
    }

    /* day 게시판 Zone 3: 접수기간·상태 아래에 float 해제 후 오른쪽 정렬 블록으로 표시 */
    .sas_tablelist tbody td.bdg + td {
        clear: both;
        display: block !important;
        text-align: right !important;
        padding: 2px 16px 2px 0;
        font-size: 0.82em;
        color: #999;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    /* 조회수 셀 앞에 조회 레이블 표시 */
    .sas_tablelist tbody td.view-cnt::before {
        content: '조회\00a0';
    }
    /* 작성일 셀에 조회수를 이어 붙여 같은 줄에 표시 */
    .sas_tablelist tbody td.write-date::after {
        content: '\00a0\00a0조회\00a0' attr(data-views);
    }
    /* 작성일 셀이 있을 때 조회수 독립 셀 숨김 */
    .sas_tablelist tbody td.write-date + td {
        display: none !important;
    }
}