@charset "UTF-8";
/*********************
*   version : v4
*   수정불가 (수정이 필요할 시 common.css에 override 형식으로 수정)
**********************/
/* 게시판(리스트, 상세, 등록, 댓글, faq 등), 분할 테이블, 검색 & 페이징 css */

/*** board ***/
/* board list count */
.all_num {font-size: 1.6rem;color: #333;font-weight: 400;}
.all_num > * {vertical-align: middle;}
.all_num i::before {position: relative;top: -0.1rem;margin-right: 0.3rem;font-size: 1.8rem;}
.all_num .num {margin: 0 0.3rem 0 0.5rem;font-weight: 600;color: #000;vertical-align: 0rem;}

/* board list */
.board_list {border-top: 1px solid var(--black);}
.board_list > thead > tr > th,
.board_list > tbody > tr > td {position: relative;height: 5.6rem;padding: 0.8rem 1rem;border-bottom: 1px solid var(--tbl-bdr);font-size: 1.7rem;font-weight: 400;color: var(--dark);text-align: center;background: #FFFFFF;}
.board_list > thead > tr > th {font-weight: 600;background: var(--tbl-th);}
.board_list > tbody > tr > td:not(.no_data) {cursor: pointer;}
.board_list > tbody > tr:hover > td:not(.no_data) {background: var(--board-tbl-hover-bg);}
.board_list .i_notice {display: inline-block;padding: 0.4rem 0.8rem;border: 1px solid #ea871d;border-radius: 10rem;font-size: 1.3rem;font-weight: 500;line-height: 1;color: #ea871d;}
.board_list .i_new {display: inline-block;padding: 0.3rem 0.4rem 0.4rem;font-size: 1.1rem;line-height: 1;color: #fff;text-transform: uppercase;background: #ea871d;}

/* board view */
.board_view {border-top: 1px solid var(--black);}
.board_view > tbody > tr > th, .board_view > tbody > tr > td {position: relative;height: 5.3rem;padding: 0.8rem 1rem;border-bottom: 1px solid var(--tbl-bdr);font-size: 1.7rem;font-weight: 400;color: var(--dark);text-align: left;background: #FFFFFF;}
.board_view > tbody > tr > th {padding-left: 1.5rem;font-weight: 600;background: var(--tbl-th);}
.board_view > tbody > tr > td + td[rowspan] {border-left: 1px solid var(--tbl-bdr);}
.board_view .file_li li {font-size: 1.7rem;}
.board_view .file_li li + li {margin-top: 0.5rem;}
.board_view .file_li li a span{padding-right: 1rem;}
.board_view .file_li li img {height: 1.8rem;margin-right: 0.8rem;vertical-align: -0.2rem;}
.board_view .file_li li a:hover span{text-decoration: underline; font-weight: 700;}
.board_view ~ .board_top,
.board_view ~ .tbl_top{margin-top: 4rem;}

/* board_view 커뮤니티형 +  qna */
.board_view .top *,
.board_view .cont *,
.board_view .file_li2 *{letter-spacing: -0.02em;}
.board_view .top{padding: 2.2rem 0 2.6rem; border-bottom: 1px solid #dedede; border-top: 1px solid var(--black);}
.board_view .top .title{display: block; line-height: 1.5; font-size: 2.8rem; font-weight: 700; color: #333333; position: relative; word-break: break-all;}
.board_view.reply .top .title{padding-left: 3.5rem;}
.board_view.reply .top .title::before {content: '\F309';font-family: 'remixicon';position: absolute;left: 0;top: 0; font-weight: 400;}
.board_view .top .info{margin-top: 1rem; line-height: 1;}
.board_view .top .info *{ font-size: 1.8rem;}
.board_view .top .info .date{color: #a8a8a8;}
.board_view .cont{padding: 2rem 0; min-height: 21rem;}
.board_view .cont:last-child{border-bottom: 1px solid #dedede;}
.board_view .cont *{font-size: 1.8rem;}
.board_view .file_li2 li{border-radius: 0.7rem; border: 1px solid #dedede; background: #f7f7f7; padding: 0 3rem; display: flex; justify-content: space-between; align-items: center; height: 6.5rem;}
.board_view .file_li2 li + li{margin-top: 1rem;}
.board_view .file_li2 li p{font-size: 1.7rem;width: 90%;}
.board_view .file_li2 li .tit{font-size: 1.9rem; font-weight: 700; margin-right: 5rem;}
.board_view .file_li2 li a span{padding-right: 1rem;display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: middle; max-width: 70%; padding-bottom: 0rem;}
.board_view .file_li2 li a img{vertical-align: middle; margin-right: 1rem;}
.board_view .file_li2 .btn_download{display: inline-block; font-size: 1.7rem; background: none;  }
.board_view .file_li2 .btn_download::after{content: '\EC54'; display: inline-block; font-family: 'remixicon'; font-size: 1.8rem; margin-left: 1rem;}
.board_view .file_li2 li a:hover span,
.board_view .file_li2 .btn_download:hover{text-decoration: underline; font-weight: 700;}
.board_view  ~ .board_view.reply{margin-top: 5rem;}

/* board write */
.board_write {border-top: 1px solid var(--black);}
.board_write > tbody > tr > th, .board_write > tbody > tr > td {position: relative;height: 5.6rem;padding: 0.8rem 1rem;border-bottom: 1px solid var(--tbl-bdr);font-size: 1.7rem;font-weight: 400;color: var(--dark);text-align: left;background: #FFFFFF;}
.board_write > tbody > tr > th {padding-left: 2.5rem;font-weight: 600;background: var(--tbl-th);}
.board_write > tbody > tr > td + td[rowspan] {border-left: 1px solid var(--tbl-bdr);}

/* board top */
.board_top {display: table;table-layout: fixed;width: 100%;margin-bottom: 1rem;}
.board_left {display: table-cell;color: #666666;vertical-align: middle;}
.board_right {display: table-cell;text-align: right;vertical-align: bottom;}
.board_right select + select,
.board_right .btn + select,
.board_right .btn + .btn {margin-left: 0.5rem;}

/* board link prev/next post */
.oth_post {margin-top: 5rem;border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.oth_post th, .oth_post td {position: relative;height: 7.8rem;border-bottom: 1px solid #dedede; font-size: 1.7rem;font-weight: 400;color: var(--dark);text-align: left;background: #FFFFFF;}
.oth_post th {padding-left: 3rem; font-weight: 700;}
.oth_post i {margin-right: 3rem;color: var(--dark);font-weight: 400;font-size: 2.2rem;opacity: 0.3;}
.oth_post a.ellipsis {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.oth_post a.ellipsis:hover{text-decoration: underline;}


/** board comment area **/
.cmnt_area {position: relative;margin-top: 2rem;}
.cmnt_write {padding: 2rem;border: 1px solid var(--tbl-bdr);background: var(--basic-bg);}
.write_box {display: flex;}
.write_box textarea {font-size: 1.5rem;}
.write_box .btn {min-width: 10rem;height: auto;margin-left: 1rem;}
.cmnt_list .info + .write_box {margin-top: 1rem;}

/* board comment list */
.cmnt_list {margin-top: 2rem;}
.cmnt_num {display: inline-block;margin: 0 1.5rem 1rem 0;font-size: 1.6rem;color: var(--dark);}
.cmnt_num strong {margin: 0 0.3rem 0 0.5rem;}

/* comment list */
.cmnt_list .list {position: relative;border-top: 1px solid var(--tbl-bdr);font-size: 1.5rem;}
.cmnt_list .list li {position: relative;}
.cmnt_list .list .btn i {font-size: 1.5rem;}
.cmnt_list .list > li {border-bottom: 1px solid var(--tbl-bdr);}
.cmnt_list .list > li.no_data {padding: 1.5rem 0;color: var(--dark);font-size: 1.6rem;}
.cmnt_list .reply_box {padding: 1.5rem 0;}
.cmnt_list .reply_txt {margin-top: 0.6rem;color: var(--dark);word-break: break-all;font-size: 1.6rem;}
.cmnt_list .reply_btn {margin-top: 1rem;}

/* comment info */
.cmnt_list .info {margin-bottom: 0.6rem;font-size: 1.6rem;}
.cmnt_list .info * {display: inline-block;line-height: 1;color: var(--gray);}
.cmnt_list .info *:first-child {font-weight: 500;color: var(--dark);}
.cmnt_list .info * + * {margin-left: 0.8rem;padding-left: 0.8rem;border-left: 1px solid var(--tbl-bdr);}
.cmnt_list .info a:hover {color: var(--dark);}

/* comment button */
.cmnt_list .list li .btns {position: absolute;right: 0;top: 1.6rem;}
.cmnt_list .list .re_reply .btns {top: 1rem;}
.cmnt_list .list .btns .btn{font-size: 1.5rem; height: 3.2rem; line-height: 3rem;}
.cmnt_list .reply_txt .btn_area {display: flex;justify-content: space-between;}
.cmnt_list .btn_area {margin-top: 1.5rem;}
.cmnt_list .btn_area .btn {min-width: auto;height: 2.5rem;padding: 0;border: 0;line-height: 2.5rem;color: var(--dark);background: transparent;font-size: 1.5rem;}

/* comment re reply */
.cmnt_list .re_reply {display: none;border-top: 1px dashed var(--tbl-bdr);background: var(--basic-bg);}
.cmnt_list .re_reply ul {padding: 0 2.5rem;}
.cmnt_list .re_reply li {padding: 1.5rem 0;}
.cmnt_list .re_reply li + li {border-top: 1px solid var(--tbl-bdr);}
.cmnt_list .re_reply li p {color: var(--dark);}
.cmnt_list .re_reply .cmnt_more {margin-top: 0;border-top: 1px solid var(--tbl-bdr);font-size: 1.6rem;line-height: 5rem;background: transparent;}
.cmnt_list .re_reply .cmnt_more:hover {background: rgba(0, 0, 0, 0.03);}

/* comment more button */
.cmnt_more {display: block;margin-top: 1.5rem;font-size: 1.6rem;line-height: 5rem;color: var(--dark);text-align: center;font-weight: 500;background: var(--btn-hover);}
.cmnt_more:hover {background: #ebebeb;}
.cmnt_more i {position: relative;top: 0;}
/** // board comment area **/


/** faq **/
.faq_list {position: relative;}
.faq_list dl {background: #FFFFFF;}
.faq_list dl:first-of-type {border-top: 1px solid var(--black);}
.faq_list dl:last-of-type {border-bottom: 1px solid var(--black);}
.faq_list dl dt {position: relative;min-height: 6rem;border-top: 1px solid var(--bdr);}
.faq_list dl dt a {display: flex;align-items: center;position: relative;width: 100%;height: 100%;padding: 2.2rem 7rem 2.2rem 9rem;font-size: 2.1rem;font-weight: bold;line-height: 1.3;color: var(--dark);word-break: break-all;}
.faq_list dl dt span {display: block;position: absolute;left: 4rem;top: 2.2rem;font-size: 2.1rem;font-weight: 900;color: var(--dark);}
.faq_list dl dt i {position: absolute;right: 2.5rem;top: 1.8rem;font-size: 3.1rem;color: var(--black);transition: all 0.2s;}
.faq_list dl.open dt, .faq_list dl dt:hover {background: var(--basic-bg);}
.faq_list dl.open dt i {transform: rotate(180deg);}
.faq_list dl dd {display: none;position: relative;padding: 3rem 4rem 3rem 9rem;border-top: 1px solid var(--bdr);font-size: 2rem;font-weight: 400;line-height: 1.3;color: var(--dark);}
.faq_list dl dd span {display: block;position: absolute;left: 4.3rem;font-size: 2.1rem;font-weight: 900;color: var(--primary);}


/** gallery **/
.gallery_wrap {position: relative;}
.gallery_wrap .thum_list {display: flex;flex-wrap: wrap;gap: 3rem 4rem;}
.gallery_wrap .thum_list li {overflow: hidden;width: calc((100% - 12rem) / 4);border: 1px solid var(--tbl-bdr);border-radius: 0.5rem;}
.gallery_wrap .thum_list li > a {display: block;}
.gallery_wrap .thum_img {overflow: hidden;position: relative;width: 100%;padding-top: 75.4%;}
.gallery_wrap .thum_img img {position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);transition: .4s;}
.gallery_wrap .thum_txt {min-height: 7rem;padding: 1.5rem;background: #FFFFFF;}
.gallery_wrap .thum_txt .tit {margin-bottom: 0.7rem;font-size: 2rem;font-weight: 500;line-height: 1;color: var(--dark);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gallery_wrap .thum_txt .date {font-size: 1.6rem;font-weight: 400;line-height: 1;color: var(--gray);}
.gallery_wrap .thum_list li .thum_img::before {content: '';opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 1;transition: 0.1s;}
.gallery_wrap .thum_list li:hover .thum_img::before {opacity: 1;}

/* detail text (box type) */
.gallery_wrap .thum_txt .txt {margin: 1rem 0;font-size: 1.5rem;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;min-height: 6.5rem;}
.gallery_wrap .thum_txt .area01 {display: inline-block;margin-bottom: 1rem;font-size: 1.6rem;font-weight: 500;line-height: 1;color: #17a6bb;}
.gallery_wrap .thum_txt .area02 {display: inline-block;position: relative;margin-bottom: 1rem;padding-left: 2rem;font-size: 1.4rem;line-height: 1;color: var(--dark);}
.gallery_wrap .thum_txt .area02::before {content: '';position: absolute;left: 0.8rem;top: 50%;width: 1px;height: 1.4rem;background: #bdbdbd;transform: translateY(-50%);}
.gallery_wrap .thum_list li:hover .txt {color: #666;}


/** scheduler **/
.scheduler_wrap {position: relative;}
.scheduler_wrap.tab .tab_cont {margin-top: 0;}
.scheduler_wrap td.red {color: var(--red) !important;}
.scheduler_wrap .search_basic {margin-top: 3rem;}
.sch_top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;}
.sch_top .right {display: flex;align-items: center;}
.sch_year {display: flex;align-items: baseline;font-size: 2.6rem;font-weight: 700;line-height: 1;color: var(--primary);}
.sch_year > .prev_y, .sch_year > .next_y {border: 0;font-family: 'remixicon';font-size: 2.6rem;font-weight: 700;background: none;}
.sch_year > .prev_y:focus, .sch_year > .next_y:focus {outline: auto;}
.sch_year > .prev_y {margin-right: 1rem;}
.sch_year > .next_y {margin-left: 1rem;}
.sch_year > .prev_y::before {content: '\EA64';color: var(--primary);}
.sch_year > .next_y::before {content: '\EA6E';color: var(--primary);}

/* scheduler legend */
.sch_legend {text-align: right;}
.sch_legend > span label {padding: 0;line-height: inherit;display: inline-block;}
.sch_legend label::before {content: '';display: inline-block;width: 1.2rem;height: 1.2rem;margin-right: 1rem;border: 0;border-radius: 0.6rem;vertical-align: baseline;}
.sch_legend label {color: #dddddd;}
.sch_legend label::before {background: #ededed;}
.sch_legend input:checked ~ label {color: var(--black);}
.sch_legend .personal_work input:checked ~ label::before {background: #fe9f71;}
.sch_legend .department_work input:checked ~ label::before {background: #32b8b0;}
.sch_legend .company_work input:checked ~ label::before {background: #339af0;}
.sch_legend .meeting input:checked ~ label::before {background: #845ef7;}
.sch_legend .director_work input:checked ~ label::before {background: #6cc07a;}

/* month list */
.sch_mon {display: flex;}
.sch_mon li {width: calc(100% / 12);}
.sch_mon li a {display: block;height: 5.8rem;border-top: 1px solid var(--bdr);border-bottom: 1px solid var(--bdr);font-size: 1.6rem;line-height: 5.8rem;text-align: center;font-weight: 600;}
.sch_mon li.on a {border-top: 0.3rem solid var(--primary);font-weight: 500;line-height: 5.4rem;color: var(--primary);background: var(--btn-bd-primary-hover);}

/* scheduler table */
.sch_tbl th, .sch_tbl td {border: 1px solid var(--tbl-bdr);font-size: 1.6rem;}
.sch_tbl th {height: 4.2rem;padding: 0.5rem;border-top: 0;background: var(--tbl-th);}
.sch_tbl td {height: 11rem;padding: 0.5rem 1rem 1rem;text-align: right;vertical-align: top;}
.sch_tbl tr > *:first-child {color: var(--red);}
.sch_tbl tr > *:last-child {color: var(--blue);}
.sch_tbl td > div:not(.sch_txt) {cursor: pointer;}
.sch_tbl td.today {background: #fbf6f7;}
.sch_tbl .sch_txt {margin-top: 0.5rem;color: var(--dark);text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sch_tbl .sch_txt > span {display: inline-block;min-width: 4.4rem;margin-right: 0.5rem;padding: 0 0.5rem;border-radius: 0.4rem;font-size: 1.3rem;line-height: 2rem;color: #FFFFFF;text-align: center;}
.sch_tbl .sch_txt > span.personal_work {background: #fe9f71;}
.sch_tbl .sch_txt > span.department_work {background: #32b8b0;}
.sch_tbl .sch_txt > span.company_work {background: #339af0;}
.sch_tbl .sch_txt > span.meeting {background: #845ef7;}
.sch_tbl .sch_txt > span.director_work {background: #6cc07a;}

/* scheduler type */
.sch_type {display: inline-flex;position: relative;margin-left: 2rem;}
.sch_type li {width: 5.7rem;height: 3.4rem;margin-left: -0.1rem;border: 1px solid var(--gray);}
.sch_type li:has(.on) {border-color: var(--primary);z-index: 1;}
.sch_type li a {display: block;height: 100%;}
.sch_type .cal {background: url(../images/icon/ico_sch.png) no-repeat 50% 50%;}
.sch_type .cal.on {background: url(../images/icon/ico_sch_on.png) no-repeat 50% 50%;}
.sch_type .today {background: url(../images/icon/ico_sch_today.png) no-repeat 50% 50%;}
.sch_type .today.on {background: url(../images/icon/ico_sch_today_on.png) no-repeat 50% 50%;}
.sch_type .list {background: url(../images/icon/ico_sch_list.png) no-repeat 50% 50%;}
.sch_type .list.on {background: url(../images/icon/ico_sch_list_on.png) no-repeat 50% 50%;}

/* today view */
.sch_sm_wrap {display: flex;justify-content: space-between;margin-top: 3rem;}
.sch_sm_wrap .sch_box {width: 35%;}
.sch_sm_wrap .sch_list {overflow-y: auto;width: 63%;}
.sch_sm_wrap .personal_work {background: #fe9f71;}
.sch_sm_wrap .department_work {background: #32b8b0;}
.sch_sm_wrap .company_work {background: #339af0;}
.sch_sm_wrap .meeting {background: #845ef7;}
.sch_sm_wrap .director_work {background: #6cc07a;}

/* today view left */
.sch_sm_wrap .sch_sm tr > *:first-child {color: var(--red);}
.sch_sm_wrap .sch_sm tr > *:last-child {color: var(--blue);}
.sch_sm_wrap .sch_sm th {position: relative;height: 4rem;font-size: 1.5rem;font-weight: 700;background: var(--basic-bg);}
.sch_sm_wrap .sch_sm td {position: relative;height: 5rem;border-bottom: 1px solid var(--tbl-bdr);font-size: 1.5rem;text-align: center;}
.sch_sm_wrap .sch_sm td.today {background: #fbf6f7;}
.sch_sm_wrap .sch_sm td a {display: inline-block;width: 3rem;height: 2.5rem;margin-bottom: 0.5rem;border-radius: 0.4rem;line-height: 2.5rem;}
.sch_sm_wrap .sch_sm td a.on {color: #FFFFFF;background: #26a19c;}
.sch_sm_wrap .sch_sm td .points {position: absolute;left: 0;bottom: 0.5rem;width: 100%;height: 0.5rem;}
.sch_sm_wrap .sch_sm td .points span {display: inline-block;width: 0.5rem;height: 0.5rem;border-radius: 0.5rem;vertical-align: top;}
.sch_sm_wrap .sch_today {display: flex;margin-top: 2rem;}
.sch_sm_wrap .sch_today .date {display: flex;flex-direction: column;justify-content: center;width: 15rem;height: 13rem;margin-right: 2rem;border-radius: 1rem;text-align: center;background: var(--basic-bg);}
.sch_sm_wrap .sch_today .date strong {font-size: 2rem;color: var(--primary);}
.sch_sm_wrap .sch_today .list_wrap {width: calc(100% - 17rem);}
.sch_sm_wrap .sch_today .list_wrap .tit {margin-bottom: 1rem;padding: 0 0 0.5rem 2.5rem;border-bottom: 1px solid var(--bdr);font-size: 1.8rem;font-weight: 500;background: url(../images/icon/ico_cal.svg) no-repeat 0 25%;}
.sch_sm_wrap .sch_today .list_wrap li {padding-left: 6rem;font-size: 1.5rem;line-height: 2.2rem;}
.sch_sm_wrap .sch_today .list_wrap li + li {margin-top: 0.5rem;}
.sch_sm_wrap .sch_today .list_wrap li span {display: inline-block;width: 5rem;margin: 0 0.9rem 0 -6rem;padding: 0 0.5rem;border-radius: 0.4rem;font-size: 1.4rem;color: #FFFFFF;text-align: center;}
.sch_sm_wrap .sch_today .list_wrap .no_data {padding: 0;}
.sch_sm_wrap .sch_today .list_wrap .scr_box {overflow-y: auto;}

/* today view right */
.sch_sm_wrap .sch_list ul {padding: 1.5rem 3rem;background: #FFFFFF;}
.sch_sm_wrap .sch_list li + li:not(.no_data) {margin-top: 1.5rem;padding-top: 1.5rem;border-top: 1px solid var(--bdr);}
.sch_sm_wrap .sch_list li > a {display: block;}
.sch_sm_wrap .sch_list span {display: inline-block;min-width: 14rem;height: 3rem;margin: 0 5rem 0.8rem 0;border-radius: 0.4rem;line-height: 3rem;color: #FFFFFF;text-align: center;background: #ffa375;}
.sch_sm_wrap .sch_list span.end {color: var(--disabled-font);background: var(--gray-light);}
.sch_sm_wrap .sch_list span i {margin-right: 0.5rem;transform: scale(-1, 1);}
.sch_sm_wrap .sch_list strong {position: relative;background: none;font-size: 1.7rem;}
.sch_sm_wrap .sch_list strong::before {content: '';display: inline-block;position: absolute;left: -2rem;top: 0.4rem;width: 1.2rem;height: 1.2rem;border-radius: 0.6rem;}
.sch_sm_wrap .sch_list .personal_work::before {background: #fe9f71;}
.sch_sm_wrap .sch_list .department_work::before {background: #32b8b0;}
.sch_sm_wrap .sch_list .company_work::before {background: #6cc07a;}
.sch_sm_wrap .sch_list .meeting::before {background: #845ef7;}
.sch_sm_wrap .sch_list .director_work::before {background: #6cc07a;}
.sch_sm_wrap .sch_list p {padding-top: 0.4rem;font-size: 1.6rem;color: var(--gray);}

/* today view list no data */
.sch_sm_wrap .sch_list.empty {min-height: 100%;}
.sch_sm_wrap .sch_list.empty .mCSB_container {height: calc(100% - 0.01rem);}
.sch_sm_wrap .sch_list.empty ul {height: 100%;background: #f8f8f8;}
/** // scheduler **/



/*** code ***/
.code_area {font-size: 1.4rem;color: var(--dark);}
.code_area::after {content: '';display: table;clear: both;}
.code_box {float: left;width: 32%;}
.code_box:nth-child(n+2) {margin-left: 2%;}
.code_tit {border: 1px solid var(--tbl-bdr);border-top-color: var(--black);border-bottom-color: var(--bdr);font-size: 1.5rem;font-weight: 600;line-height: 4.5rem;text-align: center;background: var(--tbl-th);}
.code_box .cont {overflow-x: hidden;overflow-y: auto;width: 100%;height: 45rem;border-left: 1px solid var(--tbl-bdr);border-right: 1px solid var(--tbl-bdr);border-bottom: 1px solid var(--tbl-bdr);}
.code_tbl.write {background: var(--tbl-th);}
.code_tbl thead th {font-weight: 500;background: var(--tbl-th);}
.code_tbl thead th:last-child {border-right: 1px solid var(--tbl-bdr);}
.code_tbl th, .code_tbl td {height: 4rem;padding: 0.5rem;border-left: 1px solid var(--tbl-bdr);border-bottom: 1px solid var(--tbl-bdr);font-weight: normal;}
.code_tbl tbody th:first-child {border-left-color: transparent;}
.code_tbl .no_code td {border-left: 0;text-align: center;cursor: default;}
.code_tbl.write td:last-child {border-right: 1px solid var(--tbl-bdr);}
.code_tbl input, .code_tbl select {min-width: 0;width: 100%;height: 3rem;padding: 0 0.8rem; border-radius: 0.4rem; font-size: 1.5rem;}
.code_tbl .code_basic {font-weight: normal;}
.code_tbl .code_correct {display: none;margin-left: 0 !important;}
.code_tbl .code_correct .btn.sml{height: 3rem; line-height: 2.8rem; font-size: 1.4rem;}
.code_basic .btn {min-width: auto;width: 2.2rem;height: 2.2rem;margin-left: 0 !important;padding: 0;border: 1px solid var(--dark);}
.code_basic .btn::before {font-family: 'remixicon';color: var(--dark);}
.code_basic .btn.code_up::before {content: '\EA77';font-size: 2rem;}
.code_basic .btn.code_down::before {content: '\EA4D';font-size: 2rem;}
.code_basic .btn.code_rewrite::before {content: '\EFDF';font-size: 1.4rem;}
.code_basic .btn.code_del::before {content: '\EC27';font-size: 1.6rem;}
.code_correct .btn {margin: 0 !important;}
.code_tbl .btn.code_add {width: 100%; height: 3rem; border-radius: 0.4rem; line-height: 2.8rem; font-size: 1.5rem;}



/*** SMS ***/
.sms_section {display: table;table-layout: fixed;width: 100%;}
.sms_section .sms_lc {display: table-cell;width: 48.5%;padding-right: 2rem;vertical-align: top;}
.sms_section .sms_cc {display: table-cell;width: 3%;text-align: center;vertical-align: middle;}
.sms_section .sms_rc {display: table-cell;width: 48.5%;padding-left: 2rem;vertical-align: top;}
.sms_section .md_tit {height: 2.6rem;margin-bottom: 1rem;font-size: 1.8rem;font-weight: 600;color: var(--black);}
.sms_section .md_tit .btn {margin-left: 0.5rem;vertical-align: middle;height: 3.2rem;line-height: 3rem;font-size: 1.5rem;}
.sms_section .sms_lt::after {content: '';display: table;clear: both;}
.sms_section .sms_area.lt {float: left;width: 22%;margin-right: 2%;}
.sms_section .sms_area.lt:last-child {margin-right: 0;}
.sms_section .sms_btns {float: left;width: 4%;margin-right: 2%;margin-top: 25rem;text-align: center;}
.sms_section .sms_btns button {margin: 0 !important; background-color: #fff;}
.sms_section .sms_btns button:hover {background-color: var(--basic-bg);}
.sms_section .sms_btns button::before{content: ''; display: inline-block; font-family: 'remixicon'; font-size: 2.5rem;}
.sms_section .sms_btns .btn_add::before{content: '\EA6E';}
.sms_section .sms_btns .btn_delete::before{content: '\EA64';}
.sms_section .sms_btns .btn_delete {margin-top: 1rem !important;}
/* sms_top */
.sms_top {height: auto;padding: 1.4rem 1.6rem;border: 1px solid var(--tbl-bdr);background: var(--tbl-th);}
.sms_top .sch_area {position: relative;}
.sms_top .sch_area input[type=text] {width: 100%;}
.sms_top .sch_area .btn_sms_search {position: absolute;right: 0.5rem;top: calc((4.8rem - 3.6rem) / 2);width: 3.6rem;height: 3.6rem;border: 0;border-radius: 0.8rem;font-size: 1.8rem;color: #8D8E8E;background: none;}
.sms_top .sch_area .btn_sms_search:focus,
.sms_top .sch_area .btn_sms_search:focus-visible {background: var(--btn-hover);}
/* sms_bottom */
.sms_bottom {display: table;table-layout: fixed;width: 100%;margin-top: 1.2rem;font-size: 1.4rem;}
.sms_bottom .bot_lt {display: table-cell;width: 50%;}
.sms_bottom .bot_lt .ri-file-list-line {display: inline-block;}
.sms_bottom .bot_lt .ri-file-list-line::before{margin-right: 0.4rem;font-size: 1.4rem;}
.sms_bottom .bot_rt {display: table-cell;width: 50%;text-align: right;}
.sms_note {display: inline-block;margin: 1.7rem 0;padding-left: 2rem;font-size: 1.4rem;font-weight: 300;color: var(--dark);background: url(../images/i/i_info02.png) no-repeat 0 50%;}
/* treemenu_box */
.treemenu_box {position: relative;width: 100%;height: 45.5rem;border: 1px solid var(--tbl-bdr);border-top: 0;background: #fff;}
.treemenu_box .tree_scr {height: 100%;}
.treemenu_box > .ztree {padding: 0;}
.treemenu_box .ztree * {font-family: 'Noto Sans KR', 'Malgun Gothic', 'Helvetica Neue', 'Helvetica', 'Dotum';font-size: 1.5rem;letter-spacing: -0.05em;}
.treemenu_box .ztree li ul {padding: 0;}
.treemenu_box .ztree li {position: relative;z-index: 1;}
.treemenu_box .ztree li a {display: inline-block;width: 100%;height: 3.4rem;margin: 0;padding-right: 1rem;border-bottom: 1px solid var(--tbl-bdr);font-size: 1.5rem;line-height: 3.4rem;color: var(--dark);}
.treemenu_box .ztree li a.curSelectedNode {opacity: 1;height: 3.4rem;border: 0;border-bottom: 1px solid var(--tbl-bdr);font-weight: 400;color: var(--dark);background: var(--btn-bd-primary-hover);}
.treemenu_box .ztree li .level0 > span {padding-left: 2rem;}
.treemenu_box .ztree li .level1 > span {padding-left: 2.4rem;}
.treemenu_box .ztree li .level2 > span {padding-left: 2.7rem;}
.treemenu_box .ztree li span {line-height: 3rem;}
.treemenu_box .ztree .switch {position: absolute;left: 2rem;top: 0.6rem;z-index: 3;}
.treemenu_box .ztree .level1.switch {position: absolute;left: 3rem;top: 0.6rem;}
.treemenu_box .ztree .level0.switch.bottom_docu {position: absolute;left: 2.4rem;top: 0.6rem;}
.treemenu_box .ztree .level1.switch.bottom_docu {position: absolute;left: 3.3rem;top: 0.6rem;}
.treemenu_box .ztree .level2.switch.center_docu {position: absolute;left: 4rem;top: 0.6rem;}
.treemenu_box .ztree .level2.switch.bottom_docu {position: absolute;left: 4rem;top: 0.6rem;}
.treemenu_box .ztree li span.button.switch {width: 2rem;height: 2rem;}
.treemenu_box .ztree li span.button.roots_open,
.treemenu_box .ztree li span.button.center_open,
.treemenu_box .ztree li span.button.bottom_open {background: none; display: inline-flex; align-items: center; justify-content: center; opacity: 0.5; padding: 0;}
.treemenu_box .ztree li span.button.roots_open::before,
.treemenu_box .ztree li span.button.center_open::before,
.treemenu_box .ztree li span.button.bottom_open::before{content: '\EB84'; font-family: 'remixicon'; font-size: 1.5rem;}
.treemenu_box .ztree li span.button.roots_close,
.treemenu_box .ztree li span.button.center_close,
.treemenu_box .ztree li span.button.bottom_close {background: none; display: inline-flex; align-items: center; justify-content: center; opacity: 0.5; padding: 0;}
.treemenu_box .ztree li span.button.roots_close::before,
.treemenu_box .ztree li span.button.center_close::before,
.treemenu_box .ztree li span.button.bottom_close::before{content: '\EA0F'; font-family: 'remixicon'; font-size: 1.5rem;}
.treemenu_box .ztree li span.button.root_docu {background: none;}
.treemenu_box .ztree li span.button.center_docu::after,
.treemenu_box .ztree li span.button.bottom_docu::after {content: '';position: absolute;right: 0.8rem;top: 50%;width: 0.8rem;height: 0.2rem;background: #9a9e9f;}
.treemenu_box .ztree > li > span.button.center_docu::after {right: 0.5rem;}
.treemenu_box .ztree li span.button.center_docu.check {background: url(../images/icon/treeview_check.png) no-repeat 0 50%;}
.treemenu_box .ztree li span.button.noline_docu {background: none;}
.treemenu_box .ztree li span.button.roots_open + a,
.treemenu_box .ztree li span.button.center_open + a,
.treemenu_box .ztree li span.button.bottom_open + a {color: var(--primary);}
.treemenu_box .ztree li span.button.ico_open,
.treemenu_box .ztree li span.button.ico_close,
.treemenu_box .ztree li span.button.ico_docu {margin: 0 0.2rem 0 1rem;cursor: default;}
/* sms_tbl */
.sms_tbl_top {border-left: 1px solid var(--tbl-bdr);border-right: 1px solid var(--tbl-bdr);}
.sms_scl {height: 41.4rem;border: 1px solid var(--tbl-bdr);border-top: 0;background: #FFFFFF;}
.sms_scl.scl2 {height: 23.7rem;}
.sms_add {border-left: 1px solid var(--tbl-bdr);border-right: 1px solid var(--tbl-bdr);background: var(--tbl-bdr);}
.sms_tbl {table-layout: fixed;}
.sms_tbl .text {width: 100%;}
.sms_tbl thead th {height: 4rem;padding: 0 0.5rem;border: 1px solid var(--tbl-bdr);border-top: 1px solid var(--tbl-bdr);font-size: 1.4rem;font-weight: 500;color: var(--dark);text-align: center;background: var(--tbl-th);}
.sms_top + .sms_tbl_top .sms_tbl thead th {border-top: 0;}
.scroll .sms_tbl thead th.name {padding-right: 1.5rem;}
.sms_tbl tbody th {height: 4rem;padding: 0 0.5rem;border: 1px solid var(--tbl-bdr);text-align: center;}
.sms_tbl tbody tr:first-of-type td {border-top: 0;}
.sms_tbl td {height: 4rem;padding: 0 0.5rem;border: 1px solid var(--tbl-bdr);font-size: 1.4rem;color: var(--dark);text-align: center;}
.sms_tbl thead th:first-of-type, .sms_tbl td:first-of-type {border-left: 0;}
.sms_tbl thead th:last-of-type, .sms_tbl tbody td:last-of-type {border-right: 0;}
.sms_tbl .no_code td {text-align: center;cursor: default;}
/* sms_edit */
.sms_edit {height: 25.7rem;padding: 1.3rem;border: 1px solid var(--tbl-bdr);border-top: 0;background: #F9FAFB;}
.sms_edit * {font-size: 1.4rem;}
.sms_edit input, .sms_edit select {height: 4rem;padding: 0 0.8rem;line-height: 2.8rem;font-size: 1.5rem;}
.sms_edit .receiver {display: flex;justify-content: space-between;margin-bottom: 1.4rem;padding-bottom: 1.3rem;border-bottom: 1px dashed var(--bdr);}
.sms_edit .receiver input {width: calc(100% - 6.5rem);margin-right: 1rem;}
.sms_edit .receiver .btn{min-width: 11rem;font-size: 1.5rem;}
.sms_edit ul li {display: flex;}
.sms_edit ul li + li {margin-top: 0.5rem;}
.sms_edit ul li .left {width: 9.5rem;line-height: 4rem;}
.sms_edit ul li .right {width: calc(100% - 9.5rem);}
.sms_edit ul li .right select, .sms_edit ul li .right .calendar_input {width: 100%;}
.sms_edit ul li .right .time {display: flex;align-items: center;margin-top: 0.5rem;}
.sms_edit ul li .right .time select {min-width: 0;width: 40%;background-position: right 0.5rem center;background-size: 1rem;}
.sms_edit ul li .right .time span {padding-left: 0.5rem;}
.sms_edit ul li .right .time span + select {margin-left: 1rem;}
.sms_edit .calendar_input .ui-datepicker-trigger {top: 0;}
.sms_edit .chk > span label {line-height: 1.5rem;}
.sms_edit .chk > span label::before{width: 1.6rem; height: 1.6rem; line-height: 1.6rem;}
.sms_edit .chk .cbx input:checked + label::before{font-size: 1.1rem;}
.sms_textbox {position: relative;width: 100%;height: 53.3rem;padding: 3.5rem 2rem;border: 1px solid var(--tbl-bdr);background: #FFFFFF;}
.sms_textbox::before {content: '\EF78';font-family: 'remixicon' !important;position: absolute;left: 0;top: 0;width: 100%;height: 1.5rem;padding-left: 1rem;font-size: 1.15rem;line-height: 1.5rem;color: #FFFFFF;background-color: var(--primary);}
.sms_textbox::after {content: '';position: absolute;left: 0;bottom: -0.1rem;width: 100%;height: 1.5rem;background: #e0e0e4;}
.btn_sms_cont {border-color: #d1d1d1;color: #FFFFFF;background: #d1d1d1;}
.sms_texting {margin-bottom: 1rem;}
.sms_texting textarea {width: 100%;height: 40.3rem;padding: 0;border: 0;}
.sms_texting textarea:focus,
.sms_texting textarea:focus-visible {box-shadow: none;outline: none;}



/*** search ***/
/* input, select reset */
.search_basic input[type="text"],
.search_basic select {width: 100%;min-width: 20rem;}
.search_basic .chk {vertical-align: middle;}
.search_basic .chk label {font-size: 1.6rem;}
.search_basic .calendar_input {width: 16rem;}
.search_basic .calendar_input input {min-width: auto;padding-right: 3.2rem;}
/* search_basic style */
.search_basic {position: relative;min-height: 6rem;margin-bottom: 2rem;padding: 2rem;border: 1px solid var(--tbl-bdr);border-radius: 1.2rem;background: var(--basic-bg); display: flex; gap: 1.5rem; flex-direction: column;}
.search_basic .sch_row{display: flex; align-items: normal; justify-content: flex-start; flex-direction: row; gap: 1.5rem; max-width: 100%; flex-wrap: wrap;}
.search_basic .sch_col{display: inline-flex;align-items: center;justify-content: flex-start;flex-direction: row;gap: 1.2rem;width: 100%;max-width: calc(25% - 3rem);}
.search_basic .sch_col.auto{max-width: none; width: auto;}
.search_basic .sch_col.full{max-width: none; width: 100%;}
.search_basic .sch_col:nth-child(4){max-width: fit-content;}
.search_basic .sch_col.auto input[type="text"],
.search_basic .sch_col.auto select{width: auto;}
.search_basic .sch_col > label{font-size: 1.5rem; min-width: 8rem; font-weight: 600;}
.search_basic .sch_full{display: flex; width: calc(100% - 9rem);}
.search_basic .sch_full select{width: 15rem;}
.search_basic .sch_full input[type="text"] {width: calc(100% - 16rem); margin-left: 1rem;}
.search_basic .btn_area{margin-top: 0;}
.search_basic .btn_search{border-color: var(--primary); color: #FFFFFF; background-color: var(--primary);}
.search_basic .btn_search:hover{    border-color: var(--btn-primary-hover); background-color: var(--btn-primary-hover);}
.search_basic .btn_reset{background: transparent;border:none;height: 3rem;}
.search_basic .sch_row.col5 .sch_col{max-width: calc(20% - 4rem);}
.search_basic .sch_row.col5 .sch_col:nth-child(4){max-width: calc(20% - 4rem);}
.search_basic .sch_row.col5 .sch_col:nth-child(5){max-width: fit-content;}
.search_basic .sch_row.col5 input[type="text"],
.search_basic .sch_row.col5 select{min-width: 12rem;}
.search_basic .sch_row.col5 .calendar_input{width: 14rem;}

/* detail */
.search_basic .btn_detail i{font-size: 1.6rem; transition: all 0.2s;}
.search_basic .btn_detail.on i{transform: rotate(180deg);}
.sch_detail_wrap{display: none;}
.sch_detail_wrap .sch_row + .sch_row{margin-top: 1.5rem;}

/* simple */
.search_simple{display: inline-flex; gap: 0 1rem; vertical-align: middle; margin-right: 0.5rem;}
.search_simple .input_wrap{height: 4.8rem; }
.search_simple .input_wrap .input_txt{width: 17rem;}
.search_simple .input_wrap select,
.search_simple .input_wrap .input_txt,
.search_simple .input_wrap .btn.ic{height: 4.6rem;}
.search_simple .input_wrap .btn.ic{background-color: transparent; color: var(--dark); box-shadow: none; border: 0;}

/* search_detail_pop */
.search_detail_pop {text-align: center;max-width: 90rem;margin: 0 auto 4rem; position: relative;}
.search_detail_pop strong {font-size: 2.4rem;font-weight: 600;display: block;margin-bottom: 2.7rem;}
.search_detail_pop .input_wrap {width: 48rem;margin: 0 auto;border: 0;padding-right: 0;position: relative;background: #F4F4F4;padding-right: 10rem;}
.search_detail_pop .input_wrap input {width: 100%;height: 5.6rem;font-size: 1.7rem;border: 0;background: #F4F4F4;padding: 0 2.2rem;padding-right: 6rem;}
.search_detail_pop .input_wrap .btn_search {width: 5.6rem;height: 5.6rem;border-radius: 0.5rem;font-size: 0;position: absolute;right: 10rem; background: none; border: 0; min-width: 0;}
.search_detail_pop .input_wrap .btn_search i{font-size: 2rem;}
.search_detail_pop:not(:has(.btn.btn_detail)) .input_wrap,
.search_detail_pop:not(:has(.sch_detail_wrap)) .input_wrap{padding-right:0;}
.search_detail_pop:not(:has(.btn.btn_detail)) .input_wrap .btn_search ,
.search_detail_pop:not(:has(.sch_detail_wrap)) .input_wrap .btn_search {right:0;}
.search_detail_pop .btn.btn_detail{font-size: 1.4rem;border: 0;padding: 0;background: transparent;position: absolute;right: 0;top: 0;height: 5.6rem;line-height: 5.6rem;width: 10rem;text-align: left;padding-left: 0;}
.search_detail_pop .btn.btn_detail::after{content: '\EA4D'; font-family:'remixicon'; vertical-align: -0.2rem; transition: all 0.2s; font-size: 2rem;}
.search_detail_pop .btn.btn_detail::before{content: '';display: block;width: 1px;height: 2rem;background: #000;opacity: 0.2;position: absolute;left: 0;top: 1.8rem;}
.search_detail_pop .btn.btn_detail.on{color: var(--primary);}
.search_detail_pop .btn.btn_detail.on::after{transform: rotate(180deg); color: var(--primary);}
.search_detail_pop .btn.btn_detail:focus{outline: none !important;}

.search_detail_pop .sch_detail_wrap{width: 140rem; border-radius: 1rem; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16); background: #fff; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 2rem;z-index: 999;  padding: 1rem 1rem 0; display: none;}
.search_detail_pop .search_basic{background: none; border: 0; margin-bottom: 0;}
.search_detail_pop .search_basic input[type="text"], 
.search_detail_pop .search_basic select{min-width: 16rem;}
.search_detail_pop .search_basic .sch_row.col5 input[type="text"],
.search_detail_pop .search_basic .sch_row.col5 select{min-width: 12rem;}
.search_detail_pop .search_basic .sch_row.col5 .calendar_input{width: 14rem;}


/** paging **/
.paging_wrap {position: relative;margin-top: 2rem;}
.paging_wrap .btn_left {position: absolute;left: 0;top: 0;}
.paging_wrap .btn_left .btn + .btn {margin-right: 0.5rem;}
.paging_wrap .btn_right {position: absolute;right: 0;top: -0.2rem;}
.paging_wrap .btn_right .btn + .btn {margin-left: 0.5rem;}
.paging {font-size: 0;text-align: center;}
.paging li {display: inline-block;position: relative;min-width: 4rem;height: 4rem;font-size: 1.7rem;line-height: 3.8rem;color: var(--dark);background-color: #FFFFFF;vertical-align: middle;cursor: pointer; border-radius: 0.6rem; margin: 0 0.4rem;}
.paging li a {display: block;height: 100%;padding: 0 0.5rem;}
.paging li.btn_page {color: var(--black);}
.paging li.btn_page a::before {font-family: 'remixicon';font-size: 2rem; font-weight: 400;}
.paging li.first a::before {content: '\f2e3';}
.paging li.prev a::before {content: '\EA64';}
.paging li.next a::before {content: '\EA6E';}
.paging li.last a::before {content: '\f2e5';}
.paging .current {color: #FFFFFF !important; background-color: #003675 !important; font-weight: 600;}
.paging li:hover{background-color: #EDF1F5;}
/* typeB */
.paging.typeB li {cursor: default;}
.paging.typeB li:not(.btn_page) {border: none;min-width: 2rem;}
.paging.typeB li:not(.btn_page):hover {color: #000;background: transparent;}
.paging.typeB li.this {width: 3.6rem;margin-left: 1rem;}
.paging.typeB li.this input[type="text"],
.paging.typeB li.all input[type="text"] {padding: 0 0.5rem;text-align: center; height: 4rem;}
.paging.typeB li.all {width: 7.5rem;margin-right: 1rem;}