@charset "utf-8";

@import url(common_new.css);

/* scroll */
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-thumb {height:30%; background:#96b5d4; border-radius:10px;}
::-webkit-scrollbar-track {background:rgba(33, 122, 244, .1);}

/* space */
.mt5 {margin-top:5px !important;}
.mt30 {margin-top:30px !important;}

/* input,select */
input.type2 {padding-right:7px;text-align:right;font-weight:bold;}
input.type3 {padding-right:7px;text-align:right;}
input.type4 {padding-right:7px;text-align:right;background:#e1ecf9;}
input.sum {padding-right:7px;text-align:right;font-weight:bold;background:#567191;} /* color:#fff; 옅은회색바탕에 흰색숫자가 잘 안보여서 삭제 */
input:read-only {background: #dddddd;}
input.disabled {background:#efefef;}
input[type=text]::-ms-clear {display:none;}
input[type=checkbox]:not(old){width:16px; height:16px; margin:0; padding:0; opacity:0; cursor:pointer;}
input[type=checkbox]:not(old) + em {display:inline-block; margin-top:2px; margin-left:-16px; padding-left:16px; background:var(--icons); background-position:-248px 0; min-height:16px;vertical-align:middle;}
input[type=checkbox]:not(old) + em + label {margin-left:3px;}
input[type=checkbox]:not(old):checked + em {background-position:-222px 0;}
input[type=checkbox]:not(old):checked + em + label {color:var(--color-blue);}
input[type=radio]:not(old){width:16px; height:16px; margin:0; padding:0; opacity:0; cursor:pointer;}
input[type=radio]:not(old) + em {display:inline-block; margin-top:2px; margin-left:-16px; padding-left:16px; background:var(--icons); background-position:-372px 0; background-color:var(--color-white); min-height:16px; vertical-align:middle;}
input[type=radio]:not(old) + em + label {margin-left:3px;}
input[type=radio]:not(old):checked + em {background-position:-346px 0;}
input[type=radio]:not(old):checked + em + label {color:var(--color-blue);}
select {height:32px;padding:0 20px 0 15px;border:1px solid var(--color-lightGray);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('../images/renewal/icon_pulldown.png') no-repeat right 5px top 50%;}
select::-ms-expand {display:none;}
input[type=file] {width:350px;padding:0;border:0;}
textarea {width:100%;padding:5px;border:1px solid #d7d7d7;background:#fff;overflow:auto;resize:none; min-height:70px;}
textarea:read-only {width:100%;padding:5px;background:#dddddd;overflow:auto;resize:none; min-height:70px;}
input {background:var(--color-white); padding:5px 10px; border:1px solid var(--color-lightGray); height:32px;}
input::-webkit-input-placeholder {color:var(--color-midGray);}
input:-moz-placeholder {color:var(--color-midGray);}
input::-moz-placeholder {color:var(--color-midGray);}
input:-ms-input-placeholder {color:var(--color-midGray);}

/* button */
.btn_right {display:flex; justify-content:center; gap:10px; margin-top:30px; text-align:center;}
.btn_right .left {display:flex; justify-content:center; gap:10px;}
.btn_center {display:flex; justify-content:center; gap:10px; margin-top:30px; text-align:center;}

.btn_search {display:inline-block;min-width:80px;padding:0 10px;height:30px;line-height:29px;text-align:center;font-size:13px;color:#fff !important;vertical-align:middle;background:#567191;white-space:nowrap;border-radius:30px;}
.btn_stype3 {display:inline-block;min-width:70px;height:24px;line-height:24px;text-align:center;font-size:12px;font-weight:normal;color:#fff !important;vertical-align:middle;background:#567191;white-space:nowrap;}
.btn_writer {display:inline-block;min-width:108px;height:38px;line-height:37px;padding-left:20px;text-align:center;font-size:16px;color:#fff !important;font-weight:bold;vertical-align:middle;white-space:nowrap;border-radius:30px;background:#dc8743 url('../images/ico_writer.png') no-repeat 15px 50%;}
.ico_excel {position:relative;display:inline-block;padding:0 8px 0 28px;height:30px;line-height:29px;text-align:center;font-size:13px;font-weight:normal;color:#315076 !important;vertical-align:middle;background:#fff;}
.ico_excel:before {content:"";position:absolute;top:6px;left:8px;width:17px;height:17px;background:url('../images/ico_execl.png') no-repeat 0 0;}

.btn_ltype1 {display:inline-flex; align-items:center; justify-content:center; color:var(--color-white); vertical-align:middle; border-radius:30px; font-size:16px; min-width:100px; height:46px; background:var(--color-lightGreen); padding:0 20px; line-height:46px;}
.btn_ltype2 {display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; border-radius:30px; background:#f4f5f8; border:1px solid #b6b9c7; color:var(--color-midGray); font-size:16px; min-width:100px; height:46px; padding:0 20px; line-height:44px;}
.btn_ltype3 {display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; border-radius:30px; background:#f4f5f8; border:1px solid #b6b9c7; color:var(--color-midGray); font-size:16px; min-width:100px; height:46px; padding:0 20px; line-height:44px;}
.btn_ltype4 {display:inline-flex; align-items:center; justify-content:center; color:var(--color-white); vertical-align:middle; border-radius:30px; font-size:16px; min-width:100px; height:46px; background: var(--color-lightBlue); padding:0 20px; line-height:46px;}
.btn_insearch {display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; background:#80889b; color:var(--color-white); height:32px; border-radius:3px; padding:0 15px;}
.btn_view {display:inline-flex; align-items:center; justify-content:center; color:var(--color-white); vertical-align:middle; background:#80889b; height:32px; border-radius:3px; padding:0 15px; line-height:32px;}
.btn_mtype1 {display:inline-flex; align-items:center; justify-content:center; color:var(--color-white); vertical-align:middle; background:#80889b; height:32px; border-radius:3px; padding:0 15px; line-height:32px;}
.btn_mtype1 span {color:var(--color-white);}
.btn_mtype2 {display:inline-flex; align-items:center; justify-content:center; color:var(--color-white); vertical-align:middle; background:#80889b; height:32px; border-radius:3px; padding:0 15px; line-height:32px;}
.btn_mtype3 {position:relative; display:inline-flex; padding:0 12px; height:32px; line-height:30px; text-align:center; color:var(--color-midGray) !important;vertical-align:middle; background:#fff; border:1px solid #b6b9c7; white-space:nowrap; border-radius:3px;}
.btn_mtype4 {display:inline-flex; align-items:center; justify-content:center; color:var(--color-white); vertical-align:middle; background:var(--color-lightBlue); height:32px; border-radius:3px; padding:0 12px; line-height:32px;}
.btn_mtype5 {display:flex; align-items:center; justify-content:center; vertical-align:middle; height:32px; padding:0 12px; border-radius:3px; background:#f4f5f8; border:1px solid #b6b9c7; color:var(--color-midGray); line-height:30px;}
.btn_mtype6 {display:flex; align-items:center; justify-content:center; vertical-align:middle; height:32px; padding:0 12px; border-radius:3px; background:#f4f5f8; border:1px solid #b6b9c7; color:var(--color-midGray); line-height:30px;}
.btn_stype1,.btn_add {display:inline-flex; align-items:center; justify-content:center; color:var(--color-white); vertical-align:middle; background:#80889b; height:32px; border-radius:3px; padding:0 15px; line-height:32px; white-space:nowrap;}
.btn_stype2,.btn_del {display:inline-flex; align-items:center; justify-content:center; color: var(--color-midGray); vertical-align:middle; height:32px; border:1px solid #b6b9c7; border-radius:3px; padding:0 15px; line-height:32px; background:#f4f5f8; white-space:nowrap;}
.btn_calc {display:inline-flex; align-items:center; justify-content:center; color:var(--color-white); vertical-align:middle; height:32px; border-radius:3px; padding:0 15px 0 35px; line-height:32px; background:url('../images/ico_calc.png') no-repeat 15px 50%; background-color:#80889b;}
.btn_execl {position:relative; display:inline-flex; padding:0 12px 0 28px; height:32px; line-height:30px; text-align:center; color:var(--color-midGray) !important;vertical-align:middle; background:#fff; border:1px solid #b6b9c7; white-space:nowrap; border-radius:3px;}
.btn_execl:before {content:""; position:absolute; top:6px; left:8px; width:17px; height:17px; background:url('../images/ico_execl.png') no-repeat 0 0;}

/* list */
.ulist li {position:relative;font-size:13px;color:#666;padding-left:10px;line-height:18px;}
.ulist li:before {content:"";position:absolute;top:8px;left:0;width:4px;height:4px;background:#677f9c;border-radius:4px;}
.ulist2 {overflow:hidden;}
.ulist2 li {position:relative;float:left;width:50%;font-size:14px;color:#333;padding-left:10px;line-height:24px;}
.ulist2 li:before {content:"";position:absolute;top:8px;left:0;width:4px;height:4px;background:#677f9c;border-radius:4px;}
.ulist2 li span {padding-left:5px; color:var(--color-lightBlue);}
.dlist {font-size:14px;color:#333;}
.dlist dt {height:34px;line-height:33px;padding:0 20px;margin:20px 0 3px;font-weight:bold;border-top:1px solid #d3dbe3;border-bottom:1px solid #d3dbe3;background:#f4f6f9;}
.dlist dt:first-child {margin-top:0;}
.dlist dd {position:relative;padding:5px 10px 0 30px;line-height:20px;}
.dlist dd:before {content:"";position:absolute;top:14px;left:20px;width:4px;height:4px;background:#677f9c;border-radius:4px;}
.dlist dd:last-child {padding-bottom:20px;border-bottom:1px solid #d3dbe3;}

.dlist3 {font-size:14px;color:#333;}
.dlist3 dd {position:relative;padding:5px 10px 0 30px;line-height:20px;}
.dlist3 dd:before {content:"";position:absolute;top:14px;left:20px;width:4px;height:4px;background:#677f9c;border-radius:4px;}

.dlist4 {font-size:14px;color:#333;}
.dlist dt {height:34px;line-height:33px;padding:0 20px;margin:20px 0 3px;}
.dlist4 dd {position:relative;padding:5px 10px 0 30px;line-height:20px;}

/* table */
.tbl_type {width:100%;}
.tbl_type :where(th, td) {text-align:center; padding:14px 5px;}
.tbl_type th {background:#eaedf3 !important; border-top:1px solid #b5bac7; border-bottom:1px solid #b5bac7; border-right:0 !important; text-align:center !important;}
.tbl_type td {border-bottom:1px solid #e0e3ea; color:var(--color-midGray);}
.tbl_type .tleft {text-align:left;}
.tbl_type .last {border-right:0;}
.tbl_type .td01 {padding:3px 5px;line-height:18px;}
.tbl_type.type2 tr:first-child td {border-top:1px solid #b5bac7;}
.tbl_type.type2 td {text-align:left;}
.tbl_type tr.view {cursor:pointer;}
.tbl_type tr.view.open .tleft {font-weight:bold;}
.tbl_type tr.fold {display:none;}
.tbl_type tr.fold.open {display:table-row;}
.tbl_type tr.fold.open td {padding:15px 20px 15px 76px;line-height:20px;background:#f4f6f9 url('../images/ico_arr_qna.png') no-repeat 30px 8px;}

/* paginate */
.paginate {display:flex; align-items:center; justify-content:center; margin-top:20px;}
.paginate li {margin:0 5px;}
.paginate a {margin:0 8px; color:var(--color-midGray);}
.paginate a.active {min-width:30px; background:var(--color-blue); color:var(--color-white); padding:5px; border-radius:100%; text-align:center;}
.paginate a.pre_end,.paginate a.next_end,.paginate a.pre,.paginate a.next {width:30px; height:30px; margin:0 5px; text-indent:-999px; overflow:hidden; background:var(--icons);}
.paginate a.pre_end {background-position:-86px -99px;}
.paginate a.pre {background-position:-126px -99px;}
.paginate a.next {background-position:-206px -99px;}
.paginate a.next_end {background-position:-166px -99px;}

/* 서브 상단메뉴 */
:where(.btnTopPaper, .btnTopComplete) {position:relative; display:flex; align-items:center; width:100%; border-radius:5px; padding:0 30px; height:72px;}
:where(.btnTopPaper, .btnTopComplete):before {content:''; display:block; background:var(--icons); margin-right:17px; width:26px; height:26px;}
:where(.btnTopPaper, .btnTopComplete):after {content:''; display:block; position:absolute; right:30px; background:var(--icons); width:30px; height:30px; background-position:-46px -99px;}
:where(.btnTopPaper, .btnTopComplete) > span {font-size:16px;}

/* 환경정보 등록 */
/* #container.register #contents {padding:18px}
.aside_header {width:228px;height:140px;padding:16px 2px 16px 20px;margin-bottom:5px;border:1px solid #bbc7d6;background:#fff;}
.aside_header h2 {font-size:16px;color:#333;}
.aside_header .chk_wrap {margin-top:15px;letter-spacing:-1px;}
.aside_header .chk_wrap label {font-size:14px;font-weight:bold;letter-spacing:-0.5px;}
.aside_header .chk_wrap label+input {margin-left:8px;}
.aside_header .chk_wrap span {color:#067be8;text-decoration:underline;}
.aside_header .state_wrap {margin-top:22px;} */
.label_ing {display:inline-block;width:80px;height:24px;line-height:22px;text-align:center;font-size:14px;color:#fff;vertical-align:middle;background:#05479a;border-radius:24px;}
.label_before {display:inline-block;width:80px;height:24px;line-height:22px;text-align:center;font-size:14px;color:#fff;vertical-align:middle;background:#6d7a89;border-radius:24px;}
.label_supplement {display:inline-block;width:80px;height:24px;line-height:22px;text-align:center;font-size:14px;color:#fff;vertical-align:middle;background:#f4470b;border-radius:24px;}
.label_finish {display:inline-block;width:80px;height:24px;line-height:24px;text-align:center;font-size:13px;color:#fff;vertical-align:middle;background:#7097c6;border-radius:24px;}
.label_writer {display:inline-block;width:80px;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:bold;color:#333;vertical-align:middle;background:#ffec94;border-radius:24px;}
.label_end {display:inline-block;min-width:70px;height:30px;line-height:29px;text-align:center;font-size:13px;font-weight:normal;color:#fff;vertical-align:middle;background:#399796;border-radius:3px;}
.aside_header .label_ing,.aside_header .label_before {font-weight:bold;}
.aside_tab {position:relative;width:228px;border:1px solid #bbc7d6;border-bottom:0;background:#f5f5f5;}
.aside_tab li.item0,.aside_tab li.item1,.aside_tab li.item2,.aside_tab li.item3,.aside_tab li.item4,.aside_tab li.item5,.aside_tab li.item6 {min-height:98px;background:#e7edf5;}
.aside_tab li .state_wrap,
/*.aside_tab li .state_wrap.type2 {display:none;}*/
/*.aside_tab li.item0.on .state_wrap.type2 {display:none;}*/
/*.aside_tab li.item0 .state_wrap.type2,.aside_tab li.item1 .state_wrap.type2,.aside_tab li.item2 .state_wrap.type2,.aside_tab li.item3 .state_wrap.type2,.aside_tab li.item4 .state_wrap.type2,.aside_tab li.item5 .state_wrap.type2,.aside_tab li.item6 .state_wrap.type2 {display:block;margin-top:14px;}*/
.aside_tab li.on .state_wrap {display:block;}
/*.aside_tab li.on .state_wrap.type2 {display:none;}*/
.aside_tab .label_before {line-height:24px;font-size:13px;font-weight:normal;}
.aside_tab li {min-height:58px;padding:18px 0 14px 20px;border-bottom:1px solid #bbc7d6;background:#fff;cursor:pointer;}
.aside_tab li a {display:block;font-size:15px;font-weight:bold;color:#333;}
.aside_tab li .num {position:relative;top:-2px;display:inline-block;width:20px;height:20px;line-height:18px;margin-right:4px;text-align:center;font-size:14px;font-weight:bold;color:#333;border-radius:20px;vertical-align:middle;background:#bad2ef;}
.aside_tab li.on a {color:#fff;}
.aside_tab li.on .num {color:#2260ce;background:#fff;}
.aside_tab li.on {position:relative;min-height:98px;background:#067be8;box-shadow:0 8px 8px rgba(0,0,0,0.22);}
.aside_tab li.on:after {content:'';position:absolute;right:-12px;top:50%;display:inline-block;width:12px;height:99px;margin-top:-50px;background:url('../images/bg_arrow1.png') no-repeat 100% 0;}
.aside_tab .state_wrap {margin-top:13px;}
.info_search {position:relative;min-height:50px;padding:10px 12px;margin-bottom:20px;background:#f1f1f1;}
.info_search .tit {position:relative;display:inline-block;padding-left:10px;margin-right:5px;vertical-align:middle;}
.info_search .tit:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;background:#567191;border-radius:4px;}
.info_search .tit:first-child {margin-right:30px;}
.info_search .ico_info {display:inline-block;width:24px;height:24px;text-align:center;font-size:16px;font-weight:bold;border:1px solid #567191;color:#567191;background:#fff;vertical-align:middle;border-radius:24px;}
.info_search .right {position:absolute;right:20px;top:10px;}
.nav_tab {height:62px;}
.nav_tab:after {content:"";display:block;clear:both;}
.nav_tab li {position:relative;float:left;margin-left:-1px;margin-top:5px;display:table;}
.nav_tab li a {display:table-cell;height:52px;line-height:18px;padding:0 18px;font-size:14px;color:#333;border:1px solid #c0ccdc;background:#e7edf5;border-radius:10px 10px 0 0;vertical-align:middle;}
.nav_tab li span {font-weight:bold;}
.nav_tab li.on {margin-right:1px;margin-top:0;}
.nav_tab li.on a {height:62px;line-height:20px;color:#fff;font-size:15px;font-weight:bold;border:1px solid #067be8;background:#067be8;}
.nav_tab li.on span {color:#ffec94;}
.nav_tab li.on:after {content:'';position:absolute;left:0;top:100%;display:inline-block;width:100%;height:20px;background:url('../images/bg_arrow2.png') no-repeat 50% 0;}
.nav_tab.type0 li em {display:block;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:18px;max-height:36px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.nav_tab.type1 li {width:36%;}
.nav_tab.type2 li {width:20%;}
.nav_tab.type2 li.on {width:20.2%;}
.nav_tab.type3 li {width:10%;}
.nav_tab.type3 li.on {width:20.5%;}
.nav_tab.type3 li a {padding:0 5px;}
.nav_tab.type3 li em {display:block;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:18px;max-height:36px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.nav_tab.type3 li.on a {padding:0 15px;}
.nav_tab.type3 li.on em {font-weight:bold;}
.nav_tab.type4 li {width:15.6%;}
.nav_tab.type4 li.on {width:22.2%;}
.nav_tab.type4 li em {display:block;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:18px;max-height:36px;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.nav_tab.type4 li.on a {max-height:62px;}
.nav_tab.type4 li.on em {font-weight:bold;}
.nav_tab.type5 li {width:33.3%;}
.nav_tab.type5 li.on {width:33.4%;}
.reason_wrap {position:relative;margin:20px 0 10px;padding:7px 105px 7px 155px;border:1px solid #c0ccdc;border-radius:6px;background:#eaedf3;}
.reason_wrap .tit {position:absolute;left:15px;top:11px;font-size:14px;color:#333;font-weight:500;}
.reason_wrap .tit em {color:#f4470b;font-weight:500;}
.reason_wrap .btn_mtype1 {position:absolute;right:15px;top:7px;height:70px;}
.list_writer {margin-top:30px;border-top:1px solid #d3dbe3;}
.list_writer li {position:relative;min-height:43px;line-height:42px;padding-left:38px;font-size:14px;color:#333;font-weight:bold;border-bottom:1px solid #d3dbe3;}
.list_writer li:before {content:"";position:absolute;top:16px;left:20px;width:4px;height:4px;border:3px solid #05479a;background:#fff;border-radius:20px;}
.list_writer li:nth-child(odd) {background:#f4f6f9;}
.list_writer li em {font-size:12px;color:#f4470b;font-weight:normal;}
.list_writer li .btn {position:absolute;right:20px;top:-2px;}
.tbl_header {padding:0 10px 4px 0;text-align:right;height:32px;}
.tbl_header.type2 {text-align:left;}
.tbl_writer {width:100%; border-top:1px solid #b5bac7; border-bottom:1px solid #b5bac7;}
.tbl_writer tr {border-bottom:1px solid #ced3df;}
.tbl_writer thead .point {font-weight:700; color:var(--color-blue);}
.tbl_writer tbody tr:last-child {border-bottom:none;}
.tbl_writer :where(th, td) {position:relative; padding:8px 15px; height:44px; vertical-align:middle;}
.tbl_writer th {min-width:150px; border-right:1px solid #ced3df; background:#eaedf3; color:var(--color-darkGray); font-weight:500; /* text-align:left; */}
.tbl_writer td {color:var(--color-midGray); font-weight:500; background:var(--color-white);}
.tbl_writer.type2 {margin-top:-1px;}
.tbl_writer.type_view>tbody>tr>th {height:auto;}
.tbl_writer.type_view td {font-size:14px;color:#333;}

/* 추가 버튼 있는 레이어팝업에 상단 구분선 2020.03.13 hj.seo 추가 */
/* .tbl_writer tbody {border-top:1px solid #05479a}
.tbl_writer tr {border-bottom:1px solid #d3dbe3} */
/* 추가 버튼 있는 레이어팝업에 상단 구분선 2020.03.13 hj.seo 수정 */
/* .tbl_writer th {height:43px;padding:3px 5px;font-size:14px;font-weight:bold;color:#333;text-align:center;line-height:18px;border-right:1px solid #d3dbe3;background:#f4f6f9;}    
.tbl_writer>tbody>tr>td {padding:6px 10px;font-size:13px;color:#777;text-align:left;border-right:1px solid #d3dbe3;background:#fff;} */

/* .tbl_writer th {height:43px;padding:3px 5px;font-size:14px;font-weight:bold;color:#333;text-align:center;line-height:18px;border-top:1px solid #d3dbe3;border-right:1px solid #d3dbe3;border-bottom:1px solid #d3dbe3;background:#f4f6f9;}    
.tbl_writer>tbody>tr>td {padding:6px 10px;font-size:13px;color:#777;text-align:left;border-top:1px solid #d3dbe3;border-right:1px solid #d3dbe3;border-bottom:1px solid #d3dbe3;background:#fff;} */

#contents h3.title + .tbl_writer, #contents h3.title + .list_header + .tbl_writer {position:relative; border-collapse:separate; padding:22px 20px 74px; background:#f0f7fe; border:0; border-radius:15px;}
#contents h3.title + .tbl_writer colgroup, #contents h3.title + .list_header + .tbl_writer colgroup {display:none;}
#contents h3.title + .tbl_writer tr, #contents h3.title + .list_header + .tbl_writer tr {border:0;}
#contents h3.title + .tbl_writer :where(th, td), #contents h3.title + .list_header + .tbl_writer :where(th, td) {position:static; border:0; padding:5px 10px; background:#f0f7fe;}
#contents h3.title + .tbl_writer th, #contents h3.title + .list_header + .tbl_writer th {position:relative; min-width:auto; padding-right:0; color:var(--color-blue);}
#contents h3.title + .tbl_writer th:before, #contents h3.title + .list_header + .tbl_writer th:before {content:''; position:absolute; top:21px; left:0; display:block; width:3px; height:3px; border-radius:3px; background:#608fad; margin-right:5px;}
#contents h3.title + .tbl_writer .btn_insearch, #contents h3.title + .list_header + .tbl_writer .btn_insearch {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); display:inline-flex; align-items:center; justify-content:center; color:var(--color-white); background:var(--color-blue); height:32px; padding:0 15px; border-radius:5px; line-height:32px;}
#contents h3.title + .tbl_writer .btn_insearch:before, #contents h3.title + .list_header + .tbl_writer .btn_insearch:before {content:''; display:block; background:var(--icons); background-position:-476px 0; width:13px; height:13px; margin-right:5px;}

.tbl_writer .ess {color:var(--color-orange); margin-left:2px;}
.tbl_writer .last {border-right:0;}
.tbl_writer .attach_list {margin:8px 0 0 8px;}
.tbl_writer .tcenter {padding:6px 5px;text-align:center;}
.tbl_writer .tit {display:inline-block;margin:0 10px 0 23px;font-size:13px;font-weight:bold;color:#333;line-height:16px;vertical-align:middle;}
.tbl_writer .tit.type2 {margin-left:0;}
.tbl_writer .tit.type3 {margin:0 10px 0 15px;}
.tbl_writer .txt {font-size:14px;color:#333;}
.tbl_writer .unit {display:inline-block;margin:0 2px;vertical-align:middle;}
.tbl_writer .unit.type2 {letter-spacing:-1px;}
.tbl_writer .th01 {background:#fffde4;}
.tbl_writer .td01 {font-size:13px;color:#333;line-height:16px;background:#fffde4;letter-spacing:-0.5px;}
.tbl_writer .link {display:inline-block;font-size:12px;text-decoration:underline;vertical-align:middle;}
.tbl_writer .desc {display:inline-block;margin-right:5px;font-size:13px;color:var(--color-lightBlue);vertical-align:middle;}
.tbl_writer .desc2 {display:inline-block;color:#333;line-height:18px;letter-spacing:-1px;}
.tbl_writer .desc3 {display:inline-block;font-size:14px;color:#333;vertical-align:middle;}
.tbl_writer .itemlist {display:inline-block;vertical-align:middle;}
.tbl_writer .itemlist li {display:inline;margin-right:8px;}
.tbl_writer .attach_down {padding-right:25px;font-size:14px;text-decoration:underline;background:url('../images/ico_attach_down.png') no-repeat 100% 2px;}
.tbl_writer .attach_file {padding:1px 0 1px 24px;font-size:14px;background:url('../images/renewal/ico_attach.png') no-repeat 0 1px;}
.tbl_writer .arrow {background:url('../images/ico_paging_next.png') no-repeat 50% 50%;}
.add_wrap {padding-top:1px;}
.tbl_writer th > strong {display:inline-block;}

.add_wrap .tbl_writer {margin-bottom:3px;}
.file_attach .form_file {display:none;}
.attach_list {height:122px;margin-top:7px;padding:10px 18px;border:1px solid #d7d7d7;overflow-y:auto;}
.attach_txt {margin-top:7px;}
.attach_txt li {position:relative;padding-left:9px;font-size:13px;color:#666;line-height:18px;}
.attach_txt li:before {content:"";position:absolute;top:9px;left:0;width:3px;height:3px;background:#888;}

/* layer_popup */
.layerwrap {display:none; position:relative; width:960px; min-width:400px; min-height:260px; margin:0 auto; background:#fff; z-index:1000; border-bottom-left-radius:20px; border-bottom-right-radius:20px;}
.layerwrap.type2 {width:400px;}
.layerwrap.type3 {width:600px;}
.layerwrap.guide {width:630px;border:2px solid #00a382;}
.layerwrap.guide3 {width:1000px;border:2px solid #00a382;}
.layerwrap.guide h3 {background:#00a382;}
.layerwrap.guide3 h3 {background:#00a382;}
.layerwrap h3 {background:#f0f7fe; padding:20px; border-bottom:1px solid #d3dce9; font-size:26px;}
.layerwrap h3 span {font-size:26px;}
.layerwrap h3 .essential {font-size:14px;font-weight:normal;}
.layerwrap h3 .essential em {color:#f4470b;}
.layerwrap h4 {position:relative;margin-bottom:8px;padding-left:15px;font-size:14px;color:#333;}
.layerwrap h4:before {content:"";position:absolute;top:6px;left:0;width:4px;height:4px;border:3px solid #05479a;background:#fff;border-radius:20px;}
.layerwrap h4.type2 {margin:20px 0 8px;padding-top:15px;border-top:1px solid #d3dbe3;}
.layerwrap h4.type2:before {top:21px;}
.layerwrap .tit_wrap {position:relative;height:35px;line-height:34px;padding-left:20px;background:#567191;color:#fff;}
.layerwrap h4.type3 {color:#fff;}
.layerwrap h4.type3:before {top:12px;border:3px solid #fff;background:#567191;}
.layerwrap .tit_wrap .right {position:absolute;right:20px;top:0;color:#fff;font-weight:400;}
.layerwrap .tit_wrap .right input {margin-left:10px;}
.layerwrap .tit_wrap .right label,.layerwrap .tit_wrap .right em {position:relative;top:-3px;color:#fff;}
.layerwrap .layer_cont {padding:40px 30px 30px;height:auto;max-height:620px;overflow-y:auto;}
.layerwrap .layer_cont .btn_center {margin-top:20px;}
.layerwrap .btn_close {position:absolute; top:30px; right:30px; display:flex; align-items:center; justify-content:center; width:18px; height:18px; background:var(--icons); background-position:-246px -99px; text-indent:-9999px; overflow:hidden;}

/* 비공개/정정 신청 */
.list_header {position:relative;margin:30px 0 10px;min-height:32px;}
.list_header .page_num {display:inline-block;padding-top:6px;}
.list_header .page_num strong ~ strong {color:var(--color-lightBlue); font-weight:800;}
.list_header .right {display:flex;align-items:center;gap:5px;position:absolute;right:0;top:0;}
.ico_cal {display:inline-flex; align-items:center; justify-content:center; color:var(--color-white); width:16px; height:16px; background: var(--icons); background-position:-450px 0; text-indent:-9999px; overflow:hidden;}
.ico_cal_s {display:inline-block;width:22px;height:20px;text-align:center;vertical-align:middle;text-indent:-999px;overflow:hidden;background:url('../images/icon_cal_s5.png') no-repeat 50% 45%;}
.ico_cal_e {display:inline-block;width:22px;height:20px;text-align:center;vertical-align:middle;text-indent:-999px;overflow:hidden;background:url('../images/icon_cal_e5.png') no-repeat 50% 45%;}
.txt_desc {display:inline-block;margin-top:5px;font-size:13px;color:#067be8;vertical-align:middle;}
#contents h3.title + .list_header {display:none;}

/* 사업장/담당자 관리 */
.info_same {position:absolute;right:5px;top:75px;}
.info_txt {position:absolute; right:5px; top:79px; color:var(--color-lightBlue);}
.setup_wrap {position:relative;padding:5px 10px;overflow:hidden;}
.setup_wrap h4 {height:40px;margin-bottom:10px;line-height:39px;text-align:center;border-top:1px solid #b5bac7;border-bottom:1px solid #ced3df;background:#eaedf3;}
.setup_wrap ul {height:184px;padding:5px 20px;border:1px solid var(--color-lightGray);overflow-y:auto;}
.setup_wrap ul li {line-height:26px;}
.setup_wrap .setup_left {float:left;width:41%;}
.setup_wrap .setup_right {float:right;width:41%;}
.setup_wrap .setup_btn {position:absolute;left:50%;top:70px;width:80px;margin-left:-32px;}
.setup_wrap .setup_btn .btn_setadd {position:relative;display:inline-block;padding:0 28px 0 8px;height:30px;line-height:29px;text-align:center;font-size:13px;font-weight:normal;color:#315076 !important;vertical-align:middle;background:#fff;border:1px solid #567191;white-space:nowrap;border-radius:3px;}
.setup_wrap .setup_btn .btn_setadd:after {content:"";position:absolute;top:10px;right:8px;width:13px;height:9px;background:url('../images/ico_add.png') no-repeat 0 0;}
.setup_wrap .setup_btn .btn_remove {position:relative;display:inline-block;margin-top:20px;padding:0 8px 0 28px;height:30px;line-height:29px;text-align:center;font-size:13px;font-weight:normal;color:#315076 !important;vertical-align:middle;background:#fff;border:1px solid #567191;white-space:nowrap;border-radius:3px;}
.setup_wrap .setup_btn .btn_remove:before {content:"";position:absolute;top:10px;left:8px;width:13px;height:9px;background:url('../images/ico_remove.png') no-repeat 0 0;}

/* 소통/교육 */
.detail_type {border-top:1px solid #b5bac7;}
.detail_type > li {padding:10px 20px;border-bottom:1px solid #ced3df;}
.detail_type li.tit {padding:16px 20px;font-size:16px;font-weight:600;color:var(--color-darkGray);background:#eaedf3;border-bottom:1px solid #d3dbe3;}
.detail_type li span {margin-left:41px;color:var(--color-midGray);}
.detail_type li span.type2 {margin-left:55px;}
.detail_type li span:first-child {margin-left:0;}
.detail_type li span:after {content:'';display:inline-block;width:1px;height:13px;margin:0 10px 3px;background:#ddd;vertical-align:middle;}
.detail_type li.cont {min-height:230px;padding:10px 20px;font-size:14px;line-height:1.8;}
.detail_type li .attach_file {display:inline-block;margin:1px 0;padding:1px 0 1px 24px;font-size:14px;background:url('../images/renewal/ico_attach.png') no-repeat 0 1px;}
.list_select {margin-bottom:20px;padding:12px 20px 15px;background:#f1f1f1;}
.list_select .itemlist {display:inline-block;vertical-align:middle;}
.list_select .itemlist li {display:inline;margin-right:30px;}
.list_tab {height:45px;border-bottom:1px solid #067be8;}
.list_tab:after {content:"";display:block;clear:both;}
.list_tab li {float:left;width:12.55%;text-align:center;margin-left:-1px;}
.list_tab li a {display:block;height:44px;line-height:43px;font-size:14px;color:#333;border:1px solid #c0ccdc;border-bottom:0;background:#e7edf5;border-radius:10px 10px 0 0;}
.list_tab li:first-child {margin-left:0;}
.list_tab li.on a,.list_tab li a:hover {height:45px;padding:0 20px;color:#fff;font-size:15px;font-weight:bold;border:1px solid #067be8;border-bottom:0;background:#067be8;}
@media all and (max-width:1400px) {.list_tab li {width:12.57777%;}}
.agree_wrap {height:95px;margin-top:10px;padding:10px 15px;border:1px solid #d7d7d7;overflow-y:auto;}
.agree_wrap dt {margin:20px 0 13px;font-weight:bold;}
.agree_wrap dt:first-child {margin-top:0;}

/* main (AS-IS) */
#container.main {width:100%;min-width:1322px;min-height:674px;padding:40px 21px;background:#fff url('../images/bg_cont.png') repeat 0 0;}
#container.main #contents {display:table;padding:0;border:0;}
#container.main #contents .main_cont {display:table-cell;width:100%;vertical-align:top;}
#container.main #contents .main_aside {display:table-cell;width:410px;padding-left:30px;vertical-align:top;}
.main_cont .tbl_tit {position:relative;}
.main_cont h2 {position:relative;padding-left:20px;margin-bottom:15px;font-size:20px;font-weight:bold;color:#222;}
.main_cont h2:before {content:"";position:absolute;top:3px;left:0;width:7px;height:7px;border:4px solid #05479a;background:#fff;border-radius:20px;}
.main_cont .right {position:absolute;right:0;top:-5px;}
.main_cont .right select {font-size:15px;font-weight:bold;}
.tbl_main {width:100%;border-top:2px solid #454b5d;}
.tbl_main th {padding:10px 3px;font-size:14px;font-weight:bold;color:#333;text-align:center;border-right:1px solid #d4dce4;border-bottom:1px solid #d4dce4;background:#e7edf5;}
.tbl_main td {padding:10px 3px;font-size:13px;color:#444;text-align:center;line-height:18px;border-top:1px solid #d4dce4;border-right:1px solid #d4dce4;border-bottom:1px solid #d4dce4;background:#fff;}
.tbl_main .tleft {padding:10px 3px 10px 10px;text-align:left;}
.tbl_main .last {border-right:0;}
.tbl_main .tline {padding:6px 3px;}
.tbl_main .txt {font-size:18px;font-weight:bold;text-decoration:underline;}
.tbl_main .dotline1 {font-size:16px;color:#333;border:3px dashed #dc510c;border-bottom:1px solid #f0cebd;background:#fffde4;}
.tbl_main .dotline2 {font-size:16px;color:#333;border:3px dashed #dc510c;border-bottom:1px solid #f0cebd;background:#fffde4;}
.tbl_main .dotline3 {padding:6px 3px 14px;font-size:24px;color:#f4470b;font-weight:bold;border:3px dashed #dc510c;border-top:0;background:#fffde4;text-decoration:underline;}
.tbl_main .dotline4 {padding:6px 3px 14px;font-size:24px;color:#f4470b;font-weight:bold;border:3px dashed #dc510c;border-top:0;background:#fffde4;text-decoration:underline;}
.tbl_main .dotline3 a {color:#0b32f4;}
.tbl_main .dotline4 a {color:#f4470b;}
.tbl_main .state {font-weight:bold;color:#f4470b;}
.tbl_main .state2 {font-weight:bold;color:#0b32f4;}
.btn_tbl {position:relative;min-height:89px;padding-top:20px;border-bottom:1px solid #e3e3e3;}
.btn_tbl .btn_type1 {display:inline-block;padding:0 13px;height:38px;line-height:38px;text-align:center;font-size:15px;color:#fff !important;vertical-align:middle;background:#567191;white-space:nowrap;border-radius:3px;}
.btn_tbl .btn_type2 {position:absolute;right:0;top:20px;display:inline-block;padding:0 13px;height:38px;line-height:38px;text-align:center;font-size:15px;color:#fff !important;vertical-align:middle;background:#067be8;white-space:nowrap;border-radius:3px;}
.main_sche {width:410px;height:173px;background:url('../images/bg_sche.png') no-repeat 0 0;overflow:hidden;}
.main_sche .date1 {display:inline-block;float:left;width:178px;height:106px;margin:0 14px 0 10px;padding:32px 0 0 23px;line-height:30px;font-size:26px;font-weight:bold;color:#333;letter-spacing:-0.5px;}
.main_sche .date1 .year {display:block;color:#333;}
.main_sche .date1 em {font-weight:bold;color:#067be8;}
.main_sche .date2 {display:inline-block;float:left;width:64px;height:106px;line-height:125px;margin-right:18px;font-size:44px;font-weight:bold;color:#324663;text-align:center;}
.main_sche .date3 {display:inline-block;float:left;width:115px;height:106px;line-height:120px;font-size:60px;font-weight:bold;color:#dc8743;text-align:center;}
.main_sche .date4 {display:block;float:left;width:410px;height:67px;line-height:65px;font-size:30px;color:#fff;text-align:center;}
.main_sche .date4 em {font-weight:bold;color:#ffec94;}
.main_board {position:relative;width:410px;margin-top:30px;}
.main_board .board_tab {height:46px;clear:both;border-bottom:1px solid #e5e5e5;}
.main_board .board_tab:after {content:"";display:block;clear:both;}
.main_board .board_tab li {float:left;margin:0;text-align:center;background:#f7f7f7;}
.main_board .board_tab li a {display:block;height:45px;padding:0 10px;line-height:44px;font-size:16px;color:#333;border:1px solid #e5e5e5;border-left:0;border-bottom:0;}
.main_board .board_tab li:first-child a {border-left:1px solid #e5e5e5;}
.main_board .board_tab li.on:first-child a {margin-left:0;}
.main_board .board_tab li.on {background:#fff;}
.main_board .board_tab li.on a {height:46px;padding:0 20px;margin-left:-1px;color:#333;font-size:18px;font-weight:bold;border:1px solid #e5e5e5;border-bottom:0;}
.main_board .tabs_container {padding:10px 20px;border:1px solid #e5e5e5;border-top:0;}
.main_board .tab_cont li {position:relative;padding-right:80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main_board .tab_cont li em {position:absolute;right:0;top:0;color:#666;}
.main_board .tab_cont li a {font-size:14px;line-height:30px;}
.main_board .tab_cont .more {position:absolute;right:10px;top:12px;padding-right:20px;font-size:13px;color:#555;background:url('../images/ico_more.png') no-repeat 100% 50%;}
.main_vod {margin-top:28px;}
.main_vod h2 {font-size:18px;}
.main_vod ul {min-height:110px;margin-top:10px;padding:20px 5px;border:1px solid #0c4183;background:#f7fbff;overflow:hidden;}
.main_vod li {float:left;width:16.66666%;text-align:center;}
.main_vod li:nth-child(1) {background:url('../images/ico_vod1.png') no-repeat 50% 0;}
.main_vod li:nth-child(2) {background:url('../images/ico_vod2.png') no-repeat 50% 0;}
.main_vod li:nth-child(3) {background:url('../images/ico_vod3.png') no-repeat 50% 0;}
.main_vod li:nth-child(4) {background:url('../images/ico_vod4.png') no-repeat 50% 0;}
.main_vod li:nth-child(5) {background:url('../images/ico_vod5.png') no-repeat 50% 0;}
.main_vod li:nth-child(6) {background:url('../images/ico_vod6.png') no-repeat 50% 0;}
.main_vod li a {display:block;padding-top:39px;line-height:16px;font-size:14px;font-weight:bold;}
.main_vod li:nth-child(1) a,.main_vod li:nth-child(4) a {padding-top:46px;}
.desk_wrap {margin-top:30px;overflow:hidden;}
.desk_wrap .help {float:left;width:205px;height:189px;padding:20px;background: #1ba680 url(../images/help-desk2_4.png) no-repeat 0 0;}
.desk_wrap .help dt {padding-left:28px;font-size:18px;font-weight:bold;color:#fff;background:url('../images/ico_tel.png') no-repeat 0 3px;}
.desk_wrap .help dd {margin-top:19px;font-size:28px;font-weight:bold;color:#fff;line-height:30px;}
.desk_wrap .help dd span {display:block;}
.desk_wrap .help dd.dd01 {margin-top:29px;font-size:16px;line-height:20px;font-weight:normal;}
.desk_wrap .request {float:left;width:205px;height:189px;padding:20px;background:#067be8 url('../images/bg_request.png') no-repeat 0 0;}
.desk_wrap .request dt {padding-left:23px;font-size:18px;font-weight:bold;color:#fff;background:url('../images/ico_request.png') no-repeat 0 1px;}
.desk_wrap .request dd {text-align:center;}
.desk_wrap .request dd a {display:inline-block;width:64px;height:26px;line-height:23px;margin-top:103px;font-size:13px;color:#fff;border:1px solid #4ea2f0;border-radius:3px;}

/* 공지사항 목록 css추가 */
.tbl_type .notice {display:inline-flex; align-items:center; height:20px; padding:0 10px; color:var(--color-white); font-weight:400; font-size:13px; border-radius:10px; white-space:nowrap; background:var(--color-blue);}
.tbl_type .new {display:inline-block;width:17px;height:17px;margin-left:3px;line-height:16px;text-align:center;font-size:10px;color:#fff;background:#e18232;border-radius:17px;vertical-align:middle;position:relative;top:-2px;}
.mt10 {margin-top:10px !important;}

/* 조회인쇄 */
.inquiry_wrap {position:relative;line-height:20px;background:#fff;border:2px solid #05479a;overflow:hidden;height:860px;}
.inquiry_wrap h3 {position:relative;height:40px;line-height:38px;padding-left:32px;font-size:16px;color:#fff;background:url('../images/bg_h3.png') repeat 0 0;}
.inquiry_wrap h3:before {content:"";position:absolute;top:12px;left:20px;width:6px;height:16px;background:#fff;border-radius:6px;}
.inquiry_wrap h4 {position:relative;margin-bottom:8px;padding-left:15px;font-size:14px;color:#333;}
.inquiry_wrap h4:before {content:"";position:absolute;top:6px;left:0;width:4px;height:4px;border:3px solid #05479a;background:#fff;border-radius:20px;}
.inquiry_wrap .tit_wrap {position:relative;height:35px;line-height:34px;padding-left:20px;background:#567191;color:#fff;}
.inquiry_wrap h4.type3 {color:#fff;}
.inquiry_wrap h4.type3:before {top:12px;border:3px solid #fff;background:#567191;}
.inquiry_wrap .colleft {float:left;width:41%;padding:18px;border-right:1px solid #05479b;}
.inquiry_wrap .colright {float:left;width:59%;padding:18px;border-left:1px solid #05479b;margin-left:-1px;height:780px;overflow: auto;}
.inquiry_wrap .colleft .chk_wrap {position:relative;height:30px;margin-bottom:10px;padding-top:6px;}
.inquiry_wrap .colleft .chk_wrap .tit {position:relative;display:inline-block;padding-left:10px;margin-right:6px;font-weight:bold;vertical-align:middle;}
.inquiry_wrap .colleft .chk_wrap .tit:before {content:"";position:absolute;top:9px;left:0;width:4px;height:4px;background:#567191;border-radius:4px;}
.inquiry_wrap .colleft .chk_wrap label {margin-right:10px;}
.inquiry_wrap .colleft .chk_wrap .right {position:absolute;right:0;top:0;}
.inquiry_wrap .colright .sel_wrap {height:30px;margin-bottom:10px;}

.tbl_inquiry {width:100%;clear:both;}
.tbl_inquiry th {padding:9px 5px;font-size:14px;font-weight:bold;color:#333;line-height:18px;text-align:center;border-top:1px solid #d3dbe3;border-right:1px solid #d3dbe3;border-bottom:1px solid #d3dbe3;background:#f4f6f9;}
.tbl_inquiry td {font-size:14px;color:#333;border-top:1px solid #d3dbe3;border-bottom:1px solid #d3dbe3;background:#fff;}
.tbl_inquiry .link {display:block;padding:3px 0 3px 30px;}
.tbl_inquiry .link.on {color:#fff;font-weight:bold;background:#077be8;}
.tbl_inquiry .check_wrap {position:relative;}
.tbl_inquiry .check_wrap span {position:absolute;top:0;left:10px;}

/* .tbl_inquiry table {width:100%;} */
/* .tbl_inquiry table td {padding:0;} */
/* .tbl_inquiry table tr:first-child td {border-top:0;} */
/* .tbl_inquiry table tr:last-child td {border-bottom:0;} */

.inquiry_wrap .guide_txt {margin:10px 0;padding-left:15px;color:#0069c0;font-size:13px;text-indent:-15px;line-height:18px;}
.txt_right {text-align:right;}
.layerwrap h4.type4 {padding:20px 0 15px;text-align:center;font-size:26px;font-weight:bold;color:#000;letter-spacing:-2px;}
.layerwrap h4:before {display:none;}
.input_tooltip {position:relative;}
.input_tooltip .tooltip_txt {display:none; position:absolute; bottom:34px; left:calc(50% - 130px); width:260px; background:var(--color-lightGray); border-radius:10px; padding:15px; color:#2d353a; font-weight:500; font-size:14px; z-index:100;}
.input_tooltip .tooltip_txt:after {content:''; position:absolute; bottom:-15px; left:calc(50% - 8px); margin-left:-8px; border:8px solid transparent; border-top:8px solid var(--color-lightGray);}
.input_tooltip2 {position:relative;top:0;}
.input_tooltip2 .tooltip_txt {display:none; position:absolute; top:37px; left:calc(50% - 145px); width:290px; z-index:100; border-radius:10px; padding:15px; background:var(--color-lightGray); font-size:14px; color:#2d353a; font-weight:500; font-size:14px;}
.input_tooltip2 .tooltip_txt:after {content:''; position:absolute; top:-15px; left:calc(50% - 8px); border-top:8px solid transparent;border-right:8px solid transparent; border-bottom:8px solid var(--color-lightGray); border-left:8px solid transparent;}
.txt_red {color:#f51313;}
.txt_red1 {color:#000000;}
.txt_red2 {color:#ffa500;}
.txt_red3 {color:#ff0000;}
.txt_blue {color:var(--color-lightBlue);}

.tooltip {display:inline-flex; position:relative; width:22px; height:22px; margin-left:10px; color:transparent; background:var(--icons); background-position:-398px 0;}
.tooltip .tooltip_txt {position:absolute; top:35px; left:-14px; width:285px; background:var(--color-lightGray); border-radius:10px; padding:15px; color:#2d353a !important;; font-weight:500; font-size:14px; z-index:100; visibility:hidden; transition:visibility 0.2s ease;}
.tooltip .tooltip_txt:after {content:''; position:absolute; bottom:100%; left:25px; margin-left:-8px; border:8px solid transparent; border-bottom:8px solid var(--color-lightGray);}
.tooltip .tooltip_txt b {font-weight:500;}
.tooltip:hover .tooltip_txt,.tooltip2:hover .tooltip_txt {visibility:visible;color:#333 !important;}
.tooltip2 {position:relative;top:0;display:inline-block;height:22px;line-height:22px;padding:0 5px;margin-left:5px;font-size:12px;color:#fff;font-weight:normal;background:var(--color-orange);vertical-align:middle;border-radius:2px;}
.tooltip2 .tooltip_txt {position:absolute; top:33px; left:calc(50% - 142px); width:285px; background:var(--color-lightGray); border-radius:10px; padding:15px; color:#2d353a; font-weight:500; font-size:14px; z-index:100; visibility:hidden;}
.tooltip2 .tooltip_txt:after {content:''; position:absolute; bottom:100%; left:calc(50% - 8px); border:8px solid transparent; border-bottom:8px solid var(--color-lightGray);} 

/* 안내팝업 */
.guide_wrap {position:relative;width:450px;line-height:20px;background:#fff;border:2px solid #05479a;overflow:hidden;}
.guide_wrap h3 {position:relative;height:40px;line-height:38px;padding-left:32px;font-size:16px;color:#fff;background:url('../images/bg_h3.png') repeat 0 0;}
.guide_wrap h3:before {content:"";position:absolute;top:12px;left:20px;width:6px;height:16px;background:#fff;border-radius:6px;}
.guide_wrap .btn_close {position:absolute;top:11px;right:13px;display:block;width:17px;height:17px;text-indent:-9999px;overflow:hidden;background:url('../images/btn_close.png') repeat 0 0;}
.guide_wrap .noti_txt {padding:20px 18px;font-size:16px;font-weight:bold;}
.guide_wrap .noti_txt span {color:#f4470b;}
.btn_red {display:inline-block;min-width:90px;padding:0 13px;height:38px;line-height:37px;text-align:center;font-size:16px;font-weight:normal;color:#fff !important;vertical-align:middle;background:#f4470b;white-space:nowrap;border-radius:3px;}
.guide_wrap .noti_txt .chk_wrap {font-size:14px;font-weight:normal;text-align:center;}

/* 20191127추가 */
.nav_tab.space_none {height:0;}
.aside_tab li.quantity {background:#8450d9;}
.aside_tab li.quantity a {color:#fff;}
.aside_tab li.quantity.on,.aside_tab li.quantity.on.item6 {min-height:58px;background:#8450d9;}
.aside_tab li.quantity.item6 {min-height:58px;background:#8450d9;}
.aside_tab li.quantity.on:after {content:'';position:absolute;right:-12px;top:50%;display:inline-block;width:12px;height:58px;margin-top:-31px;background:url('../images/bg_arrow3.png') no-repeat 100% 0;}
#contents.on {border:2px solid #8450d9;}
#contents.on .list_writer li:nth-child(odd) {padding-left:18px;}
#contents.on .list_writer li:nth-child(odd):before {display:none;}

/* 사업장명 검색레이어 - 사업장명 목록에 마우스 오버시 필요 2019.11.13 기존css에서 가져옴 hj.seo */
table tr.tblCurrent th, table tr.tblCurrent td {background:#eff4f8; cursor: pointer;}
.essential_txt {margin-bottom:9px; color:#1276c9; font-size:11px}
.essential_txt .essential {display:inline-block; width:7px; height:7px; padding-right:2px; vertical-align:middle; background:url(/renew/img/common/ico/ico_essential.gif) no-repeat}

/* 환경정보등록 (TO-BE) */
.dFlex {display:flex;}
.dFlexStart {display:flex; align-items:flex-start;}
.dFlexCenter {display:flex; align-items:center; justify-content:center;}
.dFlexBetween {display:flex; align-items:center; justify-content:space-between;}
.label_gray {display:inline-flex; align-items:center; height:20px; padding:0 10px; color:var(--color-white); font-weight:400; font-size:13px; border-radius:10px; white-space:nowrap; background:var(--color-gray);}
.label_blue {display:inline-flex; align-items:center; height:20px; padding:0 10px; color:var(--color-white); font-weight:400; font-size:13px; border-radius:10px; white-space:nowrap; background:var(--color-lightBlue);}
.label_orange {display:inline-flex; align-items:center; height:20px; padding:0 10px; color:var(--color-white); font-weight:400; font-size:13px; border-radius:10px; white-space:nowrap; background:var(--color-orange);}
.subTop {position:relative; width:100%; padding-top:30px;}
.subTop:before {content:''; position:absolute; top:0; width:100%; height:132px; background:#f0f3f9;}
.subTopInner {position:relative; background:#fff; width:1518px; margin:0 auto; padding:25px 30px; border-radius:10px; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15); display:flex; align-items:center;}
.subTop .topYear {margin-right:40px; justify-content:flex-start; flex-wrap:wrap; flex:0 0 auto;}
.subTop .topYear label {display:inline-flex; align-items:center;}
.subTop .topYear label:before {content:''; background:#98a0a5; border-radius:100%; width:3px; height:3px; margin-right:5px;}
.subTop .topYear select {/*width:157px; flex:1;*/ margin-left:15px;}
.subTop .topYear .btn_move {display:flex; align-items:center; justify-content:center; margin-left:10px; padding:0 15px; color:var(--color-white); background:var(--color-lightGreen); text-align:center; height:32px; border-radius: 5px; font-size:14px;}
.subTop .topInfo {display:flex; align-items:center; gap:10px; flex:1;}
.subTop .topInfo .state_wrap {display:flex; align-items:center; gap:5px;}
.subTop .topBtn {flex:0 0 auto; margin-left:30px;}
.subTop .topBtn .btn_search {height:32px; padding: 0 15px; border-radius:3px; font-size:14px; line-height:32px; background-color:#80889b;}
.subTop .label_before {display:inline-flex; align-items:center; height:20px; padding:0 10px; font-weight:400; font-size:13px; border-radius:10px; white-space:nowrap; width:auto; color:var(--color-lightBlue); border:1px solid var(--color-lightBlue); background-color:transparent;}
.subTop .label_ing {display:inline-flex; align-items:center; height:20px; padding:0 10px; font-weight:400; font-size:13px; border-radius:10px; white-space:nowrap; width:auto; color:var(--color-midGray); border:1px solid var(--color-midGray); background-color:transparent;}
.subTop .label_supplement {display:inline-flex; align-items:center; height:20px; padding:0 10px; font-weight:400; font-size:13px; border-radius:10px; white-space:nowrap; width:auto; color:var(--color-orange); border:1px solid var(--color-orange); background-color:transparent;}
.text_blue {color:var(--color-lightBlue);}
.text_bold {font-weight:600;}

:where(.btnTopPaper, .btnTopComplete) {position:relative; display:flex; align-items:center; width:100%; border-radius:5px; padding:0 30px; height:72px;}
:where(.btnTopPaper, .btnTopComplete):before {content:''; display:block; background:var(--icons); margin-right:17px; width:26px; height:26px;}
:where(.btnTopPaper, .btnTopComplete):after {content:''; display:block; position:absolute; right:30px; background:var(--icons); width:30px; height:30px; background-position:-46px -99px;}
:where(.btnTopPaper, .btnTopComplete) > span {font-size:16px;}
.btnTopPaper {display:flex; align-items:center; justify-content: center; background:#e9faf9; border:1px solid #d9eae9;}
.btnTopPaper:before {background-position:-408px -72px;}
.btnTopPaper > span {color:var(--color-green);}
.btnTopComplete {background:#f0f7fe; border:1px solid #d8e1eb; justify-content:flex-start;}
.btnTopComplete:before {background-position:-444px -72px;}
.btnTopComplete > span {color:var(--color-blue);}
.subTop .btnTopComplete {display:flex; align-items:center; justify-content: center; margin-left:20px;}
.subTop .btnWrap {display:flex; flex:1;}
.businessWrap {position:fixed; top:calc(50% - 167px); right:0; width:252px; max-height:531px; padding:15px 5px 15px 10px; background:#f0f7fe; border-radius:10px 0 0 10px; border:1px solid #d8e1eb; border-right: 0; z-index:100;}
.businessSearch {margin-right:5px; padding-bottom:10px;border-bottom:1px solid #d8e1eb;}
.businessSearch input {flex:1;}
.businessSearch .btnRudSearch {display:flex; align-items:center; justify-content:center; margin-left:5px; border-radius: 5px; color:var(--color-white); background:var(--color-blue); width:52px; height:32px; font-weight:800;}
.businessSearch > div {font-size:16px;}
.businessList {max-height:440px; padding-right:5px; overflow-y:auto;}
.businessList li {display:flex; align-items:flex-start; gap:5px; justify-content:space-between;}
.businessList li + li {border-top:1px solid #d8e1eb;}
.businessList li span {margin-top:1px;}
.businessList li a {display:block; padding:10px 15px; color:var(--color-midGray); transition:all .2s;}
.businessList li.on a {color: var(--color-blue); font-weight: bold;}
.businessList .chk_wrap {position:relative; width:100%;}
.businessList .chk_wrap input[type=checkbox]:not(old) {position:absolute; top:4px; left:0;}
.businessList .chk_wrap input[type=checkbox]:not(old) + em {margin-top:0; margin-left:-20px; padding-left:20px;}
.businessList .chk_wrap input[type=checkbox]:not(old) + em + label {margin-left:0; line-height:1;}
.entryTitle {display:flex; align-items:flex-end; justify-content:space-between; margin:25px 0 20px;}
.entryTitleWrap {display:flex; align-items:center;}
.entryTitleWrap h2 {font-size:30px; letter-spacing:-0.05em;}
.entryTitleWrap h2 em {margin-left:5px; font-size:20px; font-weight:500;}
.entryTitleWrap .label_orange {height:26px; border-radius:13px; margin-left:10px; font-size:14px; vertical-align:middle;}
.entryTitle .btnWrap {display:flex; gap:8px; margin-left:20px;}
.entryTitle .btnWrap button {min-width:90px; height:34px; font-size:14px;}

.register #aside {width:300px; border:1px solid #bfc6da; border-radius:10px; padding:14px;}
.register .aside_header {padding-right:8px;padding-left:18px;display:flex; align-items:center; justify-content:space-between; background:var(--color-blue); width:100%; height:80px; border-radius:10px;}
.register .aside_header > span {color:var(--color-white); font-size:21px; text-align:center;}
.register .aside_header #controlIsland {border-radius: 10px;background: #fff;height: 66px;width: 270px;}
.register .aside_tab {width:100%; border:0; background:transparent;}
.register .aside_tab li {min-height:auto; padding:0; border-bottom:0; cursor:default;}
.register .aside_tab li[class^="item"] {min-height:auto; background:transparent;}
.register .aside_tab li a {font-weight:500;}
.register .aside_tab li.on {min-height:auto; box-shadow:none; background:transparent;}
.register .aside_tab li.on:after {display:none;}
.register .aside_tab li.on a {height:auto; border:none; color:#2d353a;}
.register .aside_tab > li {margin-top:10px;}
.register .aside_tab > li > a {display:flex; align-items:center; position:relative; width:100%; background:#e0e4ec; color:var(--color-darkGray); font-size:16px; padding:17px 47px 17px 17px; border-radius:10px;}
.register .aside_tab > li > a:after {content:''; display:block; position:absolute; top:calc(50% - 15px); right:15px; width:28px; height:29px; /*background:url('../images/renewal/ico_chevron_down.png') no-repeat 50% 50%;*/ transition:.3s;}
.register .aside_tab > li.on > a {background:var(--color-lightBlue); color:var(--color-white);}
.register .aside_tab > li.on > a:after {/*background-image:url('../images/renewal/ico_chevron_down_white.png');*/}
.register .aside_tab > li.open > a:after {transform:rotate(180deg);}
.register .nav_tab {height:auto;}
.register .nav_tab li {float:none; width:100%; margin:0;}
.register .nav_tab li a {display:flex; height:auto; line-height:normal; padding:0; color:#2d353a; border:0; background:transparent; border-radius:0;}
.register .nav_tab li span {font-weight:400;}
.register .nav_tab li.on:after {display:none;}
.register .nav_tab li.on a {font-size:14px;}
.register .nav_tab li.on span {font-weight:400; color:var(--color-white);}
.register .nav_tab > li {justify-content: space-between;align-items: center;display: flex;background:#fbfcfd;margin-top:6px; border:1px solid #e0e3ea; border-radius:10px;}
.register .nav_tab > li > a {word-break:keep-all;;position:relative; padding:18px 20px 18px 20px; /*background:#fbfcfd;*/ line-height:19px; border-radius:10px;}
/* statusGroup */
.statusGroup {align-items: end;display: flex;padding-right:7px;margin-top:10px;margin-bottom:10px;}
.statusGroup > span {margin-bottom: 2px;margin-top: 2px;width:fit-content;height:41px;text-align:center;width:69px;display:flex;justify-content:center;}
.statusGroup > span:last-child {margin-left:5px;}
/* //statusGroup */
.register #aside.customAside {flex:0 0 418px;}
.register .nav_tab > li > a:after {/*content:''; display:block; position:absolute; top:calc(50% - 10px); right:16px; width:21px; height:21px;  background:url('../images/renewal/ico_chevron_down_sm.png') no-repeat 50% 50%; transition:.3s; */ }
.register .nav_tab > li.on > a {font-weight:600; /*color:var(--color-darkGray);*/ color: red;}
.register .nav_tab > li.open > a:after {transform:rotate(180deg);}
.register #aside .list_writer {margin-top:0; padding:12px 20px; border-top:1px solid #e0e3ea;}
.register #aside .list_writer li {min-height:auto; line-height:normal; padding-left:0; color:#2d353a; font-weight:500; border-bottom:0;}
.register #aside .list_writer li:nth-child(odd) {background:transparent;}
.register #aside .list_writer > li {display:flex; align-items:flex-start; justify-content:space-between;}
.register #aside .list_writer > li:before {display:none;}
.register #aside .list_writer > li + li {margin-top:10px;}
.register #aside .list_writer > li > a {flex:1; display:flex; flex-wrap:wrap; gap:3px 5px; position:relative; margin-right:5px; padding:2px 0 1px 10px; font-size:13px;}
.register #aside .list_writer > li > a:before {content:'-'; position:absolute; top:5px; left:0; line-height:1;}
.register #aside .list_writer > li.on > a {font-weight:600; color:var(--color-darkGray);}
.register #aside .list_writer > li.sup > a {color:var(--color-orange); text-decoration:underline; text-underline-offset:2px; line-height: 1.3;}
.register #aside .list_writer > li .tooltip {width:auto; height:18px; margin-left:0; padding:0 5px; border-radius:3px; color:var(--color-white); font-size:11px; line-height:18px; background:var(--color-lightGreen);}
.register #aside .list_writer > li .tooltip_txt {top:30px; padding:10px; font-size:12px;}
.register .tit_wrap {position:relative;height:45px;line-height:45px;padding-left:15px;background:#567191;color:#fff;}
.register .tit_wrap h4.type3 {color:#fff;}
.register .tit_wrap .right {position:absolute;right:15px;top:0;color:#fff;font-weight:400;}
.register .tit_wrap .right input {margin-left:10px;}
.register .tit_wrap .right label,.layerwrap .tit_wrap .right em {position:relative;top:-3px;color:#fff;}
.containerInner.customContainerInner {width:1518px;}
/* controlIsland */
#controlIsland {justify-content: space-evenly;display: flex;padding-right:5px;}
#checkboxGroup {flex-direction: column;align-items:start;justify-content: space-evenly;display: flex;margin-left:10px;margin-right:17px;}
#checkboxGroup > div {align-items: center;display: flex;}
#checkboxGroup > div > span {margin-left:3px;}
#totalStatusGroup {display: flex;align-items:center; justify-content: space-around;}
#totalStatusGroup > span.label_gray {margin-left: 5px;height:41px;justify-content: center;width: 69px;}
#totalStatusGroup > span.label_gray:last-child {margin-left: 5px;height:41px;justify-content: center;width: 69px;}
/* //controlIsland */

.DIV_POPUP_ITEM h3 {margin:25px 0 10px; font-size:28px; letter-spacing:-0.05em;}

/* main (TO-BE) */
.mainWrap [class^="btn"] {display:flex; align-items:center; justify-content:center; color:var(--color-white)}
.mainWrap [class*="btnRud"] {border-radius:5px;}
.mainWrap [class*="btnLRud"] {border-radius:20px;}
.mainWrap [class*="btnLRud"] + [class*="btnLRud"] {margin-left:8px;}
.mainWrap [class*="btnBRud"] {border-radius:30px;}
.mainWrap [class*="btnBRud"] + [class*="btnBRud"] {margin-left:10px;}
.mainWrap [class*="btn"][class*="Line"] {background:#f4f5f8; border:1px solid #b6b9c7; color:var(--color-midGray);}
.mainWrap [class*="btnIcon"] {background:var(--icons);}
.mainWrap .btnLine {color:var(--color-midGray); height:32px; padding:0 12px; border-radius:3px;}
.mainWrap .btnRudSearch {background:var(--color-blue); width:52px; height:32px; font-weight:800;}
.mainWrap .btnRudGreen {background:var(--color-lightGreen); text-align:center; height:32px;}
.mainWrap .btnLRudGreen {min-width:90px; height:34px; background:var(--color-lightGreen); padding:0 15px;}
.mainWrap .btnLRudBlue {min-width:90px; height:34px; background:var(--color-blue); padding:0 15px;}
.mainWrap .btnLRudLine {min-width:90px; height:34px; padding:0 15px;}
.mainWrap .btnBRudGreen {font-size:16px; min-width:100px; height:46px; background:var(--color-lightGreen); padding:0 20px;}
.mainWrap .btnBRudLine {font-size:16px; min-width:100px; height:46px; padding:0 20px;}
.mainWrap .btnBRudBlue {font-size:16px; min-width:100px; height:46px; background:var(--color-lightBlue)}

.mainWrap [class^="bul"] {display:inline-flex; align-items:center; height:20px; padding:0 10px; color:var(--color-white); font-weight:400; font-size:13px; border-radius:10px; white-space:nowrap;}
.mainWrap .bulBlue {background:var(--color-lightBlue);}
.mainWrap .bulOrange {background:var(--color-orange);}
.mainWrap .bulGray {background:var(--color-gray);}
.mainWrap .bulWhite {background:var(--color-white); color:var(--color-midGray);}
.mainWrap .bulNotice {background:var(--color-blue);}
.mainWrap .bulLineBlue {color:var(--color-lightBlue); border:1px solid var(--color-lightBlue);}
.mainWrap .bulLineGray {color:var(--color-midGray); border:1px solid var(--color-midGray);}
.mainWrap .bulLineOrange {color:var(--color-orange); border:1px solid var(--color-orange);}

.mainWrap {margin-top:60px;}
.mainTop {width:var(--width-wrap); display:flex; margin:0 auto;}
.mainTop .mainState {display:flex; background:#cce1fd; border-radius:13px; padding:40px;}
.mainTop .mainLink {margin-left:60px;}
.mainState .stateTxt {display:flex; width:240px; align-items:center; flex-wrap:wrap;}
.mainState h2.stateTitle {font-size:30px; font-weight:500; word-break:keep-all; margin-bottom:30px;}
.mainState .stateName {display:block; color:var(--color-blue); font-size:16px; margin-right:35px;}
.mainState .stateCount {display:block; background:var(--color-blue); color:var(--color-white); font-size:16px; font-weight:700; width:80px; height:34px; border-radius:17px; line-height:34px; text-align:center;}
.mainState .stateNow {display:flex; width:430px; background:var(--color-white); padding:20px 0; border-radius:7px; margin-left:60px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);}
.mainState .stateNow li {flex:1; position:relative; padding:0 30px;}
.mainState .stateNow li + li {border-left:1px solid #e0e3ea;}
.mainState .stateNow li:before {content:''; background:var(--icons); display:block; position:absolute; bottom:0;}
.mainState .stateNow li.stateSuit:before {width:56px; height:61px; background-position:-281px -36px;}
.mainState .stateNow li.stateSup:before {width:56px; height:61px; background-position:-347px -36px;}
.mainState .stateNow li.stateSup :where(p, em, span, a) {color:var(--color-orange)}
.mainState .stateNow li p.title {font-size:20px; font-weight:700; padding-bottom:20px;}
.mainState .stateNow li span.count {position:absolute; right:30px; bottom:-10px; font-size:16px;}
.mainState .stateNow li span.count em, .mainState .stateNow li span.count a {font-size:50px; margin-right:3px;}
.mainState .stateNow li span.count a {display:inline-block; position:relative; margin-bottom:5px;}
.mainState .stateNow li span.count a:after {content:''; position:absolute; right:-2px; bottom:9px; left: -2px; height:3px; background:#2d353a;}
.mainState .stateNow li.stateSup span.count a:after {background:var(--color-orange);}
.mainTop .mainLink {width:530px; border:1px solid #bfc6da; border-radius:17px; padding:0 40px;}
.mainTop .mainLink li {padding:30px 0;}
.mainTop .mainLink li + li {border-top:1px solid #e0e3ea;}
.mainTop .mainLink button {justify-content:flex-start; background:none; border:none; padding:0;}
.mainTop .mainLink button span {color:var(--color-darkGray); font-size:20px;}
.mainTop .mainLink button.btnTopPaper:before {background-position:-408px -36px;}
.mainTop .mainLink button.btnTopComplete:before {background-position:-444px -36px;}
.mainContentWrap {position:relative; margin-top:60px;}
.mainContentWrap::before {content:''; display:block; position:absolute; top:70px; background:#f0f3f9; width:100%; height:100%; z-index:-1;}
.mainContent {width:var(--width-wrap); margin:0 auto; padding-bottom:80px;}
.mainContentTop {display:flex; align-items:center; justify-content:space-between; background:var(--color-blue); height:130px; border-radius:17px; box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.15); padding:20px 40px;}
.mainContentState {flex:1; display:flex; align-items:center; justify-content:space-between;}
.mainContentState li {display:flex; align-items:center;}
.mainContentState li.stateRepresent {width:350px; margin-right:10px;}
.mainContentState li.stateIng {gap:20px;}
.mainContentState h3 {flex:0 0 auto; color:var(--color-white); font-size:20px; font-weight:600;}
.mainContentState .name {color:var(--color-white); font-size:16px; margin-left:25px;}
.mainContentState .bulWhite {margin-left:10px;}
.mainContentState .stateIng :where(.registerDate, .verificationState) :where(em, span),
.mainContentState .stateIng :where(.registerDate, .verificationState) em:after {color:var(--color-white)}
.mainContentTop .stateBtn {display:flex; flex-wrap:wrap; margin-left:40px; width:295px;}
.mainContentTop .stateBtn .btnLRudLine {flex:1; margin-right:10px;}
.mainContentTop .stateBtn .btnLRudGreen {flex:1;}
.mainContentTop .stateBtn .btnBRudBlue {flex:none; width:100%; margin-top:10px;}
.mainBusiness {display:flex; align-items:flex-start; background:var(--color-white); border-radius:17px; padding:20px 40px; margin-top:20px; height:400px; overflow-y:auto;}
.mainBusiness h3 {margin-top:30px; font-size:20px; font-weight:500;}
.mainBusinessContent {flex:1; margin-left:60px;}
.mainBusinessList li {display:flex; align-items:center; padding:20px 0; border-bottom:1px solid #eaebf1;}
.mainBusinessList .businessName {display:flex; align-items:center; width:295px; margin-right:10px;}
.mainBusinessList .businessName .name {font-size:16px; margin-right:10px;}
.mainBusinessList .stateIng {display:flex; align-items:center; justify-content:center; gap:15px;}
.mainBusinessList .btnWrap {margin-left:auto;}
.mainBoard {position:relative; display:flex; margin-top:60px;}
.mainBoard .btnBoardTitle {position:relative; font-size:30px; display:block; width:100%; padding-bottom:20px; color:var(--color-white); text-align:left; background:transparent;}
.mainBoard .btnBoardTitle:before {content:''; position:absolute; bottom:0; left:0; width:100%; border-bottom:3px solid var(--color-darkGray);}
.mainBoard .btnBoardTitle:after {content:''; position:absolute; top:10px; right:0; width:20px; height:20px; background:var(--icons); background-position:-49px 0;}
.mainBoard .boardList {margin-top:30px;}
.mainBoard .boardList li {position:relative; display:flex; align-items:center;}
.mainBoard .boardList li a {display:flex; align-items:center; justify-content:space-between; width:100%;}
.mainBoard .boardList li:before {content:''; position:absolute; display:block; left:7px; width:3px; height:3px; border-radius:2px; background:#808c94; margin-right:10px;}
.mainBoard .boardList li + li {margin-top:10px;}
.mainBoard .boardList span {position:relative; display:block; font-size:16px; color:var(--color-midGray); font-weight:400;}
.mainBoard .boardList li.new span.title:after {content:''; display:block; position:absolute; top:2px; right:0px; width:16px; height:16px; background:var(--icons); background-position:-274px 0px;}
.mainBoard .boardList li span.title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; padding:0 25px 0 20px; max-width:85%}
.mainNotice {width:60%; padding-top:30px;}
.mainNotice .btnBoardTitle {position:relative; color:var(--color-darkGray);}
.mainFaq {position:relative; width:40%; margin-left:60px; background:#12a59d; padding:30px; border-radius:17px;}
.mainFaq .btnBoardTitle:before {border-bottom:3px solid var(--color-white);}
.mainFaq .btnBoardTitle:after {background-position:-79px 0;}
.mainFaq .boardList li:before {background:var(--color-white);}
.mainFaq .boardList li span.title {color:var(--color-white); max-width:95%;}
:where(.registerDate, .verificationState) {display:inline-flex; align-items:center; font-size:16px;}
:where(.registerDate, .verificationState) :where(em, span) {color:var(--color-midGray); font-size:15px; font-weight:400;}
:where(.registerDate, .verificationState) em:after {content:'\003A'; color:var(--color-midGray); margin:0 5px;}
:where(.registerDate, .verificationState):before {content:''; display:block; background:var(--icons); width:46px; height:46px; margin-right:7px;}
.registerDate:before {background-position:-321px -99px;}
.verificationState:before {background-position:-377px -99px;}
.registerDate ~ .verificationState {margin-left:0;}

.quickMenu {position:absolute; right:0; top:calc(50% - 120px); background:rgba(22,25,40,.8); padding:25px; width:220px; border-top-left-radius:15px; border-bottom-left-radius:15px; transition:top 0.2s ease-out;}
.quickMenu:before {content:''; position:absolute; left:20px; top:-17px; background:var(--icons); width:36px; height:36px; background-position:0 -99px;}
.quickMenu li + li {border-top:1px solid #71747d}
.quickMenu li button {position:relative; padding:15px 0 15px 25px; color:var(--color-white); background-color:transparent;}
.quickMenu li button:before {content:''; position:absolute; left:0; background:var(--icons);}
.quickMenu .btnQuickRegister:before {width:18px; height:15px; background-position:-120px 0;}
.quickMenu .btnQuickStudy:before {width:16px; height:16px; background-position:-146px 0;}
.quickMenu .btnQuickSecret:before {width:15px; height:16px; background-position:-172px 0;}
.quickMenu .btnQuickFaq:before {width:16px; height:16px; background-position:-196px 0;}

.businessWrap.custom-left-close {
    right:-253px;
}

.businessWrap:not(.customInit) {
    transition:right 0.25s ease-in-out;
}

.rightAsideToggle {
    left:-23px;
    position:absolute;
    top:calc(-3%);
    display:flex;
    font-size:17px;
    border:2px solid green;
    background-color:#fff;
    border-radius:50%;
    width:46px;
    height:46px;
    z-index:9990;
}

.rightAsideToggle > span {
    width:100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.rightAsideToggle > span > p:first-child {
    margin-bottom:4px;
    rotate: 45deg;
    width: 10px;
    height: 2px;
    background-color: black;
}

.rightAsideToggle > span > p:last-child {
    rotate: 135deg;
    width: 10px;
    height: 2px;
    background-color: black;
}


.rightAsideToggle.custom-left-close > span {
    padding-left:18px;
    transform: rotate(180deg);
}

.rightAsideToggle:not(.customInit) > span {
    transition: transform 0.25s ease-in-out, padding-left 0.25s ease-in-out;
}

.noRecordDivBox label {
	font-size:16px;
}