@charset "UTF-8";

@import url(table.css);
@import url(board-list.css);
@import url(board-view.css);
@import url(board-write.css);

/* common */
button{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
select::-ms-expand{display:none;}
pre{font-family:inherit;}
button{border:none;}
.b-hide{width:0;height:0;font-size:0;}
.b-c-red{color:var(--color07);}
.b-c-red02{color:var(--color12);}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.color-blue{color:var(--color01);}
.text-medium{font-weight:var(--font-weight-medium);}
.text-bold{font-weight:var(--font-weight-bold);}
.msg-touch-help{display:none;}

/***** 게시판 공통 *****/

/* 상단, 하단 레이아웃 */
.b-all-wrap-top{padding-top:12rem;}
.b-all-wrap-bottom{padding-bottom:16rem;}

/* flex 레이아웃 폭 좁음 방지 */
#jwxe_main_content.board_inner > div{width:100%;}
.ko.board{width:100%;}
.bn-list-common{width:100%;}
.bn-write-common{width:100%;}
.bn-view-common{width:100%;}
/* 개발자 요청으로 푸터 하단 여백 공간 삭제 */
body > .ui-datepicker.ui-widget{display:none;}

/* 전체 선택/비선택 체크박스(관리자) */
.b-top-info-wrap{position:relative;}
.adm-chk{display:flex;align-items:center;gap:1.6rem;padding:0 0 2rem;}
.adm-chk input[type="checkbox"]{display:block;width:2.4rem;height:2.4rem;border:1px solid var(--color04);background:var(--white100);appearance:none;box-sizing:border-box;}
.adm-chk input[type="checkbox"]:checked{position:relative;}
.adm-chk input[type="checkbox"]:checked:after{content:'';position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;background:var(--color03);transform: translate(-50%, -50%);}
.adm-chk label{font-size:1.6rem;line-height:2.4rem;vertical-align:middle;}
.article-chk{display:inline-block;/*position:absolute;top:5px;left:5px;*/line-height:1;z-index:5;}
.article-chk input[type="checkbox"]{display:inline-block;margin:0;width:2.4rem;height:2.4rem;border:1px solid var(--color04);background:var(--white100);appearance:none;box-sizing:border-box;}
.article-chk input[type="checkbox"]:checked{position:relative;}
.article-chk input[type="checkbox"]:checked:after{content:'';position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;background:var(--color03);transform: translate(-50%, -50%);}

.bn-list-common .article-chk{position:absolute;top:5px;left:5px;}
.bn-list-common .article-chk input[type="checkbox"]{width:1.8rem;height:1.8rem;border-color:var(--color04);}
.bn-list-common .article-chk input[type="checkbox"]:checked{position:relative;}
.bn-list-common .article-chk input:checked:after{content:'';position:absolute;top:50%;left:50%;width:1.2rem;height:1.2rem;background:var(--color03);transform: translate(-50%, -50%);}

/* b-select */
.b-select{position:relative;padding:1.2rem 3.2rem 1.2rem 1.6rem;width:100%;max-width:20rem;height:4.8rem;border:1px solid var(--color04);background:var(--white100) url(/_res/board/img/board/btn-w-sel-open01@2x.png) no-repeat right 1.2rem center/2.4rem;font-size:1.6rem;line-height:150%;color:var(--color03);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;}
.b-select[class*='w']{margin:0 2px;}
.b-select.w100{width:100%;}
.b-select.max-w100{max-width:100%;}
.b-select.w50{width:calc(50% - 5px);}
.b-select.w30{width:calc(33.33% - 5px);}
.b-select:last-of-type{margin:0;}
.b-select-readonly{background-color:var(--color04);color:var(--color10);pointer-events:none;}

/* b-input */
input:is([type="text"], [type="password"]).b-input,
textarea.b-input{padding:1.2rem;width:100%;height:4.8rem;border:1px solid var(--color04);font-family:inherit;font-weight:var(--font-weight-regular);font-size:1.6rem;line-height:2.4rem;color:var(--black06);text-indent:0;box-sizing:border-box;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;}
input:is([type="text"], [type="password"]).b-s-input{max-width:20rem;}
input:is([type="text"], [type="password"]).b-input::-webkit-input-placeholder{color:var(--input-placeholder-color);}
input:is([type="text"], [type="password"]).b-input::-ms-input-placeholder{color:var(--input-placeholder-color);}
input:is([type="text"], [type="password"]).b-input::placeholder{color:var(--input-placeholder-color);}
input:is([type="text"], [type="password"]).b-input:disabled{background:var(--input-disabled-bg-color);color:var(--input-disabled-color);}
input:is([type="text"], [type="password"]).b-input:disabled::placeholder{color:var(--input-placeholder-color);}
input:is([type="text"], [type="password"]).b-input-readonly{border:0;background:var(--color04);color:var(--color10);-webkit-text-fill-color:var(--color10);-webkit-opacity:1;}
input:is([type="text"], [type="password"]).b-input-readonly::placeholder{color:var(--color10);}
input:is([type="text"], [type="password"]).b-input:invalid{border-color:var(--color04);color:var(--black06);}
input:is([type="text"], [type="password"]).b-input:invalid::placeholder{color:var(--input-disabled-color);}
input:is([type="text"], [type="password"]).b-input:-webkit-autofill,
input:is([type="text"], [type="password"]).b-input:autofill,
input:is([type="text"], [type="password"]).b-input:-webkit-autofill:hover,
input:is([type="text"], [type="password"]).b-input:autofill:hover,
input:is([type="text"], [type="password"]).b-input:-webkit-autofill:focus,
input:is([type="text"], [type="password"]).b-input:autofill:focus,
input:is([type="text"], [type="password"]).b-input:-webkit-autofill:active,
input:is([type="text"], [type="password"]).b-input:autofill:active{font-size:1.6rem !important;font-weight:var(--font-weight-regular) !important;-webkit-text-fill-color:var(--color03);-webkit-box-shadow:0 0 0px 1000px transparent inset;transition:background-color 5000s ease-in-out 0s;}
input:is([type="text"], [type="password"]).b-input.w50{margin:0 2px;width:calc(50% - 7px);}
input:is([type="text"], [type="password"]).b-input.w33{margin:0 2px;width:calc(33.33% - 7px);}
input:is([type="text"], [type="password"]).b-input.w25{margin:0 2px;width:calc(25% - 7px);}
input:is([type="text"]).b-input.datepicker{padding-right:3.2rem;background:var(--white100) url(/_res/board/img/board/ico-datepicker01@2x.png) no-repeat right 8px top 50%/2.4rem;}
input:is([type="text"]).b-input.datepicker.b-input-readonly{background:var(--color04) url(/_res/board/img/board/ico-datepicker01@2x.png) no-repeat right 8px top 50%/2.4rem;}
input:is([type="text"]).b-input.datepicker-time{background:var(--white100) url(/_res/board/img/board/ico-datepicker-time01@2x.png) no-repeat right 8px top 50%/2.4rem;}

/* checkbox, radio */
.b-chk-group{display:flex;flex-wrap:wrap;margin:0 0 -1.6rem;}
.b-chk-group li{display:flex;align-items:center;padding:0 0 1.6rem 0;box-sizing:border-box;}
.b-chk-group li p{padding:0 1rem 0 0;}
.b-radio{display:inline-block;position:relative;flex-shrink:0;margin:0 8px 0 0;border:1px solid var(--color04);border-radius:50%;width:2.4rem;height:2.4rem;background:var(--white100);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;}
.b-radio:checked:after{content:'';position:absolute;top:50%;left:50%;border-radius:50%;width:1.6rem;height:1.6rem;background:var(--color03);transform:translate(-50%,-50%);}
.b-radio:disabled{background:var(--color04);cursor:unset;}
.b-radio + label{display:inline-block;padding:0 2.4rem 0 0;font-size:1.6rem;line-height:2.4rem;color:var(--color03);vertical-align:middle;cursor:pointer;}
.b-radio:disabled + label{color:var(--input-disabled-color);}
.b-chk{display:inline-block;position:relative;flex-shrink:0;margin:0 8px 0 0;border:1px solid var(--color04);border-radius:0;width:2.4rem;height:2.4rem;background:var(--white100);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;}
.b-chk:checked:after{content:'';position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;background:var(--color03);transform:translate(-50%,-50%);}
.b-chk:disabled{background:var(--color04);cursor:unset;}
.b-chk + label{display:inline-block;padding:0 2rem 0 0;font-size:1.6rem;line-height:2.4rem;color:var(--color03);vertical-align:middle;cursor:pointer;}
.b-chk:disabled + label{color:var(--input-disabled-color);}

/* list 게시판 - colgroup 너비 지정 클래스 */
.b-col-auto{width:auto;}
.b-col-num{width:10%;}
.b-col4{width:4%;}
.b-col5{width:5%;}
.b-col6{width:6%;}
.b-col7{width:7%;}
.b-col8{width:8%;}
.b-col8-5{width:8.5%;}
.b-col9{width:9%;}
.b-col10{width:10%;}
.b-col11{width:11%;}
.b-col12{width:12%;}
.b-col12-5{width:12.5%;}
.b-col13{width:13%;}
.b-col14{width:14%;}
.b-col15{width:15%;}
.b-col15-6{width:15.6%;}
.b-col16{width:16%;}
.b-col17{width:17%;}
.b-col18{width:18%;}
.b-col19{width:19%;}
.b-col20{width:20%;}
.b-col22{width:22%;}
.b-col23{width:23%;}
.b-col25{width:25%;}
.b-col30{width:30%;}
.b-col31{width:31%;}
.b-col32{width:32%;}
.b-col33{width:33%;}
.b-col35{width:35%;}
.b-col40{width:40%;}
.b-col42{width:42%;}
.b-col45{width:45%;}
.b-col50{width:50%;}

/* 버튼 */
.b-btn-wrap{display:flex;flex-wrap:wrap;gap:8px;padding:8rem 0 0;box-sizing:border-box;}
.b-paging + .b-btn-wrap{padding:3.6rem 0 0;}
.b-btn-wrap.right{justify-content:flex-end;}
.b-btn-wrap.center{justify-content:center;}
.b-btn-wrap.space-between{justify-content:space-between;}
.b-btn-wrap > div{display:flex;gap:8px;}
.b-btn-wrap .b-btn{display:block;padding:1.2rem 2rem;border-radius:0;box-sizing:border-box;border:1px solid var(--color04);background:#fff;font-size:1.6rem;line-height:150%;color:var(--color03);text-align:center;}
.b-btn-wrap .b-btn.blue{border-color:var(--color01);background:var(--color01);color:var(--white100);}

/* 버튼 - 채용공고 팝업 열기 버튼 */
.b-btn-popup{display:inline-block;padding:8px 2rem;border:1px solid var(--color04);background:var(--white100);font-size:1.6rem;line-height:2.2rem;color:var(--color03);box-sizing:border-box;}

@media screen and (max-width:1024.98px) {
  /***** 게시판 공통 *****/
  
    /* 상단 하단 레이아웃 */
    .b-all-wrap-top{padding-top:4rem;}
    .b-all-wrap-bottom{padding-bottom:8rem;}
  
	/* 전체 선택/비선택 체크박스(관리자) */
	.adm-chk{gap:5px;position:static;padding:0 0 1rem;}
	.adm-chk input[type="checkbox"]{width:1.4rem;height:1.4rem;}
    .adm-chk input[type="checkbox"]:checked:after{width:1rem;height:1rem;}
	.adm-chk label{font-size:1.4rem;line-height:1.4rem;vertical-align:middle;}
	.article-chk{position:absolute;top:0;left:0;}
	.article-chk input[type="checkbox"]{width:1.4rem;height:1.4rem;}
	.article-chk input[type="checkbox"]:checked:before{width:8px;height:8px;}
    .article-chk input[type="checkbox"]:checked:after{width:1rem;height:1rem;}

    .bn-list-common .article-chk{left:0;}
	.bn-list-common .article-chk input[type="checkbox"]{width:1.4rem;height:1.4rem;}
    .bn-list-common .article-chk input:checked:after{width:1rem;height:1rem;}

	/* colgroup 너비 지정 클래스 */
	.b-col-auto{width:85%;}
	.co-board table colgroup > [class*='b-col']{display:none;width:0;}
	/* 의뢰서양식 게시판은 제외 */
	.bn-list-request .b-col-auto{width:auto;}
	.co-board .bn-list-request table colgroup > .b-col18{display:table-column;width:18%;}
  
    /* b-select */
	.b-select{padding:5px 3.2rem 5px 1.2rem;width:100%;height:3.5rem;background-size:2rem;font-size:1.4rem;line-height:2.2rem;}

	/* b-input */
	input:is([type="text"], [type="password"]).b-input,
    textarea.b-input{padding:5px 1.2rem;height:3.5rem;font-size:1.4rem;line-height:2.2rem;}
    input:is([type="text"], [type="password"]).b-s-input{max-width:100%;}
	input:is([type="text"], [type="password"]).b-input[class*='w']{width:100%;}
	input:is([type="text"]).b-input.datepicker{background-size:2rem;}

	/* checkbox, radio - b-l-chk: 큰 체크박스 */
	.b-chk-group{flex-wrap:wrap;margin:0 0 -1rem;}
	.b-chk-group li{padding:0 0 1rem;}
	.b-radio,
	.b-chk{margin:0 5px 0 0;width:2rem;height:2rem;}
	.b-radio:checked:after{width:1rem;height:1rem;}
	.b-radio + label{padding:0 1rem 0 0;font-size:1.4rem;line-height:2.2rem;}
	.b-chk:checked{background-size:1rem;}
	.b-chk + label{padding:0 1rem 0 0;font-size:1.4rem;line-height:2.2rem;}
  
    /* 버튼 */
	.b-btn-wrap{gap:1rem 0;padding:2rem 0 0 0;}
	.b-paging + .b-btn-wrap{padding:2rem 0 0 0;}
	.b-btn-wrap .b-btn{padding:1rem;min-width:auto;min-height:auto;width:100%;font-size:1.5rem;}
  
    /* 버튼 - 채용공고 팝업 열기 버튼 */
    .b-btn-popup{padding:5px 1rem;font-size:1.4rem;line-height:2rem;}
  
    /*테이블*/
	.scrollbox{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;}
	.scrollbox .b-app-table{width:100rem;}
	.msg-touch-help{display:block;position:absolute;top:20px;left:50%;z-index:10;margin:0 0 0 -35px;width:70px;height:70px;opacity:0.7;}
	.msg-touch-help img {width:100%;}    
}