@charset "utf-8";

@font-face{
	font-family:"Nanum Gothic";
	src:url("font/NanumGo.eot");
	src:url("font/NanumGo.eot?#iefix") format("embedded-opentype"), 
	url("font/NanumGo.woff2") format("woff2"), 
	url("font/NanumGo.woff") format("woff"), 
	url("font/NanumGo.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:"NaGoBo";
	src:url("font/NanumGoBold.eot");
	src:url("font/NanumGoBold.eot?#iefix") format("embedded-opentype"), 
	url("font/NanumGoBold.woff2") format("woff2"), 
	url("font/NanumGoBold.woff") format("woff"), 
	url("font/NanumGoBold.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

* {-webkit-text-size-adjust: none;}
h1, h2, h3, h4, h5 {font-weight: normal}
h1 {color: #333; font-weight: 700}
/* Skip Navi. */
#skipnav { position: absolute; top: 0; left: 22px; }
#skipnav a {position: absolute; top: -9999px; }
#skipnav a:hover,
#skipnav a:active,
#skipnav a:focus {display: inline-block; top: 0; width: 160px; padding: 5px 0; border:3px solid #ddd; color: #000; font-weight: bold; text-align: center; background-color: #fff; z-index:10000;}
button {font-size: 26px; font-family:"Nanum Gothic", "맑은 고딕", Dotum, sans-serif;}

/* blind */
/* 앱접근성 추가 2023.02.02*/
header .blind {visibility: unset; top: unset !important; left: unset !important; overflow: hidden; clip: rect(0 0 0 0); width: unset; height: unset; font-size: unset; line-height: unset;}
.blind {visibility:hidden; overflow:hidden; position:absolute; top:0!important; left:0!important; width:1px; height:1px; font-size:0; line-height:0}

/* ico sprite */
.ico {display: inline-block; background:url(/ei//images/eim/img-sprite.png) no-repeat;}
.ico.btn-search {position: absolute; right: 20px; top: 50%; width: 48px; height: 46px; margin-top: -24px; background-position: -120px -76px; font-size: 0;}
.ico.new {width: 24px; height: 24px; margin-top: -2px; background-position: -420px -82px;}
.ico.download {width: 30px; height: 26px; background-position: -429px -148px;}
.ico.cal {width: 40px; height: 40px; background-position: -267px -217px}
.ico.check-circle {width: 35px; height: 35px; margin-right: 20px; background-position: -338px -217px}
.ico.info-circle {width: 35px; height: 35px; margin-right: 10px; background-position: -435px -215px}

/* color */
.color-point1 {color: #2679c0 !important;}
.pointStrongBlue {color: #2c3985 !important;}

/* bage text */
.bage {display: inline-block; min-width: 104px; min-height: 40px; font-size: 24px; color:#333; text-align: center; vertical-align: middle; font-weight: 700; border-radius: 40px}
.bage.type-a {background-color: #ffe991}
.bage.type-b {background-color: #d5ec79}
.bage.type-c {background-color: #ddd;} /* 2021.02.28 허규리 추가 */

/* slick bullet */
.slick-dotted.slick-slider {margin-bottom: 0;}
.slick-dots {position: static; margin-top: 20px;}
.slick-dots li {overflow: hidden; width: 16px; height: 16px; border-radius: 50%;}
.slick-dots li button {width: 16px; height: 16px; background: #ccc}
.slick-dots li.slick-active button {background: #0e6bca}
.slick-dots li button:before {content:''; line-height: 1; width: 20px; height: 20px;}

/* tab */
.cont-tab .cont {display: none}
.cont-tab .cont.on {display: block}

/* space */
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;} /*2021.02.16 허규리 추가*/
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.text-right {text-align: right !important;}
.text-left {text-align: left !important;}
.img-center {text-align: center !important; position: relative}

/* ui tab(bage) 메인메뉴(실업급여/모성보호)보더 */
.btn-tab.bage {display: table; width: 100%; }
.btn-tab.bage > li {display: table-cell; height: 70px; border: 1px solid #aaa; border-right: 0;  background-color: #f4f4f4;}
.btn-tab.bage > li:last-child {border-right: 1px solid #aaa;}
.btn-tab.bage > li.on {border-bottom: 0; border-top: 4px solid #1c449c; background-color: transparent;}
.btn-tab.bage > li > a {display: flex; height: 90%; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; color: #5d5d5d; background-color: #f4f4f4; padding: 0 0; outline: 0;}
.btn-tab.bage > li.on > a {color: #0e6ac9; background-color: transparent; }

/* ui tab(type-a) 하단 보더 */
.btn-tab.type-a {display: flex;}
.btn-tab.type-a > li {flex: 1; border-bottom: 1px solid #ccc;}
.btn-tab.type-a > li > a {display: flex; width: 100%; align-items: center; justify-content: center; height: 80px; font-size: 28px; font-weight: 700; color: #555;}
.btn-tab.type-a > li > a:after {content:''; display: inline-block; width: 28px; height: 16px; margin-left: 20px; background: url(/ei/images/eim/img-sprite.png) no-repeat -238px -82px;  transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.btn-tab.type-a > li.on {border-bottom: 2px solid #1c449c;}
.btn-tab.type-a > li.on a {color: #1c449c;}
.btn-tab.type-a > li.on a:after{transform: rotate(0deg); -webkit-transform: rotate(0deg);}

/* ui tab(type-b) 전체 보더 */
.btn-tab.type-b {display: table; width: 100%; border-collapse: collapse;}
.btn-tab.type-b > li {display: table-cell; height: 70px; border: 1px solid #ccc; border-right: 0}
.btn-tab.type-b > li:last-child {border-right: 1px solid #ccc;}
.btn-tab.type-b > li > a {display: flex; align-items: center; justify-content: center; height: 70px; font-size: 28px;}
.btn-tab.type-b > li.on {border: 1px solid #2f98ce;}
.btn-tab.type-b > li.on + li {border-left: 1px solid #2f98ce;}
.btn-tab.type-b > li.on:last-child{border-right: 1px solid #2f98ce;}
.btn-tab.type-b > li.on > a {color: #2679c0}

/* custom radio */
.custom-radio-wrap > ul {display: table; border-collapse: collapse}
.custom-radio-wrap > ul > li {display:table-cell; min-width: 190px; height: 70px; border: 1px solid #ccc; border-right: 0;}
.custom-radio-wrap > ul > li:last-child {border-right: 1px solid #ccc}
.custom-radio-wrap > ul > li.on {border-color: #2f98ce}
.custom-radio-wrap > ul > li.on + li {border-left: 1px solid #2f98ce}
.custom-radio-wrap > ul > li.on > button {color: #2679c0}
.custom-radio-wrap > ul > li.on:last-child {border-right: 1px solid #2f98ce}
.custom-radio-wrap > ul > li > button {display:inline-block; width: 100%; height:100%; font-size: 26px; color: #555}
.inp-row.col2 {display: flex; align-items: center; justify-content: space-between;}

/* 20210121 추가 */
.label-button {display: inline-block;}
.label-button > input[type="radio"] {position: absolute; width: 0; height: 0; font-size: 0; margin: 0 0; padding: 0 0; border: 0;}
.label-button label {display: inline-block; min-width: 190px; height: 70px; line-height: 68px; text-align: center; border: 1px solid #ccc;}
.label-button > input[type="radio"]:checked + label {border-color: #2679c0; color: #2679c0;}
/* select 디자인이 없어 임시로 만듬 */
.custom-select {width: 100%; height: 70px; padding: 0 60px 0 20px; font-size: 26px; border: 1px solid #ddd; background: url('/ei/images/eim/bg-select.png') no-repeat right 20px top 50% #fff; color: #555; box-sizing: border-box; -webkit-appearance: none; appearance: none;}

/* gnb */
.wrap.sub {height: 100%;}
.wrap.sub .container {min-height: calc(100% - 220px);}
.gnb-menu {position: fixed; left: 48px; top: 0; bottom: 0; right: 0; width: auto; background-color: #fff; z-index: 100; transition: 0.3s; transform: translateX(100%); -webkit-transform: translateX(100%);}
.gnb-menu.on {transform: translateX(0);  -webkit-transform: translateX(0);}
.gnb-menu.on::before {content: ""; display: block; position: fixed; top: 0; left: -48px; bottom: 0; width: 48px; background: rgba(0,0,0,0.3);}
.gnb-menu .body-area {overflow-y: scroll; scroll-behavior: smooth;  height: 100%; padding-top: 0;}
.gnb-menu .top-area {width: 100%; background-color: #fff; z-index: 101; display:flex; align-items:center; justify-content: space-between; height: 110px; padding: 0 36px; border-bottom: 2px solid #ccc; box-sizing: border-box;}
.gnb-menu .top-area .home {width: 52px; height: 46px; background-position: -178px -144px;}
.gnb-menu .top-area .mypage {width: 36px; height: 40px; background-position: -252px -144px;}
.gnb-menu .top-area .menu-close {width: 34px; height: 32px; margin-left: 20px; background-position: -310px -148px;}
.gnb-menu .left-area {position:fixed; top: 110px; bottom: 0; width: 220px; padding: 0 15px 40px 15px; background-color: #EFF6FF; box-sizing: border-box}
.gnb-menu .right-area > ul {padding-top: 29px;}
.gnb-menu .right-area > ul.on {display:block;}
.gnb-menu .left-area ul li:not(:first-child) {margin-top: 0}
.gnb-menu .left-area ul li a {display: block; padding: 30px 4px 30px 16px; font-size: 24px; font-weight: 700; color: #111; letter-spacing: -1px}
.gnb-menu .left-area ul li a.active {color: #1c449c; background: #fff; margin-right:-17px; margin-left: -15px; border-left:10px solid; border-bottom: 2px solid #ccc; margin-bottom:-2px;}
.gnb-menu .right-area {width: calc(100% - 220px); margin-top: 0; margin-left: 220px; padding: 0 24px 1100px 24px; box-sizing: border-box; border-left: 2px solid #ccc}

.gnb-menu .right-area .title {padding-bottom: 16px; }
.gnb-menu .right-area .title a {font-size: 28px; font-weight: 700;}
.gnb-menu .right-area > ul > li:not(:first-child) {margin-top: 36px;}
.gnb-menu .right-area > ul > li .list {padding: 0 0 30px 22px; color:#5062D4;  }
.gnb-menu .right-area > ul > li .list li:not(:first-child) {margin-top: 16px;}
.gnb-menu .right-area > ul > li .list a {font-size: 22px; color: #555; font-weight: 400; letter-spacing: -1px;}
.gnb-menu .right-area > ul > li {border-bottom: 2px solid #ccc}
.gnb-menu .left-area > ul > li {border-bottom: 2px solid #ccc}



/* sub layout */
.sub header {position: fixed; flex-wrap: wrap; left: 0; top: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 110px; padding: 0 36px; border-bottom: 1px solid #ccc; background-color: #fff; box-sizing: border-box; z-index: 100;}
.sub header .util-area {display: flex; align-items: center}
.sub header .btn-back a {position: absolute; top:43px; left: 0; display: inline-block; width: 24px; height: 24px; margin-right: 20px; border-top: 4px solid #5c5c5c; border-right: 4px solid #5c5c5c; transform: rotate(225deg); -webkit-transform: rotate(225deg);}
.sub header .btn-back {position: relative; display: flex; width: 75%; height: 110px; padding-left: 44px; align-items: center; font-size: 34px; font-weight: 700; letter-spacing: -0.079em; box-sizing: border-box;}
.sub header .mypage {width: 36px; height: 40px; background-position: -252px -144px;}
.sub header .menu-open {width: 38px; height: 31px; margin-left: 20px; background-position: -360px -147px;}
.sub .container {padding-top: 110px;}

.sub header .tab-menu {display: none; width: 100%; margin-top: 16px;}
.sub header .tab-menu ul li a {display:inline-block; width: 100%; height: 100%; font-size: 30px; color: #333; font-weight: 700}
.sub header .tab-menu ul li.on {border-bottom: 6px solid #333}

/* input */
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="password"] {height: 70px; padding: 14px 20px; border: 1px solid #ddd; color: #333; background-color: #fff; box-sizing: border-box; font-size: 26px; font-family:"Nanum Gothic", "맑은 고딕", Dotum, sans-serif; appearance: none; -webkit-appearance: none; border-radius: 0;}
input:read-only {border-color: #fff; background: #fafafa;}

/* select */
.select-wrap {display: inline-block; position: relative;}
.select-wrap:after {content:''; display: inline-block; width: 18px; height: 18px; position: absolute; right: 30px; top: 23px; margin-right: 10px; border-top: 2px solid #909090; border-right: 2px solid #909090; transform: rotate(135deg); -webkit-transform: rotate(135deg); box-sizing: border-box }
.select-wrap select {appearance: none;}

/* button */
.btn-basic {display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ccc;}
.btn-basic.small {height: 70px; min-width: 80px; padding:0 20px; font-size: 26px}
.btn-basic:disabled {background-color: #f4f4f4;}
.btn-solid {display: flex; align-items: center; justify-content: center; background-color: #555; color: #fff;}
.btn-solid.small {height: 70px; min-width: 80px; font-size: 26px}
.btn-basic.large {height: 80px; font-size: 30px;}
.btn-default {align-items: center; justify-content: center; height: 80px; background-color: #fff; border:2px solid #777; color: #555; font-weight: 700; font-size: 32px;}
.btn-confim {align-items: center; justify-content: center; height: 80px; border:2px solid #2f98ce; background-color: #2f98ce; color: #fff; font-weight: 700; font-size: 32px;} /*2021.02.17 주기능 버튼 색상 허규리 수정*/
.btn-download {align-items: center; justify-content: center; height: 80px; border:2px solid #2f98ce; background-color: #2f98ce; color: #fff; font-weight: 700; font-size: 32px;} /*2021.02.17 다운로드 버튼 색상 수정*/
.btn-wrap.col-100 {margin-top: 40px;}
.btn-wrap.col-100 button {width: 100%;}
.btn-wrap.col-50 {display: flex; justify-content: space-between; margin-top: 40px;}
.btn-wrap.col-50 button {width: calc(50% - 10px)}
.btn-wrap + .h2-title {margin-top: 60px;} /* 210119 추가 */
.table-wrap + .h2-title {margin-top: 60px;} /* 210119 추가 */
a.btn.bg2{background:url(/ei/images/icon/btn-download.png) no-repeat center right 15px; padding: 0px 44px 0px 18px; border:1px solid #0065c7; color:#0065c7 !important; background-color:#fff;}/*다운로드*/

/* 초기화, 계산하기 버튼 특정 */
.btn-wrap.col-37 {display: flex; justify-content: space-between; margin-top: 40px;}
.btn-wrap.col-37 button.btn-default {width: 38%}
.btn-wrap.col-37 button.btn-confim {width: 59%}
.btn-wrap.col-37 button.btn-confim.full-size,
 button.btn-confim.full-size {width: 100%;}

/* notice-box */
.notice-box {margin-top: 120px; padding: 40px; background-color: #f9fbff;}
.notice-box .title {margin-bottom: 40px; font-size: 30px; font-weight: 700}
.notice-box .text {font-size: 26px;}

/* list */
.bull-list > li {position: relative; padding-left: 20px; font-size: 26px; color: #555;}
.bull-list > li:not(:first-child) {margin-top: 20px}
.bull-list > li:before {content:''; position: absolute; left: 5px; top: 10px; display: inline-block; width: 5px; height: 5px; background-color: #555; border-radius: 50%;}
.bull-list.type-dash > li {line-height: 1.8}
.bull-list.type-dash > li:before {width: 8px; height: 1px; top:25px;}
.bull-list + .txt{margin-top: 10px;} /* 210119 추가 */

.sub header {background-color: #fff; box-shadow: none;}
.sub .content {padding:60px 38px 110px 38px ;}
.sub .content .btn-tab.type-a {margin: 0 -38px}
.sub .content > .ui-tab-wrap:first-child {margin-top: -60px;}

/* login */
.content.login .cont-tab {padding: 80px 0 100px}
.content.login .txt {font-size: 30px; text-align: center}
.content.login .login-input-wrap {margin-top: 100px;}
.content.login .input-wrap {margin-top: 20px;}
.content.login .input-wrap input:not(:first-child) {margin-top: 10px;}
.content.login .login-input-wrap .title {font-size: 28px;}
.content.login .login-input-wrap input {width: 100%}
.content.login .login-btn-wrap {display: flex; flex-direction: column; margin-top: 40px;}
.content.login .login-btn-wrap .btn-basic:not(first-child) {margin-top: 10px;}
.content.login .btn-pass {display: flex; justify-content:center; margin-top: 20px; text-decoration: underline; font-size: 24px; text-align: center}

/* footer */
footer {padding: 60px 0 64px 0; background-color: #f9f9f9; text-align: center}/* foor bar 적용을위한 하단패딩적용 (64px -> 174px) */
footer .agree-list {display: flex; flex-direction: row; align-items: center; justify-content: center;}
footer .agree-list li {position:relative; padding: 0 22px;}
footer .agree-list li:first-child {padding-left: 0}
footer .agree-list li:last-child {padding-right: 0}
footer .agree-list li:before {content:''; position: absolute; left: 0; top: 3px; display: inline-block; width: 1px; height: 20px; background-color: #ccc;}
footer .agree-list li:first-child:before {display: none}
footer .agree-list a {font-size: 22px; color: #666;}
footer .agree-list a strong {font-size: 24px; font-weight: 700; color: #333; text-decoration: underline; text-underline-position: under;}
footer .copy {margin-top: 30px; color: #666; font-size: 22px;}
.sub footer {margin-top: 0;}

/* 검색박스 */
.search-line {margin-bottom: 30px;}
.search ul {display: flex; align-items: center; flex-direction: column; box-sizing: border-box}
.search ul li {position: relative; width: 100%}
.search ul li.select .select-wrap {display: block;}
.search ul li.select select {width: 100%; padding-right: 80px;}
.search ul li:not(:first-child) {margin-top: 20px;}
.select-wrap select {position: relative; border: 1px solid #bbb; background-color:#fff; width: 150px; height: 70px; padding: 0 20px; color: #757575; font-size: 24px;}
.search input {border: 1px solid #bbb; width: 100%; color: #757575; }


/* 카드 리스트 */
.card-list li {position: relative; padding: 30px 30px 20px 0; border-bottom: 1px solid #efefef}
.card-list li:after {content:''; display: inline-block; width: 20px; height: 20px; position: absolute; right: 0; top: 38px; margin-right: 10px; border-top: 2px solid #5c5c5c; border-right: 2px solid #5c5c5c; transform: rotate(45deg);  -webkit-transform: rotate(45deg); box-sizing: border-box }
.card-list li > a {display:flex; flex-direction: column; }
.card-list li:not(:first-child) {margin-top: 20px;}
.card-list .title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 38px; font-size: 26px; color: #555}
.card-list .etc-wrap {display: flex; align-items: center; margin-top: 15px;}
.card-list .etc-wrap > span {font-size: 24px; color: #777}
.card-list .category {color: #2f55a7}

/* 공지사항 상세 */
.notice-view .top-area {display:flex; flex-direction: column; padding-bottom: 20px; border-bottom: 1px solid #efefef}
.notice-view .top-area .title {font-size: 30px; color: #555; font-weight: 700;}
.notice-view .top-area .title .category {color: #2f55a7}
.notice-view .top-area .etc-wrap {margin-top: 15px; font-size: 24px; color: #777;}
.notice-view .body-area {padding: 40px 0; font-size: 24px; color: #555;}
.notice-view .footer-area {padding-top: 60px; border-top: 1px solid #efefef}
.notice-view .footer-area .title {margin-bottom: 26px; font-size: 32px; color: #333; font-weight: 700;}
.notice-view .footer-area li:not(:first-child) {margin-top: 20px}
.notice-view .footer-area li a {font-size: 26px; color: #656565;}
.notice-view .footer-area li .icon {margin-left: 20px;}
.notice-view .footer-area li .text {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 90%;}
.table-view {padding-top: 20px; }
.table-view table {width: 100%;}
.table-view th, .table-view td{padding: 20px 10px 20px 30px; border-bottom: 1px solid #e1e1e1; text-align: left; font-size: 26px;}
.table-view tr:first-child th, .table-view tr:first-child td {border-top: 1px solid #e1e1e1;}
.table-view th {color: #424242;	background-color: #fafafb;}
.table-view td {color: #666;}
.table-view + .btn-area {display: flex; justify-content: flex-end; margin-top: 20px;}
.table-view .notice-text {height: 300px}

/* paging. s. 0203수정 */
.paging{margin-top:40px;text-align:center;}
.paging .first img, .paging .end img {height: 40px;}
.paging .prev img, .paging .next img {height: 40px;}
.paging>a {width:30px; margin:0 5px; color:#505050;line-height:48px; border:1px solid #dfd7d4;vertical-align:middle;*margin-right:1px; border-radius:3px; font-size: 24px}
.paging>a:hover{border:1px solid #555; color:#06C;}
.paging>a.on{color:#fff;border-color:#555;background-color:#555;}
.paging>a.move{line-height:0;border:none;}
.paging>a.move.prev{margin: 0 40px 0 30px;}
.paging>a.move.next{margin: 0 30px 0 40px;}
.paging>a.long {width:inherit; padding:0 20px; display:inline-block;}
/* 0203 추가 */
.paging-wrap {position: relative; display: inline-block; vertical-align: middle; width: 180px; height: 70px;}
.paging-scroll {width: 180px; height: 70px; border: 1px solid #ccc; background: #fff;}
.paging-scroll a {display: none; height: 68px; line-height: 68px; font-size: 32px;}
.paging-scroll a.on {display: block; float: left; width: 118px; background: #fff; color: #0065c7; font-weight: 700;}
.paging-scroll a.more-view {display: block; float: right; width: 60px; height: 70px; background: url('/ei/images/eim/ico-fold.png') no-repeat right 20px top 50%; font-size: 0;}
.paging-scroll.open {position: absolute; bottom: 0; z-index: 100; height: auto;}
.paging-scroll.open a {display: block;}
.paging-scroll.open a.on {float: none; width: 100%; background: #0065c7; color: #fff;}
.paging-scroll.open a.more-view { background: url('/ei/images/eim/ico-unfold.png') no-repeat right 20px top 50%;}
/* paging. e. */


/* 자주하는질문 리스트 */
.card-list.type-qna .title span {display: block; margin-bottom: 10px;}
.card-list.type-qna .etc-wrap {margin-top: 10px;}
.card-list.type-qna li:after {top: 80px;}
.slider-wrap {overflow-x: auto; margin-bottom: 40px;}
.slider-tab {display: flex; flex-direction: row; align-items: center;}
.slider-tab li {flex: none;}
.slider-tab li:not(:first-child) {margin-left: 20px;}
.slider-tab li a {display: inline-flex; align-items: center; justify-content: center; min-width: 145px; height: 70px; padding: 0 40px; border: 2px solid #2f98ce; box-sizing: border-box; color: #555; border-radius: 35px; font-size: 26px;}
.slider-tab li.on a{color: #fff; border-color: #2f55a7; background-color: #2f55a7}

/* 고용센터 찾기 */
.card-list.type-center li:after {top: 80px;}
.card-list.type-center .title {white-space: normal;}
.card-list.type-center .category {display: block; margin-bottom: 10px;}
.card-list.type-center .etc-wrap .btn-basic:not(:first-child) {margin-left: 10px;}
.notice-list .btn-tab > li a:after {display: none;}
.notice-list > .notice-box:first-child {margin: -60px -38px 20px -38px;}
.notice-list > .notice-box:first-child .title {margin-bottom: 20px}

/* 이용약관 */
.agree-box {font-size: 26px;}
.agree-box .txtBox {border: 1px solid #c7c7c7;	margin-top: 10px; padding: 20px;}
.agree-box p.boxTitle{margin-left:-10px;padding:0 5px;font-family:"NaGoBo";font-size:14px;text-align:center;line-height:55px;background-color:#f1f1f1;}
.agree-box .boxTitle>.blue{font-size:18px;color:#2c3985;}
.agree-box .boxTitle>.green{font-size:18px;color:#377e88;}
.agree-box .contentInfo{position:relative;margin-bottom:40px;*margin-bottom:5px;}/*20201222 ÀÌÁö¼÷ */
.agree-box .contentInfo.last ul.joinInfo{padding:43px 0;overflow:hidden;}
.agree-box .contentInfo.last ul.joinInfo>li{width:271px;padding-left:60px;text-align:center;border-left:1px dashed #ccc;float:left;}
.agree-box .contentInfo.last ul.joinInfo>li:first-child{border-left:none;padding-right:61px;padding-left:0;}
.agree-box .contentInfo.last ul.joinInfo>li>p{width:85%;margin:auto;padding:15px 0;*padding:0;}
.agree-box .title {margin-bottom: 20px;}
div.table table.default2 {width:100%;border-top:1px solid #868686;}
div.table table.default2 th{background-color:#f9fbff;border-bottom:1px solid #ebedf0; border-right:1px solid #ebedf0 !important;}
div.table table.default2 th, div.table table.default2 td{padding:7px 10px;border-left:0px solid #ebedf0;color:#666;}/*20201126 이지숙*/
#popContent td:first-child{border-left:none;}
div.table table.default2 th:first-child,.div.table table.default2 td:first-child{border-left:none;}
div.table table.default2 td{border-bottom:1px solid #ebedf0;line-height:130%;}

div.viewTable{border:1px solid #c7c7c7;margin-bottom:30px;}
div.viewTable table{width:100%;}
div.viewTable tr:first-child>th,div.viewTable tr:first-child>td{border-top:none;}
div.viewTable th{font-family:"Nanum Gothic" ;font-size:16px;color:#2c3985;padding:18px;text-align:center;border-top:1px solid #c7c7c7;background-color:#f0f0f0;}
div.viewTable td{font-weight:bold;color:#666;padding:18px;border-top:1px solid #c7c7c7;border-left:1px solid #c7c7c7;vertical-align:bottom;}

/* etc */
.font-26 {font-size: 26px !important;}
.font-28 {font-size: 28px !important;}
.font-32 {font-size: 32px !important;}
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}
.mt0 {margin-top: 0;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}
.pt20 {padding-top: 20px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.w220 {width: 220px;}
a.new-open {display: inline-block; border: 1px solid #2f55a7; padding: 0 50px 0 10px; color: #2f55a7; line-height: 56px; background: url('/ei/images/eim/btn-blank.png') no-repeat right 10px top 50% #fff; background-size: 32px;}

.hidden {position: absolute;top: -9999px;left: -9999px;width: 0px;height: 0px;text-indent: -9999px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {font-size: 24px;}
.ui-datepicker .ui-datepicker-title {font-size: 26px;}
.ui-widget-header .ui-icon {background: #fff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {width: 32px !important; height: 32px !important;}
.ui-icon-circle-triangle-w {width: 32px !important; height: 32px !important; background: url('/ei/images/eim/icon/paging-prev.png') no-repeat left 50% !important; background-size: 24px 32px !important;}
.ui-icon-circle-triangle-e {width: 32px !important; height: 32px !important; background: url('/ei/images/eim/icon/paging-next.png') no-repeat right 50% !important; background-size: 24px 32px !important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {margin-left: -16px !important;}

/*20210125 추가*/
.is_chkbox input {display:inline-block;}
.is_chkbox {display: flex;
    flex-direction: row;
    align-items: center;
    margin-top:20px;
}


/* 210121 마이페이지 추가 */
.my-page .top-title {display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 700; color: #848484;}
.my-page .top-title .name {color:#1c449c; font-size: 32px;}
.my-page .top-title .icon-title {display: inline-block; width: 26px; height: 29px; margin-right: 3px; background: url(/ei/images/eim/icon/icon-my.png) no-repeat}
.my-page .my-step {display: flex; align-items: center; justify-content: space-between; margin-top: 50px;}
.my-page .my-step li {text-align: center}
.my-page .my-step .num-wrap {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; border: 1px solid #828282; font-size: 40px; font-weight: 700; color: #555;}
.my-page .my-step .num {display: inline-block; margin-top: -13px}
.my-page .my-step .num:after {content: ''; display: block; width: 26px; height: 2px; margin-top: -4px; background-color: #555;}
.my-page .my-step .txt {display: inline-block; width: 63px; height: 34px; margin-top: 5px; font-size: 20px; border: 1px solid #707070; color: #555; text-align: center; line-height: 32px;}
.my-page .my-notice {margin: 45px 0 20px; padding: 20px; border: 1px solid #707070;}
.my-page .my-notice li {font-size: 26px; line-height: 1.6; color: #616161}
.state-box {margin-bottom: 45px;}
.state-box:last-child {margin-bottom: 0;}
.state-box:last-child {margin-bottom: 0;}
.state-box > .title {padding-bottom: 15px; font-size: 26px; font-weight: 700; color: #5b5b5b; border-bottom: 1px solid #707070}
.state-box > .title .num{font-size: 36px;}
.state-box table {width: 100%}
.state-box td {padding: 24px 10px; border-bottom: 1px solid #707070; font-size: 24px; text-align: center; vertical-align: middle;}
.state-box td .btn-basic {min-width: 60px; height: 40px; padding: 0 10px; font-size: 24px; line-height: 34px; border-color: #707070; color: #474747;}
.state-box.type-total td {padding-left: 0; padding-right: 0;}
.state-box.type-total .state-label {display: inline-flex; align-items: center; justify-content: center; min-width: 62px; height: 36px; padding: 0 5px; font-size: 24px; border: 1px solid #707070; color: #474747;}


/*20210122 고용안정지원금 테이블 추가*/
div.table table.default3{width:100%;}
div.table table.default3 th{background-color:#f9fbff;border-bottom:1px solid #ebedf0; border-right:1px solid #ebedf0 !important;}
div.table table.default3 th, div.table table.default3 td{padding:7px 10px;border-left:0px solid #ebedf0;color:#666; vertical-align: middle;}
#popContent td:first-child{border-left:none;}
div.table table.default3 th:first-child,.div.table table.default3 td:first-child{border-left:none;}
div.table table.default3 td{border-bottom:1px solid #ebedf0;line-height:130%;}
div.table table.default3 thead tr:first-child th,
div.table table.default3 thead tr:first-child td {border-top: 2px solid #868686;}
.t_btop {border-top: 2px solid #868686;}
.mt20 {margin-top: 20px!important;}

/*20211029 로그인 레이어 스타일 정의 */
.pass-layer {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
.pass-layer .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} 
.pass-layer .pass-apply-contents {position: absolute; top: 30px; left: 50%; width: 600px; margin-left: -300px; background: #fff;}
@media screen and (max-width: 540px) {
	.pass-layer .pass-apply-contents {position: absolute; top: 30px; left: 50%; width: 500px; margin-left: -250px; background: #fff;}
	.li-circle {text-indent: -12px !important;}
	.li-star {text-indent: -9px !important;}
	.li-dash {text-indent: -5px !important;}
	.li-billiard {text-indent: -13px !important;}
}
.page_title{padding:36px 32px 23px 32px;border-bottom: 2px solid #f5f5f5;position:relative; border-top:4px solid #8951ff;}
.page_title h2{font-size: 17px;font-weight: bold;color: #000;}
.page_title h2 em {overflow: hidden; position: absolute; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px;}
.page_title h2:before{content: ""; display: inline-block; vertical-align:top; width:111px;height:18.87px; background: url('/ei/images/common/pass/logo_passauth.png') no-repeat;background-size: 100% auto}
.page_title h2 span{font-size: 14px;font-weight: 300;color: #666;}
.page_title h2 span:before{content: ""; display: inline-block; width: 1px; height: 12px; background-color: #ddd;vertical-align: middle; margin:0 5px;} 
/* join */
.sub_title {position:sticky; top:0; padding:60px 30px 0; background-color:#fff; border-top:4px solid #8951ff; z-index:1;}
.sub_title .inner {padding:0 0 12px; border-bottom:2px solid #222;}
.sub_title .inner h3 {font-size:30px; font-weight:bold;}
.inner{width:100%; padding:0 30px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/* 개인정보보호 */
.private_wrap .private {padding-top:10px; padding-bottom:42px; color:#888; font-size:24px; line-height:1.429; word-break:keep-all;}
/* 팝업 닫기 */
.btn_close {display:block; box-sizing:border-box; position:absolute; top:16px; right:16px; width:40px; height:40px; padding:10px; background-color:#fff; z-index:100;}
.btn_close img {width:100%;}
/* join */
.join_section{padding:36px 0 0 0;}

.join_step {padding:0 0 30px;}
.join_step li{font-size:24px;color: #000;}
.join_step li span{display: inline-block;margin-right: 5px; font-family:'Roboto';font-size:24px;color: #bbb;}
.join_step li img{display:block; max-width:100%; margin:0 auto 20px;}
.join_step li:first-child img {width:226px;}
.join_step li:nth-child(2) img {width:217px;}
.join_step li strong {color:#8951ff;}

.join_step_btm {padding:9px 0;border-top:3px solid #8951ff;}
.join_step_btm p{color:#666; font-size:14px; line-height:20px;}
.btnG {display:table; bottom:0; left:0; width: calc(100% + 60px); margin: 20px -30px 0 -30px; z-index:2;}
.btnG::after {content:""; display:block; height:0; clear:both;}
.btnG div {display:table-cell; min-width:50%; width:50%; /* width:100%; */}
.btnG div:first-child {}
.btnG div:last-child {flex:1;}
.btnG div button {width:100%; height:52px; font-size:18px; font-weight:700;}
.btnG div button.cancel {background-color:#ddd; color:#222;}
.btnG div button.again {background-color:#666; color:#fff;}
.btnG div button.ok {background-color:#8951ff; color:#fff;}

/* 2021.02.02 추가 */
.show {display: block;}
tr.show {display: table-cell;}
.hide {display: none;}
.no-data {padding: 40px 0 !important; text-align: center; font-size: 32px; font-weight: 700; background: #fff;}
.no-data:after {display: none !important;}

/*2021.02.16 허규리 ul스타일 추가*/
ul.blueDot>li{background:url(/ei/images/eim/lightbluebullet.gif) no-repeat 0 15px;padding:0 0 5px 10px;}
.bold {font-weight:bold;}
.employ-1 {background:url(/ei/images/eim/worker_jiwon.png)no-repeat; width:86px; height:84px; position:relative; top:5px; margin-right:15px;}
.employ-2 {background:url(/ei/images/eim/bussiness_jiwon.png)no-repeat; width:86px; height:84px; position:relative; top:15px; margin-right:15px;}
.m_plus {background:url(/ei/images/eim/QuickMenu_Plus_tobe.png)no-repeat; width:40px; height:40px; background-size:100%; display:inline-block; position:absolute; right:90px; top:30px;}

/* 2021.02.19 추가 */
body.fixed {overflow: hidden;}

/* 2021.02.22 푸터 고정메뉴 스타일 정의 */
.foot-nav {display: flex; justify-content: space-around; position: fixed; right: 0; bottom: 0; left: 0; z-index: 30; height: 110px; background: #f9f9f9; text-align: center;}
.foot-nav a {display: block; flex: 1; padding-top: 60px; box-sizing: border-box; font-size: 24px; letter-spacing: -1px;}
.foot-nav a.home {flex-grow: 1; background: url(/ei/images/eim/icon/foot-nav1.png) no-repeat center 16px; background-size: 40px;}
.foot-nav a.mypage {flex-grow: 0.7; background: url(/ei/images/eim/icon/foot-nav2.png) no-repeat center 16px; background-size: 32px;}
.foot-nav a.faq {flex-grow: 0.9; background: url(/ei/images/eim/icon/foot-nav3.png) no-repeat center 16px; background-size: 40px;}
.foot-nav a.job-card {flex-grow: 1.1; background: url(/ei/images/eim/icon/foot-nav4.png) no-repeat center 16px; background-size: 32px;}
.foot-nav a.report {flex-grow: 1.3; background: url(/ei/images/eim/icon/foot-nav5.png) no-repeat center 16px; background-size: 32px;}

/* 2021.02.28 허규리 다운로드 이미지 사이즈 수정 */
a.btn.bg2{background:url(/ei/images/icon/btn-download.png) no-repeat center right 15px; padding: 0px 44px 0px 18px; border:1px solid #0065c7; color:#0065c7 !important; background-color:#fff; background-size:32px;}/*다운로드*/

/* 2021.03.02 data view 타입 table */
table.data-view1 tr th {vertical-align: middle; line-height: 1.7; letter-spacing: -0.079em; border-bottom: 1px solid #ddd; padding: 16px 12px; background: #fafafa; text-align: left; color: #333; font-weight: 400;}
table.data-view1 tr td {vertical-align: middle; line-height: 1.7; letter-spacing: -0.079em; border-bottom: 1px solid #ddd; padding: 16px 12px;}
table.data-view1 tr:first-child th,
table.data-view1 tr:first-child td {border-top: 1px solid #ddd;}

/* 2022.01.26 임현우 indent 추가*/
.ul-indent > li > span {position: relative; left: 5px;}
.ul-indent > .ul-indent {padding-left: 30px;}
.ul-indent-decimal {list-style-type: decimal; margin-left: 30px;}
.ul-indent-none {padding-left: 30px; text-indent: -27px;}
.li-star {padding-left: 5px; margin-top: 0 !important; text-indent: -15px;}
.li-star::before {content: "*";}
.li-dash {padding-left: 5px; margin-top: 0 !important; text-indent: -9px;}
.li-dash::before {content: "-";}
.li-dot {padding-left: 5px; margin-top: 0 !important; text-indent: -3px;}
.li-dot::before {content: "·";}
.li-circle {padding-left: 25px; margin-top: 0 !important; text-indent: -30px;}
.li-circle::before {content: "○"; margin-right: 5px;}
.li-smallCircle {padding-left: 20px; margin-top: 0 !important; text-indent: -20px;}
.li-smallCircle::before {content: "ㅇ";}
.li-circledouble {padding-left: 20px; margin-top: 0 !important; text-indent: -21px;}
.li-circledouble::before {content: "◎";}
.li-billiard {padding-left: 20px; margin-top: 0 !important; text-indent: -24px;}
.li-billiard::before {content: "※";}
.li-billiard.billiard-blue::before {content: "※"; color: #00f;}
.li-billiard.billiard-bold::before {content: "※"; font-weight: bold;}
.li-billiard-red {padding-left: 27px; text-indent: -25px;}
.li-billiard-red::before {content: "※"; color: red;}
.li-check-round ~ .li-dash {padding-left: 40px; margin-top: 0 !important; text-indent: -7px;}
.li-check-round:first-child {margin-top: 20px;}
.li-check-round {margin-top: 30px; margin-bottom: 10px; padding-left: 45px; font-weight: 700; line-height: 35px; background: url(/ei/images/eim/ico-s-check1.png) no-repeat left 50%;}

/* 2022.01.26 임현우 첨부파일 ellipsis, 미리보기 추가 */
.fileReadType:after {content: attr(data-filetype); position: absolute; left: 100%; top: 0;}
.preview-main {position: fixed; top:13%; width:90%; height:60%; z-index:777;}
.preview-bg {position: fixed; top: 0px; left:0px; width:100%; height:100%; background-color: black; opacity:0.8;}
#previewImg {position: absolute; width: 100%; height: 100%; background-color:white;}
#previewClose {position: absolute; right:15px; width:40px; height:40px; background-color:#333; z-index:888;}
#previewCloseImg{width: 100%; height: 100%; object-fit: scale-down;}

/* 2022. 04.21 임현우 survey  */
#surveyContainer {margin-top: 50px;}
#surveyDialog {width:100%; height:330px; position: relative; border-radius: 20px; padding-top: 40px; box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%); background-color: white;}
.surveyTxtBox {width:100%; text-align:center;}
.surveyTxtBox2 {width:100%; display: flex; justify-content: center;}
.surveyTxtBox2 img {vertical-align: middle; margin-right: 20px;}
.surveyTxt {font-size: 32px; font-weight: bold; color: #222222;}
.surveyTxt2 {font-size: 28px; color: #555555; margin-top: 2px;}
.surveyBtnBox {width: 100%; margin: 30px 0 30px 0; text-align: center;}
.surveyBtnBox button {width:200px; height:70px; margin-right: 10px; border-radius: 10px; background-color:#abaaaf; color:#ffffff;}
.surveyBtnBox button:last-child {width:200px; height:70px; margin-left: 10px; border-radius: 10px; background-color:#2f98cd; color:#ffffff;}
.surveyBtnBox button strong {font-size:28px;}
.surveyCloseBox {width: 100%; height: 70px; line-height: 70px; background-color: #f2f5fa; position: absolute; bottom: 0; font-size: 22px;}
.surveyCloseBox label {margin-left: 25px;}
.surveyCloseBox label span{margin-left: 10px;}
.surveyCloseBtn {position: absolute; right: 25px; color: #545454;}
.surveyCloseBtn img {margin-left: 10px; vertical-align: middle;}

/* 2023.07.27 김희률  */
/* Font Color and Size */
.pointBlue{color: #0d63bc!important;}
.pointRed{color: #b71c1c!important;}
.pointRedB{color: #b71c1c!important; font-weight: 700;}
.fontSize80{font-size: 80%;}

/* padding */
.pl10{padding-left: 10px!important;}
.pl25{padding-left: 25px!important;}
.pl30{padding-left: 30px!important;}
.pl50{padding-left: 30px!important;}

/* margin */
.ml30{margin-left: 30px!important;}
.mb20{margin-bottom: 20px!important;}