@charset "utf-8";
.hidden {
  display: none;
}

#mtu select {
  width: 100%;
  min-height: 35px;
  padding: 0 20px 0 4px;
  font-size: 1.071em;
  color: #999;
  border: 1px solid #e0e0e0;
  background-image: url("/content/images/m/text_User/sp_mtu_mng.png");
  background-repeat: no-repeat;
  background-position: 100% -121px !important;
  background-size: 50px 250px;
  -webkit-box-sizing: border-box;
}

#mtu select option:not(:checked) {
  color: #666;
}

#mtu input[type="text"],
#mtu input[type="tel"],
#mtu input[type="password"],
#mtu input[type="search"],
#mtu input[type="number"],
#mtu input[type="email"] {
  width: 100%;
  min-height: 48px;
  color: #222;
  border: 1px solid #D2D2D2;
  border-radius: 8px;
  padding: 13px 16px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
}

#mtu input::-webkit-input-placeholder {
  color: #999;
}

/* 버튼 */
#mtu input[type="checkbox"].icnChk {
  width: 21px;
  height: 21px;
  background: url("/content/images/m/common/sp_common.png?v=20190624") no-repeat -25px -25px;
  border: none;
  background-size: 50px 250px;
  -webkit-appearance: none;
}

#mtu input[type="checkbox"].icnChk:checked {
  background-position: 0 -25px;
}

.mtuBtn {
  overflow: hidden;
  display: inline-block;
  background: url("/content/images/m/text_User/sp_mtu_mng.png") no-repeat;
  background-size: 50px 250px;
  vertical-align: middle;
  text-indent: -9999px;
}

.btnB {
  overflow: hidden;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  height: 40px;
  padding: 0 13px;
  text-align: right;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -webkit-box-align: center;
}

.btnB > span {
  display: inline-block;
}

.btnB > span .blue {
  color: #002aff;
}

a.btnB {
  -webkit-box-pack: center;
  display: -webkit-inline-box;
}

.btnF {
  width: 100%;
}

.btnC {
  background-color: #002aff;
  border-color: #002aff;
}

.btnC span {
  color: #fff;
}

/* 닫기 */
.mtuBtnClose {
  width: 24px;
  height: 24px;
  background-position: 6px -74px;
}

/* 관심기업 등록 */
.mtuBtnScrap {
  width: 17px;
  height: 16px;
  background-position: 0 -100px;
}

.mtuBtnScrapOn {
  width: 17px;
  height: 16px;
  background-position: -25px -100px;
}

/* 삭제 */
.mtuBtnReset {
  width: 16px;
  height: 16px;
  background-position: -16px -26px;
}

/* 아이콘 */
.mtuIcn {
  overflow: hidden;
  display: inline-block;
  background: url("/content/images/m/common/sp_common.png?v=20190624") no-repeat -25px -25px;
  background-size: 50px 250px;
  vertical-align: middle;
  text-indent: -9999px;
}

/* check */
.mtuIcnChk {
  width: 21px;
  height: 21px;
  background-position: 0 -25px;
}

/* Tip */
.mtuIcnTip {
  position: relative;
  display: inline-block;
  font-size: 11px;
  text-align: center;
  border: 1px solid #888;
  background-color: #9d9d9d;
  padding: 0 4px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px #f4f4f4;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow:
    inset 1px 1px #acacac,
    inset -1px -1px #acacac;
}

.mtuIcnTip .icnTip {
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.2;
}

.mtuIcnTip .icnTip:before {
  content: "";
  position: absolute;
  right: -4px;
  top: 3px;
  width: 11px;
  height: 12px;
  background: url("/content/images/m/common/sp_common.png?v=20190624") no-repeat
    right 0;
  background-size: 50px 250px;
}

/* Pop Header */
#mtu .popHeader {
  position: relative;
  font-size: 1.28em;
  color: #fff;
  height: 45px;
  line-height: 1.3;
  padding: 12px 0 0 43px;
  background-color: #002aff;
  letter-spacing: -0.5px;
  box-sizing: border-box;
}

#mtu .popHeader .btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 45px;
  text-indent: -9999px;
}

#mtu .popHeader a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

#mtu .popHeader .btnPrev:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 13px;
  width: 11px;
  height: 19px;
  background: url("/content/images/m/text_User/sp_mtu_mng.png") no-repeat 0 -50px;
  background-size: 50px 250px;
}

#mtu main {
  position: relative;
}

/** myMemnu */
.w_disabled {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
}

.guard {
  overflow-y: hidden;
}

#notice_alaram {
  height: 42px;
  border-bottom: 1px solid #eae9d6;
  background: #fffdf0;
  line-height: 42px;
  position: relative;
  color: #333;
}

#notice_alaram a {
  display: inline-block;
  width: 100%;
  height: 42px;
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
}

#notice_alaram a::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 21px;
  background: url("/content/images/m/text_user/sp_mobile_jk.png?201711151400") 0 -16px
    no-repeat;
  background-size: 219px auto;
  content: "";
  vertical-align: middle;
  margin-right: 5px;
  -webkit-transform: translateY(-1px);
}

#notice_alaram a::after {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  width: 8px;
  height: 15px;
  background: url("/content/images/m/text_user/sp_mobile_jk.png?201711151400") -25px -58px
    no-repeat;
  background-size: 219px auto;
  content: "";
}

#notice_alaram a em {
  color: #ff6600;
  font-size: 15px;
  text-decoration: underline;
}

#midArea {
  padding-top: 10px;
}

#midArea .thumbArea {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  width: 116px;
  height: 116px;
  border-radius: 200px;
  border: 5px solid #fff;
  background: #e6e9eb url("/content/images/m/text_user/dft_profile.png") 11px
    24px no-repeat;
  background-size: 94px 95px;
}

#midArea .thumbArea a {
  display: inline-block;
  position: relative;
  width: 116px;
  height: 116px;
}

#midArea .thumbArea a img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 116px;
  min-height: 116px;
}

#midArea .thumbArea #dev_photo {
  display: inline-block;
  position: relative;
  border-radius: 200px;
  overflow-x: hidden;
}

#midArea .thumbArea a img {
  border-radius: 200px;
}

#midArea .thumbArea a:before {
  display: inline-block;
  position: absolute;
  left: 14px;
  bottom: 0;
  right: 0;
  line-height: 25px;
  width: 88px;
  height: 22px;
  z-index: 10;
  content: "";
  color: #fff;
  text-align: center;
  font-size: 13px;
  background: url("/content/images/m/text_user/mask.png") no-repeat center 100%;
  background-size: 88px 22px;
}

#midArea .thumbArea a:after {
  position: absolute;
  width: 100%;
  bottom: 5px;
  left: 0;
  text-align: center;
  content: "편집";
  color: #fff;
  font-size: 12px;
  z-index: 11;
}

#midArea .auth_name {
  padding: 14px 0 27px;
}

#midArea .auth_name h2 {
  text-align: center;
  font-size: 25px;
  color: #000;
}

#midArea .auth_name h2 a {
  display: inline-block;
  position: relative;
}

#midArea .auth_name h2 a:after {
  display: inline-block;
  width: 16px;
  height: 18px;
  background: url("/content/images/m/text_user/sp_mobile_jk.png?201711151400") 0 -100px
    no-repeat;
  background-size: 219px auto;
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -9px;
}

#midArea .auth_name p {
  text-align: center;
  font-size: 17px;
}

#midArea .auth_name p em {
  color: #002aff;
}

#midArea .info_status {
  overflow: hidden;
  height: 105px;
  box-sizing: border-box;
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#midArea .info_status .status_item {
  position: relative;
  float: left;
  width: 25%;
  box-sizing: border-box;
  height: 105px;
}

#midArea .info_status .status_item a {
  display: inline-block;
  width: 100%;
  padding: 19px 0 15px;
  box-sizing: border-box;
  height: 105px;
}

#midArea .info_status .status_item dl {
  position: relative;
  border-left: 1px solid #e9e9e9;
  height: 65px;
}

#midArea .info_status .status_item:first-child a dl {
  border-left: 0;
}

#midArea .info_status .status_item dt {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #666;
  font-size: 11px;
}

#midArea .info_status .status_item dd {
  position: relative;
  font-size: 37px;
  color: #333;
  text-align: center;
  letter-spacing: -0.5px;
}

#midArea .info_status .status_item dd span {
  display: inline-block;
  position: relative;
}

#midArea .info_status .status_item .i_new {
  display: inline-block;
  vertical-align: top;
  width: 13px;
  height: 13px;
  background: url("/content/images/m/text_user/sp_mobile_jk.png?201711151400") 0
    0 no-repeat;
  background-size: 219px auto;
  position: absolute;
  top: 0;
  right: -12px;
}

#midArea .info_status .status_item .i_status,
#midArea .info_status .status_item .i_close {
  position: absolute;
  top: 0;
  right: -40px;
  display: inline-block;
  font-size: 10px;
  color: #fff;
  height: 13px;
  line-height: 14px;
  padding: 0.1em 7px 0 5px;
  border-radius: 200px;
  background-color: #002aff;
  white-space: nowrap;
}

#midArea .info_status .status_item .i_close {
  background-color: #999;
}

#bttmArea .my_bnr {
  margin-top: 10px;
}

#bttmArea .my_bnr li {
  background: #fff;
  position: relative;
}

#bttmArea .my_bnr li a {
  display: inline-block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  background-color: #fffaf3;
}

#bttmArea .my_bnr li a img {
  height: 55px;
}

#bttmArea .my_bnr li a._aJkLearning {
  background-color: #efebe8;
  /* 잡코리아러닝 인입배너 */
}

#bttmArea .my_lst {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
}

#bttmArea .my_lst li {
  background: #fff;
  position: relative;
  border-top: 1px solid #e9e9e9;
}

#bttmArea .my_lst li:first-child {
  overflow: hidden;
  border-top: 0;
}

#bttmArea .my_lst li a {
  display: inline-block;
  width: 100%;
  padding: 15px 17px 12px 11px;
  box-sizing: border-box;
}

#bttmArea .my_lst li .info {
  position: relative;
  font-size: 0.93em;
  padding: 10px 15px 8px 15px;
  margin: 12px 10px 0 35px;
  background-color: #f5faff;
  border-radius: 8px;
  line-height: 20px;
}

#bttmArea .my_lst li .info em {
  color: #002aff;
}

#bttmArea .my_lst li .info .day {
  color: #999;
}

#bttmArea .my_lst li .info .i_notice {
  position: absolute;
  top: 11px;
  right: 10px;
  display: inline-block;
  font-size: 10px;
  color: #002aff;
  height: 13px;
  line-height: 1.5em;
  padding: 0 7px 0 5px;
  border-radius: 200px;
  border: 1px solid #002aff;
  white-space: nowrap;
}

#bttmArea .my_lst li dt {
  font-size: 18px;
  color: #000;
  letter-spacing: -0.5px;
}

#bttmArea .my_lst li dd {
  position: absolute;
  right: 0;
  top: 15px;
}

#bttmArea .my_lst dt:before {
  display: inline-block;
  width: 22px;
  height: 21px;
  background: url("/content/images/m/text_user/sp_mobile_jk.png?201711151400") 0 -100px
    no-repeat;
  background-size: 219px auto;
  content: "";
  vertical-align: middle;
  margin: -3px 9px 0 0;
  -webkit-transform: translateY(-1px);
}

#bttmArea .my_lst dt.item1:before {
  background-position: 0 -16px;
}

#bttmArea .my_lst dt.item2:before {
  background-position: 0 -79px;
}

#bttmArea .my_lst dt.item3:before {
  background-position: 0 -58px;
}

#bttmArea .my_lst dt.item4:before {
  background-position: 0 -37px;
}

#bttmArea .my_lst dt.item5:before {
  background-position: -72px -38px;
}

#bttmArea .my_lst dt.item6:before {
  background-position: -98px -38px;
}

#bttmArea .my_lst dt.item7:before {
  background-position: -46px -58px;
}

#bttmArea .my_lst dt.item8:before {
  background-position: -123px -38px;
}

#bttmArea .my_lst dt.item9:before {
  background-position: -21px -79px;
}

#bttmArea .my_lst dt.item10:before {
  background-position: -150px -37px;
  width: 23px;
}

#bttmArea .my_lst dt.item11:before {
  background-position: -75px -60px;
  width: 22px;
  height: 17px;
}

#bttmArea .my_lst dt.item12:before {
  background-position: -175px -40px;
  width: 19px;
  height: 19px;
}

#bttmArea .my_lst dd {
  font-size: 17px;
}

#bttmArea .my_lst dd em {
  color: #002aff;
  font-weight: bold;
  font-size: 17px;
}

#bttmArea .my_lst dd:after {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 8px;
  height: 15px;
  background: url("/content/images/m/text_user/sp_mobile_jk.png?201711151400") -25px -58px
    no-repeat;
  background-size: 219px auto;
  content: "";
  margin: 0 12px 0 10px;
}

#menuWrap .deco {
  padding: 12px 20px;
}

#menuWrap .deco span {
  display: block;
  height: 1px;
  background-color: #ddd;
}

#recentArea button:focus {
  outline: none;
}

#recentArea .rctMenu {
  overflow: hidden;
  margin: 0 5px;
  border: 1px solid #e1e4e7;
  background-color: #fff;
  box-sizing: border-box;
}

#recentArea .rctMenu li {
  float: left;
  width: 50%;
}

#recentArea .rctMenu li button,
#recentArea .rctMenu li.off span {
  font-size: 1.07em;
  color: #999;
  width: 100%;
  height: 100%;
  padding: 12px 0 8px 0;
}

#recentArea .rctMenu li.on {
  border-bottom: 3px solid #002aff;
}

#recentArea .rctMenu li.on button {
  color: #000;
}

#recentArea .rctMenu li.off span {
  display: inline-block;
  color: #ddd;
  text-align: center;
}

#recentArea .schListBx {
  margin: 5px 5px;
}

#recentArea .schListBx .listItem {
  border: 0;
  background: none;
}

#recentArea .schListBx .listItem > li {
  position: relative;
  margin-top: 5px;
  border: 1px solid #e1e4e7;
  background-color: #fff;
}

#recentArea .schListBx .listItem > li:first-child {
  margin-top: 0;
}

#recentArea .schListBx .listItem .btns {
  border-bottom: 0;
}

#recentArea .schListBx .listItem .btns a.btnScrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border: 0;
  padding: 0;
}

#recentArea .schListBx .listItem .btns a.btnScrap:before {
  position: absolute;
  top: 10px;
  right: 9px;
  margin: 0;
}

#recentArea .schListBx .listItem .btns .msgScrap {
  right: 37px;
  top: 9px;
}

#recentArea .schListBx .listItem .btns .msgScrap:after {
  top: 7px;
  bottom: 9px;
  right: -14px;
  border-width: 4px 7px;
  border-left-color: #ff6600;
  border-top-color: transparent;
}

#recentArea .swiper-pagination {
  margin-top: 7px;
}

#recentArea .btnMore {
  position: relative;
  margin-top: 7px;
  border: 1px solid #dfe2e6;
  background-color: #f1f3f5;
  text-align: right;
}

#recentArea .btnMore a {
  display: block;
  position: relative;
  font-size: 0.93em;
  color: #333;
  padding: 12px 20px 12px 0;
}

#recentArea .btnMore a:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 8px;
  position: absolute;
  top: 17px;
  right: 10px;
  background: url("/content/images/m/text_user/sp_mobile_jk.png?201711151400")
    no-repeat -40px -58px;
  background-size: 219px auto;
}

#menuWrap .jkApp {
  border: 1px solid #e1e4e7;
  background-color: #f7f8f9;
  padding: 10px 0 14px 0;
  margin: 40px 5px 0 5px;
}

#menuWrap .jkApp h1.hd {
  font-size: 0.86em;
  font-weight: normal;
  padding: 2px 0 12px 10px;
  border-bottom: 1px solid #e1e4e7;
}

#menuWrap .jkApp ul {
  overflow: hidden;
}

#menuWrap .jkApp ul li {
  float: left;
  width: 25%;
  text-align: center;
}

#menuWrap .jkApp ul li a {
  position: relative;
  display: block;
  font-size: 0.79em;
  padding-top: 66px;
}

#menuWrap .jkApp ul li a:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 15px;
  width: 50px;
  height: 50px;
  margin-left: -26px;
  display: inline-block;
  background: url("/content/images/m/text_user/sp_mobile_jk.png?201711151400")
    no-repeat;
  background-size: 219px auto;
}

#menuWrap .jkApp ul li.jk a:before {
  background-position: 0 -121px;
}

#menuWrap .jkApp ul li.am a:before {
  background-position: -53px -121px;
}

#menuWrap .jkApp ul li.yc a:before {
  width: 59px;
  background-position: -106px -121px;
}

#menuWrap .jkApp ul li.gj a:before {
  background-position: -169px -121px;
}

#menuWrap .jkApp ul li.jkL a:before {
  background-position: -169px -65px;
}

/* #menuWrap .jkApp.case ul li {width:33.33%;} */
#menuWrap .actPrevTop {
  background-color: #e9ecef;
}

#recentArea .noResult {
  border: 0;
  background-color: #fff;
  margin-bottom: 35px;
}

#recentArea .noResult p.noTx {
  font-size: 1.14em;
  color: #ccc;
  margin: 45px 0;
  text-align: center;
}

/* 검색 리스트 */
.schListBx .listItem {
  border: 1px solid #e1e4e7;
  border-bottom: none;
  background-color: #fff;
}

.schListBx .listItem.hList {
  background-color: #f5faff;
}

.schListBx .listItem.hList > li > a .logo {
  left: 10px;
}

.schListBx .listItem.hList > li > a .logo img {
  width: 74px;
  height: 51px;
  border: 1px solid #ddddd8;
}

.schListBx .listItem.hList > li > a.logo {
  padding-left: 101px;
}

.schListBx .listItem > li {
  margin-top: 5px;
  border: 1px solid #e1e4e7;
  border-bottom: none;
  background-color: #fff;
}

.schListBx .listItem > li:first-child {
  border-top: none;
  margin-top: 0;
}

.schListBx .listItem > li > a {
  display: block;
  position: relative;
  padding: 17px 10px 13px;
}

.schListBx .listItem > li > a.logo {
  padding-left: 116px;
}

.schListBx .listItem > li > a .logo {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -26px;
  width: 92px;
  height: 54px;
  padding: 10px 0 0 5px;
  border: 1px solid #ddddd8;
  box-sizing: border-box;
}

.schListBx .listItem > li > a .logo:after {
  content: "";
  display: block;
  width: 92px;
  height: 54px;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
}

.schListBx .listItem > li > a .logo img {
  width: 80px;
  height: 32px;
}

.schListBx .listItem > li > a > span {
  display: block;
  /* white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/
}

.schListBx .listItem > li > a .comp {
  font-size: 1em;
  color: #002aff;
}

.schListBx .listItem > li > a .tit {
  font-size: 1.071em;
  color: #333;
  overflow: hidden;
  padding-top: 3px;
  word-break: keep-all;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 40px;
}

.schListBx .listItem > li > a .desc {
  font-size: 0.857em;
  padding-top: 4px;
}

.schListBx .listItem > li > a .desc span {
  position: relative;
  display: inline-block;
  padding-right: 8px;
  margin-right: 3px;
}

.schListBx .listItem > li > a .desc span.tEnd {
  color: #ed1d26;
}

.schListBx .listItem > li > a .desc span:after {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  position: absolute;
  right: 0;
  top: 3px;
  background-color: #e1e1e1;
}

.schListBx .listItem > li > a .desc span:last-child {
  padding-right: 0;
  margin-right: 0;
}

.schListBx .listItem > li > a .desc span:last-child:after {
  display: none;
}

.schListBx .listItem .btns {
  border-bottom: 1px solid #dcdcdc;
  background-color: #f7f8f9;
}

.schListBx .listItem .btns:after {
  content: "";
  display: block;
  clear: both;
}

.schListBx .listItem .btns a {
  padding: 11px 0;
  width: 33.33%;
  box-siging: border-box;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  font-size: 0.929em;
  float: left;
  text-align: center;
  box-sizing: border-box;
}

.schListBx .listItem .btns a:first-child {
  border-left: none;
  width: 33.34%;
}

.schListBx .listItem .btns a.btnFavorite:before,
.schListBx .listItem .btns a.btnScrap:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  margin-right: 6px;
  background: url("/content/images/m/text_user/sp_my.png") 0 0 no-repeat;
  background-size: 100px 100px;
}

.schListBx .listItem .btns a.btnFavorite:before {
  width: 19px;
  height: 18px;
  background-position: 0 0;
}

.schListBx .listItem .btns a.btnScrap:before {
  width: 20px;
  height: 20px;
  background-position: -59px 0;
  margin-top: -4px;
}

.schListBx .listItem .btns a.btnFavorite.on:before {
  background-position: 0 -25px;
}

.schListBx .listItem .btns a.btnScrap.on:before {
  background-position: -59px -20px;
}

.schListBx .listItem .btns a.btnApply {
  color: #fe8e51;
  font-weight: bold;
}

/** interest */
.my_title {
  margin-top: 15px;
  height: 37px;
  background-color: #f2f4f5;
  border-bottom: 1px solid #e0e0e0;
}

.my_title h3 {
  height: 37px;
  line-height: 37px;
  font-size: 14px;
  color: #666;
  padding-left: 15px;
}

.my_title h3 em {
  font-weight: bold;
  color: #002aff;
}

.add_interest {
  background: #fff;
  padding: 20px 10px;
}

.add_interest li {
  padding-top: 6px;
}

.add_interest li:first-child {
  padding-top: 0;
}

.add_interest .tx_filed {
  position: relative;
}

.add_interest .tx_filed .ipt_del {
  display: inline-block;
  position: absolute;
  right: 9px;
  top: 15px;
  width: 8px;
  height: 8px;
  background: url("/content/images/m/text_user/btn_ipt_del.png") no-repeat;
  background-size: 8px 8px;
}

.add_interest .tx_filed .ipt_del button {
  display: inline-block;
  position: absolute;
  left: -6px;
  top: -6px;
  width: 20px;
  height: 20px;
  border: 0;
  background: none;
  cursor: pointer;
}

.add_interest input[placeholder] {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  color: #999;
  height: 33px;
  line-height: 33px;
  box-sizing: border-box;
  padding: 0 30px 0 10px;
  border: 1px solid #e0e0e0;
}

.add_interest .choice {
  color: #999;
  height: 36px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  line-height: 29px;
  font-size: 15px;
}

.add_interest .srch {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
  height: 40px;
  background: #002aff;
  line-height: 40px;
  color: #fff;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
}

.add_interest .srch button {
  display: inline-block;
  border: 0;
  background: none;
  cursor: pointer;
  width: 100%;
  height: 40px;
  color: #fff;
  font-weight: bold;
}

.result {
  background: #e9ecef;
}

.result .cnt {
  font-size: 15px;
  color: #666;
  padding-left: 10px;
  margin-bottom: 15px;
}

.result .cnt em {
  color: #002aff;
}

.result .result_lst {
  margin-top: 60px;
  border-top: 2px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  position: relative;
  background-color: #fff;
}

.result .cnt + .result_lst,
.ctrl_btns + .result .result_lst {
  margin-top: 0;
}

.result_lst > ul > li {
  border-top: 1px solid #e9e9e9;
}

.result_lst > ul > li:first-child {
  border-top: 0;
}

.result_lst > ul > li .lst_obj .rct_ing > a {
  display: inline-block;
  position: absolute;
  height: 100%;
  width: 50px;
  right: 0;
}

.result_lst > ul > li .lst_obj .rct_ing a.null {
  pointer-events: none;
}

.result_lst > ul > li .lst_obj .rct_ing a.null dt:after {
  display: none;
}

.smtMatchCont .smList .lyDetail {
  margin-top: -2px;
}

.result_lst > ul > li .lst_obj {
  overflow: hidden;
  position: relative;
}

.result_lst > ul > li .chk,
.rct_obj .chk {
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background: url("/content/images/m/text_user/sp_my.png") 0 0 no-repeat;
  background-size: 100px 100px;
}

.result_lst > ul > li .chk:after,
.rct_obj .chk:after {
  display: inline-block;
  position: absolute;
  left: -10px;
  top: -10px;
  width: 35px;
  height: 43px;
  content: "";
  cursor: pointer;
}

.result_lst > ul > li .chk.on,
.rct_obj .chk.on {
  background-position: 0 -22px;
}

.result_lst > ul > li .chk input,
.rct_obj .chk input {
  width: 21px;
  height: 21px;
  visibility: hidden;
}

.result_lst > ul > li .corp {
}

.result_lst > ul > li .corp a {
  display: block;
  width: 100%;
  min-height: 59px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 17px 58px 13px 42px;
}

.result_lst > ul > li .corp dt {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  word-break: break-all;
  line-height: 18px;
  padding-top: 3px;
}

.result_lst > ul > li .corp dd {
  font-size: 13px;
  color: #666;
}

.result_lst > ul > li .corp dd span:before {
  display: inline-block;
  margin: 0 2px;
  content: "·";
}

.result_lst > ul > li .corp dd span:first-child:before {
  content: "";
  margin: 0;
}

.result_lst > ul > li .lst_obj .rct_ing {
  position: absolute;
  right: 10px;
  height: 100%;
  text-align: center;
  top: 0;
  width: 50px;
}

.result_lst > ul > li .lst_obj .rct_ing dt {
  position: relative;
  color: #999;
  font-size: 11px;
  text-align: center;
  width: 50px;
  margin-top: 31px;
}

.result_lst > ul > li .lst_obj .rct_ing dt:after {
  display: inline-block;
  width: 7px;
  height: 4px;
  content: "";
  background: url("/content/images/m/text_user/sp_my.png") 0 -48px no-repeat;
  background-size: 100px 100px;
  margin-left: 4px;
  vertical-align: middle;
  position: absolute;
  right: -1px;
  top: 4px;
}

.result_lst > ul > li.open .lst_obj .rct_ing dt:after {
  display: inline-block;
  width: 7px;
  height: 4px;
  content: "";
  background: url("/content/images/m/text_user/sp_my.png") -10px -48px no-repeat;
  background-size: 100px 100px;
  margin-left: 4px;
  vertical-align: middle;
  position: absolute;
  right: -1px;
  top: 4px;
}

.result_lst > ul > li .lst_obj .rct_ing dd {
  display: inline-block;
  position: absolute;
  width: 50px;
  top: -4px;
  right: -1px;
  padding-top: 18px;
  color: #333;
  font-size: 17px;
  text-align: center;
}

.result .paging {
  text-align: center;
  padding-top: 20px;
}

.result .paging span {
  width: 30px;
  height: 26px;
  vertical-align: middle;
  border: 1px solid #dbdbdb;
  line-height: 26px;
  text-align: center;
  margin-left: 10px;
}

.result .paging span:first-child {
  margin-left: 0;
}

.result .paging span,
.result .paging span a {
  display: inline-block;
}

.paging span a {
  width: 100%;
  height: 26px;
}

.result .paging span button {
  border: 0;
  width: 36px;
  height: 28px;
  background: none;
  cursor: pointer;
}

.result .paging span.on {
  background: #002aff;
  color: #fff;
  border: 1px solid #002aff;
}

.result .paging span.prev,
.result .paging span.next {
  width: 36px;
  height: 28px;
  background: url("/content/images/m/text_user/sp_my.png") no-repeat;
  background-size: 100px 100px;
  border: 0;
}

.result .paging span.prev {
  background-position: -22px 0;
}

.result .paging span.next {
  background-position: -22px -29px;
}

.result .no_result_tx {
  display: none;
}

.result.no_result .no_result_tx {
  display: block;
  padding: 85px 0;
  text-align: center;
}

.result.no_result .add_btn,
.result.no_result .paging,
.result.no_result .result_lst ul {
  display: none;
}

.result.no_result .cnt em {
  color: #666;
}

.result .no_interst {
  width: 100%;
  margin: 85px 0;
  text-align: center;
}

.result .no_interst p {
  font-size: 19px;
  color: #999;
  text-align: center;
  margin-bottom: 11px;
  letter-spacing: -0.5px;
}

.result .no_interst .btn_add_interest {
  display: inline-block;
  height: 30px;
  text-align: center;
}

.result .no_interst .btn_add_interest button {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5px;
  height: 30px;
  color: #fff;
  border: 0;
  background: #002aff;
  font-size: 13px;
  font-weight: bold;
}

.add_btn {
  display: inline-block;
  width: 100%;
  padding: 30px 10px 0;
  box-sizing: border-box;
}

.add_btn button {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #002aff;
  font-weight: bold;
}

.my_title ul {
  overflow: hidden;
}

.my_title li {
  position: relative;
  float: left;
  height: 37px;
  line-height: 37px;
  width: 50%;
  box-sizing: border-box;
}

.my_title li:after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  background-color: #cfd5d9;
}

.my_title li:first-child:after {
  display: none;
}

.my_title li a {
  display: inline-block;
  width: 100%;
  height: 37px;
  font-size: 14px;
  color: #666;
  font-weight: bold;
  text-align: center;
}

.my_title li.on a {
  color: #002aff;
}

.ctrl_btns {
  overflow: hidden;
  background: #fff;
  padding: 20px 10px 10px 15px;
  position: relative;
}

.ctrl_btns span {
  border-radius: 2px;
}

.ctrl_btns span,
.ctrl_btns span button {
  display: inline-block;
  height: 28px;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
}

.ctrl_btns span.b_tx {
  margin-left: 24px;
}

.ctrl_btns span button {
  width: 100%;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 13px;
  line-height: 28px;
}

.ctrl_btns div.modify_mode {
  float: left;
}

.ctrl_btns div.modify_mode span {
  float: left;
  border: 1px solid #d1d5db;
  margin-left: 3px;
}

.ctrl_btns div.modify_mode span:first-child {
  margin-left: 0;
}

.ctrl_btns div.modify_mode span button {
  padding: 0 10px;
  color: #666;
}

.ctrl_btns div.modify_mode .all_chk {
  display: none;
}

.ctrl_btns div.modify_mode .del {
  display: none;
}

.ctrl_btns span.addition {
  float: right;
  padding: 0 9px;
  background: #002aff;
  color: #fff;
}

.ctrl_btns span.addition button {
  color: #fff;
}

.ctrl_btns .ic_chk {
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background: url("/content/images/m/text_user/sp_my.png") 0 0 no-repeat;
  background-size: 100px 100px;
  cursor: pointer;
}

.ctrl_btns .ic_chk input {
  width: 21px;
  height: 21px;
  visibility: hidden;
}

.ctrl_btns .ic_chk.on {
  background-position: 0 -22px;
}

.ctrl_btns .sort {
  position: absolute;
  right: 10px;
  top: 13px;
  width: 110px;
}

/*.ctrl_btns .sort:after{display: inline-block;width:7px;height:4px;position: absolute;right:5px;top:15px;background: url('/content/images/m/text_user/sp_my.png') 0 -57px no-repeat;background-size: 100px 100px;
    content:""}*/
.ctrl_btns .sort select {
  width: 100%;
  display: inline-block;
  font-size: 13px;
  color: #666;
  background: url(/content/images/m/bg_all_sprite_v3.png?20151109) no-repeat 0 0;
  background-size: 50px 1350px;
}

.ctrl_btns .sort select option {
  font-size: 13px;
  color: #666;
}

.ctrl_btns + .result .chk {
  display: none;
}

.ctrl_btns + .result .result_lst > ul > li .corp a {
  padding: 17px 58px 13px 14px;
}

.ctrl_btns + .result.edit .chk {
  display: block;
}

.ctrl_btns + .result.edit .result_lst > ul > li .corp a {
  padding: 17px 58px 13px 42px;
}

.rct_info li {
  border-top: 1px solid #ebebeb;
}

.rct_info li:first-child {
  border-top: 0;
}

#info2 .rct_info li:first-child {
  border-top: 0;
}

.lst_obj + .rct_info li:first-child {
  border-top: 1px solid #ebebeb;
}

.lst_obj + .rct_info .rct_obj {
  background: #f9f9f9;
}

.rct_obj {
  position: relative;
  background: #fff;
}

.rct_obj a {
  display: inline-block;
  width: 100%;
  padding: 15px 0 12px 14px;
  box-sizing: border-box;
}

.rct_obj .scrab + a {
  padding-left: 37px;
}

.result.edit .rct_obj a {
  padding-left: 37px;
}

.result.edit .rct_obj .now_sppt a {
  padding-left: 5px;
}

.result.edit .rct_obj .home_sppt a {
  padding-left: 5px;
}

.rct_obj a h3 {
  font-size: 15px;
  color: #002aff;
  margin-bottom: 1px;
  max-width: 70%;
}

.rct_obj .scrab {
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  width: 21px;
  height: 20px;
  background: url("/content/images/m/text_user/sp_my.png") -59px 0 no-repeat;
  background-size: 100px 100px;
}

.rct_obj .scrab.on {
  background-position: -59px -20px;
}

.rct_obj .scrab button {
  display: inline-block;
  width: 100%;
  height: 20px;
  border: 0;
  background: none;
  cursor: pointer;
}

.hSortOpt .bt_detail {
  height: 35px;
}

.rct_obj dt {
  overflow: hidden;
  padding-right: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #333;
}

.rct_obj dd span {
  display: inline-block;
  margin: 0 6px;
  position: relative;
  color: #999;
  font-size: 12px;
  vertical-align: top;
}

.rct_obj dd span:before {
  display: inline-block;
  position: absolute;
  left: -5px;
  top: 5px;
  height: 9px;
  background: #e1e1e1;
  width: 1px;
  content: "";
}

.rct_obj dd span:first-child {
  margin-left: 0;
}

.rct_obj dd span:first-child:before {
  display: none;
}

.rct_obj .suppt {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: right;
}

.rct_obj .suppt span {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 2px;
  min-width: 58px;
  height: 28px;
  position: relative;
}

.rct_obj .suppt span.cs3 {
  height: inherit;
}

.rct_obj .suppt span a {
  display: inline-block;
  padding: 2px 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  border: 0;
  background: none;
  cursor: pointer;
  line-height: 10px;
}

/*.rct_obj .suppt span.home_sppt{border:1px solid #c2c2c2;background: #fff}*/
.rct_obj .suppt span.home_sppt a {
  font-size: 0;
  color: #999;
}

/* .rct_obj .suppt span.now_sppt{background: #ff7a21} */
.rct_obj .suppt span.now_sppt a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
}

.rct_obj .suppt p {
  font-size: 12px;
  color: #999;
  text-align: right;
}

.rct_obj .suppt p em {
  color: #ff3333;
}

/* 개인회원 Left메뉴 */
.mbrWing {
  display: none;
  position: absolute;
  z-index: 111;
  width: 90%;
  box-sizing: border-box;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.mbrWing .mbrInr {
  height: 100%;
  background-color: #fff;
}

.mbrWing a:before,
.mbrWing a:after,
.mbrWing .secInfo dd .add:before,
.mbrWing .secInfo dd .add:after {
  content: "";
  display: inline-block;
  background: url("/content/images/m/text_user/sp_left_menu.png") no-repeat;
  background-size: 50px 250px;
}

.mbrWing .secInfo {
  height: 87px;
}

.mbrWing .secInfo .info {
  position: relative;
  padding: 18px 15px;
  background-color: #002aff;
}

.mbrWing .secInfo a.login {
  display: block;
  overflow: hidden;
  padding: 0 15px;
  background-color: #002aff;
}

.mbrWing .secInfo dl {
  margin-left: 65px;
}

.mbrWing .secInfo dd {
  color: #b8e5ff;
  margin-top: 1px;
  line-height: 1.4;
}

.mbrWing .secInfo dd a {
  position: relative;
}

.mbrWing .secInfo dd .add {
  position: relative;
  display: inline-block;
  padding-right: 15px;
}

.mbrWing .secInfo .name {
  font-size: 1.5em;
  color: #fff;
  font-weight: bold;
}

.mbrWing .secInfo .name a {
  padding-right: 15px;
}

.mbrWing .secInfo .name a:after,
.mbrWing .secInfo .name .add:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  width: 8px;
  height: 14px;
  background-position: 100% -25px;
}

.mbrWing .secInfo .photo {
  position: absolute;
  left: 15px;
  top: 16px;
  overflow: hidden;
  width: 52px;
  height: 52px;
  border-radius: 200px;
}

.mbrWing .secInfo .photo a {
  display: block;
}

.mbrWing .secInfo .photo img {
  border-radius: 200px;
}

.mbrWing .secInfo dd:last-child a {
  padding-right: 15px;
}

.mbrWing .secInfo dd:last-child a:after {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  width: 8px;
  height: 14px;
  background-position: 0 -25px;
}

.mbrWing .secSrv {
  padding: 0 10px 0 10px;
  background: #fff;
  box-sizing: border-box;
  position: absolute;
  top: 87px;
  bottom: 154px;
  left: 0;
  right: 0;
}

.mbrWing .bot_duo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.mbrWing .secSrv #list_scroll {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  padding: 0 10px;
  box-sizing: border-box;
}

.mbrWing .secSrv ul li {
  border-bottom: 1px solid #e9e9e9;
}

.mbrWing .secSrv ul li a {
  position: relative;
  display: block;
  font-size: 1.07em;
  color: #333;
  height: 33px;
  padding: 16px 0 0 5px;
}

.mbrWing .secSrv ul li a:after {
  content: "";
  position: absolute;
  top: 16px;
  right: 5px;
  width: 8px;
  height: 14px;
  background-position: 100% -43px;
}

.mbrWing .secSrv ul ul {
  padding: 6px 0 4px 0;
  border-top: 1px solid #e9e9e9;
  background-color: #f4f4f4;
}

.mbrWing .secSrv ul ul li {
  position: relative;
  padding: 7px 10px 8px 20px;
  border-bottom: none;
}

.mbrWing .secSrv ul ul li:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 12px;
  width: 3px;
  height: 3px;
  background-color: #dbdbdb;
}

.mbrWing .secSrv ul ul li a {
  font-size: 0.86em;
  color: #666;
  height: auto;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mbrWing .secSrv ul ul li a em {
  color: #002aff;
}

.mbrWing .secNav {
  border-top: 2px solid #e9e9e9;
  background-color: #fff;
}

.mbrWing .secNav ul {
  overflow: hidden;
}

.mbrWing .secNav ul li {
  float: left;
  font-size: 0.93em;
  width: 33.3%;
  margin: 12px 0;
  border-left: 1px solid #e9e9e9;
  text-align: center;
  box-sizing: border-box;
}

.mbrWing .secNav ul li a {
  display: block;
  width: 100%;
}

/* 입사지원 현황, 내 이력서 공통 */
.secCmn {
  position: relative;
  overflow: hidden;
  background-color: #e9ecef;
}

.secCmn h1.hd {
  padding: 15px 0 11px 15px;
  font-weight: normal;
}

.secCmn h1.hd em {
  color: #002aff;
  font-weight: bold;
}

.secCmn .btnApp {
  display: inline-block;
  padding: 5px 15px;
  position: absolute;
  top: 11px;
  right: 0;
  font-size: 0.928em;
  color: #333;
}

.secCmn .btnApp:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  -webkit-transform: rotate(-45deg) translateY(-2px);
  transform: rotate(-45deg) translateY(-2px);
}

.cmnList {
  position: relative;
}

.cmnList ul li {
  border-top: 1px solid #F4F4F4;
  border-bottom: 1px solid #F4F4F4;
  /* border-bottom: 10px solid #e9ecef; */
  background-color: #fff;
}
.cmnList .info {
  overflow: hidden;
  padding: 1px 15px 9px 15px;
  min-height: 24px;
  line-height: 1.6;
}

.cmnList .info dt {
  position: relative;
  float: left;
  font-size: 0.86em;
  width: 62px;
  padding-top: 1px;
}

.cmnList .info dd {
  position: relative;
  overflow: hidden;
  font-size: 0.93em;
  color: #333;
  padding-right: 60px;
  padding-top: 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cmnList .info dd .applyDay {
  font-size: 10px;
  border: 1px solid #002aff;
  border-radius: 16px;
  padding: 2px 7px;
  color: #002aff;
  margin-left: 7px;
  position: relative;
  top: -1px;
}

/* .cmnList .info dd .applyDay.un {color: #FF0000; border: 1px solid #FF0000;} */
.cmnList .case .info dd .applyDay {
  border-color: #c3c3c3;
  color: #c3c3c3;
}

/* .cmnList .info dd .rsm {display:inline-block; overflow:hidden; padding-right:66px; text-overflow:ellipsis; white-space:nowrap;} */
.cmnList .info dt:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 4px;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
}

.cmnList .info dt.applyProfile::after {
  content: none;
}

.cmnList .info .btnLink {
  position: absolute;
  top: 0;
  right: -5px;
  display: inline-block;
  font-size: 11px;
  color: #002aff;
  padding: 5px;
  margin-top: -2px;
  text-decoration: underline;
  vertical-align: top;
}

.cmnList ul li+li {
  margin-top:10px;
}

/* .cmnList .info dd .rsm {display:inline-block; overflow:hidden; padding-right:66px; text-overflow:ellipsis; white-space:nowrap;} */
.cmnList .info dt:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 4px;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
}

.cmnList .info dt.applyProfile::after {
  content: none;
}

.cmnList .info .btnLink {
  position: absolute;
  top: 0;
  right: -5px;
  display: inline-block;
  font-size: 11px;
  color: #002aff;
  padding: 5px;
  margin-top: -2px;
  text-decoration: underline;
  vertical-align: top;
}

.cmnList .position-offer-notice {
  padding: 1px 15px 9px 15px;
  font-size: 12px;
  line-height: 1.6;
}

.cmnList button.request-profile-button {
  background-color: #F2F4F7;
  display: flex;
  align-items: center;
  margin: 10px 0;
  justify-content: space-between;
  padding: 0px 12px;
  border-radius: 4px;
  width: 100%;
  height: 34px;
}
.cmnList button.request-profile-button > span {
  color: #222;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
}

.cmnList button.request-profile-button > span.ico-arr {
  color: #0057ff;
}

.cmnList button.request-profile-button > span.ico-arr::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.30804 3.65193C6.50028 3.45368 6.81682 3.44881 7.01507 3.64105L11.0151 7.51984C11.1103 7.61218 11.1649 7.73858 11.1669 7.87121C11.1689 8.00384 11.1182 8.13184 11.0258 8.22703L7.02578 12.3482C6.83346 12.5464 6.51691 12.5511 6.31875 12.3588C6.1206 12.1665 6.11588 11.8499 6.3082 11.6518L9.9598 7.88951L6.31892 4.35895C6.12068 4.16672 6.11581 3.85017 6.30804 3.65193Z' fill='%230057FF'/%3E%3C/svg%3E");
  vertical-align: top;
  
}

.cmnList button.request-profile-button-disabled {
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  margin: 10px 0px;;
  justify-content: space-between;
  padding: 0px 12px;
  border-radius: 4px;
  width: 100%;
  height: 34px;
}
.cmnList button.request-profile-button-disabled > span {
  color: #9e9e9e;
  font-size: 12px;
  display: inline-block;
  vertical-align: -3.5px;
  line-height: 16px;
}

.cmnList button.request-profile-button-disabled > span.ico-arr::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.30804 3.65193C6.50028 3.45368 6.81682 3.44881 7.01507 3.64105L11.0151 7.51984C11.1103 7.61218 11.1649 7.73858 11.1669 7.87121C11.1689 8.00384 11.1182 8.13184 11.0258 8.22703L7.02578 12.3482C6.83346 12.5464 6.51691 12.5511 6.31875 12.3588C6.1206 12.1665 6.11588 11.8499 6.3082 11.6518L9.9598 7.88951L6.31892 4.35895C6.12068 4.16672 6.11581 3.85017 6.30804 3.65193Z' fill='%239E9E9E'/%3E%3C/svg%3E");
  vertical-align: top;
}

.cmnList .func {
  position: relative;
  overflow: hidden;
  /* margin-top:25px; */
  padding: 10px 10px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e0e0e0;
}

.cmnList .func .btnB {
  font-size: 12px;
  height:32px;
  font-weight: 400;
  color:#6a6a6a;
  line-height: 18px;
}

.cmnList .func .btnB em {
  color: #002aff;
}

/* .cmnList .func .btnO {position:absolute; left:10px; top:10px;} */
.cmnList .func .btnB:last-child {
  float: right;
}

.noResult {
  position: relative;
  border-bottom: 10px solid #f2f4f5;
}

.noResult .noInr {
  padding: 16px 15px 19px 15px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.noResult .noTx {
  color: #999;
  margin: 85px 0;
  text-align: center;
}

.noResult .noTx em {
  display: block;
  font-size: 1.28em;
  margin-bottom: 20px;
}

.noResult .noTx .btnRlt {
  display: block;
  margin-top: 10px;
}

.noResult .noTx .btnRlt a {
  position: relative;
  font-size: 0.79em;
  padding-right: 7px;
  text-decoration: underline;
}

.noResult .noTx .btnRlt a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 5px;
  height: 8px;
  background: url("/content/images/m/text_User/sp_mtu_mng.png") no-repeat 100% -50px;
  background-size: 50px 250px;
}

/* 입사지원 현황 */
.mtuLogMng .secStatus ul {
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fff;
}

.mtuLogMng .secStatus ul li {
  float: left;
  width: 25%;
  height: 67px;
  padding: 12px 0;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  flex-direction: row;
  flex-grow: 1;
}
.mtuMngPg .section-content_wide .input-checkbox:checked +.button-scrap::before{ 
  
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%202.5C12.2774%202.5%2012.531%202.65689%2012.6544%202.90499L15.1937%208.00759L20.8733%208.8239C21.1494%208.86358%2021.3787%209.05668%2021.4645%209.32166C21.5503%209.58664%2021.4776%209.87729%2021.2771%2010.0708L17.1644%2014.041L18.1339%2019.6461C18.1812%2019.9197%2018.0689%2020.1964%2017.8442%2020.36C17.6195%2020.5235%2017.3213%2020.5456%2017.075%2020.4168L12.0058%2017.7677L6.92444%2020.4171C6.67806%2020.5456%206.38003%2020.5234%206.15549%2020.3598C5.93095%2020.1962%205.81879%2019.9196%205.8661%2019.6461L6.83562%2014.041L2.72288%2010.0708C2.52237%209.87729%202.44966%209.58664%202.53547%209.32166C2.62128%209.05668%202.85064%208.86358%203.12668%208.8239L8.80629%208.00759L11.3456%202.90499C11.469%202.65689%2011.7226%202.5%2012%202.5ZM12%204.8695L9.94445%209.00006C9.83757%209.21482%209.63184%209.36344%209.39413%209.3976L4.81069%2010.0564L8.12945%2013.2601C8.30337%2013.428%208.38282%2013.6709%208.34165%2013.9089L7.55782%2018.4404L11.6679%2016.2974C11.88%2016.1868%2012.133%2016.1869%2012.345%2016.2977L16.4419%2018.4387L15.6584%2013.9089C15.6172%2013.6709%2015.6966%2013.428%2015.8705%2013.2601L19.1893%2010.0564L14.6059%209.3976C14.3682%209.36344%2014.1624%209.21482%2014.0556%209.00006L12%204.8695Z%22%20fill%3D%22%23D2D2D2%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");

}
.mtuMngPg .section-content_wide .input-checkbox:checked +.button-scrap.on::before{
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12.0063%2017.0955L6.44372%2020L7.50631%2013.8482L3%209.49192L9.21871%208.59685L12%203L14.7813%208.59685L21%209.49192L16.4937%2013.8482L17.5563%2020L12.0063%2017.0955Z%22%20fill%3D%22%23F7D649%22%20stroke%3D%22%23F7D649%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%202.5C12.1898%202.5%2012.3633%202.6075%2012.4478%202.77749L15.1123%208.13934L21.0712%208.99702C21.2601%209.0242%2021.417%209.15652%2021.4758%209.33807C21.5345%209.51963%2021.4847%209.71878%2021.3475%209.85141L17.0314%2014.0238L18.049%2019.9149C18.0814%2020.1024%2018.0046%2020.292%2017.8508%2020.4041C17.6971%2020.5161%2017.493%2020.5312%2017.3245%2020.443L12.0061%2017.6597L6.67516%2020.4432C6.50658%2020.5312%206.30267%2020.516%206.14904%2020.4039C5.99541%2020.2918%205.91866%2020.1023%205.95103%2019.9149L6.96859%2014.0238L2.6525%209.85141C2.5153%209.71878%202.46556%209.51963%202.52427%209.33808C2.58298%209.15652%202.73991%209.0242%202.92878%208.99702L8.88774%208.13934L11.5523%202.77749C11.6367%202.6075%2011.8102%202.5%2012%202.5ZM12%204.12355L9.66648%208.81936C9.59336%208.96651%209.4526%209.06834%209.28995%209.09175L4.081%209.84148L7.85384%2013.4887C7.97284%2013.6038%208.0272%2013.7702%207.99903%2013.9333L7.10853%2019.0888L11.7749%2016.6523C11.92%2016.5765%2012.0931%2016.5766%2012.2382%2016.6525L16.8913%2019.0877L16.001%2013.9333C15.9728%2013.7702%2016.0272%2013.6038%2016.1462%2013.4887L19.919%209.84148L14.7101%209.09175C14.5474%209.06834%2014.4067%208.96651%2014.3335%208.81936L12%204.12355Z%22%20fill%3D%22%23F7D649%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
}
.mtuMngPg .cmnList >ul> li{
  padding:20px 20px 0;
  border-top:0;
  border-bottom:0;
}
.mtuMngPg .cmnList >ul> li:has(.expanded-list-similar){border-bottom: none;}
.mtuMngPg .cmnList >ul> li+li{
  margin-top:10px; 
 }

.mtuMngPg .cmnList  ul li .top-area{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mtuMngPg .cmnList  ul li .top-area .status-wrap{
  display: flex;
  align-items: center;
  gap:5px
}

.mtuMngPg .cmnList  ul li .top-area .status-wrap .current {
  font-size: 12px;
  color: #fff;
  width: 62px;
  height: 22px;
  line-height:18px;
  background-color: #9E9E9E;
  border-radius: 14px;
  text-align: center;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mtuMngPg .cmnList  ul li .top-area .status-wrap .current.read {
  background-color: #0057FF;
}
.mtuMngPg .cmnList ul li .top-area .status-wrap .current{}
.mtuMngPg  ul li .top-area .profile {
  font-size: 11px;
  color: #9E9E9E;
  font-weight: 400;
}


.mtuMngPg .cmnList ul li .top-area .status-wrap  .status{
  position:unset;
  color:#6a6a6a;
  height:auto;
  width:auto;
  display: inline;
  background-color: transparent;
}
.mtuMngPg .cmnList  ul li .info-area {
  padding:10px 0 0;
}
.mtuMngPg .cmnList  ul li .info-area .item-name{
  font-size:14px;
  color:#222;
  font-weight: 400;
}
.mtuMngPg .cmnList  ul li .info-area .item-name .label{
  display:inline-block;
  margin-right:3px;
}
.mtuMngPg .label.headhunting {
  color: #18bc7b;
}
.mtuMngPg .cmnList  ul li .info-area .item-title{
font-size:16px;
font-weight: 600;
color:#222;
line-height:24px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: inherit;
display: -webkit-box;
overflow: hidden;
}


.mtuMngPg .cmnList .desc-area {
  overflow: hidden;
  padding: 12px 0px 0;
  min-height: 24px;
  line-height: 1.6;
}
.mtuMngPg .cmnList .desc-area .desc-item{display: flex;}
.mtuMngPg .cmnList .desc-area .desc-item + .desc-item{margin-top:8px}
.mtuMngPg .cmnList .desc-area .desc-item .tit {
  position: relative;
  font-size: 14px;
  width:80px;
  color:#6a6a6a;
  font-weight: 400;
  padding:0;
}
.mtuMngPg .cmnList .desc-area .desc-item .tit:after{
  content: "";
  display: block;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  width:1px;
  height:14px;
  background-color: #E8E8E8;
  right:9px;

}
.mtuMngPg .cmnList .desc-area .desc-item .txt {
  position: relative;
  overflow: hidden;
  font-size: 14px;
  width: calc(100% - 71px);
  color: #222;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mtuMngPg .cmnList .desc-area .desc-item .txt .applyDay {
  font-size: 10px;
  border: 1px solid #002aff;
  border-radius: 16px;
  padding: 2px 7px;
  color: #002aff;
  margin-left: 7px;
  position: relative;
  top: -1px;
}
.mtuMngPg .cmnList .desc-area .desc-item .txt  .applyDay.un {
  color: #FF0000; border: 1px solid #FF0000;
}
.mtuMngPg .cmnList .case .desc-area .desc-item .txt  .applyDay {
  border-color: #c3c3c3;
  color: #c3c3c3;
}


.mtuMngPg .cmnList .desc-area .desc-item.apply-profile a{
  text-decoration: underline;
}

.mtuMngPg .cmnList .desc-area .desc-item .txt .applyDay {
  font-size: 10px;
  border: 1px solid #002aff;
  border-radius: 16px;
  padding: 2px 7px;
  color: #002aff;
  margin-left: 7px;
  position: relative;
  top: -1px;
}

/* .mtuLogMng .cmnList .info dd .applyDay.un {color: #FF0000; border: 1px solid #FF0000;} */
.mtuMngPg .cmnList .case .desc-area dd .applyDay {
  border-color: #c3c3c3;
  color: #c3c3c3;
}

/* .mtuLogMng .cmnList .info dd .rsm {display:inline-block; overflow:hidden; padding-right:66px; text-overflow:ellipsis; white-space:nowrap;} */
.mtuMngPg .cmnList .desc-area dt:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 4px;
  width: 1px;
  height: 12px;
  background-color: #e0e0e0;
}

.mtuMngPg .cmnList .desc-area dt.applyProfile::after {
  content: none;
}

.mtuMngPg .cmnList .desc-area .btnLink {
  position: absolute;
  top: 0;
  right: -5px;
  display: inline-block;
  font-size: 11px;
  color: #002aff;
  padding: 5px;
  margin-top: -2px;
  text-decoration: underline;
  vertical-align: top;
}




.mtuMngPg .cmnList .case .tit {
  position: relative;
  display: block;
  /* padding: 15px 0px 10px 0px; */
}

.mtuMngPg .cmnList .case .tit,
.mtuMngPg .cmnList .case .txt,
.mtuMngPg .cmnList .case  .info-area .item-name,
.mtuMngPg .cmnList .case  .info-area .item-title,
.mtuMngPg .cmnList .case .desc-area .desc-item .txt{
  color: #D2D3D7;
}

.mtuMngPg .cmnList .case .status {
  color: #D2D3D7;
}
.mtuMngPg .position-offer-notice{
  padding:0;
  margin-top:9px;
}

.mtuMngPg .cmnList .func{
  margin-top:15px;
  border-top:1px solid #f4f4f4;
  border-bottom:0;
  padding:10px 0;
}

.mtuMngPg .expanded-list-similar{
  border-bottom: none;
  padding: 16px 0 0;
  margin:0 -20px;
}
.mtuMngPg .expanded-list-similar .list {
  padding:10px calc(100% - 83.33%) 16px 20px;
  margin-top:0;
}

.mtuMngPg .expanded-list-similar  > .header{
  padding-left: 20px;
  color: #9e9e9e;
}
.mtuMngPg .expanded-list-similar  .list-item {
  background-color: transparent;
}
.mtuMngPg .expanded-list-similar .list-item a {
  height: 168px;
  border-radius: 8px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.1);
  padding: 20px 20px 16px !important;
}
.mtuMngPg .expanded-list-similar .list-item a .item-title{
  -webkit-line-clamp:1;
}
.mtuMngPg .expanded-list-similar .list-item .button-scrap{
  top:20px;
  right:20px;
}








.mtuMngPg .smartmatch-percentage {
  padding: 40px 20px 0;
}
.mtuMngPg .smartmatch-percentage .section-item {
  border:0 none;
}
.mtuMngPg .smartmatch-percentage .section-item.visited .section-item_link .item-corp_name,
.mtuMngPg .smartmatch-percentage .section-item.visited .section-item_link .item-title,
.mtuMngPg .smartmatch-percentage .section-item.visited .section-item_link .celebrate-badge-big,
.mtuMngPg .smartmatch-percentage .section-item.visited .section-item_link .headhunting,
.mtuMngPg .smartmatch-percentage .section-item.visited .section-item_link .item-condition>span

{
  color:#D2D3D7;
} 
.mtuMngPg .smartmatch-percentage .section-item .celebrate-badge-big::before{
  width: 14px;
  height: 14px;
  background-size: 14px auto;
  background-position: left center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_2381_3764)'%3E%3Cpath d='M7 13.7812C3.26375 13.7812 0.21875 10.7362 0.21875 7C0.21875 3.26375 3.26375 0.21875 7 0.21875C10.7362 0.21875 13.7812 3.26375 13.7812 7C13.7812 10.7362 10.7362 13.7812 7 13.7812Z' fill='%23FBC400'/%3E%3Cpath d='M7 13.5625C10.6225 13.5625 13.5625 10.6225 13.5625 7C13.5625 3.3775 10.6225 0.4375 7 0.4375C3.3775 0.4375 0.4375 3.3775 0.4375 7C0.4375 10.6225 3.3775 13.5625 7 13.5625ZM7 14C3.14125 14 0 10.8587 0 7C0 3.14125 3.14125 0 7 0C10.8587 0 14 3.14125 14 7C14 10.8587 10.8587 14 7 14Z' fill='%23FBC400'/%3E%3Cpath d='M11.3138 6.79876H10.4738L10.9551 5.18001C11.0426 4.96126 10.9288 4.71626 10.7101 4.62876C10.6663 4.61126 10.6226 4.60251 10.5701 4.60251C10.3163 4.50626 10.0363 4.63751 9.94009 4.88251C9.94009 4.90001 9.92259 4.92626 9.92259 4.95251L8.87259 8.92501H8.83759L7.67384 5.06626C7.60384 4.76876 7.33259 4.56751 7.02634 4.58501C6.72009 4.56751 6.44009 4.77751 6.37884 5.08376L5.18884 8.93376H5.15384L4.13884 4.98751C4.06009 4.62876 3.76259 4.55001 3.44759 4.61126C3.20259 4.62876 3.01884 4.83876 3.02759 5.08376C3.02759 5.12751 3.03634 5.16251 3.05384 5.20626L3.53509 6.80751H2.69509C2.48509 6.79876 2.31009 6.95626 2.30134 7.16626C2.30134 7.19251 2.30134 7.21001 2.30134 7.23626C2.27509 7.44626 2.42384 7.63001 2.63384 7.65626C2.65134 7.65626 2.67759 7.65626 2.69509 7.65626H3.78884L4.34009 9.46751C4.42759 9.80876 4.76009 10.0363 5.11009 9.99251C5.46009 10.0363 5.79259 9.80876 5.88009 9.46751L6.99134 5.91501H7.02634L8.13759 9.46751C8.22509 9.80876 8.55759 10.0363 8.90759 9.99251C9.26634 10.0363 9.59884 9.80876 9.67759 9.45876L10.2113 7.65626H11.3051C11.5151 7.65626 11.6813 7.49001 11.6901 7.28876C11.6901 7.27126 11.6901 7.25376 11.6901 7.23626C11.7163 7.03501 11.5763 6.84251 11.3663 6.81626C11.3488 6.81626 11.3226 6.81626 11.3051 6.81626L11.3138 6.79876Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2381_3764'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.mtuMngPg .smartmatch-percentage .section-item.visited .celebrate-badge-big::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_2381_1616)'%3E%3Cpath d='M7 13.7812C3.26375 13.7812 0.21875 10.7362 0.21875 7C0.21875 3.26375 3.26375 0.21875 7 0.21875C10.7362 0.21875 13.7812 3.26375 13.7812 7C13.7812 10.7362 10.7362 13.7812 7 13.7812Z' fill='%23D2D3D7'/%3E%3Cpath d='M7 13.5625C10.6225 13.5625 13.5625 10.6225 13.5625 7C13.5625 3.3775 10.6225 0.4375 7 0.4375C3.3775 0.4375 0.4375 3.3775 0.4375 7C0.4375 10.6225 3.3775 13.5625 7 13.5625ZM7 14C3.14125 14 0 10.8587 0 7C0 3.14125 3.14125 0 7 0C10.8587 0 14 3.14125 14 7C14 10.8587 10.8587 14 7 14Z' fill='%23D2D3D7'/%3E%3Cpath d='M11.3138 6.79876H10.4738L10.9551 5.18001C11.0426 4.96126 10.9288 4.71626 10.7101 4.62876C10.6663 4.61126 10.6226 4.60251 10.5701 4.60251C10.3163 4.50626 10.0363 4.63751 9.94009 4.88251C9.94009 4.90001 9.92259 4.92626 9.92259 4.95251L8.87259 8.92501H8.83759L7.67384 5.06626C7.60384 4.76876 7.33259 4.56751 7.02634 4.58501C6.72009 4.56751 6.44009 4.77751 6.37884 5.08376L5.18884 8.93376H5.15384L4.13884 4.98751C4.06009 4.62876 3.76259 4.55001 3.44759 4.61126C3.20259 4.62876 3.01884 4.83876 3.02759 5.08376C3.02759 5.12751 3.03634 5.16251 3.05384 5.20626L3.53509 6.80751H2.69509C2.48509 6.79876 2.31009 6.95626 2.30134 7.16626C2.30134 7.19251 2.30134 7.21001 2.30134 7.23626C2.27509 7.44626 2.42384 7.63001 2.63384 7.65626C2.65134 7.65626 2.67759 7.65626 2.69509 7.65626H3.78884L4.34009 9.46751C4.42759 9.80876 4.76009 10.0363 5.11009 9.99251C5.46009 10.0363 5.79259 9.80876 5.88009 9.46751L6.99134 5.91501H7.02634L8.13759 9.46751C8.22509 9.80876 8.55759 10.0363 8.90759 9.99251C9.26634 10.0363 9.59884 9.80876 9.67759 9.45876L10.2113 7.65626H11.3051C11.5151 7.65626 11.6813 7.49001 11.6901 7.28876C11.6901 7.27126 11.6901 7.25376 11.6901 7.23626C11.7163 7.03501 11.5763 6.84251 11.3663 6.81626C11.3488 6.81626 11.3226 6.81626 11.3051 6.81626L11.3138 6.79876Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2381_1616'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.mtuLogMng .secStatus ul li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 42px;
  background-color: #e8e8e8;
  position: absolute;
  top: 12px;
  left: 0;
}

.mtuLogMng .secStatus ul li:first-child:before {
  display: none;
}

.mtuLogMng .secStatus ul li.on,.mtuLogMng .secStatus ul li.on dt,.mtuLogMng .secStatus ul li.on dd {
  color: #002aff;
}

.mtuLogMng .secStatus dl {
  line-height: 21px;
}

.mtuLogMng .secStatus dt {
  font-size: 0.93em;
  font-weight:400;
  color:#444;
}

.mtuLogMng .secStatus dd {
  font-size: 1.28em;
  font-weight: bold;
  color:#222;
}

.mtuLogMng .cmnList ul li > a {
  position: relative;
  display: block;
   /* padding:12px 0px 0; */
  padding: 15px 15px 10px 15px;
}

.mtuLogMng .cmnList ul li > a dl,
.mtuLogMng .cmnList .case .tit dl {
  margin-left: 70px;
  line-height: 20px;
}

.mtuLogMng .cmnList ul li > a dt {
  font-size: 13px;
  color: #002aff;
}

.mtuLogMng .cmnList ul li > a dt.title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.mtuLogMng .cmnList ul li > a dt.title .ellipsis.on {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  width: calc(100% - 80px);
}

.mtuLogMng .cmnList ul li > a dt.title .day {
  font-size: 12px;
  color: #999;
}

.mtuLogMng .cmnList ul li > a dt.title .profile {
  font-size: 11px;
  color: #222;
}


/* 헤드헌팅 아이콘 */
.mtuLogMng .cmnList ul li > a dt .icoHhMng {
  font-size: 10px;
  border: 1px solid #002aff;
  border-radius: 16px;
  padding: 2px 7px;
  color: #002aff;
  position: relative;
  top: -1px;
}

.mtuLogMng .cmnList ul li.case > a dt .icoHhMng {
  border-color: #c3c3c3;
  color: #c3c3c3;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mtuLogMng .cmnList ul li > a dt .icoHhMng {
    line-height: 18px;
  }
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
  .mtuLogMng .cmnList ul li > a dt .icoHhMng {
    line-height: 16px;
  }
}

.mtuLogMng .cmnList ul li > a dd,
.mtuLogMng .cmnList .case .tit dd {
  font-size: 13px;
  color: #000;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .mtuLogMng .cmnList ul li .day {position:absolute; top:15px; right:15px; font-size:12px; color:#999; font-weight:normal;} */
.mtuLogMng .cmnList ul li .status {
  position: absolute;
  left: 15px;
  top: 16px;
  font-size: 0.86em;
  color: #fff;
  width: 60px;
  height: 38px;
  background-color: #6a6a6a;
  border-radius: 3px;
  text-align: center;
  box-sizing: border-box;
  display: table;
}
.mtuLogMng .cmnList ul li .status em {
  display: block;
  font-size: 13px;
  padding-top: 5px;
}

.mtuLogMng .cmnList ul li .status span {
  display: table-cell;
  vertical-align: middle;
}

.mtuLogMng .cmnList ul li .status span strong {
  display: block;
}

.mtuLogMng .cmnList ul li .read {
  background-color: #002aff;
}

.mtuLogMng .cmnList ul li .read.nodate {
  height: 30px;
  padding-top: 15px;
}

.mtuLogMng .cmnList .case .tit {
  position: relative;
  display: block;
  padding: 15px 15px 10px 15px;
}

.mtuLogMng .cmnList .case dt,
.mtuLogMng .cmnList .case .tit dd,
.mtuLogMng .cmnList .case .day,
.mtuLogMng .cmnList .case .info dd {
  color: #c3c3c3;
}

.mtuLogMng .cmnList .case .status {
  background-color: #c3c3c3;
}


/* 내 이력서 */
.mtuRsmMng .secRsm dl:before,
.mtuRsmMng .secRsm .btnOpen span:after,
.mtuRsmMng .secRsm dl.open:after,
.mtuRsmMng .secRsm .btnQuick a:after,
.mtuRsmMng .cmnList .rsmJump a span:after,
.mtuRsmMng .noResume a:after {
  content: "";
  display: inline-block;
  background: url("/content/images/m/text_User/sp_mtu_mng.png") no-repeat;
  background-size: 50px 250px;
}

.mtuRsmMng .secRsm {
  position: relative;
}

.mtuRsmMng .secRsm > a {
  position: relative;
  display: block;
  height: 58px;
  margin-bottom: 10px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fffdf0;
}

.mtuRsmMng .secRsm dl {
  padding: 12px 0 0 55px;
  line-height: 19px;
}

.mtuRsmMng .secRsm dl:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 34px;
  height: 34px;
  background-color: #c0c3ca;
  background-position: 12px 9px;
  border-radius: 200px;
}

.mtuRsmMng .secRsm dt,
.mtuRsmMng .secRsm dt .tx {
  color: #333;
}

.mtuRsmMng .secRsm dd {
  font-size: 0.86em;
}

.mtuRsmMng .secRsm .btnOpen {
  position: absolute;
  top: 13px;
  right: 10px;
}

.mtuRsmMng .secRsm .btnOpen span {
  position: relative;
  font-size: 0.79em;
  color: #00b645;
  font-weight: bold;
  padding-right: 7px;
  text-decoration: underline;
}

.mtuRsmMng .secRsm .btnOpen span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 5px;
  height: 8px;
  background-position: 100% -25px;
}

.mtuRsmMng .secRsm .btnQuick {
  position: absolute;
  top: 14px;
  right: 10px;
}

.mtuRsmMng .secRsm .btnQuick a {
  position: relative;
  font-size: 0.79em;
  font-weight: bold;
  padding-right: 10px;
}

.mtuRsmMng .secRsm .btnQuick a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 5px;
  height: 8px;
  background-position: 100% -35px;
}

.mtuRsmMng .secRsm dl.open:before {
  background-color: #00b645;
  background-position: -13px 9px;
}

.mtuRsmMng .secRsm dl.open:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 22px;
  width: 8px;
  height: 14px;
  background-position: 0 -30px;
}

.mtuRsmMng .secRsm dl.open dt {
  color: #00b645;
}

.mtuRsmMng .cmnList .rsm dt {
  position: relative;
  font-size: 0.86em;
  border-bottom: 1px solid #e8e8e8;
}

.mtuRsmMng .cmnList .rsm dt strong {
  color: #002aff;
  padding: 12px 0 12px 40px;
}

.mtuRsmMng .cmnList .rsm dt .day {
  position: absolute;
  top: 13px;
  right: 10px;
}

.mtuRsmMng .cmnList .rsm dt .mtuIcnChk,
.mtuRsmMng .cmnList .rsm dt .icnChk {
  position: absolute;
  left: 15px;
  top: 9px;
}

.mtuRsmMng .cmnList .rsm dt strong,
.mtuRsmMng .cmnList .rsm dt label {
  display: block;
  padding: 13px 0 11px 40px;
}

.mtuRsmMng .cmnList .rsm dt label {
  cursor: pointer;
}

.mtuRsmMng .cmnList .rsm dt.on button {
  color: #002aff;
  font-weight: bold;
}

.mtuRsmMng .cmnList .rsm dd {
  font-size: 1.07em;
  color: #000;
  font-weight: bold;
  margin: 10px 15px;
}

.mtuRsmMng .cmnList .info dt {
  width: 35px;
}

.mtuRsmMng .cmnList .info dd {
  margin: 0 0 8px 26px;
}

.mtuRsmMng .cmnList .rsmJump {
  border-bottom: 10px solid #f2f4f5;
  background-color: #fffdf0;
}

.mtuRsmMng .cmnList .rsmJump a {
  display: block;
  height: 30px;
  padding-top: 13px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
}

.mtuRsmMng .cmnList .rsmJump a span {
  position: relative;
  padding-right: 10px;
}

.mtuRsmMng .cmnList .rsmJump a span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  width: 5px;
  height: 8px;
  background-position: 100% -35px;
}

.mtuRsmMng .cmnList .rsmJump em,
.mtuRsmMng .cmnList .rsmJump strong {
  color: #002aff;
}

.mtuRsmMng .noResume {
  position: relative;
  border-bottom: 10px solid #f2f4f5;
}

.mtuRsmMng .noResume .noInr {
  padding: 18px 15px 17px 15px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.mtuRsmMng .noResume h1.hd {
  font-size: 1.07em;
}

.mtuRsmMng .noResume a {
  position: relative;
  display: inline-block;
  font-size: 0.79em;
  padding-right: 10px;
  margin-top: 4px;
}

.mtuRsmMng .noResume a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 5px;
  height: 8px;
  background-position: 100% -35px;
}

.mtuRsmMng .noResume .mtuBtnClose {
  position: absolute;
  top: 15px;
  right: 10px;
}

.mtuRsmMng .btmArea {
  margin: 10px 10px;
}

/* 내 이력서 */
.mtuRsmMng .secRsm dl:before,
.mtuRsmMng .secRsm .btnOpen span:after,
.mtuRsmMng .secRsm dl.open:after,
.mtuRsmMng .secRsm .btnQuick a:after,
.mtuRsmMng .cmnList .rsmJump a span:after,
.mtuRsmMng .noResume a:after {
  content: "";
  display: inline-block;
  background: url("/content/images/m/text_User/sp_mtu_mng.png") no-repeat;
  background-size: 50px 250px;
}

.mtuRsmMng .secRsm {
  position: relative;
}

.mtuRsmMng .secRsm > a {
  position: relative;
  display: block;
  height: 58px;
  margin-bottom: 10px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background-color: #fffdf0;
}

.mtuRsmMng .secRsm dl {
  padding: 12px 0 0 55px;
  line-height: 19px;
}

.mtuRsmMng .secRsm dl:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 34px;
  height: 34px;
  background-color: #c0c3ca;
  background-position: 12px 9px;
  border-radius: 200px;
}

.mtuRsmMng .secRsm dt,
.mtuRsmMng .secRsm dt .tx {
  color: #333;
}

.mtuRsmMng .secRsm dd {
  font-size: 0.86em;
}

.mtuRsmMng .secRsm .btnOpen {
  position: absolute;
  top: 13px;
  right: 10px;
}

.mtuRsmMng .secRsm .btnOpen span {
  position: relative;
  font-size: 0.79em;
  color: #00b645;
  font-weight: bold;
  padding-right: 7px;
  text-decoration: underline;
}

.mtuRsmMng .secRsm .btnOpen span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 5px;
  height: 8px;
  background-position: 100% -25px;
}

.mtuRsmMng .secRsm .btnQuick {
  position: absolute;
  top: 14px;
  right: 10px;
}

.mtuRsmMng .secRsm .btnQuick a {
  position: relative;
  font-size: 0.79em;
  font-weight: bold;
  padding-right: 10px;
}

.mtuRsmMng .secRsm .btnQuick a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 5px;
  height: 8px;
  background-position: 100% -35px;
}

.mtuRsmMng .secRsm dl.open:before {
  background-color: #00b645;
  background-position: -13px 9px;
}

.mtuRsmMng .secRsm dl.open:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 22px;
  width: 8px;
  height: 14px;
  background-position: 0 -30px;
}

.mtuRsmMng .secRsm dl.open dt {
  color: #00b645;
}

.mtuRsmMng .cmnList .rsm dt {
  position: relative;
  font-size: 0.86em;
  border-bottom: 1px solid #e8e8e8;
}

.mtuRsmMng .cmnList .rsm dt strong {
  color: #002aff;
  padding: 12px 0 12px 40px;
}

.mtuRsmMng .cmnList .rsm dt .day {
  position: absolute;
  top: 13px;
  right: 10px;
}

.mtuRsmMng .cmnList .rsm dt .mtuIcnChk,
.mtuRsmMng .cmnList .rsm dt .icnChk {
  position: absolute;
  left: 15px;
  top: 9px;
}

.mtuRsmMng .cmnList .rsm dt strong,
.mtuRsmMng .cmnList .rsm dt label {
  display: block;
  padding: 13px 0 11px 40px;
}

.mtuRsmMng .cmnList .rsm dt label {
  cursor: pointer;
}

.mtuRsmMng .cmnList .rsm dt.on button {
  color: #002aff;
  font-weight: bold;
}

.mtuRsmMng .cmnList .rsm dd {
  font-size: 1.07em;
  color: #000;
  font-weight: bold;
  margin: 10px 15px;
}

.mtuRsmMng .cmnList .info dt {
  width: 35px;
}

.mtuRsmMng .cmnList .info dd {
  margin: 0 0 8px 26px;
}

.mtuRsmMng .cmnList .rsmJump {
  border-bottom: 10px solid #f2f4f5;
  background-color: #fffdf0;
}

.mtuRsmMng .cmnList .rsmJump a {
  display: block;
  height: 30px;
  padding-top: 13px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
}

.mtuRsmMng .cmnList .rsmJump a span {
  position: relative;
  padding-right: 10px;
}

.mtuRsmMng .cmnList .rsmJump a span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  width: 5px;
  height: 8px;
  background-position: 100% -35px;
}

.mtuRsmMng .cmnList .rsmJump em,
.mtuRsmMng .cmnList .rsmJump strong {
  color: #002aff;
}

.mtuRsmMng .noResume {
  position: relative;
  border-bottom: 10px solid #f2f4f5;
}

.mtuRsmMng .noResume .noInr {
  padding: 18px 15px 17px 15px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.mtuRsmMng .noResume h1.hd {
  font-size: 1.07em;
}

.mtuRsmMng .noResume a {
  position: relative;
  display: inline-block;
  font-size: 0.79em;
  padding-right: 10px;
  margin-top: 4px;
}

.mtuRsmMng .noResume a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 5px;
  height: 8px;
  background-position: 100% -35px;
}

.mtuRsmMng .noResume .mtuBtnClose {
  position: absolute;
  top: 15px;
  right: 10px;
}

.mtuRsmMng .btmArea {
  margin: 10px 10px;
}

/* 내 이력서 열람기업 */
.mtuReadMng .cmnList .co {
  position: relative;
  font-size: 1.07em;
  color: #000;
  font-weight: bold;
  height: 31px;
  padding: 13px 10px 0 38px;
  border-bottom: 1px solid #e8e8e8;
}

.mtuReadMng .cmnList .co button {
  position: absolute;
  left: 10px;
  top: 8px;
  display: inline-block;
  width: 27px;
  height: 26px;
}

.mtuReadMng .cmnList .co .icnTool {
  position: absolute;
  left: 10px;
  top: -20px;
  display: inline-block;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  padding: 4px 10px 3px 10px;
  background-color: #ff7575;
}

.mtuReadMng .cmnList .co .icnTool span {
  position: relative;
}

.mtuReadMng .cmnList .co .icnTool span:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 8px;
  height: 7px;
  background: url("/content/images/m/text_User/sp_mtu_mng.png") no-repeat -25px -80px;
  background-size: 50px 250px;
}

.mtuReadMng .cmnList .info {
  margin: 9px 15px 10px 15px;
}

.mtuReadMng .cmnList .info dt {
  width: 63px;
  padding: 2px 0;
}

.mtuReadMng .cmnList .info dd {
  padding: 2px 0;
  margin: 0 0 8px 55px;
}

.mtuReadMng .cmnList .rest {
  font-size: 0.86em;
  color: #ff6d3a;
  margin: -8px 15px 10px 15px;
}

/* 받은메일 */
.mtuPopMail .mailView .tit {
  font-size: 1.07em;
  color: #000;
  font-weight: bold;
  padding: 18px 5px 16px 15px;
  background-color: #f2f4f5;
}

.mtuPopMail .mailView .inr {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

.mtuPopMail .mailView .info {
  border-top: 1px solid #e8e8e8;
  height: 20px;
  padding: 9px 10px 6px 10px;
  margin: 0;
  line-height: 18px;
}

.mtuPopMail .mailView .info:first-child {
  border-top: 0;
}

.mtuPopMail .mailView .info dt {
  color: #999;
  padding: 0 0 0 5px;
}

.mtuPopMail .mailView .info dd {
  padding: 0;
}

.mtuPopMail .mailView .info dd:before {
  top: 2px;
}

.mtuPopMail .mailView .cont {
  margin: 20px 15px 0 15px;
}

.mtuPopMail .mailView .cont p {
  color: #333;
}

.mtuPopMail .mailList .desc {
  padding: 15px 20px 12px 20px;
  margin-bottom: 30px;
  background-color: #fffdf0;
  border-bottom: 1px solid #eae9d6;
}

.mtuPopMail .mailList .total {
  padding: 0 10px 17px 10px;
  border-bottom: 2px solid #c3c3c3;
}

.mtuPopMail .mailList .total em {
  color: #002aff;
}

.mtuPopMail .mailList ul li {
  border-bottom: 1px solid #e8e8e8;
  line-height: 1.4;
}

.mtuPopMail .mailList ul li:last-child {
  border-color: #c3c3c3;
}

.mtuPopMail .mailList ul li a {
  position: relative;
  display: block;
  padding: 13px 25px 11px 15px;
}

.mtuPopMail .mailList ul li a:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 24px;
  width: 8px;
  height: 14px;
  background: url("/content/images/m/text_User/sp_mtu_mng.png") no-repeat 0 -30px;
  background-size: 50px 250px;
}

.mtuPopMail .mailList dl dt {
  font-size: 0.86em;
  color: #002aff;
}

.mtuPopMail .mailList dl dt .date {
  font-size: 11px;
  color: #999;
  margin-left: 7px;
}

.mtuPopMail .mailList dl dd {
  font-size: 1.07em;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 퀵모바일지원 - 개편 전 영역(개편필요) */
#quickApy {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  z-index: 10000;
}

#quickApy fieldset {
  min-width: 0;
}

#quickApy .layer {
  position: relative;
  border: 3px solid #002aff;
  background: #fff;
  margin: 0 15px;
}

#quickApy .layer .layTit {
  font-size: 1.3em;
  font-weight: bold;
  color: #000;
  padding: 21px 10px 10px 49px;
  border-bottom: 1px solid #002aff;
}

#quickApy .layer .layCnt {
  padding: 10px 15px;
}

#quickApy .layer .close {
  position: absolute;
  top: 5px;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(/content/images/m/bg_all_co.png) no-repeat 11px -148px;
  background-size: 50px 1500px;
  text-indent: -9999px;
}

#quickApy .icnQuick {
  position: absolute;
  top: 2px;
  left: 5px;
  display: inline-block;
  width: 50px;
  height: 38px;
  background: url(/content/images/m/bg_quickapply.png) no-repeat 0 0;
  background-size: 55px 100px;
  text-indent: -9999px;
}

#quickApy .hdCo {
  color: #699af7;
  padding: 5px 0 5px 0;
  font: bold 1.14em;
}

#quickApy .bt {
  position: relative;
  overflow: hidden;
  display: inline-block;
  font-weight: bold;
  border-radius: 2px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -webkit-box-align: center;
}

#quickApy .bt span {
  display: inline-block;
  color: #002aff;
  padding-top: 0.4em;
}

#quickApy .resuemList {
  position: relative;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  margin-top: 10px;
}

#quickApy .resuemList dd {
  position: relative;
  overflow: hidden;
  padding: 10px 60px 10px 35px;
  border-top: 1px solid #e4e4e4;
}

#quickApy .resuemList dd .ipCustomUI {
  position: absolute;
  left: 10px;
  top: 18px;
}

#quickApy .resuemList .sel {
  padding: 10px;
  background-color: #f4f4f4;
}

#quickApy .resuemList .day {
  display: block;
  font-size: 0.79em;
  color: #888;
  margin-bottom: 4px;
}

#quickApy .resuemList .tit {
  width: 100%;
  font-size: 0.93em;
  color: #000;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

#quickApy .resuemList .tit strong {
  color: #002aff;
  font-weight: normal;
}

#quickApy .resuemList .basic {
  padding: 30px 0;
  text-align: center;
  background-color: #f4f4f4;
  font-size: 1.07em;
}

#quickApy .resuemList a.bt {
  -webkit-box-pack: center;
  display: -webkit-inline-box;
}

#quickApy .resuemList .bt12 {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 14px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #002aff;
  background: #fff;
}

#quickApy .btnApy {
  margin: 15px 0;
}

#quickApy .btnApy .bt2 {
  width: 100%;
  height: 47px;
  font-size: 1.3em;
  -webkit-box-pack: center;
  display: -webkit-inline-box;
}

#quickApy .btnApy .btC2 {
  border-color: #ff6600;
  background: #ff6600;
}

#quickApy .btnApy .btC2 span {
  color: #fff;
  padding-top: 0.2em;
}

#quickApy .elsApy {
  position: relative;
  border-top: 1px solid #e4e4e4;
  padding-top: 10px;
  color: #333;
}

#quickApy .elsApy span {
  font-size: 0.79em;
  display: inline-block;
  padding-right: 90px;
}

#quickApy .elsApy a {
  position: absolute;
  right: 0;
  top: 11px;
  font-size: 0.79em;
  text-decoration: underline;
  color: #002aff;
  padding-right: 10px;
  background: url(/content/images/m/bg_quickapply.png) no-repeat 100% -53px;
  background-size: 55px 100px;
}

#quickApy .lyWrap .lyApy {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 142px;
  height: 142px;
  margin: -71px 0 0 -71px;
  padding-top: 23px;
  border-radius: 50%;
  background-color: #002aff;
  text-align: center;
  color: #fff;
  z-index: 10000;
}

#quickApy .lyWrap .lyApy i {
  display: block;
  margin-bottom: 3px;
}

#quickApy .lyWrap_1 .lyApy {
  display: block;
  margin: 16px auto 10px auto;
  box-sizing: border-box;
  width: 142px;
  height: 142px;
  padding-top: 23px;
  border-radius: 50%;
  background-color: #002aff;
  text-align: center;
  color: #fff;
  z-index: 7;
}

#quickApy .lyWrap_1 .lyApy .ico {
  overflow: hidden;
  display: inline-block;
  width: 63px;
  height: 62px;
  vertical-align: middle;
  background: url(/content/images/m/Text_Co/bg_apply_event.png) no-repeat 0 -100px;
  background-size: 150px 200px;
  text-indent: -9999px;
}

#quickApy .lyWrap_1 .lyApy .txt1 {
  display: block;
  margin-top: 10px;
}

/* 사진 등록/수정 layer */
#quickPht {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  z-index: 10000;
}

#quickPht .layer {
  position: relative;
  border: 3px solid #002aff;
  background: #fff;
  margin: 0 15px;
}

#quickPht .lyPhoto .layTit {
  font-size: 1.3em;
  font-weight: bold;
  color: #000;
  padding: 10px 15px;
  border-bottom: 1px solid #002aff;
}

#quickPht .lyPhoto .layCnt {
  padding: 15px;
}

#quickPht .lyPhoto .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(/content/images/m/bg_all_co.png) no-repeat 11px -148px;
  background-size: 50px 1500px;
  text-indent: -9999px;
}

#quickPht .layCnt .btn_lyEnd {
  display: inline-block;
  height: 40px;
  font-size: 16px;
  text-align: center;
  background: #fff;
  color: #3e4045;
  font-weight: bold;
  border: 1px solid #d2d6dc;
  paddding: 0 10px;
  width: 100%;
}

#quickPht .layCnt p {
  margin-bottom: 0;
}

#quickPht .layCnt p:first-child {
  margin-bottom: 16px;
}

#quickApy .layCntOk {
  padding: 0;
}

#quickApy .layCntOk .hd {
  font-size: 1.4em;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 0 0 14px 0;
}

#quickApy .layCntOk .titTarget {
  font-size: 1.07em;
  border-bottom: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 8px;
  border-top: 3px solid #002aff;
}

/* 채용정보 - 좋은예감, 여기도 입사지원..(일반 2줄 리스트) - 개편 전 영역(개편필요) */
.boothBest .titTarget {
  border-bottom: 1px solid #ccc;
}

.boothBest li {
  position: relative;
  border-bottom: 1px solid #c9d1d7;
}

.boothBest .tit {
  padding: 11px 0 3px 0;
  color: #002aff;
  font-size: 1em;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.boothBest .txt {
  padding: 0 0 3px 0;
  color: #333;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.15em;
  line-height: 1.2em;
  font-weight: normal;
}

.boothBest .link {
  display: block;
  position: relative;
  height: 60px;
  margin: 0 75px 0 40px;
  padding-left: 0px;
}

.boothBest .btnScrap {
  position: absolute;
  top: 12px;
  right: auto;
  left: 3px;
  width: 23px;
  height: 22px;
  padding: 7px 7px 7px 7px;
}

.boothBest .btnApply {
  position: absolute;
  right: 6px;
  bottom: 17px;
  height: 24px;
  padding: 5px 2px;
  font-size: 0.786em;
  line-height: 14px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #d2d6dc;
  color: #898989;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  margin-left: 2px;
  min-width: 50px;
}

.boothBest .btnJkApply {
  background-color: #fb9958;
  border: 1px solid #fb9958;
  color: #fff;
}

.boothBest .btnRow2 {
  line-height: 9px;
  font-size: 0.714em;
  padding-top: 3px;
}

.boothBest .msgScrap {
  right: auto;
  left: 3px;
  top: -23px;
}

.boothBest .msgScrap:after {
  right: auto;
  left: 11px;
}

/* 채용정보 신규상품 공통 - 개편 전 영역(개편필요) */
.titTarget {
  padding: 20px 7px 2px 6px;
  color: #000;
  font-size: 1.143em;
}

.titTarget .m {
  color: #002aff;
}

.mjobList .mHdArea .h {
  border-bottom: none;
}

.mjobList > div:nth-of-type(1) {
  margin-top: -2px;
  padding-top: 21px;
  background: #fff;
}

.mjobList > div:nth-of-type(1) .titTarget {
  padding-top: 0;
  position: relative;
  margin-top: -2px;
  background: #fff;
}

.mjobList > div:nth-of-type(1) .mHdArea {
  margin-top: 0;
}

.mjobList img {
  background: #fff;
  border: 1px solid #fff;
}

.mjobList .dDay {
  color: #ed1d26;
}

.mjobList div:first-child.mBooth.mFree.mFreeP {
  padding-top: 0;
}

.ico3 {
  background: url(/content/images/m/bg_all_2_v4.png) no-repeat 0 0;
  background-size: 150px 150px;
}

.icoScrap {
  display: block;
  width: 23px;
  height: 22px;
  background-position: -90px -20px;
  text-indent: -9999px;
}

.on .icoScrap {
  background-position: -115px -20px;
}

.icoFavor {
  display: block;
  width: 19px;
  height: 17px;
  background-position: -65px 0;
  text-indent: -9999px;
}

.on .icoFavor {
  background-position: -90px 0;
}

.msgScrap {
  position: absolute;
  right: 2px;
  top: -25px;
  padding: 3px 9px 2px 9px;
  background-color: #ff6600;
  color: #fff;
  white-space: nowrap;
  font-size: 13px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.msgScrap:after {
  position: absolute;
  right: 11px;
  bottom: -14px;
  content: "";
  border: 6px solid transparent;
  border-width: 7px 4px;
  border-top-color: #ff6600;
}

.rct_obj .scrab .msgScrap {
  display: none;
  right: -66px;
  top: -32px;
}

.rct_obj .scrab .msgScrap:after {
  right: 70px;
}

/* 입사지원 취소 layer */
.lyApplyCancel .desc {
  color: #333;
}

.lyApplyCancel ul {
  margin: 15px 0;
}

.lyApplyCancel ul li {
  position: relative;
  margin-bottom: 6px;
}

.lyApplyCancel ul li .mtuBtnReset {
  position: absolute;
  top: 9px;
  right: 5px;
}

/* 이력서 점프업 서비스 layer */
.lyJumpUp .lyCnt h2 {
  color: #999;
  padding: 9px 0 7px 0;
  margin-bottom: 3px;
}

.lyJumpUp .lyCnt h2.add {
  border: 1px solid #c2c5cc;
  text-align: center;
  border-radius: 3px;
}

.lyJumpUp .lyCnt h2 strong {
  color: #333;
  font-weight: bold;
}

.lyJumpUp .lyCnt dl {
  margin-top: 17px;
}

.lyJumpUp .lyCnt dl dt,
.lyJumpUp .lyCnt dl dd {
  line-height: 1.4;
}

.lyJumpUp .lyCnt dl dt {
  float: left;
  color: #333;
  white-space: nowrap;
}

.lyJumpUp .lyCnt dl dd {
  position: relative;
  color: #898989;
  margin-left: 68px;
  padding-left: 9px;
}

.lyJumpUp .lyCnt dl dd:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #999;
}

.lyJumpUp .lyCnt .lyTplTab {
  margin-bottom: 15px;
}

.lyJumpUp .lyCnt .lyTplTab li {
  width: 33.33%;
}

.lyJumpUp .lyCnt p {
  text-align: center;
}

.lyJumpUp .lyBtm {
  padding: 15px 15px;
  background-color: #f9f9f9;
  border-top: 1px solid #e9e9e9;
  text-align: left;
}

.lyJumpUp .lyBtm dl {
  position: relative;
  color: #898989;
  margin: 0;
}

.lyJumpUp .lyBtm dl dt {
  position: absolute;
  left: 0;
  top: -3px;
}

.lyJumpUp .lyBtm dl dd {
  position: relative;
  font-size: 0.75em;
  padding-left: 8px;
  margin-left: 30px;
  line-height: 1.5;
}

.lyJumpUp .lyBtm dl dd:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 6px;
  width: 2px;
  height: 2px;
  background: #898989;
}

.lyJumpUp .lyBtm .close {
  top: 0;
}

.lyTplTab {
  overflow: hidden;
}

.lyTplTab li {
  position: relative;
  float: left;
  width: 33.3%;
  border: 1px solid #c0c3ca;
  background-color: #fff;
  margin-left: -1px;
  z-index: 1;
  -webkit-box-sizing: border-box;
}

.lyTplTab li em {
  display: block;
  font-size: 0.75em;
  padding-left: 8px;
}

.lyTplTab li button {
  font-size: 1.071em;
  width: 100%;
  padding: 9px 0;
}

.lyTplTab li button span {
  position: relative;
  padding-left: 12px;
}

.lyTplTab li button span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 11px;
  height: 12px;
  background: url("/content/images/m/text_User/sp_mtu_mng.png") no-repeat 0 -155px;
  background-size: 50px 250px;
}

.lyTplTab li:first-child {
  width: 33.5%;
  margin-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.lyTplTab li:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.lyTplTab li.on {
  border: 1px solid #002aff;
  z-index: 2;
}

.lyTplTab li.on button {
  color: #002aff;
  font-weight: bold;
}

.lyTplTab li.on button span:before {
  background-position: -15px -155px;
}

/* 신청완료 layer */
.lyFinal {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  background-color: #ff6868;
  border-radius: 200px;
}

.lyFinal p {
  position: relative;
  font-size: 16px;
  color: #fff;
  padding-top: 105px;
  text-align: center;
}

.lyFinal p:before {
  content: "";
  position: absolute;
  left: 60px;
  top: 45px;
  width: 46px;
  height: 43px;
  background: url("/content/images/m/text_User/sp_mtu_icn.png") no-repeat 0 0;
  background-size: 50px 250px;
}

/* 이력서 > 연락처 공개설정 */
.textUserGgSec {
  height: 100%;
  line-height: 1.3;
  background-color: #fff;
}

.textUserGgSec .skip {
  position: absolute;
  left: -9999px;
}

.textUserGgSec input:focus::-webkit-input-placeholder {
  color: transparent;
}

.textUserGgSec .selWrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.textUserGgSec .selWrap select {
  font-size: 14px;
  color: #333;
  width: 100%;
  border: 1px solid #e0e0e0;
  background: #fff;
}

.textUserGgSec .selWrap:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2px;
  border-color: #adadad transparent transparent transparent;
  width: 0px;
  height: 0px;
  border-width: 4px;
  border-style: solid;
}

.textUserGgSec .ggHead .hdbtnClose {
  position: absolute;
  left: 0;
  top: 0;
  width: 43px;
  height: 45px;
  overflow: hidden;
}

.textUserGgSec .ggHead .hdbtnClose .arrow {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -2px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  text-indent: -9999px;
  -ms-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.textUserGgSec .btnWrap {
  margin-top: 30px;
  position: relative;
  padding: 0 10px 0 10px;
}

.textUserGgSec .btnWrap button {
  height: 40px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-radius: 2px;
  padding-top: 2px;
}

.textUserGgSec .btnWrap .btnOk {
  border: 1px solid #002aff;
  background-color: #002aff;
  color: #fff;
}

.textUserGgSec .btnWrap .rBtnClose {
  border: 1px solid #d1d5db;
  background-color: #fff;
  color: #333;
}

.textUserGgSec .btnWrap.type01 {
  padding: 0 10px;
}

.textUserGgSec .btnWrap.type01:after {
  content: "";
  display: block;
  clear: both;
}

.textUserGgSec .btnWrap.type01 button {
}

.textUserGgSec .btnWrap.type01 button:nth-child(1) {
  float: left;
  width: 49.8%;
}

.textUserGgSec .btnWrap.type01 button:nth-child(2) {
  float: right;
  width: 49.8%;
}

.textUserGgSec .btnWrap.type02 {
  padding-left: 90px;
}

.textUserGgSec .btnWrap.type02 button:nth-child(1) {
  position: absolute;
  left: 10px;
  top: 0;
  width: 75px;
}

.textUserGgSec .btnWrap.type02 button:nth-child(2) {
  width: 100%;
}

.textUserGgSec .secTx {
  padding: 0 20px;
  position: relative;
  color: #333;
  font-size: 14px;
}

.textUserGgSec .secTx:after {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  width: 5px;
  height: 2px;
  margin-top: -2px;
  background-color: #333;
}

.textUserGgSec .ggHead {
  height: 45px;
  background-color: #002aff;
}

.textUserGgSec .ggHead .h {
  text-align: left;
  padding: 2px 0 0 45px;
  line-height: 45px;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  border-bottom: none;
  box-sizing: border-box;
  letter-spacing: -0.5px;
}

.textUserGgSec .ggHead .h_c {
  text-align: center;
  padding: 2px 0 0 0;
  line-height: 45px;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  border-bottom: none;
  letter-spacing: -0.5px;
  box-sizing: border-box;
}

.textUserGgSec .settingBx .bxHd {
  height: 37px;
  line-height: 37px;
  padding-top: 2px;
  color: #666;
  font-size: 13px;
  border-bottom: 1px solid #e8e8e8;
  background-color: #f2f4f5;
  padding-left: 10px;
  box-sizing: border-box;
}

.textUserGgSec .settingBx .cont {
  padding: 15px 10px;
}

.textUserGgSec .settingBx .cont .dateBx,
.textUserGgSec .settingBx .cont .viewBx {
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  padding: 9px 8px 7px;
  font-size: 14px;
  color: #999;
}

.textUserGgSec .settingBx .cont .viewBx {
  border: none;
  font-size: 15px;
  color: #333;
  padding: 12px 8px 11px 0;
}

.textUserGgSec .cont.settingCont {
  padding: 0 10px;
}

.textUserGgSec .cont.settingCont .setInner:first-child {
  border-top: none;
}

.textUserGgSec .cont.settingCont .setInner {
  border-top: 1px solid #efefef;
  position: relative;
  padding-right: 55px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.textUserGgSec .cont.settingCont .setInner input.setInp {
  color: #333;
  height: 41px;
  border: none;
  width: 100%;
  font-size: 15px;
  padding-left: 0;
  padding-top: 2px;
}

.textUserGgSec .cont.settingCont .setInner .uiInpChk.chkType {
  position: absolute;
  right: 2px;
  top: 5px;
}

.textUserGgSec .cont.settingCont .setInner .uiInpChk.chkType .uiEle {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-right: 4px;
  background: url(/content/images/m/text_user/resume/sprites/res_tpl_btn.png)
    no-repeat 0 -158px;
  -webkit-background-size: 80px 500px;
  background-size: 80px 500px;
  vertical-align: -6px;
}

.textUserGgSec .cont.settingCont .setInner .uiInpChk.chkType .uiEle.checked {
  background-position: -26px -158px;
}

.textUserGgSec
  .cont.settingCont
  .setInner
  .uiInpChk.chkType
  input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.textUserGgSec .cont.settingCont .setInner .uiInpChk.chkType label {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  color: #666;
  padding: 6px 0;
}

.textUserGgSec .cont.settingCont .setInner .uiInpChk.radioType {
  padding-bottom: 10px;
  margin-top: -2px;
}

.textUserGgSec
  .cont.settingCont
  .setInner
  .uiInpChk.radioType
  .radioWrap:first-child {
  margin-right: 35px;
}

.textUserGgSec .cont.settingCont .setInner .uiInpChk.radioType .uiEle {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 1px solid #bfbfc0;
  border-radius: 50%;
  vertical-align: -4px;
  margin-right: 4px;
}

.textUserGgSec .cont.settingCont .setInner .uiInpChk.radioType .uiEle:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #e6e6e6;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -4px 0 0 -4px;
}

.textUserGgSec
  .cont.settingCont
  .setInner
  .uiInpChk.radioType
  .radioWrap.checked
  .uiEle:after {
  background-color: #002aff;
}

.textUserGgSec
  .cont.settingCont
  .setInner
  .uiInpChk.radioType
  input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.textUserGgSec .cont.settingCont .setInner .uiInpChk.radioType label {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  color: #666;
}

.textUserGgSec .cont.settingCont .setInner .uiInpChk .selTimeInp {
  display: none;
}

.textUserGgSec .cont.settingCont .setInner .uiInpChk .checked .selTimeInp {
  display: block;
  padding-top: 10px;
}

.textUserGgSec
  .cont.settingCont
  .setInner
  .uiInpChk
  .checked
  .selTimeInp
  .selWrap {
  width: 110px;
}

.textUserGgSec
  .cont.settingCont
  .setInner
  .uiInpChk
  .checked
  .selTimeInp
  .selWrap
  select {
  font-size: 12px;
}

.textUserGgSec .descBx {
  background-color: #f7f7f7;
  margin: 35px 0 0;
  padding: 20px 15px;
  line-height: 16px;
}

.textUserGgSec .descBx .descTit {
  font-size: 14px;
  color: #666;
}

.textUserGgSec .descBx .descTit .descTip {
  display: inline-block;
  height: 17px;
  line-height: 17px;
  background-color: #ff7575;
  text-align: center;
  padding: 1px 7px 0;
  box-sizing: border-box;
  font-size: 10px;
  color: #fff;
  border-radius: 50px;
  vertical-align: 2px;
  margin-right: 5px;
}

.textUserGgSec .descBx .descList {
  font-size: 11px;
  color: #666;
  margin-top: 7px;
}

.textUserGgSec .descBx .descList li {
  position: relative;
  padding-left: 6px;
  margin-top: 1px;
}

.textUserGgSec .descBx .descList li:first-child {
  margin-top: 0;
}

.textUserGgSec .descBx .descList li:after {
  content: "";
  display: block;
  width: 1px;
  height: 1px;
  background-color: #666;
  position: absolute;
  left: 0;
  top: 6px;
}

/* 회원정보수정 */
.textUserGgSec .userPwWrap .txBx {
  padding: 63px 10px 50px;
  text-align: center;
}

.textUserGgSec .userPwWrap .txBx .h {
  font-size: 20px;
  color: #000;
  letter-spacing: -0.5px;
}

.textUserGgSec .userPwWrap .txBx .desc {
  font-size: 12px;
  line-height: 15px;
  color: #666;
  padding-top: 9px;
}

.textUserGgSec .userPwWrap .pwWrap .pwInp {
  padding: 0 10px;
}

.textUserGgSec .userPwWrap .pwWrap .pwInp .id {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding-bottom: 12px;
}

.textUserGgSec .userPwWrap .pwWrap .pwInp .pw input {
  width: 100%;
  border-color: #002aff;
  padding-top: 2px;
}

.textUserGgSec .userPwWrap .pwWrap .btnWrap {
  margin-top: 15px;
}

.changeUserInfo {
  background-color: #f1f6fa;
}

.changeUserInfo .changeAtc {
  padding: 15px 0 30px;
}

.changeUserInfo .changeCont,
.changeUserInfo .changeFrom {
  margin: 0 10px 10px;
  box-sizing: border-box;
  background-color: #fff;
}

.changeUserInfo .changeCont {
  border: 1px solid #aeaeae;
}

.changeUserInfo .changeCont .name {
  padding: 16px 0 12px;
  text-align: center;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

.changeUserInfo .changeFrom {
  border: 1px solid #dadada;
}

.changeUserInfo .changeFrom.bgForm {
  background-color: #fafafa;
}

.changeUserInfo .changeFrom input,
.changeUserInfo .changeFrom select {
  border: none;
  background-color: transparent;
  width: 100%;
  padding: 2px 10px 0;
  font-size: 14px;
  color: #333;
  height: 45px;
}

.changeUserInfo .changeFrom .formBx {
  position: relative;
  border-bottom: 1px solid #dadada;
  overflow: hidden;
}

.changeUserInfo .changeFrom .formBx:last-child {
  border-bottom: none;
}

.changeUserInfo .changeFrom .formBx input:focus {
  outline: none;
}

.changeUserInfo .changeFrom .formBx .emailForm {
  float: left;
}

.changeUserInfo .changeFrom .formBx .emailForm:nth-child(1) {
  width: 33%;
}

.changeUserInfo .changeFrom .formBx .emailForm:nth-child(2) {
  width: 67%;
}

.changeUserInfo .changeFrom .formBx .emailForm:nth-child(2) input {
  width: 90%;
}

.changeUserInfo .changeFrom .formBx .descWrap {
  position: relative;
  height: 6px;
  clear: left;
  display: none;
}

.changeUserInfo .changeFrom .formBx .descTx {
  position: absolute;
  left: 10px;
  top: -12px;
  font-size: 9px;
  color: #e30c0d;
}

.changeUserInfo .changeFrom.bgForm .descWrap {
  display: block;
}

.changeUserInfo .changeFrom .zipCodeInp {
  width: 50%;
}

.changeUserInfo .changeFrom .btnZipCode {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -17px;
  width: 100px;
  height: 34px;
  font-size: 14px;
  color: #333;
  border: 1px solid #dadada;
  background-color: #fff;
  text-align: center;
  padding-top: 2px;
}

.changeUserInfo .addDescTx {
  margin-left: 18px;
  padding-left: 6px;
  font-size: 10px;
  color: #898989;
  position: relative;
}

.changeUserInfo .addDescTx:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background-color: #c1c5c8;
  position: absolute;
  left: 0;
  top: 5px;
}

/* 이력서 사진 등록,수정 */
.mtuPopPhoto .popHeader {
  text-align: left;
}

.mtuPopPhoto .photoBx .photo {
  background-color: #000;
}

.rsmPhotoLoding {
  overflow: hidden;
  position: absolute;
  top: 100px;
  left: 50%;
  width: 236px;
  height: 94px;
  margin-left: -120px;
  padding: 26px 0;
  border: 2px solid #002aff;
  background: #fff;
  text-align: center;
  z-index: 100;
}

.rsmPhotoLoding .load {
  margin: 0 0 16px 0;
}

.rsmPhotoLoding .msg {
  font-size: 1.07em;
  color: #999;
}

.jcrop-holder {
  margin: 0 auto;
  direction: ltr;
  text-align: left;
}

.jcrop-vline,
.jcrop-hline {
  position: absolute;
}

.jcrop-vline {
  height: 100%;
  width: 1px !important;
}

.jcrop-vline.right {
  right: 0;
}

.jcrop-hline {
  height: 1px !important;
  width: 100%;
}

.jcrop-hline.bottom {
  bottom: 0;
}

.jcrop-tracker {
  height: 100%;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.jcrop-handle {
  background-color: #333;
  border: 1px #eee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}

.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}

.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: 4px;
  right: 0;
  top: 50%;
}

.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}

.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}

.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}

.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}

.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}

.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}

.jcrop-dragbar.ord-n {
  margin-top: -4px;
}

.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}

.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}

.jcrop-dragbar.ord-w {
  margin-left: -4px;
}

.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000;
  border-color: #fff;
  border-radius: 3px;
}

.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #fff;
  border-color: #000;
  border-radius: 3px;
}

.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #fff;
}

.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}

/* 입사지원현황 기간조회 */
.ctrlBx {
  background-color: #e9ecef;
  /* padding: 10px 0 5px; */
}

.periodWrp {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  background-color: #f7f7f7;
}

.periodWrp dl {
  position: relative;
  display: flex;
  background-color: #F7F7F7;
  color:#6A6A6A;
  height:100%;
  box-sizing: border-box;
  font-size: 13px;
}

.periodWrp dl:after {
  display: block;
  content: "";
  clear: both;
}

.periodWrp dl dt,
.periodWrp dl dd {
  padding:13.4px 0;
}

.periodWrp dl dt {
  font-weight: 400;
  color: #6a6a6a;
  padding-left:20px;
  position: relative;
  width: 21.61%;
  box-sizing: border-box;
}

.periodWrp dl dt:after {
  display: inline-block;
  content: "";
  width:1px;
  display: block;
  height:14px;
  background-color: #D2D2D2;
  position: absolute;
  right:0;
  top:14px;
}
.periodWrp dl dd:nth-child(2){
  padding-left:8px;
  box-sizing: border-box;
  width:51%;
}

.periodWrp dl .btnBox {
  padding:0;
  width:28%;
  
}

.periodWrp dl .btnBox button {
  position: relative;
  padding: 0 34% 0 10%;
  /* padding:0 22px 0 10px; */
  border-left: 1px solid #e8e8e8;
  height:100%;
  width:100%;
  box-sizing: border-box;
  background-color: #F7F7F7;
  text-align: left;
  color:#6A6A6A;
}

.periodWrp dl .btnBox button:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15%;
  margin-top: -3px;
  width: 20px;
  height: 20px;
  margin-top:-10px;
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.00128 13.3838C4.74329 13.1544 4.72006 12.7594 4.94938 12.5014L9.39382 7.50139C9.51025 7.37042 9.6763 7.29434 9.85152 7.29169C10.0267 7.28905 10.195 7.36008 10.3153 7.48748L15.0376 12.4875C15.2746 12.7384 15.2633 13.134 15.0123 13.371C14.7614 13.608 14.3658 13.5967 14.1288 13.3458L9.87492 8.84166L5.88364 13.3318C5.65432 13.5898 5.25927 13.6131 5.00128 13.3838Z' fill='%236A6A6A'/%3E%3C/svg%3E");
  background-position: 0 0;
  z-index: 1;
}

.periodWrp dl .btnBox button.open {
  background-color: #fff;
  z-index: 1;
}

.periodWrp dl .btnBox button.open:after {
  transform: rotate(0deg);
}

.periodWrp .detailBx {
  /*position:absolute; left:-9999px; */
  background-color: #fff;
  padding: 20px;
  border-top: 1px solid #e1e4e7;
  overflow: hidden;
}

.periodWrp .detailBx .txt {
  color: #6a6a6a;
  font-size:12px;
  line-height:18px;
}

.periodWrp .detailBx .formGroup {
  padding-top: 8px;
  clear: both;
}

.periodWrp .detailBx .formGroup .ipText {
  background-color: #fff;
  background-position: 94.2857% 12px;
  padding:13px 40px 13px 16px;
  background-repeat: no-repeat;
}
.periodWrp .detailBx .liYears {
  position: relative;
  display: flex;
}

.periodWrp .detailBx .liYears:after {
  content: "";
  display: block;
  clear: both;
}

.periodWrp .detailBx .liYears li {
  display: inline-block;
  flex:1 1 0;
}

.periodWrp .detailBx .liYears li button {
  width: 100%;
  height: 100%;
  border: 1px solid #e0e0e0;
  font-size: 14px;
  line-height: 22px;
  color: #6a6a6a;
  height:42px;
  letter-spacing: -0.5px;
}
.periodWrp .detailBx .liYears li+li button {
  border-left:1px solid transparent
}

.periodWrp .detailBx .liYears li:first-child button{
  border-radius: 8px 0 0 8px ;

}
.periodWrp .detailBx .liYears li:last-child button{
  border-radius: 0px 8px 8px 0 ;
}

.periodWrp .detailBx .liYears li.on button,
.periodWrp .detailBx .liYears li button:focus {
  border-color: #222;
  color: #222;
  outline: 0;
}
.periodWrp .detailBx .liYears li.on+li button:focus{
  border-left: 1px solid transparent
}
.periodWrp .detailBx .btnSearch {
  display: block;
  margin: 0 auto;
  height: 40px;
  width:100%;
  background-color: #002aff;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  font-weight: 400;
}

.mtuRsmMng .secRsm div.open {
  position: relative;
  padding-left: 55px;
  box-sizing: border-box;
  line-height: 58px;
  color: #00b645;
}

.mtuRsmMng .secRsm div.open::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 34px;
  height: 34px;
  background: #00b645 url("/content/images/m/text_User/sp_mtu_mng.png")
    no-repeat;
  background-size: 50px 250px;
  background-position: -13px 9px;
  border-radius: 200px;
}

.mtuRsmMng .secRsm div.open::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 22px;
  width: 8px;
  height: 14px;
  background: url("/content/images/m/text_User/sp_mtu_mng.png") no-repeat 0 -30px;
  background-size: 50px 250px;
}

/* 개인회원 > 스크랩한 채용정보 리스트 정렬 input */
.sortMlist {
  padding: 10px 5px;
  background-color: #e9ecef;
}

.sortMlist .hSortOption {
  position: relative;
  padding: 11px 10px 0;
  background-color: #fff;
  border: 1px solid #e1e4e7;
  box-sizing: border-box;
  height: 40px;
}

.sortMlist .hSortOption:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  zoom: 1;
}

.sortMlist .hSortOption ul {
  float: left;
}

.sortMlist .hSortOption ul li:first-child {
  margin-left: 0;
}

.sortMlist .hSortOption ul li {
  float: left;
  font-size: 0.929em;
  position: relative;
  margin-left: 9px;
  color: #999;
}

.sortMlist .hSortOption ul li input[type="radio"] {
  display: none;
}

.sortMlist .hSortOption ul li input[type="radio"] + label {
  position: relative;
  padding-left: 15px;
}

.sortMlist .hSortOption ul li input[type="radio"] + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  background: url("/content/images/m/Text_User/recruit_fit_sprite.png")
    no-repeat;
  width: 5px;
  height: 5px;
  background-position: -21px -31px;
  background-size: 70px 66px;
}

.sortMlist .hSortOption ul li input[type="radio"]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1;
  background: url("/content/images/m/Text_User/recruit_fit_sprite.png")
    no-repeat;
  width: 11px;
  height: 10px;
  background-position: -57px -18px;
  background-size: 70px 66px;
}

.sortMlist .hSortOption ul li input[type="radio"]:checked + label {
  padding-left: 15px;
  color: #333;
}

.sortMlist .hSortOption .jkSelWrap {
  width: auto;
  position: absolute;
  right: 0;
  top: 0;
  height: 38px;
  border-left: 1px solid #dfe2e6;
}

.sortMlist .hSortOption .jkSelWrap select {
  font-size: 13px;
  border: none;
  color: #666 !important;
  font-weight: normal !important;
}

/* 개인회원 > 스크랩한 채용정보, 최근본공고 신규 리스트 */
.secMatch {
  background-color: #e9ecef;
}

.jkMtuMyList {
  padding: 0 5px 15px;
  background-color: #e9ecef;
}

.jkMtuMyList .no_result_tx {
  text-align: center;
  padding: 35px 0 20px;
}

.jkMtuMyList li {
  margin-top: 5px;
  position: relative;
}

.jkMtuMyList li:first-child {
  margin-top: 0;
}

.jkMtuMyList li.read .link {
  background: rgba(255, 255, 255, 0.6) !important;
  border: none;
  padding: 14px 11px;
}

.jkMtuMyList li .link {
  display: block;
  border: 1px solid #e1e4e7;
  background-color: #fff;
  padding: 13px 10px;
}

.jkMtuMyList li .link .tit {
  display: block;
  font-size: 14px;
  padding-right: 100px;
  color: #002aff;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jkMtuMyList li .link .tit .hhIco {
  display: inline-block;
  font-size: 11px;
  padding: 2px 5px 0 5px;
  color: #002aff;
  border-radius: 50px;
  height: 18px;
  line-height: 1.3;
  box-sizing: border-box;
  border: 1px solid #002aff;
  vertical-align: 1px;
  margin-right: 4px;
  box-sizing: border-box;
}

.jkMtuMyList li .link .txt {
  display: block;
  font-size: 15px;
  margin-top: 9px;
  padding-right: 0px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 공고 읽음 처리 시 클래스 on 추가 */
.jkMtuMyList li .link .txt.on {
  color: #999;
}

.jkMtuMyList li .link .desc {
  display: block;
  font-size: 12px;
  color: #333;
  margin-top: 9px;
  padding-right: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jkMtuMyList li .link .desc span {
  margin-left: 4px;
  padding-left: 5px;
  position: relative;
  font-size: 12px;
}

.jkMtuMyList li .link .desc span:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background-color: #c0c0c0;
  position: absolute;
  left: -1px;
  top: 2px;
}

.jkMtuMyList li .link .desc span:first-child {
  margin-left: 0;
  padding-left: 0;
}

.jkMtuMyList li .link .desc span:first-child:after {
  display: none;
}

.jkMtuMyList li .btnScrap {
  padding: 11px 8px;
  position: absolute;
  right: 0;
  top: 0;
}

.jkMtuMyList li .btnScrap .msgScrap {
  right: 7px;
  top: -17px;
}

/* 마감됭 공고 */
.jkMtuMyList li.closed .link * {
  color: #999 !important;
}

/* 관심기업 - 20171207 */
.spFav,
.spFavB:before,
.spFavA:after,
.spFavM:before,
.spFavM:after {
  background: url(/content/images/m/text_user/sp_mtu_favor.png) no-repeat 0 0;
  background-size: 50px 50px;
}

.spFavB:before,
.spFavA:after,
.spFavM:before,
.spFavM:after {
  content: "";
  vertical-align: middle;
}

.btnSelSort:before {
  display: inline-block;
  width: 16px;
  height: 15px;
  background-position: 0 0;
}

.btnFavMore:after {
  display: inline-block;
  width: 12px;
  height: 7px;
  margin: 0 0 0 3px;
  background-position: -20px 0;
}

.mtuSubFavorCo {
  background-color: #e9ecef;
}

.mtuFavorCo .jkNewTab {
  padding: 10px 10px 0;
}

.mtuFavorCo .jkNewTab li a {
  height: 38px;
  line-height: 38px;
}

.mtuFavorCo .sortMlist {
  padding: 10px 0 4px;
}

.mtuFavorCo .hSortOption {
  border-color: #dfe2e6;
}

.mtuFavorCo .hSortOption .jkSelWrap {
  width: 102px;
}

.mtuFavorCo .hSortOption .jkSelWrap .btnSelSort {
  font-size: 0.857em;
  width: 100%;
  height: 100%;
  padding: 0 0 0 15px;
  text-align: left;
}

.mtuFavorCo .hd_3 {
  font-size: 1.071em;
  font-weight: normal;
  padding: 16px 0 0 10px;
}

.favListArea .favLists li {
  position: relative;
  margin: 10px 0 0;
  border-top: 1px solid #dddfe1;
  border-bottom: 1px solid #dddfe1;
  background-color: #fff;
  box-sizing: border-box;
}

.favListArea .favLists li:first-child {
  margin-top: 6px;
}

.favListArea .favLists .linkBx {
  position: relative;
  height: 94px;
  padding: 0 75px 0 42px;
}

.favListArea .favLists .link {
  display: block;
}

.favListArea .favLists .tit,
.favListArea .favLists .txt,
.favListArea .favLists .desc {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.favListArea .favLists .tit {
  font-size: 1.071em;
  font-weight: normal;
  color: #002aff;
  padding: 13px 18px 6px 0;
  line-height: 1.3;
}

.favListArea .favLists .txt {
  font-size: 1.214em;
  color: #333;
  line-height: 1.2;
}

.favListArea .favLists .desc {
  display: block;
  font-size: 12px;
  color: #999;
  padding-top: 4px;
  padding-right: 55px;
}

.favListArea .favLists .desc span {
  position: relative;
  font-size: 12px;
}

.favListArea .favLists .desc span:nth-child(n + 2):before {
  content: "";
  display: inline-block;
  margin: -1px 5px 0 3px;
  width: 1px;
  height: 10px;
  background-color: #bfbfbf;
  vertical-align: middle;
}

.favListArea .btnLink {
  position: absolute;
  right: 15px;
  bottom: 13px;
  width: 58px;
  text-align: right;
}

.favListArea .btnLink .date {
  font-size: 12px;
  color: #999;
  display: block;
  margin-bottom: 5px;
}

.favListArea .btnLink .date.end {
  color: #ed1d26;
}

.favListArea .btnLink a {
  font-size: 0.857em;
  color: #fff;
  height: 24px;
  padding-top: 2px;
  background-color: #f60;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
}

.favListArea .btnScrap {
  position: absolute;
  left: 8px;
  top: 30px;
  padding: 7px;
}

/* 유사기업 추천채용 */
.favListArea .similarBx {
  position: relative;
  height: 38px;
  line-height: 38px;
  background-color: #f6fafd;
}

.favListArea .similarBx .comp {
  display: block;
  font-size: 0.857em;
  padding-left: 42px;
}

.favListArea .similarBx .comp strong {
  color: #002aff;
  font-weight: normal;
}

.favListArea .similarBx .btnFavor {
  position: absolute;
  left: 9px;
  top: 3px;
  padding: 7px;
  vertical-align: middle;
}

.favListArea .unIteBx {
  position: absolute;
  right: 5px;
  top: 0;
}

.favListArea .unIteBx button {
  width: auto;
  height: 43px;
  padding: 0 10px;
  text-align: right;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

.favListArea .unIteBx button:focus {
  outline: none;
}

.favListArea .unIteBx button > span {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #d8dce0;
  border-radius: 50px;
  overflow: hidden;
  padding: 4px 0 0 6px;
  text-align: center;
}

.favListArea .unIteBx button > span span {
  display: block;
  white-space: nowrap;
  font-size: 11px;
  color: #fff;
}

.favListArea .unIteBx button > span span:before {
  position: static;
  display: inline-block;
  margin-right: 5px;
  background-position: -180px -54px;
  width: 9px;
  height: 9px;
  vertical-align: -1px;
}

.mtuFavorCo .btnFavBx {
  height: 44px;
  line-height: 44px;
  margin: 10px 5px;
  border: 1px solid #dfe2e6;
  background-color: #f4f6f7;
  box-sizing: border-box;
}

.mtuFavorCo .btnFavBx button {
  width: 100%;
  height: 100%;
}

/* 나를 위한 맞춤 채용 */
.mtuFavorCo .smListArea li {
  padding: 0 10px;
  margin: 10px 0 0;
  border-left: 0;
  border-right: 0;
}

.mtuFavorCo .smListArea li:first-child {
  margin-top: 6px;
}

.mtuFavorCo .smListArea .btnLink {
  right: 20px;
}

.mtuFavorCo .smListArea .btns {
  right: 10px;
}

.mtuFavorCo .smListArea li .unIteBx {
  right: 10px;
}

.mtuFavorCo .noFavResult {
  padding: 24px 0;
  margin-top: 6px;
  border-top: 1px solid #dddfe1;
  border-bottom: 1px solid #dddfe1;
  background-color: #fff;
  text-align: center;
}

.mtuFavorCo .noFavResult p {
  font-size: 1.071em;
  line-height: 1.8;
}

.mtuFavorCo .noFavResult p em {
  display: block;
  color: #333;
}

.mtuFavorCo .noFavResult p a {
  color: #002aff;
  text-decoration: underline;
}

/* 개인회원 > 주요서비스 소개 */
#wrap.join {
  background: #fff;
}

.joinCont.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.joinCont .swiper-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.joinCont .swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.joinCont .swiper-slide strong {
  display: inline-block;
  margin-top: 41px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: #333;
}

.joinCont .swiper-slide p {
  margin-top: 14px;
  font-size: 16px;
  color: #333;
}

.joinCont .swiper-slide .swiper-img-wrapped {
  margin-top: 41px;
}

.joinCont .swiper-slide .swiper-img-wrapped img {
  width: 198px;
  height: 51px;
}

.joinCont .swiper-slide > img {
  width: 172px;
  height: 105px;
  margin-top: 28px;
}

.joinCont .swiper-pagination {
  position: static;
  margin-top: 54px;
  text-align: center;
}

.joinCont .swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 6px;
  background: url(/content/images/m/ver_1/join/dot_blue_gray.png) no-repeat 0 -10px;
  background-size: 10px 20px;
}

.joinCont .swiper-pagination-bullet:first-child {
  margin-left: 0;
}

.joinCont .swiper-pagination-bullet-active {
  background-position: 0 0;
}

.joinContList {
  text-align: left;
  margin: 50px 20px 0;
}

.joinContList li {
  margin-top: 8px;
  padding-left: 10px;
  font-size: 15px;
  font-weight: normal;
  color: #000;
  text-indent: -10px;
}

.joinContList li:first-child {
  margin-top: 0;
}

.joinContList li .cl3399ff {
  font-weight: bold;
  color: #002aff;
}

.modalNoticeServiceend {
  z-index: -10;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 35px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
}

.modalNoticeServiceend.active {
  display: block;
  animation: modalVisible 0.3s ease-in both;
}

.modalNoticeServiceend.hidden {
  z-index: -10;
  opacity: 0;
  animation: modalClose 0.3s ease-in both;
}

.modalNoticeServiceend .modalWrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.modalNoticeServiceend .modalContainer {
  display: table-cell;
  vertical-align: middle;
}

.modalNoticeServiceend .modalContent {
  width: 290px;
  position: relative;
  margin: 0px auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  background-color: #fff;
  text-align: left;
  -webkit-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
  box-sizing: border-box;
}

.modalNoticeServiceend.active .modalContent {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.modalNoticeServiceend .modalBody {
  overflow: hidden;
  position: relative;
  padding: 34px 25px 19px;
  box-sizing: border-box;
}

.modalNoticeServiceend .modalBody .header {
  margin-bottom: 21px;
  font-size: 17px;
  color: #333;
  font-weight: bold;
}

.modalNoticeServiceend .modalBody .heading {
  margin-bottom: 16px;
}

.modalNoticeServiceend .modalBody .heading p {
  font-size: 15px;
  color: #333;
}

.modalNoticeServiceend .modalBody .heading p strong {
  color: #002aff;
}

.modalNoticeServiceend .modalBody .description {
  margin-bottom: 2px;
}

.modalNoticeServiceend .modalBody .description p {
  margin-bottom: 9px;
  font-size: 14px;
  color: #666;
  line-height: 1.55;
}

.modalNoticeServiceend .modalBody .description p a {
  text-decoration: underline;
  color: #002aff;
}

.modalNoticeServiceend .modalBody .description p:last-child {
  margin-bottom: 0;
}

.modalNoticeServiceend .modalBody .buttonDetail {
  display: block;
  position: relative;
  float: right;
  padding-right: 9px;
  font-size: 14px;
  color: #888;
  text-decoration: underline;
}

.modalNoticeServiceend .modalBody .buttonDetail::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 4px;
  width: 5px;
  height: 9px;
  background: url("/content/images/m/Text_User/resume/icon-gt.png") no-repeat;
  background-size: 5px 9px;
}

.modalNoticeServiceend .modalFooter {
  height: 52px;
  border-top: 1px solid #e9e9e9;
  box-sizing: border-box;
}

.modalNoticeServiceend .modalFooter .button {
  display: block;
  width: 50%;
  float: left;
}

.modalNoticeServiceend .modalFooter .button span {
  display: block;
  width: 100%;
  height: 51px;
  padding-top: 16px;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
}

.modalNoticeServiceend .modalFooter .buttonConfirm {
  border-left: 1px solid #e9e9e9;
}

.modalNoticeServiceend .modalFooter .buttonConfirm span {
  color: #002aff;
}

@-webkit-keyframes modalVisible {
  0% {
    z-index: 9998;
  }

  100% {
    z-index: 9998;
    opacity: 1;
  }
}

@keyframes modalVisible {
  0% {
    z-index: 9998;
  }

  100% {
    z-index: 9998;
    opacity: 1;
  }
}

@-webkit-keyframes modalClose {
  0% {
    z-index: 9998;
    opacity: 1;
  }

  99% {
    z-index: 9998;
  }

  100% {
    display: none;
    z-index: -10;
    opacity: 0;
  }
}

@keyframes modalClose {
  0% {
    z-index: 9998;
    opacity: 1;
  }

  99% {
    z-index: 9998;
  }

  100% {
    z-index: -10;
    opacity: 0;
  }
}

/* 2018-03-23 입사지원현황 변경 - 김현욱 */
.formPeriod {
  width: 100%;
  padding-top: 7px;
}

.formPeriod:after {
  content: "";
  display: block;
  clear: both;
}

.formPeriod > * {
  float: left;
}

.formPeriod .startDate,
.formPeriod .endDate {
  display: inline-block;
  width: 47%;
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  box-sizing: border-box;
}

.formPeriod .startDate .wStartDate,
.formPeriod .endDate .wEndDate {
  width: 100%;
  line-height: 22px;
  border: none;
  border-radius: 8px;
  box-sizing: border-box;
  padding:13px 27.118% 13px 10.847%;
  background-repeat: no-repeat;
  background-position:87.796% center;
}

.formPeriod .startDate .sCal,
.formPeriod .endDate .eCal {
  width: 30px;
  height: 38px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.formPeriod .startDate .sCal .ico,
.formPeriod .endDate .eCal .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  background: url(/content/images/m/Text_User/spr_img.png) no-repeat 0 0;
  background-size: 300px auto;
  overflow: hidden;
  text-indent: -9999px;
}

.formPeriod .hypen {
  width: 6%;
  text-align: center;
  line-height: 48px;
}

.cmnList .jkPgWrap {
  padding: 5px 6px 5px 4px;
  background-color: #e9ecef;
  background-color: #e9ecef;
  border: none;
  margin: 0;
}

.cmnList .jkPg {
  border: none;
}

.cmnList .jkPg ul li {
  border: none;
}

.cmnList .jkPg ul li a {
  position: static;
  display: inline-block;
  padding: 2px 10px 0;
  display: flex;
}

.cmnList .jkPg li a.prev,
.cmnList .jkPg li a.next {
  width: 33px;
  height: 28px;
  padding: 0;
  position: absolute;
  top: 50%;
  margin-top: -14px;
}

/* 활성화 */
.formPeriod .startDate.on,
.formPeriod .endDate.on {
  border-color: #222;
}

.formPeriod .startDate.on .sCal .ico,
.formPeriod .endDate.on .eCal .ico {
  background-position: 0 -20px;
}

.formStatus {
  width: 100%;
  margin-top: 8px;
  padding: 8px 6.25%;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
}

.formStatus dl {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #f4f4f4;
  background-color: #fff;
  color:#6a6a6a;
}

.formStatus dl:first-child {
  border-top: none;
}

.formStatus dl dt {
  font-size: 14px;
  width:24.64%;
  padding-left:0;
  padding-right:0;
}

.formStatus dl dt:after {
  display: none;
}

.formStatus dl dt,
.formStatus dl dd {
  position: relative;
  float: none;
  display: table-cell;
  padding-top:8px;
  padding-bottom:8px;
}

.formStatus dl dd {
  width: 29%;
  line-height:22px;
  font-weight: 400;
}

.formStatus dl dd:first-of-type {
  width: 23%;
}

.formStatus dl dt input {
  width: 100%;
}

.formStatus dl dd {
  position: relative;
}

.formStatus dl dd input {
  width: 52px;
  height: 17px;
  position: absolute;
  top: 4px;
  z-index: -1;
  padding-left: 35px;
}
.formStatus dl dd input:checked+label{
  color:#0057FF
}

.formStatus dl dd label {
  padding-left: 18px;
}

.formStatus dl dd label:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 12px;
  height: 9px;
  background-image: url(/content/images/m/Text_User/spr_img.png);
  background-repeat: no-repeat;
  background-position: -19px -15px;
  background-size: 300px auto;
}

.formStatus dl dd input[type="radio"]:checked + label:before {
  content: "";
  background-position: -19px 1px;
}

.company-name-unlisted {
  margin-top: 18px;
  font-size: 13px;
  color: #666;
}

/* 포지션 제안 */
/* form */
.mtuRadio_bl {
  padding: 7px 0;
}

.mtuRadio_bl input[type="radio"] + label {
  position: relative;
}

.mtuRadio_bl input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  margin: -2px 7px 0 0;
  width: 21px;
  height: 21px;
  background: url(/content/images/m/text_user/sp_my.png) no-repeat 0 0;
  background-size: 100px;
  vertical-align: middle;
}

.mtuRadio_bl input[type="radio"]:checked + label:before {
  background-position: 0 -22px;
}

/* tooltip */
.lyTooltip_navy {
  position: relative;
  display: none;
  margin-bottom: 12px;
  background: #31353e;
  border-radius: 3px;
  z-index: 9000;
  box-sizing: border-box;
}

.lyTooltip_navy:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #31353e;
}

.lyTooltip_navy button {
  width: 100%;
}

.lyTooltip_navy .lyCnt {
  position: relative;
  padding: 10px 40px 9px 12px;
  font-size: 1em;
  font-weight: normal;
  color: #fff;
  line-height: 1.4;
  text-align: left;
}

.lyTooltip_navy .lyCnt .highlight {
  color: #f3c646;
}

.lyTooltip_navy .lyCnt:after {
  content: "";
  position: absolute;
  top: 13px;
  right: 9px;
  width: 10px;
  height: 10px;
  background: url(/content/images/m/text_user/sp_my.png) no-repeat -30px -65px;
  background-size: 100px;
}

/* 설정 */
.setWrap {
  padding: 10px 10px 5px;
}

.setWrap .setInner {
  position: relative;
  display: block;
  padding: 15px 30px 15px 15px;
  background: #fefdf1;
  border: 1px solid #e2e4e7;
}

.setWrap .setInner:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #ababaf;
  border-right: 1px solid #ababaf;
  -webkit-transform: rotate(-45deg) translateY(calc(-50% - 4px));
  transform: rotate(-45deg) translateY(calc(-50% - 4px));
}

.setWrap .setState {
  font-size: 16px;
  color: #333;
}

.setWrap .setState .setValue {
  font-weight: normal;
  color: #999;
}

.setWrap .text {
  margin-top: 4px;
  font-size: 12px;
  color: #999;
  line-height: 1.4;
}

.setWrap.on .setInner {
  background: #fff;
}

.setWrap.on .setState .setValue {
  color: #002aff;
}

.offerMng,
.offerMng #wrap,
.offerViewBody {
  background: #e9ecef;
}

.offerMng .tplPagination {
  margin: 15px 0;
}

.offerMng .jkBoothBx .listItem > li > a .desc span:after {
  top: 2px;
}

.offerMng .topArea {
  padding: 0 10px 10px;
}

.offerMng .topArea:after {
  content: "";
  display: block;
  clear: both;
}

.offerMng .totalNum {
  font-size: 14px;
  color: #666;
  text-indent: 2px;
}

.offerMng .totalNum strong {
  color: #002aff;
  font-weight: bold;
}

.offerMng .listSort {
  position: relative;
  background: #fff;
  border: 1px solid #e2e4e7;
}

.offerMng .listSort:after {
  content: "";
  display: block;
  clear: both;
}

.offerMng .itemWrap {
}

.offerMng .itemWrap:after {
  content: "";
  display: block;
  clear: both;
}

.offerMng .itemWrap .item {
  float: left;
  position: relative;
  display: block;
  margin-left: 10px;
  margin-right: 5px;
}

.offerMng .itemWrap input {
  display: none;
}

.offerMng .itemWrap label {
  position: relative;
  display: inline-block;
  padding: 13px 0 9px 10px;
  font-size: 0.929em;
  color: #999;
  cursor: pointer;
}

.offerMng .itemWrap input + label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  width: 11px;
  height: 8px;
  background: url(/content/images/m/ver_1/list/sp_list.png) no-repeat -106px -13px;
  background-size: 150px;
}

.offerMng .itemWrap input:checked + label {
  padding-left: 15px;
  color: #333;
}

.offerMng .itemWrap input:checked + label:before {
  background-position: -100px 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .offerMng .itemWrap .sortInp {
    margin-top: -6px;
  }
}

.offerMng .selWrap {
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #e2e4e7;
}

.offerMng .selWrap:after {
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -3px;
  margin-left: -5px;
  width: 9px;
  height: 5px;
  background: url(/content/images/m/Text_User/recruit_fit_sprite.png) no-repeat -2px -41px;
  background-size: 70px;
}

.offerMng .selWrap.noIco:after {
  display: none;
}

.offerMng #mtu .selWrap select {
  width: auto;
  background: none;
  height: 39px;
  box-sizing: content-box;
  padding: 2px 24px 1px 7px;
  font-size: 13px;
  color: #666;
  border: none;
  background-color: transparent;
  box-sizing: border-box;
}

.offerMng #mtu .selWrap select::-ms-expand {
  display: none;
}

.offerMng .listItem input[type="checkbox"],
.offerMng .selItem-all input[type="checkbox"],
.offerMng .selItem input[type="checkbox"],
.offerMng .selItem input[type="radio"] {
  position: absolute;
  left: -9999px;
}

.offerMng .listItem input[type="checkbox"] + label,
.offerMng .selItem-all input[type="checkbox"] + label,
.offerMng .selItem input[type="checkbox"] + label,
.offerMng .selItem input[type="radio"] + label {
  display: block;
  padding-top: 3px;
  padding-left: 30px;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
  position: relative;
}

.offerMng .listItem input[type="checkbox"] + label:before,
.offerMng .selItem-all input[type="checkbox"] + label::before,
.offerMng .selItem input[type="checkbox"] + label:before,
.offerMng .selItem input[type="radio"] + label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-position: -41px -5px;
  position: absolute;
  top: 0;
  left: 0;
}

.offerMng .selItem-all input[type="checkbox"]:checked + label:before,
.offerMng .listItem input[type="checkbox"]:checked + label:before,
.offerMng .selItem input[type="checkbox"]:checked + label:before {
  background-position: -65px -5px;
}

.offerMng .selItem input[type="radio"] + label:before {
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #d2d2d2;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
}

.offerMng .selItem input[type="radio"]:checked + label:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #002aff;
  position: absolute;
  top: 5px;
  left: 5px;
}

.offerMng .selItem .subText {
  display: block;
  margin-top: 4px;
  padding-left: 30px;
  font-size: 12px;
  color: #888;
}

.offerMng .listArea {
  padding: 0 10px;
}

.offerMng .listItem > li {
  position: relative;
  border: 1px solid #e2e4e7;
  background: #fff;
}

.offerMng .listItem > li + li {
  margin-top: 8px;
}

.offerMng .listItem > li > a,
.offerMng .listItem > li > .link,
.offerMng .listItem .btnGp .btn {
  position: relative;
  display: block;
  padding: 15px;
}

.offerMng .listItem .icnNew12x12 {
  margin-left: 2px;
}

.offerMng .listItem .icnNew12x12:after {
  vertical-align: -1px;
}

.offerMng .listItem .deadline {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 0.857em;
  color: #999;
}

.offerMng .listItem .deadline.today {
  color: #ed1d26;
}

.offerMng .listItem .state {
  position: absolute;
  top: 16px;
  right: 15px;
  font-size: 0.857em;
  color: #999;
}

.offerMng .listItem .state > span {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: initial;
  margin-top: -2px;
  margin-left: 2px;
  padding: 0 5px;
  height: 14px;
  font-size: 9px;
  font-weight: normal;
  color: #999;
  border: 1px solid #bbb;
  border-radius: 50px;
  box-sizing: border-box;
  vertical-align: middle;
  overflow: hidden;
}

.offerMng .listItem .comp {
  position: relative;
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  color: #333;
  line-height: 20px;
}

.offerMng .listItem .comp:after {
  content: "";
  display: block;
  clear: both;
}

.offerMng .listItem .comp .limit-bundle {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: initial;
  position: absolute;
  top: -2px;
  margin-left: -58px;
  background-color: #606e89;
  width: 58px;
  height: 20px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  z-index: 1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.offerMng .listItem .compName {
  float: left;
  display: inline-block;
  max-width: -webkit-calc(100% - 180px);
  max-width: calc(100% - 180px);
  box-sizing: border-box;
  font-size: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
}

.offerMng .listItem .comp .icnRcr {
  margin-top: -1px;
}

.offerMng .listItem .blockItem .compName {
  max-width: 100%;
  padding-right: 68px;
  margin-top: -2px;
  vertical-align: bottom;
}

.offerMng .listItem .comp .alarm {
  display: block;
  position: absolute;
  top: -2px;
  left: -5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #f00;
  text-indent: -999em;
  overflow: hidden;
}

.offerMng .listItem .comp b {
  display: inline-block;
  margin-top: -2px;
  margin-left: 2px;
  padding: 0 5px;
  height: 14px;
  font-size: 9px;
  font-weight: normal;
  color: #999;
  border: 1px solid #bbb;
  border-radius: 50px;
  box-sizing: border-box;
  line-height: 14px;
  vertical-align: middle;
  overflow: hidden;
}

.offerMng .listItem .tit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1.071em;
  color: #333;
  line-height: 1.46;
  overflow: hidden;
  text-overflow: ellipsis;
}

.offerMng .listItem .desc {
  display: block;
  margin-top: 10px;
}

.offerMng .listItem .desc > span {
  font-size: 0.928em;
  color: #666;
  line-height: 1.8;
}

.offerMng .listItem .desc > span.full {
  display: block;
}

.offerMng .listItem .desc > span:before,
.offerMng .listItem .desc > span .title:after {
  content: "";
  display: inline-block;
  margin: -2px 9px 0 7px;
  width: 1px;
  height: 10px;
  background: #ccc;
  vertical-align: middle;
}

.offerMng .listItem .desc > span:first-child:before,
.offerMng .listItem .desc > span.full:before,
.offerMng .listItem .desc > span.full + span:before {
  display: none;
}

.offerMng .listItem .desc > span .title {
  color: #999;
}

.offerMng .listItem .desc .positive {
  color: #002aff;
}

.offerMng .listItem .desc .positive:before,
.offerMng .listItem .desc .negative:before {
  content: "";
  display: inline-block;
  margin: -2px 3px 0 0;
  background: url(/content/images/m/text_user/sp_my.png?v=20190325) no-repeat;
  background-size: 100px;
  vertical-align: middle;
  overflow: hidden;
}

.offerMng .listItem .desc .positive:before {
  width: 14px;
  height: 14px;
  background-position: -60px -42px;
}

.offerMng .listItem .desc .negative:before {
  width: 13px;
  height: 13px;
  background-position: -80px -42px;
}

.offerMng .listItem .desc .btnReply {
  display: block;
  padding: 10px 0;
  font-size: 1.142em;
  color: #fff;
  background: #002aff;
  text-align: center;
}

.offerMng .listItem .desc .btnReply:before {
  display: none;
}

.offerMng .listItem .desc .button-modify {
  position: relative;
  display: inline-block;
  height: 20px;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  line-height: 20px;
  font-size: 11px;
  color: #999;
  text-align: left;
  padding: 0 12px 0 4px;
  margin: 1px 0 0 2px;
  vertical-align: top;
}

.offerMng .listItem .desc .button-modify:after {
  content: "";
  display: block;
  position: absolute;
  right: 2px;
  top: 5px;
  width: 8px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath class='path1' fill='%23999' d='M16,10.5l-9-9c-0.3-0.3-0.7-0.3-1,0s-0.3,0.7,0,1l8.5,8.5L6,19.5c-0.3,0.3-0.3,0.8,0,1.1c0.1,0.1,0.3,0.2,0.5,0.2s0.4-0.1,0.5-0.2l9-9C16.3,11.2,16.3,10.8,16,10.5z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.readCont .listItem > li > a,
.limitCont .listItem > li > a,
.limitCont .listItem > li > .link {
  padding-bottom: 0;
}

.readCont .listItem .desc {
  margin-bottom: 10px;
}

.readCont .listItem .limit .btnBlock {
  border-top: 1px solid #f5f5f5;
}

.offerMng .listItem .limit {
  position: relative;
  font-size: 0.928em;
  color: #666;
}

.offerMng .listItem .limit .btnBlock {
  border-top: 1px solid #f5f5f5;
  display: block;
  width: 100%;
  padding: 16px 15px 14px;
  color: #333;
  text-align: left;
}

.offerMng .listItem .limit .btnBlock:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-bottom: 1px solid #9a9a9a;
  border-right: 1px solid #9a9a9a;
  -webkit-transform: rotate(-45deg) translateY(-2px);
  transform: rotate(-45deg) translateY(-2px);
}

.offerMng .listItem .limit .block {
  padding: 16px 15px 14px;
  background-color: #f6fafd;
}

.offerMng .listItem .limit .block .btnBlock {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: right;
}

.limitCont + .limitCont {
  margin-top: 10px;
}

.limitCont .lockList {
  padding: 10px;
  background: #fff;
  border: 1px solid #e2e4e7;
}

.limitCont .lockList .lock {
  position: relative;
  display: inline-block;
  height: 35px;
  padding: 10px 25px 0 10px;
  margin: 3px;
  box-sizing: border-box;
  border-radius: 35px;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #333;
}

.limitCont .lockList .lock:before,
.limitCont .lockList .lock:after {
  content: "";
  display: block;
  width: 10px;
  height: 0;
  border-top: 1px solid #999;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -1px;
}

.limitCont .lockList .lock:before {
  transform: rotate(45deg);
}

.limitCont .lockList .lock:after {
  transform: rotate(-45deg);
}

.limitCont .lockList .btnUnlock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.limitCont .lockList .noResult {
  border: 0;
  padding: 65px 0;
}

.limitCont .buttons {
  padding: 10px 0 30px;
  font-size: 0;
}

.limitCont .buttons button {
  padding: 1px 20px 0;
  height: 40px;
  border: 1px solid #d1d1d1;
  background: #fff;
  font-size: 13px;
  color: #666;
}

.limitCont .buttons button + button {
  margin-left: 5px;
}

.smartfilter-guide {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}

.smartfilter-guide .secCmn {
  overflow: visible;
}

.smartfilter-guide .tooltip .tooltip-popup {
  left: 10px;
  width: -webkit-calc(100% - 20px) !important;
  width: calc(100% - 20px) !important;
}

.smartfilter-guide .tooltip .tooltip-popup::after {
  left: 22.5% !important;
}

.smartfilter-guide .tooltip .tooltip-popup .description em {
  font-weight: normal;
  color: #fff;
}

.smartfilter-guide .button-area {
  position: absolute;
  right: 12px;
  top: 12px;
}

.smartfilter-guide .button-area .button-smartfilter {
  display: inline-block;
  width: 49px;
  height: 22px;
}

.smartfilter-guide .button-area .button-smartfilter::before {
  content: "";
  display: inline-block;
  width: 49px;
  height: 22px;
  background-position: -59px -30px;
}

.smartfilter-guide .button-area input:checked + .button-smartfilter::before {
  background-position: -59px -57px;
}

.limit_co .listItem .blockItem {
  padding-left: 27px;
  overflow: hidden;
}

.limit_co .listItem input[type="checkbox"] + label {
  width: 42px;
  height: 100%;
  padding: 12px 0 0 15px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  color: transparent;
  z-index: 1;
}

.limit_co .listItem input[type="checkbox"] + label:before {
  position: static;
}

/* 데이터 없을 경우 */
.offerMng .noResult {
  padding: 75px 0;
  text-align: center;
}

.offerMng .noResult .copy_01 {
  font-size: 16px;
  color: #666;
  line-height: 1.4;
}

.offerMng .noResult .copy_02 {
  margin-top: 10px;
  font-size: 13px;
  color: #999;
  line-height: 1.4;
}

.offerMng .noResult .btnGp {
  margin-top: 15px;
}

.offerMng .noResult .btnGp .btn {
  display: inline-block;
  min-width: 145px;
  background: #009cff;
  font-size: 15px;
  color: #fff;
}

/* 열람제한 산업 등록하기 */
.offerMng .offerSetHead {
  display: flex;
  padding: 20px 10px 10px;
  position: relative;
}

.offerMng .offerSetHead .text,
.offerMng .offerSetHead .count {
  line-height: 1.5;
}

.offerMng .offerSetHead .text {
  font-size: 14px;
  color: #666;
  word-break: keep-all;
}

.offerMng .offerSetHead .text.small {
  font-size: 12px;
}

.offerMng .offerSetHead .count {
  font-size: 12px;
  color: #333;
  text-align: right;
  flex: 1;
}

.offerMng .offerSetHead .count em {
  color: #002aff;
}

.offerMng .bullet {
  flex-flow: column;
}

.offerMng .bullet .text {
  padding-left: 6px;
  position: relative;
  margin-top: 15px;
}

.offerMng .bullet .text:first-child {
  margin-top: 0px;
}

.offerMng .bullet .text::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0px;
  width: 2px;
  height: 2px;
  background-color: #999999;
  display: inline-block;
}

.offerMng .offerSet {
  padding: 0 10px 10px;
  position: relative;
}

.offerMng .offerSet .selBox {
  border: 1px solid #e2e4e7;
  background-color: #fff;
}

.offerMng .offerSet .selBox + .selBox {
  margin-top: 8px;
}

.offerMng .offerSet .item-none {
  text-align: center;
  padding: 80px 0;
}

.offerMng .offerSet .selHead {
  position: relative;
  padding: 14px 15px 10px;
  border-bottom: 1px solid #f5f5f5;
  font-size: 13px;
  color: #333;
}

.offerMng .offerSet .selItem .item {
  padding: 15px;
}

.offerMng .offerSet .selItem .item + .item {
  margin-top: -20px;
}

.offerMng .offerSet .selItem-all {
  position: absolute;
  top: 0px;
  right: 15px;
}

.offerMng .offerSet .smart-filter {
  border: 1px solid #666666;
  position: relative;
}

.offerMng .offerSet .smart-filter .selItem-all {
  top: 11px;
}

.offerMng .limit-description {
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 0px 10px;
  font-size: 13px;
  line-height: 19px;
  color: #666666;
  word-break: keep-all;
}

.offerMng .limit-description em {
  color: #002aff;
}

.offerMng .offerSetSearch {
  margin: 0px 0px 13px;
  padding: 0px 10px;
  display: inline-table;
  width: 100%;
  box-sizing: border-box;
}

.offerMng .offerSetSearch:after {
  content: "";
  display: block;
  clear: both;
}

.offerMng .offerSetSearch .search-wrap {
  position: relative;
  display: table-cell;
  left: -0.5px;
}

.offerMng .offerSetSearch input {
  padding-right: 50px;
}

.offerMng .offerSetSearch .btnSearch {
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.offerMng .offerSetSearch .btnSearch:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/content/images/m/common/sp_common.png?v=20190624") no-repeat
    0 -170px;
  background-size: 50px;
}

.offerMng .offerSetSearch .btnSearch span {
  position: absolute;
  top: -999px;
}

.offerMng .offerSetSearch .select-wrap {
  width: 115px;
  display: table-cell;
  position: relative;
  left: 0.5px;
}

.offerMng .offerSetSearch .select-wrap select {
  background-color: #ffffff;
  border-right: none;
}

.offerMng .offerSet .selItem .listItem {
  padding: 0 15px;
}

.offerMng .offerSet .selItem .listItem .blockItem {
  margin-top: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border: none;
}

.offerMng .offerSet .selItem .listItem .blockItem + .blockItem {
  border-top: 1px solid #f5f5f5;
}

.offerMng .offerSet .selItem .time {
  display: inline-block;
  vertical-align: middle;
}

.offerMng .offerSet .selItem .time.select {
  width: 30%;
}

.offerMng .offerSet .selItem .time.check {
  margin-left: 10px;
}

.offerMng .offerSet .total-count {
  margin-bottom: 10px;
  font-size: 13px;
}

.offerMng .offerSet .total-count em {
  font-weight: bold;
  color: #002aff;
}

/* 포지션 제안 설정 - 연락처 공개 */
.offerMng .offerSet .contact-item .item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 20px 15px 45px;
}

.offerMng .offerSet .contact-item .item:first-child {
  padding: 0 20px 15px 45px;
}

.offerMng .offerSet .contact-item p {
  position: absolute;
  left: 45px;
  color: #999999;
}

.offerMng .offerSet .contact-item p i {
  font-size: 12px;
}

.offerMng .offerSet .contact-item span {
  padding-left: 82px;
  color: #333333;
}

.offerMng .offerSet .contact-item .toggle {
  position: absolute;
  right: 20px;
}

.offerMng .offerSet .contact-item .toggle input {
  display: none;
}

.offerMng .offerSet .contact-item .toggle label {
  display: block;
  width: 30px;
  height: 15px;
  text-indent: -9999px;
}

.offerMng .offerSet .contact-item .toggle label::before,
.offerMng .offerSet .contact-item .toggle label::after {
  content: "";
  display: block;
  position: absolute;
}

.offerMng .offerSet .contact-item .toggle label::before {
  width: 100%;
  height: 100%;
  background-color: #dedede;
  border-radius: 1em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  background-image: none;
}

.offerMng .offerSet .contact-item .toggle label::after {
  top: -2px;
  left: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ececec;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}

.offerMng .offerSet .contact-item .toggle input:checked + label::before {
  background-color: #c1e0fd;
}

.offerMng .offerSet .contact-item .toggle input:checked + label::after {
  left: 12px;
  background: #2c94f9;
}

.offerMng .tooltip-common:after,
.offerMng .tooltip-common > h1:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.offerMng .tooltip-common,
.tooltip-common > h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
}

.offerMng .tooltip-common .title {
  float: left;
}

.offerMng .tooltip-common .tooltip {
  float: left;
}

.offerMng .tooltip-common .tooltip .tooltip-activator {
  display: block;
  margin-left: 4px;
  width: 14px;
  height: 14px;
}

.offerMng .tooltip-common .tooltip .tooltip-activator::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D.b,.d%7Bfill:%23c2c2c2;%7D.c,.d%7Bstroke:none;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(-68 -247.6)'%3E%3Cg class='a' transform='translate(68 247.6)'%3E%3Cpath class='c' d='M 7 13.625 C 3.346960067749023 13.625 0.375 10.65303993225098 0.375 7 C 0.375 3.346960067749023 3.346960067749023 0.375 7 0.375 C 10.65303993225098 0.375 13.625 3.346960067749023 13.625 7 C 13.625 10.65303993225098 10.65303993225098 13.625 7 13.625 Z'/%3E%3Cpath class='d' d='M 7 0.75 C 3.553739547729492 0.75 0.75 3.553739547729492 0.75 7 C 0.75 10.44626045227051 3.553739547729492 13.25 7 13.25 C 10.44626045227051 13.25 13.25 10.44626045227051 13.25 7 C 13.25 3.553739547729492 10.44626045227051 0.75 7 0.75 M 7 0 C 10.86598968505859 0 14 3.134010314941406 14 7 C 14 10.86598968505859 10.86598968505859 14 7 14 C 3.134010314941406 14 0 10.86598968505859 0 7 C 0 3.134010314941406 3.134010314941406 0 7 0 Z'/%3E%3C/g%3E%3Cpath class='b' d='M19.95,17.563v-.415a1.343,1.343,0,0,1,.3-.912l.679-.932a1.7,1.7,0,0,0,.476-1.064.909.909,0,0,0-.983-.942,1.037,1.037,0,0,0-1.053.962.089.089,0,0,1-.112.081l-.638-.112a.089.089,0,0,1-.081-.112,1.814,1.814,0,0,1,1.9-1.611,1.7,1.7,0,0,1,1.833,1.722,2.109,2.109,0,0,1-.516,1.317l-.679.932a1.044,1.044,0,0,0-.264.759v.324a.1.1,0,0,1-.1.1h-.669A.094.094,0,0,1,19.95,17.563Zm-.051.973a.1.1,0,0,1,.1-.1h.77a.1.1,0,0,1,.1.1v.871a.1.1,0,0,1-.1.1H20a.1.1,0,0,1-.1-.1Z' transform='translate(54.461 238.892)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
}

.offerMng .tooltip-common .tooltip .tooltip-popup {
  display: none;
  z-index: 9000;
  position: absolute;
  left: 10px;
  top: 40px;
  width: 265px;
  padding: 10px 35px 10px 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #31353e;
  border-radius: 5px;
}

.offerMng .tooltip-common .tooltip .tooltip-popup .arrow {
  z-index: 2;
  display: block;
  position: absolute;
  left: 0;
  top: -8px;
  width: 0;
  height: 0;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-top: 10px solid #31353e;
  transform: rotate(180deg);
}

.offerMng .tooltip-common .tooltip .tooltip-popup .description {
  font-weight: normal;
  font-size: 13px;
  color: #fff;
  line-height: 1.5;
}

.offerMng .tooltip-common .tooltip .tooltip-popup .button-close {
  overflow: hidden;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 12px;
  height: 12px;
}

.offerMng .tooltip-common .tooltip .tooltip-popup .button-close:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M-436.46-101.777l-5.033-5.033,5.033-5.033.016-.016a.561.561,0,0,0-.016-.793.562.562,0,0,0-.794.016l-5.033,5.033-5.033-5.033-.016-.016a.561.561,0,0,0-.794.016.562.562,0,0,0,.016.794l5.033,5.033-5.033,5.033a.562.562,0,0,0-.016.794.561.561,0,0,0,.794.016l.016-.016,5.033-5.033,5.033,5.033a.562.562,0,0,0,.794.016.561.561,0,0,0,.016-.793Z' transform='translate(448.287 112.81)'/%3E%3C/svg%3E");
  background-size: cover;
}

.offerMng .tooltip-common.open .tooltip .tooltip-popup {
  display: block;
}

.limit-bundle__box {
  border: 1px solid #e2e4e7;
  background-color: #fff;
}

.limit-bundle__lists {
  padding: 0px 15px;
}

.limit-bundle__item {
  display: block;
}

.limit-bundle__item-link {
  display: block;
  padding: 13px 0px;
  border-top: 1px solid #f5f5f5;
  cursor: default;
}

.limit-bundle__item-link::after {
  content: "";
  display: block;
  clear: both;
}

.limit-bundle__item:first-child .limit-bundle__item-link {
  border-top: none;
}

.limit-bundle__company-name {
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 7px;
}

.limit-bundle__company-type {
  font-size: 12px;
  color: #666666;
  float: left;
}

.limit-bundle__company-ceo {
  font-size: 12px;
  color: #666666;
  position: relative;
  float: left;
  padding-left: 6px;
  margin-left: 6px;
}

.limit-bundle__company-ceo::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0px;
  width: 1px;
  height: 11px;
  background-color: #cccccc;
}

/* 포지션 제안 뷰 */
.offerViewBody .jkHeadWrap.jkRegType {
  text-align: left;
}

.offerViewBody .jkHeadWrap.jkRegType .headTit {
  padding-left: 41px;
}

.offerView {
  padding-bottom: 65px;
}

.offerView .logo img {
  width: 53px;
}

.offerView .box {
  margin: 8px;
  padding: 15px 15px 13px;
  border: 1px solid #e2e4e7;
  background: #fff;
}

.offerView .box .head {
  position: relative;
  display: block;
  padding-bottom: 12px;
}

.offerView .box.fin .head {
  font-weight: bold;
  color: #002aff;
}

.offerView .box.closed .head {
  font-weight: bold;
  color: #333;
}

.offerView .box .head .date {
  margin-left: 5px;
  font-weight: normal;
  color: #666;
}

.offerView .box .mainTxt {
  display: block;
  margin-top: 12px;
  font-size: 1.142em;
  font-weight: normal;
  color: #333;
}

.offerView .companyBox {
  margin: 15px 0 0;
  padding: 0;
  border-width: 1px 0;
}

.offerView .companyBox a {
  position: relative;
  display: block;
  padding: 18px;
  padding-left: 93px;
}

.offerView .companyBox .logo {
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -10px;
}

.offerView .companyBox .company {
  display: block;
  font-size: 1.071em;
  color: #333;
}

.offerView .companyBox .link {
  display: inline-block;
  margin-top: 5px;
  font-size: 0.928em;
  color: #666;
}

.offerView .companyBox .link:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  width: 6px;
  height: 11px;
  background: url(/content/images/m/text_user/sp_my.png) no-repeat -20px -65px;
  background-size: 100px;
  vertical-align: -1px;
}

.offerView .detailBox {
}

.offerView .detailBox .head:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -14px;
  right: -14px;
  display: block;
  height: 0;
  border-top: 1px solid #f5f5f5;
}

.offerView .detailBox .head h1 {
  margin-top: 8px;
  font-size: 1.428em;
  font-weight: normal;
  line-height: 1.35;
  color: #333;
  word-break: break-all;
}

.offerView .detailBox .head .btn-corpInfo-view {
  display: inline-block;
  margin-top: 12px;
  padding: 0 15px;
  height: 30px;
  background: #fff;
  border: 1px solid #e4e4e4;
  font-size: 14px;
  color: #333;
  line-height: 30px;
}

.offerView .detailBox .head .btn-corpInfo-view:after {
  content: "";
  display: inline-block;
  margin-left: 7px;
  width: 6px;
  height: 11px;
  background: url(/content/images/m/text_user/sp_my.png) no-repeat -20px -65px;
  background-size: 100px;
  vertical-align: -1px;
}

.offerView .detailBox .cont {
  padding-top: 15px;
}

.offerView .detailBox .cont p {
  font-size: 1.071em;
  line-height: 1.54;
  color: #333;
  word-wrap: break-word;
}

.offerView .detailBox .cont p + p {
  margin-top: 0.7em;
}

.offerView .detailBox .cont p .deadline {
  color: #ff5e33;
}

.offerView .detailBox .cont .position-accept-board {
  padding: 12px 24px 12px 48px;
  text-indent: -24px;
  font-size: 15px;
  line-height: 24px;
  color: #333333;
  background-color: #f5fafe;
  border: 1px solid #e3ebf1;
}

.offerView .detailBox .cont .position-accept-board .point {
  color: #002aff;
}

.offerView .detailBox .cont .position-accept-board::before {
  content: "";
  position: relative;
  top: 1px;
  margin-right: 10px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJleGNsYW1hdGlvbi1tYXJrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMiAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzMzOTlGRjtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO30JLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNjYWNhY2E7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQkuc3Qye2ZpbGw6bm9uZTtzdHJva2U6Izc1NzU3NztzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1taXRlcmxpbWl0OjEwO308L3N0eWxlPjxnPgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUuODksMTEiLz4JPHBhdGggY2xhc3M9InN0MCIgZD0iTTYuMTEsMTEiLz4JPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLDYuMTEiLz4JPHBhdGggY2xhc3M9InN0MCIgZD0iTTExLDE1Ljg5Ii8+PC9nPjxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMjAuOSwyMC44MyAxLjE1LDIwLjg1IDEuMTUsMS4wNiAyMC45LDEuMDEgIi8+PGxpbmUgY2xhc3M9InN0MiIgeDE9IjExLjAzIiB5MT0iNS4wNCIgeDI9IjExLjAzIiB5Mj0iMTMuOTMiLz48bGluZSBjbGFzcz0ic3QyIiB4MT0iMTEiIHkxPSIxNS40NCIgeDI9IjExIiB5Mj0iMTYuODkiLz48L3N2Zz4=);
  background-color: #fff;
}

.offerView .recruitBox .title {
  font-size: 1.142em;
  line-height: 1.37;
  color: #333;
  word-wrap: break-word;
}

.offerView .recruitBox .etc {
  margin-top: 5px;
  font-size: 0.857em;
  color: #999;
}

.offerView .recruitBox .etc span + span:before {
  content: "";
  display: inline-block;
  margin: -2px 5px 0;
  width: 1px;
  height: 10px;
  background-color: #ebebeb;
  vertical-align: middle;
}

.offerView .recruitBox .buttons {
  margin: 12px 0 2px;
}

.offerView .recruitBox .buttons .btn {
  display: block;
  padding: 12px 0 10px;
  border: 1px solid #e2e4e7;
  box-sizing: border-box;
  font-size: 1em;
  color: #333;
  text-align: center;
}

.offerView .replyBox .cont p {
  font-size: 0.928em;
  line-height: 1.4;
  word-break: break-all;
}

.offerView .box.fold .head,
.offerView .replyBox.closed .head {
  padding-bottom: 0;
}

.offerView .box.fin .head:after,
.offerView .recruitBox.closed .head:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  display: block;
  width: 14px;
  height: 8px;
  background: url(/content/images/m/text_user/sp_my.png) no-repeat 0 -65px;
  background-size: 100px;
  transform: rotate(0);
  vertical-align: -1px;
}

.offerView .box.fold .head:after {
  transform: rotate(180deg);
}

.offerView .box.fold .cont,
.offerView .replyBox.fin.fold .date {
  display: none;
}

.offerView .replyBox.fin.fold .mainTxt {
  display: inline;
  margin-left: 5px;
  font-size: inherit;
  color: #666;
}

.offerView .btm {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.offerView .btm .lyTooltip_navy {
  margin-left: 15px;
  margin-right: 15px;
}

.offerView .btnSend {
  display: block;
  width: 100%;
  height: 50px;
  background: #002aff;
  font-size: 1.142em;
  color: #fff;
  z-index: 10000;
}

.offerView .sendReply {
}

.offerView .sendReply .dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.offerView .sendReply .lyReply {
  display: none;
  position: fixed;
  bottom: 0;
  padding: 10px 0 0;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  box-sizing: border-box;
  background: #fff;
  z-index: 10000;
}

.offerView .sendReply .lyReply > .btnClose {
  position: absolute;
  top: -20px;
  left: 50%;
  display: block;
  margin-left: -26px;
  width: 52px;
  height: 20px;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  background: #fff;
  text-align: center;
}

.offerView .sendReply .lyReply > .btnClose:after {
  content: "";
  display: inline-block;
  margin-top: 8px;
  width: 13px;
  height: 12px;
  background: url(/content/images/m/text_user/sp_my.png) no-repeat -45px -65px;
  background-size: 100px;
}

.offerView .sendReply .lyReply .reply,
.offerView .sendReply .lyReply .replyQ {
  padding-left: 15px;
  padding-right: 15px;
}

.offerView .sendReply .lyReply .lyTooltip_navy {
  margin-left: 15px;
  margin-right: 15px;
}

.offerView .sendReply .lyReply .mtuRadio_bl {
  display: block;
}

.offerView .sendReply .lyReply .mtuRadio_bl label {
  font-size: 1.071em;
  line-height: 1;
  color: #000;
}

.offerView .sendReply .lyReply .replyQ {
  display: block;
  margin: 7px 0 15px;
  font-size: 13px;
  color: #333;
  line-height: 1.54;
}

.offerView .sendReply .lyReply .textQ {
  padding: 11px 15px 11px;
  width: 100%;
  height: 35px;
  border: 0;
  box-sizing: border-box;
  border-radius: 0;
  background-color: #efefef;
  font-size: 13px;
  color: #333;
  line-height: inherit;
  resize: none;
}

.offerView .sendReply .lyReply .textQ:focus,
.offerView .sendReply .lyReply .textQ.isVal {
  height: 70px;
}

/* 취업활동증명서 */
.applyCertSchBx .applyPeriodWrp dl .btnBox button:after,
.applyCertList .applyCertListArea li label:before,
.applyCertView .viewAlertWrap .alertModal .alertText strong:after,
.applyCertView
  .modalEmailWrap
  .modalInner
  .modalContent
  .modalCloseButton:after,
.offerMng .listItem input[type="checkbox"] + label::before,
.offerMng .selItem input[type="checkbox"] + label::before,
.offerMng .selItem-all input[type="checkbox"] + label::before,
.offerMng .smartfilter-guide .button-smartfilter::before {
  background-image: url("/content/images/m/ver_2/mtu/applymng/applycert/sp_applycert.png?2020071411");
  background-repeat: no-repeat;
  background-size: 150px auto;
}

.applyCertList .applyCertContent {
  padding-bottom: 30px;
  background-color: #e9ebee;
}

.applyCertList #ban {
  padding-top: 0 !important;
}

/* 취업활동증명서 > 기간조회 */
.applyCertSchBx {
  background-color: #e9ecef;
  padding: 10px 0 0;
}

.applyCertSchBx .applyPeriodWrp {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f7f7f9;
}

.applyCertSchBx .applyPeriodWrp dl {
  position: relative;
  padding: 10px;
  height: 24px;
  background-color: #f7f7f9;
  line-height: 26px;
}

.applyCertSchBx .applyPeriodWrp dl:after {
  display: block;
  content: "";
  clear: both;
}

.applyCertSchBx .applyPeriodWrp dl dt,
.applyCertSchBx .applyPeriodWrp dl dd {
  float: left;
}

.applyCertSchBx .applyPeriodWrp dl dt {
  margin-right: 7px;
  font-size: 0.929em;
  font-weight: bold;
  color: #666;
}

.applyCertSchBx .applyPeriodWrp dl dt:after {
  display: inline-block;
  content: "|";
  margin-left: 7px;
  color: #999;
}

.applyCertSchBx .applyPeriodWrp dl .btnBox {
  position: absolute;
  top: 0;
  right: 0;
}

.applyCertSchBx .applyPeriodWrp dl .btnBox button {
  position: relative;
  padding: 0 22px 0 10px;
  height: 44px;
  border-left: 1px solid #e1e4e7;
  font-size: 0.929em;
  box-sizing: content-box;
}

.applyCertSchBx .applyPeriodWrp dl .btnBox button:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -3px;
  margin-left: -5px;
  width: 9px;
  height: 5px;
  z-index: 1;
  background-position: -113px 0;
}

.applyCertSchBx .applyPeriodWrp dl .btnBox button.open {
  color: #002aff;
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #fff;
}

.applyCertSchBx .applyPeriodWrp dl .btnBox button.open:after {
  background-position: -113px -10px;
  margin-top: -3px;
}

.applyCertSchBx .applyPeriodWrp .detailBx {
  /*position:absolute; left:-9999px; */
  background-color: #fff;
  padding: 15px;
  border-top: 1px solid #e1e4e7;
  overflow: hidden;
}

.applyCertSchBx .applyPeriodWrp .detailBx .txt {
  color: #999;
}

.applyCertSchBx .applyPeriodWrp .detailBx .formGroup {
  padding-top: 10px;
  clear: both;
  text-align: center;
}

.applyCertSchBx .applyPeriodWrp .detailBx .liYears {
  position: relative;
}

.applyCertSchBx .applyPeriodWrp .detailBx .liYears:after {
  content: "";
  display: block;
  clear: both;
}

.applyCertSchBx .applyPeriodWrp .detailBx .liYears li {
  float: left;
  display: inline-block;
  width: 61px;
  height: 30px;
}

.applyCertSchBx .applyPeriodWrp .detailBx .liYears li button {
  width: 100%;
  height: 100%;
  border: 1px solid #e0e0e0;
  font-size: 0.857em;
  color: #666;
  line-height: 30px;
}

.applyCertSchBx .applyPeriodWrp .detailBx .liYears li.on button,
.applyCertSchBx .applyPeriodWrp .detailBx .liYears li button:focus {
  border-color: #002aff;
  color: #002aff;
  outline: 0;
}

.applyCertSchBx .applyPeriodWrp .detailBx .btnSearch {
  display: block;
  margin: 0 auto;
  width: 69%;
  height: 38px;
  background-color: #002aff;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  font-weight: bold;
}

.applyCertSchBx .applyCertPeriod {
  width: 100%;
  padding-top: 7px;
}

.applyCertSchBx .applyCertPeriod:after {
  content: "";
  display: block;
  clear: both;
}

.applyCertSchBx .applyCertPeriod > * {
  float: left;
}

.applyCertSchBx .applyCertPeriod .startDate,
.applyCertSchBx .applyCertPeriod .endDate {
  display: inline-block;
  width: 47%;
  height: 38px;
  position: relative;
  box-sizing: border-box;
}

.applyCertSchBx .applyCertPeriod .startDate .wStartDate,
.applyCertSchBx .applyCertPeriod .endDate .wEndDate {
  width: 100%;
  height: 36px;
  border: none;
  box-sizing: border-box;
  padding: 0 0 0 10px;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.applyCertSchBx .applyCertPeriod .startDate .wStartDate:focus,
.applyCertSchBx .applyCertPeriod .endDate .wEndDate:focus {
  border-color: #002aff;
}

.applyCertSchBx .applyCertPeriod .startDate .sCal,
.applyCertSchBx .applyCertPeriod .endDate .eCal {
  width: 30px;
  height: 38px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.applyCertSchBx .applyCertPeriod .hypen {
  width: 6%;
  text-align: center;
  height: 38px;
  line-height: 38px;
}

/* 취업활동증명서 > 리스트 */
.applyCertList .applyCertListWrap {
  background-color: #e9ebee;
  padding-top: 13px;
}

.applyCertList .applyCertListWrap .textTotal {
  padding: 0 15px;
  font-size: 13px;
  color: #666;
}

.applyCertList .applyCertListWrap .textTotal strong {
  color: #002aff;
}

.applyCertList .applyCertListArea li {
  margin-top: 5px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background-color: #fff;
  position: relative;
}

.applyCertList .applyCertListArea li:first-child {
  margin-top: 8px;
}

.applyCertList .applyCertListArea li input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.applyCertList .applyCertListArea li label {
  display: block;
  padding: 15px 15px 15px 43px;
  position: relative;
  cursor: pointer;
}

.applyCertList .applyCertListArea li label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 15px;
  top: 15px;
  background-position: -41px -5px;
}

.applyCertList .applyCertListArea li input:checked + label:before {
  background-position: -65px -5px;
}

.applyCertList .applyCertListArea li label .cpn {
  display: block;
  font-size: 15px;
  color: #002aff;
}

.applyCertList .applyCertListArea li label .txAddress {
  display: block;
  font-size: 15px;
  color: #666;
}

.applyCertList .applyCertListArea li label .dateWrap {
  display: block;
  font-size: 0;
  margin-top: 3px;
}

.applyCertList .applyCertListArea li label .dateWrap span {
  font-size: 12px;
  color: #999;
  display: inline-block;
}

.applyCertList .applyCertListArea li label .dateWrap span:first-child {
  padding-right: 7px;
  margin-right: 6px;
  position: relative;
}

.applyCertList .applyCertListArea li label .dateWrap span:first-child:after {
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  background-color: #e0e0e0;
  position: absolute;
  right: 0;
  top: 3px;
}

.applyCertList .applyCertListArea li label .dateWrap span:last-child {
  vertical-align: 0px;
}

.applyCertList .applyCertButton {
  padding: 10px 10px 0;
}

.applyCertList .applyCertButton a {
  display: block;
  background-color: #002aff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #fff;
}

.applyCertList .tplPagination {
  margin-bottom: 0;
  margin-top: 10px;
}

/* 취업활동증명서 > 증명서 보기 */
body.applyCertView {
  background: #e9ecef;
}

.applyCertView #wrap {
  background: #e9ecef;
}

.applyCertView #content {
  margin-bottom: 0;
  padding: 20px 15px;
}

.applyCertView .viewButtons {
  position: relative;
}

.applyCertView .viewButtons:after {
  content: "";
  display: block;
  clear: both;
}

.applyCertView .viewButtons .buttonItem {
  width: 50%;
  box-sizing: border-box;
}

.applyCertView .viewButtons .buttonItem:nth-child(1) {
  float: left;
  padding-right: 7px;
}

.applyCertView .viewButtons .buttonItem:nth-child(2) {
  float: right;
  padding-left: 7px;
}

.applyCertView .viewButtons .buttonItem > button {
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fff;
  height: 40px;
  line-height: 38px;
  width: 100%;
  font-size: 14px;
  color: #333;
}

.applyCertView .viewArea {
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 5px 15px 20px;
  margin-top: 15px;
  text-align: center;
}

.applyCertView .viewArea table A:link {
  font-size: 9pt;
  line-height: 12pt;
  text-decoration: none;
  color: #000000;
}

.applyCertView .viewArea table A:active {
  font-size: 9pt;
  line-height: 12pt;
  text-decoration: none;
  color: #000000;
}

.applyCertView .viewArea table A:visited {
  font-size: 9pt;
  line-height: 12pt;
  text-decoration: none;
  color: #000000;
}

.applyCertView .viewArea table A:hover {
  font-size: 9pt;
  line-height: 12pt;
  text-decoration: none;
  color: #0066cc;
}

.applyCertView .viewArea .uuu {
  font-size: 9pt;

  line-height: 12pt;
  color: #494949;
}

.applyCertView .viewArea .uuu A:active {
  font-size: 9pt;
  line-height: 12pt;
  text-decoration: none;
}

.applyCertView .viewArea .uuu A:visited {
  font:
    9pt Gulim,
    굴림;
  line-height: 12pt;
  text-decoration: none;
  color: #7b7b7b;
}

.applyCertView .viewArea .uuu A:link {
  font:
    9pt Gulim,
    굴림;
  line-height: 12pt;
  text-decoration: none;
  line-height: 12pt;
  color: #494949;
}

.applyCertView .viewArea .uuu A:hover {
  font:
    9pt Gulim,
    굴림;
  text-decoration: none;
  line-height: 12pt;
  color: #0066ff;
}

.applyCertView .viewArea td {
  font:
    9pt Gulim,
    굴림;
  line-height: 12pt;
  color: #000000;
}

.applyCertView .viewArea .list {
  font-size: 9pt;
  line-height: 12pt;
  text-decoration: none;
  color: #000000;
}

.applyCertView .viewArea .list A:link {
  font-size: 9pt;
  line-height: 12pt;
  text-decoration: none;
  color: #000000;
}

.applyCertView .viewArea .list A:active {
  font-size: 9pt;
  line-height: 12pt;
  text-decoration: none;
  color: #000000;
}

.applyCertView .viewArea .list A:visited {
  font-size: 9pt;
  line-height: 12pt;
  text-decoration: none;
  color: #7b7b7b;
}

.applyCertView .viewArea .list A:hover {
  font-size: 9pt;
  line-height: 12pt;
  text-decoration: none;
  color: #0066cc;
}

.applyCertView .viewArea img {
  max-width: 100%;
}

.applyCertView .modalEmailWrap {
  display: none;
}

.applyCertView .modalEmailWrap .bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.applyCertView .modalEmailWrap .modalInner {
  position: absolute;
  width: 100%;
  left: 0;
  top: 55px;
  z-index: 10001;
  box-sizing: border-box;
  padding: 0 20px;
}

.applyCertView .modalEmailWrap .modalInner .modalContent {
  background-color: #fff;
  position: relative;
}

.applyCertView .modalEmailWrap .modalInner .modalContent .modalCloseButton {
  position: absolute;
  right: 10px;
  top: 11px;
  padding: 5px;
}

.applyCertView
  .modalEmailWrap
  .modalInner
  .modalContent
  .modalCloseButton:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-position: -90px 0;
}

.applyCertView .modalEmailWrap .modalInner .modalTitle {
  display: block;
  border-bottom: 1px solid #002aff;
  color: #002aff;
  font-size: 16px;
  padding: 13px 14px;
}

.applyCertView .modalEmailWrap .modalInner .inputBox {
  padding: 30px 25px;
}

.applyCertView .modalEmailWrap .modalInner .inputBox input[type="text"] {
  width: 100%;
  border: 1px solid #e6e6e6;
  height: 40px;
  line-height: 38px;
  box-sizing: border-box;
}

.applyCertView .modalEmailWrap .modalInner .modalButtonBox {
  border-top: 1px solid #e9e9e9;
}

.applyCertView .modalEmailWrap .modalInner .modalButtonBox:after {
  content: "";
  display: block;
  clear: both;
}

.applyCertView .modalEmailWrap .modalInner .modalButtonBox .modalButton {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.applyCertView
  .modalEmailWrap
  .modalInner
  .modalButtonBox
  .modalButton:first-child {
  border-right: 1px solid #e9e9e9;
}

.applyCertView .modalEmailWrap .modalInner .modalButtonBox .modalButton button {
  width: 100%;
  height: 51px;
  line-height: 50px;
  border: none;
  font-size: 16px;
  color: #666;
}

.applyCertView
  .modalEmailWrap
  .modalInner
  .modalButtonBox
  .modalButton
  button.btnSend {
  color: #002aff;
}

.applyCertView .viewAlertWrap .alertModal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.applyCertView .viewAlertWrap .alertModal .alertText {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 137px;
  height: 137px;
  border-radius: 50%;
  background-color: #002aff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 13px;
  color: #fff;
  line-height: 18px;
}

.applyCertView .viewAlertWrap .alertModal .alertText strong {
  display: block;
  padding-top: 78px;
  font-size: 15px;
  position: relative;
}

.applyCertView .viewAlertWrap .alertModal .alertText strong:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 26px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.applyCertView .viewAlertWrap .alertModal.alert_email .alertText strong:after {
  width: 57px;
  height: 40px;
  background-position: 0 -70px;
}

.applyCertView
  .viewAlertWrap
  .alertModal.alert_fileSave
  .alertText
  strong:after {
  width: 66px;
  height: 41px;
  background-position: 0 -25px;
  margin-left: 4px;
}

.certificateLink {
  padding: 16px 20px;
  background-color: #e9ecef;
}

.certificateLink a {
  height: 38px;
  border: 1px solid #D2D2D2;
  text-align: center;
  font-size: 14px;
  color: #222;
  background-color: #fff;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.certificateLink a:after{
  content: "";
  display:inline-block;
  width: 20px;
  height:20px;
  margin-left:-2px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.38481 4.56491C8.6251 4.31711 9.02078 4.31102 9.26859 4.55131L14.2686 9.3998C14.3876 9.51523 14.4559 9.67322 14.4584 9.83902C14.4609 10.0048 14.3975 10.1648 14.282 10.2838L9.28198 15.4353C9.04158 15.683 8.64589 15.6889 8.3982 15.4485C8.15051 15.2081 8.1446 14.8124 8.38501 14.5647L12.9495 9.86188L8.39841 5.44869C8.1506 5.20839 8.14451 4.81271 8.38481 4.56491Z' fill='%23222222'/%3E%3C/svg%3E");
}

/* 입사지원 현황 > 면접제의 상세보기 */
.section-pop-detail {
  padding: 10px 10px 60px;
}

.section-pop-detail .contents {
  border: 1px solid #e6e6e6;
  background: #fff;
}

.section-pop-detail .contents .box-title {
  padding: 15px;
}

.section-pop-detail .contents .box-title h3 {
  font-size: 24px;
  color: #333;
  letter-spacing: -0.5px;
  font-weight: normal;
  line-height: 0;
}

.section-pop-detail .contents .box-title h3 span {
  color: #002aff;
}

.section-pop-detail .contents .text {
  padding: 25px 15px;
  font-size: 15px;
  color: #333;
  border-top: 1px solid #eee;
  line-height: 1.6;
}

.section-pop-detail .contents .box-detail {
  padding: 25px 15px;
  background: #fafafb;
  border-top: 1px solid #eee;
  word-break: break-all;
}

.section-pop-detail .contents .box-detail table {
  table-layout: fixed;
}

.section-pop-detail .contents .box-detail table:nth-child(n + 2) {
  margin-top: 10px;
}

.section-pop-detail .contents .box-detail table th {
  font-size: 15px;
  font-weight: normal;
  color: #333;
  white-space: nowrap;
  vertical-align: top;
  line-height: 1.6;
}

.section-pop-detail .contents .box-detail table td {
  font-size: 15px;
  color: #333;
  line-height: 1.7;
  word-break: break-all;
}

.section-pop-detail .contents .box-notice {
  padding: 25px 15px;
  color: #888;
  border-top: 1px solid #eee;
  font-size: 15px;
  line-height: 1.6;
}

.section-pop-detail .button-select {
  position: fixed;
  z-index: 10010;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #002aff;
  font-size: 15px;
  color: #fff;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.section-pop-detail .button-select:disabled {
  background: #ccc;
}

.section-pop-detail .modal-reason .dimmed {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.section-pop-detail .modal-reason .modal-container {
  height: 0;
  position: fixed;
  z-index: 10000;
  left: 0;
  bottom: 9px;
  width: 100%;
  padding: 20px 25px;
  background: #fff;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
}

.section-pop-detail .modal-reason.active .dimmed {
  display: block;
}

.section-pop-detail .modal-reason.active .modal-container {
  height: auto;
  bottom: 50px;
}

.section-pop-detail .modal-reason.active .button-open:before {
  transform: none;
}

.section-pop-detail .modal-reason .button-open {
  position: absolute;
  left: 50%;
  margin-left: -27px;
  top: -24px;
  display: block;
  width: 54px;
  height: 24px;
  border: 1px solid #ccc;
  border-bottom: none;
  background: #fff;
}

.section-pop-detail .modal-reason .button-open:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  top: 50%;
  margin-top: -3px;
  background: url(/content/images/m/ver_1/bg_form_sprite_v1.png) no-repeat 0 0;
  background-size: 100px 200px;
  width: 14px;
  height: 8px;
  background-position: 0 -76px;
  transform: rotate(180deg);
}

.section-pop-detail .modal-reason .title {
  font-size: 15px;
  font-weight: bold;
  color: #333;
}

.section-pop-detail .modal-reason ul {
  margin-top: 10px;
}

.section-pop-detail .modal-reason ul li:nth-child(n + 2) {
  margin-top: 10px;
}

.section-pop-detail .modal-reason ul li input {
  display: none;
}

.section-pop-detail .modal-reason ul li label {
  position: relative;
  display: block;
  padding-left: 28px;
  font-size: 15px;
  color: #333;
  line-height: 20px;
}

.section-pop-detail .modal-reason ul li label:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background: url(/content/images/m/ver_2/mtu/sp_qna.png) no-repeat 0 0;
  background-size: 100px 400px;
  width: 20px;
  height: 20px;
  background-position: 0 -205px;
}

.section-pop-detail .modal-reason ul li input:checked + label:before {
  background-position: -25px -205px;
}

.section-pop-detail .modal-reason .textarea {
  border: 1px solid #e0e0e0;
  margin-top: 10px;
}

.section-pop-detail .modal-reason .textarea textarea {
  display: block;
  width: 100%;
  height: 64px;
  resize: none;
  border: none;
  font-size: 15px;
  padding: 10px;
}

.section-pop-detail .modal-reason .textarea .length {
  height: 40px;
  border-top: 1px solid #e0e0e0;
  padding: 0 10px;
  line-height: 40px;
  font-size: 12px;
  color: #999;
  text-align: right;
}

.section-pop-detail .modal-reason .textarea .length span {
  color: #002aff;
}

/* 개인 > M 입사지원 > 받은제의 */
.section-pop-detail.padding-bottom-type1 {
  padding: 0 0 50px;
}

.section-pop-detail.padding-bottom-type1 .contents {
  border: 0 none;
  font-size: 15px;
  line-height: 26px;
}

.section-pop-detail.padding-bottom-type1 .contents .box-title {
  padding: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

.section-pop-detail.padding-bottom-type1 .contents .box-title > h3 {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.5px;
}
.section-pop-detail.padding-bottom-type1 .contents .box-title p.company-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  color:#222;
}
.section-pop-detail.padding-bottom-type1 .contents .box-title p.company-name + p {
  margin-top: 10px;
}
.section-pop-detail.padding-bottom-type1 .contents .box-title p + p {
  margin-top: 2px;
}
.section-pop-detail.padding-bottom-type1 .contents .box-title > p {
  margin-top: 4px;
  display:flex;
}
.section-pop-detail.padding-bottom-type1 .contents .box-title > p span {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: #6a6a6a;
}

.section-pop-detail.padding-bottom-type1 .contents .box-title > p span + span {
  position: relative;
  padding-left: 8px;
  margin-left: 8px;
}

.section-pop-detail.padding-bottom-type1
  .contents
  .box-title
  > p
  span
  + span:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 10px;
  background: #dedfe0;
}

.section-pop-detail.padding-bottom-type1 .contents .text {
  padding: 20px 20px 0;
}

.section-pop-detail.padding-bottom-type1 .contents ul.box-detail {
  margin: 30px 20px 0;
  border: 1px solid #eee;
}

.section-pop-detail.padding-bottom-type1 .contents ul.box-detail > li {
  position: relative;
  padding-left: 8px;
}

.section-pop-detail.padding-bottom-type1 .contents ul.box-detail > li:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #333;
  border-radius: 50%;
}

.section-pop-detail.padding-bottom-type1 .contents ul.box-detail > li em {
  vertical-align: top;
}

.section-pop-detail.padding-bottom-type1 .contents ul.box-detail > li ul,
.section-pop-detail.padding-bottom-type1 .contents ul.box-detail > li span {
  display: inline-block;
}

.section-pop-detail.padding-bottom-type1 .contents .box-charge {
  padding: 30px 20px;
}

.section-pop-detail.padding-bottom-type1 .contents .box-charge dt {
  font-weight: bold;
}

.section-pop-detail.padding-bottom-type1 .contents .box-charge dd {
  position: relative;
  padding-left: 8px;
}

.section-pop-detail.padding-bottom-type1 .contents .box-charge dd:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #333;
  border-radius: 50%;
}
/* 입사지원 현황 > 이력서 요청 상세보기 */
.section-pop-detail.request-profile{
  padding:0;
}
.section-pop-detail.request-profile .contents{
  border:0;
}
.section-pop-detail.request-profile .contents .box-title {
  padding: 20px;
}
.section-pop-detail.request-profile .contents .box-title h3 .title {
  color: #222222;
  font-size: 18px;
  line-height: 26px;
}
.section-pop-detail.request-profile .contents .box-title h3 .date {
  font-size: 14px;
  color: #444;
  line-height: 22px;
}
.section-pop-detail.request-profile .contents .box-title h3 .date > .company{
  color:#444
}
.section-pop-detail.request-profile .contents .box-title h3 .date > .company:after{
  content:"";
  display:inline-block;
  width:1px ;
  height:10px;
  background-color: #DEDFE0;
  margin:0 8px;
}
.section-pop-detail.request-profile .contents .text {
  padding: 20px;
  color: #222;
}
.section-pop-detail.request-profile .contents .box-detail {
  padding: 20px;
  margin: 4px 20px 20px;
  border:1px solid #eee;
}
.section-pop-detail.request-profile .contents .box-detail li {
  font-size: 15px;
  line-height: 24px;
  padding-bottom: 2px;
  color:#444;
}
.section-pop-detail.request-profile .contents .box-detail li:last-child{
  padding-bottom: 0;
}
.section-pop-detail.request-profile .contents .box-detail .wran-msg{
  font-size: 12px;
  line-height: 18px;
  color:#9E9E9E;
  margin-top:8px;
  word-break: keep-all;
}
.section-pop-detail.request-profile .box-manager-info {
  padding: 4px 20px 12px;
}
.section-pop-detail.request-profile .box-manager-info h3 {
  font-size: 15px;
  line-height: 24px;
  color: #222;
  padding-bottom: 14px;
}
.section-pop-detail.request-profile .box-manager-info li {
  padding-bottom: 8px;
  font-size: 15px;
  color: #444;
  line-height: 24px;
}
.section-pop-detail.request-profile .contents .box-notice {
  padding: 20px;
  color: #888;
  border-top: 0;
  font-size: 12px;
  line-height: 18px;
  background-color: #E9ECEF;
}
.section-pop-detail.request-profile .contents .box-notice li{
  position: relative;
  padding-left: 11px;
  padding-bottom: 8px;
  line-height: 18px;
  word-break: keep-all;
  color:#9E9E9E;
}
.section-pop-detail.request-profile .contents .box-notice li:last-child{
  padding-bottom: 0;
}
.section-pop-detail.request-profile .contents .box-notice li::before{
  content: '';
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #9E9E9E;
  position: absolute;
  top: 7px;
  left: 4px;
  border-radius: 50%;
}
.section-pop-detail.request-profile .box-button-wrap {
  padding: 16px;
  height: 84px;
  background-color: #fff;
  position: static;
  display: flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
}
.section-pop-detail.request-profile .box-button-wrap > button {
  position: static;
  width: auto;
  height: 52px;
  font-size: 16px;
  flex: 1;
  border-radius: 8px;
  box-sizing: border-box;
}
.section-pop-detail.request-profile .box-button-wrap > button.button-outline {
  border: 1px solid #D2D2D2;
  color: #222;
}
.section-pop-detail.request-profile .box-button-wrap > button.button-complete {
  background-color: #D2D2D2;
  color: #fff;
}
.section-pop-detail.request-profile .box-button-wrap > button.button-complete:disabled{
  pointer-events: none;
}

/*
 * applymng no data
 */
.no-data.applymng {
  padding: 180px 0 80px;
  font-size: 14px;
  font-weight: 400;
  color: #9E9E9E;
  line-height: 22px;
  text-align: center;
  background:#fff url(/content/images/m/ver_2/common/bg-nodata.png) no-repeat center 80px
}

.smartmatch-percentage {
  padding-top:20px;
}

.smartmatch-percentage > .header {
  padding-left:32px;
  font-size: 16px;
  color: #222;
  font-weight: 600;
  line-height:24px;
  background-image: url(/content/images/common/icon/icon-jobko.png);
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom:14px;
}
/* .section-content_wide{margin-top:10px;} */
.section-content_wide .section-item{
  position: relative;
  border: 1px solid #F4F4F4;
  border-radius: 8px;
  background:#fff;
}
.section-content_wide .section-item + .section-item{
  margin-top: 12px;
}
.section-content_wide.read{
  border-color: #e8e8e8;
}
.section-content_wide.read .item-corp span{
  color: #d2d2d2;
}
.section-content_wide.read .item-title{ color: #d2d2d2;}
.section-content_wide.read .item-title .point{
  color: #d2d2d2 !important;
}
.section-content_wide.read .item-condition span{ color: #d2d2d2;}
.section-content_wide.read .item-welfare span{ color: #d2d2d2;}
.section-content_wide.read .item-welfare span:after{
  background-color: #d2d2d2;
}
.section-content_wide.read .item-reward > div {
  color: #d2d2d2;
}
.section-content_wide.read .item-reward > div.celebrate-badge::before{
  background-image: url('/content/images/theme/celebrate/icon_celebrate_search_txt_read.svg');

}
.section-content_wide.read .item-reward > div.badge::before{
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 0L1.72318 0C0.775431 0 0 0.675338 0 1.50075V13.4993C0 14.3322 0.775431 15 1.72318 15H14.2768C15.2332 15 16 14.3247 16 13.4993V3.61766C16 2.78475 15.2246 2 14.2768 2C13.3291 2 8 2 8 2C8 2 7.42643 0.926432 7 0.5C6.5 0 6.2065 0 5.5 0Z' fill='%23D2D2D2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10C7.11302 10 6.24343 10.2191 5.52563 10.6322C4.80803 11.0452 4.26924 11.6375 4.02073 12.3331C3.95497 12.5171 4.05087 12.7196 4.23491 12.7854C4.41896 12.8511 4.62146 12.7552 4.68721 12.5712C4.86882 12.0629 5.27781 11.5914 5.87865 11.2456C6.47929 10.8999 7.22513 10.7077 8 10.7077C8.77487 10.7077 9.52071 10.8999 10.1214 11.2456C10.7222 11.5914 11.1312 12.0629 11.3128 12.5712C11.3785 12.7552 11.581 12.8511 11.7651 12.7854C11.9491 12.7196 12.045 12.5171 11.9793 12.3331C11.7308 11.6375 11.192 11.0452 10.4744 10.6322C9.75657 10.2191 8.88699 10 8 10Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 5.7C7.28203 5.7 6.7 6.28203 6.7 7C6.7 7.71797 7.28203 8.3 8 8.3C8.71797 8.3 9.3 7.71797 9.3 7C9.3 6.28203 8.71797 5.7 8 5.7ZM6 7C6 5.89543 6.89543 5 8 5C9.10457 5 10 5.89543 10 7C10 8.10457 9.10457 9 8 9C6.89543 9 6 8.10457 6 7Z' fill='white'/%3E%3C/svg%3E%0A");

}
.section-content_wide.read .item-reward .item-dday{
  color: #d2d2d2;

}

.section-content_wide.read .toggle-checkbox:checked + .toggle-expand { display: block;}
.section-content_wide.read .toggle-checkbox:checked + .toggle-expand::before { display: block;}
.section-content_wide .section-item_link {
  display: block;
  padding: 16px;
}

.section-content_wide .section-item_link:visited .item-apply{color:#fff}
.section-content_wide .item-title {
  display: -webkit-box;
  overflow: hidden;
  width: 100%;
  max-height: 44px;
  font-size: 16px;
  color: #000;
  line-height: 22px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 600;
}

.section-content_wide .section-item_link:visited .celebrate-badge-big .beg-txt:before {
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='그룹_19579' data-name='그룹 19579' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='패스_2453' data-name='패스 2453' transform='translate(-434.631 -184.395)' fill='%23c3c3c3'%3E%3Cpath d='M 442.1309814453125 199.14501953125 C 438.1333312988281 199.14501953125 434.8809814453125 195.8926849365234 434.8809814453125 191.89501953125 C 434.8809814453125 187.8973693847656 438.1333312988281 184.6450347900391 442.1309814453125 184.6450347900391 C 446.1286315917969 184.6450347900391 449.3809814453125 187.8973693847656 449.3809814453125 191.89501953125 C 449.3809814453125 195.8926849365234 446.1286315917969 199.14501953125 442.1309814453125 199.14501953125 Z' stroke='none'/%3E%3Cpath d='M 442.1309814453125 198.89501953125 C 445.9907836914062 198.89501953125 449.1309814453125 195.7548370361328 449.1309814453125 191.89501953125 C 449.1309814453125 188.0352172851562 445.9907836914062 184.8950347900391 442.1309814453125 184.8950347900391 C 438.2711791992188 184.8950347900391 435.1309814453125 188.0352172851562 435.1309814453125 191.89501953125 C 435.1309814453125 195.7548370361328 438.2711791992188 198.89501953125 442.1309814453125 198.89501953125 M 442.1309814453125 199.39501953125 C 437.9952087402344 199.39501953125 434.6309814453125 196.0307312011719 434.6309814453125 191.89501953125 C 434.6309814453125 187.7593536376953 437.9952087402344 184.3950347900391 442.1309814453125 184.3950347900391 C 446.2665710449219 184.3950347900391 449.6309814453125 187.7593536376953 449.6309814453125 191.89501953125 C 449.6309814453125 196.0307312011719 446.2665710449219 199.39501953125 442.1309814453125 199.39501953125 Z' stroke='none' fill='%23c3c3c3'/%3E%3C/g%3E%3Cpath id='패스_2454' data-name='패스 2454' d='M453.671,202.922h-.921l.531-1.655c.1-.32-.074-.526-.417-.588-.319-.062-.613.011-.711.361L451,205.094h-.037l-1.276-3.94a.689.689,0,0,0-.711-.495.678.678,0,0,0-.712.505l-1.3,3.929h-.037l-1.116-4.033c-.086-.371-.417-.443-.76-.382s-.528.289-.429.609l.53,1.634h-.919a.4.4,0,0,0-.429.433.4.4,0,0,0,.429.433h1.2l.6,1.852a.781.781,0,0,0,.847.536.772.772,0,0,0,.846-.536l1.214-3.63h.037l1.214,3.63a.78.78,0,0,0,.846.536.767.767,0,0,0,.847-.547l.59-1.841h1.2a.4.4,0,0,0,.417-.433A.392.392,0,0,0,453.671,202.922Z' transform='translate(-441.445 -195.607)' fill='%23fff'/%3E%3C/svg%3E")
}
.section-content_wide .item-title.on{
  color: #999999;
}
.section-content_wide .item-title .point{
  font-weight: 600;
}


.section-content_wide .item-condition {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 20px;
  margin-top: 8px;
  align-items: center;
}
.section-content_wide .item-condition span {
    display: inline-flex;
    height: 20px;
    margin-right: 5px;
    padding: 0 7px;
    font-size: 12px;
    line-height: 1;
    border-radius: 4px;
    background-color: #F8F8F8;
    align-items: center;
    color:#6A6A6A;
  }
/* .section-content_wide .item-applicants {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #666666;
} */
.section-content_wide .item-corp {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  margin-bottom: 12px;
}
.section-content_wide .item-corp_logo {
  display: inline-block;
  width: 40px;
  height: 16px;
  margin-right: 4px;
  text-align: center;
  
}
.section-content_wide .item-corp_logo img {
  max-width: 40px;
  max-height: 16px;
}
.section-content_wide .label {
  font-size: 14px;
  color: #333;
  margin-right: 3px;
  flex-shrink: 0;
}

.section-content_wide .item-corp_name {
  display: inline-block;
  overflow: hidden;
  max-width: calc(100% - 80px);
  font-size: 14px;
  color: #222222;
  white-space: nowrap;
  vertical-align: bottom;
  text-overflow: ellipsis;
}
.section-content_wide .item-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.section-content_wide .item-footer:has(.item-apply:only-child) {
  justify-content: end;
}
.section-content_wide .item-apply {
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  padding: 0px 7px;
  font-size: 12px;
  line-height: 24px;
  height: 26px;
  color: #6a6a6a;
  background-color: #fff;
  box-sizing: border-box;
}
.section-content_wide .item-apply.direct {
  padding: 4px 7px;
  height: 26px;
  line-height: 18px;
  border: 1px solid #FF501B;
  border-radius: 4px;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #FF501B;
  border-color: #FF501B;
  padding-left:9px;
padding-right: 9px;
}
.section-content_wide .item-apply.direct::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_447_1015)' fill-rule='evenodd' clip-rule='evenodd' fill='%23fff'%3E%3Cpath d='M10.408 2.592A5.917 5.917 0 1013.917 8m0 0v-.613a.75.75 0 011.5 0V8a7.418 7.418 0 01-13.639 4.033 7.417 7.417 0 019.24-10.811.75.75 0 11-.61 1.37'/%3E%3Cpath d='M15.197 2.136a.75.75 0 010 1.06L8.531 9.87a.75.75 0 01-1.061 0l-2-2a.75.75 0 011.06-1.06L8 8.279l6.136-6.142a.75.75 0 011.06-.001z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_447_1015'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.section-content_wide .item-welfare {
  width: 100%;
  height: auto;
  margin-top: 12px;
  line-height: 18px;
  overflow: hidden;
}
.section-content_wide .item-welfare span {
  font-size: 12px;
  color: #9e9e9e;
}
.section-content_wide .item-welfare span:before {
display: inline-block;
content: '#';
}
.section-content_wide .item-welfare span:before  + span {
  margin-left: 4px;
}
.section-content_wide .item-welfare span:before  + span.remove {
  display: none;
}
.section-content_wide .item-welfare span:before  + span.number {
  display: none;
  padding-left: 0;
}
.section-content_wide .item-welfare span:before  + span.number ::after {
  display: none;
}

.section-content_wide .item-welfare span:before  + span.number ::before{
  display: none;
}
.section-content_wide .item-reward {
  display: flex;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f4f4f4;
  align-items: center;
}
.section-content_wide .button-scrap {
  top: 16px;
  right: 16px;
}
 
.celebrate-badge-big {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: #171717;
  box-sizing: border-box;
}
.celebrate-badge-big::before {
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background-image: url('/content/images/theme/celebrate/icon_celebrate_search_txt.svg');
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 5px 0 0;
}
.celebrate-badge-big  strong{
  font-weight: 700;
}
.section-content_wide .input-checkbox {
  display: none;
}

.section-content_wide .input-checkbox  + .button-scrap::before {
      /* @include button-scrap(icons.$icon-scrap_off); */
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%202.5C12.2774%202.5%2012.531%202.65689%2012.6544%202.90499L15.1937%208.00759L20.8733%208.8239C21.1494%208.86358%2021.3787%209.05668%2021.4645%209.32166C21.5503%209.58664%2021.4776%209.87729%2021.2771%2010.0708L17.1644%2014.041L18.1339%2019.6461C18.1812%2019.9197%2018.0689%2020.1964%2017.8442%2020.36C17.6195%2020.5235%2017.3213%2020.5456%2017.075%2020.4168L12.0058%2017.7677L6.92444%2020.4171C6.67806%2020.5456%206.38003%2020.5234%206.15549%2020.3598C5.93095%2020.1962%205.81879%2019.9196%205.8661%2019.6461L6.83562%2014.041L2.72288%2010.0708C2.52237%209.87729%202.44966%209.58664%202.53547%209.32166C2.62128%209.05668%202.85064%208.86358%203.12668%208.8239L8.80629%208.00759L11.3456%202.90499C11.469%202.65689%2011.7226%202.5%2012%202.5ZM12%204.8695L9.94445%209.00006C9.83757%209.21482%209.63184%209.36344%209.39413%209.3976L4.81069%2010.0564L8.12945%2013.2601C8.30337%2013.428%208.38282%2013.6709%208.34165%2013.9089L7.55782%2018.4404L11.6679%2016.2974C11.88%2016.1868%2012.133%2016.1869%2012.345%2016.2977L16.4419%2018.4387L15.6584%2013.9089C15.6172%2013.6709%2015.6966%2013.428%2015.8705%2013.2601L19.1893%2010.0564L14.6059%209.3976C14.3682%209.36344%2014.1624%209.21482%2014.0556%209.00006L12%204.8695Z%22%20fill%3D%22%23D2D2D2%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
}
.section-content_wide .input-checkbox:checked +.button-scrap::before {
        /* @include button-scrap(icons.$icon-scrap_on); */
       background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20d%3D%22M12.0063%2017.0955L6.44372%2020L7.50631%2013.8482L3%209.49192L9.21871%208.59685L12%203L14.7813%208.59685L21%209.49192L16.4937%2013.8482L17.5563%2020L12.0063%2017.0955Z%22%20fill%3D%22%23F7D649%22%20stroke%3D%22%23F7D649%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%202.5C12.1898%202.5%2012.3633%202.6075%2012.4478%202.77749L15.1123%208.13934L21.0712%208.99702C21.2601%209.0242%2021.417%209.15652%2021.4758%209.33807C21.5345%209.51963%2021.4847%209.71878%2021.3475%209.85141L17.0314%2014.0238L18.049%2019.9149C18.0814%2020.1024%2018.0046%2020.292%2017.8508%2020.4041C17.6971%2020.5161%2017.493%2020.5312%2017.3245%2020.443L12.0061%2017.6597L6.67516%2020.4432C6.50658%2020.5312%206.30267%2020.516%206.14904%2020.4039C5.99541%2020.2918%205.91866%2020.1023%205.95103%2019.9149L6.96859%2014.0238L2.6525%209.85141C2.5153%209.71878%202.46556%209.51963%202.52427%209.33808C2.58298%209.15652%202.73991%209.0242%202.92878%208.99702L8.88774%208.13934L11.5523%202.77749C11.6367%202.6075%2011.8102%202.5%2012%202.5ZM12%204.12355L9.66648%208.81936C9.59336%208.96651%209.4526%209.06834%209.28995%209.09175L4.081%209.84148L7.85384%2013.4887C7.97284%2013.6038%208.0272%2013.7702%207.99903%2013.9333L7.10853%2019.0888L11.7749%2016.6523C11.92%2016.5765%2012.0931%2016.5766%2012.2382%2016.6525L16.8913%2019.0877L16.001%2013.9333C15.9728%2013.7702%2016.0272%2013.6038%2016.1462%2013.4887L19.919%209.84148L14.7101%209.09175C14.5474%209.06834%2014.4067%208.96651%2014.3335%208.81936L12%204.12355Z%22%20fill%3D%22%23F7D649%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
  }

.section-content_wide .button-scrap {
position: absolute;
text-indent: -9999px;
width: 24px;
height: 24px;
outline: none;
}
.section-content_wide .button-scrap::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    /* @include button-scrap(icons.$icon-scrap_off); */
    background-repeat: no-repeat;
    background-size: cover;
}




/*
  * similar recruit
  */
.expanded-list-similar {
  position: relative;
  padding: 15px 0;
  background-color: #f6f7f9;
  border-bottom: 1px solid #e0e0e0;
}

.expanded-list-similar > .header {
  padding-left: 17px;
  font-size: 12px;
  color: #999;
}

.expanded-list-similar .list {
  margin-top: 8px;
  padding: 0 calc(100% - 65%) 0 10px;
}

.expanded-list-similar .list-item {
  position: relative;
  border-top: 0;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.expanded-list-similar .list-item a {
  display: block;
  height: 110px;
  padding: 14px 10px !important;
  border: 1px solid #e6e7e9;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.expanded-list-similar .list-item a .item-title{
  -webkit-line-clamp:1;
}
.expanded-list-similar .list-item .company {
  font-size: 14px;
}

.expanded-list-similar .list-item .company strong {
  color: #002aff;
}

.expanded-list-similar .list-item .description {
  overflow: hidden;
  margin-top: 6px;
  font-size: 14px;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  text-overflow: ellipsis;
}

.expanded-list-similar .list-item .date {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 12px;
  color: #777;
}

/* tooltip*/
.tool-tip {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.tool-tip .button__tip {
  position: relative;
  float: left;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #fff;
}

.tool-tip .button__tip::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0px;
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cg%20data-name%3D%22%26%23xADF8%3B%26%23xB8F9%3B%20534%22%3E%3Cg%20data-name%3D%22%26%23xD328%3B%26%23xC2A4%3B%20902%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M7%2013.625A6.632%206.632%200%2001.375%207%206.632%206.632%200%20017%20.375%206.632%206.632%200%200113.625%207%206.632%206.632%200%20017%2013.625z%22%2F%3E%3Cpath%20d%3D%22M7%20.75A6.257%206.257%200%2000.75%207%206.257%206.257%200%20007%2013.25%206.257%206.257%200%200013.25%207%206.257%206.257%200%20007%20.75M7%200a7%207%200%20110%2014A7%207%200%20017%200z%22%20fill%3D%22%23c2c2c2%22%2F%3E%3C%2Fg%3E%3Cg%20data-name%3D%22%26%23xADF8%3B%26%23xB8F9%3B%20532%22%3E%3Cpath%20data-name%3D%22%26%23xD328%3B%26%23xC2A4%3B%20519%22%20d%3D%22M6.411%208.855V8.44a1.343%201.343%200%2001.3-.912l.679-.932a1.7%201.7%200%2000.476-1.064.909.909%200%2000-.983-.942%201.037%201.037%200%2000-1.053.962.089.089%200%2001-.112.081l-.638-.112a.089.089%200%2001-.081-.112%201.814%201.814%200%20011.9-1.611A1.7%201.7%200%20018.732%205.52a2.109%202.109%200%2001-.516%201.317l-.679.932a1.044%201.044%200%2000-.264.759v.324a.1.1%200%2001-.1.1h-.669a.094.094%200%2001-.093-.097zm-.051.973a.1.1%200%2001.1-.1h.77a.1.1%200%2001.1.1v.871a.1.1%200%2001-.1.1h-.769a.1.1%200%2001-.1-.1z%22%20fill%3D%22%23c2c2c2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

.tool-tip .button__tip.on + .layer-tip {
  display: block;
  outline: none;
}

.tool-tip .layer-tip {
  display: none;
  position: absolute;
  background-color: #31353e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  word-break: keep-all;
  z-index: 3;
}

.tool-tip .layer-tip .button__tip--close {
  position: absolute;
  top: 11px;
  right: 10px;
}

.tool-tip .layer-tip .button__tip--close::before {
  content: "";
  float: left;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22close-%26%23xB808%3B%26%23xC774%3B%26%23xC5B4%3B_1%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%2015%2015%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cstyle%3E.st0%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-width%3A1.5%3Bstroke-miterlimit%3A10%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15%200L0%2015M0%200l15%2015%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

.tool-tip .layer-tip .layer-tip--title {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
}

.tool-tip .layer-tip .layer-tip--title + .layer-tip--text {
  margin-top: 5px;
}

.tool-tip .layer-tip .layer-tip--text {
  font-size: 13px;
  color: #ffffff;
  line-height: 18px;
}

.tool-tip .layer-tip::before {
  content: "";
  position: absolute;
  top: -11px;
  left: 75px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 9.5px 11px 9.5px;
  border-color: transparent transparent #31353e transparent;
}

.tool-tip--default .layer-tip {
  top: 26px;
  left: -77px;
  width: 242px;
  padding: 13px 38px 11px 15px;
}

/* 이력서 등록/업데이트 유도 배너 */
.update-resume-banner {
  padding: 20px 0 16px;
  background-color:#fff;
  border-radius: 4px;
  text-align: center;
  margin:16px 20px 0;
}

.update-resume-banner + .update-resume-banner {
  margin-top: 10px;
}

.mtuLogMng .update-resume-banner {
}

.jkMtuMyList .update-resume-banner {
  margin: 10px auto;
}

.update-resume-banner h5 {
  font-size: 14px;
  color:#222;
  font-weight:400;
  line-height: 22px;
}

.update-resume-banner .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 122px;
  height: 32px;
  color: #0057FF;
  line-height: 1;
  font-size: 12px;
  font-weight: 400;
  border:1px solid #0057FF;
  border-radius:4px;
  margin-top:10px;
}

/*입사지원현황- 합격축하금*/
.ApplyMng.congrats {
}

/* .ApplyMng.congrats .jkHeadWrap .jkBtnClose{left:0;right:0;} */

.congrats-beg {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 4px;
  width: 100%;
  height: 34px;
  color: #666;
  margin-top: 12px;
  padding: 0 11px 0 12px;
  box-sizing: border-box;
  border: 1px solid #f5f7fd;
  background-color: #f5f7fd;
}

.congrats-beg.apply {
  border: 1px solid #ffe375;
  background-color: #fffbeb;
}

.congrats-beg .beg-arw {
  font-size: 12px;
  display: inline-flex;
  align-items: center;  
  line-height: 16px;
  margin-left: auto;
}

.congrats-beg .beg-arw::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px; 
}

.congrats-beg.apply .beg-arw {
  color: #FF9000;
}

.congrats-beg.apply .beg-arw::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23FF9000' fill-rule='evenodd' d='M6.308 3.652a.5.5 0 0 1 .707-.011l4 3.879a.5.5 0 0 1 .01.707l-4 4.121a.5.5 0 1 1-.717-.696L9.96 7.89 6.319 4.359a.5.5 0 0 1-.011-.707Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.congrats-beg.done .beg-arw {
  color: #0057ff;  
}

.congrats-beg.done .beg-arw::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.30804 3.65193C6.50028 3.45368 6.81682 3.44881 7.01507 3.64105L11.0151 7.51984C11.1103 7.61218 11.1649 7.73858 11.1669 7.87121C11.1689 8.00384 11.1182 8.13184 11.0258 8.22703L7.02578 12.3482C6.83346 12.5464 6.51691 12.5511 6.31875 12.3588C6.1206 12.1665 6.11588 11.8499 6.3082 11.6518L9.9598 7.88951L6.31892 4.35895C6.12068 4.16672 6.11581 3.85017 6.30804 3.65193Z' fill='%230057FF'/%3E%3C/svg%3E");  
}

.congrats-beg .beg-txt {
  display: flex;
  align-items: center;
  color: #222;
  font-size: 12px;
  line-height: 16px;
}

.congrats-beg .beg-txt:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='그룹_19569' data-name='그룹 19569' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='패스_2453' data-name='패스 2453' transform='translate(-434.631 -184.395)' fill='%23ffc31a'%3E%3Cpath d='M 442.1309814453125 199.14501953125 C 438.1333312988281 199.14501953125 434.8809814453125 195.8926849365234 434.8809814453125 191.89501953125 C 434.8809814453125 187.8973693847656 438.1333312988281 184.6450347900391 442.1309814453125 184.6450347900391 C 446.1286315917969 184.6450347900391 449.3809814453125 187.8973693847656 449.3809814453125 191.89501953125 C 449.3809814453125 195.8926849365234 446.1286315917969 199.14501953125 442.1309814453125 199.14501953125 Z' stroke='none'/%3E%3Cpath d='M 442.1309814453125 198.89501953125 C 445.9907836914062 198.89501953125 449.1309814453125 195.7548370361328 449.1309814453125 191.89501953125 C 449.1309814453125 188.0352172851562 445.9907836914062 184.8950347900391 442.1309814453125 184.8950347900391 C 438.2711791992188 184.8950347900391 435.1309814453125 188.0352172851562 435.1309814453125 191.89501953125 C 435.1309814453125 195.7548370361328 438.2711791992188 198.89501953125 442.1309814453125 198.89501953125 M 442.1309814453125 199.39501953125 C 437.9952087402344 199.39501953125 434.6309814453125 196.0307312011719 434.6309814453125 191.89501953125 C 434.6309814453125 187.7593536376953 437.9952087402344 184.3950347900391 442.1309814453125 184.3950347900391 C 446.2665710449219 184.3950347900391 449.6309814453125 187.7593536376953 449.6309814453125 191.89501953125 C 449.6309814453125 196.0307312011719 446.2665710449219 199.39501953125 442.1309814453125 199.39501953125 Z' stroke='none' fill='%23f8b819'/%3E%3C/g%3E%3Cpath id='패스_2454' data-name='패스 2454' d='M453.671,202.922h-.921l.531-1.655c.1-.32-.074-.526-.417-.588-.319-.062-.613.011-.711.361L451,205.094h-.037l-1.276-3.94a.689.689,0,0,0-.711-.495.678.678,0,0,0-.712.505l-1.3,3.929h-.037l-1.116-4.033c-.086-.371-.417-.443-.76-.382s-.528.289-.429.609l.53,1.634h-.919a.4.4,0,0,0-.429.433.4.4,0,0,0,.429.433h1.2l.6,1.852a.781.781,0,0,0,.847.536.772.772,0,0,0,.846-.536l1.214-3.63h.037l1.214,3.63a.78.78,0,0,0,.846.536.767.767,0,0,0,.847-.547l.59-1.841h1.2a.4.4,0,0,0,.417-.433A.392.392,0,0,0,453.671,202.922Z' transform='translate(-441.445 -195.607)' fill='%23fff'/%3E%3C/svg%3E");
}

.congrats-beg .ste {
  display: flex;
  flex: 1;
  align-items: center;
  line-height: 15px;
}

.congrats-beg .ste > .txt {
  display: inline-block;
  position: relative;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #00257A;
}

.ApplyMng.congrats .input + .input {
  margin-top: 5px;
}

.ApplyMng.congrats .input.del {
  position: relative;
}

.ApplyMng.congrats .input.del input {
  padding-right: 31px !important;
}

.ApplyMng.congrats .input.del input:focus {
  border: 1px solid #333;
}

.ApplyMng.congrats .input.del .btdel {
  position: absolute;
  right: 15px;
  top: 17px;
  width: 16px;
  height: 16px;
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg id='그룹_2680' data-name='그룹 2680' transform='translate(-301 -61)'%3E%3Ccircle id='타원_93' data-name='타원 93' cx='8' cy='8' r='8' transform='translate(301 61)' fill='%23ddd'/%3E%3Cpath id='close' d='M4.511,4.175l2.6-2.6a.238.238,0,0,0-.336-.336l-2.6,2.6L1.58,1.274a.238.238,0,0,0-.336.336l2.6,2.565-2.6,2.6a.24.24,0,0,0,0,.336.221.221,0,0,0,.305,0l2.6-2.6,2.6,2.6a.221.221,0,0,0,.305,0,.24.24,0,0,0,0-.336Z' transform='translate(304.825 64.824)' fill='%23fff' stroke='%23fff' stroke-width='0.2'/%3E%3C/g%3E%3C/svg%3E ");
}

/* 입사지원 현황 > 합격축하금 신청 */
.ApplyMng.congrats {
  background-color: #fff;
}

.section-congrats-detail {
  padding: 42px 20px 60px;
}

.section-congrats-detail input[type="text"] {
  font-size: 16px;
  height: 50px;
  color: #333 !important;
  border-radius: 4px;
  height: 50px;
}

.section-congrats-detail input[type="text"]:focus {
  border: 1px solid #000 !important;
}

.section-congrats-detail input[type="text"]::placeholder {
  color: #ccc;
}

.section-congrats-detail .error input[type="text"],
.section-congrats-detail .error input[type="date"] {
  border-color: #e51e1f !important;
}

.ApplyMng.congrats .alink {
  text-decoration: underline;
}

.section-congrats-detail .bts {
  margin-top: 30px;
}

.section-congrats-detail .btn {
  width: 100%;
  border-radius: 4px;
}

.section-congrats-detail .btn.xl {
  font-size: 16px;
  height: 50px;
}

.section-congrats-detail .btn.blue {
  color: #fff;
  background-color: #002aff;
}

.section-congrats-detail .sect + .sect {
  margin-top: 40px;
}

.section-congrats-detail .box-title {
  line-height: 32px;
}

.section-congrats-detail .box-title h3 {
  font-size: 18px;
  color: #333;
  font-weight: normal;
  letter-spacing: -0.5px;
}

.section-congrats-detail .box-title strong {
  font-weight: bold;
}

.section-congrats-detail .user-info {
  padding: 15px 20px;
  background-color: #f7f9fb;
  margin: 30px 0;
}

.section-congrats-detail .user-info li {
  display: flex;
  gap: 20px;
  color: #333;
  font-size: 15px;
  line-height: 20px;
}

.section-congrats-detail .user-info li .dt {
  color: #999;
  font-size: 14px;
  min-width: 42px;
}

.section-congrats-detail .user-info li .dd {
  font-size: 15px;
  width: calc(100% - 42px);
}

.section-congrats-detail .user-info li + li {
  margin-top: 15px;
}

.section-congrats-detail .agree-chk {
}

.section-congrats-detail .agree-chk > li {
  line-height: 17px;
}

.section-congrats-detail .agree-chk > li + li {
  margin-top: 15px;
}

.section-congrats-detail .agree-chk input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
}

.section-congrats-detail .agree-chk label {
  position: relative;
  display: inline-block;
  padding-left: 28px;
}

.section-congrats-detail .agree-chk label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='interface-check2' transform='translate(-0.5 -0.5)'%3E%3Cg id='타원_113' data-name='타원 113' transform='translate(0.5 0.5)' fill='%23fff' stroke='%23e0e0e0' stroke-width='1'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none'/%3E%3Ccircle cx='10' cy='10' r='9.5' fill='none'/%3E%3C/g%3E%3Cpath id='패스_2353' data-name='패스 2353' d='M6.176,12.75a.75.75,0,0,1-.538-.228L2.462,9.25A.75.75,0,1,1,3.538,8.2l2.638,2.718,5.285-5.446a.75.75,0,0,1,1.076,1.045l-5.824,6A.75.75,0,0,1,6.176,12.75Z' transform='translate(3 1.5)' fill='%23e0e0e0'/%3E%3C/g%3E%3C/svg%3E");
}

.section-congrats-detail
  .agree-chk
  input[type="checkbox"]:checked
  + label:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='check_on' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle id='타원_113' data-name='타원 113' cx='10' cy='10' r='10' fill='%2339f'/%3E%3Cpath id='패스_2359' data-name='패스 2359' d='M12,6,6.176,12,3,8.727' transform='translate(2.5 1)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
}

.section-congrats-detail .agree-chk .btn-tog {
  position: relative;
  font-size: 13px;
  color: #999;
  margin-left: 15px;
  padding-right: 13px;
}

.section-congrats-detail .agree-chk .btn-tog:after {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  display: inline-block;
  width: 9px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.287' height='5.25' viewBox='0 0 9.287 5.25'%3E%3Cpath id='arrow-angle-down' d='M8.9.108a.354.354,0,0,0-.509,0L4.5,4.137.567.108A.3.3,0,0,0,.1.108a.328.328,0,0,0,0,.48L4.269,4.9a.327.327,0,0,0,.463,0L8.9.588A.328.328,0,0,0,8.9.108Z' transform='translate(0.143 0.125)' fill='%23999' stroke='%23999' stroke-width='0.25'/%3E%3C/svg%3E");
}

.section-congrats-detail .agree-chk .btn-tog.open:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.287' height='5.25' viewBox='0 0 9.287 5.25'%3E%3Cpath id='arrow-angle-down' d='M8.9.108a.354.354,0,0,0-.509,0L4.5,4.137.567.108A.3.3,0,0,0,.1.108a.328.328,0,0,0,0,.48L4.269,4.9a.327.327,0,0,0,.463,0L8.9.588A.328.328,0,0,0,8.9.108Z' transform='translate(9.143 5.125) rotate(180)' fill='%23999' stroke='%23999' stroke-width='0.25'/%3E%3C/svg%3E");
}

.section-congrats-detail .agree-chk .hbox {
  display: flex;
  justify-content: space-between;
}

.section-congrats-detail .agree-chk .cbox {
  display: none;
  padding: 12px 15px 14px;
  border: 1px solid #eee;
  margin-top: 15px;
  font-size: 13px;
}

.section-congrats-detail .agree-chk .cbox ol {
  counter-reset: list-number;
}

.section-congrats-detail .agree-chk .cbox ol > li {
  position: relative;
  counter-increment: list-number;
  padding-left: 10px;
}

.section-congrats-detail .agree-chk .cbox ol > li:before {
  content: counter(list-number) ".";
  position: absolute;
  left: 0;
  display: inline-block;
  font-size: 12px;
}

.section-congrats-detail .agree-chk .cbox ol > li + li {
  margin-top: 11px;
}

.section-congrats-detail .agree-chk .cbox dl {
  font-size: 12px;
}

.section-congrats-detail .agree-chk .cbox dt {
  line-height: 19px;
  font-size: 13px;
}

.section-congrats-detail .agree-chk .cbox dd {
  line-height: 18px;
  margin-top: 5px;
  color: #888;
  position: relative;
  padding-left: 8px;
}

.section-congrats-detail .agree-chk .cbox dd:before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 3px;
  background: #ccc;
  left: 0;
  top: 8px;
}

.section-congrats-detail .user-data {
}

.section-congrats-detail .user-data > div + div {
  margin-top: 30px;
}

.section-congrats-detail .user-data .dt {
  margin-bottom: 10px;
  color: #333;
}

.section-congrats-detail .user-data .dt sup {
  font-size: 0;
}

.section-congrats-detail .user-data .dt sup:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 1.96px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.981' height='6.705' viewBox='0 0 6.981 6.705'%3E%3Cg id='구성_요소_5_1' data-name='구성 요소 5 – 1' transform='translate(0.63 0.5)'%3E%3Cpath id='교차_1' data-name='교차 1' d='M-3109.522,7.932l-1.344,1.615-.747-.545,1.07-1.768-1.853-.765.307-.867,1.938.476.17-2.057h.918l.17,2.04,1.938-.459.289.867-1.853.765L-3107.431,9l-.748.545Z' transform='translate(3112.395 -4.022)' fill='%23f33' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
}

.section-congrats-detail .user-data input {
  padding: 14px 15px;
}

.section-congrats-detail .user-data input::placeholder {
  color: #ccc !important;
}

.section-congrats-detail .user-data .datepicker-wrap {
  position: relative;
}

.section-congrats-detail .user-data .datepicker-wrap.error {
}

.section-congrats-detail .user-data .datepicker-wrap input:after {
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 17px;
  right: 15px;
  top: 16.5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg id='그룹_11061' data-name='그룹 11061' transform='translate(-0.501)'%3E%3Cpath id='패스_929' data-name='패스 929' d='M38.551,232.24H36.2v-1.216a.7.7,0,1,0-1.395,0v1.216H26.9v-1.216a.7.7,0,1,0-1.395,0v1.216H22.945a.714.714,0,0,0-.7.728v13.6a.714.714,0,0,0,.7.728H38.551a.714.714,0,0,0,.7-.728v-13.6A.714.714,0,0,0,38.551,232.24Zm-.7,13.6H23.643V233.7h1.865v1.212a.7.7,0,1,0,1.395,0V233.7h7.9v1.212a.7.7,0,1,0,1.395,0V233.7h1.651Z' transform='translate(-21.747 -230.295)' fill='%23999'/%3E%3Crect id='사각형_1598' data-name='사각형 1598' width='2.379' height='2.31' transform='translate(3.627 6.854)' fill='%23999'/%3E%3Crect id='사각형_1599' data-name='사각형 1599' width='2.379' height='2.31' transform='translate(11.996 6.854)' fill='%23999'/%3E%3Crect id='사각형_1600' data-name='사각형 1600' width='2.379' height='2.31' transform='translate(7.812 6.854)' fill='%23999'/%3E%3Crect id='사각형_1601' data-name='사각형 1601' width='2.379' height='2.31' transform='translate(3.627 11.263)' fill='%23999'/%3E%3Crect id='사각형_1602' data-name='사각형 1602' width='2.379' height='2.31' transform='translate(11.996 11.263)' fill='%23999'/%3E%3Crect id='사각형_1603' data-name='사각형 1603' width='2.379' height='2.31' transform='translate(7.812 11.263)' fill='%23999'/%3E%3C/g%3E%3C/svg%3E");
}

.section-congrats-detail .user-data .datepicker-wrap .datepicker {
  width: 100%;
  height: 50px;
  padding-right: 29px;
  text-align: left;
  color: #666;
  border: 1px solid #e0e0e0;
  background: #fff;
  font-size: 16px;
  color: #333;
  line-height: 1.3;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  -webkit-text-size-adjust: none;
  border-radius: 4px;
}

.section-congrats-detail
  .user-data
  .datepicker-wrap
  .datepicker::-webkit-clear-button,
.section-congrats-detail
  .user-data
  .datepicker-wrap
  .datepicker::-webkit-inner-spin-button {
  display: none;
}

.section-congrats-detail
  .user-data
  .datepicker-wrap
  .datepicker::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: transparent;
  cursor: pointer;
  z-index: 1;
}

.section-congrats-detail
  .user-data
  .datepicker-wrap
  .datepicker::-webkit-date-and-time-value {
  text-align: left;
}

.section-congrats-detail .user-data .datepicker-wrap .date_empty:before {
  content: attr(data-placeholder);
  width: 100%;
  color: #ccc;
  overflow: hidden;
}

/* .section-congrats-detail .mtcCalender2{width:284px; top:45px;overflow:hidden;} */
.section-congrats-detail .user-data .yearmoney {
  width: 182px;
}

.section-congrats-detail .info-bot {
  padding: 20px 17px 20px 15px;
  background-color: #f8f8f8;
  color: #999;
  line-height: 20px;
  font-size: 14px;
}

.section-congrats-detail .info-bot li {
  position: relative;
  padding-left: 8px;
}

.section-congrats-detail .info-bot li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #ccc;
}

.section-congrats-detail .info-bot li + li {
  margin-top: 6px;
}

.section-congrats-detail .err-msg {
  color: #e51e1f;
  margin-top: 9px;
  font-size: 13px;
}

/*채용축하금 지원취소시 케이스 수정*/
.mtuLogMng .cmnList .case .congrats-beg {
  color: #c3c3c3;
}

.mtuLogMng .cmnList .case .congrats-beg .beg-txt {
  color: #c3c3c3;
}

.mtuLogMng .cmnList .case .congrats-beg .beg-txt:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='그룹_19579' data-name='그룹 19579' width='15' height='15' viewBox='0 0 15 15'%3E%3Cg id='패스_2453' data-name='패스 2453' transform='translate(-434.631 -184.395)' fill='%23c3c3c3'%3E%3Cpath d='M 442.1309814453125 199.14501953125 C 438.1333312988281 199.14501953125 434.8809814453125 195.8926849365234 434.8809814453125 191.89501953125 C 434.8809814453125 187.8973693847656 438.1333312988281 184.6450347900391 442.1309814453125 184.6450347900391 C 446.1286315917969 184.6450347900391 449.3809814453125 187.8973693847656 449.3809814453125 191.89501953125 C 449.3809814453125 195.8926849365234 446.1286315917969 199.14501953125 442.1309814453125 199.14501953125 Z' stroke='none'/%3E%3Cpath d='M 442.1309814453125 198.89501953125 C 445.9907836914062 198.89501953125 449.1309814453125 195.7548370361328 449.1309814453125 191.89501953125 C 449.1309814453125 188.0352172851562 445.9907836914062 184.8950347900391 442.1309814453125 184.8950347900391 C 438.2711791992188 184.8950347900391 435.1309814453125 188.0352172851562 435.1309814453125 191.89501953125 C 435.1309814453125 195.7548370361328 438.2711791992188 198.89501953125 442.1309814453125 198.89501953125 M 442.1309814453125 199.39501953125 C 437.9952087402344 199.39501953125 434.6309814453125 196.0307312011719 434.6309814453125 191.89501953125 C 434.6309814453125 187.7593536376953 437.9952087402344 184.3950347900391 442.1309814453125 184.3950347900391 C 446.2665710449219 184.3950347900391 449.6309814453125 187.7593536376953 449.6309814453125 191.89501953125 C 449.6309814453125 196.0307312011719 446.2665710449219 199.39501953125 442.1309814453125 199.39501953125 Z' stroke='none' fill='%23c3c3c3'/%3E%3C/g%3E%3Cpath id='패스_2454' data-name='패스 2454' d='M453.671,202.922h-.921l.531-1.655c.1-.32-.074-.526-.417-.588-.319-.062-.613.011-.711.361L451,205.094h-.037l-1.276-3.94a.689.689,0,0,0-.711-.495.678.678,0,0,0-.712.505l-1.3,3.929h-.037l-1.116-4.033c-.086-.371-.417-.443-.76-.382s-.528.289-.429.609l.53,1.634h-.919a.4.4,0,0,0-.429.433.4.4,0,0,0,.429.433h1.2l.6,1.852a.781.781,0,0,0,.847.536.772.772,0,0,0,.846-.536l1.214-3.63h.037l1.214,3.63a.78.78,0,0,0,.846.536.767.767,0,0,0,.847-.547l.59-1.841h1.2a.4.4,0,0,0,.417-.433A.392.392,0,0,0,453.671,202.922Z' transform='translate(-441.445 -195.607)' fill='%23fff'/%3E%3C/svg%3E");
}

/* 합격축하금 배지 추가 */
.celebrate-badge {
  box-sizing: border-box;
  margin-bottom: 4px;
}

.celebrate-badge::before {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("/content/images/theme/celebrate/icon_celebrate_search_txt.svg");
  background-size: 14px 14px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: -2px 0 0 0;
}

.celebrate-badge em {
  color: #171717;
  font-size: 12px;
  padding-left: 4px;
}

/* 프로필 지원 가능 배지 추가 */
.profile-badge {
  box-sizing: border-box;
  margin-bottom: 4px;
}

.profile-badge::before {
  display: inline-block;
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.8125 0L1.50778 0C0.678502 0 0 0.590921 0 1.31316V11.8118C0 12.5406 0.678502 13.125 1.50778 13.125H12.4922C13.329 13.125 14 12.5341 14 11.8118V3.16546C14 2.43665 13.3215 1.75 12.4922 1.75C11.6629 1.75 7 1.75 7 1.75C7 1.75 6.49813 0.810628 6.125 0.4375C5.6875 0 5.43069 0 4.8125 0Z' fill='%238DAEFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 8.75C6.22389 8.75 5.463 8.9417 4.83493 9.30315C4.20703 9.66451 3.73558 10.1828 3.51813 10.7915C3.4606 10.9525 3.54451 11.1297 3.70555 11.1872C3.86659 11.2447 4.04378 11.1608 4.10131 10.9998C4.26022 10.555 4.61808 10.1425 5.14382 9.8399C5.66938 9.53744 6.32199 9.36928 7 9.36928C7.67801 9.36928 8.33062 9.53744 8.85618 9.8399C9.38192 10.1425 9.73978 10.555 9.89869 10.9998C9.95622 11.1608 10.1334 11.2448 10.2945 11.1872C10.4555 11.1297 10.5394 10.9525 10.4819 10.7915C10.2644 10.1828 9.79297 9.66451 9.16507 9.30316C8.537 8.9417 7.77611 8.75 7 8.75Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4.9875C6.37178 4.9875 5.8625 5.49678 5.8625 6.125C5.8625 6.75322 6.37178 7.2625 7 7.2625C7.62822 7.2625 8.1375 6.75322 8.1375 6.125C8.1375 5.49678 7.62822 4.9875 7 4.9875ZM5.25 6.125C5.25 5.1585 6.0335 4.375 7 4.375C7.9665 4.375 8.75 5.1585 8.75 6.125C8.75 7.0915 7.9665 7.875 7 7.875C6.0335 7.875 5.25 7.0915 5.25 6.125Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: -2px 4px 0 0;
}

.profile-badge em {
  color: #171717;
  font-size: 12px;
}

/* 하단 버튼 추가 */
.button-wrap {
  position: relative;
  height: 52px;
  margin-top: 8px;
}

.button-wrap button {
  display: block;
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: 8px;
  width: calc(100% - 20px);
  height: 52px;
  border-radius: 8px;
  background: #003cff;
  font-size: 16px;
  color: #fff;
  text-align: center;
}