@charset "utf-8";

@font-face {
	font-family: 'esamanru';
	font-weight: 700;
    font-style: normal;
	font-display: swap;
	src: url('../font/esamanru-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'esamanru';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url('../font/esamanru-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'esamanru';
    font-weight: 300;
    font-style: normal;
	font-display: swap;
	src: url('../font/esamanru-Light.woff2') format('woff2');
}

.ir {text-indent: -9999px; position: fixed; top: -9999px; font-size: 1px; width: 1px; height: 1px; opacity: 0;}
#contents.event_wrp {display: block; margin: 0; padding-bottom: 0; width: 100%; letter-spacing:-0.02rem}
.event_wrp .inner {margin: 0 auto; width: 1248px;}
.keep-all, .keep-all * {word-break: keep-all; word-wrap: break-word;}
/* 이벤트 공유 */
.event_wrp .send_event {position: relative; top: 20px; display: flex; margin: 0 auto; width: 1248px; justify-content: flex-end; align-items: center; font-size: 16px;}
.event_wrp .send_event .text {margin-left: 20px; margin-right: 10px; color: #fff; font-size: 16px;}
.event_wrp .send_event > a + a {margin-left: 7px;}
.event_wrp .send_event > a > img {border: 1px solid #e6e6e6; border-radius: 50%;}
.event_wrp .send_event .phone_num .dash {height: 40px; line-height: 40px; color: #fff;}
.event_wrp .send_event .phone_num .input_txt {width:90px; text-align: center}
.event_wrp .send_event .btn_send {margin-left: 10px; border-radius: 4px; width: 90px; height: 40px; line-height: 40px; background: #62d491; color: #333; font-weight: 600;}

/* 하단 notice */
.event_wrp .notice {padding: 60px 0 70px; background: #fff;}
.event_wrp .notice .title {display: block; margin-bottom: 26px; padding-left: 53px; background: url('/cm/static/images/event/ico_notice.png') 0 center no-repeat; color: #222; font-size: 30px;}
.event_wrp .notice ul li {position: relative; padding-left: 20px; line-height: 36px; color: #444; font-size: 18px;}
.event_wrp .notice ul li .num {position: absolute; left:0; top: 0;}
.event_wrp .notice ul li .btn_modify {margin-left: 6px; padding: 0 10px; height: 30px; line-height: 30px; border-radius: 15px; background: #61617c; color: #fff; font-size: 14px;}
.event_wrp .notice .ask {margin-top: 10px; line-height: 36px; color: #444; font-size: 18px;}

/* 개인정보 수집 레이어팝업 */
.full_pop.event {letter-spacing: -0.02rem;}
.full_pop.event .tit_sym_squ {position: relative; display: block; margin: 36px 0 14px; padding-left: 16px; line-height: 28px; color: #222; font-weight: 800; font-size: 18px}
.full_pop.event .tit_sym_squ:before {position: absolute; left: 0; top: 10px; display: block; width: 6px; height: 6px; background: #4d65e1; content: "";}
.full_pop.event .tbl_default th, .full_pop.event .tbl_default td {padding: 12px 8px; line-height: 28px; border: 1px solid #e6e6e6; font-size: 16px; color: #444;}
.full_pop.event .tbl_default thead th {border-bottom: none; background: #f5f5f5; color: #222; font-weight: 600;}
.full_pop.event .tbl_default.text_center th, .full_pop.event .tbl_default.text_center td {text-align: center;}
.full_pop.event .tbl_personal {border-top: 2px solid#333; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.full_pop.event .tbl_personal th, .full_pop.event .tbl_personal td {padding: 16px; border-bottom: 1px solid #e6e6e6; font-size: 16px; color: #444;}
.full_pop.event .tbl_personal th {padding-left: 20px; color: #222; font-weight: 600; text-align: left;}
.full_pop.event .tbl_personal td .txt_date-line {margin: 0 3px;}

/* 이벤트 상세 */
.eve_aiJobRecom {position: relative; background: url('/cm/static/images/event/aiJobRecom/bg_visual_top.png') 0 0 repeat-x;}
.eve_aiJobRecom .c_pink {color: #e6005c}
.eve_aiJobRecom .c_blue {color: #534fe2}
.eve_aiJobRecom .visual_top {height: 825px; background: url('/cm/static/images/event/aiJobRecom/img_visual_top.png') center bottom no-repeat;}
.eve_aiJobRecom .service {padding: 80px 0; background: #2dd0e3;}
.eve_aiJobRecom .service .title {color: #222; font-size: 27px; font-weight: 600; text-align: center;}
.eve_aiJobRecom .service .links {display: flex; justify-content: space-between; margin-top: 60px;}
.eve_aiJobRecom .service .links a {display: flex; padding: 0 38px; width: 285px; height: 80px; border: 2px solid #11727d; border-radius: 40px; background: #fff; color: #222; font-size: 24px; align-items: center}
.eve_aiJobRecom .service .links a span {display:block; padding-right: 20px; width: 100%; background: url('/cm/static/images/event/ico_link.png') right center no-repeat}
.eve_aiJobRecom .service .links a i {display: inline-block; margin-right: 10px; width: 30px; height: 30px; vertical-align: -6px;}
.eve_aiJobRecom .service .links a i.ico_guide {background: url('/cm/static/images/event/aiJobRecom/ico_link_guide.png') 0 center no-repeat;}
.eve_aiJobRecom .service .links a i.ico_data {background: url('/cm/static/images/event/aiJobRecom/ico_link_data.png') 0 center no-repeat;}
.eve_aiJobRecom .service .links a i.ico_movie {background: url('/cm/static/images/event/aiJobRecom/ico_link_movie.png') 0 center no-repeat;}
.eve_aiJobRecom .service .links a.ai {padding-left: 128px; padding-right: 0; width: 333px; border: none; background: #6866ec url('/cm/static/images/event/aiJobRecom/ico_link_jobcare.png') 39px bottom no-repeat; color: #fff;}
.eve_aiJobRecom .service .links a.ai span {background: none}

.eve_aiJobRecom .info {padding: 50px 0 93px; background: #fff url('/cm/static/images/event/aiJobRecom/bg_squre_ty1.png') 0 0 repeat;}
.eve_aiJobRecom .info .period {display: grid; grid-template-columns: 750px  498px}
.eve_aiJobRecom .info .period > li {position: relative; display: flex; padding-left: 29px; margin-top: 50px; color: #444; align-items: flex-start;}
.eve_aiJobRecom .info .period > li:before {position: absolute; left: 0; top: 10px; display: block; width: 8px; height: 8px; border-radius: 50%; background: #b1c0e8; content: "";}
.eve_aiJobRecom .info .period > li > p {padding-left: 28px; line-height: 32px; font-size: 35px; letter-spacing: -1px;}
.eve_aiJobRecom .info .period > li p .sub_txt {display: block; margin-top: 5px; color: #444; font-size: 22px;}
.eve_aiJobRecom .info .join {display: flex; margin-top: 74px; padding: 0 0 0 50px; width: 1238px; border-radius: 20px; background: #5fe9ef; box-shadow: 8px 12px 0 0 #d7f6f7;}
.eve_aiJobRecom .info .join .tit {display: block; margin-top: 53px; width: 184px; height: 102px; background: url('/cm/static/images/event/aiJobRecom/tit_join.png') 0 0 no-repeat; font-size: 0;}
.eve_aiJobRecom .info .join > ul {padding: 45px 0 43px; margin-left: 65px}
.eve_aiJobRecom .info .join ul li {line-height: 32px; color: #444; font-size: 24px; font-weight: 600; letter-spacing: -0.8px}
.eve_aiJobRecom .info .join ul .dash {margin: 6px 0; padding-left: 20px;}
.eve_aiJobRecom .info .join ul .dash > li {position: relative; padding-left: 12px; font-size: 18px; font-weight: 400;}
.eve_aiJobRecom .info .join ul .dash > li:before {position: absolute; left: 0; top:0; content:"-"}

.eve_aiJobRecom .event {position: relative; padding: 48px 0 70px; border-top: 2px solid #b1c0e8; background: #f9f6ff url('/cm/static/images/event/aiJobRecom/bg_squre_ty2.png') 0 0 repeat;}
.eve_aiJobRecom .event:before {position: absolute; left: 50%; bottom: 0; display: block; width: 100%; height: 775px; background: url('/cm/static/images/event/aiJobRecom/bg_event_btm.png') center bottom no-repeat; background-size: 100%; transform: translateX(-50%); opacity:0.3; content: "";}
.eve_aiJobRecom .event .tit {display: block; width: 100%; height: 287px; background: url('/cm/static/images/event/aiJobRecom/tit_event.png') center 0 no-repeat; font-size: 0;}
.eve_aiJobRecom .event .my_evnt {margin-top: 50px;}
.eve_aiJobRecom .event .total {display: flex; margin: 0 auto 60px; padding: 0 38px; width: 555px; height: 80px; border-radius: 40px; border: 2px solid #6866ec; background: #fff; color: #222; box-shadow: 2px 3px 1px 1px rgba(173,163,214,0.2); justify-content: space-between; align-items: center; letter-spacing: -0.8px;}
.eve_aiJobRecom .event .total .name {font-size: 30px;}
.eve_aiJobRecom .event .total .point {font-size: 20px;}
.eve_aiJobRecom .event .total .point strong {font-size: 40px; font-weight: 800; vertical-align: sub;}
.eve_aiJobRecom .event .view {display: flex;}
.eve_aiJobRecom .event .time_wrp {padding: 0 40px; width: 587px;}
.eve_aiJobRecom .event .time_wrp .clock {position: relative; width: 467px; height: 423px; background: url('/cm/static/images/event/aiJobRecom/bg_time.png') 0 0 no-repeat;}
.eve_aiJobRecom .event .time_wrp .clock .time {display: flex; padding-top: 208px; justify-content: center;}
.eve_aiJobRecom .event .time_wrp .clock .time p {position: relative; width: 156px; line-height: 52px; color: #222; font-size: 66px; font-weight: 800; text-align: center;}
.eve_aiJobRecom .event .nonmeb_evnt .time_wrp .clock .time p {color: #a9a9a9;}
.eve_aiJobRecom .event .time_wrp .clock .time p span {display: block; font-size: 18px; font-weight: 600}
.eve_aiJobRecom .event .time_wrp .clock .time p.sec:before {display: block; position: absolute; left: -4.5px; top: 11px; width: 9px; height: 9px; border-radius: 50%; background: #524ee1; content: "";}
.eve_aiJobRecom .event .time_wrp .clock .time p.sec:after {display: block; position: absolute; left: -4.5px; top: 38px; width: 9px; height: 9px; border-radius: 50%; background: #524ee1; content: "";}
.eve_aiJobRecom .event .time_wrp .clock .btn_point {position: absolute; left: 50%; bottom: -13px; width: 320px; height: 103px; background: url('/cm/static/images/event/aiJobRecom/btn_point.png') 0 0 no-repeat; transform: translateX(-50%); font-size: 0;}
.eve_aiJobRecom .event .time_wrp .clock .btn_point.disable {background: url('/cm/static/images/event/aiJobRecom/btn_point_disable.png') 0 0 no-repeat;}
.eve_aiJobRecom .event .time_wrp .dash {margin-top: 37px;}
.eve_aiJobRecom .event .time_wrp .dash li {position: relative; padding-left: 10px; line-height: 28px; font-size: 18px; color: #444; letter-spacing: -1px;}
.eve_aiJobRecom .event .time_wrp .dash li:before {position: absolute; left: 0; top: 0; display: block; content: "-";}
.eve_aiJobRecom .event .history {position: relative; padding-bottom: 100px; width: 622px; height: 555px; border-radius: 14px; background: #fff; box-shadow:5px 8px 2px 1px rgba(173,163,214,0.2)}
.eve_aiJobRecom .event .history .title {display: block; height: 80px; line-height: 80px; border-radius: 14px; background: #6866ec; color: #fff; font-size: 24px; text-align: center;}
.eve_aiJobRecom .event .history > ul {padding: 12px 30px 0; height: 355px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; background: #fff; overflow-y: hidden;}
.eve_aiJobRecom .event .history > ul > li {display: flex; padding: 14px 0; border-bottom: 2px dashed #e5e5e5; color: #444; justify-content: space-between;}
.eve_aiJobRecom .event .history > ul > li:last-child {border: none;}
.eve_aiJobRecom .event .history > ul > li p {color: #444; font-size: 18px; letter-spacing: -1px;}
.eve_aiJobRecom .event .history > ul > li .point strong {color: #6866ec; font-size: 24px; font-weight: 800;}
.eve_aiJobRecom .event .history .box_pagination {position: absolute; left: 50%; bottom: 40px; width: 100%; transform: translateX(-50%);}
.eve_aiJobRecom .event .history .box_pagination button {font-size: 16px;}
.eve_aiJobRecom .box_pagination button:hover, .eve_aiJobRecom .box_pagination button:focus, .eve_aiJobRecom .box_pagination button.active {background: #6866ec;}
.eve_aiJobRecom .box_pagination button.btn_page:hover, .eve_aiJobRecom .box_pagination button.btn_page:focus {background: var(--col_white); border: 1px solid #aaa;}
.eve_aiJobRecom .event .nonmeb_evnt {margin-top: 50px; padding-bottom: 20px;}
.eve_aiJobRecom .event .login_area {width: 622px; text-align: center; align-self: center;}
.eve_aiJobRecom .event .login_area .txt {display:block; line-height: 54px; color: #222; font-size: 36px;}
.eve_aiJobRecom .event .login_area .btn_login {margin-top: 34px; width: 380px; height: 80px; line-height: 80px; border-radius: 40px; background: #6866ec; color: #fff; font-size: 28px;}

.eve_aiJobRecom .event .gift_wrp {position: relative; padding: 0 40px; margin-top: 113px;}
.eve_aiJobRecom .event .gift_wrp:before {position: absolute; right: -244px; top: -102px; display: block; width: 401px; height: 531px; background: url('/cm/static/images/event/aiJobRecom/bg_gif_circle.png') 0 0 no-repeat; content: "";}
.eve_aiJobRecom .event .gift_wrp:after {position: absolute; left: -250px; bottom: 66px; display: block; width: 290px; height: 380px; background: url('/cm/static/images/event/aiJobRecom/bg_gif_character.png') 0 0 no-repeat; content: "";}
.eve_aiJobRecom .event .gift_wrp .gift {position: relative; display: flex; flex-wrap: wrap; margin: 0 auto; padding: 79px 0 0 23px; width: 1168px; border: 2px solid #222; border-radius: 20px; background: #fff; box-shadow: 5px 8px 2px 1px rgba(173,163,214,0.2);}
.eve_aiJobRecom .event .gift_wrp .gift:before {position: absolute; left: -41px; top: -57px; width: 279px; height: 225px; background: url('/cm/static/images/event/aiJobRecom/bg_gif_label_top.png') 0 0 no-repeat; content: "";}
.eve_aiJobRecom .event .gift_wrp .gift:after {position: absolute; right: -43px; bottom: -55px; width: 279px; height: 226px; background: url('/cm/static/images/event/aiJobRecom/bg_gif_label_btm.png') 0 0 no-repeat; content: "";}
.eve_aiJobRecom .event .gift_wrp .gift li {position: relative; width: 374px; height: 390px; text-align: center;}
.eve_aiJobRecom .event .gift_wrp .gift li .img_area {display: inline-flex; width: 250px; height: 250px; border-radius: 50%; background: #f2ecff; align-items: center; justify-content: center;}
.eve_aiJobRecom .event .gift_wrp .gift li .img_area .num {position: absolute; left: 51px; top: 20px; display: block; width: 85px; height: 85px; line-height: 85px; background: url('/cm/static/images/event/aiJobRecom/bg_gift_num.png') 0 0 no-repeat; text-align: center; color: #fefe00; font-size: 18px; font-weight: 400;}
.eve_aiJobRecom .event .gift_wrp .gift li .img_area .num em {font-size: 24px; font-weight: 800;}
.eve_aiJobRecom .event .gift_wrp .gift li .txt {margin-top: 18px; color: #222; font-size: 20px;}
.eve_aiJobRecom .event .gift_wrp .gift li .txt strong {display: block; margin-bottom: 6px; line-height: 34px; font-size: 24px;}
.eve_aiJobRecom .event .dot_list {margin-top: 70px;}
.eve_aiJobRecom .event .dot_list > li {position: relative; padding-left: 9px; line-height: 36px; color: #444; font-size: 18px;}
.eve_aiJobRecom .event .dot_list > li:before {position: absolute; left: 0; top: 0; display: block; content: "·";}

/* 20250716 2025 고용24 활용 수기ㆍ영상 공모전 */
.esamanru.eve_aiJobRecom { background: none;}
.esamanru { background: #1f2872 !important;}
.esamanru .context2025 { padding-bottom: 100px;}
.esamanru .header .bg { height: 1001px; background: url(../images/event/esamanru/bg_esamanru.png) no-repeat center top;}
.esamanru .header .bg .inner { position: relative; padding-top: 100px;}
.esamanru .header .bg .inner .img { position: relative; z-index: 1;}
.esamanru .header .bg .inner .img2 { position: absolute; right: -195px; bottom: -260px;}
.esamanru .tflex { display: flex;}
.esamanru .tflex ~ .tflex { margin-top: 48px;}
.esamanru .tflex .label { display: inline-flex; height: 56px; padding: 11px 28px 0; font-family: 'esamanru'; font-size: 28px; font-weight: 700; color: #19274c; background-color: #fbe67e; border-radius: 12px;}
.esamanru .tflex .label_body { flex: 1; margin-left: 32px;}
.esamanru .tflex .label_body p { font-family: 'esamanru'; font-size: 26px; font-weight: 300; color: #fff;}
.esamanru .tflex .label_body p .highlight { font-weight: 500; color: #f5d434;}
.esamanru .tflex .label_body p .tel { position: relative; font-family: 'Pretendard'; margin-left: 24px; padding-left: 40px; font-size: 28px; font-weight: 600;}
.esamanru .tflex .label_body p .tel::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: url(../images/event/esamanru/icon_tel.png) no-repeat;}
.esamanru .tflex .label_body p .mail { position: relative; font-family: 'Pretendard'; margin-left: 24px; padding-left: 40px; font-size: 28px; font-weight: 600;}
.esamanru .tflex .label_body p .mail::before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: url(../images/event/esamanru/icon_mail.png) no-repeat;}
.esamanru .tflex .label_body .font40 { font-size: 40px;}
.esamanru .tflex .label_body .font28 { font-size: 28px;}
.esamanru .tflex .label_body p.lettsp { letter-spacing: -1.6px;}
.esamanru .tflex .label_body p.step { display: flex; align-items: center; font-weight: 300;}
.esamanru .tflex .label_body p.step span ~ span { margin-left: 16px;}
.esamanru .tflex .label_body p.sinfo { display: flex; align-items: center;}
.esamanru .tflex .label_body .sb { display: block; margin-top: 8px; font-size: 20px; color: #fff; letter-spacing: -0.4px; line-height: 30px;}
.esamanru .tflex .label_body .sb2_group { margin-top: 20px;}
.esamanru .tflex .label_body .sb2_group .light { color: #f5d434;}
.esamanru .tflex .label_body .sb2 { display: flex; align-items: center; font-size: 20px; color: #fff; letter-spacing: -0.4px; line-height: 30px;}
.esamanru .tflex .label_body .sb2 .blet { position: relative; top: 7px; margin-right: 5px;}
.esamanru .tflex .label_body .inline { display: flex; align-items: center;}
.esamanru .tflex .label_body .inline .download { display: flex; align-items: center; height: 55px; margin: -2px 0 0 16px; padding: 0 28px; font-family: 'esamanru'; font-size: 24px; font-weight: 700; color: #111; background-color: #81e9a0; box-shadow: -3px 3px 0 0 #fff inset, 6px 6px 0 0 #080d1a; border-radius: 28px;}
.esamanru .tflex.Add_baseline { align-items: baseline;}
.esamanru .tflex.Add_block { display: block;}
.esamanru .tflex.Add_block .label_body { margin: 20px 0 0;}
.esamanru .context2025 { margin-top: 45px;}
.esamanru .c_item { display: flex; flex-wrap: wrap; gap: 8px; margin-top: -10px;}
.esamanru .c_item li { display: flex; align-items: center; position: relative; width: calc(50% - 4px); padding-left: 16px; font-size: 20px; color: #fff; letter-spacing: -0.4px; line-height: 30px;}
.esamanru .c_item li::before { content: ''; display: block; position: absolute; left: 4px; top: 12px; width: 4px; height: 4px; background-color: #fff; border-radius: 50%;}
.esamanru .c_item2 li { display: flex; align-items: center; position: relative; padding-left: 16px; font-size: 20px; font-weight: 600; color: #333; letter-spacing: -0.4px; line-height: 30px;}
.esamanru .c_item2 li ~ li { margin-top: 4px;}
.esamanru .c_item2 li::before { content: ''; display: block; position: absolute; left: 4px; top: 12px; width: 4px; height: 4px; background-color: #333; border-radius: 50%;}
.esamanru .c_item3 li { position: relative; padding-left: 16px; font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -0.32px; line-height: 28px;}
.esamanru .c_item3 li ~ li { margin-top: 4px;}
.esamanru .c_item3 li::before { content: ''; display: block; position: absolute; left: 4px; top: 12px; width: 4px; height: 4px; background-color: #fff; border-radius: 50%;}
.esamanru .ctable { overflow: hidden; border-radius: 12px;}
.esamanru .ctable th { padding: 16px 0; font-family: 'esamanru'; font-size: 20px; font-weight: 500; color: #19274c; letter-spacing: -0.4px; line-height: 30px; background-color: #aedef2;}
.esamanru .ctable th ~ th { border-left: 1px solid #eee;}
.esamanru .ctable tr ~ tr th { border-left: 1px solid #eee; border-top: 1px solid #eee;}
.esamanru .ctable td { padding: 16px 32px; font-size: 22px; font-weight: 600; color: #333; text-align: center; letter-spacing: -0.4px; line-height: 30px; background-color: #fff;}
.esamanru .ctable td ~ td { border-left: 1px solid #ddd;}
.esamanru .ctable td .t { display: block; margin: 8px 0 0 -2px; font-size: 18px; font-weight: 600; color: #e0024b; line-height: 28px; letter-spacing: -0.36px; text-align: left;}
.esamanru .ctable tr ~ tr td { border-top: 1px solid #ddd;}
.esamanru .ctable td.font20 { font-family: 'esamanru'; font-size: 20px; font-weight: 500; letter-spacing: -0.4px;}
.esamanru .ctable td.font22 { font-family: 'esamanru'; font-size: 22px; font-weight: 500; letter-spacing: -0.44px;}
.esamanru .ctable td.font24 { font-family: 'esamanru'; font-size: 24px; font-weight: 500; letter-spacing: -0.48px;}
.esamanru .ctable tfoot td { border-top: 1px solid #ddd; background-color: #f5f5f5;}
.esamanru .cbtn_group { display: flex; justify-content: center; align-items: center; margin-top: 72px;}
.esamanru .cbtn { display: flex; align-items: center; height: 116px; padding: 0 60px; font-family: 'esamanru'; font-size: 40px; font-weight: 700; color: #111; letter-spacing: -0.8px; background-color: #81e9a0; box-shadow: -8px 8px 0 0 #fff inset, 8px 8px 0 0 #080d1a; border-radius: 58px;}
.esamanru .context2025_footer { padding: 100px 0 68px; background-color: #151b4d;}
.esamanru .logos { display: flex; justify-content: center; align-items: center; margin-top: 48px;}
.esamanru .logos img ~ img { margin-left: 42px;}
/* // 20250716 2025 고용24 활용 수기ㆍ영상 공모전 */