@charset "UTF-8";
@import url( "font_noto.css" );

/* 초기화 */
html { overflow:auto; }
body { margin:0;padding:0;font-size:14px;font-family:'Noto Sans KR', sans-serif; color:#666; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0;padding:0;border:0 }
h1, h2, h3, h4, h5, h6 { font-size:16px;font-family:'Noto Sans KR', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select, img {vertical-align:middle;font-size:14px}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', sans-serif; font-size:14px; }
input[type="submit"] { cursor:pointer; }
button { display: inline-block; margin: 0; padding: 0; border: none; background: none; text-align: center; vertical-align: middle; white-space: nowrap; cursor: pointer; }
textarea, select {font-family:'Noto Sans KR', sans-serif; font-size:14px}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:14px}
a { text-decoration:none; color:#666; 
	transition: .3s; 
	-webkit-transition: all 0.30s ease-in-out; 
	-moz-transition: all 0.30s ease-in-out; 
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out; 
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:focus { outline: none; }
select {
	border:1px solid #D4D4D4;
	border-radius: 10px;
	height:34px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#fff url('../img/select_arrow.png') center center no-repeat;
	background-position:right 10px bottom 11px;
	padding:0 30px 0 10px;
}

select::-ms-expand { display:none; }

input[type=text],
input[type=password] { border:1px solid #d4d4d4; height:34px; }

section:after,
header:after,
ul:after,
div:after { content:''; display:block; clear:both; }

.material-icons,
.material-icons-round { 
-ms-font-feature-settings: 'liga'; 
font-feature-settings: 'liga'; 
}

.row { display:block; }
.col { display:inline-block; float:left; position:relative; }
.col.left-padd { padding-left:10px; }
.col.right-padd { padding-right:10px; }
.row.bot-padd { padding-bottom:20px; }
.row.top-padd { padding-top:20px; }
.col-20 { width:20%; }
.col-30 { width:30%; }
.col-33 { width:33.33%; }
.col-40 { width:40%; }
.col-50 { width:50%; }
.col-60 { width:60%; }
.col-70 { width:70%; }
.col-80 { width:80%; }

.inline { display:inline-block; }
.inline * { float:left; }
.align.center { text-align:center; }
.align.right { text-align:right; }

.width-wide { width:100%; }
.width-80 { width:80px; }
.width-120 { width:120px; }
.width-200 { width:200px; }

.top-item-box { margin-bottom:30px; }
.top-item-box input[type=text] { float:left; height:34px; border:1px solid #d4d4d4; }
.top-item-box select { float:left; }
.top-item-box button { float:left; }
.top-item-box > span { float:left; line-height:34px; margin-right:20px; }
.top-item-box > span.label { margin-right:5px; font-weight:700; }

.top-item-box.type-01 select { width:10%; border-right:0; border-radius:10px 0 0 10px; }
.top-item-box.type-01 input[type=text] { width:80%; }
.top-item-box.type-01 button { width:10%; height:34px; text-align:center; padding:10px 0; background: #7AA3D3; border-radius: 0px 10px 10px 0px; }
.top-item-box.type-01 button > span { position:relative; top:-5px; color:#fff; font-weight:700; }
.top-item-box.type-01 button > span.material-icons { font-size:18px; position:relative; top:-1px; margin-right:5px; font-weight:normal; }
.top-item-box.type-02 .col { padding:0 20px; }
.top-item-box.type-02 .col:last-of-type { text-align:center; }
.top-item-box.type-02 p { margin-bottom:5px; }
.top-item-box.type-02 p span { font-weight:700; margin-right:10px; }
.top-item-box.type-03 span.label { margin-left:20px; }
.top-item-box.type-03 input[type=text] { width:100px; }
.top-item-box.type-03 a.btn { margin-left:20px; }



.top-item-box.type-04 span { margin-right:5px;font-weight:700; }
.top-item-box.type-04 select:first-of-type { margin-right:15px; }
.top-item-box.type-04 input[type=text] { width:50%; }
.top-item-box.type-04 button { width:10%; height:34px; text-align:center; padding:10px 0; background: #7AA3D3; border-radius: 0px 10px 10px 0px; }
.top-item-box.type-04 button > span { position:relative; top:-5px; color:#fff; font-weight:700; }
.top-item-box.type-04 button > span.material-icons { font-size:18px; position:relative; top:-1px; margin-right:5px; font-weight:normal; }


.bot-item-box { margin-top:40px; }
.bot-item-box a { display:inline-block; background:red; height:34px; text-align:center; padding:0 30px; line-height:34px; border-radius:10px; margin-right:5px; font-weight:700; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
.bot-item-box a:last-of-type { margin-right:0; }
.bot-item-box a.default { background: linear-gradient(90.53deg, #2973CB 0.18%, #25C2C2 100%); color:#fff; }
.bot-item-box a.blue { background:#2973CB; color:#fff; }
.bot-item-box a.green { background:#25C2C2; color:#fff; }
.bot-item-box a.gray { background:#eee; border:1px solid #ccc; }


.bot-item-pop-box { margin-bottom:15px; }
.bot-item-pop-box a { display:inline-block; background:red; height:34px; text-align:center; padding:0 30px; line-height:34px; border-radius:10px; margin-right:5px; font-weight:700; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
.bot-item-pop-box a:last-of-type { margin-right:0; }
.bot-item-pop-box a.default { background: linear-gradient(90.53deg, #2973CB 0.18%, #25C2C2 100%); color:#fff; }
.bot-item-pop-box a.blue { background:#2973CB; color:#fff; }
.bot-item-pop-box a.green { background:#25C2C2; color:#fff; }
.bot-item-pop-box a.gray { background:#eee; border:1px solid #ccc; }
.bot-item-pop-box a.etc { background:#9396A8; color:#fff; }

.btn { display:inline-block; border-radius:10px; height:34px; cursor:pointer; }
.btn.sm { padding:5px 10px; }
.btn.sm > span { font-size:16px; position:relative; top:3px; margin-right:3px; }

.btn.gray { border:1px solid #ccc; background:#fff; font-weight:500; }
.btn.gray > span { color:#999; }
.btn.gray:hover { background:#f7f7f7; }


.btn.white-blue { border:1px solid #ccc; background:#F3F9FF; font-weight:500; }
.btn.white-blue > span { color:#2973CB; }
.btn.white-blue:hover { background:#E5EFFC; }



/* style */
html, body { height:100%; width:100%; min-width:1200px; }
.inner { display:block; padding:30px; }

#tpisArea { width:100%; height:100%; position:relative; }

#tpisArea.login { background: url('../img/index_back.png') no-repeat; background-size:cover; background-position:center center; }
#tpisArea.login .login-box { width:500px; height:520px; background: #FFFFFF; box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.6); border-radius: 30px; position:absolute; top:50%; left:50%; margin-top:-260px; margin-left:-250px; }
.login-box .company-select { height:80px; background: linear-gradient(90deg, #2973CB 0%, #25C2C2 100%); border-radius: 30px 30px 0px 0px; padding:20px; }
.login-box .company-select select { width:100%; height:100%; background:transparent url('../img/login_select_arrow.png') center center no-repeat; background-position:right 10px bottom 13px; text-align:center; border:0; font-size: 32px; color:#fff; font-weight:700; }
.login-box .company-select select option { font-size:16px; background:#2973CB; }
.login-box .login-form-box { padding:35px 35px 40px 35px; }
.login-box .login-form-box > span { display:inline-block; float:left; width:35%; height:45px; border:1px solid #D4D4D4; border-right:0; border-radius:20px 0 0 20px; position:relative; color:#999; line-height:45px; padding-left:50px; margin-bottom:15px; }
.login-box .login-form-box > span:after { content:''; display:block; width:1px; height:20px; background:#d4d4d4; position:absolute; top:50%; margin-top:-10px; right:0; }
.login-box .login-form-box > span > span { font-size:24px; position:absolute; color:#ccc; top:10px; left:20px; }
.login-box .login-form-box > input { display:inline-block; float:left; width:65%; height:45px; border:1px solid #D4D4D4; border-left:0; border-radius:0 20px 20px 0; padding-left:20px; margin-bottom:15px; }

.login-box .login-form-box > button { display:block; width:100%; height:45px; background: linear-gradient(90.53deg, #2973CB 0.18%, #25C2C2 100%); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); border-radius: 20px; color:#fff; font-weight: 700; margin-bottom:15px; }
.login-box .login-form-box > input[type="button"] { display:block; width:100%; height:45px; background: linear-gradient(90.53deg, #2973CB 0.18%, #25C2C2 100%); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); border-radius: 20px; color:#fff; font-weight: 700; margin-bottom:15px;cursor:pointer; }

.login-box .login-form-box > a { display:inline-block; width:209px; float:left; height:45px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25); border-radius: 20px; font-weight: 700; color:#fff; text-align:center; line-height:45px; cursor:pointer; }
.login-box .login-form-box > a:nth-of-type(1) { background:#2973CB; margin-right:10px; }
.login-box .login-form-box > a:nth-of-type(2) { background:#25C2C2; }
.login-box .guide-box { padding:0 35px; }
.login-box .guide-box .guide { border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:13px 0 10px 0; }
.login-box .guide-box .guide > span { display:inline-block; background:#fff; position:absolute; top:-11px; left:0; color:#000; font-weight:700; padding-right:10px; }
.login-box .guide-box .support { text-align:right; padding:10px 0; }

body { background: url('../img/body_back.png') repeat-y; }
header { width:100%; height:80px; background:#fff; border-bottom:1px solid #d4d4d4; position:relative; }
header > a { display:block; position:absolute; top:18px; left:40px; }
header > a > span { font-weight: 700; font-size:28px; line-height:28px; color: #AAA7AA; position:relative; top:6px; margin-left:10px; }
header > ul { display:block; position:absolute; right:40px; top:25px; }
header > ul > li { float:left; padding:0 15px; position:relative; }
header > ul > li:after { content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:14px; background:#d4d4d4; margin-top:-7px; }
header > ul > li:last-of-type:after { content:none; }
header > ul > li > a { font-size:16px; cursor:pointer; }

#menu-area { width:200px; float:left; padding:15px 30px; }
#menu-area a { display:block; font-size:16px; font-weight:700; color:#333; padding:8px 0; border-bottom:1px solid #d4d4d4; }
#menu-area a:hover { color:#2973CB; }
#menu-area .on a { color:#2973CB; }
#menu-area .on a:before { content:''; display:inline-block; width:5px; height:5px; border-radius:5px; background:#2973CB; margin:0 8px 0 10px; position:relative; top:-2px;}

#content-area { width:calc(100% - 200px); float:right; padding:30px 30px; }
#content-area .title { height:50px; background: #2973CB; border-radius: 5px 5px 0px 0px; color:#fff; font-size:20px; font-weight:700; letter-spacing:-1px; line-height:50px; margin-bottom:30px; }
#content-area .title span { position:relative; top:5px; margin-left:20px; margin-right:3px; }
#content-area .top-item-box { padding:15px 25px; background: #EEEEEE; border-radius: 0px 0px 5px 5px; margin-top:-30px; }

#content-area table { width:100%; }
#content-area table th,
#content-area table td { height:40px; padding:5px 10px; }
#content-area table td.left { text-align:left; }
#content-area table td.right { text-align:right; }
#content-area table td.center { text-align:center; }
#content-area table td select,
#content-area table td input[type=text],
#content-area table td input[type=password] { height:30px; }

table.board-list { border-top:3px solid #2973CB; }
table.board-list th,
table.board-list td { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; }
table.board-list th { background:#f7f7f7; }
table.board-list td { text-align:center; }
table.board-list thead th { border-bottom:2px solid #d4d4d4; }
table.board-list th:last-of-type,
table.board-list td:last-of-type { border-right:0; }
table.board-list .material-icons { background: #7AA3D3; border-radius: 10px; color:#fff; font-size:18px; padding:4px; margin-right:5px; }

table.board-view { border-top:3px solid #2973CB; }
table.board-view th,
table.board-view td { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; }
table.board-view th { background:#f7f7f7; }
table.board-view td.file-link a span { font-size:18px; position:relative; top:3px; margin-right:3px; }
table.board-view td.file-link a:hover { color:#2973CB; }
table.board-view td.board-content { padding:20px 30px !important; }

table.type-01 { border-top:3px solid #d4d4d4; border-left:1px solid #d4d4d4; border-bottom:2px solid #d4d4d4; }
table.type-01 th,
table.type-01 td { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; }
table.type-01 + table.type-01 { margin-top:20px; }
table.type-01 th { background:#f7f7f7; }
table.type-02 { border-top:3px solid #d4d4d4; border-left:1px solid #d4d4d4; border-bottom:2px solid #d4d4d4; margin-bottom:10px; }
table.type-02 th,
table.type-02 td { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; }
table.type-02 th { background:#f7f7f7; }
table.type-02 tr:first-of-type th { background:#E5EFFC; }
table.type-03 { border-top:3px solid #2973CB; border-left:1px solid #d4d4d4; }
table.type-03 th,
table.type-03 td { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; }
table.type-03 th { background:#f7f7f7; }
table.type-03 th.red,
table.type-03 td.red { color:#D32222; }
table.type-03.list tr:hover td { background:#F3F9FF; cursor:pointer; }
table.type-03.list tr.total td { background:#f7f7f7; font-weight:700; cursor:auto; }
table.type-03 + table.type-03 { margin-top:20px; }
table.type-03 span.material-icons { color:#2973CB; font-weight:700; }

table.detail-box { border-left:1px solid #d4d4d4; margin:20px 0; }
table.detail-box th,
table.detail-box td { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; }
table.detail-box th { border-top:1px solid #d4d4d4; background:#E5EFFC; }
table.detail-box td { vertical-align:top; }
table.detail-box td li { width:100%; border-bottom:1px solid #d4d4d4; }
table.detail-box td li:last-of-type { border-bottom:0; }
table.detail-box td li > span { display:inline-block; line-height:34px; padding:0 10px; }
table.detail-box td li > span:nth-of-type(1) { width:50%; }
table.detail-box td li > span:nth-of-type(2) { width:50%; text-align:right; }
table.detail-box tr.total td { background:#f7f7f7; font-weight:700; }
table.detail-box tr.total td > span { display:inline-block; line-height:34px; padding:0 10px; float:left; }
table.detail-box tr.total td > span:nth-of-type(1) { width:50%; }
table.detail-box tr.total td > span:nth-of-type(2) { width:50%; text-align:right; }

table tr.in-table > td { padding:5px !important; vertical-align:top; }
table.in-line { border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; }
table.in-line th,
table.in-line td { height:26px !important; }

.perinfo .col:nth-of-type(1) { width:170px; padding-right:20px; }
.perinfo .col:nth-of-type(2) { width:calc(100% - 170px); }
.perinfo img { width:100%; }

.user-info-box { margin-top:20px; }
.user-info-box > p { text-align:center; margin-bottom:10px; font-weight:700; }

h5.sub-title { display:block; margin-bottom:10px; margin-top:20px; position:relative; }
h5.sub-title:first-of-type { margin-top:0; }
h5.sub-title span.material-icons-round { font-size:16px; position:relative; top:2px; margin-right:5px; color:#2973CB; }
h5.sub-title a { display:inline-block; padding:5px 10px; border-radius:10px; cursor:pointer; }
h5.sub-title a:hover { background:#2973CB; color:#fff; }
h5.sub-title a:hover span { color:#fff; }
h5.sub-title span.info { position:absolute; font-size:14px; bottom:0; right:0; font-weight:500; }
h5.sub-title span.info > span { color:#D32222; }

.yearbase .row { margin-top:20px; }

/* 팝업창 */
html.popup { min-width:100% !important; }
body.popup { background:transparent !important; min-width:100% !important; }
#popupArea { }

html.popup input[type=text],
html.popup select { width:100% !important; }


#popupArea .title { height:50px; background: linear-gradient(90deg, #2973CB 0%, #25C2C2 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-size:16px; font-weight:700; color:#fff; line-height:50px; }
#popupArea .title > span { margin:0 5px 0 14px; position:relative; top:6px; }
#popupArea .content { padding:15px 10px; }

#popupArea .top-item-box1 { padding:15px 25px; background: #EEEEEE; border-radius: 0px 0px 5px 5px; }
#popupArea .top-item-box1.type-02 .col { padding:0 20px; }
#popupArea .top-item-box1.type-02 p { margin-bottom:5px; }
#popupArea .top-item-box1.type-02 p span { font-weight:700; margin-right:10px; }

#popupArea table { width:100%; }
#popupArea table th,
#popupArea table td { border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; padding:5px; height:40px; }
#popupArea table td select { border-radius:0; height:28px; background-position:right 10px bottom 9px; }
#popupArea table td input[type=text],
#popupArea table td input[type=password] { height:28px; }
#popupArea table td a { display:inline-block; color:#fff; height:28px; background:#7AA3D3; padding:1px 10px; position:relative; top:1px; border-radius:5px; }
#popupArea table td a span { font-size:18px; position:relative; top:4px; margin-right:3px; }
#popupArea table td.center { text-align:center !important; }
#popupArea table td.left { text-align:left !important; }
#popupArea table td.right { text-align:right !important; }
#popupArea table.type-01 { border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-bottom:0; }
#popupArea table.type-01 th { background:#F9FCFF; }
#popupArea table.type-02 { border-top:3px solid #2973CB; }
#popupArea table.type-02 th { background:#f7f7f7; }
#popupArea table.type-02 td { text-align:center; }
#popupArea table.type-03 td label { cursor:pointer; padding-left:10px; }
#popupArea table.type-03 td input[type=radio],
#popupArea table.type-03 td input[type=checkbox] { margin-right:5px; }
#popupArea table.type-03 td span.plus-txt { margin-left:15px; position:relative; top:2px; }
#popupArea table.form-type td { text-align:center; }
#popupArea table.form-type td input[type=checkbox] { margin-right:0 !important; }
#popupArea table.form-type td.bottom { vertical-align:bottom; }
#popupArea table.form-type td.bottom span { display:inline-block; font-size:12px; margin-bottom:5px; }
#popupArea .guide-box { font-size:12px; margin-top:15px; border:1px solid #d4d4d4; }
#popupArea .guide-box > h5 { border-bottom:1px solid #d4d4d4; text-align:center; background:#f7f7f7; font-size:14px; padding:5px 0; }
#popupArea .guide-box .check-item-box { text-align:center; padding:10px 0; }
#popupArea .guide-box .check-item-box input { margin-right:5px; position:relative; top:-1px; }
#popupArea .guide-box .check-item-box span { margin-right:10px; }
#popupArea .guide-box .txt-box { padding:10px 20px 0 20px; }
#popupArea .guide-box.type-01 { padding:10px 15px; }
#popupArea .guide-box.type-01 span { margin-right:5px; }
#popupArea .guide-box.type-01 span.red { color:red; }
#popupArea .guide-box.type-01 span.blue { color:blue; }
#popupArea .bot-item-box { margin-top:15px; }
#popupArea .top-item-box { margin-bottom:10px; }
#popupArea .top-item-box span { line-height:28px; float:left; margin-right:10px; font-weight:500; }
#popupArea .top-item-box label { cursor:pointer; line-height:28px; margin-right:10px; }
#popupArea .top-item-box label input { margin-right:5px; position:relative; top:-2px; }
#popupArea .input-line input[type=text] { margin-bottom:5px; }
#popupArea .input-line input[type=text]:last-of-type { margin-bottom:0; }


/* 20231011 팝업창 탭 추가 */
.ui-widget { font-family:'Noto Sans KR', sans-serif !important; color:#666; }
.ui-tabs.ui-widget { border:0 !important; }
#tabs > ul { margin-bottom:20px; padding:0; border:0; background:transparent; border-bottom:1px solid #d4d4d4; padding-bottom:10px; display:flex; flex-flow:row wrap; }
#tabs .ui-tabs-nav li { background: #eee; border: 1px solid #ccc; border-radius:10px; margin:0; margin-right:5px; margin-bottom:5px; }
#tabs .ui-tabs-nav li.ui-tabs-active { background: #2973CB; color: #fff; border:0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
#tabs .ui-tabs-nav li.ui-tabs-active > a { font-weight:700; }
#tabs .ui-tabs-nav li > a { padding:5px 10px 7px 10px; }
#tabs .ui-tabs-nav li > a:hover { font-weight:700; }
#tabs .ui-tabs-nav li span.material-icons { font-size:18px; position:relative; top:4px; margin-right:5px; color:#2973CB; }
#tabs .ui-tabs-nav li.ui-tabs-active span.material-icons { color:#fff; }
.ui-tabs .ui-tabs-panel { border:0 !important; padding:0 !important; }

#tabs li { background: #eee; border: 1px solid #ccc; border-radius:10px; margin:0; margin-right:3px; margin-bottom:5px; padding:5px 5px 5px 0;}
#tabs li.active { background: #2973CB; color: #fff; border:0; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
#tabs li.active > a { font-weight:700;color:#fff; }
#tabs li.active span.material-icons { color:#fff !important; }
#tabs li > a { padding:5px 10px 7px 13px; }
#tabs li > a:hover { font-weight:700; }
#tabs li span.material-icons { font-size:18px; position:relative; top:4px; margin-right:5px; color:#2973CB; }
#tabs li.ui-tabs-active span.material-icons { color:#fff; }

/* 20231214 김유미 추가 */
#popupArea a.etcb { padding:3px 10px 5px 10px !important; cursor:pointer; }
#popupArea a.etcb.type-01 { background:#2973CB !important; }
#popupArea a.etcb.type-02 { background:#25C2C2 !important; }
#popupArea a.etcb.type-03 { background:#3fad64 !important; }
#popupArea a.file-link { background:transparent !important; color:#000 !important; padding:0 !important; }
#popupArea a.file-link span {  transform: rotate(45deg); font-size:18px; position:relative; top:3px; }
#popupArea a.file-link:hover { color:#2973CB !important; }

#popupArea .doc-info-box { padding:20px; }
#popupArea .doc-info-box table { border-spacing:0; }
#popupArea .doc-info-box table th,
#popupArea .doc-info-box table td { height:auto !important; }
#popupArea .doc-info-box table th.h1 { background:#eef6ff; }
#popupArea .doc-info-box .tool-table { border-top:3px solid #2973CB; border-left:1px solid #d4d4d4; }
#popupArea .doc-info-box .tool-table th { background:#f4f4f4; }
#popupArea .doc-info-box .tool-table .title-link { display:inline-flex; flex-flow:row wrap; align-items:center; font-size:18px; font-weight:700; background:transparent; gap:5px; }
#popupArea .doc-info-box .tool-table .title-link span { font-size:26px; position:relative; top:3px; }
#popupArea .doc-info-box .tool-table .title-link:hover { color:#2973CB; }
#popupArea .doc-info-box .tool-table input[type=text] { border:0 !important; text-align:center !important; font-weight:700 !important; background:transparent !important; }
#popupArea .doc-info-box .tool-table i.dot { display:inline-block; width:4px; height:4px; border-radius:10px; background:#666; margin-right:3px; position:relative; top:-3px; }
#popupArea .doc-info-box .tool-table span.point-01 { color:#3753ce; }
#popupArea .doc-info-box .tool-table th.point-01 { background:#ffffc9; }

#popupArea .doc-info-box .tool-table .in-table { border-top:1px solid #d4d4d4; border-left:1px solid #d4d4d4; }
#popupArea .doc-info-box .tool-table .in-table th,
#popupArea .doc-info-box .tool-table .in-table td { padding:3px; }
#popupArea .doc-info-box .tool-table .in-table th { background:#f3ffff; }
#popupArea .doc-info-box .tool-table .in-table th.point-01 { background:#ffffc9 !important; }

#popupArea .doc-info-box td.in-data { padding:0 !important; }
#popupArea .doc-info-box td.in-data table {  }
#popupArea .doc-info-box td.in-data table .no-bot,
#popupArea .doc-info-box td.in-data table tr:last-of-type th,
#popupArea .doc-info-box td.in-data table tr:last-of-type td { border-bottom:0; }
#popupArea .doc-info-box td.in-data table .no-right { border-right:0; }
#popupArea .doc-info-box td.in-data table th { background:#f8fdda !important; }
#popupArea .doc-info-box td.in-data table th.point-01 { background:#ffffc9 !important; }

#popupArea .doc-info-box strong.point-01 { color:#ce373e; }

/* 20231220 추가 */
input[type=button].btn { border:0; }
.btn.blue { border:1px solid #ccc; background:#4b88c5; font-weight:500; color:#fff; }
.btn.blue > span { color:#2973CB; }
.btn.blue:hover { background:#3d658d; }
.btn.white-blue.th-btn { line-height:auto !important; height:auto !important; }