@charset "utf-8";

/*갤러리형 리스트 유형*/
.com_gallery_list_area {}
.com_gallery_list_area > .list { font-size: 0;}
.com_gallery_list_area > .list > li { display: inline-block; width: calc(33.333% - 20px); margin: 34px 30px 0 0; vertical-align: top;}
.com_gallery_list_area > .list > li:nth-child(-n+3) { margin: 0 30px 0 0;}
.com_gallery_list_area > .list > li:nth-child(3n) { margin: 30px 0 0;}
.com_gallery_list_area > .list > li:nth-child(3) { margin: 0;}
.com_gallery_list_area > .list > li .box { display: block;}
.com_gallery_list_area > .list > li .box:hover,
.com_gallery_list_area > .list > li .box:focus { border-radius: 7px;}
.com_gallery_list_area > .list > li .box .img_box { overflow: hidden; position: relative; padding: 0 0 60%; border: 1px solid #b1b8be; border-radius: 7px;}
.com_gallery_list_area > .list > li .box .img_box .img_inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.com_gallery_list_area > .list > li .box .img_box .img_inner img { display: block; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.com_gallery_list_area > .list > li .box .text_area { padding: 18px 0 0;}
.com_gallery_list_area > .list > li .box .text_area .tit { margin: 0 0 12px; font-weight: 600; font-size: 20px; line-height: 30px; color: #222222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.com_gallery_list_area > .list > li .box:hover .tit { text-decoration: underline;}
.com_gallery_list_area > .list > li .box .text_area .date { font-weight: 500; font-size: 16px; line-height: 24px; color: #666666;}
.com_gallery_list_area > .list > li.no_data { border: 1px solid #b1b8be; width: 100% !important; margin: 0 !important; padding: 60px 16px; text-align: center; border-radius: 7px;}
.com_gallery_list_area > .list > li.no_data .text { font-weight: 400; font-size: 18px; line-height: 27px; color: #666666;}
/*갤러리형 리스트 유형*/

/*공통 검색기*/
.com_sch_area {position: relative; margin: 0 0 35px; padding: 12px; background-color: #f2f2f2; border-radius: 8px;}
.com_sch_area .inner_box {}
.com_sch_area .inner_box .row { display: flex; align-items: center; margin: 0 0 12px;}
.com_sch_area .inner_box .row:last-child { margin: 0;}
.com_sch_area .inner_box .row .box { margin: 0 10px 0 0; font-size: 0;}
.com_sch_area .inner_box .row .box:last-child { margin: 0;}
.com_sch_area .inner_box .row .box > * { display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}
.com_sch_area .inner_box .row .box > *:last-child { margin: 0;}
.com_sch_area .inner_box .row .box .tit { font-weight: 400; font-size: 16px; line-height: 24px; color: #888888;}
.com_sch_area .inner_box .row .box .slt_box { min-width: 180px;}
.com_sch_area .inner_box .row .box .inp_box { position: relative; min-width: 400px;}
.com_sch_area .inner_box .row .box .slt_box .slt,
.com_sch_area .inner_box .row .box .inp_box .inp { height: 56px; border: 1px solid #b1b8be; padding: 0 20px; background-color: #ffffff; font-weight: 500; font-size: 17px; line-height: 26px; color: #666666; border-radius: 8px;}
.com_sch_area .inner_box .row .box .slt_box .slt { padding-right: 40px; background-image: url("/images/board/slt_arr.svg"); background-position: right 20px center; background-size: 11px auto;}
.com_sch_area .inner_box .row .box .inp_box .inp { padding-right: 45px; color: #444444;}
.com_sch_area .inner_box .row .box .inp_box .inp::placeholder { font-weight: 500; font-size: 17px; line-height: 26px; color: #666666 !important;}
.com_sch_area .inner_box .row .box .inp_box .sch_btn { position: absolute; top: 50%; right: 18px; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 4px;}
.com_sch_area .inner_box .row .box .inp_box .sch_btn::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #666666; mask-image: url("/images/board/sch_ico.svg"); mask-position: center; mask-size: 20px; mask-repeat: no-repeat;}
.com_sch_area .inner_box .row .box .advanced_sch_btn { display: inline-block; position: relative; padding: 0 0 0 30px; font-size: 18px; line-height: 26px; color: #222222;}
.com_sch_area .inner_box .row .box .advanced_sch_btn::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 19px; height: 19px; background-color: #33363D; mask-image: url("/images/board/advanced_sch_ico.svg"); mask-position: center; mask-size: 100%; mask-repeat: no-repeat;}

.com_sch_area.sty2 { padding: 0; background-color: transparent !important;}
.com_sch_area.sty2 .inner_box .row .box > * { display: block;}
.com_sch_area.sty2 .inner_box .row .box .tit { margin: 0 0 10px;}
/*공통 검색기*/

/*상단 페이지 수 및 필터*/
.board_top_util_area {position: relative; margin: 0 0 30px;}
.board_top_util_area .inner_box { display: flex; justify-content: space-between; align-items: center;}
.board_top_util_area .page_txt {position: relative; font-weight: 700; font-size: 20px; line-height: 36px; color: #222222;}
.board_top_util_area .page_txt .num { color: #2462c8;}
.board_top_util_area .title_list_area {position: relative;}
.board_top_util_area .title_list_area .list {display: flex; align-items: center; justify-content: flex-start;}
.board_top_util_area .title_list_area .list li {position: relative; margin: 0 30px 0 0; padding: 0 31px 0 0;}
.board_top_util_area .title_list_area .list li:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 19px; background-color: #8a949e; transform: translateY(-50%);}
.board_top_util_area .title_list_area .list li:last-child {margin: 0; padding: 0;}
.board_top_util_area .title_list_area .list li:last-child:after {display: none;}
.board_top_util_area .util_area {position: relative;}
.board_top_util_area .util_area > .list { font-size: 0;}
.board_top_util_area .util_area > .list > li { display: inline-block; position: relative; margin: 0 20px 0 0; padding: 0 21px 0 0; vertical-align: middle;}
.board_top_util_area .util_area > .list > li::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 19px; background-color: #b1b8be;}
.board_top_util_area .util_area > .list > li:last-child { margin: 0; padding: 0;}
.board_top_util_area .util_area > .list > li:last-child::after { display: none;}
.board_top_util_area .util_area > .list > li .box { font-size: 0;}
.board_top_util_area .util_area > .list > li .box > * { display: inline-block; vertical-align: middle;}
.board_top_util_area .util_area > .list > li .box .tit { margin: 0 20px 0 0; font-weight: 700; font-size: 18px; line-height: 36px; color: #222222;}
.board_top_util_area .util_area > .list > li .box .slt_area {}
.board_top_util_area .util_area > .list > li .box .slt_area .slt { height: 36px; border: none; padding: 0 26px 0 2px; background-color: transparent; background-image: url("/images/board/slt_arr.svg"); background-position: right 2px center; background-size: 11px 7px; font-weight: 500; font-size: 18px; line-height: 27px; color: #222222; border-radius: 4px; transition: all 0.3s ease-in-out;}
.board_top_util_area .util_area > .list > li .box .slt_area .slt:hover { background-color: #eef2f7;}
.board_top_util_area .util_area > .list > li .box .filter_list_area {}
.board_top_util_area .util_area > .list > li .box .filter_list_area > .list { font-size: 0;}
.board_top_util_area .util_area > .list > li .box .filter_list_area > .list > li { display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}
.board_top_util_area .util_area > .list > li .box .filter_list_area > .list > li:last-child { margin: 0;}
.board_top_util_area .util_area > .list > li .box .filter_list_area > .list > li .filter_btn { display: block; padding: 0 7px; font-weight: 500; font-size: 18px; line-height: 36px; color: #222222; transition: all 0.3s ease-in-out; border-radius: 4px;}
.board_top_util_area .util_area > .list > li .box .filter_list_area > .list > li .filter_btn:hover { background-color: #eef2f7;}
.board_top_util_area .util_area > .list > li .box .filter_list_area > .list > li.on .filter_btn {background-color: #eef2f7; text-decoration: underline; text-underline-position: under;}
.board_top_util_area .util_area > .list > li .box .filter_list_area > .filter_m_slt { display: none;}
/*상단 페이지 수 및 필터*/

/*공지 리스트형 유형*/

/*페이지네이션*/
.pagination_area { margin: 60px 0 0;}
.pagination_area .inner_box { display: flex; justify-content: center; align-items: center; gap: 7px;}
.pagination_area .inner_box .page_area { display: flex; justify-content: center; align-items: center; position: relative; gap: 7px;}
.pagination_area .inner_box .page_area .page { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: 400; font-size: 18px; line-height: 20px; color: #464c53; text-align: center; border-radius: 4px; transition: all 0.3s ease-in-out; word-break: break-all;}
.pagination_area .inner_box .page_area .page.dot { position: relative;}
.pagination_area .inner_box .page_area .page.dot::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #33363D; mask-image: url("/images/board/pagi_dot.svg"); mask-position: center; mask-size: 19px auto; mask-repeat: no-repeat;}
.pagination_area .inner_box .page_area .page:not(span):hover { background-color: #eef2f7;}
.pagination_area .inner_box .page_area .page.active { background-color: #2462c8 !important; font-weight: 700; color: #Ffffff !important;}
.pagination_area .inner_box .page_area .page.active .skeletion_loading {border-radius: 4px;}
.pagination_area .inner_box .page_navi { position: relative; padding: 0 10px; font-weight: 400; font-size: 17px; line-height: 40px; color: #8a949e; border-radius: 4px; transition: all 0.3s ease-in-out;}
.pagination_area .inner_box .page_navi::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background-color: #8a949e; mask-image: url("/images/board/pagi_arrow.svg"); mask-size: 100%; mask-position: center; mask-repeat: no-repeat;}
.pagination_area .inner_box .page_navi.prev { padding-left: 30px;}
.pagination_area .inner_box .page_navi.prev::before { left: 10px; transform: translateY(-50%) rotate(180deg);}
.pagination_area .inner_box .page_navi.next { padding-right: 30px;}
.pagination_area .inner_box .page_navi.next::before { right: 10px;}
.pagination_area .inner_box a.page_navi { color: #404349;}
.pagination_area .inner_box a.page_navi::before { background-color: #404349;}
.pagination_area .inner_box a.page_navi:hover { background-color: #eef2f7;}
/*페이지네이션*/

/*공통 마크*/
.mark_list_area {margin: 0 0 11px;}
.mark_list_area > .list { font-size: 0;}
.mark_list_area > .list > li { display: inline-block; margin: 0 6px 0 0; vertical-align: middle; position: relative;}
.mark_list_area > .list > li:last-child { margin: 0;}
.mark_list_area > .list > li .text { display: inline-block; border: 1px solid #ecf2fe; padding: 0 12px; background-color: #ecf2fe; font-weight: 500; font-size: 16px; line-height: 30px; color: #0b50d0; border-radius: 6px;}
.mark_list_area > .list > li .text.eng {padding: 3px 12px; line-height: 1.5;}
/*공통 마크*/

/*상세 페이지*/


/*상세 페이지 - Q&A*/
.qna_list_area {}
.qna_list_area > .list {font-size: 0; word-break: keep-all;}
.qna_list_area > .list > li {}
.qna_list_area > .list > li + li {margin: 8px 0 0;}
.qna_list_area > .list > li > .box {display: flex; padding: 24px 32px; border: 1px solid #b1b8be; border-radius: 8px; background-color: #ffffff;}
.qna_list_area > .list > li > .box.on,
.qna_list_area > .list > li > .box:hover {background-color: #f7f7f7;}
.qna_list_area > .list > li > .box .category_area {width: 100px; flex-shrink: 0;}
.qna_list_area > .list > li > .box .category_area .category {font-weight: 700; font-size: 20px; color: #000000;}
.qna_list_area > .list > li > .box .text_area {width: calc(100% - 100px);}
.qna_list_area > .list > li > .box .text_area .tit {position: relative; padding: 0 32px 0 0; font-weight: 500; font-size: 20px; color: #222222;}
.qna_list_area > .list > li > .box .text_area .tit:after {content: ''; display: inline-block; position: absolute; top: 3px; right: 0; width: 24px; height: 24px; background-color: #4a5057; mask-image: url("/images/board/qna_arrow.svg"); mask-position: center; mask-size: 24px; mask-repeat: no-repeat; transition: 0.4s ease-in-out;}
.qna_list_area > .list > li > .box.on .text_area .tit:after {transform: rotate(-180deg);}
.qna_list_area > .list > li > .box .text_area .txt {display: none; margin: 20px 0 0; font-weight: 500; font-size: 18px; color: #666666;}
.qna_list_area > .list > li > .box.no_data { display: flex; justify-content: center; align-items: center; font-weight: 400; font-size: 18px; color: #666666;}
.qna_list_area > .list > li > .box.no_data:hover { background-color: inherit !important;}
/*상세 페이지 - Q&A*/

/*서브 공통 탭*/
.com_sub_tab_area {position: relative; margin: 0 0 40px;}
.com_sub_tab_area .skeletion_loading {border-radius: 0;}
.com_sub_tab_area > .list { display: flex; align-items: center; gap: 0 8px; border-bottom: 1px solid #c3c3c3;}
.com_sub_tab_area > .list.eng {display: initial; align-items: initial; gap: initial; overflow-y: hidden; overflow-x: auto; white-space: nowrap;}

.com_sub_tab_area > .list.eng .mCSB_container {display: flex; align-items: center; gap: 0 20px;}
.com_sub_tab_area > .list li {position: relative;}
.com_sub_tab_area > .list li .tab_btn { display: block; position: relative; padding: 0 10px; text-align: center; transition: all 0.3s ease-in-out;}
.com_sub_tab_area > .list li .tab_btn:hover { background-color: #eef2f7;}
.com_sub_tab_area > .list li .tab_btn::before { content: ''; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background-color: #2462c8; transition: all 0.3s ease-in-out;}

.com_sub_tab_area > .list li.on .tab_btn::before { width: 100%;}
.com_sub_tab_area > .list li .tab_btn .text { display: inline-block; font-weight: 500; font-size: 18px; line-height: 75px; color: #666666; letter-spacing: -0.025em; transition: all 0.3s ease-in-out;}
.com_sub_tab_area > .list li .tab_btn:hover .text { color: #2462c8;}
.com_sub_tab_area > .list li.on .tab_btn .text { font-weight: 600; color: #2462c8;}

.com_sub_tab_area .file_down_area {position: absolute; top: 50%; right: 0; font-size: 0; transform: translateY(-50%);}
.com_sub_tab_area .file_down_area .btn {display: inline-block; border: 1px solid #2462c8; padding: 0 20px; background-color: #f7faff; border-radius: 8px;}
.com_sub_tab_area .file_down_area .btn .text {display: inline-block; position: relative; padding: 0 40px 0 30px; font-weight: 500; font-size: 16px; line-height: 46px; color: #2462c8;}
.com_sub_tab_area .file_down_area .btn .text:before {content: ''; position: absolute; top: 50%; left: 0; width: 18px; height: 18px; background-image: url('/images/sub/pdf_icon.svg'); background-position: center; background-repeat: no-repeat; transform: translateY(-50%); border-radius: 3px;}
.com_sub_tab_area .file_down_area .btn .text:after {content: ''; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; background-color: #2462c8; mask-image: url('/images/sub/file_down_icon.svg'); mask-position: center; mask-repeat: no-repeat; transform: translateY(-50%);}

.sub_tab_cont {position: relative; display: none;}
.sub_tab_cont > div {word-break: break-all;}
.sub_tab_cont.on { display: block;}
/*서브 공통 탭*/

/*공통 버튼*/
.com_btn_list_area {}
.com_btn_list_area.mt {margin: 34px 0 0;}
.com_btn_list_area > .list { font-size: 0;}
.com_btn_list_area > .list.tc { text-align: center;}
.com_btn_list_area > .list.tr { text-align: right;}
.com_btn_list_area > .list > li { position: relative; display: inline-block; margin: 0 8px 0 0; vertical-align: middle;}
.com_btn_list_area > .list > li:last-child { margin: 0;}
.com_btn_list_area > .list > li .btn { display: block; border: 1px solid #2462c8; background-color: #2462c8; padding: 0 25px; text-align: center; border-radius: 8px; transition: all 0.3s ease-in-out;}

.com_btn_list_area > .list > li .btn:hover { border: 1px solid #2462c8; background-color: #2462c8;}
.com_btn_list_area > .list > li .btn:focus { border: 1px solid #033277; background-color: #033277;}
.com_btn_list_area > .list > li .btn .text { display: inline-block; font-weight: 700; font-size: 18px; line-height: 50px; color: #ffffff;}

.com_btn_list_area > .list > li .btn.writing {}
.com_btn_list_area > .list > li .btn.writing .text {position: relative; padding: 0 0 0 34px;}
.com_btn_list_area > .list > li .btn.writing .text:before {content: ''; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; background-color: #ffffff; mask-image: url('/images/sub/writing_icon.svg'); mask-position: center; mask-repeat: no-repeat; transform: translateY(-50%);}

.com_btn_list_area > .list > li .btn.gray {border: 1px solid #444444; background-color: initial;}
.com_btn_list_area > .list > li .btn.gray .text {color: #444444;}

.com_btn_list_area > .list > li .btn.red {border: 1px solid #ca1818; background-color: initial;}
.com_btn_list_area > .list > li .btn.red .text {color: #ca1818;}


.com_btn_list_area > .list > li .btn.blue {border: 1px solid #2462c8; background-color: initial;}
.com_btn_list_area > .list > li .btn.blue .text {color: #2462c8;}


.dark-mode .com_btn_list_area > .list > li .btn.blue {border: 1px solid #519dee; background-color: initial;}
.dark-mode .com_btn_list_area > .list > li .btn.blue .text {color: #519dee;}


.com_btn_list_area > .list.type1 {display: flex; align-items: center; justify-content: space-between;}
.com_btn_list_area > .list.type1 > li:first-child .btn {background-color: initial;}
.com_btn_list_area > .list.type1 > li:first-child .btn .text {position: relative; padding: 0 46px 0 0; color: #2462c8;}
.com_btn_list_area > .list.type1 > li:first-child .btn .text:after {    content: ''; position: absolute; top: 50%; right: 0; width: 24px; height: 24px; background-color: #2462c8; mask-image: url('/images/sub/new_link_icon.svg'); mask-position: center; mask-size: 100%; mask-repeat: no-repeat; transform: translateY(-50%);}
/*공통 버튼*/

/*체크박스 유형*/
.chk_list_area {}
.chk_list_area > .list { font-size: 0;}
.chk_list_area > .list > li { display: inline-block; width: calc(25% - 20px); margin: 0 20px 0 0; vertical-align: middle;}
.chk_list_area > .list > li:last-child { margin: 0;}
.chk_list_area > .list > li .chk_area {}
.chk_list_area > .list > li .chk_area label {}
.chk_list_area > .list > li .chk_area label .inp_chk { width: 20px; height: 20px; border: 1px solid #58616a; padding: 0 !important; border-radius: 4px;}
.chk_list_area > .list > li .chk_area label .inp_chk:focus { outline: 0.2em solid #2462c8; box-shadow: 0 0 0 4px #2462c8;}
.chk_list_area > .list > li .chk_area label .inp_chk:checked { border: 1px solid #2462c8; background-color: #2462c8;}
.chk_list_area > .list > li .chk_area label .inp_chk:before { height: 10px; background-image: url("/images/board/chk.svg"); background-size: 11px 10px;}
.chk_list_area > .list > li .chk_area label .inp_chk:checked:before { width: 11px;}
.chk_list_area > .list > li .chk_area label .text {margin: 0 0 0 12px; font-weight: 500; font-size: 16px; color: #666666;}
.chk_list_area > .list > li .chk_area label .inp_chk:checked + .text {color: #2462c8;}
.dark-mode .chk_list_area > .list > li .chk_area label .inp_chk:checked + .text {color: #519dee;}
/*체크박스 유형*/

.m_sch_btn_area {display: none;}

.sch_popcont_area {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0 ,0 ,0 , 0.5); z-index: 2;}
.sch_popcont_area > .inner_box {overflow: hidden; position: absolute; top: 50%; left: 50%; width: calc(100% - 24px); height: 80%; border: 1px solid #dddddd; background-color: #ffffff; transform: translate(-50%, -50%); border-radius: 6px;}
.sch_popcont_area > .inner_box .title_area {display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 0 16px;}
.sch_popcont_area > .inner_box .title_area .title {font-weight: 600; font-size: 20px; color: #444444;}
.sch_popcont_area > .inner_box .title_area .close {display: block; position: relative; width: 24px; height: 24px;}
.sch_popcont_area > .inner_box .title_area .close:before {content: ''; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; background-color: #444444; mask-image: url('/images/sub/close.svg'); mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translate(-50%, -50%);}
.sch_popcont_area > .inner_box .m_sch_cont {overflow: hidden; height: calc(100% - 131px); padding: 16px 5px;}
.cut_com_sch_cont {position: relative; margin: 0 0 40px;}
.cut_com_sch_cont .cut_com_sch_area {overflow: hidden; margin: 0 0 20px; border: 1px solid #dadada; background-color: #ffffff; border-radius: 10px;}
.cut_com_sch_cont .cut_com_sch_area .table_cont {}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area {width: 100%; table-layout: fixed;}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody {}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr {border-bottom: 1px solid #eaeaea;}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr:last-child {border-bottom: initial;}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr th {padding: 13px 15px 13px 25px; background-color: #f9f9f9; font-weight: 600; font-size: 17px; color: #222222; text-align: left;}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr th.vt {padding: 15px 15px 15px 25px;vertical-align: top;}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr td {padding: 13px 15px;}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr td.p0 {padding: 0;}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr td .day_area {display: flex; align-items: center; justify-content: space-between;}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr td .day_area input {}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr td .day_area .text {display: inline-block; padding: 0 10px; font-weight: 500; font-size: 16px; color: #666666;}
.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr td input {padding: 0 20px;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont {border-top: 1px solid #eaeaea;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area {display: flex; align-items: center; justify-content: space-between; padding: 19px 15px 19px 28px; background-color: #f8fafd;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area.on {border-bottom: 1px solid #eaeaea;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area .title {font-weight: 700; font-size: 18px; color: #194998;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area .btn_area {}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area .btn_area .btn {display: block; position: relative; padding: 0 35px 0 0; font-weight: 600; font-size: 16px; color: #222222;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area .btn_area .btn .ico {display: block; position: absolute; top: 50%; right: 0; width: 22px; height: 22px; border: 1px solid #afafaf; background-color: #ffffff; border-radius: 4px; transform: translateY(-50%);}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area.on .btn_area .btn .ico {transform: rotate(180deg) translateY(50%);}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area .btn_area .btn .ico:before {content: ''; position:  absolute; top: 50%; left: 50%; width: 11px; height: 7px; background-color: #646464; mask-image: url('/images/board/slt_arr.svg'); mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translate(-50%, -35%);}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area {display: none;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area.type__2 {}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area > .list {}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area > .list > li {border-bottom: 1px solid #eaeaea;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area > .list > li:last-child {border-bottom: initial;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area > .list > li > .inner_box {display: flex; align-items: flex-start; justify-content: flex-start;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area > .list > li > .inner_box > .box {padding: 19px 15px 19px 28px;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area > .list > li > .inner_box > .box.left {width: 110px;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area > .list > li > .inner_box > .box.left .title {font-weight: 600; font-size: 17px; color: #222222; text-align: left;}
.cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area > .list > li > .inner_box > .box.right {width: calc(100% - 110px);}
.sch_btn_area {margin: 0 0 20px; text-align: center;}
.sch_btn_area .btn {display: inline-block; min-width: 120px; margin: 0 10px 0 0; padding: 0 20px; border-radius: 8px;}
.sch_btn_area .btn:last-child {margin: 0;}
.sch_btn_area .btn.reset {background-color: #444444;}
.sch_btn_area .btn.sch {background-color: #2462c8;}
.sch_btn_area .btn .text {display: inline-block; position: relative; padding: 0 0 0 30px; font-weight: 600; font-size: 18px; line-height: 48px; color: #ffffff;}
.sch_btn_area .btn .text:before {content: ''; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; background-color: #ffffff; mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translateY(-50%);}
.sch_btn_area .btn.reset .text:before {mask-image: url('/images/common/reset.svg');}
.sch_btn_area .btn.sch .text:before {mask-image: url('/images/board/sch_ico.svg');}
.cut_com_sch_cont .sch_data_area {position: relative;}
.cut_com_sch_cont .sch_data_area > .inner_box {display: flex; align-items: flex-start; justify-content: flex-start; padding: 22px 28px; background-color: #f2f2f2; border-radius: 12px;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box {}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.left {width: 220px; margin: 0 8px 0 0;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.left .title_area {display: flex; align-items: center; justify-content: space-between;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.left .title_area .title {font-weight: 700; font-size: 18px; color: #222222;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.left .title_area .title .ft_c {color: #2462c8;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.left .title_area .btn {display: block; position: relative; width: 36px; height: 36px; border: 1px solid #cdd1d5; background-color: #ffffff; border-radius: 50%;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.left .title_area .btn:before {content: ''; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; background-color: #33363d; mask-image: url('/images/common/reset.svg'); mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translate(-50%, -50%);}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.right {width: calc(100% - 228px);}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area {}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area .list {margin: 0 0 -7px; font-size: 0;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area .list li {display: inline-block; margin: 0 12px 7px 0;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area .list li .data_area {display: flex; align-items: center; justify-content: space-between; padding: 0 22px; border: 1px solid #cdd1d5; background-color: #ffffff; border-radius: 50px;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area .list li .data_area .text {display: inline-block; margin: 0 7px 0 0; font-weight: 500; font-size: 16px; line-height: 34px; color: #444444;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area .list li .data_area .close {display: block; position: relative; width: 14px; height: 14px; background-color: #cdd1d5; border-radius: 50%;}
.cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area .list li .data_area .close:before {content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; background-color: #363940; mask-image: url('/images/header/screen_pop_close.svg'); mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translate(-50%, -50%);}

@media only screen and (max-width:1280px) {
	/*공통 검색기*/
	.com_sch_area { margin: 0 0 30px;}
	.com_sch_area .inner_box .row .box .tit { font-size: 15px; line-height: 22px;}
	.com_sch_area .inner_box .row .box .slt_box { min-width: 160px;}
	.com_sch_area .inner_box .row .box .inp_box { min-width: 380px;}
	.com_sch_area .inner_box .row .box .slt_box .slt,
	.com_sch_area .inner_box .row .box .inp_box .inp { height: 50px; padding: 0 16px; font-size: 16px; line-height: 24px;}
	.com_sch_area .inner_box .row .box .slt_box .slt { padding-right: 36px; background-position: right 16px center;}
	.com_sch_area .inner_box .row .box .inp_box .inp { padding-right: 41px;}
	.com_sch_area .inner_box .row .box .inp_box .inp::placeholder { font-size: 16px; line-height: 24px;}
	.com_sch_area .inner_box .row .box .inp_box .sch_btn { right: 14px;}
	.com_sch_area .inner_box .row .box .advanced_sch_btn { padding: 0 0 0 25px; font-size: 17px; line-height: 25px;}
	.com_sch_area .inner_box .row .box .advanced_sch_btn::before { width: 16px; height: 16px;}
	/*공통 검색기*/

	/*상단 페이지 수 및 필터*/
	.board_top_util_area { margin: 0 0 25px;}
	.board_top_util_area .page_txt { font-size: 18px; line-height: 32px;}
	.board_top_util_area .title_list_area .list li {margin: 0 25px 0 0; padding: 0 26px 0 0;}

	.board_top_util_area .util_area > .list > li { margin: 0 16px 0 0; padding: 0 16px 0 0;}
	.board_top_util_area .util_area > .list > li::after { height: 18px;}
	.board_top_util_area .util_area > .list > li .box .tit { margin: 0 12px 0 0; font-size: 16px; line-height: 32px;}
	.board_top_util_area .util_area > .list > li .box .slt_area .slt { height: 32px; padding: 0 20px 0 2px; font-size: 16px; line-height: 30px !important;}
	.board_top_util_area .util_area > .list > li .box .filter_list_area > .list > li .filter_btn { font-size: 16px; line-height: 32px;}
	/*상단 페이지 수 및 필터*/


	/*페이지네이션*/
	.pagination_area { margin: 50px 0 0;}
	.pagination_area .inner_box .page_area .page {  width: 36px; height: 36px; font-size: 16px; line-height: 18px;}
	.pagination_area .inner_box .page_area .page.dot::before { mask-size: 17px auto;}
	.pagination_area .inner_box .page_navi { font-size: 15px; line-height: 36px;}
	.pagination_area .inner_box .page_navi::before { width: 7px; height: 13px;}
	.pagination_area .inner_box .page_navi.prev { padding-left: 26px;}
	.pagination_area .inner_box .page_navi.next { padding-right: 26px;}
	/*페이지네이션*/

	/*공통 마크*/
	.mark_list_area > .list > li .text { padding: 0 10px; font-size: 15px; line-height: 28px;}
	.mark_list_area > .list > li .text.eng {padding: 3px 10px; line-height: 1.5;}
	/*공통 마크*/


	/*상세 페이지 - Q&A*/
	.qna_list_area > .list > li > .box {padding: 20px 28px;}
	.qna_list_area > .list > li > .box .category_area .category {font-size: 18px;}
	.qna_list_area > .list > li > .box .text_area .tit {padding: 0 28px 0 0; font-size: 18px;}
	.qna_list_area > .list > li > .box .text_area .tit:after {top: 1px;}
	.qna_list_area > .list > li > .box .text_area .txt {font-size: 16px;}
	.qna_list_area > .list > li > .box.no_data { font-size: 16px;}
	/*상세 페이지 - Q&A*/

	/*서브 공통 탭*/
	.com_sub_tab_area { margin: 0 0 35px;}
	.com_sub_tab_area > .list li .tab_btn .text { font-size: 16px; line-height: 67px;}

	.com_sub_tab_area .file_down_area .btn {padding: 0 15px;}
	.com_sub_tab_area .file_down_area .btn .text {line-height: 42px;}
	/*서브 공통 탭*/

	/*공통 버튼*/
	.com_btn_list_area.mt {margin: 30px 0 0;}
	.com_btn_list_area > .list > li .btn { padding: 0 20px;}
	.com_btn_list_area > .list > li .btn .text { font-size: 16px; line-height: 45px;}

	.com_btn_list_area > .list > li .btn.writing .text {padding: 0 0 0 27px;}
	.com_btn_list_area > .list > li .btn.writing .text:before {width: 20px; height: 20px; mask-size: contain;}
	/*공통 버튼*/

	/*갤러리형 리스트 유형*/
	.com_gallery_list_area > .list > li { width: calc(33.333% - 17.333px); margin: 30px 26px 0 0;}
	.com_gallery_list_area > .list > li:nth-child(-n+3) { margin: 0 26px 0 0;}
	.com_gallery_list_area > .list > li:nth-child(3n) { margin: 26px 0 0;}
	.com_gallery_list_area > .list > li:nth-child(3) { margin: 0;}
	.com_gallery_list_area > .list > li .box .text_area { padding: 16px 0 0;}
	.com_gallery_list_area > .list > li .box .text_area .tit { margin: 0 0 8px; font-size: 18px; line-height: 27px;}
	.com_gallery_list_area > .list > li .box .text_area .date { font-size: 15px; line-height: 22px;}
	.com_gallery_list_area > .list > li.no_data { padding: 50px 16px;}
	.com_gallery_list_area > .list > li.no_data .text { font-size: 16px; line-height: 24px;}
	/*갤러리형 리스트 유형*/
}

@media only screen and (max-width:1024px) {
	/*공통 검색기*/
	.com_sch_area { margin: 0 0 25px;}
	.com_sch_area .inner_box .row { display: block;}
	.com_sch_area .inner_box .row .box { margin: 0 0 12px;}
	.com_sch_area .inner_box .row .box > * { display: block;}
	.com_sch_area .inner_box .row .box .tit { margin: 0 0 10px !important;}
	.com_sch_area .inner_box .row .box .slt_box { min-width: 100%;}
	.com_sch_area .inner_box .row .box .inp_box { min-width: 100%;}
	/*공통 검색기*/

	/*상단 페이지 수 및 필터*/
	.board_top_util_area { margin: 0 0 20px;}
	.board_top_util_area .title_list_area .list li {margin: 0 20px 0 0; padding: 0 21px 0 0;}
	.board_top_util_area .util_area > .list > li {margin: 0 10px 0 0; padding: 0 10px 0 0;}
	.board_top_util_area .util_area > .list > li .box .tit {margin: 0 7px 0 0;}
	.board_top_util_area .util_area > .list > li .box .filter_list_area > .list { display: none;}
	.board_top_util_area .util_area > .list > li .box .filter_list_area > .filter_m_slt { display: block; height: 32px; border: none; padding: 0 26px 0 2px; background-color: transparent; background-image: url("/images/board/slt_arr.svg"); background-position: right 7px center; background-size: 11px 7px; font-size: 16px; line-height: 30px !important; border-radius: 4px; transition: all 0.3s ease-in-out;}
	.board_top_util_area .util_area > .list > li .box .filter_list_area > .filter_m_slt:hover { background-color: #eef2f7;}
	/*상단 페이지 수 및 필터*/

	/*페이지네이션*/
	.pagination_area { margin: 40px 0 0;}
	/*페이지네이션*/


	/*상세 페이지 - Q&A*/
	.qna_list_area > .list > li > .box {padding: 16px 24px;}
	/*상세 페이지 - Q&A*/

	/*서브 공통 탭*/
	.com_sub_tab_area { margin: 0 0 30px;}
	.com_sub_tab_area > .list li .tab_btn .text { line-height: 59px;}
	/*서브 공통 탭*/

	.m_sch_btn_area {display: flex; align-items: center; justify-content: flex-end; margin: 0 0 24px;}
	.m_sch_btn_area .m_sch_btn {display: inline-block; border: 1px solid #2462c8; padding: 0 15px; border-radius: 6px;}
	.m_sch_btn_area .m_sch_btn .text:before {content: ''; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; background-color: #2462c8; mask-image: url('/images/board/sch_ico.svg'); mask-position: center; mask-size: contain; mask-repeat: no-repeat; transform: translateY(-50%);}
	.m_sch_btn_area .m_sch_btn .text {display: inline-block; position: relative; padding: 0 0 0 30px; font-weight: 500; font-size: 16px; line-height: 40px; color: #2462c8;}

	.cut_com_sch_cont {display: none;}
	.sch_popcont_area .mCustomScrollBox {margin: 0;}
	.sch_popcont_area .type_list_cont > .list > li > .type_list_area .mCustomScrollBox {margin: 0 10px 0 0;}
	.sch_popcont_area .type_list_cont {display: block !important;}
	.sch_popcont_area .cut_com_sch_cont {display: block; margin: 0;}
	.sch_popcont_area .cut_com_sch_cont .cut_com_sch_area {margin: 0; border: inherit; border-radius: 0;}
	.sch_popcont_area .cut_com_sch_cont .cut_com_sch_area .table_cont .table_area {display: block; table-layout: inherit;}
	.sch_popcont_area .cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody {display: block;}
	.sch_popcont_area .cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr {display: block;}
	.sch_popcont_area .cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr th {display: block; padding: 12px;}
	.sch_popcont_area .cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr th.vt {padding: 12px;}
	.sch_popcont_area .cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr td {display: block; padding: 12px;}
	.sch_popcont_area .cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr:last-child td {padding: 12px 12px 0 12px;}

	.sch_popcont_area .type_list_cont {border-top: inherit;}
	.sch_popcont_area .type_list_cont > .list > li {border-bottom: 1px solid #dddddd;}
	.sch_popcont_area .type_list_cont > .list > li:last-child {border-bottom: inherit;}
	.sch_popcont_area .type_list_cont > .list > li > .type_list_area {max-height: 176px;}
	.sch_popcont_area .type_list_cont > .list.last > li > .type_list_area {overflow-y: inherit; height: inherit;}
	.sch_popcont_area .type_list_cont > .list {display: block; align-items: inherit; justify-content: inherit;}
	.sch_popcont_area .type_list_cont > .list > li {width: 100%;}
	.sch_popcont_area .mCSB_inside>.mCSB_container {margin: 0 10px 0 0 !important;}
	.sch_popcont_area .mCSB_scrollTools {width: 6px;}
	.sch_popcont_area .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {margin: 0;}
	.sch_popcont_area .type_list_cont > .list > li {border-right: inherit; padding: 12px 0;}
	.sch_popcont_area .type_list_cont > .list > li:first-child {padding: 0 0 12px;}
	.sch_popcont_area .type_list_cont > .list > li > .title_area {margin: 0 0 7px !important; padding: 0;}
	.sch_popcont_area .type_list_cont > .list > li > .type_list_area .list > li {padding: 0;}
	.sch_popcont_area .type_list_cont > .list > li > .type_list_area .list > li .sch_label_area .type_btn {padding: 0;}
	.sch_popcont_area .type_list_cont > .list > li > .type_list_area .list > li .sch_label_area .text {left: 10px;}
	.sch_popcont_area .type_list_cont > .list > li:last-child > .type_list_area {padding: 0;}
	.sch_popcont_area .type_list_cont > .list > li > .type_list_area .list > li .sch_label_area .type_btn:before {width: 13px; height: 13px;}

	.sch_popcont_area .sch_btn_area {border-top: 1px solid #eaeaea; padding: 20px 0 0;}


	.sch_btn_area .btn {min-width: 100px; padding: 0 10px;}
	.sch_btn_area .btn .text {font-size: 16px; line-height: 42px;}

	.cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr td input[type="date"] {padding: 0 10px; text-align: left;}

}

@media only screen and (max-width:767px) {
	/*상단 페이지 수 및 필터*/
	.board_top_util_area {margin: 0 0 16px;}
	.board_top_util_area .title_list_area {}
	.board_top_util_area .title_list_area .list li .page_txt {margin: 0;}
	.board_top_util_area .util_area {display: flex; align-items: center; justify-content: flex-end;}
	/*상단 페이지 수 및 필터*/


	/*페이지네이션*/
	.pagination_area { margin: 30px 0 0;}
	.pagination_area .inner_box { flex-wrap: wrap;}
	.pagination_area .inner_box .page_navi.prev { order: 1;}
	.pagination_area .inner_box .page_navi.next { order: 1;}
	.pagination_area .inner_box .page_area { order: 2; width: 100%;}
	/*페이지네이션*/


	/*서브 공통 탭*/
	.com_sub_tab_area { overflow-x: auto; margin: 0 0 25px;}
	.com_sub_tab_area::-webkit-scrollbar {height: 0;}
	.com_sub_tab_area > .list { min-width: 480px;}

	.com_sub_tab_area .file_down_area .btn {padding: 0 15px;}
	.com_sub_tab_area .file_down_area .btn .text {padding: 0 26px 0 0;}
	.com_sub_tab_area .file_down_area .btn .text:before {display: none;}
	.com_sub_tab_area .file_down_area .btn .text:after {width: 16px; height: 16px;}
	/*서브 공통 탭*/

	/*공통 버튼*/
	.com_btn_list_area.mt {margin: 25px 0 0;}
	.com_btn_list_area > .list { display: flex; justify-content: flex-end;}
	.com_btn_list_area > .list > li {}
	/*공통 버튼*/

	/*갤러리형 리스트 유형*/
	.com_gallery_list_area > .list > li { width: calc(50% - 9px); margin: 22px 18px 0 0;}
	.com_gallery_list_area > .list > li:nth-child(-n+3),
	.com_gallery_list_area > .list > li:nth-child(3n),
	.com_gallery_list_area > .list > li:nth-child(3) { margin: 22px 18px 0 0;}
	.com_gallery_list_area > .list > li:nth-child(-n+2) { margin: 0 18px 0 0;}
	.com_gallery_list_area > .list > li:nth-child(2n) { margin: 22px 0 0;}
	.com_gallery_list_area > .list > li:nth-child(2) { margin: 0;}
	/*갤러리형 리스트 유형*/
}

@media only screen and (max-width:480px) {
	.board_top_util_area .inner_box {flex-wrap: wrap;}
	.board_top_util_area .page_txt {width: 100%; margin: 0 0 5px;}
	.board_top_util_area .util_area {width: 100%;}

	.com_gallery_list_area > .list > li .box .text_area .tit {-webkit-line-clamp: 2;}

	.qna_list_area > .list > li > .box {display: block; padding: 16px;}
	.qna_list_area > .list > li > .box .category_area .category {font-size: 16px;}
	.qna_list_area > .list > li > .box .text_area {width: 100%;}

	/*갤러리형 리스트 유형*/
	.com_gallery_list_area > .list > li { width: 100%; margin: 0 0 22px !important;}
	.com_gallery_list_area > .list > li:last-child { margin: 0 !important;}
	/*갤러리형 리스트 유형*/

}

/*다크 모드*/
/*공통 검색기*/
.dark-mode .com_sch_area { background-color: #0e3139;}
.dark-mode .com_sch_area .inner_box .row .box .tit { color: #ffffff;}
.dark-mode .com_sch_area .inner_box .row .box .slt_box .slt,
.dark-mode .com_sch_area .inner_box .row .box .inp_box .inp { border: 1px solid rgba(255, 255, 255, 0.5); background-color: #1e2124; color: #cdd1d5;}
.dark-mode .com_sch_area .inner_box .row .box .slt_box .slt { background-image: url("/images/board/slt_arr_dark.svg");}
.dark-mode .com_sch_area .inner_box .row .box .inp_box .inp { color: #cdd1d5;}
.dark-mode .com_sch_area .inner_box .row .box .inp_box .inp::placeholder { color: #cdd1d5 !important;}
.dark-mode .com_sch_area .inner_box .row .box .inp_box .sch_btn::before { background-color: #ffffff;}
.dark-mode .com_sch_area .inner_box .row .box .advanced_sch_btn { border: 1px solid rgba(255, 255, 255, 0.5); color: #ffffff;}
.dark-mode .com_sch_area .inner_box .row .box .advanced_sch_btn::before { background-color: #ffffff;}
/*공통 검색기*/

/*상단 페이지 수 및 필터*/
.dark-mode .board_top_util_area .page_txt { color: #ffffff;}
.dark-mode .board_top_util_area .page_txt .num { color: #519dee;}
.dark-mode .board_top_util_area .title_list_area .list li:after {background-color: #ffffff;}
.dark-mode .board_top_util_area .util_area > .list > li::after { background-color: rgba(255, 255, 255, 0.5);}
.dark-mode .board_top_util_area .util_area > .list > li .box .tit { color: #ffffff;}
.dark-mode .board_top_util_area .util_area > .list > li .box .slt_area .slt { border: 1px solid rgba(255, 255, 255, 0.5); background-image: url("/images/board/slt_arr_dark.svg"); color: #ffffff;}
.dark-mode .board_top_util_area .util_area > .list > li .box .slt_area .slt:hover { background-color: #0e3139;}
.dark-mode .board_top_util_area .util_area > .list > li .box .filter_list_area > .list > li .filter_btn { border: 1px solid rgba(255, 255, 255, 0.5); color: #ffffff;}
.dark-mode .board_top_util_area .util_area > .list > li .box .filter_list_area > .list > li.on .filter_btn {background-color: #0e3139;}
.dark-mode .board_top_util_area .util_area > .list > li .box .filter_list_area > .filter_m_slt { border: 1px solid rgba(255, 255, 255, 0.5); background-image: url("/images/board/slt_arr_dark.svg"); color: #ffffff;}
.dark-mode .board_top_util_area .util_area > .list > li .box .filter_list_area > .filter_m_slt:hover { background-color: #0e3139;}
/*상단 페이지 수 및 필터*/


/*페이지네이션*/
.dark-mode .pagination_area .inner_box .page_area .page { color: rgba(255, 255, 255, 0.8);}
.dark-mode .pagination_area .inner_box .page_area .page.dot::before { background-color: rgba(255, 255, 255, 0.8);}
.dark-mode .pagination_area .inner_box .page_area .page.active { background-color: #0e3139 !important;}
.dark-mode .pagination_area .inner_box .page_navi { color: rgba(255, 255, 255, 0.4);}
.dark-mode .pagination_area .inner_box a.page_navi { color: rgba(255, 255, 255, 0.8);}
.dark-mode .pagination_area .inner_box .page_navi::before { background-color: rgba(255, 255, 255, 0.4);}
.dark-mode .pagination_area .inner_box a.page_navi::before { background-color: rgba(255, 255, 255, 0.8);}
/*페이지네이션*/

/*공통 마크*/
.dark-mode .mark_list_area > .list > li .text { border: 1px solid #020f27; background-color: #020f27; color: #519dee;}
/*공통 마크*/


/*서브 공통 탭*/
.dark-mode .com_sub_tab_area > .list { border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.dark-mode .com_sub_tab_area > .list li {}
.dark-mode .com_sub_tab_area > .list li .tab_btn::before { background-color: #abd8e3;}
.dark-mode .com_sub_tab_area > .list li .tab_btn .text { color: rgba(255, 255, 255, 0.7);}
.dark-mode .com_sub_tab_area > .list li.on .tab_btn .text { color: #abd8e3;}

.dark-mode .com_sub_tab_area .file_down_area .btn {border: 1px solid rgba(255, 255, 255, 0.5); background-color: #020f27;}
.dark-mode .com_sub_tab_area .file_down_area .btn .text {color: #ffffff;}
.dark-mode .com_sub_tab_area .file_down_area .btn .text:after {background-color: #ffffff;}

/*서브 공통 탭*/

/*공통 버튼*/
.dark-mode .com_btn_list_area > .list > li .btn {border: 1px solid #020f27; background-color: #020f27;}
.dark-mode .com_btn_list_area > .list > li .btn:hover { border: 1px solid #2462c8 !important; background-color: #2462c8 !important;}
.dark-mode .com_btn_list_area > .list > li .btn:focus { border: 1px solid #033277 !important; background-color: #033277 !important;}
.dark-mode .com_btn_list_area > .list > li .btn .text {color: #519dee;}
.dark-mode .com_btn_list_area > .list > li .btn.writing .text:before {background-color: #519dee;}

.dark-mode .com_btn_list_area > .list > li .btn.gray {border: 1px solid rgba(255, 255, 255, 0.5) !important; background-color: initial !important;}
.dark-mode .com_btn_list_area > .list > li .btn.gray .text {color: rgba(255, 255, 255, 0.5);}

.dark-mode .com_btn_list_area > .list > li .btn.red {border: 1px solid #ebadb2 !important; background-color: initial !important;}
.dark-mode .com_btn_list_area > .list > li .btn.red .text {color: #ebadb2;}
/*공통 버튼*/

/*체크박스 유형*/
.dark-mode .chk_list_area > .list > li .chk_area label .inp_chk { border: 1px solid rgba(255, 255, 255, 0.5); background-color: #1e2124;}
.dark-mode .chk_list_area > .list > li .chk_area label .inp_chk:checked {}
.dark-mode .chk_list_area > .list > li .chk_area label .text { color: rgba(255, 255, 255, 0.5);}

.dark-mode .filter_area .chk_list_area > .list > li .chk_area label .inp_chk {border: 1px solid #58616A; background-color: initial;}
.dark-mode .filter_area .chk_list_area > .list > li .chk_area label .inp_chk:checked {border: 1px solid #256EF4; background-color: #256EF4;}
.dark-mode .filter_area .chk_list_area > .list > li .chk_area label .text {color: #2f2f2f;}
/*체크박스 유형*/

/*상세 페이지 - Q&A*/
.dark-mode .qna_list_area > .list > li > .box {border: 1px solid rgba(255, 255, 255, 0.5); background-color: #131416;}
.dark-mode .qna_list_area > .list > li > .box .category_area .category {color: #ffffff;}
.dark-mode .qna_list_area > .list > li > .box .text_area .tit {color: #ffffff;}
.dark-mode .qna_list_area > .list > li > .box .text_area .tit:after {background-color: #ffffff;}
.dark-mode .qna_list_area > .list > li > .box .text_area .txt {color: #ffffff;}
.dark-mode .qna_list_area > .list > li > .box.no_data { color: rgba(255, 255, 255, 0.7);}
/*상세 페이지 - Q&A*/

.dark-mode .editor_view {color: #ffffff !important;}
.dark-mode .file_data_list_area .list li .text {color: rgba(255, 255, 255, 0.7);}
.dark-mode .email_list_area .txt {color: rgba(255, 255, 255, 0.7);}

.dark-mode .cut_com_sch_cont .cut_com_sch_area {border: 1px solid #424242; background-color: #131416;}
.dark-mode .sch_popcont_area .cut_com_sch_cont .cut_com_sch_area {border: inherit;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr {border-bottom: 1px solid #424242;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr:last-child {border-bottom: inherit;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .table_cont .table_area tbody tr th {background-color: #2e2e2e; color: #ffffff;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .sch_view_cont {border-top: 1px solid #424242;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area { background-color: #2e2e2e;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area.on {border-bottom: 1px solid  #424242;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area .title {color: #519dee;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area .btn_area .btn {color: #ffffff;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area .btn_area .btn .ico {border: 1px solid rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.5);}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .title_area .btn_area .btn .ico:before {background-color: #424242;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area > .list > li {border-bottom: 1px solid #424242;}
.dark-mode .cut_com_sch_cont .cut_com_sch_area .sch_view_cont > .sch_view_list_area > .list > li > .inner_box > .box.left .title {color: #ffffff;}
.dark-mode .sch_btn_area .btn.sch {background-color: #519dee;}
.dark-mode .cut_com_sch_cont .sch_data_area > .inner_box {background-color: #2e2e2e;}
.dark-mode .cut_com_sch_cont .sch_data_area > .inner_box > .box.left .title_area .title {color: #ffffff;}
.dark-mode .cut_com_sch_cont .sch_data_area > .inner_box > .box.left .title_area .title .ft_c {color: #b1cefb;}
.dark-mode .cut_com_sch_cont .sch_data_area > .inner_box > .box.left .title_area .btn {border: 1px solid #424242; background-color: #444444;}
.dark-mode .cut_com_sch_cont .sch_data_area > .inner_box > .box.left .title_area .btn:before {background-color: #ffffff;}
.dark-mode .cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area .list li .data_area {border: 1px solid #424242; background-color: #444444;}
.dark-mode .cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area .list li .data_area .text {color: #ffffff;}
.dark-mode .cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area .list li .data_area .close {background-color: #000000;}
.dark-mode .cut_com_sch_cont .sch_data_area > .inner_box > .box.right .sch_data_list_area .list li .data_area .close:before {background-color: #ffffff;}

.dark-mode .open_area .open_btn {}
.dark-mode .open_area .open_btn .text {color: #519dee;}
.dark-mode .open_area .open_btn .text:after {border: 1px solid #519dee; background-image: url('/images/sub/arr_down_dark.svg');}

.dark-mode .type_list_cont {border-top: 1px solid rgba(255, 255, 255, 0.3);}
.dark-mode .type_list_cont > .list > li {border-right: 1px solid rgba(255, 255, 255, 0.3);}
.dark-mode .type_list_cont > .list > li > .title_area .title {color: #ffffff;}
.dark-mode .type_list_cont > .list > li > .type_list_area .list > li .sch_label_area.on {background-color: #020f27;}
.dark-mode .type_list_cont > .list > li > .type_list_area .list > li .sch_label_area:hover .text {color: #519dee;}
.dark-mode .type_list_cont > .list > li > .type_list_area .list > li .sch_label_area.on .text {color: #519dee;}
.dark-mode .type_list_cont > .list > li > .type_list_area .list > li .sch_label_area.on .type_btn:before {background-color: #519dee;}
.dark-mode .type_list_cont > .list.last > li > .type_list_area .list > li .sch_label_area.on {background-color: #020f27;}
.dark-mode .type_list_cont > .list.last > li:last-child > .type_list_area .list > li {border-right: 1px solid rgba(255, 255, 255, 0.3);}
.dark-mode .type_list_cont > .list.last > li:last-child > .type_list_area .list > li:nth-child(3n) {border-right: inherit;}

.dark-mode .m_sch_btn_area .m_sch_btn {border: 1px solid #519dee;}
.dark-mode .m_sch_btn_area .m_sch_btn .text {color: #519dee;}
.dark-mode .m_sch_btn_area .m_sch_btn .text:before {background-color: #519dee;}

.dark-mode .sch_popcont_area .type_list_cont {border-top: inherit;}
.dark-mode .sch_popcont_area .type_list_cont > .list > li {border-right: inherit; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.dark-mode .sch_popcont_area .type_list_cont > .list > li:last-child {border-bottom: inherit;}
.dark-mode .sch_popcont_area > .inner_box .title_area .title {color: #ffffff;}
.dark-mode .sch_popcont_area > .inner_box .title_area .close:before {background-color: #ffffff;}
.dark-mode .sch_popcont_area > .inner_box {border: 1px solid rgba(255, 255, 255, 0.3); background-color: #000000;}


	/*갤러리형 리스트 유형*/
.dark-mode .com_gallery_list_area > .list > li .box:hover,
.dark-mode .com_gallery_list_area > .list > li .box:focus { background-color: unset !important;}
.dark-mode .com_gallery_list_area > .list > li .box .img_box { border: 1px solid rgba(255, 255, 255, 0.5);}
.dark-mode .com_gallery_list_area > .list > li .box .text_area .tit { color: #ffffff;}
.dark-mode .com_gallery_list_area > .list > li .box .text_area .date { color: rgba(255, 255, 255, 0.7);}
.dark-mode .com_gallery_list_area > .list > li.no_data { border: 1px solid rgba(255, 255, 255, 0.5);}
.dark-mode .com_gallery_list_area > .list > li.no_data .text { color: rgba(255, 255, 255, 0.7);}
/*갤러리형 리스트 유형*/