@charset "utf-8";

.tip_pop {position:fixed; opacity:0; visibility: hidden; z-index:999; top:50%;left:50%;transform: translate(-50%, -20%); width:400px; height:auto; background:#fff;  box-shadow:0 0 5px 0 rgba(0,0,0,0.1); transition: 0.3s ease;padding-bottom:20px;}
.tip_pop.show {opacity:1; transform: translate(-50%, -50%); visibility: visible;}

.tip_pop .close_btn {position:absolute; right:20px; top:9px;}
.tip_pop .close_btn > i {color:#fff; font-size:20px;}

.tip_pop .title {text-align: center; background-color:#3971ff; padding:10px; color:#fff; font-size:18px; }

.tip_pop .cont_wrap {padding:0 25px;}
.tip_pop h4 { margin: 19px 0px 0px; font-size:16px; font-weight:600; line-height:1.1em; letter-spacing:-0.03em;padding: 3px;}
.tip_pop .text {margin:5px 0; font-size:14px; background: #f3f6fa;  padding: 7px 10px; color:#676767; letter-spacing: -0.05em;line-height: 23px;}
.tip_pop .text.whitebg {background: #fff;}

.tip_pop .text .cont_radio .checkmark {top:5px;}
.tip_pop .text .cont_check .checkmark {top:3px;}

/* 급여명세서 이메일 예약 취소 */
.mdlPop .tip_pop.rev .scroll_wrap {height: 300px;overflow-y: auto;margin-bottom:5px;}
.mdlPop .tip_pop.rev .scroll_wrap .text {height: 100%;margin:0;}
.mdlPop .tip_pop.rev .scroll_wrap .text strong {font-weight:600;margin-right:10px;}
 
.tip_pop .pop_btn {display:inline-block; padding:8px 30px; border-radius:30px; margin:0 5px; color:#fff; background:#3658b9; font-size:14px; cursor:pointer; margin-top:40px;}
.tip_pop .pop_btn.white {color:#3658b9; background:#fff; border: 1px solid #3658b9;}

.tip_bg, .not_bg {position:fixed; opacity:0; visibility: hidden; top:0; left:0; z-index: 998; width:100vw; height:100vh; background:rgba(0,0,0,0.5);transition: 0.3s ease;}
.tip_bg.show, .not_bg.show {opacity:1; visibility: visible;}


/*신고자료 전송하기*/
.send_pop {position:fixed; opacity:0; visibility: hidden; padding:50px; z-index:9999; top:50%; left:calc(50% - 450px/2); width:450px; height:280px; background:#fff; text-align: center; box-shadow:0 0 5px 0 rgba(0,0,0,0.1); transition: 0.3s ease;}
.send_pop.show {opacity:1; top:calc(50% - 370px/2); visibility: visible;}
.send_pop h4 {font-size:25px; font-weight:400; line-height:1.1em;}
.send_pop p {margin:10px; font-size:16px; color:#676767; letter-spacing: -0.05em;}
.send_pop p strong {font-weight:600;color:#d83d3d;}
.send_pop svg {color:#92b4f3; font-size:48px; margin-bottom:20px;}
.send_pop .call_btn {display:inline-block; padding:8px 30px; border-radius:30px; margin:0 5px; color:#fff; background:#3658b9; font-size:14px; cursor:pointer; margin-top:40px;}
.send_pop .call_btn.white {background:#fff;border:1px solid #3658b9;color:#3658b9}

.send_pop table.add_chk {width:100%;border:0;border-collapse:collapse; empty-cells:show;border:0;} 
.send_pop table.add_chk td {border: 1px solid #efefef;line-height:23px;padding:3px 5px;text-align:center;font-size:15px;}
.send_pop.auto_h {height:auto;left:calc(50% - 480px/2); width:480px;padding:0px;}
.send_pop.auto_h .cont_wrap{padding:20px;}

.send_pop .bg_gray {font-weight:400; background: #f4f4f4;}
.send_pop input[type="radio"] {vertical-align: top;display: inline-block;margin: 4px 4px 0 9px;}
.send_pop table.add_chk td.totalNum {font-size:15px;border:0;font-weight:600;}

.send_pop.auto_h div.title {text-align: center; background-color:#3c7bf1; padding:10px; color:#fff; font-size:18px; }

.send_pop.sub4_5 {left:calc(50% - 400px/2); width:400px; height:180px;}
.send_pop.sub4_5.show {top:calc(50% - 180px/2);}
.send_pop.sub4_5 p {font-size:18px;}


/* 마감해제 팝업 */
.sel_pop {position:fixed; opacity:0; visibility: hidden; z-index:9999; top:50%; left:calc(50% - 450px/2); width:450px; height:280px; background:#fff; text-align: center; box-shadow:0 0 5px 0 rgba(0,0,0,0.1); transition: 0.3s ease;}
.sel_pop.show {opacity:1; top:calc(50% - 280px/2); visibility: visible;}
.sel_pop .close_btn {position: absolute;right: 20px;top: 20px;}
.sel_pop .close_btn > i {color: #4e4e4e;font-size:20px;}
.sel_pop .cont_wrap {padding:47px 25px;}
.sel_pop h3 { font-size: 18px;font-weight: 400;line-height: 1.1em;margin-bottom: 10px;}
.sel_pop p {margin: 10px;font-size: 15px; color: rgb(103, 103, 103); letter-spacing: -0.05em;}
.sel_pop p strong {font-weight: 600;color: #d83d3d;}
.sel_pop p.input {color: rgb(0, 0, 0);}
.sel_pop p.input input[type="text"], .sel_pop p.input input[type="password"] {border: 1px solid rgb(226, 226, 226); padding: 0px 6px; height: 25px;margin: 5px 0px;}
.sel_pop .call_btn {display: inline-block;padding: 8px 30px;border-radius: 30px; margin: 40px 5px 0px;color: rgb(255, 255, 255);background: rgb(54, 88, 185);font-size: 14px;cursor: pointer;border: 1px solid rgb(54, 88, 185);}
.sel_pop .call_btn.white {background: rgb(255, 255, 255);color: rgb(54, 88, 185);border: 1px solid rgb(54, 88, 185);}
.sel_pop#cancel_pop {height:240px;}
.sel_pop#cancel_pop.show {top:calc(50% - 240px/2);}


/*사원등록 > 노동법 보기*/
.mdlPop .tip_pop .cont_wrap .table {display:inline-block;width:49%;text-align: left;}


/* sub3_7 */
.tip_pop.sub3_7 .cont_wrap {padding: 20px 25px;}
.tip_pop.sub3_7 table {border-collapse: collapse; empty-cells: show;border: 0;width:100%;}
.tip_pop.sub3_7 table th {border-top:1px solid #dfdfdf;padding:10px 5px;font-weight: 600;border-bottom:0;}
.tip_pop.sub3_7 table tr:last-child td {border-bottom:0;}
.tip_pop.sub3_7 table th:first-child {border-left:1px solid #dfdfdf;}
.tip_pop.sub3_7 table th:last-child {border-right:1px solid #dfdfdf;}

.tip_pop.sub3_7 .scrollbar-inner {height:371px;overflow-y:auto;border:1px solid #dfdfdf;}
.tip_pop.sub3_7 .scrollbar-inner table td {font-size:14.5px;border-bottom:0;font-weight: 500;}
.tip_pop.sub3_7 .scrollbar-inner table td.tdRight {padding-right:10px !important;}
.tip_pop.sub3_7 .scrollbar-inner table tr:hover td {background: #f3f7ff !important;}
.tip_pop.sub3_7 .scrollbar-inner table tr:hover td {color:#0082e6 !important;}

.tip_pop.sub3_7 .scrollbar-inner table tr.nothing:hover td {background: #fff !important;}
.tip_pop.sub3_7 .scrollbar-inner table tr.nothing:hover td {color: #000 !important;}

.tip_pop.sub3_7#tip1 {width: 850px;height:490px;}
.tip_pop.sub3_7#tip2 {width: 850px;height:230px;}
.tip_pop.sub3_7#tip2 .scrollbar-inner {height:112px;}


/* 전표업데이트 */
.tip_pop#update_pop .text {font-size: 16px;}
.tip_pop#update_pop .this_year_update {position: relative;overflow: unset;}
.tip_pop#update_pop .this_year {opacity:0;transition: all 0.3s;transition-delay: 0.1s;position: absolute;top:0;left: 50%;font-style: normal; color: #3658b9;transform: translateX(-50%); width: 200px;}
.tip_pop#update_pop .this_year_update:hover .this_year {opacity:1;top: -22px;}

.tip_pop .update_ing,.update_end {display:none;}
.tip_pop .update_ing h1,.update_end h1 {font-size: 15px;display: inline-block;vertical-align: text-bottom;margin-right:5px;}
.tip_pop .update_ing .loading {display: inline-block;width: 20px;height: 20px;border: 3px solid rgb(82 96 159 / 30%);border-radius: 50%;border-top-color: #092c75;animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}

@keyframes spin {
	to { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes spin {
	to { -webkit-transform: rotate(360deg); }
}

.tip_pop#adm_update_pop ul.select_list {text-align: center;font-size: 15px; margin: 20px 0 10px;width:49%;display: inline-block;vertical-align: top;}
.tip_pop#adm_update_pop ul.select_list li {line-height: 25px;text-align: left;padding-left: 50px;}
.tip_pop#adm_update_pop .cont_check {font-size: 16px;}
.tip_pop#adm_update_pop .cont_check .checkmark {top: 3px;}

/*소개이벤트*/
.tip_pop#event_pop h4 {font-size: 17px;font-weight: 600;margin-bottom: 10px;}
.tip_pop#event_pop .underline {color: #3c7bf1;font-weight: 600;}



.tip_pop#event_pop table {
    width: 100%;
    border-top: 0;
    border-bottom: 1px solid #7d7d7d;
    border-left: 0;
    border-right: 0;
	margin-top:20px;
	text-align: center;
}
.tip_pop#event_pop table tr:first-child td {
	border-top: 0;
}

.tip_pop#event_pop table td {
	border-top: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	padding: 10px 5px;
	font-size: 15px;
}

.tip_pop#event_pop table td:last-child {
	border-right: 0;
}

.tip_pop#event_pop table td.title {
	font-weight: 600;
}

.tip_pop#event_pop table td.bdt {
	border-top: 1px solid #7d7d7d
}

.tip_pop#event_pop table td.sales {
	background: #fff7f7;
	font-weight: 600;
}

.tip_pop#event_pop table td.purchase {
	background: #f4f5f9;
	font-weight: 600;
}