@charset "UTF-8";
[t-center]{text-align: center;}
[t-left]{text-align: left;}
[t-right]{text-align: right;}
#search_field{background: #fafafa; border: 1px solid #ddd; padding: 30px; margin-bottom: 30px; display: flex; justify-content: center; position: relative;}
#search_field fieldset{width:100%; display: flex;}
#search_field legend{font-size:18px; font-weight: 700; margin-bottom:20px; display: none;}
#search_field .sf_start{display: flex; justify-content: space-between;  width:100%;}
#search_field .search_btn{display: inline-flex; align-items: center; justify-content: center; height: 35px; padding: 0 10px; color: #666; border-radius: 3px; transition: all .3s ease; background:#0045bd; font-size: 13px; white-space: nowrap; color:#fff;}
#search_field .search_btn:hover{color:#fff;}
#search_field ul{display: flex; flex-direction: column; gap:10px; width:100%;}
#search_field ul li{width:100%; display: flex; align-items: center; gap:10px;}
#search_field ul li *{display: flex;}
#search_field input,#search_field select{    display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d4d4d4; height: 35px; padding: 0 10px; color: #666; border-radius: 3px; transition: all .3s ease; background-color: #fff; font-size: 13px; white-space: nowrap;}
#search_field .search_btn_wrap{width:65px;}
#search_field .search_btn_wrap a{width:100%;}

/* condition (게시판 검색영역) */
.condition {padding: 25px; border: 1px solid #dde2e5; border-radius: 10px; font-size: 0; text-align: center;}
.condition .item + .item {margin-left: 20px;}
.condition .item {display: inline-block; vertical-align: top; font-size: 14px;}

/* board_list (게시판 목록) */
.board_list {border-top: 2px solid #222; margin-top: 20px;}
.board_list table {width: 100%; font-size: 16px; font-weight: 300;}
.board_list th {padding: 23px 0; border-bottom: 1px solid #888; color: #000; font-weight: 400; text-align: center;}
.board_list td {padding: 16px 0 19px 0; border-bottom: 1px solid #dde2e5; color: #666; text-align: center;}
.board_list td.al {padding: 16px 10px 19px 10px; text-align: left;}
.board_list td .lnk {color: #222;}
.board_list td .lnk:hover {color: #0045bd; text-decoration: underline;}
.board_list td .lnk_deleted {color: #999; text-decoration: line-through; cursor: default;}
.board_list_bot {margin-top: 30px;}

.tablestyle_1 *{line-height: 1.4; word-break: keep-all;}
.tablestyle_1 table{width:100%; border-top:2px solid #4d4d4d;}
.tablestyle_1 table th{background:#fafafa; color:#666;}
.tablestyle_1 table th, .tablestyle_1 table td{padding:10px; font-size:14px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
.tablestyle_1 table th:last-child, .tablestyle_1 table td:last-child{border-right:0;}

.tablestyle_2 *{line-height: 1.4; word-break: keep-all;}
.tablestyle_2 table{width:100%; border-top:2px solid #4d4d4d;}
.tablestyle_2 table th{background:#fafafa; color:#666;}
.tablestyle_2 table th, .tablestyle_2 table td{padding:10px; font-size:14px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9}
.tablestyle_2 table th:last-child, .tablestyle_2 table td:last-child{border-right:0;}


.table_type1 *{line-height: 1.4; word-break: keep-all;}
.table_type1 table{width:100%; border-top:2px solid #4d4d4d;}
.table_type1 table th{background:#fafafa; color:#666;}
.table_type1 table th, .table_type1 table td{padding:10px 7px; font-size:14px; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.table_type1 table th:last-child, .table_type1 table td:last-child{border-right:0;}
.help select,.help input{color: #f30;}
.table_type1 table textarea{height:140px;}
.fix{table-layout: fixed;}

.table_type1 table .lb{background: #fafafa; color: #666; text-align: center; font-weight: 700;}
.table_type1 table .lb label {font-size: 14px;}
.table_type1 table .lb .req {display: inline-block; width: 7px; height: 7px; font-size: 0; background: url(../images/ico_req.png) no-repeat; vertical-align: 15px;}

/* #page_info{font-size:14px;}
#page_info strong{color:#0045bd;} */


#page_info{display: flex; align-items: center; justify-content: space-between; margin-bottom:10px;}
#page_info #page_info_right{display: flex; align-items: center; gap:10px;}
#page_info #page_info_right label.first {display: none;}
#page_info select,#page_info input,#page_info a{display:inline-flex; align-items: center; justify-content: center; border:1px solid #d4d4d4; height:35px; padding:0 10px; color:#666; border-radius:3px; transition:all .3s ease; background-color:#fff; font-size:13px; white-space: nowrap; cursor: pointer;}
#page_info label:hover, #page_info input:hover, #page_info a:hover { background-color:#f6f6f6; color:#333;}
#page_info a.filetype{position: relative; display: flex; align-items: center; gap:10px;}
#page_info a.filetype svg{width:100%; height:100%;}
#page_info a.filetype::before{display: block; width:16px; height:16px; content:''; color:red; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><linearGradient id="vscodeIconsFileTypeExcel0" x1="4.494" x2="13.832" y1="-2092.086" y2="-2075.914" gradientTransform="translate(0 2100)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%2318884f"></stop><stop offset=".5" stop-color="%23117e43"></stop><stop offset="1" stop-color="%230b6631"></stop></linearGradient></defs><path fill="%23185c37" d="M19.581 15.35L8.512 13.4v14.409A1.192 1.192 0 0 0 9.705 29h19.1A1.192 1.192 0 0 0 30 27.809V22.5Z"></path><path fill="%2321a366" d="M19.581 3H9.705a1.192 1.192 0 0 0-1.193 1.191V9.5L19.581 16l5.861 1.95L30 16V9.5Z"></path><path fill="%23107c41" d="M8.512 9.5h11.069V16H8.512Z"></path><path d="M16.434 8.2H8.512v16.25h7.922a1.2 1.2 0 0 0 1.194-1.191V9.391A1.2 1.2 0 0 0 16.434 8.2Z" opacity=".1"></path><path d="M15.783 8.85H8.512V25.1h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191Z" opacity=".2"></path><path d="M15.783 8.85H8.512V23.8h7.271a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191Z" opacity=".2"></path><path d="M15.132 8.85h-6.62V23.8h6.62a1.2 1.2 0 0 0 1.194-1.191V10.041a1.2 1.2 0 0 0-1.194-1.191Z" opacity=".2"></path><path fill="url(%23vscodeIconsFileTypeExcel0)" d="M3.194 8.85h11.938a1.193 1.193 0 0 1 1.194 1.191v11.918a1.193 1.193 0 0 1-1.194 1.191H3.194A1.192 1.192 0 0 1 2 21.959V10.041A1.192 1.192 0 0 1 3.194 8.85Z"></path><path fill="%23fff" d="m5.7 19.873l2.511-3.884l-2.3-3.862h1.847L9.013 14.6c.116.234.2.408.238.524h.017c.082-.188.169-.369.26-.546l1.342-2.447h1.7l-2.359 3.84l2.419 3.905h-1.809l-1.45-2.711A2.355 2.355 0 0 1 9.2 16.8h-.024a1.688 1.688 0 0 1-.168.351l-1.493 2.722Z"></path><path fill="%2333c481" d="M28.806 3h-9.225v6.5H30V4.191A1.192 1.192 0 0 0 28.806 3Z"></path><path fill="%23107c41" d="M19.581 16H30v6.5H19.581Z"></path></svg>') no-repeat center;}

#paging_div{display: flex; justify-content: center; margin-top:30px;}
#paging_div ul{display: flex; gap:10px;}
#paging_div ul > *{width:30px; height:30px; position: relative; transition: all .3s ease;}
#paging_div ul li{display: flex; align-items: center; justify-content: center; cursor: pointer;}
#paging_div ul li a, #paging_div ul li strong{transition: all .3s ease; width:30px; height:30px; display: flex; align-items: center; justify-content: center;}
#paging_div ul li strong{background:#0045bd; color:#fff;}
#paging_div ul .first::before{position: absolute; content:''; left:calc(50% - 1px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-top:transparent; border-right:transparent;}
#paging_div ul .first::after{position: absolute; content:''; left:calc(50% + 3px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-top:transparent; border-right:transparent;}
#paging_div ul .prev::before{position: absolute; content:''; left:calc(50% + 1px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-top:transparent; border-right:transparent;}
#paging_div ul .next::before{position: absolute; content:''; left:calc(50% - 3px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-bottom:transparent; border-left:transparent;}
#paging_div ul .last::before{position: absolute; content:''; left:calc(50% + 1px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-bottom:transparent; border-left:transparent;}
#paging_div ul .last::after{position: absolute; content:''; left:calc(50% - 3px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-bottom:transparent; border-left:transparent;}
#paging_div ul > *:hover,#paging_div ul > *:hover a{background:#0045bd; color:#fff;}
#paging_div ul > *:hover::before, #paging_div ul > *:hover::after{border-color:#fff;}
#paging_div ul a.prev,#paging_div ul a.next{font-size:0 !important;}

.board_btn1{border:1px solid #0045bd; font-size:12px; color:#0045bd; padding:3px 7px; transition: all .3s ease; text-decoration: none;}
.board_btn1:hover{ background:#0a3663; border-color: #0a3663;}

.paging_group{display: flex; justify-content: center; gap:10px; margin-top:20px;}
.paging_group li a{display: flex; align-items: center; justify-content: center; font-size:13px; position: relative; width:30px; height:30px; }
.paging_group li.on a{background:#0045bd; color:#fff;}
.paging_group li i{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:30px; height:30px;}
.paging_group li.first i::before{position: absolute; content:''; left:calc(50% - 1px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-top:transparent; border-right:transparent;}
.paging_group li.first i::after{position: absolute; content:''; left:calc(50% + 3px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-top:transparent; border-right:transparent;}
.paging_group li.prev i::before{position: absolute; content:''; left:calc(50% + 1px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-top:transparent; border-right:transparent;}
.paging_group li.next i::before{position: absolute; content:''; left:calc(50% - 3px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-bottom:transparent; border-left:transparent;}
.paging_group li.last i::before{position: absolute; content:''; left:calc(50% + 1px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-bottom:transparent; border-left:transparent;}
.paging_group li.last i::after{position: absolute; content:''; left:calc(50% - 3px); top:50%; transform: translate(-50%,-50%) rotate(45deg); width:25%; height:25%; border:1px solid #333; border-bottom:transparent; border-left:transparent;}

.board_top{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom:20px;}
.board_top .btn_group{display: flex;gap:10px;}
.board_top h4{position: relative; font-size:20px; padding-left:20px; z-index: 1;}
.board_top h4::before{position: absolute; content:''; left:0; top:50%; transform: translateY(-50%); width:12px; height:12px; border:4px solid #0045bd;}

.search_box1{background:#fafafa; border:1px solid #ddd; padding:30px; margin-bottom:30px; display: flex; justify-content: center;}
.search_box1 ul{display: flex; gap:30px;}
.search_box1 ul li{display: flex; align-items: center; justify-content: center;}
.search_box1 label{font-size:14px; margin-right:10px;}
.search_box1 input, .search_box1 select{background:#fff ; height:33px;}
.search_box1 button{width:35px; height:33px; position: relative; background:#0045bd; border-radius: 3px; transform: translateX(-3px); display: flex; align-items: center; justify-content: center;}
.search_box2{width:100%; padding:30px; background:#fafafa; border:1px solid #ddd;}
.search_box2 > ul{display: flex; flex-wrap: wrap; margin:-5px;}
.search_box2 > ul > li{display: flex; font-size:14px; align-items: center; margin:5px; width:calc(33.33333% - 10px);}
.search_box2 > ul > li .tit{width:80px; padding:10px; font-weight: 700;}
.search_box2 > ul > li .data{width:calc(100% - 80px); display: flex; gap:10px;}
.search_box2 > ul > li select{background:#fff; width:100%;}
.search_box2 input{width:100%;}

.info_type1{border-top:2px solid #333;}
.info_type1 > ul{display: flex; flex-wrap: wrap;}
.info_type1 > ul li{display: flex; border-bottom:1px solid #d9d9d9; width: calc(100% / 2); min-height:55px;}
.info_type1 .tit{display: flex; align-items: center; font-size:14px; font-weight: 700; width:150px; background:#f2f2f2; padding:10px;}
.info_type1 .data{display: flex; align-items: center; width:calc(100% - 150px); padding:10px;}
.info_type1 .data_inner{display: flex; flex-wrap: wrap; width:calc(100% - 150px);}
.info_type1 .data_inner li{border:0;}
.info_type1 .data_inner li .tit{background:#fff; width:auto;}
.info_type1 .data_inner li .data{flex-grow: 1;}

.calendar_type1{display: flex; position: relative; gap:10px;}
.calendar_type1 .group{position: relative; display: flex; align-items: center; font-size:14px;}
.calendar_type1 .group:last-child:before{display: none;}
.calendar_type1 input{border:1px solid #ddd; height:35px; flex-grow: 1; width:calc(100% - 35px);}
.calendar_type1 .con_calendar{width:35px; height:35px; display: flex; align-items: center; justify-content: center;}
.calendar_type1 .con_calendar::before{width:24px; height:24px;}

.add_type1{display: flex; flex-wrap: wrap; width:100%;}

.radeo_type1{display: flex; gap:20px;}
.radeo_type1 .group{display: flex; align-items: center; gap:5px; font-size:14px;}
.file_type1 span{font-size:14px; color:#0045bd; font-weight: 700;}
.x_scroll{position: relative;}
.x_scroll,.table_overflow{overflow-x: scroll;}
.x_scroll table{width:1400px;}
.y_scroll {max-height:500px; overflow-y: scroll;}

.li_type1{ font-size:14px;}
.li_type1 li{line-height: 1.4; font-size:15px; position: relative; padding-left:12px; word-break: keep-all; margin-bottom:5px;}
.li_type1 li:last-child{margin-bottom:0;}
.li_type1 li::before{position: absolute; content:''; left:0; top:7px; width:5px; height:5px; background:#0045bd;}
.select_type1{display: inline-block; border:1px solid #ddd; height:35px;}
.input_type1{display:inline-block; border:1px solid #d4d4d4; height:35px; line-height:35px; padding:0 10px; color:#666; border-radius:3px; transition:all .3s ease; background-color:#fff;}
.li_type1 li ul li::before{position: absolute; content:''; left:0; top:9px; width:5px; height:2px; background:#0045bd;}

.input_style1,.select_style1{display:inline-block; border:1px solid #d4d4d4; height:35px; line-height:35px; padding:0 10px; color:#666; border-radius:3px; transition:all .3s ease; background-color:#fff;}

.ui-datepicker .ui-datepicker-buttonpane button, .ui-corner-all, .ui-state-default, .ui-widget-content .ui-state-default, .ui-state-default, .ui-widget-content .ui-state-default{margin:0; padding:0; border:0; background:transparent;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:auto;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:transparent !important;}
.ui-datepicker{padding:20px !important; background:#fff !important; border:1px solid #ddd !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25); width:300px !important; display: none;}
.ui-datepicker-header{display: flex !important; justify-content: center !important; position: relative !important; margin:0 0 15px !important; padding:0 0 15px !important; border:0 !important; border-bottom:1px solid #ddd !important; background: transparent !important;}
.ui-datepicker-header [data-handler="prev"]{position: absolute !important; left:0 !important; top:calc(50% - 10px) !important; transform: translateY(-50%) !important; font-size:0 !important; width:36px !important; height:36px !important; cursor: pointer !important;}
.ui-datepicker-header [data-handler="prev"]::before{position: absolute !important; content:'' !important; width:100% !important; height:100% !important; transform: rotate(180deg) !important; border-radius: 50% !important;  background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16.15 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z'/%3E%3C/svg%3E") no-repeat center / 70% !important;}
.ui-datepicker-header [data-handler="next"]{position: absolute !important; right:0 !important; top:calc(50% - 10px) !important; transform: translateY(-50%) !important; font-size:0 !important; width:36px !important; height:36px !important; cursor: pointer !important;}
.ui-datepicker-header [data-handler="next"]::before{position: absolute; content:'' !important; width:100% !important; height:100% !important; border-radius: 50% !important; background:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16.15 13H5q-.425 0-.712-.288T4 12q0-.425.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375q0 .2-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z'/%3E%3C/svg%3E") no-repeat center / 70% !important;}
.ui-datepicker-header [data-handler="prev"] span,.ui-datepicker-header [data-handler="next"] span{display: none !important;}
.ui-datepicker-header [data-handler="prev"]:hover,.ui-datepicker-header [data-handler="next"]:hover{border:0 !important; background:transparent !important;}
.ui-datepicker-title{display: flex !important; gap:10px !important;}
.ui-datepicker-title select{padding:7px 10px !important; width:80px !important; border:1px solid #ddd !important; font-size:12px !important;}

.ui-datepicker table{width:100% !important; text-align: center !important; font-size:12px !important;}
.ui-datepicker table thead tr th{padding:5px !important;}
.ui-datepicker table thead tr th:nth-child(1){color:#f30 !important; font-weight: 600 !important;}
.ui-datepicker table thead tr th:nth-child(7){color:#06f !important; font-weight: 600 !important;}
.ui-datepicker table tbody tr td{border:0 !important;}
.ui-datepicker table tbody tr td a{position: relative !important; display: flex !important; width:100% !important; height:100% !important; padding:5px !important; align-items: center !important; justify-content: center !important; border:0 !important; background:transparent !important; color:#454545 !important;}
.ui-datepicker table tbody tr td:nth-child(1) a{color:#f30 !important;}
.ui-datepicker table tbody tr td:nth-child(7) a{color:#06f !important;}
.ui-datepicker table tbody tr td a::before{position: absolute !important; content:'' !important; left:50% !important; top:50% !important; transform: translate(-50%,-50%) !important; width:25px !important; height:25px !important; border-radius: 50% !important; background:#09f !important; z-index: -1 !important; opacity: 0 !important; transition: all .3s ease !important;}
.ui-datepicker table tbody tr td.ui-datepicker-today a::after{ position: absolute; content:''; left:50%; top:50%; transform: translate(-50%,-50%); width:25px; height:25px; border-radius: 50%; border:1px solid #07f; z-index: 1; transition: all .3s ease;}
.ui-datepicker table tbody tr td:hover a::before{opacity: .1 !important;}
.ui-datepicker-buttonpane{display: flex !important; justify-content: space-between !important; padding-top:15px !important; margin-top:15px !important; border-top:1px solid #ddd !important;}
.ui-datepicker-buttonpane button{padding:7px 10px !important; font-size:12px !important; color:#fff !important; border-radius: 3px !important;}
.ui-datepicker-buttonpane button:nth-child(1){background:#0045bd !important;}
.ui-datepicker-buttonpane button:nth-child(2){background:#666 !important;}

/* Form */
    /* for IE10 */
    input::placeholder {color: #aaa; opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}
    input::-webkit-input-placeholder {color: #aaa;}
    /* IE */
    input:-ms-input-placeholder {color: #aaa;}
    input[type=text]::-ms-clear {display:none;}
    /* Firefox */
    input:-mos-input-placeholder {color: #aaa;}

    .f_search {display: inline-flex; align-items: center; gap:10px;}
    .f_search input[type=text] {width: 100%; height: 35px; padding: 0 50px 0 20px; border: 1px solid #dde2e5; border-radius: 5px; color: #222; font-size: 16px; background: #f7f7f7;}

    .f_search2 {display: inline-flex; align-items: center; gap:10px;}
    .f_search2 input[type=text] {width: 100%; height: 35px; padding: 0 50px 0 20px; border: 1px solid #dde2e5; border-radius: 5px; color: #222; font-size: 16px; background: #F7F7F7;}
    

    .f_search3 {display: inline-block; position: relative; vertical-align: top;}
    .f_search3 input[type=text] {width: 100%; height: 35px; border: 1px solid #dde2e5; border-radius: 5px;}
    .f_search3 .btn {display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 25px; height: 27px; border: 0; font-size: 0; background: url(../images/ico_search_b.png) no-repeat;}

    select {font-family: 'NotoSans', sans-serif; font-weight: 400;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
        -webkit-border-radius: 0;
        appearance:none;}
    select::-ms-expand {display:none;}

    .f_select {display: inline-block; position: relative; min-width:125px; height: 35px; border: 0; border-radius: 5px; background: #f7f7f7; vertical-align: top;}
    .f_select::after {content: ""; display: block; position: absolute; right: 11px; top: 50%; transform: translateY(-50%); width: 15px; height: 9px; background: url(../images/ico_arrow_gray_15x9.png) no-repeat;}
    .f_select select {width: 100%; height: 100%; padding: 0 20px; border: 0; color: #222; font-size: 14px; background: transparent;}

    .f_chk {display: inline-block; min-width: 30px; height: 30px; color: #666; font-size: 14px; font-weight: 300; line-height: 30px;}
    .f_chk::before {content: ""; display: inline-block; width: 30px; height: 30px; border-radius: 5px; background: #e7eef2; vertical-align: top;}
    .f_chk.on:before {background: #e7eef2 url(../images/bg_chkbox_on.png) no-repeat center;}
    .f_chk input[type=checkbox] {width: 0;}

    .f_chk_only {display: inline-block; width: 20px; height: 20px; vertical-align: top; cursor: pointer;}
    .f_chk_only.on:before {border: 0; background: #0075ff url(../images/bg_chkbox2_on.png) no-repeat center;}
    .f_chk_only input[type=checkbox] {width: 0;}

    .f_rdo {display: inline-block; min-width: 22px; height: 22px; color: #222; font-size: 14px; font-weight: 300; line-height: 22px;}
    .f_rdo::before {content: ""; display: inline-block; width: 22px; height: 22px; border-radius: 5px; background: url(../images/bg_rdobox.png) no-repeat; vertical-align: top;}
    .f_rdo.on:before {background: url(../images/bg_rdobox_on.png) no-repeat center;}
    .f_rdo input[type=radio] {width: 0;}

    .f_txt {height: 35px; padding: 0 10px; border: 1px solid #dde2e5; border-radius: 5px; color: #222; font-size: 14px; font-weight: 300; vertical-align: top;}
    .f_txt2 {height: 35px; padding: 0 10px; border: 0; border-radius: 5px; color: #222; font-size: 14px; font-weight: 300; background: #f7f7f7;}

    .f_txt_inner {display: inline-block; height: 35px; color: #222; font-weight: 300; line-height: 35px;}

    .f_txtar {padding: 19px; border: 1px solid #dde2e5; border-radius: 5px; color: #222; font-size: 14px; font-weight: 300; resize: none;}

    .f_date {width: 117px; height: 46px; border: 0; border-radius: 5px; color: #222; font-size: 14px; font-weight: 300; text-align: center; background: #f7f7f7;}


    .group-tel{display: flex; align-items: center; gap:10px;}



    .ui-dialog{display: flex; background: #fff; border:1px solid #ddd; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); z-index: 10000;}
    .ui-dialog-content{display: flex; flex-direction: column; flex:1 1 0;}
    
    .pop_header{display: flex; align-items: center; justify-content: space-between; height:35px; padding:0 15px; border-bottom:1px solid #ddd; background: #fafafa;}
    .pop_header h1{font-size:14px;}
    .pop_container{padding:25px; overflow: hidden;}

/* 첨부파일 목록: 항목별 구분 및 링크 색상 (목록 내 링크만 적용, 버튼 제외) */
.board_attach_list .board_attach_item { display: block; margin-bottom: 8px; }
.board_attach_list .board_attach_item:last-child { margin-bottom: 0; }
.board_attach_list a.board_attach_link,
.board_attach_list a[href="#LINK"] { color: #004c98 !important; }