@charset "utf-8";
/* CSS Document */

.skipToContent a { position:absolute; width:100%; height:0.100rem; top:0; left:0; z-index:9999; margin-top:-0.100rem; display:block; background-color:#0B0B0B; font-size:1.5rem; font-weight:600; color:#fff; line-height:1; overflow:hidden; text-align:center;}
.skipToContent a:focus,.skipToContent a:active,.skipToContent a:hover {margin-top:0; height:auto; padding:2rem 0;}

/* 메인 로고 및 메뉴 영역 */
.new_out_main_wrap {position: relative; min-height: 100%; padding-bottom: 5rem;}
.new_out_main_wrap .out_main_logo_area {padding: 2rem 2rem;background: #fff;}
.new_out_main_wrap .inte_main_logo {max-width: 140rem;margin:0 auto;font-size: 1.7rem;font-weight: bold;margin-left: 0rem;}
.new_out_main_wrap .inte_main_logo a {display: flex; align-items: center;}
.new_out_main_wrap .inte_main_logo img {width: 2rem; margin-right: 0.5rem;}
.new_out_main_wrap .inte_main_logo strong {font-size: 1.5rem; color:#222; font-weight: 600;}
.new_out_main_wrap .inte_main_logo span {position: relative; padding: 0rem 1rem; font-size: 1.5rem; font-weight: 600; color:#222;}
.new_out_main_wrap .inte_main_logo span:before {content: ""; position: absolute; top:0.2rem; left:0.5rem; width: 0.1rem; height: 80%; background: #222;}

.out_main_header {text-align: center;padding: 4rem 0rem;}
.out_main_header .out_main_title strong {font-size: 2rem; color:#1265aa;}
.out_main_header .out_main_title h2 {font-size: 4.5rem; color:#383838; padding: 1.5rem 0rem;}
.out_main_header .out_main_title p {font-size: 1.5rem; color:#474747; line-height: 2.5rem;}
.out_main_con_choice1 {display: flex; justify-content: center; gap:1%; background: #f4f9ff; padding: 7rem 0rem;}
.o_m_c_l_detail,
.o_m_c_r_detail {width: 40rem; height: 30rem; position: relative; perspective: 1000px; cursor: pointer; outline: none;}
.o_m_c_l_detail:focus,
.o_m_c_r_detail:focus {box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);}
.card-face {width: 100%;height: 100%;position: absolute;backface-visibility: hidden;transition: transform 0.6s;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;border: 0.1rem solid #eee;box-shadow: 2px 2px 8px rgba(0,0,0,0.1);box-sizing: border-box;border-radius: 0.8rem;padding: 5rem 3rem 3rem 3rem;text-align: center;}
.card-front {transform: rotateY(0deg); background-color: #ffffff;}
.card-back {transform: rotateY(180deg); background-color: #fff; color: #333; border:0.3rem solid #1265aa;}
.o_m_c_l_detail.is-flipped .card-front,
.o_m_c_r_detail.is-flipped .card-front {transform: rotateY(-180deg);}
.o_m_c_l_detail.is-flipped .card-back,
.o_m_c_r_detail.is-flipped .card-back {transform: rotateY(0deg);}
.o_m_c_l_d_box1 h3 {font-size: 2.5rem; padding:8rem 0rem 1rem 0rem; background: url("../images/main/main_left_box_img.png") 50% 0% no-repeat;}
.o_m_c_r_d_box1 h3 {font-size: 2.5rem; padding:8rem 0rem 1rem 0rem; background: url("../images/main/main_right_box_img.png") 50% 0% no-repeat;}
.o_m_c_l_d_box1 p,
.o_m_c_r_d_box1 p {font-size: 1.5rem;color:#222222;line-height: 2.5rem;word-break: keep-all;}
.o_m_c_l_d_box2,
.o_m_c_r_d_box2 {display: flex;justify-content: flex-start;padding: 2rem;}
.o_m_c_l_d_box2 h3,
.o_m_c_r_d_box2 h3 {font-size: 2rem; padding: 2rem 0rem; color:#1265aa;}
.login_type_box {display: flex; gap:8%; width: 100%; justify-content: center; padding: 2rem 0rem;}
.login_type_box div a {display: block; padding: 9rem 1rem 1rem 1rem; font-size: 1.5rem; font-weight: bold;}
.login_type_box div a:hover {color: #227df3;}
.login_type_box div {background-size: 8rem !important;}
.login_type_box .login_type_phone {background: url("../images/phone_login.png") 50% 0% no-repeat;}
.login_type_box .login_type_any {background: url("../images/anyidl_login.png") 50% 0% no-repeat;}
.login_type_box .login_type_pin {background: url("../images/pin_login.png") 50% 0% no-repeat;}
.inte_m_id_login_area {width: 100%;margin-top: 1rem;}
.inte_login_button a {display: block;text-align: center;background: #3382e9;padding: 1.5rem 0rem;font-size: 1.8rem;color:#fff;border-radius: 0.5rem;margin: 0.5rem 0rem;font-weight: bold;}
.inte_login_button a:hover {background: #173573;}
.inte_util_area {display: flex;justify-content: space-between;padding: 1rem 0rem;font-size: 1.3rem;}
.inte_util_area a:hover {color: #0e52aa;}
.inte_util_area > div {display: flex; gap:1rem;}
.inte_id_pas_area input {position: relative; padding:1.3rem 1rem; margin-bottom: 1rem; border:0.1rem solid #cecece; border-radius: 0.5rem; font-size: 1.6rem;}
.inte_id_pas_area input::placeholder {font-size: 1.5rem;}
.inte_pass_box .eyes {top: 0rem;}
.input_password {position: relative;}
.input_password .eyes {position: absolute;top: 0%;bottom: 0;right: 1rem;height: 3.3rem;margin: auto 0px;font-size: 22px;width: auto;cursor: pointer;transform: translate(0%,0%);}
.fa-eye:before {content: "\e950"; font-family: "xeicon";}
.fa-eye-slash:before {content: "\e952";  font-family: "xeicon";}

/* 링크를 통한 로그인 */
.out_main_con_choice2 {padding: 3rem; display: flex; align-items: center; gap:6%; background: #f4f9ff; justify-content: center;}
.out_main_con_choice2 > div {width: 100%; max-width: 55rem; padding: 2rem;}
.out_left_box_title p {font-size: 1.6rem; display: block; padding: 0rem 0rem; font-weight: bold; line-height: 3rem;}
.out_left_box_title p:first-child strong {font-size: 1.4rem;background: #266ccc;padding: 0.4rem 1.5rem;border-radius: 10rem;color:#fff;margin-right: 1rem;box-sizing: border-box;}
.out_left_box_title p:last-child strong {font-size: 1.4rem;background: #26b3cc;padding: 0.4rem 1.5rem;border-radius: 10rem;color:#fff;margin-right: 1rem;box-sizing: border-box;}
.out_left_box_con {padding: 1rem 0rem;}
.out_left_box_con p {font-size: 1.4rem; line-height: 2rem;}
.out_left_box_con ul {margin: 2rem 0rem 0rem 0rem; padding: 2rem; border:0.1rem solid #cecece; background: #fff;}
.out_left_box_con ul li {font-size: 1.4rem; padding:0.5rem 0rem; display: flex; align-items: center;}
.out_left_box_con ul li strong {display: flex; align-items: center;}
.out_left_box_con ul li strong::after {content: ":"; margin-left: 0.5rem;}
.out_left_box_con ul li strong i {font-size: 2rem; align-items: center; margin-right: 0.5rem;}
.out_left_box_con ul li:first-child strong {margin-right:1rem;}
.out_left_box_con ul li:last-child strong {margin-right:1rem;}
.out_main_con_right_number {width: 100%;height: 100%; min-height: 30rem; display: flex; justify-content: center;align-items: center;border: 0.1rem solid #eee;box-shadow: 2px 2px 8px rgba(0,0,0,0.1);box-sizing: border-box;border-radius: 0.8rem;padding: 5rem 3rem 3rem 3rem;text-align: center; background: #fff;}
.out_right_area {width: 100%; max-width: 40rem;}
.out_right_box h3 {font-size: 2rem; background: url("../images/main/main_number_box_img.png") 0% 50% no-repeat; padding: 2rem 1rem 2rem 7rem; display: inline-block; background-size: 6rem;}
.out_right_box input {padding: 1rem; font-size: 2rem; font-weight: bold; color: #266ccc; text-align: center;}
.out_right_box input::placeholder {font-size: 1.5rem; color: #565656;}
.out_right_box .inte_id_box {margin-top: 2rem; margin-bottom: 1rem;}

/* footer */
footer {height: 10rem; background: #fff;}
.footer_area {position:absolute; bottom:0rem; width: 100%; background: #fff; border-top:0.1rem solid #efefef; padding: 1rem; line-height: 2rem; font-size: 1.3rem; color:#535353;}
.footer { width:100%; max-width:1500px; margin:0 auto; background: #fff !important;}


/* 20250616 탭형식 로그인 */
.out_main_con_choice1_tab {display: flex;justify-content: center;gap:1%;background: #f4f9ff;padding: 3rem;height: 49rem;}
.out_main_tab_area {position: relative; display: flex; width: 100%; max-width: 140rem; margin:0 auto; justify-content: center;}
.outtab_login_left, .outtab_login_right {width: 50%;}
.outtab_login_tab button {display: block;text-align: center;width: 100%;background: #f1f1f1;color: #b5b5b5;font-weight: bold;font-size: 1.6rem;padding: 1.5rem;}
.outtab_login_tab button:hover {background: #bed4ff; color: #3260bc;}
.outtab_login_tab.login_active button {background: #3260bc; color: #fff; display: flex; align-items: center; justify-content: center;}
.outtab_login_tab.login_active button::after {content: "\e92c"; font-family: "xeicon"; font-weight: normal; font-size: 2.3rem; margin-left: 1rem;}
.outtab_detail {position: absolute;top: 4.9rem;left: 0rem;background: #fff;padding: 1rem;width: 100%;border-top: 0.1rem solid #f1f1f1;display: none;}
.outtab_detail.detail_active {display: block;}
.outtab_login_left .outtab_detail:first-of-type {display: block;}
.outtab_login_detail {position: absolute; top: 5rem; left: 0rem; background: red; padding: 1rem; width: 100%; display: none;}
.outtab_login_detail.detail_active {display: block;}
.outtab_detail > div {background: #ffffff;text-align: center;padding: 1rem 2rem 2rem 2rem;}
.outtab_detail > div h3 {font-size: 2.3rem;color: #3260bc;}
.outtab_detail > div p {font-size: 1.4rem; padding: 1rem 0rem;}
.out_main_con_choice1_tab .inte_m_certified_anyid {display: flex;justify-content: center;gap:1rem;padding: 2rem 2rem;border-radius: 0.5rem;}
.out_main_con_choice1_tab .inte_m_certified_anyid div {width: 100%;max-width: 30rem;}
.out_main_con_choice1_tab .inte_m_certified_anyid div a {display: block; border:0.1rem solid #cecece; padding: 1.3rem 2rem 3rem 2rem; font-size: 1.5rem; font-weight: 500; border-radius: 0.5rem; background: #fff; text-align: center;}
.out_main_con_choice1_tab .inte_m_certified_anyid div a img {display: block; margin: 0 auto; margin-bottom: 2rem; width: 10rem;}
.out_main_con_choice1_tab .inte_m_certified_anyid div a:hover {border-color: #0067eb; color:#0067eb;}
.out_main_con_choice1_tab .inte_m_id_login_area {width: 100%; margin:0 auto;}
.out_main_con_choice1_tab .inte_util_area {width: 100%; max-width: 50rem; margin:0 auto;}
.out_main_con_choice1_tab .outtab_login_right .inte_m_id_login_area {width: 100%;max-width: 50rem;margin:0 auto;margin-top: 2rem;}
.out_main_con_choice1_tab .outtab_login_right .inte_id_save {text-align: left;}

/* ====== 20251208 인재활용시스템 추가 영역 start ====== */
.user_utilize {background:url("../images/layout/user_utilize.jpg"); background-size: cover;}
.user_utilize .out_main_header {padding: 0rem;margin-top: 1rem;}
.user_utilize footer {height: 14rem; position: relative;}
.user_utilize footer,
.user_utilize footer .footer,
.user_utilize .footer_area,
.user_utilize .new_out_main_wrap .out_main_logo_area {background: none !important;}
.user_utilize .out_main_area {width: 100%;max-width: 100rem;margin:10rem auto;background: #fff;border-radius: 1rem;padding: 5rem;}
.user_utilize .out_main_con_choice1_tab {background: none; height: auto; padding: 0rem;}
.user_utilize .outtab_detail {position: static; border:none; padding: 0rem;}
.user_utilize .out_main_tab_area {}
.user_utilize .outtab_login_left {width: 100%;}
.user_utilize .out_main_con_choice1_tab .inte_m_id_login_area {padding: 0rem;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid {position: relative;padding: 2rem 2rem;gap: 5rem;margin-top: 3rem;border: 0.1rem solid #dbdbdb;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid::before {content: "";position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 0.01rem;height: 80%;background: #ededed;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div {max-width: none;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a {border:none;width: 100%;box-sizing: border-box;padding: 2rem 3rem 5rem 2rem;text-align: left;border-radius: 0rem;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a span {font-size: 2rem;font-weight: 600;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a p {line-height: 2.2rem;color:#555555;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a b {background: #1e6dc6;color:#fff;padding: 1rem 1rem 1rem 2rem;border-radius: 100rem;text-align: left;margin-top: 1rem;display: flex;align-items: center;width: 100%;justify-content: space-between;max-width: 15rem;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a b::after {content: "\e93e"; font-family: "xeicon"; font-size: 1.5rem;}

.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div:nth-child(1) a {background: url("../images/phone_login.png") 95% 80% no-repeat;background-size: 8rem;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div:nth-child(2) a {background: url("../images/pin_login.png") 95% 80% no-repeat;background-size: 8rem;}
.user_utilize .out_main_header .out_main_title h2 {font-size: 4rem; padding-top: 1.5rem;}
.user_utilize .out_main_header .out_main_title strong {font-size: 1.8rem;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a:hover p {color:#0067eb;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a:hover b {background: #114279;}
.user_utilize_sub .out_evl_con_box {padding: 2rem 5rem;}
.ut_pr_st {position: relative; display: flex; overflow: hidden;}
.ut_pr_st > div {position: relative; width: 100%;}
.ut_pr_st > div::after {content: ""; position: absolute; background: #e9e9e9; width: 100%; height: 1rem; bottom: 0rem;}
.ut_pr_st > div::before {content: ""; position: absolute; width: 100%; height: 1rem; bottom: 0rem; z-index: 99; left: -80%;}
.ut_pr_st > div strong {padding:2rem 0rem 2rem 0rem; display: block; text-align: left;}
.ut_pr_st > div strong span {font-size: 1.7rem; font-weight: normal; color:#919191; display: flex;}
.ut_pr_st > div strong span::after {content: "\e92c"; font-family: "xeicon"; font-weight: normal; font-size: 1.9rem; margin-left: 0.3rem;}
.ut_pr_st > div:last-child strong span {justify-content: flex-end;}
.ut_pr_st > div:last-child strong span::after {display: none;}
.ut_pr_st > div:nth-child(2) strong span {transform: translateX(5%);}
.ut_pr_st > div:nth-child(3) strong span {transform: translateX(30%);}
.ut_pr_st > div:nth-child(2)::before {width: 135%; left: -95%;}
.ut_pr_st > div:nth-child(3)::before {width: 155%;}

.ut_pr_on strong span {color: #008750 !important;font-weight: 600 !important;}
.ut_pr_on strong span::after {font-weight: 600 !important;}
.ut_pr_on::before {background: #0ac77a !important; left: 0rem; position: absolute;}
.ut_pr_st div:first-child::before {border-radius: 10rem 10rem 10rem 10rem;}
.ut_pr_st div:last-child::before {border-radius: 0rem 10rem 10rem 0rem;}
.ut_pr_st div:last-child.ut_pr_on::after {background: #0ac77a !important;}
.ut_pr_on:not(:has(+ .ut_pr_on))::before {border-radius: 0rem 10rem 10rem 0rem;}
.utilize_tab {display: flex; margin-top: 4rem; gap:1.5%; padding-bottom: 3rem;} 
.utilize_tab a {position: relative; font-size: 1.6rem; font-weight: 600; color:#fff; background: #33467e; padding: 1.3rem; width: 100%; text-align: center; border-radius: 0.5rem;}
.utilize_tab a b {position: absolute; top:6rem; left:50%; transform: translate(-50%,-50%); color: #3f58d4; font-weight: 500; display: flex; align-items: center; width: 100%; justify-content: center; margin-top: 0.5rem; text-align: left;}
.utilize_tab a b::before {content: "\e9a7"; font-family: "xeicon"; font-weight: 600; font-size: 1.8rem; margin-right: 0.3rem;}
.utilize_tab a:hover {background: #091E8B;}
.utilize_tab .ut_tab_on {background: #3f58d4}
.utilize_tab .ut_tab_on span {display: flex; justify-content: center;}
.utilize_tab .ut_tab_on span::after {content: "\e92c"; font-family: "xeicon"; font-weight: normal; font-size: 1.9rem; margin-left: 0.3rem;}

.user_utilize_sub footer,
.user_utilize_sub footer .footer {background: none !important;}
.user_utilize_sub .evl_right_divide_all {border:1px solid red; padding: 0rem; background: none;}
.user_utilize_sub .out_evl_con_box .judeg_wrap {box-shadow: none; padding: 0rem;}
.user_utilize_sub .out_evl_con_box .judeg_wrap h2 {font-size: 2rem; padding: 1rem 0rem 2rem 0rem;}
.user_utilize_sub .user_utilize_help {margin-bottom: 2rem;}
.user_utilize_sub .user_utilize_help p {position: relative; background: #f9fafc; font-size: 1.6rem; padding:1rem 2rem;}
.user_utilize_sub .user_utilize_help p::before {content: ""; background: #47a5f3; width: 0.3rem; height: 100%; position: absolute; top: 0rem; left: 0rem;}
.user_utilize_sub .evl_right_divide {box-shadow: none;}
.user_utilize_sub .judge_security {border:0.1rem solid #e7eaea;}
.user_utilize_sub .judge_security h3 {font-size: 1.7rem; color:#1d3687; padding: 1rem; background: #edf2ff; border-bottom: 0.1rem solid #e7eaea;}
.user_utilize_sub .judge_security section {padding: 2rem;}
.user_utilize_sub .judge_security .measure_title_wrap {background: none; padding: 0rem;}
.user_utilize_sub .judge_security .measure_title_area h5 {background: none; font-size: 1.6rem;}
.user_utilize_sub .judge_security .measure_title_area h5::before {content: ""; display: flex; background: #34466c; align-items: center; width: 1rem; height: 1rem; border-radius: 100rem; margin-right: 0.5rem;}
.user_utilize_sub #uploaderContainer2 > div > div:last-child {background: #fff !important; border:1px solid #e9e9e9 !important; border-top:none !important;}
.user_utilize_sub #uploaderContainer2 > div > div:last-child span {color:#000 !important;}

/* ====== 20251208 인재활용시스템 추가 영역 end ====== */

@media (max-width: 850px) {
/* ====== 20251208 인재활용시스템 추가 영역 (모바일) start ====== */
.user_utilize .out_main_area {margin-top: 0rem; width: 95%;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid {flex-direction: column;}
.user_utilize .out_main_con_choice1_tab .inte_m_id_login_area {max-width: none;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid::before {width: 95%; height: 0.1rem;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a {padding: 2rem 3rem 3rem 2rem;}
.ut_pr_st > div strong {padding-top: 0rem;}
.ut_pr_st > div strong span {text-align: center; font-size: 1.4rem; justify-content: center;}
.user_utilize_sub .out_evl_con_box {padding: 2rem;}
/* ====== 20251208 인재활용시스템 추가 영역 (모바일) end ====== */
.out_main_con_right,
.out_main_con_left {width: 100%;}
.o_m_c_l_detail, .o_m_c_r_detail {width: 100%; display: block; height: 20rem;}
.out_main_con_choice1 {padding: 2rem;flex-direction: column;align-items: center;gap: 1rem;}
.out_main_header {padding: 1rem 0rem;}
.out_main_header .out_main_title strong {font-size: 1.5rem;}
.out_main_header .out_main_title h2 {font-size: 3.5rem; padding-top: 0.5rem;}
.out_main_header .out_main_title p {display: none;}
.card-face {align-items: flex-start;}
.o_m_c_l_d_box1 p, .o_m_c_r_d_box1 p {text-align: left;padding-right: 10rem;}
.o_m_c_l_d_box1 h3, .o_m_c_r_d_box1 h3 {padding: 1rem 0rem;background: none;}
.o_m_c_l_d_box1, .o_m_c_r_d_box1 {background: #fff url("../images/main/out_evl_main_arrow.png") 95% 50% no-repeat;} 
.card-face {padding: 1rem 2rem;}
.o_m_c_l_d_box2 h3, .o_m_c_r_d_box2 h3 {padding: 0.5rem 0rem 1.5rem 0rem; font-size: 1.8rem;}
.login_type_box {padding: 0rem;}
.inte_id_pas_area input {position: relative; padding:1rem 1rem; margin-bottom: 0.5rem; border:0.1rem solid #cecece; border-radius: 0.5rem; font-size: 1.6rem;}
.inte_id_pas_area input::placeholder {font-size: 1.4rem;}
.inte_login_button a {padding: 1rem 0rem; margin-top: 0rem; font-size: 1.6rem;}
.o_m_c_l_d_box2,
.o_m_c_r_d_box2 {align-items: center;}
.inte_m_id_login_area {width: 100%; max-width: 40rem;}
	
.out_main_con_choice2 {flex-direction: column-reverse;}
.out_main_con_right_number {min-height: 25rem; padding-top: 0rem !important;}
.out_right_box .inte_id_box {margin-top: 1rem;}
.out_left_box_con ul li {flex-direction: column; display: flex; gap:1rem; margin-bottom: 1rem;}
}

@media (max-width: 768px) {
/* 20251230 프로세스 바 추가 */
.ut_pr_st {flex-direction: column;padding: 1rem;background: #f9fffb;border-radius: 1rem;border: 0.1rem solid #bfe3e0;}	
.ut_pr_st > div strong {justify-content: flex-start;display: flex;padding: 0.7rem 0rem;border-bottom: 0.1rem solid #c4eddc;}
.ut_pr_st > div strong span {justify-content: space-between; display: flex; width: 100%;}
.ut_pr_st > div:nth-child(2) strong span {transform: translateX(0%);}
.ut_pr_st > div:nth-child(3) strong span {transform: translateX(0%);}
.ut_pr_st > div::before,
.ut_pr_st > div::after {display: none;}
.ut_pr_st > div:last-child strong span {justify-content: flex-start;}
}

@media (max-width: 500px) {
/* ====== 20251208 인재활용시스템 추가 영역 (모바일) start ====== */
.user_utilize .out_main_header .out_main_title strong {font-size: 1.4rem;}
.user_utilize .out_main_header .out_main_title h2 {font-size: 2.5rem;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a {flex-direction: column;align-items: flex-start;padding: 0rem;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a p {display: none;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div a span {padding-left: 0rem;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid {margin-top: 1rem;}
.user_utilize .out_main_area {padding: 2rem;}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div:nth-child(1) a {background-size: 7rem}
.user_utilize .out_main_con_choice1_tab .inte_m_certified_anyid div:nth-child(2) a {background-size: 7rem}
	
/* ====== 20251208 인재활용시스템 추가 영역 (모바일) end ====== */
.out_main_header .out_main_title h2 {font-size: 2.7rem;}
.o_m_c_l_d_box1 h3, .o_m_c_r_d_box1 h3 {font-size: 2rem;}
.o_m_c_l_d_box1 p, .o_m_c_r_d_box1 p {font-size: 1.4rem;line-height: 2rem;text-align: center;padding: 0rem 1rem;}
.card-face {align-items: center; padding: 1rem;}
.o_m_c_l_d_box1 h3 {font-size: 2rem; padding:8rem 0rem 1rem 0rem; background: url("../images/main/main_left_box_img.png") 50% 0% no-repeat;}
.o_m_c_r_d_box1 h3 {font-size: 2rem; padding:8rem 0rem 1rem 0rem; background: url("../images/main/main_right_box_img.png") 50% 0% no-repeat;}
.o_m_c_l_d_box1, .o_m_c_r_d_box1 {background-image: none;}
.login_type_box {gap:3%; padding-top: 1rem;}
.login_type_box div {background-size: 6rem !important;}
.login_type_box div a {display: block;padding: 7rem 1rem 1rem 1rem;font-size: 1.4rem;font-weight: bold;}
	
.out_main_con_choice2 {gap:1rem;}	
.out_left_box_title p {display: flex; flex-direction: column;}
.out_left_box_title p strong {width: 100%;border-radius: 0rem !important;text-align: center;}
.out_left_box_title p {background: #fff;}
.out_left_box_title p span {display: block;padding: 1rem 2rem;border:0.1rem solid #d3d3d3;margin-bottom: 1rem;text-align: center;}
.out_main_con_left {border: 0.1rem solid #eee;/* box-shadow: 2px 2px 8px rgba(0,0,0,0.1); *//* box-sizing: border-box; *//* border-radius: 0.8rem; *//* padding: 5rem 3rem 3rem 3rem; */background: #fff;}
.out_main_con_choice2 {border: 0.1rem solid #eee;box-shadow: 2px 2px 8px rgba(0,0,0,0.1);box-sizing: border-box;border-radius: 0.8rem;padding: 5rem 3rem 3rem 3rem; background: #fff;}
.out_left_box_con p {background: #f4f9ff;padding: 2rem;border: 0.1rem solid #dddddd;text-align: center;}
	
.out_main_con_choice1_tab .inte_m_certified_anyid {display: flex;flex-direction: column;padding: 1rem 0rem;}
.out_main_con_choice1_tab .inte_m_certified_anyid div a {display: flex;align-items: center;justify-content: center;padding: 1rem;}
.out_main_con_choice1_tab .inte_m_certified_anyid div a span {display: block;width: 100%;text-align: left;padding-left: 1.5rem;}
.out_main_con_choice1_tab .inte_m_certified_anyid div a img {width: 5rem; margin-bottom: 0rem;}
.out_main_con_choice1_tab .inte_m_certified_anyid div {max-width: none;}
.outtab_login_tab button {font-size: 1.4rem;}
.outtab_detail > div {padding: 1rem;}
.outtab_login_tab.login_active button::after {font-size: 1.8rem;}
.out_main_con_choice1_tab {padding: 1rem;}
.outtab_detail {top: 4.6rem;}
}