@charset "utf-8";
:root{
    --color-tool-point-blue: #0057FF;
}

/* 성공취업툴 */
/* button icon */
.toolBtnIco { display:inline-block; background:url(/images/jk-pc/ver_1/common/tpl_sp_btn.png?v1) no-repeat 0 0;content:""; vertical-align:middle;}
.toolBtnIco.calChk {width:15px; height:12px; background-position:-321px -65px;}
.toolBtnIco.tipBtnIco {width:14px; height:14px; background-position:-33px -31px;}
.toolBtnIco.resetBtnIco {width:12px; height:12px; background-position:-290px -65px;}
.toolBtnIco.closeBtnIco {width:20px; height:20px; background-position:-134px 5px; vertical-align:top;}
.toolBtnIco.moreBtnIco {width:8px; height:13px; background-position:-334px 0;}
/* gnb */
.svcuSubTool .svcNav .bgBar {height:100px;}
.svcuSubTool .svcNav .subToolMn { left:0;margin-left:0;}
.svcuSubTool .svcNav .subToolMn li { width:96px; height:60px;padding:23px 0 17px;}
.svcuSubTool .svcNav .subToolMn li a { height:20px;padding:40px 0 0; border-left:1px solid #5eabff; background:url(/images/jk-pc/ver_1/service/tool/gnb_tool.png?v1) no-repeat 0 -23px;font-size:12px;letter-spacing: 0px; color:#b2d2ff;}
.svcuSubTool .svcNav .subToolMn li a:hover,
.svcuSubTool .svcNav .subToolMn li a:active,
.svcuSubTool .svcNav .subToolMn li.on a {color:#ffffcc;}
.svcuSubTool .svcNav .subToolMn li.subMn_1 a { border-left:0;background-position:-3px -23px;}
.svcuSubTool .svcNav .subToolMn li.subMn_1 a:hover,
.svcuSubTool .svcNav .subToolMn li.subMn_1 a:active,
.svcuSubTool .svcNav .subToolMn li.subMn_1.on a {background-position:-3px -129px;}
.svcuSubTool .svcNav .subToolMn li.subMn_2 a {background-position:-108px -23px;}
.svcuSubTool .svcNav .subToolMn li.subMn_2 a:hover,
.svcuSubTool .svcNav .subToolMn li.subMn_2 a:active,
.svcuSubTool .svcNav .subToolMn li.subMn_2.on a {background-position:-108px -129px;}
.svcuSubTool .svcNav .subToolMn li.subMn_3 a {background-position:-218px -23px;}
.svcuSubTool .svcNav .subToolMn li.subMn_3 a:hover,
.svcuSubTool .svcNav .subToolMn li.subMn_3 a:active,
.svcuSubTool .svcNav .subToolMn li.subMn_3.on a {background-position:-218px -129px;}
.svcuSubTool .svcNav .subToolMn li.subMn_4 a {background-position:-328px -23px;}
.svcuSubTool .svcNav .subToolMn li.subMn_4 a:hover,
.svcuSubTool .svcNav .subToolMn li.subMn_4 a:active,
.svcuSubTool .svcNav .subToolMn li.subMn_4.on a {background-position:-328px -129px;}
.svcuSubTool .svcNav .subToolMn li.subMn_5 a {background-position:-438px -23px;}
.svcuSubTool .svcNav .subToolMn li.subMn_5 a:hover,
.svcuSubTool .svcNav .subToolMn li.subMn_5 a:active,
.svcuSubTool .svcNav .subToolMn li.subMn_5.on a {background-position:-438px -129px;}
.svcuSubTool .svcNav .subToolMn li.subMn_6 a {background-position:-548px -23px;}
.svcuSubTool .svcNav .subToolMn li.subMn_6 a:hover,
.svcuSubTool .svcNav .subToolMn li.subMn_6 a:active,
.svcuSubTool .svcNav .subToolMn li.subMn_6.on a {background-position:-548px -129px;}
.svcuSubTool .svcNav .subToolMn li.subMn_7 a {background-position:-658px -23px;}
.svcuSubTool .svcNav .subToolMn li.subMn_7 a:hover,
.svcuSubTool .svcNav .subToolMn li.subMn_7 a:active,
.svcuSubTool .svcNav .subToolMn li.subMn_7.on a {background-position:-658px -129px;}
.svcuSubTool .svcNav .subToolMn li.subMn_8 a {background-position:-768px -23px;}
.svcuSubTool .svcNav .subToolMn li.subMn_8 a:hover,
.svcuSubTool .svcNav .subToolMn li.subMn_8 a:active,
.svcuSubTool .svcNav .subToolMn li.subMn_8.on a {background-position:-768px -129px;}
.svcuSubTool .svcNav .subToolMn li.subMn_9 a {background-position:-865px -23px;}
.svcuSubTool .svcNav .subToolMn li.subMn_9 a:hover,
.svcuSubTool .svcNav .subToolMn li.subMn_9 a:active,
.svcuSubTool .svcNav .subToolMn li.subMn_9.on a {background-position:-865px -129px;}
.svcuSubTool .svcNav .subToolMn li.subMn_10 a {background-position:-984px -23px;}
.svcuSubTool .svcNav .subToolMn li.subMn_10 a:hover,
.svcuSubTool .svcNav .subToolMn li.subMn_10 a:active,
.svcuSubTool .svcNav .subToolMn li.subMn_10.on a {background-position:-984px -129px;}
.svcuSubTool .svcNav .subToolMn li a span {display:inline;}
.artBx:has(.unemployed) + .ul-list{margin-left: 10px; color: #6a6a6a; font-size: 14px; font-weight: 400; line-height: 22px; display: flex; flex-direction: column; row-gap: 4px;}
.artBx .topBx {position:relative; height:70px; border-bottom:1px solid #e3e3e3; background:#fafafa;}
.artBx .btmBx {padding-top:10px;}
/* 맞춤법 검사 */
.artBx .topBx .txSpell_1 {padding-top:20px; text-align:center;}
.artBx .topBx .txSpell_1 strong { font-weight:bold;font-size:20px;letter-spacing: -0.5px; color:#333;}
.artBx .topBx .txSpell_1 .svcBtnIm { width:145px;margin:-6px 13px 0; font-weight:normal;font-size:13px;letter-spacing: 0px;}
.artBx .txBx {position:relative; padding:30px;}
.artBx .txBx.loading:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/jk-pc/ver_1/service/tool/spell_loading.gif) center no-repeat #fff;content: '';}
.artBx .txBx textarea, .artBx .txBx .cntWrap {width:100%;height:180px; background:#fff;font-size:15px;letter-spacing: 0px; font-weight:normal; color:#333; line-height:1.6; word-break:keep-all; overflow-y:auto; box-sizing:border-box;}
.artBx .txBx textarea {border:0; resize:none;}
.artBx .txBx .placeholder {position:absolute; top:30px; left:30px;font-size:15px;letter-spacing: 0px; color:#999; line-height:1.6;}
.artBx .txBx .cntWrap {width:958px; height:330px; margin:-30px -30px; padding:30px 30px; background-color:#fafafa; word-break:break-all;}
.artBx .txBx .cntWrap .checkOff {padding:2px 0; background:url(/images/jk-pc/ver_1/service/tool/check_bg.gif) repeat-x 0 bottom; color:#ff0029; cursor:pointer;}
.artBx .txBx .cntWrap .checkOn {color:#39f; cursor:pointer;}
.artBx .topBx .txSpell_2 {float:left; padding-top:20px; padding-left:30px;font-size:16px;letter-spacing: 0px;}
.artBx .topBx .txSpell_2 .tit {color:#39f; vertical-align:middle;}
.artBx .topBx .txSpell_2 .tit:after { display:inline-block; width:2px; height:17px; margin-left:12px; margin-right:5px; background:#e3e3e3;content:""; vertical-align:middle;}
.artBx .topBx .txSpell_2 strong {display:inline-block; overflow:hidden; max-width:500px; font-weight:bold; color:#666; white-space:nowrap; vertical-align:middle; text-overflow:ellipsis;}
.artBx .topBx .txSpell_2 .svcBtnArr {margin-top:4px; margin-left:10px;}
.artBx .topBx .spellChkTx {float:right; padding-right:30px;}
.artBx .topBx .spellChkTx strong {display:block; padding:10px 0 5px; font-weight:bold;font-size:20px;letter-spacing: -0.5px; color:#333;}
.artBx .topBx .spellChkTx .cmt {display:block;font-size:12px;letter-spacing: 0px; color:#888; text-align:right;}
.artBx .topBx .spellChkTx strong em, .artBx .topBx .spellChkTx .cmt em {font-weight:bold; color:#ff0029;}
.artBx .topBx .spellChkTx strong em {display:inline-block; margin-top:-3px; vertical-align:middle;}
.artBx .btmBx {overflow:hidden; margin-top:10px;}
.artBx .btmBx .txByte {float:left; padding-bottom:10px;font-size:18px;letter-spacing: 0px; color:#666;}
.artBx .btmBx .txByte > span:before { display:inline-block; width:1px; height:18px; margin:0 15px; background:#e3e3e3;content:""; vertical-align:middle;}
.artBx .btmBx .txByte em {color:#39f;}
.artBx .btmBx .btnMmGp {float:right; margin:0;}
.artBx .btmBx .btnMmGp a {color:#666;}
.artBx .btnGp{margin:40px 0; padding:0;}
.artBx .ntcTx li {padding:3px 0;font-size:12px;letter-spacing: 0px; color:#888;}
.artBx .ntcTx li a {color:#888;}
.artBx .innerDep2 {margin-top:80px; padding-top:75px; background:url(/images/jk-pc/ver_1/service/bg_slash.png) repeat-x top left;}
.artBx .help .wrongTx {color:#ff0029;}
.artBx .help .replaceTx {color:#39f;}
.artBx .help .ex p, .artBx .help .ex li {padding-bottom:4px;}
.artBx .help .ex li.first:before { display:inline-block; margin-right:5px;content:"(예)";}
.artBx .help .emptylist {padding:30px 0; border-left:0;font-size:16px;letter-spacing: 0px; color:#888; text-align:center;}
/* 레이어팝업 */
.svcOpenResume .resumeTit { overflow:hidden;width:370px; white-space:nowrap; text-overflow:ellipsis;}
.svcOpenResume .resumeTit a {color:#333;}
.svcOpenResume .btnFunc .svcBtnPop_2 {width:116px;}
.svcSpellCheck {border-width:1px;}
.svcSpellCheck > .lyCnt {padding:20px 30px;}
.svcSpellCheck .svcTbl {border-top:0;}
.svcSpellCheck dt, .svcSpellCheck dd {float:left; padding:9px 0;}
.svcSpellCheck dt {width:18%; color:#333;}
.svcSpellCheck dd {width:82%;}
.svcSpellCheck .checkOff {padding:0 0 2px; background:url(/images/jk-pc/ver_1/service/tool/check_bg.gif) repeat-x 0 bottom; color:#ff0029;}
.svcSpellCheck .checkOn {margin:5px 8px 5px 0; color:#39f;}
.svcSpellCheck .replaceTxt {padding:0 0 8px;}
 
.svcSpellCheck .helpTx { width:100%; height:100px;padding:10px; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #ECECEC; border-bottom:1px solid #ECECEC; background:#fff; color:#999; line-height:1.2; word-break:keep-all; box-sizing:border-box; overflow-y:auto;}
.svcSpellCheck .svcBtnSel { width:49px;min-width:49px; height:26px; color:#333; line-height:1.4;}
.svcSpellCheck .replaceTxt .svcBtnSel {height:22px;}
.svcSpellCheck .devPrdtInqryInput + .svcBtnSel {margin-left:5px;}
/* 글자수 체크 */
.artBx .topBx .txTxcount {padding-top:25px;font-size:16px;letter-spacing: 0px; color:#333; text-align:center;}
.artBx .topBx .txTxcount > span:before { display:inline-block; width:1px; height:16px; margin:-2px 20px 0; background:#e3e3e3;content:""; vertical-align:middle;}
.artBx .topBx .txTxcount strong {display:inline-block; margin:-5px 3px 0 5px; font-weight:normal;font-size:24px;letter-spacing: -0.5px; color:#39f; vertical-align:middle;}
.artBx .topBx .txTxcount .byte { color:#999;}
.artBx .topBx .txTxcount .byte:before { display:inline-block; height:16px; margin:-2px 13px 0; border-left:1px dotted #ccc; background:none;content:""; vertical-align:middle;}
.artBx .topBx .txTxcount .byte strong {color:#666;}
.svcuSecTextC .btnGp {margin-top:15px; text-align:right;}
/* 학점변환 */
.pointBx .inputP, .pointBx .outputP {position:relative; float:left;}
.pointBx .inputP {width:430px; background:#fff; }
.pointBx .outputP { width:519px;padding-left:8px; border-left:1px solid #e8e8e8; background:#f6f7f7;}
.pointBx .wrap {padding:50px;}
.pointBx .tit {display:block; margin-bottom:20px; font-weight:bold;font-size:16px;letter-spacing: 0px; color:#333;}
.pointBxEng .inputP {width:519px;}
.pointBxEng .outputP {width:430px;}
.pointBxEng .svcBtnPoint {margin-left:15px;}
.artBx .pointBx .formGp .inner {width:49%;}
.artBx .pointBxEng .formGp .inner {width:100%;}
.artBx .pointBxEng .formGp .innerEng .lbEng {display:inline-block; width:135px;}
.pointBx .icnSvcPointArr {position:absolute; top:36px; left:-1px; width:21px; height:41px; background-position:-479px -144px;}
.svcBtnPoint { width:70px; height:34px;margin-left:2px; font-weight:normal;font-size:14px;letter-spacing: 0px;}
.artBx .pointBx .formGp .slash {padding:0 5px;}
.pointBx .svcSltBx label {top:3px;}
/* 자소서 자동완성 */
.svcTab .lst {position:absolute; left:0;}
.svcuSubTool .cont_dep2 { overflow:hidden;clear:both; padding:30px 0 0;}
.svcuSubTool .cont_dep2 .hdBx {padding-bottom:0;}
.svcuSubTool .tplPagination {padding:20px 0;}
.svcuSubTool .cont_dep2 .btnSel {display:block; position:absolute; right:0; bottom:10px;}
.svcuSubTool .cont_dep2 .btnSel li { display:inline-block;position:relative; margin-left:7px; padding-left:10px;}
.svcuSubTool .cont_dep2 .btnSel li:before { display:inline-block; position:absolute; top:5px; left:0; width:1px; height:10px; background:#ccc;content:"";}
.svcuSubTool .cont_dep2 .btnSel li:first-child:before { width:0;margin-left:0; padding-left:0; background:none;}
.svcuSubTool .cont_dep2 .btnSel li a { height:19px;padding:0 2px; font-weight:bold;font-size:12px;letter-spacing: 0px; color:#666;}
.svcuSubTool .cont_dep2 .btnSel li a.on {color:#39f;}
.svcuSubTool .cont_dep2 .btnSel li a .count {font-weight:normal;}
.svcuSecAutoResume .cont_dep2.first {margin-top:70px;}
.svcuSecAutoResume .cont_dep2 .svcBtnRange { font-weight:bold;font-size:13px;letter-spacing: 0px; color:#333;}
.svcuSecAutoResume .cont_dep2 .svcBtnRange .icn {display:inline-block; width:8px; height:5px; margin-left:5px; background:url(/images/jk-pc/ver_1/service/tpl_svc.png) no-repeat -269px -57px; vertical-align:middle;}
.svcuSecAutoResume .cont_dep2 .svcBtnRange.reverse .icn {background-position: -296px -57px;}
.svcuSecAutoResume .cont_dep2 .txCount {display:block; position:absolute; right:0; bottom:10px;font-size:12px;letter-spacing: 0px;}
.svcuSecAutoResume .svcTblAutoResume td {font-size:12px;letter-spacing: 0px; color:#888; text-align:center; vertical-align:middle;}
.svcuSecAutoResume .svcTblAutoResume .sampleTx {padding-left:20px;font-size:13px;letter-spacing: 0px; color:#000; line-height:1.4; text-align:left;}
/* 영문 */
.svcuSecAutoResume .svcTblAutoResume td.sampleTx .trans {margin-top:8px;font-size:11px;letter-spacing: 0px; color:#888;}
.svcuSecAutoResume .svcBtnChk {margin-top:2px; padding:2px; color:#888;}
.svcuSecAutoResume .svcBtnChk .icnChk { width:17px; height:15px;margin-top:-4px; background-position:-335px -9px;}
.svcuSecAutoResume .svcBtnChk.on {color:#f63;}
.svcuSecAutoResume .svcBtnChk.on .icnChk {background-position:-365px -9px;}
.svcuSecAutoResume .bxResumeEdit {padding:0 20px 20px; border:1px solid #e3e3e3; background:#f5f7f8;}
.svcuSecAutoResume .bxResumeEdit .tit {padding:30px 0 10px; font-weight: bold;font-size:12px;letter-spacing: 0px; color:#666;}
.svcuSecAutoResume .bxResumeEdit .tit em {color:#999;}
.svcuSecAutoResume .bxResumeEdit .txBx {padding-left:12px; border:1px solid #e8eef1; background:#fff;}
.svcuSecAutoResume .bxResumeEdit .txBx .inner { overflow:hidden;position:relative; padding:15px 0 15px 3px; border-top:1px solid #e6e9eb;}
.svcuSecAutoResume .bxResumeEdit .txBx .inner.first {border-top:0;}
.svcuSecAutoResume .bxResumeEdit .txBx p {margin-right:140px; padding:6px 0;font-size:14px;letter-spacing: 0px; color:#000;}
.svcuSecAutoResume .bxResumeEdit .txBx .trans {font-size:11px;letter-spacing: 0px; color:#888;}
.svcuSecAutoResume .bxResumeEdit .txBx .edit {padding:0; border:1px solid #f99; background:#fffcf0;}
.svcuSecAutoResume .bxResumeEdit .txBx .btn {position:absolute; top:15px; right:13px;}
.svcuSecAutoResume .bxResumeEdit .txBx .btn .svcBtnSm {width:56px;}
.svcuSecAutoResume .bxResumeEdit .txBx textarea { width:739px; height:50px;padding:10px; background:transparent;font-size:14px;letter-spacing: 0px; color:#000;}
.svcuSecAutoResume .bxResumeEdit .empty {padding:110px 0 90px;font-size:18px;letter-spacing: 0px; color:#888; line-height:1.4; text-align:center;}
/* 레이어 */
.tplLyTypeA .point {padding:8px 0 20px;font-size:14px;letter-spacing: 0px; color:#333;}
.tplLyTypeA th, .tplLyTypeA td { height:24px;padding:8px 10px; border-left:0; font-weight:normal; text-align:center; vertical-align:middle;}
.tplLyTypeA th {padding:8px 15px;}
.tplLyTypeA .txtL {text-align:left;}
.tplLyTypeA .cmt {padding:10px; background:#f9f9f9;font-size:12px;letter-spacing: 0px; color:#666;}
.tplLyTypeA .txtBlue {color:#39f;}
.tplLyTypeA .tplChkBx {margin-top:6px; }
.svcPopSendmail th, .svcPopSendmail td {text-align:left;}
.svcPopSendmail th { width:30%;}
.svcPrintSpellChk .btnTop {text-align:right}
.svcPrintSpellChk .btnTop .svcBtnPop_2 {width:86px;}
.svcPrintSpellChk .spellChkBx {margin-bottom:50px;font-size:14px;letter-spacing: 0px; color:#333; line-height:1.8; word-break:keep-all;}
/* 자소서 자동완성 - 미리보기 */
.printBtnBtm {position:absolute; top:15px; right:16px;}
.previewCont .tit {padding:15px 0 20px; font-weight:bold;font-size:17px;letter-spacing: 0px; color:#000; text-align:center;}
.previewCont .contWp {padding:10px 15px; border:4px solid #f0f0f2;}
.previewCont .cont {padding:20px 8px; border-top:1px solid #e6e9eb;font-size:14px;letter-spacing: 0px; color:#000;}
.previewCont .cont:first-child {border-top:0;}
.previewCont .cont h2 {padding-bottom:10px;font-size:12px;letter-spacing: 0px; font-weight:bold; color:#666;}
@media print {.printBtnBtm {display:none;}
}
/* 자소서·면접 답변사전 */
.svcuSecDic .cont_dep2 .hdBx {border-bottom:2px solid #bfbfbf;;}
.svcuSecDic .svcTab li {width:320px;}
.svcuSecDic .bxBtnGp { overflow:hidden;padding:15px 0;}
.svcuSecDic .bxBtnGp .tit {font-size:20px;letter-spacing: -0.5px; color:#333; text-align:center;}
.svcuSecDic .bxBtnGp .lisBxBtn { overflow:hidden;margin-left:-20px;}
.svcuSecDic .bxBtnGp .lisBxBtn li {float:left; width:176px; margin-top:20px; margin-left:20px;}
.svcuSecDic .bxBtnGp .lisBxBtn li a, .svcuSecDic .bxBtnGp .lisBxBtn li button {display:block; height:75px; border:1px solid #f6f7f9; background:#f6f7f9;font-size:16px;letter-spacing: 0px; color:#666; line-height:75px; text-align:center;}
.svcuSecDic .bxBtnGp .lisBxBtn li.on a,
.svcuSecDic .bxBtnGp .lisBxBtn li a:hover,
.svcuSecDic .bxBtnGp .lisBxBtn li a:active,
.svcuSecDic .bxBtnGp .lisBxBtn li.on button,
.svcuSecDic .bxBtnGp .lisBxBtn li button:hover {background:#fff; color:#39f; border-color:#39f;}
.svcuSecDic .hdBx .hd_blue {display:inline-block; font-weight:bold;}
.svcuSecDic .hdBx > .count {display:inline-block; margin-left:5px;font-size:20px;letter-spacing: -0.5px; color:#666;}
.svcuSecDic .hdBx > .count em {font-weight:normal; color:#39f;}
.svcuSecDic .lisRecomm .lis li { display:block;position:relative; padding:25px 0; border-bottom:1px solid #edeef0;}
.svcuSecDic .lisRecomm .lis li .tit, .svcuSecDic .lisRecomm .lis li dl {padding-left:160px;}
.svcuSecDic .lisRecomm .lis li .tit {padding-bottom:10px; font-weight:bold;font-size:16px;letter-spacing: 0px; color:#000;}
.svcuSecDic .lisRecomm .lis li .image { overflow:hidden;position:absolute; top:44px; left:30px; width:98px; height:98px; border:1px solid #e5e5e5; border-radius:50px;}
.svcuSecDic .lisRecomm .lis li .btn {position:absolute; top:25px; right:10px;}
.svcuSecDic .lisRecomm .lis li .svcBtnRecomm {display:inline-flex;align-items: center;justify-content: center; width:70px; padding:5px 0 6px; border:1px solid #ccc; font-weight:bold;font-size:14px;letter-spacing: 0px; color:#888;}
.svcuSecDic .lisRecomm .lis li .svcBtnRecomm:before { display:inline-block; width:16px; height:15px;  margin-right:5px; background:url(/images/jk-pc/ver_1/service/tpl_svc.png) no-repeat -395px -9px;content:"";}
.svcuSecDic .lisRecomm .lis li .svcBtnRecomm.on { color:#39f;border-color:#39f;}
.svcuSecDic .lisRecomm .lis li .svcBtnRecomm.on:before {background-position:-422px -9px;}
.svcuSecDic .lisRecomm .lis li dl {padding-right:20px;}
.svcuSecDic .lisRecomm .lis li dt, .svcuSecDic .lisRecomm .lis li dd {float:left;font-size:12px;letter-spacing: 0px; line-height:1.8; }
.svcuSecDic .lisRecomm .lis li dt {width:10%; color:#888; text-indent:3px;}
.svcuSecDic .lisRecomm .lis li dd {width:90%; color:#666; word-break:keep-all;}
.svcuSecDic .lisRecomm .lis li dd a {color:#666; text-decoration:underline;}
.svcuSecDic .lisRecomm .lis li .link {padding-top:10px;}
.svcuSecDic .lisRecomm .lis li .motto {padding:5px 100px 5px 10px;font-size:16px;letter-spacing: 0px; color:#666;}
.svcuSecDic .tplPagination {padding-bottom: 0}
/* 사진크기 조정 */
.svcuSecPhoto .artBx.first .secInner {background:url(/images/jk-pc/ver_1/service/bg_slash.png) repeat-x bottom left;}
.svcuSecPhoto .artBx .howTo.step .icnSvc_s1 {width:80px; height:66px; background-position:0 -262px;}
.svcuSecPhoto .artBx .howTo.step .icnSvc_s2 {width:70px; height:62px; margin-top:2px; background-position:-82px -262px;}
.svcuSecPhoto .artBx .howTo.step .icnSvc_s3 {width:66px; height:63px; margin-top:2px; background-position:-154px -262px;}
.svcuSecPhoto .artBx .howTo.step .icnSvc_s4 {width:68px; height:64px; margin-top:1px; background-position:-222px -262px;}
.artBx .bxGray {padding:0 50px; border:1px solid #e3e3e3; border-top:0; background:#f6f7f7; zoom:1;}
.artBx .bxGray > dl {position:relative; padding:30px 0; border-top:1px solid #e3e3e3;}
.artBx .bxGray > dl:first-child {border-top:none;}
.artBx .bxGray > dl dt {position:absolute; top:35px; left:0; font-weight:bold;font-size:16px;letter-spacing: 0px; color:#333;}
.artBx .bxGray > dl dd {padding-left:160px;}
.artBx .bxGray > dl dd .cmt {padding:18px 0 10px;font-size:13px;letter-spacing: 0px; color:#666;}
.artBx .bxGray > dl dd .lisCmt {padding-top:18px; padding-left:45px;font-size:13px;letter-spacing: 0px; color:#999; line-height:1.8;}
.artBx .formGp {font-size:16px;letter-spacing: 0px; color:#333;}
.artBx .formGp .inner {display:inline-block; width:220px;}
.artBx .bxGray .formGp .inner .svcIpt {margin:0 10px;}
.artBx .formGp .slash { padding:0 15px;font-size:16px;letter-spacing: 0px; color:#c4c5c6;}
.artBx .bxGray .sizeHd {display:inline-block; width:120px; font-weight:bold;font-size:16px;letter-spacing: 0px; color:#39f;}
.artBx .bxGray .photoArea {padding:8px 19px 19px; border:1px solid #e3e3e3; background:#fff;}
.artBx .bxGray .photoArea > div {float:left; text-align:center;}
.artBx .bxGray .photoArea .photoHd {display:block; padding-bottom:20px; font-weight:normal;font-size:13px;letter-spacing: 0px; color:#333;}
.artBx .bxGray .photoArea .photo {display:block; overflow:hidden;}
.artBx .bxGray .photoArea .before { width:300px;padding:0 60px 0 30px;}
.artBx .bxGray .photoArea .before .photo {width:100%; height:232px; background:url(/images/jk-pc/ver_1/service/tool/bg_none.png) repeat 0 0;}
.artBx .bxGray .photoArea .before .arr {display:block; position:absolute; top:180px; left:560px; width:18px; height:30px; background:url(/images/jk-pc/ver_1/service/icn_arrowR.png) no-repeat 0 0;}
.artBx .bxGray .photoArea .after {padding:0 30px 0 40px;}
.artBx .bxGray .photoArea .after .photoWrap {display:block; width:197px; height:232px; text-align:center;}
.artBx .bxGray .photoArea .after .photoWrap:before { display:inline-block; height:100%;content:""; vertical-align:middle;}
.artBx .bxGray .photoArea .after .photo {display:inline-block; width:103px; height:132px; margin:0 auto; padding:5px; border:1px solid #e3e3e3; background:#fff; vertical-align:middle;}
.artBx .bxGray .photoArea .after .photo .inner {display:block; overflow:hidden; width:100%; height:100%;}
.svcBtnSch {width:133px; height:36px; font-weight:normal;font-size:14px;letter-spacing: 0px;}
.artBx .privacy .hdBx {border: none;}
.artBx .privacy .privacy-box { padding: 20px;border: 1px solid #e3e3e3; background: #fff;}
.artBx .privacy .privacy-box ul li {padding-bottom: 10px;}
.artBx .privacy .privacy-box ul li strong {color: #444;}
.artBx .privacy .privacy-box ul li:last-child {padding-bottom: 0;}
.artBx .privacy .check-box {position: relative; margin-top: 15px;}
.artBx .privacy .check-box input[type="checkbox"] {position: absolute; top: 2px; left: 2px; z-index: -1;}
.artBx .privacy .check-box input[type="checkbox"] + label {font-size:15px;letter-spacing: 0px; color: #333; line-height: 17px; vertical-align: text-bottom;}
.artBx .privacy .check-box input[type="checkbox"] + label:before { float: left; width: 18px; height: 18px; margin-right: 5px; background: url(/images/jk-pc/ver_1/common/tpl_sp_form.png?2018100414) no-repeat 0 -680px;content: ""; box-sizing: border-box;}
.artBx .privacy .check-box input[type="checkbox"]:checked + label:before {border: none; background-position: -28px -680px;}
.exclamationText {margin-top:10px; color:#ff6600;}
.exclamationText:before { display:inline-block; width:14px; height:14px; margin-top:-3px; margin-right:5px; background:url(/images/jk-pc/text_user/resume/ico_exclamation.png) no-repeat; content:''; vertical-align:middle;}
/* 온라인 도장 만들기 */
.svcuSecStamp .bxGray {padding:20px 50px;}
.lisStamp li {position:relative; float:left; width:162px; margin-left:106px; text-align:center;}
.lisStamp li:first-child {margin-left:0;}
.lisStamp li .fontFam { font-weight:normal;font-size:14px;letter-spacing: 0px; color:#333;}
.lisStamp .sample {display:inline-block; width:76px;}
.lisStamp .sample_2 { width:68px;padding-left:18px;}
.lisStamp .sample label {display:inline-block; margin:11px 0;}
#secSvcu .svcuSecStamp .step .icnSvc_s1 {width:69px; height:73px; background-position:-292px -262px;}
#secSvcu .svcuSecStamp .step .icnSvc_s2 { width:86px; height:73px;margin-left:0; background-position:-367px -180px;}
#secSvcu .svcuSecStamp .step .icnSvc_s3 {width:82px; height:73px; background-position:-363px -262px;}
#secSvcu .svcuSecStamp .step .icnSvc_s4 {width:68px; height:73px; background-position:0 -344px;}
/* 도장 만들기 레이어 */
.tplLyWrap {position:static;}
.lyStamp {position:absolute; top:200px; left:50%; width:592px; margin-left:-300px;}
.lyStamp.fin {top:120px;}
.lyStamp .lyCnt {padding:150px 30px; text-align:center;}
.lyStamp .lyCnt .hdTxt {font-size:38px;letter-spacing: -1px; color:#39f;}
.lyStamp .lyCnt .subTxt {padding:10px 0 0;font-size:18px;letter-spacing: 0px; color:#888;}
.lyStamp .lyCnt .animation {display:inline-block; width:30px; padding-left:10px; text-align:left;}
.lyStamp.fin .lyCnt {padding:80px 30px 60px;}
.lyStamp .lyCnt .hdTxtFin {padding:0 0 50px;font-size:24px;letter-spacing: -0.5px; color:#333;}
.lyStamp .lyCnt .hdTxtFin em {margin-right:5px; font-weight:bold;}
.lyStamp .lyCnt .stampImg { position: relative; width:199px; height:199px;margin:20px auto; border: 8px solid #dd1500;}
.lyStamp .lyCnt .circle {border-radius: 50%;}
.lyStamp .lyCnt .square { width: 174px; height: 174px;border-radius: 35px; }
.lyStamp .lyCnt .stampImg span { display: block; position: absolute; top: 0;left: 0;right: 0;bottom: 0; height: 160px; margin: auto;font-size:80px;letter-spacing: -1px; color:#dd1500; line-height: 80px;}
.lyStamp .lyCnt .text_2 span { height: 80px;font-size:87px;letter-spacing: -1px;text-align:center;}
.lyStamp .lyCnt .gulim #s_StampName { font-family: gulim,"굴림",sans-serif !important; }
.lyStamp .lyCnt .batang #s_StampName { font-family: batang,"바탕",sans-serif !important; }
.lyStamp .lyCnt .gungsuh #s_StampName { font-family: gungsuh,"궁서",sans-serif !important; }

/* 취업활동 증명서 */
.svcuSecApplycert .artBx .bx p { padding-left:5px;padding-right:50px;font-size:15px;letter-spacing: 0px; color:#666; line-height:1.8; word-break:keep-all;}
.svcuSecApplycert .artBx .bx p + p {margin-top:30px;}
.svcuSecApplycert .artBx .bx p strong {font-weight:bold; color:#333;}
.svcuSecApplycert .guideBx {padding-left:19px;}
.svcuSecApplycert .guideBx li { width:301px;padding-bottom:35px;}
.svcuSecApplycert .guideBx .lis li {margin-left:18px;}
.svcuSecApplycert .guideBx .lis li:first-child {margin-left:0;}
.svcuSecApplycert .guideBx .lis_2 {margin-top:45px;}
.svcuSecApplycert .guideBx .lis_2 li {margin-right:18px;}
.svcuSecApplycert .guideBx .lis_2 li:first-child {margin-right:0;}
.svcuSecApplycert .guideBx .bg { height:190px;padding-left:27px; padding-right:22px;}
.svcuSecApplycert .guideBx .bg span {display:block; background:url(/images/jk-pc/ver_1/service/tool/svcTool_guide.png) no-repeat;}
.svcuSecApplycert .guideBx .bg .bg_1 {width:235px; height:163px; background-position:0 0;}
.svcuSecApplycert .guideBx .bg .bg_2 {width:220px; height:163px; background-position:-300px 0;}
.svcuSecApplycert .guideBx .bg .bg_3 {width:220px; height:170px; background-position:0 -200px;}
.svcuSecApplycert .guideBx .bg .bg_4 {width:220px; height:182px; background-position:-300px -200px;}
.svcuSecApplycert .guideBx .bg .bg_5 {width:251px; height:163px; background-position:0 -400px;}
.svcuSecApplycert .guideBx .bg .bg_6 {width:199px; height:179px; background-position:-300px -400px;}
/* 연봉계산기 */
.artBx .incomeCalBx {display:table; width:100%; margin-bottom:20px; table-layout:fixed; box-sizing:border-box; border: 1px solid #e3e3e3; border-radius: 10px; }
.incomeCalBx .inputP, .incomeCalBx .outputP { display:table-cell;position:relative; width:50%; height:491px; padding:24px 32px; box-sizing:border-box; vertical-align:top;}
.incomeCalBx .tit {margin-bottom:24px; font-weight:bold;font-size:18px;letter-spacing: 0px; color:#131618; line-height:24px;}
.incomeCalBx .tipBtn {margin-left: 8px; line-height:100%; vertical-align:top;}
.incomeCalBx .inputP .calCell {position:relative;}
.incomeCalBx .inputP .calCell:first-child {padding-top:8px; padding-bottom: 8px;}
.incomeCalBx .inputP .calCell.pb18 {padding-bottom: 9px;}
.incomeCalBx .inputP .calCell {padding-top: 8px;}
.incomeCalBx .inputP .calCell.child {line-height:34px; padding-top: 1px;}
.incomeCalBx .inputP .calCell:after { display:block; overflow:hidden;clear:both; height:0; content:""; visibility:hidden;}
.incomeCalBx .inputP .calCell .calLb {float:left; width:178px; height:26px; padding:8px 0 0 0; font-weight:normal;font-size:14px;letter-spacing: 0px; color:#666; line-height:1;}
.incomeCalBx .inputP .calCell .calFrm {float:right; text-align:right;}
.incomeCalBx .inputP .calCell .calFrm .calChkBx {position:relative; float:left; width: 110.5px; height:32px; margin-left: -1px;}
 /* 체크버튼 */
.incomeCalBx .inputP .calCell .calFrm .calChkBx label { display:block;position:relative; width:100%; height:34px; border:1px solid #e4e4e4; background:#fff;font-size:14px;letter-spacing: 0px; color:#999; line-height:33px; text-align:center; box-sizing: border-box;}
.incomeCalBx .inputP .calCell .calFrm .calChkBx .calChk {display:none;}
.incomeCalBx .inputP .calCell .calFrm .calChkBx input[type="checkbox"] {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.incomeCalBx .inputP .calCell .calFrm .calChkBx.chk {z-index:2;}
.incomeCalBx .inputP .calCell .calFrm .calChkBx.chk label { border:1px solid #002AFF;color:#002AFF;}
.incomeCalBx .inputP .calCell .calFrm .calChkBx.chk label span { vertical-align: middle;}
.incomeCalBx .inputP .calCell .calFrm .calChkBx.chk .calChk {display:inline-block; width: 18px; height:9px; vertical-align: middle; background:url('/images/jk-pc/text_user/resume/ico_check.png') no-repeat center; background-size: 18px 9px;}
.incomeCalBx .inputP .calCell .calFrm .calTxtBx {position:relative; width:220px; height:34px; padding:8px 10px 11px; border:1px solid #e4e4e4;font-size:14px;letter-spacing: 0px; box-sizing:border-box;}
.incomeCalBx .inputP .calCell .calFrm .calTxtBx input[type="text"] {width:120px; height:16px; border:0; color:#333; line-height:1; text-align:right; vertical-align:top;}
.incomeCalBx .inputP .calCell .calFrm .calTxtBx .ezVal {position:absolute; top:11px; left:11px;font-size:11px;letter-spacing: 0px; color:#2684FF; line-height:1;}
.incomeCalBx .inputP .calCell .calFrm .calTxtBx .unit {display:inline-block; color:#999; line-height:1; vertical-align: text-top;}
.incomeCalBx .inputP .calCell .calFrm .calTxtBx .calPholder {position:absolute; top:10px; right:26px;font-size:12px;letter-spacing: 0px; color:#999; line-height:1;}
.incomeCalBx .inputP .calCell .calFrm .calTxtBx.add-TxBx.on {border: 1px solid #E4E4E4;}
.incomeCalBx .inputP .calCell .calFrm .calTxtBx.add-TxBx.on .bt-minus { border:none; border-right: 1px solid #E4E4E4;}
.incomeCalBx .inputP .calCell .calFrm .calTxtBx.add-TxBx.on .bt-plus { border:none; border-left: 1px solid #E4E4E4;}
/*연봉 계산기 추가*/
.incomeCalBx .inputP .calCell .calFrm .calTxtBx.add-TxBx {position:relative; padding: 0 34px;}
.incomeCalBx .inputP .calCell .calFrm .calTxtBx.add-TxBx input[type="text"] { width: 100%; height: 100%; padding: 0 46px 0 34px;text-align:center; box-sizing: border-box;}
.incomeCalBx .inputP .calCell .calFrm .calTxtBx.add-TxBx .bt-minus { position: absolute; top: -1px; left: -1px;width: 34px; height: 34px; border:none; border-right:1px solid #e4e4e4; background: url(/images/jk-pc/ver_1/common/tpl_sp_btn.png) no-repeat -220px 15.5px; box-sizing:border-box; }
.incomeCalBx .inputP .calCell .calFrm .calTxtBx.add-TxBx .bt-plus { position: absolute; top: -1px; right: -1px;width: 34px; height: 34px; border:none; border-left:1px solid #e4e4e4; background: url(/images/jk-pc/ver_1/common/tpl_sp_btn.png) no-repeat -188px 10.5px; box-sizing:border-box; }
.incomeCalBx .inputP .calCell .calFrm .calTxtBx.add-TxBx .unit {position: absolute; top: 9px; right: 93px;}
.incomeCalBx .inputP .calCell .calFrm .calErrMsg {min-height:11px; margin: 2px 0;font-size:11px;letter-spacing: 0px; color:#ff0000; line-height:1;}
.incomeCalBx .inputP .calCell.annCell {margin-top:1px; padding-top:16px; border-top:1px solid #E2E6E8;}
.incomeCalBx .inputP .calCell.annCell .calLb { font-weight:bold;color:#131618;}
.incomeCalBx .inputP .calCell.annCell .add_btn { position: absolute; top: 72px; right: 0; height: 32px;margin-top: 2px;font-size:14px;letter-spacing: 0px; color: #8b8b8b; line-height: 32px; text-align: right;}
.incomeCalBx .inputP .calCell.annCell .add_btn .numAdd_btn {display: inline-block; padding: 3px 7px; border: 1px solid #dbdbdb;font-size:13px;letter-spacing: 0px; color: #444; box-sizing: border-box; background-color: #fff;}
.incomeCalBx .inputP .btnGp {position:absolute; left:0; right:0; bottom:24px; margin: 0;} 
.incomeCalBx .inputP .btnGp .svcBtnMm { width: auto; height: 40px; padding: 0 16px; border-radius: 8px; }
.incomeCalBx .inputP .btnGp .svcBtnMm.tplBtnBlue { background: #1B55F6; }
.incomeCalBx .inputP .btnGp .svcBtnMm.tplBtnLine { background: #FFFFFF; border: 1px solid #D1D6DA; color: #131618; }
.incomeCalBx .inputP .btnGp .devTypeBtnCalculate { position: absolute; right: 32px; bottom: 0; }
.incomeCalBx .inputP .btnGp .calBtnReset { position:absolute; left:32px; bottom:0; }
.incomeCalBx .inputP .btnGp .calBtnReset .toolBtnIco.resetBtnIco {background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNSAwQzkuOTA1NzYgMS45MzI2N2UtMDcgMTIuNjY3IDIuNzYxMjQgMTIuNjY3IDYuMTY2OTlDMTIuNjY3IDkuNTcyNzUgOS45MDU3NiAxMi4zMzQgNi41IDEyLjMzNEMzLjA5NDI0IDEyLjMzNCAwLjMzMzAwOCA5LjU3Mjc1IDAuMzMzMDA4IDYuMTY2OTlDMC4zMzMwMDggNC4zOTA5NSAxLjA4NjQzIDIuNzkxNjUgMi4yODcxMSAxLjY2Njk5SDAuNUMwLjIyMzg1OCAxLjY2Njk5IDAgMS40NDMxMyAwIDEuMTY2OTlDOC4wNTMxOWUtMDkgMC44OTA4NSAwLjIyMzg1OCAwLjY2Njk5MiAwLjUgMC42NjY5OTJIMy41QzMuNzc2MTQgMC42NjY5OTIgNCAwLjg5MDg1IDQgMS4xNjY5OVY0LjE2Njk5QzQgNC40NDMxMyAzLjc3NjE0IDQuNjY2OTkgMy41IDQuNjY2OTlDMy4yMjM4NiA0LjY2Njk5IDMgNC40NDMxMyAzIDQuMTY2OTlWMi4zNjgxNkMxLjk3NTIgMy4zMTI4NyAxLjMzMzAxIDQuNjY0NSAxLjMzMzAxIDYuMTY2OTlDMS4zMzMwMSA5LjAyMDQ2IDMuNjQ2NTMgMTEuMzM0IDYuNSAxMS4zMzRDOS4zNTM0NyAxMS4zMzQgMTEuNjY3IDkuMDIwNDYgMTEuNjY3IDYuMTY2OTlDMTEuNjY3IDMuMzEzNTIgOS4zNTM0NyAxIDYuNSAxQzYuMjIzODYgMSA2IDAuNzc2MTQyIDYgMC41QzYuMDAwMTggMC4yMjQwMDcgNi4yMjM5NyAwIDYuNSAwWiIgZmlsbD0iIzEzMTYxOCIvPgo8L3N2Zz4K'); width: 12px; height: 12px; background-position: 0 0; background-size: contain; padding: 0;}
.incomeCalBx .inputP .btnGp .resetBtnIco { margin-right:6px; margin-top: -3px; }
.incomeCalBx .outputP { border-left:1px solid #e8e8e8; border-radius: 0 10px 10px 0; background:#f6f7f7; box-sizing:border-box;}
.incomeCalBx .outputP .calRpt {padding:16px 0; font-weight:600;font-size:14px;letter-spacing: 0px; color:#131618; line-height:1;}
.incomeCalBx .outputP .calRpt:first-child {padding-top:8px; border-bottom:1px solid #E2E6E8;}
.incomeCalBx .outputP .calRpt:after { display:block; overflow:hidden;clear:both; height:0; content:""; visibility:hidden;}
.incomeCalBx .outputP .calRpt .rptLb {float:left;}
.incomeCalBx .outputP .calRpt .rptVal {float:right;}
.incomeCalBx .outputP .calRpt .unit {margin-left:5px;}
.incomeCalBx .outputP .calRptDtl { clear:both;padding-top:8px;}
.incomeCalBx .outputP .calDtl {position:relative; height:20px; padding:6px 0; font-weight:normal; color:#666;}
.incomeCalBx .outputP .calDtl:after { display:block; overflow:hidden;clear:both; height:0; content:""; visibility:hidden;}
.incomeCalBx .outputP .calDtl .dtlLb {float:left; font-weight:normal;}
.incomeCalBx .outputP .calDtl .dtlVal {float:right;}
.incomeCalBx .outputP .calDtl .toolLyType {top:28px;}
.incomeCalBx .outputP .finaljRptBx {position:absolute; left:32px; right:32px; bottom:24px !important; height:76px; padding:20px 20px 0; box-sizing: border-box; border:1px solid #D1D6DA; border-radius: 8px; background:#fff; line-height:1;}
.incomeCalBx .outputP .finaljRptBx .dtlLb {float:left;font-size:14px; font-weight: 600; letter-spacing: 0px; color:#131618; line-height:34px;}
.incomeCalBx .outputP .finaljRptBx .dtlLb .tipBtn { margin-top:-1px;vertical-align:middle;}
.incomeCalBx .outputP .finaljRptBx .dtlVal {float:right; font-weight:bold;font-size:20px;letter-spacing: -0.5px; color:#1B55F6;}
.incomeCalBx .outputP .finaljRptBx .dtlVal .unit { padding-left: 4px; }
.incomeCalBx .outputP .finaljRptBx .ezVal { float:right;clear:right; margin-top:0;font-size:11px;letter-spacing: 0px; color:#1B55F6; text-align:right;}
.incomeCalBx .outputP .finaljRptBx .toolLyType {top:59px;}
/* 연봉정보 */
.salaryHdTit {margin-bottom:18px;font-size:21px;letter-spacing: -0.5px; color:#333; line-height:1;}
.salaryList { overflow: hidden;position: relative; margin-bottom:10px;}
.salaryList .listHeader { position: relative; }
.salaryList ol.list, .salaryList ul.list { overflow: hidden; position: relative; clear: both; padding: 0 18px; border: 1px solid #d6dce4; }
.salaryList ol.list li, .salaryList ul.list li { overflow: hidden; position: relative; border-top: 1px solid #edeef0; }
.salaryList ol.list li:first-child, .salaryList ul.list li:first-child { border-top: 0; }
.salaryList .listHeader { height: 34px; min-height: 34px; margin-bottom: 8px; }
.salaryList .total { float: left;font-size:20px;letter-spacing: -0.5px; color: #000; }
.salaryList .total em { color: #3399ff; }
.salaryList .total .subtitle { margin-left: 5px;font-size:16px;letter-spacing: 0px; }
.salaryList .sort { float: right; font-size: 0; }
.salaryList .sort .buttonViewOnlyCompany { height: 34px; }
.salaryList .sort .buttonViewOnlyCompany span { display: block; width: 100%; height: 34px; padding-top: 8px; box-sizing: border-box; }
.salaryList .sort .buttonViewOnlyCompany span:before { display: inline-block; width: 15px; height: 15px; margin-right: 7px; background: url("/images/jk-pc/salary/sprite-index.png") no-repeat 0 -65px; content: ''; vertical-align: middle; }
.salaryList .sort .buttonViewOnlyCompany.selected span:before { background-position: 0 -140px; }
.salaryList .dropdown { width: 150px; margin-left: 19px; zoom: 1; }
.salaryList ul.list li { position: relative; height: 129px; padding: 32px 180px 0 220px; box-sizing: border-box; }
.salaryList ul.list .thumbnail { overflow: hidden; position: absolute; top: 46px; left: 31px; width: 100px; height: 40px; }
.salaryList ul.list .thumbnail img { width: 100px; height: 40px; }
.salaryList ul.list .thumbnailText { display: table; top: 42px; }
.salaryList ul.list .thumbnailText .inner { display: table-cell; width: 100px; height: 40px; font-weight: bold;font-size:14px;letter-spacing: 0px; color: #ccc; line-height: 1.45; text-align: center; vertical-align: middle; }
.salaryList ul.list .dummy { overflow: hidden; position: absolute; top: -100%; left: -100%; width: 100px; height: 40px; overflow-y: scroll; z-index: -10; }
.salaryList ul.list .headers .text, .salaryList ul.list .headers .buttonFavorites, .salaryList ul.list .headers .badge, .salaryList ul.list .summary .item, .salaryList ul.list .summary .item:before {display: inline-block; zoom: 1; vertical-align: top;}
.salaryList ul.list .headers { margin-bottom: 9px; font-size: 0; }
.salaryList ul.list .headers .text { font-weight: bold;font-size:21px;letter-spacing: -0.5px;color: #333; vertical-align: middle; }
.salaryList ul.list .headers .buttonFavorites { overflow: hidden; position: relative; top: -1px; width: 15px; height: 13px; margin-left: 4px; vertical-align: middle; }
.salaryList ul.list .headers .buttonFavorites:before { display: block; width: 15px; height: 13px; background: url("/images/jk-pc/salary/sprite-index.png") no-repeat 0 -42px; content: ''; }
.salaryList ul.list .headers .buttonFavorites_on:before { background-position: 0 -19px; }
.salaryList ul.list .headers .badge { overflow: hidden; position: relative; top: 0; width: 50px; height: 20px; margin-left: 15px;font-size:12px;letter-spacing: 0px; color: #3399ff; text-align: center; vertical-align: middle; }
.salaryList ul.list .headers .badge:before { display: block; width: 50px; height: 20px; background: url("/images/jk-pc/salary/sprite-index.png") no-repeat 0 -165px; content: ''; }
.salaryList ul.list .summary { overflow: hidden; position: relative; }
.salaryList ul.list .summary .item {font-size:14px;letter-spacing: 0px; }
.salaryList ul.list .summary .item:before { position: relative; width: 1px; height: 14px; margin: 0 8px; content: ''; background-color: #c5c5c5; vertical-align: middle; }
.salaryList ul.list .summary .item:first-child:before { display: none; }
.salaryList ul.list .salary { display: table; position: absolute; top: 0; right: 31px; height: 100%;font-size:20px;letter-spacing: -0.5px; color: #999; }
.salaryList ul.list .salary strong { font-weight: bold;font-size:30px;letter-spacing: -0.5px; color: #333; }
.salaryList ul.list .salary .inner { display: table-cell; vertical-align: middle; }
.salaryList .btnMmGp {margin-top:10px;}
.salaryList .moreBtn {display:inline-block; width:95px; height:42px; border:1px solid #ccc; color:#000; line-height:42px; text-align:center;}
.salaryList .moreBtn .moreBtnIco {margin-left:7px; margin-top: -2px;}
/* tooltip */
.toolLyType {display: none; position:absolute; top:50px; border:1px solid #565d79; line-height:1.5; text-align:left; background-color:#fff; z-index:2000;}
.toolLyType > .lyCnt {padding:16px 25px 16px 20px; line-height:1.5em;}
.toolLyType > .lyCnt dl { float:none;width:auto;}
.toolLyType > .lyCnt dt:first-child {margin-top:0;}
.toolLyType > .lyCnt dt {margin:10px 0 3px 0; font-weight:bold;font-size:12px;letter-spacing: 0px; color:#333;}
.toolLyType > .lyCnt dd {font-size:12px;letter-spacing: 0px;color:#666;}
.toolLyType > .lyCnt dd > ul > li {position:relative; padding-left:8px;}
.toolLyType > .lyCnt dd > ul > li:before {position:absolute; top:3px; left:0; width:2px; height:2px; margin:5px 5px 0 0; background:#bfc0c2; content:""; vertical-align:top;}
.toolLyType > .lyCnt .add {margin-top:10px;}
.toolLyType > .lyCnt strong { font-weight:normal;color:#39f;}
.toolLyType > .lyBtn {position:absolute; top:2px; right:2px; width:20px; height:19px;}
.toolLyType .toolBtnClose {padding:10px;}
/* 실업급여계산기 */
.unemployed {display:flex; flex-wrap: wrap; width:100%; margin-bottom:15px; border: 1px solid #e3e3e3; border-top: 0; background: #fff; table-layout:fixed; box-sizing:border-box;}
.unemployed .fl {float: left;}
.unemployed .mr {margin-right: 10px;}
.unemployed .ml {margin-left: 10px;}
.unemployed input[type="text"]{color: #222;}
.unemployed input[type="text"]::-webkit-input-placeholder{color: #9e9e9e;}
.unemployed input[type="text"]:-ms-input-placeholder{color: #9e9e9e;}
.unemployed input[type="text"]:-mos-input-placeholder{color: #9e9e9e;}
.unemployed .box-left { display:table-cell;position:relative; width: calc(100% - 412px); padding: 42px 38px 100px 32px; box-sizing: border-box;}
.unemployed .box-right { display:table-cell;position:relative; width: 412px; padding: 40px 36px 100px 36px; border-left: 1px solid #e8e8e8; background: #f6f7f7; box-sizing: border-box;}
.unemployed .tit {margin-bottom:20px; font-weight:600;font-size:16px;letter-spacing: 0px; color:#222; line-height:1;}
.unemployed .p-fr {font-size:12px;letter-spacing: 0px;color: #6A6A6A;}
.unemployed .p-color {color: #333;}
.unemployed .box-left .list-wrap {display: flex;}
.unemployed .box-left .list-input {margin-bottom: 35px;}
.unemployed .box-left .list-input.list-box .tit span {color: #EF1B1B;}
.unemployed .box-left .list-input.list-box .box-btn button {width: 99px; height: 34px; border: 1px solid #e4e4e4;font-size:12px;letter-spacing: 0px; color: #999; box-sizing: border-box; box-sizing: border-box;}
.unemployed .box-left .list-input.list-box .box-btn:nth-child(2) button {margin-left: -4.5px;}
.unemployed .box-left .list-input.list-box .box-btn button.on {position: relative; border: 1px solid var(--color-tool-point-blue); color: var(--color-tool-point-blue);}
.unemployed .box-left .list-input.list-box .box-btn button .text{display: flex; align-items: center; justify-content: center;}
.unemployed .box-left .list-input .check-box input[type=checkbox]{display: none;}
.unemployed .box-left .list-input.list-box .box-btn button.on .text::before {content: ""; display: inline-block; width: 20px; height: 20px; margin-left: -10px; margin-right: 3px; background-image: url('data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNzYxMSA2LjM2MjYxQzE2LjA4NjUgNi42ODgwNCAxNi4wODY1IDcuMjE1NjggMTUuNzYxMSA3LjU0MTEyTDkuMDk0NDMgMTQuMjA3OEM4LjkzMjE0IDE0LjM3MDEgOC43MTAxMSAxNC40NTgyIDguNDgwNyAxNC40NTE1QzguMjUxMjkgMTQuNDQ0OCA4LjAzNDgxIDE0LjM0MzcgNy44ODIzNCAxNC4xNzIyTDQuNTQ5IDEwLjQyMjJDNC4yNDMyNCAxMC4wNzgyIDQuMjc0MjIgOS41NTE0NSA0LjYxODIxIDkuMjQ1NjlDNC45NjIxOSA4LjkzOTkyIDUuNDg4OTIgOC45NzA5MSA1Ljc5NDY4IDkuMzE0ODlMOC41NDA4NiAxMi40MDQzTDE0LjU4MjYgNi4zNjI2MUMxNC45MDggNi4wMzcxNyAxNS40MzU3IDYuMDM3MTcgMTUuNzYxMSA2LjM2MjYxWiIgZmlsbD0iIzAwNTdGRiIvPg0KPC9zdmc+DQo='); backgroun-repeat: no-repeat; background-position: 0 0;}
.unemployed .box-left .list-input .box-input {position:relative; width:247px; height:34px;margin-right: 34px;border:1px solid #e4e4e4;font-size:14px;letter-spacing: 0px; box-sizing:border-box;}
.unemployed .box-left .list-input .box-input input[type="text"] {width:100%; height: 32px;padding-left: 10px; border:0; background: transparent; text-align:left; box-sizing: border-box;}
.unemployed .box-left .list-input .box-input label,
.unemployed .box-left .list-input .box-type label{position: absolute; top: 0; left: 0; width: 100%; height: 34px; line-height: 100%; z-index: 0; text-indent: -9999px;}
.unemployed .box-left .list-input .box-msg {height: 14px; margin-top:4px;}
.unemployed .box-left .list-input .form-msg { display: none;font-size:11px;letter-spacing: 0px; color:#ff0000;}
.unemployed .box-left .list-input .btn{width: 100%; height: 34px; border: 1px solid #e4e4e4;color: #666;    display: flex; justify-content: center; align-items: center;}
.unemployed .box-left .list-input .btn i{ display: inline-block;width:16px; height: 16px; margin-right: 5px; background-image: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi41NzAzMSA4QzIuNTcwMzEgNC45NjI0MyA1LjAzMjc1IDIuNSA4LjA3MDMxIDIuNUMxMS4xMDc5IDIuNSAxMy41NzAzIDQuOTYyNDMgMTMuNTcwMyA4QzEzLjU3MDMgMTEuMDM3NiAxMS4xMDc5IDEzLjUgOC4wNzAzMSAxMy41QzUuMDMyNzUgMTMuNSAyLjU3MDMxIDExLjAzNzYgMi41NzAzMSA4Wk04LjA3MDMxIDEuNUM0LjQ4MDQ2IDEuNSAxLjU3MDMxIDQuNDEwMTUgMS41NzAzMSA4QzEuNTcwMzEgMTEuNTg5OSA0LjQ4MDQ2IDE0LjUgOC4wNzAzMSAxNC41QzExLjY2MDIgMTQuNSAxNC41NzAzIDExLjU4OTkgMTQuNTcwMyA4QzE0LjU3MDMgNC40MTAxNSAxMS42NjAyIDEuNSA4LjA3MDMxIDEuNVpNOC41NzAzMSA2QzguNTcwMzEgNS43MjM4NiA4LjM0NjQ1IDUuNSA4LjA3MDMxIDUuNUM3Ljc5NDE3IDUuNSA3LjU3MDMxIDUuNzIzODYgNy41NzAzMSA2VjcuNUg2LjA3MDMxQzUuNzk0MTcgNy41IDUuNTcwMzEgNy43MjM4NiA1LjU3MDMxIDhDNS41NzAzMSA4LjI3NjE0IDUuNzk0MTcgOC41IDYuMDcwMzEgOC41SDcuNTcwMzFWMTBDNy41NzAzMSAxMC4yNzYxIDcuNzk0MTcgMTAuNSA4LjA3MDMxIDEwLjVDOC4zNDY0NSAxMC41IDguNTcwMzEgMTAuMjc2MSA4LjU3MDMxIDEwVjguNUgxMC4wNzAzQzEwLjM0NjUgOC41IDEwLjU3MDMgOC4yNzYxNCAxMC41NzAzIDhDMTAuNTcwMyA3LjcyMzg2IDEwLjM0NjUgNy41IDEwLjA3MDMgNy41SDguNTcwMzFWNloiIGZpbGw9IiM2QTZBNkEiLz4NCjwvc3ZnPg0K"); background-repeat: no-repeat; vertical-align: middle;}
.box-date {display: inline-block; width: 100%; margin-bottom: 10px;}
.box-date li {float: left; height: 34px; line-height: 34px;}
.box-date .txt-date {width: 95px; background: #fafafa;font-size:12px;letter-spacing: 0px; color: #222; text-align: center; box-sizing: border-box; border: 1px solid
#E8E8E8;}
.box-date .retire-date { font-weight: bold;font-size:16px;letter-spacing: 0px; color: #333;text-align: left;}
.box-date .delete {width: 46px; height: 34px; margin-left: 10px; border: 1px solid #e4e4e4; background: #fff; box-sizing: border-box;}
.box-date .delete button {width: 100%; color:#cccccc; line-height: 34px; cursor: unset; vertical-align: top;}
.box-date .delete.on button {color:#666; cursor: pointer;}
.box-date .input-date {position: relative; width: 142px; border: 1px solid #e4e4e4; box-sizing: border-box;}
.box-date .input-date input { display: block; width: 100%; height: 32px; padding: 0 10px; border: 0; font-size:12px;letter-spacing: 0px;cursor: pointer; box-sizing: border-box; background-image: url('data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy45NzUwNyAzLjVIMjAuMTY1NkMyMS4yMTc1IDMuNSAyMi4wNzAzIDQuMzk1NDMgMjIuMDcwMyA1LjVWMTguNUMyMi4wNzAzIDE5LjYwNDYgMjEuMjE3NSAyMC41IDIwLjE2NTYgMjAuNUgzLjk3NTA3QzIuOTIzMSAyMC41IDIuMDcwMzEgMTkuNjA0NiAyLjA3MDMxIDE4LjVWNS41QzIuMDcwMzEgNC4zOTU0MyAyLjkyMzEgMy41IDMuOTc1MDcgMy41Wk0zLjk3NTA3IDVDMy43MTIwOCA1IDMuNDk4ODggNS4yMjM4NiAzLjQ5ODg4IDUuNVYxOC41QzMuNDk4ODggMTguNzc2MSAzLjcxMjA4IDE5IDMuOTc1MDcgMTlIMjAuMTY1NkMyMC40Mjg1IDE5IDIwLjY0MTcgMTguNzc2MSAyMC42NDE3IDE4LjVWNS41QzIwLjY0MTcgNS4yMjM4NiAyMC40Mjg1IDUgMjAuMTY1NiA1SDMuOTc1MDdaIiBmaWxsPSIjOUU5RTlFIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguMDcwMzEgMi4yNUM4LjQ4NDUzIDIuMjUgOC44MjAzMSAyLjU4NTc5IDguODIwMzEgM1Y1LjVDOC44MjAzMSA1LjkxNDIxIDguNDg0NTMgNi4yNSA4LjA3MDMxIDYuMjVDNy42NTYxIDYuMjUgNy4zMjAzMSA1LjkxNDIxIDcuMzIwMzEgNS41VjNDNy4zMjAzMSAyLjU4NTc5IDcuNjU2MSAyLjI1IDguMDcwMzEgMi4yNVoiIGZpbGw9IiM5RTlFOUUiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYuMDcwMyAyLjI1QzE2LjQ4NDUgMi4yNSAxNi44MjAzIDIuNTg1NzkgMTYuODIwMyAzVjUuNUMxNi44MjAzIDUuOTE0MjEgMTYuNDg0NSA2LjI1IDE2LjA3MDMgNi4yNUMxNS42NTYxIDYuMjUgMTUuMzIwMyA1LjkxNDIxIDE1LjMyMDMgNS41VjNDMTUuMzIwMyAyLjU4NTc5IDE1LjY1NjEgMi4yNSAxNi4wNzAzIDIuMjVaIiBmaWxsPSIjOUU5RTlFIi8+DQo8cGF0aCBkPSJNOC4wNzAzMSAxMEM4LjA3MDMxIDEwLjU1MjMgNy42MjI2IDExIDcuMDcwMzEgMTFDNi41MTgwMyAxMSA2LjA3MDMxIDEwLjU1MjMgNi4wNzAzMSAxMEM2LjA3MDMxIDkuNDQ3NzIgNi41MTgwMyA5IDcuMDcwMzEgOUM3LjYyMjYgOSA4LjA3MDMxIDkuNDQ3NzIgOC4wNzAzMSAxMFoiIGZpbGw9IiM5RTlFOUUiLz4NCjxwYXRoIGQ9Ik04LjA3MDMxIDE0QzguMDcwMzEgMTQuNTUyMyA3LjYyMjYgMTUgNy4wNzAzMSAxNUM2LjUxODAzIDE1IDYuMDcwMzEgMTQuNTUyMyA2LjA3MDMxIDE0QzYuMDcwMzEgMTMuNDQ3NyA2LjUxODAzIDEzIDcuMDcwMzEgMTNDNy42MjI2IDEzIDguMDcwMzEgMTMuNDQ3NyA4LjA3MDMxIDE0WiIgZmlsbD0iIzlFOUU5RSIvPg0KPHBhdGggZD0iTTEyLjA3MDMgMTRDMTIuMDcwMyAxNC41NTIzIDExLjYyMjYgMTUgMTEuMDcwMyAxNUMxMC41MTggMTUgMTAuMDcwMyAxNC41NTIzIDEwLjA3MDMgMTRDMTAuMDcwMyAxMy40NDc3IDEwLjUxOCAxMyAxMS4wNzAzIDEzQzExLjYyMjYgMTMgMTIuMDcwMyAxMy40NDc3IDEyLjA3MDMgMTRaIiBmaWxsPSIjOUU5RTlFIi8+DQo8cGF0aCBkPSJNMTIuMDcwMyAxMEMxMi4wNzAzIDEwLjU1MjMgMTEuNjIyNiAxMSAxMS4wNzAzIDExQzEwLjUxOCAxMSAxMC4wNzAzIDEwLjU1MjMgMTAuMDcwMyAxMEMxMC4wNzAzIDkuNDQ3NzIgMTAuNTE4IDkgMTEuMDcwMyA5QzExLjYyMjYgOSAxMi4wNzAzIDkuNDQ3NzIgMTIuMDcwMyAxMFoiIGZpbGw9IiM5RTlFOUUiLz4NCjxwYXRoIGQ9Ik0xNi4wNzAzIDEwQzE2LjA3MDMgMTAuNTUyMyAxNS42MjI2IDExIDE1LjA3MDMgMTFDMTQuNTE4IDExIDE0LjA3MDMgMTAuNTUyMyAxNC4wNzAzIDEwQzE0LjA3MDMgOS40NDc3MiAxNC41MTggOSAxNS4wNzAzIDlDMTUuNjIyNiA5IDE2LjA3MDMgOS40NDc3MiAxNi4wNzAzIDEwWiIgZmlsbD0iIzlFOUU5RSIvPg0KPC9zdmc+DQo='); background-repeat: no-repeat; background-position: calc(100% - 10px) center;}
.box-date .space {width: 30px; color: #333; text-align: center;}
.unemployed .box-left .list-input .box-type{ display: table;position: relative; width: 100%; margin-top: 10px; padding: 0 10px; border: 1px solid #e4e4e4;font-size:11px;letter-spacing: 0px; box-sizing: border-box;}
.unemployed .box-left .list-input .box-type li{display: table-cell; vertical-align: middle;}
.unemployed .box-left .list-input .box-type li:nth-child(1){width: 60px; line-height: 100%;}
.unemployed .box-left .list-input .box-type li:nth-child(2){width: 130px; color: var(--color-tool-point-blue); line-height: 100%;}
.unemployed .box-left .list-input .box-type li:nth-child(3){ float: right;width: 280px;}
.unemployed .box-left .list-input .box-type li:nth-child(4){width: 15px; color: #999; text-align: right; line-height: 100%;}
.unemployed .box-left .list-input .box-type input[type="text"]{position: relative; float: right; width:150px; height: 34px; border:none;font-size:12px;letter-spacing: 0px; text-align: right; z-index: 1; background-color: transparent;}
.unemployed .box-left .btnGp .calBtnReset {position: absolute; right: 40px; bottom: 0px; height: 15px; font-size:12px;letter-spacing: 0px; color: #666; line-height: 1; display: flex; align-items: center; gap: 2px;}
.unemployed .box-left .btnGp .calBtnReset .toolBtnIco.resetBtnIco {background-image:url('data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi40MTc4NCAxNS40MDI5QzcuNjgyMDMgMTYuMjE5MiA5LjExMTgxIDE2LjU2NzcgMTAuNTA2OSAxNi40OTM0QzEwLjg1MTYgMTYuNDc1IDExLjE0NTkgMTYuNzM5NSAxMS4xNjQzIDE3LjA4NDJDMTEuMTgyNiAxNy40Mjg5IDEwLjkxODEgMTcuNzIzMiAxMC41NzM0IDE3Ljc0MTZDOC45MjQyOCAxNy44Mjk1IDcuMjMyNDEgMTcuNDE2OCA1LjczOTc5IDE2LjQ1M0MxLjk3MDAzIDE0LjAxODkgMC44ODcyNjYgOC45ODk2OCAzLjMyMTM3IDUuMjE5OTFDNS43NTU0OCAxLjQ1MDE1IDEwLjc4NDcgMC4zNjczODggMTQuNTU0NSAyLjgwMTQ5QzE4LjMyNDIgNS4yMzU2IDE5LjQwNyAxMC4yNjQ4IDE2Ljk3MjkgMTQuMDM0NkwxNS45MjI4IDEzLjM1NjVDMTcuOTgyNCAxMC4xNjY3IDE3LjA2NjIgNS45MTEyNCAxMy44NzY0IDMuODUxNjFDMTAuNjg2NiAxLjc5MTk4IDYuNDMxMTIgMi43MDgxNyA0LjM3MTQ5IDUuODk3OTdDMi4zMTE4NiA5LjA4Nzc3IDMuMjI4MDQgMTMuMzQzMyA2LjQxNzg0IDE1LjQwMjlaIiBmaWxsPSIjNkE2QTZBIi8+DQo8cGF0aCBkPSJNMTUuNDI3IDE1LjQ4MjVDMTUuMjcwMyAxNS41MzkyIDE1LjEwMzEgMTUuNDI5NyAxNS4wOTI0IDE1LjI2MzRMMTQuODk1NSAxMi4xOTU4QzE0Ljg4MjMgMTEuOTkwMSAxNS4xMDk1IDExLjg1NzcgMTUuMjgxOSAxMS45NzA2TDE4LjM2OTQgMTMuOTkyM0MxOC41NDE4IDE0LjEwNTIgMTguNTExMyAxNC4zNjY0IDE4LjMxNzUgMTQuNDM2NUwxNS40MjcgMTUuNDgyNVoiIGZpbGw9IiM2QTZBNkEiLz4NCjwvc3ZnPg=='); width: 20px; height: 20px; background-position: 0 0; background-size: contain; padding: 0;}
.unemployed .box-right .text-group {position: relative;}
.unemployed .box-right .text-group .toolLyType{top:80px; left: 18px;}
.unemployed .box-right .toolLyType > .lyCnt {width: 100%; padding: 16px 20px 16px 20px; box-sizing: border-box;}
.unemployed .box-right .text-group .toolLyType > .lyCnt dl {min-width: 240px;}
.unemployed .box-right .text-group .toolLyType > .lyCnt dd > ul > li {padding-left: 0;}
.unemployed .box-right .text-group .toolLyType > .lyCnt dd > ul > li:before {display: none;}
.unemployed .box-right .text-group .toolLyType .tplLyIcnArrTop {position: absolute; top: -6px; right: 40px;}
.unemployed .box-right .text-group.blue {display: none;}
.unemployed .box-right .text-group.red {display: block;}
.unemployed .box-right .text-group h1 { padding-bottom: 10px; font-weight: bold;font-size:25px;letter-spacing: -0.5px; text-align: center;}
.unemployed .box-right .text-group .h-blue {color: var(--color-tool-point-blue);}
.unemployed .box-right .text-group .h-red {color: #ff0000;}
.unemployed .box-right .text-group h4 { font-weight:bold;font-size:15px;letter-spacing: 0px; color:#333; text-align: center;}
.unemployed .box-right table { width: 100%; margin-top: 30px;border: none;}
.unemployed .box-right table tr {border-top: 1px solid #e4e4e4;}
.unemployed .box-right table tr:last-child {border-bottom: 1px solid #e4e4e4;}
.unemployed .box-right table tr td { padding: 25px 0; font-weight: bold;font-size:15px;letter-spacing: 0px; color: #333;}
.unemployed .box-right table tr td:last-child {text-align: right;}
.unemployed .box-right table tr td i { padding-right: 4px;font-size:22px;letter-spacing: -0.5px; color: var(--color-tool-point-blue); font-style: normal;}
.unemployed .box-right .tool-layer {position: relative; margin-top: 10px;}
.unemployed .box-right .tool-layer .dtlLb { padding-bottom: 8px;font-size:12px;letter-spacing: 0px; color: #888; display: flex; align-items: center;}
.unemployed .box-right .tool-layer strong { margin-left: 14px; border-bottom: 1px solid #d1d2d2;font-size:12px;letter-spacing: 0px; color: #000; font-weight: 600;}
.unemployed .box-right .tool-layer .arrow-ico {width: 14px; height: 14px; background-position: -78px 2px;}
.unemployed .box-right .tool-layer .toolLyType {top: 20px;}
.unemployed .box-right .tool-layer .toolLyType > .lyCnt dd > ul > li:before {width: 4px; height: 1px;}
.unemployed .box-right .toolBtnIco.tipBtnIco {background:url('data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03LjAwMDA0IDAuMDA3MjAyMTVDNS42ODE1IDAuMDA3MjAyMTUgNC4zOTI1NyAwLjM5ODE5NiAzLjI5NjI0IDEuMTMwNzRDMi4xOTk5MSAxLjg2MzI4IDEuMzQ1NDMgMi45MDQ0OCAwLjg0MDg0NyA0LjEyMjY1QzAuMzM2MjYzIDUuMzQwODIgMC4yMDQyNCA2LjY4MTI2IDAuNDYxNDc1IDcuOTc0NDdDMC43MTg3MSA5LjI2NzY4IDEuMzUzNjYgMTAuNDU1NiAyLjI4NjAxIDExLjM4NzlDMy4yMTgzNiAxMi4zMjAzIDQuNDA2MjQgMTIuOTU1MiA1LjY5OTQ1IDEzLjIxMjRDNi45OTI2NiAxMy40Njk3IDguMzMzMSAxMy4zMzc3IDkuNTUxMjggMTIuODMzMUMxMC43Njk1IDEyLjMyODUgMTEuODEwNiAxMS40NzQgMTIuNTQzMiAxMC4zNzc3QzEzLjI3NTcgOS4yODEzNSAxMy42NjY3IDcuOTkyNDEgMTMuNjY2NyA2LjY3Mzg3QzEzLjY2NjcgNC45MDU3NiAxMi45NjQzIDMuMjEwMDcgMTEuNzE0MSAxLjk1OTgyQzEwLjQ2MzkgMC43MDk1ODIgOC43NjgxNiAwLjAwNzIwMjE1IDcuMDAwMDQgMC4wMDcyMDIxNVoiIGZpbGw9IiNEMkQyRDIiLz4NCjxwYXRoIGQ9Ik0xMy42NjY3IDYuNjczODdDMTMuNjY2NyAxMC4zNTU4IDEwLjY4MTkgMTMuMzQwNSA3LjAwMDA0IDEzLjM0MDVDMy4zMTgxNCAxMy4zNDA1IDAuMzMzMzc0IDEwLjM1NTggMC4zMzMzNzQgNi42NzM4N0MwLjMzMzM3NCAyLjk5MTk3IDMuMzE4MTUgMC4wMDcyMDIxNSA3LjAwMDA0IDAuMDA3MjAyMTVDMTAuNjgxOSAwLjAwNzIwMjE1IDEzLjY2NjcgMi45OTE5NyAxMy42NjY3IDYuNjczODdaIiBmaWxsPSIjRDJEMkQyIi8+DQo8cGF0aCBkPSJNNi4zOTU4MyA4LjEzNjIzQzYuNDA0NzggNi45MzY2OSA2Ljc3MTgxIDYuNTY5NjYgNy4zODk0OSA2LjE5MzY4QzcuNzYwOTkgNS45Njk4OSA4LjA0Mjk3IDUuNjExODIgOC4wNDI5NyA1LjExMDUxQzguMDQyOTcgNC41MDE3OSA3LjU2ODUyIDQuMTEyMzkgNi45Nzc3IDQuMTE2ODZDNi40Njc0NSA0LjExMjM5IDUuOTUyNzIgNC40MTY3NSA1LjkwMzQ4IDUuMTU1MjdINS4wODg4N0M1LjEzMzYzIDQuMDY3NjMgNS45NTI3MiAzLjQzNjUyIDYuOTc3NyAzLjQzNjUyQzguMTAxMTYgMy40MzY1MiA4LjgzMDczIDQuMTU3MTUgOC44MzA3MyA1LjE0NjMyQzguODMwNzMgNS44NDkwNCA4LjQ5OTUxIDYuMzM2OTEgNy45NDQ1IDYuNjc3MDhDNy4zODUwMSA3LjAxNzI1IDcuMTgzNTkgNy4zNjE5IDcuMTY1NjkgOC4xMzYyM1Y4LjE4MDk5SDYuMzk1ODNWOC4xMzYyM1pNNi4yMzQ3IDkuNDc5QzYuMjI1NzUgOS4xNjU2OSA2LjQ5NDMgOC45MDYwOSA2LjgwNzYyIDguOTA2MDlDNy4xMjU0MSA4LjkwNjA5IDcuMzg1MDEgOS4xNjU2OSA3LjM4MDUzIDkuNDc5QzcuMzg1MDEgOS43OTY3OSA3LjEyNTQxIDEwLjA1NjQgNi44MDc2MiAxMC4wNjA5QzYuNDk0MyAxMC4wNTY0IDYuMjI1NzUgOS43OTY3OSA2LjIzNDcgOS40NzlaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+');}
.unemployed .btnGp {position: absolute; left: 0; right: 0; bottom: 30px; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px;}
.unemployed .check-box {position: relative; float: left;}
.unemployed input[type="checkbox"] {position: absolute; top: 3px;}
.unemployed input[type="checkbox"] + label {float: left; margin-right: 6px;font-size:12px;letter-spacing: 0px; color: #6A6A6A; display: flex; align-items: center;}
.unemployed input[type="checkbox"] + label:before {  display: block; width: 20px; height: 20px; margin-right: 5px; border-radius: 4px; border: 1px solid #d2d2d2; content: ""; background-color: #fff; box-sizing: border-box;}
.unemployed input[type="checkbox"]:checked + label:after { position: absolute; width: 20px; height: 20px; background-image: url('data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNjU5NSA2Ljc1MTI4QzE1Ljk4NSA3LjA3NjcyIDE1Ljk4NSA3LjYwNDM1IDE1LjY1OTUgNy45Mjk3OUw4Ljk5Mjg3IDE0LjU5NjVDOC44MzA1OCAxNC43NTg3IDguNjA4NTUgMTQuODQ2OSA4LjM3OTE0IDE0Ljg0MDJDOC4xNDk3MyAxNC44MzM0IDcuOTMzMjUgMTQuNzMyNCA3Ljc4MDc3IDE0LjU2MDhMNC40NDc0NCAxMC44MTA4QzQuMTQxNjcgMTAuNDY2OSA0LjE3MjY2IDkuOTQwMTMgNC41MTY2NCA5LjYzNDM2QzQuODYwNjMgOS4zMjg2IDUuMzg3MzYgOS4zNTk1OCA1LjY5MzEyIDkuNzAzNTdMOC40MzkyOSAxMi43OTNMMTQuNDgxIDYuNzUxMjhDMTQuODA2NSA2LjQyNTg0IDE1LjMzNDEgNi40MjU4NCAxNS42NTk1IDYuNzUxMjhaIiBmaWxsPSIjMDA1N0ZGIi8+DQo8L3N2Zz4='); background-repeat: no-repeat;content: "";}
.unemployed .svcBtnMm {width: 160px; height: 48px; border-radius: 8px;}
.unemployed .svcBtnMm.off { border: 1px solid #e4e4e4;background: #e4e4e4; color: #ccc;}
.unemployed .box-left .svcBtnMm.tplBtnBlue{background: var(--color-tool-point-blue);}
.unemployed .box-right .svcBtnMm.tplBtnNavy{background: #fff; color:  var(--color-tool-point-blue); border: 1px solid  var(--color-tool-point-blue);}
.unemployed .box-right .svcBtnMm.tplBtnNavy span{color: inherit;}
.unemployed .box-right .svcBtnMm.tplBtnNavy.off{background: #D2D2D2; color: var(--color-tool-point-blue); border: 1px solid #D2D2D2; color: #fff;}
.unemployed .box-right .svcBtnMm.tplBtnNavy.off span{color: inherit;}
.unemployed .box-right .svcBtnMm.tplBtnBlue{background: var(--color-tool-point-blue); border: 1px solid var(--color-tool-point-blue); color: #fff;}
.unemployed .box-right .svcBtnMm.tplBtnBlue span{color: inherit;}
.unemployed .box-right .svcBtnMm.tplBtnBlue.off{background: #fff; border: 1px solid #D2D2D2; color: #222222;}
.unemployed .box-right .svcBtnMm.tplBtnBlue.off span{color: inherit;}

.unemployed .box-text{display: flex; flex-direction: column; width: 100%; background-color: #f6f7f7; border-top: 1px solid #e8e8e8; padding: 36px; row-gap: 36px;}
.unemployed .box-text .box-text-article{width: 100%;}
.unemployed .box-text .box-text-article .box-text-title{font-size: 16px; line-height: 24px; font-weight:600; color: #222;}
.unemployed .box-text .box-text-article ul.box-text-list{display: grid; grid-template-columns: 370px 1fr; row-gap:4px; padding-top: 16px; margin-top: 12px; border-top: 1px solid #E8E8E8;}
.unemployed .box-text .box-text-article ul.box-text-list .box-text-item{font-size: 13px; line-height: 20px; font-weight:400; display: flex; column-gap: 8px; align-items:center; color: #6a6a6a;}
.unemployed .box-text .box-text-article ul.box-text-list .box-text-item::before{content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #9E9E9E;}
.unemployed .box-text .box-text-article ol.box-text-list{display: flex; flex-wrap: wrap; row-gap:16px; column-gap: 12px; padding-top: 16px; margin-top: 12px; border-top: 1px solid #E8E8E8;}
.unemployed .box-text .box-text-article ol.box-text-list .box-text-item{font-size: 13px; line-height: 20px; font-weight:400; display: flex; height: 60px; background-color: #fff; border-radius: 99px; column-gap: 8px; align-items:center; padding: 0 23px 0 16px;}
.unemployed .box-text .box-text-article ol.box-text-list .box-text-item .item-process{font-size: 36px; font-weight: 700; line-height: 43px; letter-spacing: -0.5px; color: #D2D3D7; min-width: 40px; display: flex; justify-content: center;}
.unemployed .box-text .box-text-article ol.box-text-list .box-text-item .item-text{font-size: 13px; font-weight: 400; line-height: 20px; color: #6A6A6A;}
.unemployed .svcBtnMm + .svcBtnMm{margin-left: unset;}

.hollyday {display:flex; flex-wrap: wrap; width:100%; margin-bottom:15px; border: 1px solid #e3e3e3; border-top: 0; background: #fff; table-layout:fixed; box-sizing:border-box;}
.hollyday .box-left { display:table-cell;position:relative; width: calc(100% - 412px); padding: 42px 38px 100px 32px; box-sizing: border-box;}
.hollyday .box-right { display:table-cell;position:relative; width: 412px; padding: 40px 36px 100px 36px; border-left: 1px solid #e8e8e8; background: #f6f7f7; box-sizing: border-box;}
.hollyday .box-date {display: flex; width: 100%; column-gap: 8px;}
.hollyday .box-date .txt-date {font-size:16px; line-height: 24px; font-weight: 600; letter-spacing: 0px; color: #222; text-align: left; box-sizing: border-box; border: unset; background: unset; min-width: fit-content; width: unset;}
.hollyday .box-date .retire-date { font-weight: bold;font-size:16px;letter-spacing: 0px; color: #333;text-align: left;}
.hollyday .box-date .delete {width: 46px; height: 34px; margin-left: 10px; border: 1px solid #e4e4e4; background: #fff; box-sizing: border-box;}
.hollyday .box-date .delete button {width: 100%; color:#cccccc; line-height: 34px; cursor: unset; vertical-align: top;}
.hollyday .box-date .delete.on button {color:#666; cursor: pointer;}
.hollyday .box-date .join-date{display: grid; grid-template-areas: "join-title join-input"". join-message"; grid-template-columns: 44px 1fr; align-items: center; width: 100%; column-gap: 10px;}
.hollyday .box-date .join-date .txt-date{grid-area:join-title;}
.hollyday .box-date .join-date .input-date{grid-area:join-input;}
.hollyday .box-date .join-date .box-msg{grid-area:join-message; height: 14px; margin-top: 4px;}
.hollyday .box-date .join-date .box-msg .form-msg{display: none; font-size: 11px; letter-spacing: 0px; color: #ff0000;}
.hollyday .box-date .leave-date{display: grid; grid-template-areas: "leave-title leave-input"". leave-message"; grid-template-columns: 44px 1fr; align-items: center; width: 100%; column-gap: 10px;}
.hollyday .box-date .leave-date .txt-date{grid-area:leave-title;}
.hollyday .box-date .leave-date .input-date{grid-area:leave-input;}
.hollyday .box-date .leave-date .box-msg{grid-area:leave-message; height: 14px; margin-top: 4px;}
.hollyday .box-date .leave-date .box-msg .form-msg{display: none; font-size: 11px; letter-spacing: 0px; color: #ff0000;}
.hollyday .box-date .join-date + .leave-date::before{content: '~'; font-size: 16px; line-height: 24px; font-weight: 400; color: #222; margin-right: 8px;}
.hollyday .box-date .input-date {position: relative; box-sizing: border-box; display: flex; width: 100%; height: 34px; line-height: 34px; width: 100%;}
.hollyday .box-date .input-date input { display: block; width: 100%; height: 32px; padding: 0 10px; border: 0; font-size:12px;letter-spacing: 0px;cursor: pointer; box-sizing: border-box; background-image: url('data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy45NzUwNyAzLjVIMjAuMTY1NkMyMS4yMTc1IDMuNSAyMi4wNzAzIDQuMzk1NDMgMjIuMDcwMyA1LjVWMTguNUMyMi4wNzAzIDE5LjYwNDYgMjEuMjE3NSAyMC41IDIwLjE2NTYgMjAuNUgzLjk3NTA3QzIuOTIzMSAyMC41IDIuMDcwMzEgMTkuNjA0NiAyLjA3MDMxIDE4LjVWNS41QzIuMDcwMzEgNC4zOTU0MyAyLjkyMzEgMy41IDMuOTc1MDcgMy41Wk0zLjk3NTA3IDVDMy43MTIwOCA1IDMuNDk4ODggNS4yMjM4NiAzLjQ5ODg4IDUuNVYxOC41QzMuNDk4ODggMTguNzc2MSAzLjcxMjA4IDE5IDMuOTc1MDcgMTlIMjAuMTY1NkMyMC40Mjg1IDE5IDIwLjY0MTcgMTguNzc2MSAyMC42NDE3IDE4LjVWNS41QzIwLjY0MTcgNS4yMjM4NiAyMC40Mjg1IDUgMjAuMTY1NiA1SDMuOTc1MDdaIiBmaWxsPSIjOUU5RTlFIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguMDcwMzEgMi4yNUM4LjQ4NDUzIDIuMjUgOC44MjAzMSAyLjU4NTc5IDguODIwMzEgM1Y1LjVDOC44MjAzMSA1LjkxNDIxIDguNDg0NTMgNi4yNSA4LjA3MDMxIDYuMjVDNy42NTYxIDYuMjUgNy4zMjAzMSA1LjkxNDIxIDcuMzIwMzEgNS41VjNDNy4zMjAzMSAyLjU4NTc5IDcuNjU2MSAyLjI1IDguMDcwMzEgMi4yNVoiIGZpbGw9IiM5RTlFOUUiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYuMDcwMyAyLjI1QzE2LjQ4NDUgMi4yNSAxNi44MjAzIDIuNTg1NzkgMTYuODIwMyAzVjUuNUMxNi44MjAzIDUuOTE0MjEgMTYuNDg0NSA2LjI1IDE2LjA3MDMgNi4yNUMxNS42NTYxIDYuMjUgMTUuMzIwMyA1LjkxNDIxIDE1LjMyMDMgNS41VjNDMTUuMzIwMyAyLjU4NTc5IDE1LjY1NjEgMi4yNSAxNi4wNzAzIDIuMjVaIiBmaWxsPSIjOUU5RTlFIi8+DQo8cGF0aCBkPSJNOC4wNzAzMSAxMEM4LjA3MDMxIDEwLjU1MjMgNy42MjI2IDExIDcuMDcwMzEgMTFDNi41MTgwMyAxMSA2LjA3MDMxIDEwLjU1MjMgNi4wNzAzMSAxMEM2LjA3MDMxIDkuNDQ3NzIgNi41MTgwMyA5IDcuMDcwMzEgOUM3LjYyMjYgOSA4LjA3MDMxIDkuNDQ3NzIgOC4wNzAzMSAxMFoiIGZpbGw9IiM5RTlFOUUiLz4NCjxwYXRoIGQ9Ik04LjA3MDMxIDE0QzguMDcwMzEgMTQuNTUyMyA3LjYyMjYgMTUgNy4wNzAzMSAxNUM2LjUxODAzIDE1IDYuMDcwMzEgMTQuNTUyMyA2LjA3MDMxIDE0QzYuMDcwMzEgMTMuNDQ3NyA2LjUxODAzIDEzIDcuMDcwMzEgMTNDNy42MjI2IDEzIDguMDcwMzEgMTMuNDQ3NyA4LjA3MDMxIDE0WiIgZmlsbD0iIzlFOUU5RSIvPg0KPHBhdGggZD0iTTEyLjA3MDMgMTRDMTIuMDcwMyAxNC41NTIzIDExLjYyMjYgMTUgMTEuMDcwMyAxNUMxMC41MTggMTUgMTAuMDcwMyAxNC41NTIzIDEwLjA3MDMgMTRDMTAuMDcwMyAxMy40NDc3IDEwLjUxOCAxMyAxMS4wNzAzIDEzQzExLjYyMjYgMTMgMTIuMDcwMyAxMy40NDc3IDEyLjA3MDMgMTRaIiBmaWxsPSIjOUU5RTlFIi8+DQo8cGF0aCBkPSJNMTIuMDcwMyAxMEMxMi4wNzAzIDEwLjU1MjMgMTEuNjIyNiAxMSAxMS4wNzAzIDExQzEwLjUxOCAxMSAxMC4wNzAzIDEwLjU1MjMgMTAuMDcwMyAxMEMxMC4wNzAzIDkuNDQ3NzIgMTAuNTE4IDkgMTEuMDcwMyA5QzExLjYyMjYgOSAxMi4wNzAzIDkuNDQ3NzIgMTIuMDcwMyAxMFoiIGZpbGw9IiM5RTlFOUUiLz4NCjxwYXRoIGQ9Ik0xNi4wNzAzIDEwQzE2LjA3MDMgMTAuNTUyMyAxNS42MjI2IDExIDE1LjA3MDMgMTFDMTQuNTE4IDExIDE0LjA3MDMgMTAuNTUyMyAxNC4wNzAzIDEwQzE0LjA3MDMgOS40NDc3MiAxNC41MTggOSAxNS4wNzAzIDlDMTUuNjIyNiA5IDE2LjA3MDMgOS40NDc3MiAxNi4wNzAzIDEwWiIgZmlsbD0iIzlFOUU5RSIvPg0KPC9zdmc+DQo='); background-repeat: no-repeat; background-position: calc(100% - 10px) center;}
.hollyday .box-date .space {font-size:16px; line-height: 24px; font-weight: 600; letter-spacing: 0px; color: #222; width: unset; display: flex; align-items: flex-start; padding-top: 4px;}
.picker__box{border: 1px solid #e4e4e4;}
.hollyday .txt-date.mr{margin-right: 0px;}
.hollyday .box-left .svcBtnMm{width: 160px; height: 48px; border-radius: 8px;}
.hollyday .box-left .svcBtnMm.tplBtnBlue{background: var(--color-tool-point-blue);}
.hollyday .box-left .btnGp .calBtnReset {position: absolute; right: 40px; bottom: 0px; height: 15px; font-size:12px;letter-spacing: 0px; color: #666; line-height: 1; display: flex; align-items: center; gap: 2px;}
.hollyday .box-left .btnGp .calBtnReset .toolBtnIco.resetBtnIco {background-image:url('data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNi40MTc4NCAxNS40MDI5QzcuNjgyMDMgMTYuMjE5MiA5LjExMTgxIDE2LjU2NzcgMTAuNTA2OSAxNi40OTM0QzEwLjg1MTYgMTYuNDc1IDExLjE0NTkgMTYuNzM5NSAxMS4xNjQzIDE3LjA4NDJDMTEuMTgyNiAxNy40Mjg5IDEwLjkxODEgMTcuNzIzMiAxMC41NzM0IDE3Ljc0MTZDOC45MjQyOCAxNy44Mjk1IDcuMjMyNDEgMTcuNDE2OCA1LjczOTc5IDE2LjQ1M0MxLjk3MDAzIDE0LjAxODkgMC44ODcyNjYgOC45ODk2OCAzLjMyMTM3IDUuMjE5OTFDNS43NTU0OCAxLjQ1MDE1IDEwLjc4NDcgMC4zNjczODggMTQuNTU0NSAyLjgwMTQ5QzE4LjMyNDIgNS4yMzU2IDE5LjQwNyAxMC4yNjQ4IDE2Ljk3MjkgMTQuMDM0NkwxNS45MjI4IDEzLjM1NjVDMTcuOTgyNCAxMC4xNjY3IDE3LjA2NjIgNS45MTEyNCAxMy44NzY0IDMuODUxNjFDMTAuNjg2NiAxLjc5MTk4IDYuNDMxMTIgMi43MDgxNyA0LjM3MTQ5IDUuODk3OTdDMi4zMTE4NiA5LjA4Nzc3IDMuMjI4MDQgMTMuMzQzMyA2LjQxNzg0IDE1LjQwMjlaIiBmaWxsPSIjNkE2QTZBIi8+DQo8cGF0aCBkPSJNMTUuNDI3IDE1LjQ4MjVDMTUuMjcwMyAxNS41MzkyIDE1LjEwMzEgMTUuNDI5NyAxNS4wOTI0IDE1LjI2MzRMMTQuODk1NSAxMi4xOTU4QzE0Ljg4MjMgMTEuOTkwMSAxNS4xMDk1IDExLjg1NzcgMTUuMjgxOSAxMS45NzA2TDE4LjM2OTQgMTMuOTkyM0MxOC41NDE4IDE0LjEwNTIgMTguNTExMyAxNC4zNjY0IDE4LjMxNzUgMTQuNDM2NUwxNS40MjcgMTUuNDgyNVoiIGZpbGw9IiM2QTZBNkEiLz4NCjwvc3ZnPg=='); width: 20px; height: 20px; background-position: 0 0; background-size: contain; padding: 0;}
.hollyday .box-right .svcBtnMm{width: 160px; height: 48px; border-radius: 8px; background-color: #fff; border: 1px solid var(--color-tool-point-blue); color: var(--color-tool-point-blue); font-size: 14px; font-weight: 400; line-height: 22px;}
.hollyday .box-right .svcBtnMm.off{width: 160px; height: 48px; border-radius: 8px; background-color: #D2D2D2; border: unset; color: #fff; font-size: 14px; font-weight: 400; line-height: 22px;}
.hollyday .box-right .svcBtnMm span{color: inherit;}
.hollyday .box-right .text-group {position: relative;}
.hollyday .box-right .text-group .toolLyType{top:80px; left: 18px;}
.hollyday .box-right .toolLyType > .lyCnt {width: 100%; padding: 16px 20px 16px 20px; box-sizing: border-box;}
.hollyday .box-right .text-group .toolLyType > .lyCnt dl {min-width: 240px;}
.hollyday .box-right .text-group .toolLyType > .lyCnt dd > ul > li {padding-left: 0;}
.hollyday .box-right .text-group .toolLyType > .lyCnt dd > ul > li:before {display: none;}
.hollyday .box-right .text-group .toolLyType .tplLyIcnArrTop {position: absolute; top: -6px; right: 40px;}
.hollyday .box-right .text-group.blue {display: none;}
.hollyday .box-right .text-group.red {display: block;}
.hollyday .box-right .text-group h1 { padding-bottom: 10px; font-weight: bold;font-size:25px;letter-spacing: -0.5px; text-align: center;}
.hollyday .box-right .text-group .h-blue {color: var(--color-tool-point-blue);}
.hollyday .box-right .text-group .h-red {color: #fe3332;}
.hollyday .box-right .text-group h4 { font-weight:bold;font-size:15px;letter-spacing: 0px; color:#333; text-align: center;}
.hollyday .box-right table { width: 100%; margin-top: 30px;border: none;}
.hollyday .box-right table tr {border-top: 1px solid #e4e4e4;}
.hollyday .box-right table tr:last-child {border-bottom: 1px solid #e4e4e4;}
.hollyday .box-right table tr td { padding: 25px 0; font-weight: bold;font-size:15px;letter-spacing: 0px; color: #222;}
.hollyday .box-right table tr td:last-child {text-align: right;}
.hollyday .box-right table tr td i { padding-right: 4px;font-size:22px;letter-spacing: -0.5px; color: var(--color-tool-point-blue); font-style: normal;}
.hollyday .box-right .tool-layer {position: relative; margin-top: 10px;}
.hollyday .box-right .tool-layer .dtlLb { padding-bottom: 8px;font-size:12px;letter-spacing: 0px; color: #888; display: flex; align-items: center;}
.hollyday .box-right .tool-layer strong { margin-left: 14px; border-bottom: 1px solid #d1d2d2;font-size:12px;letter-spacing: 0px; color: #000; font-weight: 600;}
.hollyday .box-right .tool-layer .arrow-ico {width: 14px; height: 14px; background-position: -78px 2px;}
.hollyday .box-right .tool-layer .toolBtnIco.tipBtnIco {background:url('data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03LjAwMDA0IDAuMDA3MjAyMTVDNS42ODE1IDAuMDA3MjAyMTUgNC4zOTI1NyAwLjM5ODE5NiAzLjI5NjI0IDEuMTMwNzRDMi4xOTk5MSAxLjg2MzI4IDEuMzQ1NDMgMi45MDQ0OCAwLjg0MDg0NyA0LjEyMjY1QzAuMzM2MjYzIDUuMzQwODIgMC4yMDQyNCA2LjY4MTI2IDAuNDYxNDc1IDcuOTc0NDdDMC43MTg3MSA5LjI2NzY4IDEuMzUzNjYgMTAuNDU1NiAyLjI4NjAxIDExLjM4NzlDMy4yMTgzNiAxMi4zMjAzIDQuNDA2MjQgMTIuOTU1MiA1LjY5OTQ1IDEzLjIxMjRDNi45OTI2NiAxMy40Njk3IDguMzMzMSAxMy4zMzc3IDkuNTUxMjggMTIuODMzMUMxMC43Njk1IDEyLjMyODUgMTEuODEwNiAxMS40NzQgMTIuNTQzMiAxMC4zNzc3QzEzLjI3NTcgOS4yODEzNSAxMy42NjY3IDcuOTkyNDEgMTMuNjY2NyA2LjY3Mzg3QzEzLjY2NjcgNC45MDU3NiAxMi45NjQzIDMuMjEwMDcgMTEuNzE0MSAxLjk1OTgyQzEwLjQ2MzkgMC43MDk1ODIgOC43NjgxNiAwLjAwNzIwMjE1IDcuMDAwMDQgMC4wMDcyMDIxNVoiIGZpbGw9IiNEMkQyRDIiLz4NCjxwYXRoIGQ9Ik0xMy42NjY3IDYuNjczODdDMTMuNjY2NyAxMC4zNTU4IDEwLjY4MTkgMTMuMzQwNSA3LjAwMDA0IDEzLjM0MDVDMy4zMTgxNCAxMy4zNDA1IDAuMzMzMzc0IDEwLjM1NTggMC4zMzMzNzQgNi42NzM4N0MwLjMzMzM3NCAyLjk5MTk3IDMuMzE4MTUgMC4wMDcyMDIxNSA3LjAwMDA0IDAuMDA3MjAyMTVDMTAuNjgxOSAwLjAwNzIwMjE1IDEzLjY2NjcgMi45OTE5NyAxMy42NjY3IDYuNjczODdaIiBmaWxsPSIjRDJEMkQyIi8+DQo8cGF0aCBkPSJNNi4zOTU4MyA4LjEzNjIzQzYuNDA0NzggNi45MzY2OSA2Ljc3MTgxIDYuNTY5NjYgNy4zODk0OSA2LjE5MzY4QzcuNzYwOTkgNS45Njk4OSA4LjA0Mjk3IDUuNjExODIgOC4wNDI5NyA1LjExMDUxQzguMDQyOTcgNC41MDE3OSA3LjU2ODUyIDQuMTEyMzkgNi45Nzc3IDQuMTE2ODZDNi40Njc0NSA0LjExMjM5IDUuOTUyNzIgNC40MTY3NSA1LjkwMzQ4IDUuMTU1MjdINS4wODg4N0M1LjEzMzYzIDQuMDY3NjMgNS45NTI3MiAzLjQzNjUyIDYuOTc3NyAzLjQzNjUyQzguMTAxMTYgMy40MzY1MiA4LjgzMDczIDQuMTU3MTUgOC44MzA3MyA1LjE0NjMyQzguODMwNzMgNS44NDkwNCA4LjQ5OTUxIDYuMzM2OTEgNy45NDQ1IDYuNjc3MDhDNy4zODUwMSA3LjAxNzI1IDcuMTgzNTkgNy4zNjE5IDcuMTY1NjkgOC4xMzYyM1Y4LjE4MDk5SDYuMzk1ODNWOC4xMzYyM1pNNi4yMzQ3IDkuNDc5QzYuMjI1NzUgOS4xNjU2OSA2LjQ5NDMgOC45MDYwOSA2LjgwNzYyIDguOTA2MDlDNy4xMjU0MSA4LjkwNjA5IDcuMzg1MDEgOS4xNjU2OSA3LjM4MDUzIDkuNDc5QzcuMzg1MDEgOS43OTY3OSA3LjEyNTQxIDEwLjA1NjQgNi44MDc2MiAxMC4wNjA5QzYuNDk0MyAxMC4wNTY0IDYuMjI1NzUgOS43OTY3OSA2LjIzNDcgOS40NzlaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+');}
.hollyday .box-right .tool-layer .toolLyType {top: 20px;}
.hollyday .box-right .tool-layer .toolLyType > .lyCnt dd > ul > li:before {width: 4px; height: 1px;}
.hollyday .btnGp {position: absolute; left: 0; right: 0; bottom: 30px; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px;}



.ul-list {font-size:14px;letter-spacing: 0px; color: #6A6A6A; line-height: 22px; margin-left: 10px; display: flex; flex-direction: column; row-gap: 4px;}
.ul-list li{font-size: inherit; color: inherit; line-height: inherit;}
.arrow-right {position: absolute; top: 50px; left: -1px; width: 21px; height: 41px; background-position: -479px -144px;}
.mt-50 {margin-top: 50px !important;}
.gjTopWrap .total{color: #333 !important;}
/* 학점계산기 re */
.univpoint { margin-bottom: 40px; border: 1px solid #e3e3e3; border-top: 0;background: #ffffff; box-sizing: border-box;}
 
.univpoint .section {position: relative; float: left; padding: 50px 40px; box-sizing: border-box;}
.univpoint .section .tit { margin-bottom:24px; font-weight:bold;font-size:16px;letter-spacing: 0px; color:#333; line-height: 15px;}
.univpoint .section i { padding-right: 4px; margin-top:-2px;color: #3399ff;font-style: normal;}
.univpoint .section .form-group {height: 34px;}
.univpoint .section .form-group em { padding-right: 10px;font-size:15px;letter-spacing: 0px;}
.univpoint .section .form-group .form { float: left;width: 49%;}
.univpoint .section .form-group .form span {font-size:15px;letter-spacing: 0px; color: #333;}
.univpoint .section .form-group .form span i {padding: 0 5px; color: #c9caca;}
.univpoint .section .tplSltBx {box-sizing: border-box;}
.univpoint .section .form-group .tplSltBx label {color: #333;}
.univpoint .section .tplSltBx label {top:50%;transform: translateY(-50%); color: #999;}
.univpoint .section .tplSltBx label.chk {color:#333;}
.univpoint .section button.svcBtnMm { display: block;width: 158px; margin: 30px auto 0;}
.univpoint .section .check-box {position: relative; float: left; margin: 9px 0;}
.univpoint .section input[type="checkbox"] {position: absolute; top: 2px; left: 0;}
.univpoint .section input[type="checkbox"] + label {float: left;font-size:12px;letter-spacing: 0px; color: #333;}
.univpoint .section input[type="checkbox"] + label:before { position: relative; top: 2px; float: left; width: 14px; height: 14px; margin-right: 5px; border: 1px solid #e4e4e4;content: ""; background-color: #fff; box-sizing: border-box;}
.univpoint .section input[type="checkbox"]:checked + label:after { position: absolute; top: 2px; left: 0px; width: 14px; height: 14px; background: url(/images/jk-pc/ver_1/common/checkbox.png) no-repeat -14px 0px;content: "";}
.univpoint .section .box-table {margin-top: 18px;}
.univpoint .section .box-table .head {position: relative; height: 32px; border-bottom: 1px solid #e4e4e4; background: #f8f8f8;}
.univpoint .section .box-table .head::before{ display: block; position: absolute; left: 0; bottom: -5px; width: 440px; height: 4px; background: #fff;content: ''; z-index: 2;}
.univpoint .section .box-table .head::after{ display: block; position: absolute; left: 0; bottom: -268px; width: 440px; height: 4px; background: #fff;content: ''; z-index: 2;}
.univpoint .section .box-table .head ul {display: inline-block;width: 450px;font-size:12px;letter-spacing: 0px; }
.univpoint .section .box-table ul li {float: left; height: 30px; margin-right: 8px; line-height: 30px; text-align: center; box-sizing: border-box;}
.univpoint .section .box-table ul li:nth-child(1) {width: 225px;}
.univpoint .section .box-table ul li:nth-child(2) {width: 50px;}
.univpoint .section .box-table ul li:nth-child(3) {width: 66px;}
.univpoint .section .box-table ul li:nth-child(4) {width: 25px;}
.univpoint .section .box-table ul li:nth-child(5) {width: 42px;}
.univpoint .section .box-table .body {display: inline-block; width: 100%; height: 267px; border-bottom: 1px solid #e4e4e4; overflow-y: scroll; -ms-overflow-y: scroll; overflow-x: hidden; -ms-overflow-x: hidden;}
.univpoint .section .box-table .body ul {display: flex; display: -ms-flex; margin-bottom: 16px; vertical-align: top;}
.univpoint .section .box-table .body ul:first-child {margin-top: 16px;}
.univpoint .section .box-table .body ul li {height: 34px;}
.univpoint .section .box-table .body ul li input[type="text"] {width: 100%; height: 34px; padding: 0 5px; border: 1px solid #e4e4e4; color: #333; line-height: 34px; box-sizing: border-box;}
.univpoint .section .box-table .body ul li:nth-child(2) input[type="text"] {text-align: center;}
.univpoint .section .box-table .body ul li input[type="checkbox"],
.univpoint .section .box-table .body ul li input[type="checkbox"] + label:before,
.univpoint .section .box-table .body ul li input[type="checkbox"]:checked + label:after{left: 5px; margin-right: 0;}
 
.univpoint .section .box-table .body ul li .svcSltBx {width: 66px; margin-right: 0;}
.univpoint .section .box-table .body .delete {width: 100%; height: 34px; border: 1px solid #e4e4e4; color: #ccc; cursor: unset;}
.univpoint .section .box-table .body .on {color: #666; cursor: pointer;}
.univpoint .section .box-table .body .on:hover,
.univpoint .section .box-table .add:hover {border: 1px solid #3399ff; color: #3399ff;}
.univpoint .section .box-table .add{position: absolute; left: 0; right: 0; bottom: 128px; width: 85%; height: 34px; margin: 16px auto 0; border: 1px solid #e4e4e4; color: #666; box-sizing: border-box;}
.univpoint .section .box-table .add i{ display: inline-block;width:9px; height: 9px; background: url("/images/jk-pc/ver_1/common/icon_add.png") no-repeat; vertical-align: middle;}
.univpoint .section-left {width: 57%;}
.univpoint .section-left input.svcIpt {width: 100px; color: #333; vertical-align: top;}
.univpoint .section-left .svcSltBx {width: 115px; margin-right: 10px;}
.univpoint .section-left .calBtnReset {position: absolute; right: 40px; bottom: 50px; height: 15px; border-bottom: 1px solid #666;font-size:12px;letter-spacing: 0px; color: #666; }
.univpoint .section-right {width: 43%; border-left: 1px solid #e8e8e8; background: #f6f7f7;}
.univpoint .section-right .form-group { display: inline-block;width: 100%; margin-top: 20px;}
.univpoint .section-right .form-group:first-of-type {margin-top: 0;}
.univpoint .section-right .form-group input {width: 66px; color: #333;}
.univpoint .section-right h4 { float: right; padding-bottom: 40px; font-weight: bold;font-size:16px;letter-spacing: 0px; color: #333; line-height: 30px;}
.univpoint .section-right h4 i{font-size:50px;letter-spacing: -1px;}
.univpoint .section-right table { width: 100%;border: none;}
.univpoint .section-right table tr {border-top: 1px solid #e4e4e4;}
.univpoint .section-right table tr:last-child {border-bottom: 1px solid #e4e4e4;}
.univpoint .section-right table tr td { padding: 36px 0; font-weight: bold;font-size:15px;letter-spacing: 0px; color: #333;}
.univpoint .section-right table tr td:last-child {text-align: right;}
.univpoint .section-right table tr td i {font-size:22px;letter-spacing: -0.5px;}
.last-univpoint {display: table; width: 100%; height: 100%; margin-bottom: 10px;}
.last-univpoint .section {display: table-cell; height: 620px;}
.last-univpoint .section button.svcBtnMm {position: absolute; left: 0; right: 0; bottom: 50px;}
.arrow-right {position: absolute; top: 30px; left: -1px; width: 21px; height: 41px; background-position: -479px -144px;}
/* 연봉 계산기 */
.severance .fl {float: left;}
.severance .mr {margin-right: 10px;}
.severance .ml {margin-left: 10px;}
.severance .mt2 {margin-top: 2px;}
.severance .mt30 {margin-top: 30px;}
.severance input[type="text"]{color: #333;}
.severance input[type="text"]::-webkit-input-placeholder{color: #999;}
.severance input[type="text"]:-ms-input-placeholder{color: #999;}
.severance input[type="text"]:-mos-input-placeholder{color: #999;}
.severance .tit {margin-bottom: 20px; font-weight: bold;font-size:16px;letter-spacing: 0px; color: #333; line-height: 1;}
.severance .easy .tit {display: inline; line-height: 36px;}
.severance {display:table; width:100%; margin-bottom:10px; border: 1px solid #e3e3e3; border-top: 0; background: #fff; table-layout:fixed; box-sizing:border-box;}
.severance .box-left { display:table-cell;position:relative; width: 549px; padding: 42px 42px 40px 40px; box-sizing: border-box;}
.severance .box-right { display:table-cell;position:relative; width:42%; padding: 34px 38px 46px 39px; border-left: 1px solid #e8e8e8;background: #f6f7f7; box-sizing: border-box;}
.severance .box-left .list-wrap {display: flex;}
.severance .box-left .list-input {position: relative; width: 466px; margin-bottom: 40px;}
.severance .box-left .list-input.mb20 {margin-bottom: 20px;}
.severance .box-left .list-input.list-box {width: 50%;}
.severance .box-left .list-input.list-box .tit span {color: #EF1B1B;}
.severance .box-left .list-input.list-box .box-btn button {width: 100px; height: 34px; padding: 8px; border: 1px solid #e4e4e4; color: #999; box-sizing: border-box; box-sizing: border-box;}
.severance .box-left .list-input.list-box .box-btn:nth-child(2) button {margin-left: -3px;}
.severance .box-left .list-input.list-box .box-btn button.on {position: relative; border: 1px solid #3399FF; color: #3399FF;}
.severance .box-left .list-input.list-box .box-btn button.on .text::before { display: inline-block; width: 15px; height: 14px; margin-left: -10px; margin-right: 3px; background: url(/images/jk-pc/ver_1/common/tpl_sp_btn.png) no-repeat 0 0;content: ""; background-position: -320px -61px;}
.severance .box-left .list-input .box-input {position:relative; width:220px; height:34px;border:1px solid #e4e4e4;font-size:14px;letter-spacing: 0px; box-sizing:border-box;}
.severance .box-left .list-input .box-input input[type="text"] {width:100%; height: 32px;padding-left: 10px; border:0; background: transparent; text-align:left; box-sizing: border-box;}
.severance .box-left .list-input .box-input label,
.severance .box-left .list-input .box-type label{position: absolute; top: 0; left: 0; width: 100%; height: 36px; z-index: 0; text-indent: -9999px;}
.severance .box-left .list-input .box-msg {position: relative;}
.severance .box-left .list-input .box-msg > p {position: absolute; left: 55px; width: 100%;}
.severance .box-left .list-input .box-msg p:nth-child(2) {position: absolute; left: 307px;}
.severance .box-left .list-input .form-msg { display: none;font-size:11px;letter-spacing: 0px; color:#ff0000;}
.severance .box-left .list-input .btn{width: 100%; height: 34px; border: 1px solid #e4e4e4;color: #666;}
.severance .box-left .list-input .btn i{ display: inline-block;width:9px; height: 9px; margin-right: 5px; background: url("/images/jk-pc/ver_1/common/icon_add.png") no-repeat; vertical-align: middle;}
.severance .box-date {display: inline-block; width: 100%; margin-bottom: 0;}
.severance .box-date li {float: left; height: 34px; line-height: 34px;}
.severance .box-date .txt-date {width: 95px; background: #fafafa;font-size:13px;letter-spacing: 0px; color: #333; text-align: center; box-sizing: border-box; }
.severance .box-date .retire-date {width: 45px; font-weight: bold;font-size:16px;letter-spacing: 0px; color: #333; text-align: left;}
.severance .box-date .delete {width: 50px; height: 34px; margin-left: 10px; border: 1px solid #e4e4e4; background: #fff; box-sizing: border-box;}
.severance .box-date .delete button {width: 100%; color:#cccccc; line-height: 34px; cursor: unset; vertical-align: top;}
.severance .box-date .delete.on button {color:#666; cursor: pointer;}
.severance .box-date .input-date {position: relative; width: 160px;}
.severance .box-date .input-date input { display: block; width: 100%; height: 32px; padding: 0 10px; border: 0; background: url('/images/jk-pc/ver_1/common/icon_date.png') no-repeat;font-size:12px;letter-spacing: 0px;cursor: pointer; background-position: calc(100% - 10px) center; box-sizing: border-box;}
.severance .box-date .space {width: 36px; color: #333; text-align: center;}
.severance .box-left .list-input .tabs { width: 100%; height: 39px;margin: 0; padding: 0;}
.severance .box-left .list-input .tabs .tab-link { display: inline-block;width: 150px; height: 100%; padding: 8px 0 10px;border: 1px solid #E1E1E1; border-bottom: none;font-size:14px;letter-spacing: 0px; color: #999; line-height: 1.6; text-align: center; cursor: pointer; box-sizing: border-box;}
.severance .box-left .list-input .tabs .tab-link:nth-child(2){margin-left: -4px;}
.severance .box-left .list-input .tabs .tab-link.current { position: relative;height: 40px;border: 1px solid #0F0F0F; border-bottom: none; background: #fff; font-weight: bold; color: #333; z-index: 20;}
.severance .box-left .list-input.pb-b { width: 100%; padding-bottom: 20px;border-bottom: 1px solid #E4E4E4;}
.severance .box-left .list-input.tab .tab-content {display: none; padding: 42px 0 20px 0; border-top: 1px solid #333; background: #fff;}
.severance .box-left .list-input.tab .tab-content.current {display: inherit; width: 466px;}
.severance .box-left .list-input.tab .tab-content .easy .box-type {display: inline-flex; float: right; width: 411px; margin-bottom: 0;}
.severance .box-left .list-input.tab .tab-content .easy .box-type .input-date {position: relative; float: left; width: 100%; height: 36px;}
.severance .box-left .list-input.tab .tab-content .easy .msgbox { margin-top: 4px; margin-left: 55px; padding-right: 5px;font-size:11px;letter-spacing: 0px;line-height: 100%; text-align: left; box-sizing: border-box;}
.severance .box-left .list-input.tab .tab-content .easy .msgbox .num { position: absolute; top: 13.3px; left: 70px;font-size:12px;letter-spacing: 0px;color: #3399ff;}
.severance .box-left .list-input.tab .tab-content .easy .msgbox .alrt {color: #ff0000;}
.severance .box-left .list-input.tab .tab-content .box-type {display: inline-block; width: 100%; margin-bottom: 10px;}
.severance .box-left .list-input.tab .tab-content .box-type.on {margin-bottom: 20px;}
.severance .box-left .list-input.tab .tab-content .box-type .txt-date { float: left;width: 100%; margin-bottom: 10px;font-size:14px;letter-spacing: 0px; color: #333; box-sizing: border-box;}
.severance .box-left .list-input.tab .tab-content .box-type .txt-date span { display: inline-block;margin-left: 5px;font-size:12px;letter-spacing: 0px; color: #666; vertical-align: text-bottom;}
.severance .box-left .list-input.tab .tab-content .box-type .input-date {position: relative; float: left; width: 230px;}
.severance .box-left .list-input.tab .tab-content .box-type .input-date.w248 {width: 230px;}
.severance .box-left .list-input.tab .tab-content .box-type .input-date.mr7 {margin-right: 6px;}
.severance .box-left .list-input.tab .tab-content .box-type .input-date input { display: block; width: 100%; height: 36px; padding: 0 30px;border: 0;border: 1px solid #e4e4e4;font-size:13px;letter-spacing: 0px; color: #333; text-align: right; box-sizing: border-box;}
.severance .box-left .list-input.tab .tab-content .box-type .tex {position: absolute; top: 11px; left: 10px;font-size:11px;letter-spacing: 0px; color: #666;}
.severance .box-left .list-input.tab .tab-content .box-type .won {position: absolute; top: 7.5px; right: 9px;font-size:14px;letter-spacing: 0px; color: #999;}
.severance .box-left .list-input.tab .tab-content .box-type .msgbox {margin: 2px 0 10px;font-size:11px;letter-spacing: 0px;}
.severance .box-left .list-input.tab .tab-content .box-type .msgbox .num { position: absolute; top: 9.5px; left: 45px;font-size:12px;letter-spacing: 0px;color: #3399ff;}
.severance .box-left .list-input.tab .tab-content .box-type .msgbox .num.over { top: 39px;left: 0;font-size:11px;letter-spacing: 0px;}
.severance .box-left .list-input.tab .tab-content .box-type .msgbox .num.even {left: 55px;}
.severance .box-left .list-input.tab .tab-content .box-type .msgbox .num.even.over {left: 0;}
.severance .box-left .list-input.tab .tab-content .box-type .msgbox .num.even13 {left: 71px;}
.severance .box-left .list-input.tab .tab-content .box-type .msgbox .num.even13.over {left: 0;}
.severance .box-left .list-input.tab .tab-content .box-type .msgbox .alrt {color: #ff0000;}
.severance .box-left .list-input.tab .tab-content .box-type .msgbox .alrt:after { display: block; width: 100%; height: 10px;content: '';}
.severance .box-left .list-input.tab .tab-content .box-type.on .msgbox {display: block;}
.severance .box-left .list-input.tab .tab-content .list-input .check-box { float: right;width: 66px; height: 34px; margin-top: -10px; border: 1px solid #E4E4E4; background: #fff; cursor: pointer;}
.severance .box-left .list-input.tab .tab-content .list-input .check-box button { padding: 9px 10.5px;font-size:12px;letter-spacing: 0px;color: #666;}
.severance .box-left .btnGp .calBtnReset {position: absolute; right: 52px; bottom: 0px; height: 15px; border-bottom: 1px solid #666;font-size:12px;letter-spacing: 0px; color: #666; line-height: 1;}
.severance .box-left .btnGp .calBtnReset .toolBtnIco.resetBtnIco {padding-right: 5px;}
/* 연봉 계산기 tab-cont content 공통 */
.severance .box-right .tab-cont.on {display: block;}
.severance .box-right .tab-cont{display: none;}
.severance .box-right .tab-content {display: block;}
.severance .box-right .tab-content.current {display: none;}
.severance .box-right .text-group {position: relative; padding-bottom: 53px; border-bottom: 1px solid #e4e4e4;}
.severance .box-right .text-group .toolLyType{top:80px; left: 18px;}
.severance .box-right .toolLyType > .lyCnt {width: 100%; padding: 16px 20px 16px 20px; box-sizing: border-box;}
.severance .box-right .text-group .toolLyType > .lyCnt dl {min-width: 240px;}
.severance .box-right .text-group .toolLyType > .lyCnt dd > ul > li {padding-left: 0;}
.severance .box-right .text-group .toolLyType > .lyCnt dd > ul > li:before {display: none;}
.severance .box-right .text-group .toolLyType .tplLyIcnArrTop {position: absolute; top: -6px; right: 40px;}
.severance .box-right .text-group.blue {display: block;}
.severance .box-right .text-group.red {display: none;}
.severance .box-right .text-group h1 { font-weight: bold;font-size:25px;letter-spacing: -0.5px; text-align: center;}
 
.severance .box-right .text-group .h-blue {color: #3399ff;}
.severance .box-right .text-group .h-red {font-size:18px;letter-spacing: 0px;color: #FF0000;}
.severance .box-right .text-group h4 { left: -1.2px; font-weight:bold;font-size:15px;letter-spacing: 0px; color:#333; text-align: center;}
.severance .box-right table {width: 100%;}
.severance .box-right table.brt {border-top: 1px solid #e4e4e4;}
.severance .box-right table:first-child tr {margin-top: 30px;}
.severance .box-right .tab01-cont table:nth-child(3),
.severance .box-right .tab02-cont table:nth-child(3) {border-top: 1px solid #e4e4e4; border-collapse: inherit;}
.severance .box-right table tr td { padding-bottom: 30px; font-weight: bold;font-size:15px;letter-spacing: 0px; color: #333;}
.severance .box-right table tr td span { font-weight: normal;font-size:12px;letter-spacing: 0px; color: #666;}
.severance .box-right table tr td:last-child {text-align: right;}
.severance .box-right table td.h-blue {font-size:18px;letter-spacing: 0px;color: #3399ff;}
.severance .box-right table td i.h-blue { font-weight: bold;color: #3399ff;}
.severance .box-right table tr td i { padding-right: 10px; font-weight: normal;font-size:22px;letter-spacing: -0.5px; color: #333; font-style: normal; vertical-align: sub;}
/* 연봉 계산기 tab02-cont content */
.severance .btnGp {position: absolute; left: 0; right: 0; bottom: 40px; margin: 0;}
.severance table .pt30 {padding-top: 30px;}
.severance table .p40 {padding: 40px 0!important;}
.severance table .pb40 {padding-bottom: 40px;}
.arrow-right {position: absolute; top: 16px; left: -1px; width: 21px; height: 41px; background-position: -479px -144px;}
/* 연봉 계산기 */
.titBx { margin-bottom: 20px; }
.bx + .titBx { margin-top: 40px; }
.titBx .tit { font-size: 20px; letter-spacing: -0.5px; color: #131618; line-height: 28px; font-weight: bold; }
.titBx .txt { margin-top: 4px; font-size: 14px; letter-spacing: 0; color: #30363C; line-height: 20px; }
.artBx .normalBx { display: flex; flex-direction: column; margin-bottom:20px; padding: 24px; box-sizing:border-box; border: 1px solid #e3e3e3; border-radius: 10px; }
.artBx .normalBx dl { float: none; width: 100%; background: none; display: grid; grid-template-columns: max-content 1fr; column-gap: 8px; margin-top: -8px; }
.artBx .normalBx dl dt { margin-top: 8px; font-size:14px;letter-spacing: 0px; color: #30363C; line-height:20px; font-weight:600; }
.artBx .normalBx dl dd { margin-top: 8px; font-size:14px;letter-spacing: 0px; color: #30363C; line-height:20px; word-wrap: break-word; word-break: keep-all; }
.bxFlex { display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 20px; }
.bxFlex > div { flex: 1 1 0; } 
.normalBx .titGrp { position: relative; margin-bottom: 16px; }
.normalBx .titGrp .tit {font-weight:bold;font-size:18px;letter-spacing: 0px; color:#131618; line-height:24px;}
.normalBx .titGrp .info { position:absolute; top: 2px; right: 0; font-size:13px; letter-spacing: 0px; color:#6C767F; line-height:20px;}
.normalBx .txt { margin-top: 16px; font-size:14px;letter-spacing: 0px; color: #30363C; line-height:20px;}
.normalBx .bgGrp { margin-top: auto; padding: 12px 20px; background: #F4F6F7; font-size:14px;letter-spacing: 0px; color: #30363C; line-height:20px; text-align: center; }
.normalBx .bgGrp strong { font-weight: 600; font-size:16px; line-height:24px; }
.normalBx .bgGrp p + p { margin-top: 2px; }
.normalBx table caption { display: none; }
.normalBx table thead { border-bottom: 1px solid #E2E6E8; background: #F4F6F7; }
.normalBx table thead th { height: 45px; font-weight: 600; font-size:14px;letter-spacing: 0px; color: #30363C; text-align: center; }
.normalBx table tbody td { height: 45px; font-size:14px;letter-spacing: 0px; color: #30363C; text-align: center;  border-bottom: 1px solid #E2E6E8; }
.normalBx table tbody td strong { font-weight: 600; }
.normalBx .faqList .faqItem { border-bottom: 1px solid #E2E6E8; }
.normalBx .faqList .faqItem .faqQ { position: relative; display: block; width: 100%; text-align: left; padding: 16px; color:#30363C; font-size:14px; letter-spacing: 0px; line-height: 20px; font-weight:500; cursor:pointer; }
.normalBx .faqList .faqItem .faqQ .q { margin-right: 4px; font-weight: 600; color:#1B55F6; }
.normalBx .faqList .faqItem .faqQ .arrow { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 18px; height: 18px; background: url('/images/jk-pc/text_user/resume/ico_accordion_arrow_close.png') no-repeat center; background-size: cover; }
.normalBx .faqList .faqItem .faqQ[aria-expanded="true"] .arrow { background-image: url('/images/jk-pc/text_user/resume/ico_accordion_arrow_open.png'); }
.normalBx .faqList .faqItem .faqA { padding: 16px; background: #F4F6F7; color:#30363C; font-size:14px; letter-spacing: 0px; line-height: 20px; }
.normalBx .faqList .faqItem .faqA:not([hidden]) { display: flex; }
.normalBx .faqList .faqItem .faqA .a { margin-right: 4px; font-weight: 600; color:#1B55F6; }
.normalBx .txtdesc { margin-top: 16px; font-size:13px;letter-spacing: 0px; color: #6C767F; line-height:20px; }
.normalBx .txtdesc:before { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right:4px; background: url('/images/jk-pc/text_user/resume/ico_textdesc.png') no-repeat center; background-size: cover; }