@charset "utf-8";
/* CSS Document */
.f_gary {color: #9f9f9f !important;}
.inte_sub_header h1 div span {display: inline-block !important;background: #3059c2;padding: 0.2rem 2rem !important;border-radius: 0.5rem;margin-bottom: 1rem;font-weight: bold !important;}
.inte_sub_header_util {position: absolute;top:50%;right: 4%;transform: translate(0%,-50%);width: 100%; padding: 3rem 1rem 3rem 19rem;background-size: 15rem;max-width: 52rem;}
.inte_sub_view {background: none !important; padding: 0rem !important;}

/* 통합로그인 메인 화면 */
.inte_m_certified_anyid {display: flex;justify-content: center;gap:1rem;background: #f5f7fa;padding: 2rem;align-items: center;border-radius: 0.5rem;min-height: 21.3rem;}
.inte_m_certified_anyid div {width: 100%;}
.inte_m_certified_anyid div a {display: block;border: 0.1rem solid #dfdfdf;padding: 1.3rem 2rem 3rem 2rem;font-size: 1.5rem;font-weight: 500;border-radius: 0.5rem;background: #fff;}
.inte_m_certified_anyid div a img {display: block;margin: 0 auto;margin-bottom: 2rem;width: 100%;max-width: 8rem;}
.inte_m_certified_anyid div a:hover {border-color: #0067eb; color:#0067eb;}

/* 초대 화면 */
.invi_main_bg {background: url("../images/sub/invi_main_bg.jpg") 50% 50%; background-size: cover;}
.invi_main_wrap {padding: 1rem;}
.invi_main_wrap .inte_header {display: flex; justify-content: center;}
.invi_main_wrap .logo {margin-left:auto;}
.invi_main_wrap .logo a p {color: #4c4c4d !important;}
.invi_detail_area {position: relative;}
.invi_detail_area {max-width: 75rem;margin: 3rem auto;background:#fff;box-shadow:3px 5px 9px 1px #cecece;border-radius: 0rem;/* overflow: hidden; */}
.invi_detail_box {}
.invi_d_title {position: relative;text-align: center;padding: 14rem 2rem 3rem 2rem;background: #f6f8fb;}
.invi_d_title:before {content: "";position: absolute;top: 29%;left: 50%;transform: translate(-50%,-50%);background: url("../images/sub/invitation_img.png") no-repeat;width: 115px;height: 112px;}
.invi_d_title h1 {position: relative;font-size: 2.5rem;color: #0c172d;padding: 0.5rem 0rem;word-break: keep-all;}
.invi_d_title h1 strong {color: #ffffff;margin-right: 1rem;}
.invi_d_title h2 {font-size: 1.7rem;color: #35397b;line-height: 2.5rem;padding: 0.5rem 0rem;word-break: keep-all;}
.invi_d_title p {font-size: 1.4rem;color: #121111;padding: 0.5rem 0rem;}
.invi_d_title strong {background: #2a58d9;font-size: 1.6rem;padding: 1rem 2rem;position: absolute;display: inline-block;color:#fff;margin-bottom: 0rem;border-radius: 0rem 2rem 0rem 0rem;top: -4rem;left: 0rem;}
.invi_d_text {padding: 1rem 3rem;}
.invi_d_text_box {position: relative;padding: 1.5rem 0rem;border-bottom: 0.1rem solid #ededed;}
.invi_d_text_box div ul {display: flex;}
.invi_d_text_box div ul li {font-size: 1.4rem; width: 100%; display: flex; align-items: center;}
.invi_d_text_box div ul li strong {margin-right: 0.5rem;max-width: 7rem;width: 100%;font-size: 1.6rem;color: #365ca9;}
.invi_d_text_box div ul li strong:after {content: ":";padding-left: 0.5rem;}
.invi_d_text_box div ul li p {line-height: 2rem;font-size: 1.5rem;}		 
.invi_d_btn {display: flex;justify-content: center;padding: 4rem 0rem;}
.invi_d_btn a {background: #2a58d9;text-align: center;padding: 1.3rem 2.3rem;font-size: 1.5rem;font-weight: bold;border-radius: 0.5rem;margin: 0rem 0.5rem;color:#fff; border:0.1rem solid #2a58d9;}
.invi_d_btn a:hover {background: #143593 !important; color:#fff !important; border-color:#143593 !important;}
.invi_d_btn_b {background: none !important; border:0.1rem solid #2a58d9; color: #2a58d9 !important;}

/* 서브 영역 */		
/* 서브 상단영역 */
.inte_header_box .logo {/* position: absolute; *//* padding-top: 0rem; */}
.inte_header_box .logo img {/* padding: 0.5rem 1rem; *//* width: 12rem; *//* background: #fff; *//* border-radius: 0.5rem; */}
.inte_sub_bg {background:url("../images/main/inte_main_wrap_bg.jpg") 0% 0% no-repeat; background-size: contain;}
.inte_header {position: relative;}
.inte_header_box {/* position: relative; */text-align: center;border-bottom: 0.1rem solid #e3e3e3;/* height: 7.4rem; */background: #fff;padding: 2rem;}
.inte_sub_header h1 {color: #292424;text-align: center;padding: 0rem 0rem 0rem 0rem;font-size: 3rem;background: none;display: inline-block;background-size: cover;}
.inte_sub_header {display: flex;justify-content: center;align-items: center;padding: 2rem 0rem;width: 85%;position: relative;margin: 0 auto;}
.inte_sub_content {background:none;min-height: 58rem;padding-top: 0rem;}

/* 서브 콘텐츠 영역 */
.signup_page_area {width: 85%;margin:0 auto;background: #fff;/* box-shadow: 0px 10px 20px 6px rgba(0,0,0,0.07); */margin-bottom: 5rem;}
.signup_page_box {border: 0.1rem solid #e5e5e5;}

/* 서브 위치정보 */		
.inte_process {width: 100%; max-width: 90rem; margin: 0rem auto; margin-top: 4rem;}
.inte_process ul {display: flex;text-align: center;}
.inte_process ul li {position: relative;width: 100%;display: block;margin: 1rem 0rem;font-size: 1.6rem;}
.inte_process ul li:after {content: "";position: absolute;top: -30%;right: -50%;transform: translate(0%,-50%);width: 100%;height: 0.2rem;background: #c5c5c5;}
.inte_process ul li:last-child:after {display: none;}
.inte_process ul li span {position: relative; display: flex; z-index: 99; padding: 1.5rem 0rem; justify-content: center; color:#b7b7b7;}
.inte_process ul li span:before {content: "\e928"; display:block; background: #c5c5c5;  font-family: "xeicon"; font-size: 2rem; z-index: 99; border-radius: 10rem; padding: 0.5rem; font-weight: bold; color:#dddddd; width: 2rem; top:-3rem;; left:50%; transform: translate(-50%,0%); position: absolute;}
/*.inte_process ul li.on:after {background: #2d5aff;}*/
.inte_process ul li.on span {font-weight: bold; color:#2d5aff;}
.inte_process ul li.on span:before {content: "\e9c4"; background: #2d5aff; color:#fff;}
.inte_process ul li.on span:after {content: "\e940"; display:block; background: #fff;  font-family: "xeicon"; font-size: 2rem; z-index: 1; border-radius: 10rem; padding: 1rem; font-weight: bold; color:#cecece; width: 2rem; top:-3.7rem; transform: translate(-60%,0%); position: absolute; border:0.2rem dotted #2d5aff;}
.inte_process ul li.com:after {background: #2d5aff;}
.inte_process ul li.com span {font-weight: bold; color:#2d5aff;}
.inte_process ul li.com span:before {content: "\e928"; background: #2d5aff; color:#fff;}
.on span:after { animation-name : lotate;  animation-duration : 3s; animation-iteration-count : infinite;}
.inte_pr_writing {padding: 2rem;/* border: 0.1rem solid #e3e3e3; */}
.inte_pr_writing label {font-size: 1.5rem;cursor: pointer;margin-left: 0.5rem;}
.inte_pr_all {font-size: 1.6rem;padding: 1rem 0rem;}
@keyframes lotate {
0% {transform : rotate(0deg)}
50% {transform : rotate(180deg)}
100% {transform : rotate(360deg)}
}


/* 서브 약관동의 */	
.inte_pr_all {text-align: center;border: 0.1rem solid #dce9f3;background: #f2f9ff;margin-top: 2rem;padding: 2rem 2rem 0rem 2rem;}
.inte_pr_all img {margin-bottom: 2rem;}
.inte_pr_all p {font-size: 1.5rem; padding: 0.3rem 0rem;}
.inte_pr_all div {width: 100%;text-align: left;padding: 1rem;/* background-color: #f2f9ff !important; */}
.inte_pr_all > div:first-child {width: 70%;  background: url("../images/sub/inte_pr_all_bg.png") 4rem 50% no-repeat; padding-left:17rem; background-size: 9rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.inte_pr_all > div:last-child {}
.inte_pr_all div input[type="checkbox"] {width: 100%; width: 2rem !important; height: 2rem !important;}
.inte_pr_all div input[type="checkbox"]:checked + label {color:#2d5aff;}
.inte_pr_all div label {border-radius: 0.5rem; font-weight: bold;}
.inte_pr_all div .form-check {max-width: 24rem;margin:0 auto;border: 0.1rem solid #cedae5;padding: 1rem;border-radius: 0.5rem;justify-content: center;background-color: #fff !important;display: flex; align-items: center;}
.inte_rule_choice .chk-area {display: flex;justify-content: flex-end;gap: 1rem;align-items: center;}
.inte_rule_choice .form-check {display: flex; align-items: center;}
.inte_rule_choice .chk-area strong {font-size: 1.4rem; color: #7463ff; color:#fff; background: #503fdd; padding: 0.5rem 2rem; border-radius: 100rem;}
.inte_rule_choice .chk-area .chk_cho {background: #787597;}
.form-check input[type="radio"] {height: 1.7rem !important; width: 1.7rem !important;}		
.form-check input[type="radio"]:checked + label {color: #2d5aff;font-weight: 500;}
.btn_move_area {/* border-top:0.1rem solid #eeeeee; */margin: 2rem 0rem;}
.btn_move_area a:only-child {max-width: 30rem; margin:0 auto;}
.btn_move_box {margin-top: 1rem;}
.inte_pr_writing .sub_title {/* border-bottom: 0.1rem solid #ebebeb; */padding: 0rem 0rem 0rem 0rem;}
.inte_pr_writing .sub_title strong {color:#503fdd; margin-left:0.5rem;}
.inte_pr_writing .rule-wrap {overflow-y: scroll;overflow-x: hidden;height: 20rem;font-size: 1.3rem;line-height: 2.5rem;padding: 1rem 1rem;width: 100%;border: 0.1rem solid #ebebeb;margin-top: 2rem;}
.inte_rule_choice {display: flex;align-items: center;padding: 0.5rem 1rem;background: #f7f7f7;border: 0.1rem solid #ebebeb;border-top: none;}
.inte_rule_choice > div {width: 100%;padding: 0.5rem 1rem;}
.inte_rule_choice > div p {font-size: 1.4rem;display: flex;align-items: center;padding: 1rem 0rem;}
.inte_rule_choice > div p:before {content: "";width: 0.6rem;height: 0.6rem;background: #70737d;border-radius: 10rem;margin-right: 0.7rem;}
.inte_age_choice {display: flex;justify-content: center;margin: 0rem 2rem;gap: 1rem;}
.inte_age_choice div {width: 100%;max-width: 50rem;border-radius: 0.5rem;text-align: center;border: 0.1rem solid #ebebeb;}
.inte_age_choice div a {position: relative;display: block;padding: 2rem;}
.inte_age_choice div a h4 {font-size: 1.8rem;padding: 0.7rem 0rem;color: #222222;}
.inte_age_choice div a span {font-size: 1.4rem;padding: 0.5rem 0rem;color: #959292;}
.inte_age_choice div a img {display: block;margin:0 auto;padding: 1rem 0rem;width: 10rem;}
.inte_age_choice div a p {font-size: 1.4rem;background: #f5f5f5;padding: 1rem;border-radius: 0.5rem;width: 70%;margin:0 auto;line-height: 2rem;margin-top: 1.5rem;}
.inte_age_choice div a p b {color: #0029ff;}
.inte_age_choice div a strong {position: relative;display: block;margin-top: 1rem;background:#3864f2;font-size: 1.5rem;color: #fff;padding: 1rem;border-radius: 0.5rem;}
.inte_age_choice div a:hover {border-color:#3864f2;}
.inte_age_choice div a:hover img {animation:FlipLeftRight 0.5s ease 1 normal both;}


.inte_age_choice div a:hover strong {background: #0c2c93;}
.inte_age_choice div a:hover h4,
.inte_age_choice div a:hover span {color: #3864f2;}
.inte_age_choice div:hover {border-color: #2d5aff;}
@keyframes FlipLeftRight {
100% {transform:rotateY(360deg);}
}

.age_certified {display: flex;justify-content: center;margin: 3rem 0rem;gap: 1rem;}
.age_certified div {border:0.1rem solid #2d5aff;width: 100%;max-width: 50rem;border-radius: 0.5rem;background: none;text-align: center;overflow: hidden;}
.age_certified div a {position: relative; display: block; padding: 2rem;}
.age_certified div a h4 {font-size: 1.8rem;padding: 0.7rem 0rem;color: #2d5aff;}
.age_certified div a span {font-size: 1.4rem;padding: 0.5rem 0rem;color: #959292;}
.age_certified div a img {display: block;margin:0 auto;padding: 1rem 0rem;}
.age_certified div a strong {position: relative;display: block;margin-top: 1rem;background: #3864f2;font-size: 1.5rem;color: #fff;padding: 1rem;border-radius: 0.5rem;}
.age_certified div a:hover img {animation:FlipLeftRight 0.5s ease 1 normal both;}
.age_certified div .age_active {background: #f2f8ff;cursor: default;}
.age_certified div .age_active:after {content: "";position: absolute;top:0%;left: 0%;background: #07102dde;width: 100%;height: 100%;}
.age_certified div .age_active:hover img {animation: none;}
.age_certified div .age_active:hover h4 {color: #000000;}
.age_certified div .age_active:hover strong {background: #30333f;}
.age_certified div .age_active:before {content: "인증완료";font-family: "xeicon";position: absolute;top: 41%;left: 50%;transform: translate(-50%,-50%);padding-top: 42rem;z-index: 99;background: url("../images/sub/protection_img.png") 50% 50% no-repeat;height: 100%;width: 100%;color: #fff900;font-size: 2.5rem;font-weight: bold;}




.age_certified div a:hover strong {background: #2d5aff;}
.age_certified div a:hover h4 {color: #072079;}
.age_certified div:hover {border-color: #2d5aff;}
.age_certified .inte_rule_choice {flex-direction: column; padding: 0rem;}
.age_certified .inte_rule_choice > div {text-align: left; border:none;}
.age_certified .inte_rule_choice > div div {border: none;justify-content: flex-end;width: 100%;max-width: fit-content;}
.age_certified .inte_rule_choice .chk-area {display: flex;gap: 1rem;justify-content: center;background: #f7f7f7;border: 0.1rem solid #ebebeb;width: 93%;}
.age_certified .inte_rule_choice .chk-area strong {width: 100%; max-width: 5rem; text-align: center;}
.age_certified .inte_rule_choice > div p {padding: 2rem 1rem;}
.age_certified .inte_rule_choice > div p:before {content: "";width: 0.8rem;height: 0.6rem;background: #70737d;border-radius: 10rem;margin-right: 0.7rem;}
.inte_kid_area  {border-top:0.1rem solid #ebebeb;}
.inte_kid_area p {padding: 0.5rem !important;}
.inte_kid_help_text {padding: 1rem;text-align: center;border-bottom: 0.1rem solid #eaebeb;background: #f2f8ff;}
.inte_kid_help_text p {font-size: 1.4rem;padding: 0.2rem 0rem;line-height: 2.3rem;}
.inte_kid_help_text p strong {color: #112c8f;background: #cce3ff url(../images/help_wrap_title_bg.png) 1rem 50% no-repeat;margin-right: 1rem;padding: 0.5rem 1rem 0.5rem 3.5rem;border-radius: 0.5rem;background-size: 2.5rem;}
/* 서브 본인인증 */

.inte_certify_area {text-align: center; padding: 3rem;}
.inte_certify_area p {font-size: 1.5rem; line-height: 2.3rem; font-weight: 500; padding: 1rem;}
.inte_certify_area img {padding: 1rem;}
.inte_certify_area p span {color:#3d5ee6;}
.inte_certify_area a {display: inline-block; background:linear-gradient(90deg, rgba(56,100,242,1) 0%, rgba(24,149,180,1) 100%); border-radius: 0.5rem; padding: 1.5rem 5rem 1.5rem 7rem; font-size: 1.8rem; font-weight: bold; margin:1rem 0rem; color:#fff; width: 100%; box-sizing: border-box; max-width: 50rem;}
.inte_certify_area a i {margin-left:1rem; font-weight: bold;}
.inte_certify_area a:hover {background: linear-gradient(90deg, rgba(91,68,215,1) 0%, rgba(61,115,226,1) 100%); animation:iconbtn 1s ease;}

/* 서브 회원유형 */
.inte_usertype_area {}
.inte_utype_title {text-align: center;background: #f2f9ff;margin-bottom: 0rem;padding: 1rem;border-bottom: 0.1rem solid #dce9f3;}
.inte_utype_title h2 {font-size: 1.8rem;}




.inte_utype_title span {color: #3d5ee6;}
.inte_utype_con {
margin-top: 2rem;
}
.inte_utype_box {display: flex;gap: 0.5%;justify-content: center;margin-top: 0rem;margin-bottom: 0.5%;}
.inte_utype_box button {position: relative;width: 100%;max-width: 41rem;font-size: 1.5rem;font-weight: 600;color: #222222;border-radius: 0.5rem;text-align: left;border:0.1rem solid #eaeaea;background: #fff;padding: 1.7rem 1rem 1.7rem 6.5rem;}
.inte_utype_box button:hover {border:0.1rem solid #2d5aff; color: #2d5aff; animation:Nod 0.5s ease 1 normal both;}
.inte_utype_box button:before {content: "";position: absolute;top:50%;left: 1.5rem;width: 4rem;height: 4rem;border-radius: 10rem;background: #f9f9f9;transform: translate(0%,-50%);}
.inte_utype_box button.ut_box_img1:after {content: "";position: absolute;top:50%;left:1rem;background: url("../images/sub/inte_utype_img1.png") 50% 50% no-repeat;width: 5rem;height: 5rem;display: block;filter: grayscale(100%);background-size: 3rem; transform: translate(0%,-50%);}
.inte_utype_box button.ut_box_img2:after {content: "";position: absolute;top:50%;left:1rem;background: url("../images/sub/inte_utype_img2.png") 50% 50% no-repeat;width: 5rem;height: 5rem;display: block;filter: grayscale(100%);background-size: 3rem; transform: translate(0%,-50%);}
.inte_utype_box button.ut_box_img3:after {content: "";position: absolute;top:50%;left:1rem;background: url("../images/sub/inte_utype_img3.png") 50% 50% no-repeat;width: 5rem;height: 5rem;display: block;filter: grayscale(100%);background-size: 3rem; transform: translate(0%,-50%);}
.inte_utype_box button.ut_box_img4:after {content: "";position: absolute;top:50%;left:1rem;background: url("../images/sub/inte_utype_img4.png") 50% 50% no-repeat;width: 5rem;height: 5rem;display: block;filter: grayscale(100%);background-size: 3rem; transform: translate(0%,-50%);}
.inte_utype_box button.ut_box_img5:after {content: "";position: absolute;top:50%;left:1rem;background: url("../images/sub/inte_utype_img5.png") 50% 50% no-repeat;width: 5rem;height: 5rem;display: block;filter: grayscale(100%);background-size: 3rem; transform: translate(0%,-50%);}
.inte_utype_box button.ut_box_img6:after {content: "";position: absolute;top:50%;left:1rem;background: url("../images/sub/inte_utype_img6.png") 50% 50% no-repeat;width: 5rem;height: 5rem;display: block;filter: grayscale(100%);background-size: 3rem; transform: translate(0%,-50%);}
.inte_utype_box button.ut_box_img7:after {content: "";position: absolute;top:50%;left:1rem;background: url("../images/sub/inte_utype_img7.png") 50% 50% no-repeat;width: 5rem;height: 5rem;display: block;filter: grayscale(100%);background-size: 3rem; transform: translate(0%,-50%);}
.inte_utype_box button.ut_box_img8:after {content: "";position: absolute;top:50%;left:1rem;background: url("../images/sub/inte_utype_img8.png") 50% 50% no-repeat;width: 5rem;height: 5rem;display: block;filter: grayscale(100%);background-size: 3rem; transform: translate(0%,-50%);}
.inte_utype_box button.active {background: #2d5aff; color:#fff;}
.inte_utype_box button.active:before {background: #fff;}
.inte_utype_box button.active:after {filter: grayscale(0%);}
@keyframes Nod {
0% {transform:translateY(0);}
100% {transform:translateY(-15px);}
}

/* 서브 기본정보 입력 */
.input_divide {display: flex; gap:1.5%; align-items: center; width: 100%;}
.list_information_writing .input button {width: 50%;height: 100%;padding: 0.95rem 0rem;font-size: 1.4rem;border:0.1rem solid #e5e5e5;display: flex;align-items: center;justify-content: center;}
.list_information_writing .input button i {font-size: 2rem; margin-right: 0.5rem;}
.list_information_writing .input button:hover {background: #4067e4; color:#fff;}
.list_information_writing .input {margin-bottom: 0.5rem;}
.list_information_writing h3 {font-size: 1.4rem; font-weight: 600;min-width: 16rem; display: flex; align-items: center;}
.list_information_writing h3 strong {margin: 0rem 0.2rem;color: #4067e4;font-weight: 600;font-size: 1.4rem;}
.list_information_writing .input input {font-size: 1.6rem;padding: 0.8rem 1rem !important;background: #fbfbfb;height: 35px;}
.list_information_writing .select {width: 100%;}

.list_information_writing .input select {font-size: 1.4rem; padding: 0.95rem 1rem !important;background: #fbfbfb;}

.input_address {width: 100%;margin-bottom: 0.4rem;}
.input_address div {display: flex;gap:1rem;margin: 0.5rem 0rem;}
.input_address div input {/* margin: 0.5rem 0rem; */}
.list_information_writing .utill_text {font-size: 1.4rem;padding-bottom: 0rem;color: red;padding-top: 1rem;}
.list_information_writing .btn_choice {display: flex;gap:1.5%;width: 100%;}
.list_information_writing .btn_choice button {width: 100%;}
.list_information_writing .btn_choice button.active {background: #313d65; color:#fff;}
.list_information_writing .input {position: relative;display: flex; align-items: center; font-size: 1.4rem;}
.sing_list_btn {position: absolute;top:50% !important;right: 0rem !important;transform: translate(0%,-50%);width: 10rem !important;font-size: 1.4rem !important;color: #fff;background: #313d65 !important;border-color:#eeeeee;border: none !important;}
.sing_list_btn:hover {background: #2C2D42 !important;}
.input_box {position: relative;margin: 0.5rem 0rem;width: 100%;display: flex;align-items: center;}
.input_box .form-check {display: flex; align-items: center; gap:1rem;}
.list_info_title {display: flex;justify-content:space-between;padding: 1rem 0rem;align-items: center;}
.input_table {margin-bottom: 2rem;}

.list_info_cho {background: #fbfbfb url("../images/sub/list_info_cho.png") 95% 50% no-repeat; border:0.1rem solid #ececec; padding: 3rem;}
.list_info_cho h4 {font-weight: normal; font-size: 1.4rem; color:#636363; line-height: 2.3rem;}
.list_info_cho div {display: flex; align-items: center; gap:1rem; padding: 1rem 0rem; flex-wrap: wrap; max-width: 70rem}
.list_info_cho p {display: flex; align-items: center;}

.inte_ad_de_title {display: flex;justify-content: space-between;padding: 1.5rem 0rem;}
.inte_ad_de_title h3 {font-size: 1.8rem;display: flex;align-items: center;color:#001b43;}
.inte_ad_de_title h3:before {content: "\ea0b";font-family: "xeicon";margin-right: 0.5rem;background: #3864f2;color: transparent;-webkit-background-clip: text;}
.inte_addit_box {display: flex;justify-content: center;gap: 0.3%;margin-bottom: 1rem;margin-top: 0rem; padding: 2rem;background:#e2e5ef url("../images/sub/sub_visual.jpg") no-repeat; background-size:cover;}
.inte_addit_box button {width: 100%;max-width: 25rem;border:0.1rem solid #e5e5e5;padding: 5rem 0.5rem 1rem 0.5rem;background-color: #ffffff;border-radius: 0.5rem;background-position: 50% 20% !important;}
.inte_addit_box button:hover {border:0.1rem solid #2d5aff; color: #2d5aff; animation:Nod 0.5s ease 1 normal both;}




.inte_addit_box button.active {background-color: #3864f2; color:#fff; font-weight: 500;}


.inte_addit_img1 {position: relative;background: url("../images/sub/inte_addit_img1.png") 50% 15% no-repeat;background-size: 3rem !important;}
.inte_addit_img2 {position: relative; background: url("../images/sub/inte_addit_img2.png") 50% 10% no-repeat; background-size: 3rem !important;}
.inte_addit_img3 {position: relative; background: url("../images/sub/inte_addit_img3.png") 50% 10% no-repeat; background-size: 3rem !important;}
.inte_addit_img4 {position: relative; background: url("../images/sub/inte_addit_img4.png") 50% 10% no-repeat; background-size: 3.5rem !important;}
.inte_addit_img5 {position: relative; background: url("../images/sub/inte_addit_img5.png") 50% 10% no-repeat; background-size: 3.5rem !important;}
.inte_addit_img6 {position: relative; background: url("../images/sub/inte_addit_img6.png") 50% 10% no-repeat; background-size: 3rem !important;}
.inte_addit_img7 {position: relative; background: url("../images/sub/inte_addit_img7.png") 50% 10% no-repeat; background-size: 3rem !important;}
.inte_addit_img8 {position: relative; background: url("../images/sub/inte_addit_img8.png") 50% 10% no-repeat; background-size: 3.5rem !important;}
.inte_addit_img9 {position: relative; background: url("../images/sub/inte_addit_img9.png") 50% 10% no-repeat; background-size: 3rem !important;}
.inte_addit_img10 {position: relative; background: url("../images/sub/inte_addit_img10.png") 50% 10% no-repeat; background-size: 3rem !important;}
.inte_addit_img11 {position: relative; background: url("../images/sub/inte_addit_img11.png") 50% 10% no-repeat; background-size: 3rem !important;}
.inte_addit_img12 {position: relative; background: url("../images/sub/inte_addit_img12.png") 50% 10% no-repeat; background-size: 3.5rem !important;}
.inte_addit_img13 {position: relative; background: url("../images/sub/inte_addit_img13.png") 50% 10% no-repeat; background-size: 3rem !important;}

.inte_addit_img1.active {position: relative; background: url("../images/sub/inte_addit_img1_on.png") 50% 15% no-repeat;}
.inte_addit_img2.active {position: relative; background: url("../images/sub/inte_addit_img2_on.png") 50% 10% no-repeat;}
.inte_addit_img3.active {position: relative; background: url("../images/sub/inte_addit_img3_on.png") 50% 10% no-repeat;}
.inte_addit_img4.active {position: relative; background: url("../images/sub/inte_addit_img4_on.png") 50% 10% no-repeat;}
.inte_addit_img5.active {position: relative; background: url("../images/sub/inte_addit_img5_on.png") 50% 10% no-repeat;}
.inte_addit_img6.active {position: relative; background: url("../images/sub/inte_addit_img6_on.png") 50% 10% no-repeat;}
.inte_addit_img7.active {position: relative; background: url("../images/sub/inte_addit_img7_on.png") 50% 10% no-repeat;}
.inte_addit_img8.active {position: relative; background: url("../images/sub/inte_addit_img8_on.png") 50% 10% no-repeat;}





.inte_addit_img9.active {position: relative; background: url("../images/sub/inte_addit_img9_on.png") 50% 10% no-repeat;}
.inte_addit_img10.active {position: relative; background: url("../images/sub/inte_addit_img10_on.png") 50% 10% no-repeat;}
.inte_addit_img11.active {position: relative; background: url("../images/sub/inte_addit_img11_on.png") 50% 10% no-repeat;}
.inte_addit_img12.active {position: relative; background: url("../images/sub/inte_addit_img12_on.png") 50% 10% no-repeat;}
.inte_addit_img13.active {position: relative; background: url("../images/sub/inte_addit_img13_on.png") 50% 10% no-repeat;}

.info_photo_area {display: flex; align-items: center; padding: 3rem 0rem;}
.info_photo {border-radius: 10rem; width: 10rem; overflow: hidden; height: 10rem;}
.info_photo img {width: 10rem;}
.info_photo_box {position: relative;}
.info_photo_box a {background: #ecf0f7; width: 3rem; height: 3rem; position: absolute; top:0rem; right:0rem; border-radius: 10rem; display: flex; align-items: center; justify-content: center; font-size: 2rem; border:0.1rem solid #cdd7e9;}
.info_photo_box a i {color:#8b8499;}
.info_photo_box a:hover i {color:#3864f2;}
.info_photo_text {padding-left:2rem;}
.table_nodata {padding: 5rem 0rem;width: 100%;}
.inte_ad_de_tab {margin-bottom: 1rem;}
.inte_ad_de_tab ul {display: flex; border-bottom: 0.1rem solid #cecece;}
.inte_ad_de_tab ul li {width: 100%; max-width: 15rem; text-align: center; border:0.1rem solid #cecece; margin-left:-1px; border-bottom: none;}
.inte_ad_de_tab ul li button {background: #edeef0; display: block; width: 100%; padding: 1rem; font-size: 1.4rem;}
.inte_ad_de_tab ul li button:hover {background: #f0f3ff;}
.inte_ad_de_tab ul li.active button {background: #35426b; color:#fff; font-weight: 600;}
.inte_ad_de_tab ul li.active {border-color: #35426b;}
.inte_ad_de_bar {display: flex;justify-content: space-between;padding: 0.5rem 0rem 0.5rem 0rem;font-size: 1.4rem;}
.inte_ad_de_bar .inte_total p span {color: #000000; font-weight: bold; padding: 0rem 0.3rem;}
.inte_ad_de_bar .inte_total p strong {color: #3864f2; padding: 0rem 0.3rem;}
.inte_total {display: flex;}
.bot_btn_box {display: flex; padding: 1rem 0rem 0rem 0rem; justify-content: flex-end; text-align: center; gap: 1rem; align-items: center;}
.j_right {justify-content: flex-end;}
.base_addit {position: relative; border:2px solid #d33200 !important;}
.base_addit:before {content: "필수"; position: absolute; top: 0.3rem; right: 0.3rem; color: #ffffff; background: #d33200; border-radius: 10rem; font-size: 1.3rem; padding: 0rem 0.5rem;}
.list_info_cho {background: #fbfbfb url("../images/sub/list_info_cho.png") 95% 50% no-repeat; border:0.1rem solid #ececec; padding: 3rem;}
.list_info_cho h4 {font-weight: normal; font-size: 1.4rem; color:#636363; line-height: 2.3rem;}
.list_info_cho div {display: flex; align-items: center; gap:1rem; padding: 1rem 0rem; flex-wrap: wrap; max-width: 70rem}
.list_info_cho p {display: flex; align-items: center;}
.ut_tx_basic {width: 60%;margin-left:1rem;display: flex;align-items: center;background: #f0f6ff;justify-content: flex-start;border-radius: 0.5rem;min-height: 35px;padding: 0rem 1rem;border:0.1rem solid #f0f6ff;}
.ut_tx_basic p {font-size: 1.3rem !important;color: #000000 !important;background: url("../images/help_wrap_title_bg.png") 0rem 50% no-repeat !important;background-size: 2rem !important;padding: 1rem 1rem 1rem 2.3rem !important;}
.ut_tx_red {width: 60%;margin-left:1rem;display: flex;align-items: center;background: #fdd;justify-content: flex-start;border-radius: 0.5rem;min-height: 35px;padding: 0rem 1rem;border:0.1rem solid #FF0004;}
.ut_tx_red p {font-size: 1.3rem !important;color: #FF0004 !important;background: url("../images/sub/sign_x_img.png") 0rem 50% no-repeat;background-size: 2rem;padding: 1rem 1rem 1rem 2.3rem !important;}
.ut_tx_blue{width: 60%;margin-left:1rem;display: flex;align-items: center;background: #f0f6ff;justify-content: flex-start;border-radius: 0.5rem;min-height: 35px;padding: 0rem 1rem;border: 0.1rem solid #2d5aff;}
.ut_tx_blue p {font-size: 1.3rem !important;color: #0628a1 !important;background: url("../images/sub/sign_completed_img.png") 0rem 50% no-repeat;background-size: 2rem;padding: 1rem 1rem 1rem 2.3rem !important;}

/* 홈화면 */
.inte_home_wrap .inte_sub_header {background: url("../images/main/visual_bg.png") 100% 28% no-repeat;background-size: cover !important;padding: 2.5rem 0rem;border-bottom: 0.1rem solid #e3e3e3;}
.inte_home_wrap .inte_sub_header h1 {position:relative;font-size: 4rem;width: 85%;margin: 0 auto;padding: 2rem 0rem 1rem 0rem;text-align: left;color: #142562;}
.inte_home_wrap .inte_sub_header h1 div {color: #ffffff;font-size: 1.6rem;}
.inte_home_wrap .inte_sub_header h1 strong {position: relative;z-index: 60;}
.inte_home_wrap .inte_sub_header h1 span {display: block;font-size: 1.7rem;padding: 1rem 0rem;font-weight: normal;margin-top: 0.5rem;}
.inte_home_wrap .inte_sub_header h1 span b {color: #ff1818;}
.inte_home_wrap .inte_sub_header {position: relative;width: 100%;}
.inte_home_wrap .inte_sub_content {padding-top: 0rem;background: #ffffff;min-height: 48rem;}
.inte_home_wrap .footerarea,
.inte_home_wrap .footersubmenu {max-width: 166rem;}

.inte_util {position: absolute;top: 2.2rem;right: 2rem;gap: 0.5rem;display: flex;align-items: center;}
.inte_util div {display: flex;align-items: center;background: #d8e0f3 url("../images/sub/resume_quick1.png") 0.5rem 50% no-repeat;padding: 1rem 1rem 1rem 3rem;border-radius: 0.5rem;}
.inte_util div p {font-size: 1.6rem; padding: 0rem 0.5rem;}
.inte_util div p:first-child {font-weight: bold; color: #004ba9;}
.inte_util div p:last-child {font-weight: bold;color: #000000;}
.inte_util a {padding: 0.5rem;font-size: 1.4rem;/* font-weight: bold; *//* background: #373030; *//* color: #fff; *//* height: 100%; *//* border-radius: 0.5rem; */}
.inte_util a:hover {/* background: #f7f7f7; */color: #1f6beb;}

.inte_home_title {position: relative;text-align: left;padding: 2.5rem 1rem 2.5rem 0rem;display: flex;justify-content: space-between;/* background: #f4f8ff; */border-radius: 1rem;align-items: center;}
.inte_home_title h2 {font-size: 2rem;font-weight: bold;line-height: 3.5rem;color:#36424F;}
.inte_home_title h2 strong {color: #0c224c;font-size: 2.2rem;font-weight: bold;}
.inte_home_title p {font-size: 1.5rem;display: inline-block;background: #f4f8ff;padding: 0.5rem;}
.inte_home_title strong {color: #3059c2;/* font-size: 1.6rem; *//* padding: 0rem 0.2rem; */font-weight: 500;}
.badge_ing::before {content: "평가위원\A활동중";position: absolute;top: -6.9rem;right: 11rem;background: url("../images/sub/badge_ing.png") 0% 0% no-repeat;width: 10.9rem;height: 11.5rem;display: flex;align-items: center;justify-content: center;color: #f9ff00;white-space: pre;text-align: center;font-size: 1.6rem;font-weight: bold;line-height: 1.9rem;}
.inte_home_title > div h2 {position: relative;padding: 0rem 0rem 0.5rem 0rem;}
.inte_home_title > div h2 a {position: absolute; top:50%; right: -5rem;  margin-left:3rem; padding: 1rem 2.5rem 1rem 2rem; transform: translate(0%,-50%); background: #2a58d9; border-radius: 0.5rem; color:#fff; font-size: 1.8rem; display: flex; align-items: center;}
.inte_home_title > div h2 a:before {content: ""; background: url("../images/sub/last_info_area_img3.png") 0% 0% no-repeat; width: 3.5rem; height: 3.5rem; display: inline-flex; align-items: center; background-size: 3.5rem; margin-right: 0.5rem;}
.inte_home_title > div h2 a:hover {background: #162d6f;}
.inte_home_title > div h2 span {position: absolute; top:50%; right: -8rem;  margin-left:3rem; padding: 1rem 2.5rem 1rem 2rem; transform: translate(0%,-50%); background: #2a58d9; border-radius: 100rem; color:#fff; font-size: 1.8rem; display: flex; align-items: center;}
.inte_home_title > div h2 span:before {content: ""; background: url("../images/sub/sign_completed_img.png") 0% 0% no-repeat; width: 3.5rem; height: 3.5rem; display: inline-flex; align-items: center; background-size: 3.5rem; margin-right: 0.5rem;}


.inte_home_wrap .signup_page_area {background: none; box-shadow: none;}
.inte_home_wrap .inte_addit_con {}

.inte_home_wrap .inte_addit_box {position: relative;flex-wrap: wrap;justify-content: flex-start;gap: 1%;background: none;padding: 0rem;}
.inte_home_wrap .inte_addit_box button {max-width: 13.4%;text-align: left;background-position: 5% 50%; padding: 7rem 2rem 2rem 2rem;margin-bottom: 1%;}
.inte_home_wrap .inte_addit_box button:hover {font-weight: bold;background-color: #F7F9FF; border-color: #5191f7;}
.inte_home_wrap .inte_addit_box button:hover strong {background: #142562;}

.inte_home_wrap .inte_addit_box span {font-size: 1.6rem; position: relative; font-weight: 500; color: #0c224c;}
.inte_home_wrap .inte_addit_box strong {color: #ffffff;display: block;background: #5191f7;font-size: 1.7rem;border-radius: 0.3rem;padding: 0.7rem 0rem;margin-top: 1rem;}
.inte_home_wrap .no_entered {border-color: #f2598f !important;}
.inte_home_wrap .no_entered:hover {background-color: #fff5f9 !important;}
.inte_home_wrap .no_entered span {color:#ff0e63;}
.inte_home_wrap .no_entered strong {color: #fff;padding-left: 0.5rem; background: #f2598f !important; font-size: 1.6rem !important;}

.inte_home_wrap .inte_addit_img1.no_entered {background: url("../images/sub/inte_addit_img1_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img2.no_entered {background: url("../images/sub/inte_addit_img2_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img3.no_entered {background: url("../images/sub/inte_addit_img3_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img4.no_entered {background: url("../images/sub/inte_addit_img4_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img5.no_entered {background: url("../images/sub/inte_addit_img5_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img6.no_entered {background: url("../images/sub/inte_addit_img6_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img7.no_entered {background: url("../images/sub/inte_addit_img7_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img8.no_entered {background: url("../images/sub/inte_addit_img8_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img9.no_entered {background: url("../images/sub/inte_addit_img9_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img10.no_entered {background: url("../images/sub/inte_addit_img10_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img11.no_entered {background: url("../images/sub/inte_addit_img11_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img12.no_entered {background: url("../images/sub/inte_addit_img12_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_home_wrap .inte_addit_img13.no_entered {background: url("../images/sub/inte_addit_img13_red.png") 50% 19% no-repeat !important; background-size:3rem !important;}
.inte_add_text {font-size: 1.6rem !important;}





/* 위치정보 */
.breadcrumb_wrap1 {background: #F5F5F5;align-items: center;position: relative;border:0.1rem solid #e6e6ea;margin-bottom: 0rem;}
.breadcrumb_box1 {/* max-width: 140rem; */margin:0 auto;}
.breadcrumb_box1 ul {display: flex;}
.breadcrumb_box1 ul li {border-left:0.1rem solid #e6e6ea;}
.breadcrumb_box1 ul li:last-child {border-right:0.1rem solid #e6e6ea;}
.breadcrumb_box1 ul li a {position: relative; display: flex; padding: 1.5rem 3rem;font-size: 1.6rem;color:#000000;align-items: center;}
.breadcrumb_box1 ul li:first-child a:before {content: "\e900";color:#000000;font-family: "xeicon";font-size: 2rem;margin-right: 0.5rem;}


.inte_header .logo a {display: flex;/* padding: 2rem 2rem; */align-items: center;}
.inte_header .logo a p {position: relative;font-size: 1.7rem;font-weight: bold;color: #fff;margin-left: 2rem;}



.inte_header .logo a p:before {content: ""; position: absolute; top:0%; left:-1rem; width: 0.2rem; height: 100%; background: #a1a1a1;}

.new_inte_home .inte_addit_box button {background-position: 50% 19% !important;text-align: center;border-radius: 0.5rem;border: none;border: 0.1rem solid #f2f0f0;background-size: 3rem !important;}
.new_inte_home .inte_addit_box button.inte_addit_img4 {background-size: 4rem !important;}
.new_inte_home .inte_addit_box button.inte_addit_img5 {background-size: 4rem !important;}
.new_inte_home .inte_addit_box button.inte_addit_img8 {background-size: 4rem !important;}
.new_inte_home .inte_addit_box button.inte_addit_img12 {background-size: 4rem !important;}


/* 회원가입 완료 */
.sign_header_title h2 {font-size: 4rem;text-align: center;padding: 2rem 0rem;color:#3d5ee6;}
.sign_header_text p {font-size:1.6rem;text-align: center;}
.sign_completed {text-align: center;}
.sign_completed p {transform: rotateY( 360deg); animation:ba233 3s;}
@keyframes ba233 {
0% {transform:translateY(20%) rotateY( 360deg);}
50% {transform:translateY(0%)}
100% {transform:translateY(0%);}
}

/* 아이디, 패스워드 찾기 */
.sub_find_contetns {display: flex;padding: 2rem 2rem;width: 100%;max-width: 60rem;margin: 0 auto;text-align: center;}
.sub_find_contetns a {font-size: 1.6rem;padding: 1.5rem 2rem;display: block;text-align: center;border-radius: 0.5rem;color: #fff;font-weight: 600;background: #3864f2;}
.sub_find_contetns a:hover {background: #1f222d;}
.sub_find_contetns > div {width: 50%;background: #f0f6ff;padding: 2rem;border-radius: 2rem;border: 0.1rem solid #e8edf3;}
.sub_find_contetns > div h2 {font-size: 1.8rem;padding: 9rem 0rem 1rem 0rem;background: url("../images/sub/protection_img.png") 50% 0% no-repeat;color: #1134a3;background-size: 8rem;}
.sub_find_contetns > div p {font-size: 1.5rem;}
.sub_find_contetns .list_information_writing {background: #fff;padding: 2rem;text-align: left;border-radius: 1rem;margin-top: 1rem;}
.sing_mt {margin-top: 0rem;}
.l_in_w_wrap .simplePassMeter {width: 100%;margin-left:0rem;padding: 1rem 1rem 2rem 1rem !important;}
.l_in_w_box .input_divide label {font-size: 1.6rem;font-weight: bold;padding: 0.5rem 0rem;color: #13325b;display: block;}
.l_in_w_box .input_divide {flex-direction: column; align-items: flex-start;}
.sub_find_contetns .list_information_writing input,
.sub_find_contetns .list_information_writing select {margin: 1rem 0rem !important;}
.sub_find_contetns .list_information_writing .input input {margin: 1rem 0rem !important;}
.find_phone_ipin_box a {margin-top: 1rem;}
.sub_find_contetns .find_ipin {margin-top: 3rem;}
.sub_find_contetns .find_phone h2,
.sub_find_contetns .find_ipin h2,
.sub_find_contetns .find_email h2 {position: relative;}
.sub_find_contetns .find_phone .list_information_writing {padding: 1rem;}
.sub_find_contetns .find_phone .list_information_writing a {height: 3.5rem; padding: 0rem; margin-top: 0rem; width: 100%;  width: 15rem !important; display: flex; align-items: center; justify-content: center;}
.find_userfindn_box {width: 100% !important; text-align: center; background: #f7f7f7 !important; padding: 3rem !important;}
.find_results_box h3 {text-align: center;padding: 1rem 0rem 2rem 0rem;font-size: 3rem;justify-content: center;}
.find_userfindn h2 {padding: 13rem 0rem 1rem 0rem !important; background:url("../images/sub/inte_pr_all_bg2.png") 50% 0% no-repeat !important;}
.find_re_btn {max-width: 30rem; margin:0 auto;}
.email_code {display: flex; max-width: 60rem;margin: 0 auto;margin-top: 3rem;background: #ffffff;padding: 1rem;border-radius: 1rem;border: 0.1rem solid #dddddd;gap: 0.5rem;align-items: center;}
.email_code p {width: 100%;}
.email_code a {font-size: 1.4rem; padding: 0.7rem; width: 13rem;}
.certify_any {display: flex; gap:1rem; max-width: 90rem;}
.find_anyid h2 {background: url("../images/anyidlogo.png") 50% 30% no-repeat !important; background-size: 15rem !important;}
.find_anyid {padding-bottom: 2rem;}
.inte_process1 {width: 90%;margin:0rem auto;padding: 0rem 0rem 2rem 0rem;}
.inte_process1 ul {display: flex;justify-content: center;width: 100%;}
.inte_process1 ul li {font-size: 1.5rem;font-weight: 500;color: #444444;border-bottom: 0.3rem solid #a5a5a5;width: 100%;max-width: 15rem;padding: 1rem 0rem;text-align: center;border: 0.1rem solid #dfdede;background: #fff;display: flex;margin-left: -0.1rem;align-items: center;justify-content: center;}
.inte_process1 ul li.on {color: #fff;font-weight: bold;background: #3864f2; display: flex; align-items: center; justify-content: center;}
.inte_process1 ul li.on span {display: flex;position: relative;align-items: center;}
.inte_process1 ul li.on span:after {content: "\eb5d"; font-family: "xeicon"; font-size: 1.9rem; font-weight: normal; margin-left: 0.5rem;}
.inte_infor_area {display: flex;background: #ffffff;align-items: center;padding-top: 0rem;justify-content: center;margin-bottom: 0rem;}
.inte_infor_left h2 {color: #ffffff;display: flex;align-items: center;font-size: 1.5rem;background: #3864f2;padding: 0.5rem 3rem;justify-content: center;/* border-radius: 2rem 2rem 0rem 0rem; */}
.inte_infor_left h2:before {content: "\e92c"; font-family: "xeicon"; margin-right: 0.5rem; font-size: 2rem;}
.inte_infor_left h2 span {color:#fcff00;}
.inte_infor_right {display: flex; gap:1rem;}
.inte_infor_right p {color:#fff; font-size: 1.4rem; padding: 0.5rem 1rem; border-radius: 0.5rem;}
.inte_infor_right p:first-child {background: #034385;}
.inte_infor_right p:last-child {background: #036285;}
.inte_infor_right p strong {margin-right: 0.5rem;}
.list_infor_box {display: flex;width: 100%;flex-wrap: wrap;gap:3%;margin-bottom: 3rem;}
.list_infor_box > div {width: 48.5%;}
.list_infor_title {margin-bottom: 2rem;}
.list_infor_title h2 {border-bottom: 0.1rem solid #130a3f;padding: 1rem 0rem 1rem 3rem;color:#130a3f;font-size: 1.7rem;background: url("../images/sub/list_infor_title.png") 0% 50% no-repeat;background-size: 1.8rem;}

.rink_a_box tr td a:hover {display: block; color:#3424FF; font-weight: bold;}
.rink_a_box tr:hover td {background: #efecf5; cursor: pointer;}

/* 홈화면 기관신청 영역 */
.add_institution_area {display: flex; align-items: center;}
.add_inst_btn {flex-direction: column; display: flex;}
.add_inst_btn strong {background: #fff; border:0.1rem solid red !important; color:red !important; border-radius: 10rem; padding: 0.5rem 1rem; font-size: 1.4rem; font-weight: 500; margin-bottom: 1rem;}
.add_inst_btn a {background: #3864f2; padding: 3rem; text-align: center; font-size: 2rem; color:#fff; font-weight: bold; border-radius: 1.5rem; box-shadow: 6px 9px 10px 0px #929fbb;}
.add_inst_btn a:hover {background:linear-gradient(90deg, rgb(22 66 209) 0%, rgb(35 75 85) 100%);}

.add_inst_btn span {background: url("../images/sub/add_inst_btn_new.png") 0% 50% no-repeat; padding: 1rem 1rem 1rem 6rem;}


.add_inst_situation {}
.add_in_si_info {border-radius: 0.5rem; overflow: hidden;}
.add_in_si_info h3  {background: #017dee;font-size: 1.6rem;color:#fff;text-align: center;padding: 1rem;}




.add_in_si_detail {font-size: 1.4rem; display: flex; border:0.2rem solid #0176f5; background: #fff;}
.add_in_si_detail div {padding: 1rem 1rem;}
.add_in_si_detail div ul {display: flex; gap:3rem;}
.add_in_si_detail div ul li {position:relative;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 1.5rem;font-weight: 500;padding: 0rem 1rem;}
.add_in_si_detail div ul li:after {content: ""; position: absolute; top:50%; right:-1rem; transform: translate(-50%,-50%); width: 0.1rem; height: 60%; background: #c3c5c7;}
.add_in_si_detail div ul li:last-child:after {display: none;}

.add_in_si_detail div ul li storng {font-size: 1.4rem;font-weight: bold;border-radius: 100rem;padding: 0rem 1rem;word-break: keep-all;text-align: center;}
.add_in_si_detail div ul li a {/* background: #cecece; */padding: 1rem 1rem;text-align: center;border: 0.1rem solid #017dee;font-size: 1.4rem;color: #0067c5;font-weight: bold;border-radius: 0.5rem;word-break: keep-all;}
.add_in_si_detail div ul li a:hover {background: #017dee;color: #fff;}
.add_in_si_detail div ul li span {background: #deefff;display: block;padding: 0.5rem 1rem;border-radius: 10rem;margin: 0.5rem 0rem;text-align: center;}
.add_in_si_detail .add_in_ing span {background: #00a6b9;color:#fff;}
.add_in_si_detail .add_in_comp span {background: #017dee;color:#fff;}
.add_in_si_detail .add_in_return span {background: red; color:#fff;}
.add_in_si_btn a {background: #3864f2;padding: 1.5rem;text-align: center;font-size: 1.6rem;color:#fff;font-weight: bold;border-radius: 0.5rem;box-shadow: 6px 9px 10px 0px #929fbb;display: block;margin-top: 1rem;}
.add_in_si_btn a:hover {background:linear-gradient(90deg, rgb(22 66 209) 0%, rgb(35 75 85) 100%);}


/* 패스 아이콘 영역 */
.pass_icon_area b {font-weight: normal;}
.pass_icon_area div {display: flex;  align-items: center; flex-wrap:wrap; margin-top:0.5rem; background: #fff; padding:0.3rem; border:0.1rem solid #ddeaf9; border-radius: 0.5rem;}
.pass_icon_area div span {margin:0.3rem 0.4rem; padding: 0.1rem 0.3rem; font-size: 1.4rem; display: flex; align-items: center;}
.pass_icon_area div span:first-child {margin-left:0rem;}
.pass_icon_area div img {width: 1.7rem; height: 1.7rem; border-radius: 0.5rem; border:0.1rem solid #e0efff; margin:0rem 0.5rem;}


.input_tie_area {display: flex;}
.input_tie_area .input_tie_box  {width:100%; }
.input_tie_area .input_tie_box .input {}
.input_tie_area .simplePassMeter {width: 43.5%;}

/* 인재 데이터전환 팝업창 */
.inte_user_switch_bg {background: #f3f4f8 url("../images/sub/invi_main_bg2.jpg");}
.user_sw_hedaer {text-align: center;}
.user_sw_hedaer a {text-align: center; background: url("../images/layout/logo.png") 0% 50% no-repeat; padding: 2rem 3rem 2rem 13rem; display: inline-block; background-size: 12rem; font-size: 1.6rem;font-weight: bold; position: relative;}
.user_sw_hedaer a:before {content: ""; background: #bfbfbf; display: inline-block; width: 0.2rem; height: 1.5rem; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.user_sw_content {width: 100%;max-width: 100rem;margin:0 auto;box-shadow: 5px 3px 11px 1px #b5b5b5;border-radius: 0.7rem;overflow: hidden;}
.u_s_con_top {background: #f4f6fa url("../images/main/main_bg1.png") 103% 35% no-repeat;padding: 1.5rem 3rem;background-size: 28rem;}
.u_s_con_top div {padding: 1rem 0rem;}
.u_s_con_top h1 {font-size: 2.5rem;color: #000000;text-align: left;}
.u_s_con_top h1 span {background: url("../images/help_wrap_title_bg.png") 0% 50% no-repeat;  padding: 0.5rem 0rem 0.5rem 4.5rem;}
.u_s_con_top strong {color: #ffffff;font-size: 2.3rem;background: #008dc9;padding: 0.5rem 2rem;display: inline-block;border-radius: 100rem;}
.u_s_con_top p {font-size: 1.6rem;color: #000000;line-height: 2.5rem;font-weight: normal;padding: 1rem 18rem 0rem 0rem;word-break: keep-all;}
.u_s_con_top p strong {font-size: 1.4rem;color: #ffffff;}
.u_s_con_mid {background: #fff;padding: 2rem 4rem;}
.us_cm_title {display: flex;justify-content: space-between;align-items: center;padding-bottom: 1rem;}
.us_cm_title h2 {font-size: 1.6rem; color:#0a2a59; background: url("../images/help_wrap_title_bg.png") 0% 50% no-repeat; padding: 1rem 0rem 1rem 4rem}
.us_cm_title strong {background: #e4ebff; padding: 0rem 0.5rem;}
.us_cm_title div {display: flex; gap:0.5rem;}
.us_cm_title div button {border:0.1rem solid #d1d7f1; background: #f7fafd; padding: 0.7rem 2rem; border-radius: 0.5rem; font-size: 1.5rem;}
.us_cm_title div button:first-child {border-color: #0176f5; color: #0176f5; background: #fff;}
.us_cm_title div button:hover {background: #0176f5; color:#fff;}

.us_cm_detail {display: flex;flex-wrap: wrap;background: #f7fafd;padding: 0.5rem;border-top: none;position: relative;border: 0.1rem solid #f1f1f1;}
.us_cm_detail .us_cm_box {width: 50%;display: flex;padding: 0.7rem 0.7rem;position: relative;}
.us_cm_detail .us_cm_box div {padding-left: 0.5rem;}
.us_cm_detail .us_cm_box h3 {font-size: 1.4rem;color:#0a2a59;}
.us_cm_detail .us_cm_box p {font-size: 1.3rem;font-weight: 300;padding: 0.2rem 5rem 0.2rem 0rem;line-height: 2.5rem;word-break: keep-all;}
.us_cm_detail .us_cm_box a {position: absolute; top:50%; right:1rem; font-size: 1.3rem; transform: translate(0%,-50%); background: #0176f5; color:#fff; padding: 0.3rem 0.5rem; border-radius: 0.2rem;}
.us_cm_detail .us_cm_box a:hover {background: #0a2a59;}
.us_disabled h3,
.us_disabled p {color: #9f9f9f !important; font-weight: 300;}
.us_disabled input {cursor: default !important;}
.us_active h3 {color: #0075ff !important;}
.us_active p {color: #0075ff;}
.u_s_con_bottom {display: flex;text-align: center;margin-top: 1rem;padding-bottom: 1rem;gap: 3rem;}
.u_s_con_bottom a {display: block;padding: 1.5rem 4rem;font-size: 1.5rem;font-weight: bold;background: #3864f2;color:#fff;margin:0 auto;border-radius: 0.5rem;width: 100%;box-sizing: border-box;}
.u_s_con_bottom a:hover {background: #0a2a59; color:#fff;}

.us_cm_failed {text-align: center; margin:0 auto; padding: 2rem;}
.us_cm_failed img {width: 35rem; max-width: 100%;}
.us_cm_failed h4 {font-size: 2.5rem;padding: 1rem 0rem;color:#0a2a59;}
.us_cm_failed p {font-size: 1.6rem;line-height: 2.3rem;}
/* 알림 영역 */
.notification_area {font-size: 1.4rem;padding: 1.5rem 3rem 1.5rem 3rem;border-radius: 0.5rem;background: #f6fbff url(../images/sub/notification_bg.png) 95% 50% no-repeat;box-shadow: 3px 2px 2px 1px #e0e4e7;border:0.1rem solid #c5d3dd;}
.notification_area h3 {background: #6771cd;display: inline-block;padding: 0.3rem 2rem;color: #ffffff;border-radius: 10rem;margin-bottom: 0.2rem; font-size: 1.5rem;}
.notification_area p  {padding: 0.5rem 0rem;}

.u_s_con_mid {}
.u_s_con_mid .sub_title h2 {font-size: 1.5rem;}
.u_s_con_mid .sub_con_box {margin-bottom: 2rem;}
.u_s_con_mid .inte_usertype_area {padding: 0rem 0rem;}
.u_s_con_mid .inte_utype_box button {padding: 6rem 1rem 1rem 1rem;}
.u_s_con_mid .inte_utype_box button span {display: block; text-align: center; font-size: 1.4rem;}
.u_s_con_mid .inte_utype_box button:before {top:1rem; left:50%; transform: translate(-50%,0%);}
.u_s_con_mid .inte_utype_box button:after {top:0.5rem; left:50%; transform: translate(-50%,0%);}
.u_s_con_mid .inte_pr_all {display: flex;align-items: center;justify-content: center;padding: 0rem;/* border:0.2rem solid #0a2a59; */}
.u_s_con_mid .inte_pr_all p {text-align: left; font-size: 1.4rem;}
.u_s_con_mid .inte_pr_all div {padding: 0.5rem 0rem;  max-width: 16rem;}
.u_s_con_mid .inte_pr_all div .form-check {margin-left: 1rem;}
.u_s_con_mid .inte_pr_all div label {font-size: 1.3rem;}
.u_s_con_mid .inte_rule_choice {padding: 0rem 1rem;}
.u_s_con_mid .inte_pr_writing .rule-wrap {height: 10rem;}
.u_s_con_mid .inte_rule_choice > div p {padding: 0rem;font-size: 1.3rem;}
.u_s_con_mid .inte_pr_writing label {font-size: 1.3rem; font-weight:500;}
.u_s_con_mid .inte_rule_choice .chk-area {gap:1rem;}
.u_s_con_mid .inte_rule_choice .chk-area strong {font-size: 1.3rem;padding: 0.3rem 1rem;}
.user_sw_container {padding: 3rem;}


/* 20250311 인재 메인 추가 */
/* 메인 로고 및 메뉴 영역 */
.inte_main_wrap {position: relative; min-height: 100%; background: url("../images/main/inte_main_wrap_bg.jpg") 0% 0% no-repeat; background-size: contain; padding-bottom: 5rem;}
.inte_main_wrap .inte_main_logo_area {border-bottom: 0.1rem solid #e3e3e3;padding: 2rem 2rem;background: #fff;}
.inte_main_wrap .inte_main_logo {max-width: 140rem;margin:0 auto;font-size: 1.7rem;font-weight: bold;margin-left: 0rem;}
.inte_main_wrap .inte_main_logo a {display: flex; align-items: center;}
.inte_main_wrap .inte_main_logo img {width: 2rem; margin-right: 0.5rem;}
.inte_main_wrap .inte_main_logo strong {font-size: 1.5rem; color:#222; font-weight: 600;}
.inte_main_wrap .inte_main_logo span {position: relative; padding: 0rem 1rem; font-size: 1.5rem; font-weight: 600; color:#222;}
.inte_main_wrap .inte_main_logo span:before {content: ""; position: absolute; top:0.2rem; left:0.5rem; width: 0.1rem; height: 80%; background: #222;}

/* 로고 영역 수정 */
.inte_header .logo {}
.inte_header .logo a {display: flex; align-items: center;}
.inte_header .logo img {width: 2rem; margin-right: 0.5rem;}
.inte_header .logo strong {font-size: 1.5rem; color:#222; font-weight: 600;}
.inte_header .logo span {position: relative; padding: 0rem 1rem; font-size: 1.5rem; font-weight: 600; color:#222;}
.inte_header .logo span:before {content: ""; position: absolute; top:0.2rem; left:0.5rem; width: 0.1rem; height: 80%; background: #222;}


/* 메인 타이틀 영역 */
.inte_main_area {position: relative;display: flex;flex-direction: row-reverse;max-width: 140rem;margin:0 auto;min-height: 50rem;padding: 0rem 0rem;}
.inte_main_header {position: absolute;top: 6rem;left: 0%;}
.inte_main_header p {font-size: 2rem; color:#0071bd;}
.inte_main_header strong {display: block;  font-size: 4.8rem; color: #333333; padding: 1rem 0rem;}


/* 메인 로그인 영역 */
.inte_main_login_wrap {display: flex; width: 100%; align-items: center; justify-content:flex-end;}
.inte_main_login_area {width: 70%;padding: 3rem 4rem;border-radius: 0.5rem;box-shadow:3px 4px 10px 3px #dfdfdf;background: #fff;height: 44rem;}
.inte_m_title {text-align: center;}
.inte_m_title h1 {font-size: 3rem; background: url("../images/main/inte_main_login_icon.png") 0% 0% no-repeat; display: inline-block; padding: 1rem 1rem 1rem 5rem;}
.inte_m_tab {text-align: center;padding: 1.5rem 0rem;display: flex;gap: 0%;justify-content: center;}
.inte_m_tab button {font-size: 1.6rem;font-weight: 500;color: #333;width: 100%;padding: 1.2rem 0rem;margin-left: -0.1rem;border-bottom: 0.1rem solid #cecece;/* border-top: none; *//* border-right: none; */}
.inte_m_tab button:hover {/* border-bottom-color: #694e9b; */color: #0058ff;}
.inte_tab_active {color: #0067eb !important;font-weight: bold !important;border: 0.1rem solid #cecece !important;border-bottom-color: #ffffff !important;border-top: 0.2rem solid #3382e9 !important;}
.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.5rem 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;}
.inte_m_id_login_area {display: none;}
.login_active {display: block;}
.inte_id_save {padding: 0rem 0rem 0.7rem 0rem;}
.inte_id_save p {display: flex; align-items: center; color: #333;}
.inte_m_certified {text-align: center;}
.inte_m_certified img {width: 9rem;margin: 0.9rem 0rem 1rem 0rem;}
.inte_m_certified p {font-size: 1.6rem;font-weight: bold;padding: 1rem 0rem 1.40rem 0rem;}
/* 메인 배너영역 */
.inte_main_banner {width: 100%;}
.inte_main_banner a {display: block;margin-top: 20rem;border:1px solid #fff;background: #265ed4 url("../images/main/inte_main_banner.jpg") 100% 100% no-repeat;padding: 3rem;max-width: 59rem;border-radius: 1rem;background-size: cover;min-height: 15rem;}
.inte_main_banner a strong {display: block;font-size:2.5rem;font-weight: bold;color:#fff;padding: 1rem 25rem 1rem 0rem;}
.inte_main_banner a span {display: block;font-size: 1.4rem;color:#fff;line-height: 2.5rem;padding: 0.5rem 25rem 0.5rem 0rem;word-break: keep-all;}
.inte_main_banner a b {display:inline-block;border:0.1rem solid #fff;padding: 0.7rem 3rem 0.7rem 4rem;color:#fff;font-size: 1.6rem;margin:0.5rem 0rem;}
.inte_main_banner a b:after {content: "\e90b"; font-family: "xeicon"; font-family: 100; margin-left:1rem;}
.inte_main_banner a:hover {animation:bounce 1.5s ease 1 normal both;}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {transform:translate3d(0,0,0);}
40%, 43% {transform:translate3d(0, -10px, 0)}
70% {transform:translate3d(0, -12px, 0);} 
90% {transform:translate3d(0,0px,0);}
}
.inte_main_banner a:hover strong {color: yellow;}
.inte_main_banner a:hover b {background: #1C1F9B; border-color:#1C1F9B;}
/* 메인 공지사항 영역 */
.inte_main_notice_wrap {background: #f5f7fa;padding: 3rem;}
.inte_main_notice_area {max-width: 140rem; margin:0 auto;}
.inte_m_notice_wrap {display: flex; gap:1%; flex-wrap: wrap;}
.inte_m_notice_wrap > div {width: 32.65%;margin-bottom: 1rem;}
.inte_main_notice_area {position: relative;}
.inte_main_title {padding:0rem 0rem 2rem 0rem;}
.inte_main_title h2 {position: relative;font-size: 2.3rem;margin-right: 4rem;display: inline-block;z-index: 70;}
.inte_main_title h2::after {content: "";position: absolute;top:-0.2rem;right: -1.3rem;background: #e0e8f7;width: 2rem;height: 2rem;border-radius: 10rem;z-index: -1;}

.inte_m_notice_wrap a {display: block; border-radius: 0.5rem; padding: 3rem; box-shadow:3px 4px 10px 3px #dfdfdf; background: #fff; min-height: 15rem; border:0.1rem solid #fff;}
.inte_m_notice_wrap a:hover {border:0.1rem solid #0e52aa;}
.inte_m_notice_wrap a:hover h2 {color:#0e52aa; }
.inte_main_notice_util {position: absolute; top:0rem; right: 0rem;}
.inte_main_notice_util a {font-size: 1.4rem;}
.inte_main_notice_util a:before {content: "\e9c5"; font-family: "xeicon"; font-weight: bold; margin-right: 0.5rem;}
.inte_main_notice_util a:hover {color:#363FF0;}
.i_m_n_b_info  {display: flex; gap:1%;}
.i_m_n_b_info p {font-size: 1.4rem; background: #dbedff; padding: 0.2rem 0.8rem; border-radius: 0.5rem; color:#255cd3; font-weight: bold;}
.i_m_n_b_info .imnb_info_impo {background: #f8119e; color:#fff;}
.i_m_n_b_detail h2 {font-size: 1.6rem; padding: 1rem 0rem;}
.i_m_n_b_detail p {font-size: 1.4rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; color:#333;}
.i_m_n_b_util p {font-size: 1.3rem; color:#636363; padding: 1rem 0rem 1rem 2rem; background: url("../images/sub/calendar_icon1.png") 0% 50% no-repeat; background-size: 1.5rem;}


.inte_notiec_nodata {display: flex; border-radius: 0.5rem; padding: 3rem; box-shadow:3px 4px 10px 3px #dfdfdf; background: #f7f7f7; min-height: 15rem; border:0.1rem solid #f7f7f7; align-items: center; justify-content: center;}
.inte_notiec_nodata p {font-size: 1.6rem;display: block;font-weight: bold;color: #a7a7a7;text-align: center;}
.inte_notiec_nodata p:before {content: "";display: block;background: url("../images/sub/no_data_main.png") 50% 50% no-repeat;width: auto;height: 88px;margin-bottom: 0.5rem;background-size: 7rem;}

/* 서브 공지 */
.notice_area_wrap {position: relative;min-height: 100%;background: url("../images/main/inte_main_wrap_bg.jpg") 0% 0% no-repeat;background-size: contain;padding-bottom: 5rem;}
.notice_area_wrap .inte_main_header {position: static; text-align: center;}
.notice_area_wrap header {height: auto;}
.notice_area_wrap .inte_main_header h1 {font-size: 3rem; padding:3rem 0rem 1rem 0rem;}
.notice_area_wrap .inte_main_area {display: block; min-height: 67rem;}
.m_notice_list_header h2 {background: url("../images/layout/title_dot.png") 0% 50% no-repeat; font-size: 1.6rem; padding: 1rem 0rem 1rem 3rem;}
.board_list_info {display: flex; width: 100%; padding: 1rem; background: #f6f9fe; border:0.1rem solid #D1D8E4; margin-bottom: 2rem;}
.board_list_info .board_search {display: flex; width: 100%; gap:1rem;}
.board_list_info .board_search_input {display: flex; width: 100%; gap:1rem;}
.board_list_info .board_search_input button {width: 20rem; background: #3864f2; color:#fff; font-weight: bold; font-size: 1.5rem; border-radius: 0.5rem;}
.board_list_info .board_search_input button:hover {background: #2b2c2f;}
.board_list_info .bl_info_page  {max-width: 20rem; text-align: center; width: 100%; font-size: 1.3rem; display: flex; align-items: center; justify-content: center; gap:1rem;}
.board_list_info .bl_info_page b {color: #3864f2;}
.m_notice_list_detail img {width: 1.5rem;}
.m_notice_list_detail table a:hover {color:#3864f2;}

.board_view_head {font-size: 2rem; font-weight: bold; padding: 2rem 0rem; text-align: center; border-top:0.2rem solid #252525}
.board_other_info ul {display: flex; background: #f8f9fa; border-top:0.1rem solid #D7D7D7; border-bottom:0.1rem solid #D7D7D7; justify-content: center;}
.board_other_info ul li {display: flex; font-size: 1.4rem; gap:1rem; padding: 2rem 1rem;}
.board_view_body .board_view_body_text {padding: 3rem; font-size: 1.6rem; text-align: center;}
.board_view_body pre {white-space:pre-wrap; word-break:break-all; text-align: left;}
.board_view_body .board_view_body_text img {width: 100%; max-width: 80rem;}
.board_other_file {display: flex; border-top:0.1rem solid #D7D7D7; border-bottom:0.1rem solid #D7D7D7; padding: 2rem 1rem; align-items: center; font-size: 1.4rem;}
.board_other_file a:hover {color: #3864f2; font-weight: bold;}
.board_other_file img {width: 2rem;}
.board_other_file .boi_title {font-size: 1.4rem; padding: 1rem 5rem;}

/* 약관동의 */
.agree_conditions div {margin-bottom: 0.5rem; padding: 0.5rem;}
.agree_conditions div strong {display: block;}
.agree_conditions div p {display: block; word-break: keep-all;}
.agree_conditions div table {border:0.1rem solid #e3e3e3;}
.agree_conditions div table th {background: #f7f7f7; text-align: center; height: 3rem; min-height: 3rem; word-break: keep-all; border-bottom: 0.1rem solid #e3e3e3; border-right:0.1rem solid #e3e3e3;}
.agree_conditions div table th:last-child {border-right: none;}
.agree_conditions div table td {background: #fff; text-align: center; height: 3rem; min-height: 3rem; padding: 0rem 2rem; word-break: keep-all; border-right:0.1rem solid #e3e3e3;}
.agree_conditions div table td:last-child {border-right: none;}
.agree_conditions .agree_text1 td:first-child {background: #f7f7f7; font-weight: 600;}

/* 전분분야 다음에 선택하기 */
.pml_chip_container {display: flex;width: 100%;align-items: center;max-width: 15rem;}
.pml_chip_container .chip {position: relative;width: 100%;background: #ffffff;border-radius: 0.5rem;border: 0.1rem solid #d5d5d7;padding: 0.8rem 1.8rem 0.8rem 0.8rem;}
.pml_chip_container .chip:after {content: "\e92c"; position: absolute; top:50%; right: 1rem; transform: translate(0%,-50%); font-family: "xeicon"; font-size: 2rem;}
.pml_chip_container .chip-checkbox {display: none;}
.pml_chip_container .chip-label {margin-left: 0px;}
.pml_chip_container .chip-checkbox:checked + .chip-label {font-weight: bold;}
.pml_chip_container .chip:hover {background: #e4e8fb;}
.pml_chip_container .ate {background: #f6f7fb !important;font-weight: bold;color: #3864f2;border-color: #2d5aff;}					

.expiration_login_pop {max-width: 100rem; margin:3rem auto;}

.expiration_login_pop .us_cm_detail, 
.expiration_login_pop .u_s_con_bottom {margin: 1rem 3rem;}
.inte_home_btn_util {width: 50%; display: flex; justify-content: flex-end; gap:1%;}
.inte_home_btn_util a {padding: 1rem 4rem;background: #1f6beb;font-size: 1.6rem;border-radius: 0.5rem;color:#fff;font-weight: bold;}
.inte_home_btn_util a:hover {background: #2b2c2f;}


.inte_main_logo_area {border-bottom: 0.1rem solid #e3e3e3;padding: 2rem 2rem;background: #fff;}

.logo {max-width: 140rem;margin:0 auto;font-size: 1.7rem;font-weight: bold;margin-left: 0rem;}
.logo span {position: relative;padding: 0rem 1rem;/* top: -0.2rem; */}
.logo span:before {content: ""; position: absolute; top:0%; left:0.5rem; width: 0.2rem; height: 100%; background: #a1a1a1;}

.inte_addit_detail {padding: 0rem 2rem;}
.lay_approval_wrap {padding: 0rem 2rem;}
.inte_main_header p,
.inte_main_header strong,
.inte_main_banner {position: relative;left: -60px;width: 100%;opacity: 0;animation: flyIn 1s ease-out forwards;}
@keyframes flyIn {
to {
left: 0;
opacity: 1;
}
}
.page_info_box {padding: 3rem;}
.footerInfo .telfaxInfo {line-height: 2.3rem;}
.inte_main_wrap footer {height: 127px;}
.inte_main_wrap #footer_wrap {margin-top: 0rem;}
#footer_wrap {margin-top: 3rem;}

/* 20250521 회원가입 퀵메뉴 */
.quick_menu_wrap {position: fixed;top:21rem;right: 1%;width: 100%;max-width: 6%;display: flex;flex-direction: column;gap:1rem;z-index: 80;}
.quick_menu_wrap button {border:0.1px solid #cecece; width: 100%; display: block; padding: 5rem 0rem 1rem 0rem; font-weight: bold; border-radius: 0.5rem;}
.quick_menu_wrap button:hover {background-color: #1838A0; color:#fff;}
.quick_menu_wrap .quick_box div {border:0.1px solid #cecece; margin-top: -0.1rem; background: #fff;}
.quick_menu_wrap .quick_box div ul li a {position: relative; font-size: 1.3rem;display: block;padding: 2.5rem 0rem 1rem 0rem;text-align: center;border-bottom: 0.1rem dashed #cecece;word-break: break-all;}
.quick_menu_wrap .quick_box div ul li a:hover {background: #E8EDFF;}
.quick_menu_wrap .quick_box div ul li a span {display: block; font-size: 1.2rem;}
.quick_menu_wrap .quick_box div ul li a::before {content: "\e980"; position: absolute; top:25%; left: 50%; transform: translate(-50%,-50%); font-family: "xeicon";}
.quick_menu_wrap .quick_box div ul li:last-child a {border-bottom: none;}
.quick_active button {background-color: #3864f2 !important; color:#fff; border-color: #3864f2; border-radius: 0.5rem 0.5rem 0rem 0rem;}
.quick_box_manual button {background:#fff url("../images/quick_box_manual.png") 50% 1rem no-repeat;}
.quick_box_Inquiry button {background:#fff url("../images/quick_box_Inquiry.png") 50% 1rem no-repeat;}


.inte_header_util {display: flex;position: absolute;top:50%;right: 0rem;transform: translate(0%,-50%);}
.inte_header_util p {font-size: 1.5rem; margin-left: 1rem; background: #3864f2; border-radius: 0.5rem; padding: 1rem;}
.inte_header_util p strong {color:#fff;}
.inte_header_util p strong::after {content: ":";}
.inte_header_util p span {color:#fff; color: #fffa0e; font-weight: bold;}
.inte_header_util button {background: #ecf6ff; border-radius: 0.5rem; margin-left: 0.5rem; border:0.1rem solid #bdcdff;}
.inte_header_util button:hover {background: #344069; color:#fff;}
#intetypeModal {max-width: 80rem;}
#intetypeModal .inte_utype_con {margin-top: 0rem;}
#intetypeModal .inte_addit_detail {padding: 0rem;}
#intetypeModal .sub_con_box {margin-bottom: 1rem;}
#intetypeModal .inte_ad_de_title h3 {font-size: 1.6rem;}

.inte_text {color: #2554e9;}

/* 개인정보 제3자 제공 팝업 */
.per_infor_wrap .invi_detail_area {max-width: 100rem;margin: 2rem auto;}
.per_infor_wrap .pre_con_title h4 {border:0.2rem solid #3661c0; text-align: center; font-size: 2.3rem; color:#3661c0;}
.per_infor_wrap .pre_con_title h4 span {background: url("../images/sub/list_icon_03.png") 0% 50% no-repeat; background-size: 5rem; padding: 2rem 2rem 2rem 6rem; display: inline-block;}
.per_infor_wrap .pre_con_box {padding: 2rem;}
.per_infor_wrap .invi_d_title {padding: 0rem;}
.per_infor_wrap .invi_d_title::before {display: none;}
.per_infor_wrap .invi_d_title h3 {padding: 1rem; font-size: 2rem; background: #0b4985; color:#fff;}
.per_infor_wrap .pre_con_detail_tit {position: relative;padding: 1rem 1rem 3rem 1rem;}
.per_infor_wrap .pre_con_detail_tit h5 {background: #0b4985;width: 100%;max-width: 40rem;position: absolute;top: 2rem;left: 50%;transform: translate(-50%,0%);text-align: center;padding: 1rem;color:#fff;font-size: 1.6rem;border-radius: 0.5rem;}
.per_infor_wrap .pre_con_detail_table {border: 0.1rem solid #e5eaf5;padding: 5rem 4rem 4rem 4rem;background: #fff;}
.per_infor_wrap .pre_con_detail {padding: 0rem 3rem 3rem 3rem;background: #f6f9ff;}
.per_infor_wrap .outtab_detail {margin-top: 2rem;}
.per_infor_wrap .outtab_detail > div {background: #ffffff;text-align: center;padding: 1rem 2rem 2rem 2rem; border:0.1rem solid #e5eaf5;}
.per_infor_wrap .outtab_detail > div h3 {font-size: 2.3rem;color: #3260bc;}
.per_infor_wrap .outtab_detail > div p {font-size: 1.4rem; padding: 1rem 0rem;}
.per_infor_wrap {}

@media screen and (max-width: 1200px){
.inte_home_wrap .inte_sub_header h1, .inte_sub_header,
.signup_page_area {width: 94%;}	
.quick_menu_wrap {display: none;}
	
}
@media screen and (max-width: 1024px){
.signup_page_area {width: 95%;}
.inte_main_header strong {font-size: 3.5rem;}
.inte_m_title h1 {font-size: 2.5rem;display: none;}
/* 반응형 통합로그인 메인 */	

.inte_main_wrap .inte_main_logo_area {padding: 2rem 2rem;}
.inte_header .logo a {/* padding: 2rem 0rem; */}
.inte_main_content {flex-direction: column;}
.inte_main_con_right {width: 100%;background: #fff;flex-direction: inherit;display: flex;gap: 0rem;margin-bottom: 20rem;}
.inte_main_con_left {width: 100%;}
.o_m_c_r_text {top: 56%;width: 80%;margin:0 auto;}
.protection_main_text {width: 100%;}

.inte_con_title {background-size: 30rem;}
.login_area_wrap {position: static; transform: translate(0%,0%); width: 100%;}

.login_box_wrap {flex-direction: column;}
.login_box_right {width: 100%;}
.login_area_bg {padding: 0rem 2rem;}
.main_title {padding: 3rem 0rem; font-size: 3rem;}
.login_banner {margin:9rem 2rem 0rem 2rem;background-size: 15rem;min-height: 30rem;}
.login_banner_bigtitle p {font-size: 2rem;}


.login_banner_tit h3  {font-size: 2rem;}
.login_banner_text p  {font-size: 1.4rem;}

.login_banner_bigtitle p:before {height: 3.4rem}
.login_banner_btn a {font-size: 1.4rem;}
.login_banner_period {font-size: 1.6rem; padding:2rem 0rem;}

.inte_home_wrap .inte_addit_box button {max-width: 49%;width: 100%;}

.inte_addit_box {flex-wrap: wrap; gap:1%; justify-content: flex-start;}
.inte_addit_box button {max-width: none;width: 24%;margin-bottom: 0.5rem;}

.inte_home_wrap .inte_sub_header h1 {font-size: 3rem;}

/* 아이디, 패스워드 찾기 */
.sub_find_contetns {flex-direction: column; padding: 1rem;}
.sub_find_contetns > div {width: 100%;/* background: #fff; */padding:0rem;}
.sub_find_contetns .find_phone {padding: 2rem;} 
.sub_find_contetns .find_ipin {background: #f7f7f7; padding: 2rem;} 
.sub_find_contetns .find_email {/* background: #f7f7f7; */padding: 2rem;margin-top: 3rem;} 

/* 통합로그인 약관 */
.inte_pr_all {flex-direction: column; width: 100%;}
.inte_pr_all > div:first-child {width: 100%;background-position: 50% 2rem;padding: 12rem 2rem 0rem 2rem;align-items: center;}
.inte_pr_all > div:last-child {width: 100%; padding: 0rem;}
.inte_utype_box {flex-wrap: wrap;}
.inte_utype_box button {width: 24%;min-height: 0rem;font-size: 1.4rem;/* margin-bottom: 0.5rem; */}
.inte_utype_box button:before {width: 4rem;height: 4rem;}
.inte_utype_box button:after {width: 5rem!important;height: 5rem !important;background-size: 3rem !important; left:1.4rem !important;}

.list_infor_box > div {width: 100%;}	
.inte_home_title {flex-direction: column;width: 100%;padding: 2rem 1rem;background: none;}
.add_institution_area {width: 100%;}
.add_inst_situation {width: 100%; margin-top: 2rem;}


.add_in_si_detail {justify-content: center;}
.inte_home_title h2 {text-align: center;}
.inte_home_title > div {text-align: center;justify-content: center;margin-top: 1rem;width: 100%;}
.inte_rule_choice {flex-direction: column; align-items: center;}
.inte_rule_choice > div p {justify-content: center;}
.inte_rule_choice .chk-area {justify-content: center;}

.u_s_con_mid .inte_utype_box button:after {display: none;}
.u_s_con_mid .inte_utype_box button:before {display: none;}
.u_s_con_mid .inte_utype_box button {padding: 1rem;}
.u_s_con_mid .inte_pr_all p {text-align: center;}
.u_s_con_mid .inte_pr_all {padding: 2rem;}

/* 20250311 인재 메인 반응형 */
.inte_main_area {flex-direction: column;}
.inte_main_header {position: absolute;top: 2rem;left:50%;transform: translate(-50%,0%);text-align: center;width: 100%;}
.inte_main_login_area {width: 90%;margin: 0 auto;margin-top: 13rem;height: auto;padding: 3rem;}
.inte_main_banner a {margin:0 auto;max-width: 84%;margin-top: 3rem;}
.inte_main_notice_wrap {margin-top: 3rem;padding-bottom: 13rem;}
.inte_m_notice_wrap {flex-direction: column;}
.inte_m_notice_wrap > div {width: 100%;}
.inte_m_notice_wrap a {padding: 2rem;min-height: 11rem;}
.notice_area_wrap .inte_main_header {position: static; transform: translate(0%,0%);}

.badge_ing h2, .badge_ing p {margin-left: 0rem;}
.inte_home_title > div h2 {padding-left: 0rem; padding-right: 0rem;}
.inte_home_title > div h2 a {position: static; margin:0rem; transform: translate(0%,0%); justify-content: center;}

.badge_ing h2, .badge_ing p {margin-left: 0rem;}
.inte_home_title > div h2 {padding-left: 0rem; padding-right: 0rem;}
.inte_home_title > div h2 span {position: static; margin:0rem; transform: translate(0%,0%); justify-content: center;}

.badge_ing h2 {margin-top: 6rem;}
.badge_ing::before {left: 90%;transform: translate(-50%, 0%);top: -6.5rem;font-size: 1.4rem;background-size: 9rem;width: 8.9rem;height: 9.5rem;}
.inte_main_header span {text-align: center;padding: 1rem 0rem;display: none;}
.inte_main_login_wrap {width: 100%;}
	
.per_infor_wrap .height_type td {padding: 3rem 0.3rem 0.3rem 0.5rem;}
.per_infor_wrap .height_type td:before {width: 100%;padding-right: 0.7rem;}
	
}
@media (max-width: 900px) {
.inst_add_btn {position: static;}
.inte_main_content {margin:0rem;}
.inst_add_btn a {max-width: 20rem; margin: 0 auto; margin-top: 1rem;}
.inst_add_btn a span {justify-content: center;}
.inte_main_header h1 {font-size: 3rem;}
.signin_utill div p a {font-size: 1.4rem; padding:0.5rem 1rem;}
.inte_age_choice {padding: 0rem 2rem;}
.inte_age_choice div a p {width: 100%;}
.inte_age_choice div {max-width: 100%;}
.btn_move_box {width: 100%; padding: 0rem 2rem;}
.inte_header_box {/* height: 14rem; */}
.inte_util {/* top: 4.5rem; *//* width: 100%; *//* justify-content: center; *//* right: 0rem; */}
.inte_util a,
.inte_util div p {font-size: 1.3rem; margin: 0.2rem 0rem;}
.inte_util div {flex-direction: column;align-items: flex-start;display: none;}

.main_notice_list_wrap {margin-top: 0rem;margin-bottom: 30rem;}
.main_notice_list_area .board_list_info {flex-direction: column;}

.main_notice_list_area .board_search {flex-direction: column;gap: 0.5rem;}

.main_notice_list_area .board_search .board_search_input {flex-direction: column;gap: 0.5rem;}
.main_notice_list_area .board_search .board_search_select {max-width: 100%;}
.main_notice_list_area .board_search button {max-width: 100%;height: 3rem;width: 100% !important;}
.main_notice_list_area .bl_info_page {padding: 1rem 0rem;}
.m_notice_list_detail table tr {margin-bottom: 1rem; border-top: none;}
.m_notice_list_detail table td {min-height: 3rem; align-items: center;}
.m_notice_list_detail .pagination_all {text-align: right} 
.main_view_move {position: static;margin-top: 3rem;display: inline-block;}
.m_notice_list_detail .board_view_body {padding: 0rem;}
.main_notice_list_area {padding: 2rem;}
.inte_home_wrap .inte_sub_header {margin-top: 0rem;}
.inte_kid_help_text p strong {display: block;text-align: left;background-size: 3rem; padding: 0.5rem 1rem 0.5rem 4.5rem;}
.pass_icon_area b {padding: 1rem 0rem; display: block; text-align: left;}
}

@media (max-width: 768px) {
.inte_con_title {background-size: 10rem; background-position: 100% 50%;}
.inte_process ul li span {font-size:1.4rem;}
.inte_utype_box button {width: 45%;margin-bottom: 0.5rem;}
.inte_sub_header {top:70%;}

.inte_process1 ul li {font-size: 1.3rem;}
.inte_infor_left h2 {font-size: 1.3rem; padding-bottom: 0.5rem;}
.inte_infor_left h2:before {display: none;}
.inte_infor_right p {font-size: 1.3rem;}
.inte_infor_area {flex-direction: column;align-items: flex-start;}
.inte_utype_box {margin-bottom:0rem;}
.inte_pr_all p {font-size: 1.4rem;}
.protection_main_box {flex-direction: column-reverse;}
.protection_main_text {height: 66rem;}
.Int_login_text div:last-child,
.Int_login_text div:first-child {display: none;}
.Int_login_detail {flex-direction: column;background: none;border: none;text-align: center;}.Int_login_detail {flex-direction: column;}
.Int_login_detail div:first-child {background-position: 50% 0%;padding: 9rem 0rem 0rem 0rem;}
.Int_login_detail div a {display: block; padding: 1rem 3rem;}
}
@media (max-width: 650px) {
.list_information_writing .input {flex-direction: column; align-items: flex-start}
.ut_tx_basic,
.ut_tx_blue,
.ut_tx_red {width: 100%; margin:0rem;}
.input_tie_area {flex-direction: column;}
.input_tie_area .simplePassMeter {width: 100%;}
.us_cm_detail {flex-direction: column;}
.us_cm_detail .us_cm_box {width: 100%;}
.u_s_con_top {background-image:none; text-align: center;}
.us_cm_title {flex-direction: column;}
.u_s_con_mid {padding: 2rem 1rem;}
.user_sw_container {padding-bottom: 0rem;}
.u_s_con_top h1 {text-align: center;}
.u_s_con_top p {text-align: center; padding: 0rem;}
.main_notice_con ul li a p span {display: none;}
.invi_d_btn a {display: block; margin:1rem 0rem;}
.inte_main_wrap .inte_main_logo_area {padding: 1rem;}
.inte_sub_header h1 {font-size: 2.3rem;padding-top: 0rem;padding-bottom: 0rem;}
/* 모바일 메인 */
.inte_main_header p {display: none;}
.inte_main_header strong {font-size: 2.3rem;padding: 0rem;}
.inte_main_login_area {margin-top: 7rem;}
.inte_m_title h1 {font-size: 2rem; background-size: 3rem; padding-left:4rem;}
.inte_main_login_area {padding: 3rem;}
.inte_id_pas_area input {padding: 1rem;}
.inte_main_banner a {background-size:80%}
.inte_main_banner a strong {padding: 0rem 0rem;font-size: 2rem;}
.inte_main_banner a span {padding: 1rem 0rem;}
.new_inte_home .inte_addit_box button {/* background-position: 1.5rem 50% !important; */}
.new_inte_home .inte_addit_box {padding: 2rem 0rem;}
.w20 {width: 100% !important;}
.logo span {/* font-size: 1.4rem !important; */}
.inte_header_box .logo img {/* width: 12rem; */}
.inte_header .logo a {/* padding: 1rem 0rem; */}
.inte_main_wrap {background: none;}
.inte_m_title {display: none;}	
.inte_m_tab {padding-top: 0rem;}
.inte_main_login_area {padding: 3rem;height: auto;}
.inte_main_banner a {max-width: 79%;}
.inte_main_notice_wrap {padding: 2rem;padding-bottom: 7rem;}
.inte_notiec_nodata p:before {background-size:5rem; height: 5rem;}
.inte_notiec_nodata p {font-size: 1.4rem}
.footersubmenu ul {justify-content: center;}
.inte_main_title h2 {font-size: 2rem;}
.inte_m_tab button {font-size: 1.4rem;}
.inte_main_logo {font-size: 1.4rem !important;margin-left: 0rem !important;}
.inte_main_logo img {width: 12rem;}
.inte_process1 ul li.on span:after {top: -1.8rem;left: 33%;position: absolute;font-size: 1.5rem;}
.inte_process1 ul li.on {padding-top: 2rem;padding-bottom: 0.5rem;}
header {height: 5rem;}
.inte_header_box {/* height: 4.5rem; */padding: 1rem;}
.inte_sub_bg {background: none;}
.inte_process1,
.signup_page_area {width: 95%;}
.inte_utype_box button:after {background-size: 2.5rem !important;left: 1rem !important;}	
.inte_utype_box button:before {width: 4rem;height: 4rem;}
.inte_rule_choice > div p {justify-content:flex-start;}
.inte_age_choice div a img {width: 7rem;}
.inte_age_choice div a p {display: none;}
.inte_util {top: 0.5rem; right: 1rem;}
.invi_main_wrap {padding: 1rem;}
.invi_d_btn {padding: 0rem 0rem 1.5rem 0rem;}
.invi_d_title {padding: 12rem 1rem 3rem 1rem;}
.invi_d_text_box div ul li {flex-direction: column;align-items: flex-start;gap: 0.5rem;}
.invi_d_text_box div ul li strong {font-size: 1.5rem;}
.invi_d_title h2 {font-size: 1.6rem;}
.invi_d_title strong {font-size: 1.6rem; padding: 0.7rem 1.5rem; top:-3.3rem;}
.invi_d_title:before {background-size: 9rem; width: 89px; height: 100px;}
.invi_d_text_box {padding: 1rem 0rem;}
	
.per_infor_wrap .invi_d_title h3 {font-size: 1.8rem;}
.per_infor_wrap .pre_con_title h4 {font-size: 1.8rem;}
.per_infor_wrap .pre_con_title h4 span {background-size: 4rem; padding-left: 5rem;}
.per_infor_wrap .pre_con_detail_table {padding: 5rem 2rem;}
.per_infor_wrap .pre_con_detail {padding: 1rem;}
.per_infor_wrap .inte_m_certified_anyid {display: flex;flex-direction: column;padding: 1rem 0rem;}
.per_infor_wrap .inte_m_certified_anyid div a {display: flex;align-items: center;justify-content: center;padding: 1rem;}
.per_infor_wrap .inte_m_certified_anyid div a span {display: block;width: 100%;text-align: left;padding-left: 1.5rem;}
.per_infor_wrap .inte_m_certified_anyid div a img {width: 5rem; margin-bottom: 0rem;}
.per_infor_wrap .inte_m_certified_anyid div {max-width: none;}
.inte_header_util {position: static; transform:none; margin-top: 1rem;}
.inte_sub_header {flex-direction: column;}
.inte_m_certified_anyid div a {padding: 1.3rem 1.8rem 3rem 1.8rem;}
}
@media (max-width: 500px) {
.list_information_writing .input {flex-direction: column;}
.u_s_con_bottom {flex-direction: column;gap: 1rem;width: 100%;box-sizing: border-box;}
.inte_main_header h1 {font-size: 2.5rem;}
.footersubmenu ul li a {padding: 1rem 0.5rem;font-size: 1.2rem;}
.footersubmenu {padding: 0rem 0.3rem; font-weight: normal;}
.footerInfo address, .footerInfo .telfaxInfo {font-size: 1.3rem;font-weight: normal;line-height: 2.3rem;}
.inte_utype_box {gap:0.5rem}
.inte_utype_box button {width: 49%;}
.inte_pr_all div label {font-size: 1.4rem;}
.inte_rule_choice .chk-area {flex-direction: column;gap: 0.5rem;align-items: flex-start;}
.inte_rule_choice .form-check {border: 0.1rem solid #e1e1e1;width: 100%;padding: 1rem;background: #fff;}
.inte_process1 ul li {font-size: 1.2rem;}
.inte_home_wrap .inte_sub_header h1 {text-align: center;font-size: 2rem;line-height: 1.5rem;padding: 1rem 0rem 0rem 0rem;}
.badge_ing::before {left: 96%;transform: translate(-50%, 0%);top: -3.5rem;font-size: 1.1rem;background-size: 7rem;height: 7.5rem;width: 7.3rem;line-height: 1.2rem;}
.inte_home_title {padding: 0rem;}
.inte_home_title h2 strong {font-size: 1.8rem}
.inte_m_certified_anyid {flex-direction: column;}
.inte_m_certified_anyid div a {position: relative;display: flex;align-items: center;padding: 2rem 2rem 2rem 6rem;}
.inte_m_certified_anyid div a img {position: absolute;top:50%;left: 3rem;transform: translate(-50%,-50%);width: 4rem;}

}