/*** skip. ***/
#skip { position:relative; z-index:1000; }
#skip ul li { display:block; box-sizing: border-box;}
#skip p { display:block; overflow:hidden; position:absolute; width:1px; height:1px; font-size:20px; line-height:0; white-space:nowrap; text-indent:-9999px; }
#skip a { display:block;  border:1px solid #24242c; position:absolute; top:-100px; left:-999px; width:100%; background:#111; font-size:22px;text-align: center; font-weight:normal; line-height:60px; overflow: hidden; color:white; }
#skip a:focus,#skip a:active { display:inline-block;  width:500px;  margin:0px auto 0px; padding:5px 8px 4px; top:4px; left:4px; background:#111;  cursor:pointer;  }



/* 2024 추가*/

#header { margin:0 auto; z-index: 1; width:1024px; }
#header .inner { display: flex; align-items: center; justify-content:center; text-align: center; }
#header h1 { line-height:70px; }
#header h1 img { vertical-align: middle; }
#header .login a { padding:10px 48px; overflow:hidden; background: #151928; font-size:15px; font-weight:500; color:#fff; border-radius: 50px; }
#header .login a:hover,#header .login a:focus,#header .login a:active { background:#000; }
#header #nav .gnb { display:flex; gap:46px; align-items: center; justify-content: center; }
#header #nav .gnb li a { display: flex; font-size:16px; line-height: 70px; }
#header #nav .gnb li span { padding-left:26px; position: relative; font-weight: 500; color: var(--bs-blue-V900); }
#header #nav .gnb li.detection span { background: url("../images/content/gnb_detection.svg") 0 center no-repeat; }
#header #nav .gnb li.statistics span { background: url("../images/content/gnb_statisi.svg") 0 center no-repeat; }
#header.loginLOGOLOGO .inner { justify-content: flex-start; text-align:left; }

#container { padding:20px 0 0; box-sizing: content-box; }
#join_wrap { padding:20px; position: relative; }
#join_wrap:before { display: block; overflow: hidden; position: absolute; top:-110px; left:20px; z-index: -99; width:calc(100% - 40px); height:450px; background:#4FD1C5 url("../images/content/member_bg.png") center no-repeat; background-size:cover; content: ""; border-radius: 15px; }
#join_container { position: relative; }

#join_content { margin:40px auto 150px; position: relative; z-index:2; width:455px; }
#join_content .signup_step { display: flex; gap:30px; align-items: flex-start; justify-content: center; margin-bottom: 43px; text-align: center; }
#join_content .signup_step li {  position: relative;display: flex; gap:10px; align-items: center; flex-direction: column; font-size:14px; color:var( --bs-back-900); }
#join_content .signup_step span { display: block; position: relative; border:1px solid var( --bs-back-900); width: 26px; height:26px; font-size:14px; line-height:1.8; color:var( --bs-back-900); text-align: center; border-radius: 50%; }
#join_content .signup_step li span:after { display: inline-block; position:absolute; top:50%; left:48px; width: 10px; height:1px; background: var( --bs-back-900); content:""; }
#join_content .signup_step li:last-child span:after { display: none; width:0; height:0; }
#join_content .signup_step .on span { display: block; width: 26px; height:26px; background: var( --bs-back-900); font-size:14px; color:#fff; text-align: center; border-radius: 50%; }



#join_content .content_wrap { padding:40px; box-shadow:0 7px 20px rgba(0, 0, 0, 0.2); position: relative; background: #fff; box-sizing: border-box; border-radius: 15px; }
#join_content .content_wrap .cont_box { margin-top:60px; }


/* 약관동의 */

#join_content .content_wrap .tit { margin-top:22px; text-align:center; }
#join_content .content_wrap .tit h2 { font-size:24px; font-weight:600; color:var(--bs-blue-V900); }
#join_content .content_wrap .tit p { margin-top:12px; font-size:16px; line-height: 1.5; color:var(--bs-blue-V700); }

.clause_wrap { display: flex; gap:16px; flex-direction: column; }
.clause_wrap .item .clause_tit { display: flex; align-items: center; justify-content: space-between; padding:16px 32px; border:1px solid var(--bs-default-border); border-radius:15px; }
.clause_wrap .item .clause_tit .clause_box { display: flex; gap:5px; align-items: center; }
.clause_wrap .item .clause_tit .clause_box .txt { font-size:16px; color:var(--bs-blue-V700); }
.clause_wrap .item .clause_tit .clause_box .txt span { font-size:14px; color:var(--bs-information-txt); }
.clause_wrap .item .clause_tit .clause_box .txt.check_all { font-weight:500; color:var(--bs-blue-V900); }
.clause_content { display: none; margin-top:10px; padding:20px 26px; border:1px solid var(--bs-default-border); overflow-y:auto; max-height:200px; background-color:var(--bs-back-400); }
.clause_toggle { color:var(--bs-blue-V700); cursor: pointer; }
.clause_toggle:hover { }

.join_login_txt { font-size:16px; color:var(--bs-blue-V700); text-align: center; }
.join_login_txt a { display: inline-block; margin-left:4px; font-weight: 600; }


/* 정보입력 */

/* 테이틀 필수 항목 안내*/
.cap_txt { font-size:14px; color:var(--bs-blue-V800); text-align: right; }
.compul_red { margin-right: 6px; vertical-align: middle; line-height: 1.5; color:var(--bs-error-txt); }
.join_input { margin-bottom:30px; }
.join_input label { display: block; margin-bottom: 8px; font-size:16px; font-weight:500; color:var(--bs-blue-V900); }
.join_input input { height: 55px; line-height: 55px; border-radius: 15px; }
.join_input .inline-btn { justify-content: space-between; }
.join_input .inline-btn input { display: inline-block; margin-right:10px; width: 237px; }
.join_input .inline-btn button { display: inline-block; flex:1 1 auto; width:125px; height: 55px; }
.join_input .normal { margin-top:8px; padding-left: 4px; font-size:14px; color:var(--bs-information-txt); }
.join_input .btn_file { height: 55px; }
.detail_list { margin-top:8px; padding-left: 4px; font-size:14px; color:var(--bs-blue-V700); }
.detail_list li { padding-left:14px; background:url("../images/content/detail_list_arrow.svg") 0 center no-repeat; }
.detail_list li.info_ok,
.info_ok { margin-top:14px; padding-left: 22px; background:url("../images/content/join_info_ok.svg") 0 center no-repeat; font-size:14px; color:var(--bs-success-txt); }
.detail_list li.info_error,
.info_error { margin-top:14px; padding-left: 22px; background:url("../images/content/join_info_error.svg") 0 3px no-repeat; font-size:14px; color:var(--bs-error-txt); }

.join_input .input_info_error { border-style: solid; border-color: var(--bs-error-txt); box-shadow: 0 8px 15px rgba(235, 21, 21, 0.1); border-width: 1px; }
.join_input .input_info_ok { border-style: solid; border-color: var(--bs-success-txt); box-shadow: 0 8px 15px rgba(19, 136, 68, 0.1); border-width: 1px; }

.file_cus { margin-bottom:35px;; overflow: hidden; text-align:center; }
.file_cus .profile { margin:0 auto; border:1px solid #ddd; overflow: hidden; width:100px; height:100px; background: #e9e9e9; text-align: center; border-radius: 50%; }
.file_cus #preview { width:100%; height:100%; }
.file_cus input[type="file"] { margin: -1px; overflow: hidden; clip: rect(0 0 0 0); position: absolute; width: 1px; height: 1px; font-size: initial; }
.file_cus .file_name { display: none; padding:0 12px; overflow: hidden; width: calc(100% - 108px); height: 40px; vertical-align: middle; font-size: 14px; line-height: 38px; color: #111; white-space: nowrap; border-radius:4px; text-overflow: ellipsis; }
.file_cus .file_btn { display: block; margin:18px auto 0; border: 1px solid var(--bs-back-900); width: 100px; height: 40px; vertical-align: middle; background: #fff; font-size: 14px; font-weight: 500; line-height: 40px; color: var(--bs-back-900); text-align: center; cursor: pointer; border-radius:15px; }
.file_cus input[type="file"]:focus-visible ~ .file_btn, .file_cus:hover .file_btn, .file_cus:focus .file_btn,.file_cus:active .file_btn { background: var(--bs-back-900); color:#fff; }




/* 가입완료 */
#join_content .content_wrap .complete_tit { text-align:center; }
#join_content .content_wrap .complete_tit h2 { padding-top:72px; background:url("../images/content/complete_icon.svg") center 0 no-repeat; font-size:22px; font-weight:500; color:var(--bs-blue-V800); }
#join_content .content_wrap .complete_tit p { margin-top:12px; font-size:16px; line-height: 1.5; color:var(--bs-blue-V700); }

.complete_info { padding:30px; border:1px solid var(--bs-default-border); overflow:hidden; border-radius: 15px; }
.complete_info .in_tit { margin:0 0 24px; color:var(--bs-blue-V800); text-align: left; }
.complete_info .complete_list { margin-top:4px; padding-left: 4px; font-size:14px; color:var(--bs-blue-V700); }
.complete_info .complete_list li { margin-bottom:16px; padding-left:14px; background:url("../images/content/detail_list_arrow.svg") 0 center no-repeat; }
.complete_info .complete_list li:last-child { margin-bottom: 0; }
.complete_info .complete_list li dl { display: flex; align-items: center; justify-content:space-between; }
.complete_info .complete_list li dl dd { font-weight: 600; color:var(--bs-blue-V800); }
#join_content .complete_wrap .cont_box { margin-top:40px !important; }
#join_content .complete_wrap .full_btns { margin:38px auto 20px; }

/* 아이디찾기 결과 */
#join_content .content_wrap .id_resdult_tit { text-align:center; }
#join_content .content_wrap .id_resdult_tit h2 { padding-top:72px; background:url("../images/content/id_result.svg") center 0 no-repeat; font-size:22px; font-weight:500; color:var(--bs-blue-V800); }

.find_txt { font-size:15px; font-weight: 400; line-height:1.5; color:var(--bs-blue-V700); text-align:center; }
.find_txt b { font-weight: 600; color:var(--bs-information-txt); }

/* button */
.btn { display: inline-block; margin: 0; padding: 0 10px 0 10px; min-width: 55px; height:55px; font-size: 14px; line-height:1.5; text-align: center; border-radius: 10px; }
.btn_box { display: flex; align-items: center; }
.btn_box.right_btn { justify-content: flex-end; text-align: right; }
.btn_box.right_btn button { margin:0 0 auto auto; }
.btn_s { display: inline-block; margin: 0; padding: 0 10px 0 10px; min-width: 110px; height: 50px; font-size: 14px; line-height:1.5; text-align: center; border-radius: 15px; }
.btn_primary { background-color: var(--bs-back-900); color:#fff; }
.btn_primary:hover,.btn_primary:focus,.btn_primary:active { border-color: #009f83; background-color:#009f83; }

.btn_secondary { border:1px solid var(--bs-back-900); background:#fff; color:var(--bs-back-900); }
.btn_secondary:hover,.btn_secondary:focus,.btn_secondary:active { border-color: #e13f3f; background-color:#e13f3f; color:#fff; }
.btn_center { display: flex; align-items: center; justify-content: center; margin-top:80px; padding:0 0 30px 0; text-align:center;; }
.btn_center button { display: inline-block; margin:0 8px; box-shadow:0 7px 20px rgba(0, 0, 0, 0.2); width:49%; width:200px; font-weight:600; box-sizing: border-box; }
.btn_in_center { display: flex; gap:8px; align-items: center; justify-content: center; margin-top:20px; padding:0 0 14px 0; text-align:center; }
.btn_in_center button { box-shadow:0 7px 20px rgba(0, 0, 0, 0.2); width:100%; height: 46px; font-weight:400; }

.full_btns { margin:50px auto 20px; }
.full_btns button { width:100%; }


.down_btns { margin:40px auto 0; width:294px; }
.down_btns button { padding:0 18px 0 42px; width:145px; }
.down_btns .down_all { background:var(--bs-back-900) url("../images/sub/down_all.svg")15px 50% no-repeat; }
.down_btns .down_chk { background:#fff url("../images/sub/down_chk.svg")15px 50% no-repeat; }

.down_all:hover,.down_all:focus,.down_all:active { background:#e13f3f url("../images/sub/down_all.svg")15px 50% no-repeat; transition: all 0.3s ease-in-out 0s; }
.down_chk:hover,.down_chk:focus,.down_chk:active { border-color:#009f83; background:#009f83 url("../images/sub/down_chk_on.svg")15px 50% no-repeat;; color:#fff; transition: all 0.3s ease-in-out 0s; }


.gnb_bg { display:none; padding-bottom:12px; border-bottom:1px solid #222; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5); position:absolute; top:90px; z-index: 2; width:100%; height:0; height: 300px; background:#fff; transition:all 0.2s ease-in; }
.header .side_btn { position:absolute; top:0; right:0; }

.ko_ent { padding: 0 24px; position:absolute; top:0; right:0; width: 24px; height: 100%; background: url(../images/content/ico_typing.png) no-repeat center; text-indent: -9999px; }
.inp_chk.pr { padding-right:73px !important; }
.pr ~ .ko_ent { padding: 0 13px; right:38px; }
input.inp_chk { padding-right:47px; height:48px; border-radius: 10px; }

.header .search_box .inp_box_ { margin-left:0; width:100%; }
.header .search_box .btn_search { margin:0 0 0 5px; position:relative; top:1px; height:40px; line-height:40px; }
.header #gnb ul li .lb1 { display: block; padding-top:20px; position:absolute; top:90px; left:0;; width:100%; background:#fff; color:#000; }
.header #gnb ul li .lb1 ul { background:#fff; }
.header #gnb ul li .lb1 li { width:100%; line-height: 36px; }
.header #gnb ul li .lb1 li a { font-size:14px; color:#666; }
.header #gnb ul li .lb1 li a:hover { font-weight: bold; color:#222; text-decoration:underline; }
.header #gnb ul li .lb1 li a:focus { background:#fff; }

.cont .board_con .board_top { display: flex; height:60px; background:#f7f7f7; }
.cont .board_con .board_top p { display: flex; align-items: center; justify-content: center; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; width:100%; font-size: 14px; font-weight: 700; box-sizing: border-box; }
.cont .board_con .board_top p:first-child { border-left:0; }

.cont .board_con .board_top p.tag01 { width:125px; }
.cont .board_con .board_top p.tag02 { width:308px; }
.cont .board_con .board_top p.tag03 { width:183px; }
.cont .board_con .board_top p.tag04 { width:68px; }
.cont .board_con .board_top p.tag05 { width:685px; }
.cont .board_con .board_top p.tag06 { width:418px; }

.cont .board_con .board_list span.tag01 { width:125px; }
.cont .board_con .board_list span.tag02 { width:308px; }
.cont .board_con .board_list span.tag03 { width:183px; }
.cont .board_con .board_list span.tag04 { width:68px; }
.cont .board_con .board_list span.tag05 { width:685px; }
.cont .board_con .board_list span.tag06 { width:178px; }
.cont .board_con .board_list span.tag07 { width:64px; }
.cont .board_con .board_list span.tag08 { width:418px; }

.cont .board_con .board_list li { display: flex; height:60px; }
.cont .board_con .board_list li span { display:inline-block; padding:0 10px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; width:100%; font-size: 14px; line-height:60px; color: #222; text-align:center; box-sizing: border-box; }
.cont .board_con .board_list li span [class^="state_"] { display:inline-block; padding-left:28px; position:relative; width:90px; height:24px; vertical-align: middle; font-size: 14px; font-weight: 500; line-height:24px; text-align: left; border-radius: 5px; box-sizing: border-box; }
.cont .board_con .board_list li span [class^="state_"]:after { display:block; position:absolute; top:50%; left:12px; width:8px; height:8px; content:''; transform:translateY(-50%); border-radius: 50%; }
.cont .board_con .board_list .state_g { background:#eee; color:#666; text-indent: 8px; }
.cont .board_con .board_list .state_g.t2 { background:#eee; color:#666; text-indent: 15px; }
.cont .board_con .board_list .state_g:after { background:#666; }
.cont .board_con .board_list .state_b { background:#dae7fe; color:#317cfc; text-indent: 8px; }
.cont .board_con .board_list .state_b:after { background:#317cfc; }
.cont .board_con .board_list .state_o { background:#fee9c5; color:#faa919; }
.cont .board_con .board_list .state_o.t2 { background:#fee9c5; color:#faa919; text-indent: 15px; }
.cont .board_con .board_list .state_o:after { background:#faa919; }
.cont .board_con .board_list .state_r { background:#fcdada; color:#f34745; text-indent: 15px; }
.cont .board_con .board_list .state_r:after { background:#f34745; }
.cont .board_con .board_list .state_gr { background:#d5f4e2; color:#2dc86d; text-indent: 15px; }
.cont .board_con .board_list .state_gr:after { background:#2dc86d; }
.cont .board_con .board_list li span.left { overflow: hidden; position: static; max-width:90%; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.cont .board_con .board_list li span:first-child { border-left:0; }
.cont .board_con .board_list li:last-child span { border-bottom:0; }
.cont .board_con .board_list li a { display: flex; width:100%; transition:all 0.3s ease; }
.cont .board_con .board_list li a:hover { background:#f7f7f7; }
.cont .board_con .board_list li a:hover span { font-weight: bold; text-decoration: underline; }



/* table2 */
.table2 { border:1px solid #bbb; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); overflow: hidden; position: relative; background: #fff; border-radius: 10px; }
.table2 table { border-collapse: inherit; }
.table2 table th { border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; position: relative; height: 60px; background: #f7f7f7; font-weight: 700; color: #222; word-break: keep-all; box-sizing: border-box; }
.table2 table tbody th { padding:10px 23px; background: #f7f7f7; text-align: left; }
.table2 table tbody td { padding:10px 23px; border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; height: 60px; color: #222; text-align: left; word-break: keep-all; box-sizing: border-box; }
.table2 table tbody th + td { border-right: 1px solid #e5e5e5; }
.table2 table tbody td + td { border-right: 1px solid #e5e5e5; }
.table2 table tbody tr:last-child th,.table2 table tbody tr:last-child td { border-bottom: 0; }
.table2.center th, .table2.center td { text-align: center; }
.table2 table tr.active { background: #fef4e6; }
.table2 table tbody td a { display: block; }

.table2 table thead tr th .arr { display: inline-block; position: absolute; top: 23px; width: 14px; height: 19px; }
.table2 table thead tr th .arr div { width: 14px; height: 7px; background-repeat: no-repeat; background-position: center; text-indent: -9999px; cursor: pointer; }
.table2 table thead tr th .arr .up { background-image: url(../images/content/arr_up_tb.png); }
.table2 table thead tr th .arr .down { background-image: url(../images/content/arr_down_tb.png); }
.table2 table thead tr th .arr .up.on { background-image: url(../images/content/arr_up_tb_on.png); }
.table2 table thead tr th .arr .down.on { background-image: url(../images/content/arr_down_tb_on.png); }

.table2 .srh_cont:after { display: block; clear: both; content: ''; }
.table2 .srh_cont .sel_box { margin-left: 10px; width: 200px; float: left; }
.table2 .srh_cont .sel_box:first-child { margin-left: 0; }

.table2.link_ty tr { transition: all 0.25s; }
.table2.link_ty tr:hover { background: #fef4e6; }

/** 마이페이지 **/
/* 상태값 */
.st { font-weight: bold; }
.s1 { color: #222 !important; } /* 대기 */
.s2 { color: #ee3748 !important; } /* 반려 */
.s3 { color: #1ab500 !important; } /* 승인 */
.s4 { color: #666 !important; } /* 퇴직/휴직 */

.r_btn { padding: 0 !important; border: 1px solid #333; position: relative; }
.r_btn button { display: inline-block; padding: 0; position: absolute; top: -1px; bottom: -1px; width: 131px; height: 65px; background: #333; font-size: 14px; font-weight: bold; color: #fff; text-align: center; }

.title { margin-bottom: 10px; line-height: 30px; }
.title:after { display: block; clear: both; content: ''; }
.total_txt em { font-weight: bold; color: #c9a677; }
.s_sel { padding: 0 24px 0 10px; min-width: 115px; height: 30px; background: #fff url(../images/content/select_arrow.png) no-repeat top 50% right 10px; background-size: 8px; }

.sel_type { display: inline-block; position: relative; width: 217px; }
.sel_type .s_sel { border-right: 0; width: 139px; border-radius: 5px 0 0 5px; }
.sel_type button { position: absolute; top: 0; right: 0; width: 78px; height: 100%; background: #333; color: #fff; border-radius: 0 5px 5px 0; }

.tab_wrap { margin-bottom: 30px; position: relative; height: 40px; }
.left { position: absolute; top: 0; left: 0; }
.right { position: absolute; top: 0; right: 0; }

.tb_img { border: 1px solid #e5e5e5; overflow: hidden; position: relative; width: 100px; height: 60px; background: #f7f7f7 url(../images/content/ico_noimg.png) no-repeat center; text-indent: -9999px; border-radius: 5px; }
.tb_img a { display: block; width: 100%; height: 100%; }
.tb_img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.tb_img i { display: inline-block; border: 1px solid #e5e5e5; position: absolute; right: 4px; bottom: 4px; width: 23px; height: 23px; background: #fff url(../images/content/ico_search02.png) no-repeat 4px 4px; background-size: 13px; text-indent: -9999px; border-radius: 100%; box-sizing: border-box; }
.tb_img.noimg a { cursor: default; }

.tit { overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; }

.button_box button { margin-left: 5px !important; }

/* popup */
.pop_cont .tt { margin-bottom: 6px; font-weight: bold; }
.error_box { display: block; margin-bottom: 30px; padding: 9px 16px; border: 1px solid #bbb; overflow-x: hidden; overflow-y: auto;height: 100px; background: #fff; border-radius: 5px; box-sizing: border-box;  }
.error_box ul li em { font-weight: bold; color: #e60012; }

.pop_cont .tab li.on a, .pop_cont .tab li a:focus { background: #fff; }
.pop_cont .regi_form .sel_box,.pop_cont .regi_form .ip_unit_set .sel_box { display: inline-block; width: 155px !important; }
.pop_cont .regi_form .ip_unit_set .input_box ,.pop_cont .regi_form .cell_inline_wrap .input_box { width: 197px !important; }
.pop_cont .regi_form .ip_bt_set .input_box { width: 262px !important; }
.pop_cont .regi_form .input_box.half_size { width: 362px; }

.pop_cont .tab_box { margin: 0 0 30px; }
.pop_cont .tab_box .tab li { width: 200px; }
.pop_cont .regi_drop_box { margin-top: 14px; }
.regi_title { margin-bottom: 10px; }
.regi_title:after { display: block; clear: both; content: ''; }
.regi_title p { float: left; line-height: 30px; }
.regi_title a { float: right; }
.regi_title p i { position: relative; top: -1px; }
.regi_title p i img { vertical-align: middle; }

.err,.err:focus,.err:hover { border-color: #e60012 !important; }

.rg_img { margin-bottom: 20px; }
.multity { position: fixed; top: 50%; left: 50%; z-index: 3000; transform: translate(-50%,-50%); }

/* 회원가입 정보 수정 */
.tb_box { display: table; margin-top: 10px; width: 100%; }
.tb_box:first-child,.table2 .w100:first-child { margin-top: 0 !important; }
.tb_box > div { display: table-cell; padding-left: 10px; position: relative; vertical-align: middle; }
.tb_box > div:first-child { padding-left: 0; }
.tb_box.form_address { width: 325px; }
.tb_box .b { width: 20px; }
.tb_box button { margin: 0; }
.sel_box.w100 { margin-top: 10px; }
.login_wrap .form_fileupload .btn_add, .login_wrap .form_fileupload .btn_remove { margin-top: 10px !important; }
.cell_inline_wrap.form_fileupload button { margin-left: 10px !important; }
.filebox { margin-bottom: 10px; }


/* 인력관리 */
.ex_txt { margin-bottom: 20px; padding: 16px 15px 14px; border: 1px solid #e5e5e5; background: #f7f7f7; border-radius: 5px; box-sizing: border-box; }
.ex_txt p { padding-left: 18px; text-indent: -18px; }
.ex_txt p i img { position: relative; top: -2px; vertical-align: middle; }
.ex_txt strong { font-weight: bold; }


/******************************************* by jhj 나중에 지우세요 ***********************************************/
/* common */
.input_box { position:relative; }
.input_box input { width:100%; }
input:disabled { border-color:#bbbbbb; background:#e6e6e6; }
input:disabled:hover,
input:disabled:focus { border-color:#bbbbbb !important; }
.date_start_end:after { display:block; clear:both; visibility:hidden; content:""; }
.date_start_end .input_date_box { width:200px; float:left; }
.date_start_end .tilde { display:inline-block; width:20px; height:40px; float:left; vertical-align:top; font-size:14px; line-height:40px; color:#222222; text-align:center; }
.input_date_box { width:100%; }
.input_date_box input { width:100%; background-image:url(../images/content/ico_date.png); background-repeat:no-repeat; background-position:top 50% right 0px; cursor:pointer; }
.input_date_box input[readonly]:focus,
.input_date_box input[readonly]:hover { cursor:pointer; }
.textarea_wrap { border:1px solid #bbbbbb; overflow-x:hidden; overflow-y:auto; width:100%; height:100px; transition:border 0.4s; border-radius:5px; }
.textarea_wrap:hover,
.textarea_wrap:focus { border-color:#222222; }
.textarea_wrap textarea { padding:9px 15px; border:0; height:100%; resize:none; -webkit-appearance:none; }
.textarea_wrap textarea:focus { border:0; outline:0; }
.sel_box select { width:100%; }
.chk_box { position:relative; }
.blind2 { margin:-1px; overflow:hidden; clip:rect(0 0 0 0); position:absolute; width:1px; height:1px; }
.btn_refresh { margin:0; padding-left:45px; background-image:url('../images/content/ico_refresh.png'); background-repeat:no-repeat; background-position:17px 50%; font-size:14px; color:#ffffff; }
.text_center { text-align:center !important; }
.text_left { text-align:left !important; }
.text_right { text-align:right !important; }
.table.tbl_style01.center table thead tr th,
.table.tbl_style01.center table tbody tr td { text-align:center; }
.style_hover table tbody tr:hover td { background-color:#fef4e6; }

.ico_zoom { display:inline-block; margin:0; padding:0; border:1px solid #e5e5e5; width:30px; min-width:auto; height:30px; background:#ffffff url('../images/content/ico_search02.png') no-repeat 50% 50%; border-radius:50%; }

.btns { font-size:0; }
.button_box { font-size:0; }
.btn_w1 { border:1px solid #bbbbbb; background:#ffffff; color:#222222; }
.btn_add { padding-left:38px; background-image:url('../images/content/ico_plus05.png'); background-repeat:no-repeat; background-position:24px 50%; text-align:left; }
.btn_add_sm { padding-left:33px; background-image:url('../images/content/ico_plus.png'); background-repeat:no-repeat; background-position:18px 50%; text-align:left; }
.btn_remove { padding-left:38px; background-image:url('../images/content/ico_basket.png'); background-repeat:no-repeat; background-position:23px 50%; text-align:left; }
.btn_b4 { border:1px solid #bbbbbb; background-color:#ffffff; color:#222222; }
.btn_b4:hover, .btn_b4:focus { border-color:#000000; }
.btn_bookmark { padding-left:40px; background-image:url('../images/content/ico_star_w.png'); background-repeat:no-repeat; background-position:15px 50%; }
.btn_edit { padding-left:40px; background-image:url('../images/content/ico_edit2.png'); background-repeat:no-repeat; background-position:15px 50%; }
.btn_open { padding-left:40px; background-image:url('../images/content/ico_eye.png'); background-repeat:no-repeat; background-position:15px 50%; }
.btn_del { padding-left:40px; background-image:url('../images/content/ico_del2.png'); background-repeat:no-repeat; background-position:15px 50%; }
.btn_form_print { padding-left:40px; background-image:url('../images/content/ico_print_w.png'); background-repeat:no-repeat; background-position:15px 50%; }
.btn_excel_down { padding-left:40px; background-color:#318b51; background-image:url('../images/content/ico_excel.png'); background-repeat:no-repeat; background-position:15px 50%; }
.btn_excel_down:hover,
.btn_excel_down:focus { background-color:#266b3f; }
.button_zoom { display:inline-block !important; padding:0 14px 0 29px; border:1px solid #bbbbbb !important; width:100px; height:30px; vertical-align:top; background:url('../images/content/ico_zoom.png') no-repeat 11px 50%; background-color:#ffffff !important; background-repeat:no-repeat; font-size:14px; font-weight:bold; line-height:28px; color:#222222; transition:all 0.4s; border-radius:5px; border-radius:15px !important; }
.button_zoom:hover { border-color:#222222 !important; }
.button_xs { display:inline-block; /*margin-left:5px !important; */padding:0 17px 0 33px; border:1px solid #bbbbbb; height:30px; vertical-align:top; background-color:#ffffff; background-repeat:no-repeat; font-size:14px; font-weight:normal; line-height:28px; transition:all 0.4s; border-radius:5px; }
.button_xs:first-of-type { margin-left:0; }
.button_xs:hover { border:1px solid #000000; }
.button_xs.i_add { background-image:url('../images/content/ico_plus.png'); background-position:18px 50%; }
.button_xs.i_del { padding-left:34px; background-image:url('../images/content/ico_delete.png'); background-position:17px 50%; }
.button_xs.i_upload { padding-right:10px; padding-left:29px; background-image:url('../images/content/ico_up.png'); background-position:10px 50%; cursor:pointer; }
.button_xs.i_download { padding-right:10px; padding-left:29px; background-image:url('../images/content/ico_down.png'); background-position:10px 50%; cursor:pointer; }
.button_xs.i_view { padding-right:10px; padding-left:29px; background-image:url('../images/content/ico_doc.png'); background-position:10px 50%; }
.button_xs.btn_pop { padding-right:9px; padding-left:9px; }

.red_tip { padding-left:41px; position:relative; font-size:14px; line-height:18px; color:#222222; }
.red_tip:after { display:inline-block; position:absolute; top:0; left:0; width:32px; height:18px; background-color:#e60012; font-size:14px; font-weight:bold; line-height:18px; color:#ffffff; text-align:center; content:'TIP'; border-radius:3px; }

.table2 table tbody td.td_data_none { height:178px; font-size:14px; }

/* 로그인 */
.login_wrap { gap:200px; position: relative; width:100%; min-width: 1280px; height:100%; /*background:#f1f1f1 url('../images/content/login_bg.png') no-repeat right bottom*/; text-align:center; }
.login_wrap .img_box { display:inline-block; position: relative; width:50%; height:768px; float:right;; border-radius: 0 0 0 15px; }
.login_wrap .img_box:before { display: block; overflow: hidden; position: absolute; top:-110px; left:0; z-index: -99; width:100%; height:100%; background:#4FD1C5 url("../images/content/admlogin_bg.png") center no-repeat; background-size:cover; content: ""; border-radius:0 0 0 15px; }
.login_wrap .img_box .inner { padding:210px 0 0 80px; color:#191b28; text-align: left; }
.login_wrap .img_box img { display:inline-block; max-width: 110px; }
.login_wrap .img_box .inner p { display:inline-block; margin-top:20px; margin-left:16px; font-size:26px; font-weight: 700; line-height: 1.3; text-align: left; }
.login_wrap .login_box { display:inline-block; margin-right:100px; width:calc(50% - 100px); float:left; vertical-align:middle; background-color:#ffffff; text-align:left; border-radius:15px; }
.login_wrap .login_box .login_inner { margin-left: auto; padding-top:95px; width:400px; }
.login_wrap .login_box .box_title { font-size:32px; font-weight:bold; color:var(--bs-color-txt); }
.login_wrap .login_box .box_desc { margin-top:8px; font-size:16px; color:var(--bs-blue-V700); }
.login_wrap .login_box .input_box_wrap { margin-top:38px; }
.login_wrap .login_box .input_box_wrap label { display: block; margin-bottom: 4px; font-size:16px; font-weight: 500; }
.login_wrap .login_box .input_box_wrap [class^="inp_box_"] { margin-bottom:30px; margin-left:0; }
.login_wrap .login_box .input_box_wrap [class^="inp_box_"]:last-of-type { margin-bottom:0; }
.login_wrap .login_box .input_box_wrap input.inp_chk { height:55px; line-height:55px; }
.login_wrap .login_box .button_box [class^="btn_"] { height:50px; line-height:50px; }
.login_wrap .login_box .button_box { margin-top:30px; }
.login_wrap .login_box .login_link { margin-top:24px; }
.login_wrap .login_box .login_link:after { display:block; clear:both; visibility:hidden; content:""; }
.login_wrap .login_box .login_link a { display:inline-block; vertical-align:top; font-size:16px; line-height:1; color:#222222; }
.login_wrap .login_box .login_link a:hover { text-decoration:underline; }
.login_wrap .login_box .login_link .link_signup { float:left; }
.login_wrap .login_box .login_link .link_find { float:right; font-size:0; }
.login_wrap .login_box .login_link .link_find a { margin-left:18px; position:relative; }
.login_wrap .login_box .login_link .link_find a:first-of-type { margin-left:0; }
.login_wrap .login_box .login_link .link_find a:first-of-type:after { display:none; }
.login_wrap .login_box .login_link .link_find a:after { display:inline-block; position:absolute; top:3px; left:-10px; width:1px; height:10px; background-color:#e5e5e5; content:''; }
.login_wrap .login_box .login_info_box { padding:21px 20px; border-top:1px solid #e5e5e5; text-align:center; }
.login_wrap .login_box .login_info_box p { font-size:14px; font-weight:normal; color:#222222; }
.login_wrap .login_box .login_info_box p b { font-weight:bold; }
.login_wrap .login_box .login_info_box p b.pt_color { font-size:18px; }
/*.login_wrap .login_box .login_info_box .cs_title { display:block; margin-top:1px; font-size:16px; font-weight:bold; color:#222222; } */
.login_wrap .login_box .login_info_box .cs_title { display:none; }
.login_wrap .login_box .login_info_box .cs_title b { display:inline-block; padding-right:10px; padding-left:31px; position:relative; vertical-align:-1px; font-size:18px; font-weight:bold; }
.login_wrap .login_box .login_info_box .cs_title b:after { display:inline-block; position:absolute; top:4px; left:0; width:21px; height:21px; background:url('../images/content/ico_tel.png') no-repeat; content:''; }
.login_wrap .login_box .login_info_box .cs_desc { margin-top:4px; font-size:14px; color:#999999; }
.login_wrap .login_box .login_info_box .cs_desc b { font-weight:bold; color:#222222; }
.login_wrap .login_box .full_btns .btn_primary { -ms-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2); height:55px; line-height:55px; }
.login_wrap:after { display: block; clear:both; content:""; }