@-webkit-keyframes shake {
    0% { -webkit-transform: translate(2px, 0px); }
	10% { -webkit-transform: translate(1px, 0px); }
	20% { -webkit-transform: translate(0px, 0px); }
	30% { -webkit-transform: translate(0px, 1px); }
	40% { -webkit-transform: translate(0px, 2px); }
	50% { -webkit-transform: translate(-1px, 2px); }
	60% { -webkit-transform: translate(-3px, 1px); }
	70% { -webkit-transform: translate(2px, 1px); }
	80% { -webkit-transform: translate(-1px, -1px); }
	90% { -webkit-transform: translate(2px, 2px); }
	100% { -webkit-transform: translate(1px, -2px); }
}
@keyframes shakeIE {
    0% { transform: translate(2px, 0px); }
	10% { transform: translate(1px, 0px); }
	20% { transform: translate(0px, 0px); }
	30% { transform: translate(0px, 1px); }
	40% { transform: translate(0px, 2px); }
	50% { transform: translate(-1px, 2px); }
	60% { transform: translate(-3px, 1px); }
	70% { transform: translate(2px, 1px); }
	80% { transform: translate(-1px, -1px); }
	90% { transform: translate(2px, 2px); }
	100% { transform: translate(1px, -2px); }
}
@font-face {
  font-family: 'notokr-regular';
  font-style: normal;
  src: local('notokr-regular'), local('notokr-regular');
  src: url('/font/notokr-regular.woff') format('woff'), url('/font/notokr-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'notokr-medium';
  font-style: normal;
  src: local('notokr-medium'), local('notokr-medium');
  src: url('/font/notokr-medium.woff') format('woff'), url('/font/notokr-medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/font/MaterialIcons.woff2') format('woff2');
}
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('/font/MaterialIconsOutLined.woff2') format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.rc_main_depth {
	-webkit-box-shadow: 0 2px 3px 0 rgb(150 150 150 / 30%), 0 1px 4px 0 rgb(159 159 159 / 30%), 0 2px 4px -1px rgb(116 116 116 / 40%);
    box-shadow: 0px 1px 3px #8d8c8c;
}
.rc_modal .rc_modal_btn {
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	font-weight: 500;
}
.rc_dimLayer {
	display: block;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: fixed;
	left: 0;
	top: 0px;
	margin: 0;
	padding: 0;
	z-index: 9998;
}
.rc_modal {
	min-width: 500px;
	border-radius: 10px;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
}
.rc_modal_section {
	background: #ffffff;
	box-sizing: border-box;
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
}
.rc_enroll_btn {
	height: 40px;
}   
.rc_modal_msg {
    font-size: 1.2rem;
    font-family: 'notokr-medium';
}
.rc_enroll_box i {
    font-size: 4rem;
    color: #CCC;
    margin-bottom: 10px;
}
.rc_enroll_box p {
	padding-bottom: 50px;
}
.rc_modal_yes {
	background: #034da2;
	color: #fff;
	padding: 10px 87px;
	transition: 0.5s;
	font-size: 1.2rem;
}
.rc_modal_no {
	background: #EB7474;
	color: #fff;
	padding: 10px 69px;
	transition: 0.5s;
	font-size: 1.2rem;
}
.rc_modal_close {
	background: #034da2;
	color: #fff;
	padding: 10px 100px;
	transition: 0.5s;
	font-size: 1.2rem;
}

input::-webkit-input-placeholder { font-size: 90%; }
input::-moz-placeholder { font-size: 90%; }
input:-ms-input-placeholder { font-size: 90%; }
input:-moz-placeholder { font-size: 90%; }
input::placeholder { font-size: 90%; }

textarea::-webkit-input-placeholder { font-size: 90%; }
textarea::-moz-placeholder { font-size: 90%; }
textarea:-ms-input-placeholder { font-size: 90%; }
textarea:-moz-placeholder { font-size: 90%; }
textarea::placeholder { font-size: 90%; }

.shake {
	-webkit-animation-name: shake;
	-webkit-animation-duration: 0.3s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-timing-function: linear;
	
	animation-name: shakeIE;
	animation-duration: 0.3s;
	transform-origin:50% 50%;
	animation-timing-function: linear;
}
.materialize .row .col.s1_5 {
    width: 12.5%;
    margin-left: auto;
    left: auto;
    right: auto;
}
.materialize .row .col.s2_5 {
    width: 20.8%;
    margin-left: auto;
    left: auto;
    right: auto;
}
.materialize .row .imgCol {
    border: none !important;
}
.materialize .row .imgCol .picture {
    width: 105px;
    height: 140px;
    margin-right: 15px;
    text-align: center;
}
.materialize .row .imgCol .imgInput {
  max-width: 190px;
  display: none;
}
.materialize .row .imgCol .labelFile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 105px;
  height: 140px;
  border: 2px dashed #ccc;
  align-items: center;
  text-align: center;
  padding: 5px;
  color: #404040;
  cursor: pointer;
}
.materialize .row .imgCol .labelFile.done {
  border: none;
}
.materialize .row .col.noborder {
    height: 52px;
    line-height: 52px;
    border: none !important;
    font-size: 15px;
    font-family: 'notokr-medium';
    color: #7f7f7f;
    min-width: 145px;
}
.materialize .row .col.resreg1 {
    width: 14%;
    margin-left: auto;
    left: auto;
    right: auto;
}
.materialize .row .col.resreg2 {
    width: 3%;
    margin-left: auto;
    left: auto;
    right: auto;
    height: 52px;
    line-height: 52px;
    border: none !important;
    font-size: 30px;
    font-weight: 500;
}
.materialize .row .col.resreg3 {
    width: 4.333%;
    margin-left: auto;
    left: auto;
    right: auto;
}
.materialize .row .col.resreg4 {
    width: 12%;
    margin-left: auto;
    left: auto;
    right: auto;
    height: 52px;
    line-height: 52px;
    border: none !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 4px;
}


html::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
html::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}	
.rc_body {
	width: 100%;
	background: #f6f6f6;
	text-align: center;
  	font-family:'notokr-regular';
    font-size: 12px;
    font-weight: normal;
}
.rc_background {
	background: linear-gradient(-45deg, #034da2, #065dc1);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
	position: absolute;
	width: 100%;
    height: 50%;
    top: 0px;
    z-index: -1;
}
.rc_background.noInfo {
	background: none !important;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.rc_header {
    position: fixed;
    left: 0;
    top: 0;
 	width: 100%;
 	height: 80px;
 	z-index: 998;
  	background: #FFF;
  	min-width: 980px;
    box-shadow: 0px 1px 2px #CCC;
    transition: transform 0.6s ease; /* transform을 사용한 부드러운 트랜지션 */
}
.rc_header.hidden {
    transform: translateY(-100%); /* 헤더를 위로 밀어서 숨기기 */
}
.rc_header.mob {
	display: none;
}
.rc_header .rc_logo {
    position: absolute;
   	line-height: 40px;
    left: 60px;
    top: 15px;
    cursor: pointer;
    font-size: 1.5rem;
    font-family: 'notokr-medium';
    color: #000;
}
.rc_header .rc_logo2 {
    position: absolute;
   	line-height: 40px;
    left: 60px;
    top: 3px;
    cursor: pointer;
    font-size: 1.5rem;
    font-family: 'notokr-medium';
    color: #000;
}
.rc_header .rc_logo3 {
    position: absolute;
   	line-height: 40px;
    left: 60px;
    top: 15px;
    cursor: pointer;
    font-size: 1.5rem;
    font-family: 'notokr-medium';
    color: #000;
}
.rc_header .rc_logo3 img {
    max-height: 55px;
    width: auto;
}
.rc_header .rc_menuUl {
  	display: table-cell;
	padding: 30px;
   	line-height: 0px;
   	word-spacing: -4px;
}
.rc_header .rc_menuUl .rc_menuli {
  	display: inline-block;
  	margin-right: 22px;
    font-size: 18px;
    vertical-align: middle;
    font-family: 'notokr-regular';
   	color: #212121;
    word-spacing: 0px;
}
.rc_header .rc_menuUl .rc_menuli a::placeholder {
  	color:transparent;
}
.rc_header .rc_menuUl .rc_menuli.active {
    font-family: 'notokr-medium';
   	color: #000;
}

.rc_header .rc_layer-menu {
  	display: none;
  	position: absolute;
  	right: 0;
  	top: 80px;
  	width: 200px;
  	background: #fff;
  	box-sizing: border-box;
  	-webkit-box-shadow: 1px 1px 1px 0 #aaa;
  	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.35);
  	border: 1px solid #bababa;
}
.rc_header .rc_layer-menu .rc_myInfo {
	display: block;
  	padding: 40px 10px 30px;
  	word-break: break-all;
}
.rc_header .rc_layer-menu span {
	display: block;
    font-size: 1rem;
}
.rc_header .rc_layer-menu a {
	display: block;
    font-size: 1rem;
  	height: 50px;
  	line-height: 50px;
  	border: 1px solid #ddd;
  	background-color: #f2f2f2;
  	color: #333;
  	cursor: pointer;
}

.rc_container {
	display: block;
    height: 100%;
    min-height: 700px;
}
.rc_content {
    margin: 120px auto;
   	width: calc(100% - 140px);
    min-width: 980px;
	z-index: 1;
}
.rc_content.flex {
    display: flex;
}
.rc_content .rc_content_h {
  	border-radius: 5px;
	margin-bottom: 40px;
    width: 100%;
    height: 100px;
	background: #FFF;
}
.rc_content .rc_content_h .rc_menuUl {
  	display: inline-block;
   	vertical-align: middle;
   	line-height: 100px;
   	word-spacing: -4px;
   	margin-left: 50px;
}
.rc_content .rc_content_h .rc_menuUl .rc_menuli {
  	display: inline-block;
  	margin-right: 22px;
    font-size: 1.3rem;
    font-family: 'notokr-regular';
}
.rc_content .rc_content_h .rc_menuUl .rc_menuli.active {
    font-size: 1.4rem;
    font-family: 'notokr-medium';
   	color: #000;
}
.rc_content .rc_content_left {
    width: 35%;
    min-width: 400px;
}
.rc_content .rc_content_right {
    flex: 1;
}
.rc_content .rc_content_mobile {
	display: none;
}
.rc_content .rc_content_lt {
    width: 95%;
    border-radius: 5px;
    box-sizing: border-box;
    margin-right: 30px;
    background: #FFF;
    height: 77px;
    padding: 5px 30px 5px 30px;
}
.rc_content .rc_content_lt .rc_menuUl {
   	word-spacing: -4px;
   	margin-left: 10px;
    margin-top: 20px;
    text-align: left;
    white-space: nowrap;
}
.rc_content .rc_content_lt .rc_menuUl .rc_menuli {
  	display: inline-block;
    margin-right: 1.5vw;
    font-size: 1.3rem;
    font-family: 'notokr-regular';
    cursor: pointer;
}
.rc_content .rc_content_lt .rc_menuUl .rc_menuli.active {
    font-size: 1.4rem;
    font-family: 'notokr-medium';
   	color: #000;
}
.rc_content .rc_content_lt .rc_menuUl .rc_menuli .careerNum {
    margin-left: 5px;
}
.rc_content .rc_content_lb {
    width: 95%;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 20px;
	margin-right: 30px;
    margin-bottom: 50px;
	background: #FFF;
	overflow: auto;
}
.rc_content .rc_content_rt {
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
	background: #FFF;
	padding: 5px 30px 5px 30px;
    min-height: 77px;
    margin-bottom: 20px;
}
.rc_content .rc_content_rt .stepState {
    margin-top: -10px;
    margin-bottom: 10px;
}
.rc_content .rc_content_rt .stepState ul:after {
  content:'';
  display:block;
  clear:both;
}
.rc_content .rc_content_rt .stepState ul li {
  float:left;
  position:relative;
  width:20%;
  padding-top:50px;
  font-size:15px;
  text-align:center;
  line-height:12px;
}
.rc_content .rc_content_rt .stepState ul li p {
	margin-top: 5px;
    font-size: 14px;
}
.rc_content .rc_content_rt .stepState ul li:before {
  position:absolute;
  top:34px;
  left:0;
  right:0;
  height:6px;
  background:#ddd;
  content:''
}
.rc_content .rc_content_rt .stepState ul li:first-child:before {
  left:50%;
}
.rc_content .rc_content_rt .stepState ul li:last-child:before {
  right:50%;
}
.rc_content .rc_content_rt .stepState ul li:after {
  position:absolute;
  top:27px;
  left: 50%;
  width:20px;
  height:20px;
  margin-left:-10px;
  background: #034da2;
  content: ' \25B6';
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  line-height: 18px;
}
.rc_content .rc_content_rt .stepState.step1 ul li:nth-child(1):before,
.rc_content .rc_content_rt .stepState.step2 ul li:nth-child(-n+2):before,
.rc_content .rc_content_rt .stepState.step2-ing ul li:nth-child(-n+2):before,
.rc_content .rc_content_rt .stepState.step3 ul li:nth-child(-n+3):before,
.rc_content .rc_content_rt .stepState.step3-ing ul li:nth-child(-n+3):before,
.rc_content .rc_content_rt .stepState.step4 ul li:nth-child(-n+4):before,
.rc_content .rc_content_rt .stepState.step4-ing ul li:nth-child(-n+4):before,
.rc_content .rc_content_rt .stepState.step5 ul li:nth-child(-n+5):before {
  background:#034da2;
  background-position:-20px 0;
  animation-name: stepColor;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes stepColor {
  0% {
    background-color: #034da2;
  }
  50% {
    background-color: #58789c;
  }
  100 {
    background-color: #222;
  }
}
.rc_content .rc_content_rt .stepState ul li p:before {
  position:absolute;
  top:35px;
  left:50%;
  right:0;
  height:3px;
  content:'';
}
.recruitContents img {
	max-width: 100% !important;
}
@media all and (min-width:1000px) {
	.recruitContents table {
		width: 100% !important;
	    table-layout: initial !important;
	}
}
@media all and (max-width:1000px) {
	.recruitContents img {
	    max-width: 90vw !important;
	    margin: 0 auto;
	    display: block;
	}
	.recruitContents iframe {
	    max-width: 90vw !important;
	    margin: 0 auto;
	    display: block;
	}
}
.recruitContents .share {
	position: absolute;
    top: 40px;
    right: 50px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.recruitContents .share:hover {
	background-color: #f1f1f1;
}
.recruitContents .share:active {
	background-color: #eee;
}
.recruitContents .share:active i {
	color: #034da2;
}
.rc_content .rc_content_rb {
    position: relative;
	border-radius: 5px;
    box-sizing: border-box;
    width: 100%;
    min-height: 85vh;
    margin-bottom: 50px;
	background: #FFF;
	padding: 40px 50px;
    font-size: 1.2rem;
    overflow: auto;
    color: #000;
    text-align: left;
}
.rc_content .rc_content_rb::-webkit-scrollbar {
  	width: 10px;
  	height: 10px;
}
.rc_content .rc_content_rb::-webkit-scrollbar-thumb {
  	background-color: #ccc;
  	border-radius: 10px;
  	background-clip: padding-box;
  	border: 2px solid transparent;
}
.rc_content .rc_content_rb::-webkit-scrollbar-track {
 	background-color: #fff;
  	border-radius: 10px;
}
.rc_content .rc_content_rb .rc_btnList {
	display: flex;
	gap: 15px;
    justify-content: center;
}	

.rc_content .dropdown-content li span {
  	color: #444;
}

.rc_content_lb::-webkit-scrollbar {
  	width: 10px;
  	height: 10px;
}
.rc_content_lb::-webkit-scrollbar-thumb {
  	background-color: #ccc;
  	border-radius: 10px;
  	background-clip: padding-box;
  	border: 2px solid transparent;
}
.rc_content_lb::-webkit-scrollbar-track {
 	background-color: #fff;
  	border-radius: 10px;
}	
.rc_content_lb .list_con {
    position: relative;
    width: 100%;
    box-sizing: border-box;
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding: 15px 40px 15px 40px;
}
.rc_content_lb .list_con:first-child {
	padding: 20px 40px 15px 40px;
}
.rc_content_lb .list_con:last-child {
	/* border-bottom: none; */
	padding: 15px 40px 20px 40px;
}
.rc_content_lb .list_con .con_tit {
    width: 90%;
    word-break: keep-all;
    display: block;
	text-align: left;
    font-size: 20px;
    margin-bottom: 10px;
	color: #000;
}
.rc_content_lb .list_con.active {
	background: #efefef;
}
.rc_content_lb .list_con .con_subTit {
	font-size: 13px;
	border: 1px solid #ccc;
	border-radius: 5px;
    padding: 2px 10px;
    display: inline-block;
}
.rc_content_lb .list_con .con_state {
    display: inline-block;
    background: #034da2;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 8px;
    font-size: 13px;
}
.rc_content_lb .list_con .con_apply {
    position: absolute;
    top: 55px;
    right: 4%;
    color: #fff;
	font-size: 1.1em;
	word-spacing: -3px;
	border: 1px solid #7a7a7a;
	border-radius: 5px;
    padding: 3px 10px;
    background: #7a7a7a;
}
.materialize .dropdown-content li > a, .materialize .dropdown-content li > span {
    color: #000 !important;
}
.waves-effect.waves-kcc .waves-ripple {
   /* The alpha value allows the text and background color
   of the button to still show through. */
    background-color: #034da2;
}
.material-tooltip {
	padding: 10px;
	font-size: 1rem;
	z-index: 2000;
	border-radius: 2px;
	color: #fff;
	min-height: 36px;
	line-height: 200%;
	opacity: 0;
	position: absolute;
	text-align: center;
	max-width: calc(96%);
	overflow: hidden;
	left: 0;
	top: 0;
	pointer-events: none;
	visibility: hidden;
  	border-radius: 10px;
}
.rc_container .btn {
	padding: .75rem 1.75rem;
  	background: #034da2;
  	color: #fff;
  	border-radius: 5px;
}
.rc_container .btn.sendEmail {
	width: 103px;
	font-size: 1rem;
	padding: 1.05rem 0.8rem !important;
}


.rc_content .rc_content_h2 {
    margin: 0 auto;
    width: calc(100vw - 750px);
    min-width: 980px;
    padding: 30px 50px 30px 50px;
    height: 105px;
	background: #FFF;
    box-sizing: border-box;
}
.rc_content .rc_content_h2 span {
    display: block;
	font-size: 1.4rem;
    text-align: left;
}
.rc_content .rc_content_h2 a {
	font-size: 1.1rem;
}
.rc_container .rc_content_layer {
    border-radius: 5px;
    margin: 13rem auto 0 auto;
    width: calc(100vw - 1150px);
    min-width: 720px;
    padding: 50px;
    background: #FFF;
    z-index: 999;
    box-sizing: border-box;
}
.privacyLayer {
	background: #fdfdfd;
    width: 100vw;
    height: 100vh;
    position: fixed;
    overflow: auto;
}
.registAgree .rc_content_layer {
	width: calc(100vw - 900px);
	min-width: 980px;
}
.registAgree .rc_content_btn {
	width: calc(100vw - 900px) !important;
	min-width: 980px !important;
	margin-bottom: 100px !important;
}
@media all and (min-width:1024px) {
	.privacyLayer .privacyContent {
	    padding: 130px 50px;
	    min-width: 980px;
	    max-width: 1200px;
	    margin: 0 auto;
	}
}
@media all and (max-width:1023px) {
	.privacyLayer .privacyContent {
	    padding: 130px 50px;
	    margin: 0 auto;
	}
}
.privacyLayer .privacyContent h1 {
    margin: 0 auto;
    color: #333333;
    font-family: 'notokr-medium';
    font-size: 40px;
    text-align: center;
    margin-bottom: 50px;
}
.privacyLayer .privacyContent h2 {
    color: #000;
    font-family: 'notokr-medium';
    font-size: 25px;
    margin-bottom: 20px;
    text-align: left;
    margin-left: 10px;
}
.privacyLayer .privacyContent div.mb40{
	margin-bottom: 40px;
}
.privacyLayer .privacyContent p {
    color: #666666;
    font-family: 'notokr-regular';
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    margin-left: 20px;
    word-spacing: 1px;
}
.privacyLayer .privacyContent p.ti1 {
    text-indent: -20px;
    padding-left: 20px;
}
.privacyLayer .privacyContent p.ti2 {
    text-indent: -20px;
    padding-left: 40px;
}
.privacyLayer .privacyContent p.ti3 {
    text-indent: -20px;
    padding-left: 55px;
}
.privacyLayer .privacyContent .cont {
    font-family: 'notokr-regular';
}
.privacyLayer .privacyContent select {
    padding: 10px 20px;
    font-size: 15px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.privacyLayer .privacyContent .privTable {
    border: 2px solid #666666;
    margin: 20px 0px 20px 40px;
    max-width: 780px;
}
.privacyLayer .privacyContent .privTable th, .privacyLayer .privacyContent .privTable td {
    border: 1px solid #666666;
    padding: 10px;
    font-size: 14px;
}
.privacyLayer .indexList {
	border: 1px solid #CCC;
    padding: 20px 50px;
    background: #f6fcff;
    margin-bottom: 40px;
}
.privacyLayer .indexList .indexRow {
	display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}
.privacyLayer .indexList .indexRow:last-child {
    margin-bottom: 0px;
}
.privacyLayer .indexList .indexRow a {
    width: 50%;
    text-align: left;
    font-size: 15px;
    text-decoration: underline;
    text-underline-position: under;
    color: #666666;
}
.privacyLayer .privBtn {
    padding: 10px 20px;
    border-radius: 10px;
    background: #003e99;
    color: #FFF;
    font-size: 15px;
    margin: 10px 0px 10px 40px;
}
.privacyLayer .privBtn:hover {
    background: #1659bb;
}

@keyframes blinker {
  50% {
    opacity: 0.2;
  }
}
.rc_container .loading-text {
  height: 25px;
  background-color: #e0e0e0;
  animation: blinker 1s linear infinite;
}
.rc_container .rc_content_layer.rc_write {
    width: calc(100vw - 750px) !important;
    min-width: 980px !important;
    margin-top: 20px !important;
    margin-bottom: 100px;
    border-radius: 0px;
}
.rc_container .rc_error {
    margin: 10px auto;
    text-align: left;
    color: #c72c24;
	font-size: 1rem;
   	line-height: 20px;
}
.rc_container .rc_error i {
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
}
.rc_content_layer .rc_boxTit {
    margin: 0 auto;
    padding: 2rem;
   	color: #000;
    font-size: 1.8rem !important;
    font-family: 'notokr-medium';
}
.rc_content_layer .subTitle{
    margin: 0 auto;
    padding: 0.4rem;
   	color: #000;
    font-size: 1.4rem !important;
    text-align:left;
    padding-left: 1.5rem;
}
.rc_content_layer .rc_boxCont {
	padding: 20px 50px 20px 50px;
}
.rc_content_layer .rc_txtBox {
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 1rem 2rem 1rem 2rem;
    margin: 0 auto;
	box-sizing: border-box;
}
.rc_content_layer .rc_txtBox.active {
    border: 2px solid #000;
}
.rc_content_layer .rc_txtBox i {
	display: inline-block;
    width: 50px;
    font-size: 1.8rem !important;
    vertical-align: middle;
}
.rc_content_layer .rc_txtBox input {
	display: inline-block;
    font-size: 1.3rem !important;
    border: none !important;
    margin-bottom: 0px !important;
}
.rc_content_layer .rc_txtBox input::placeholder {
    font-size: 1.3rem !important;
    color: #aaa
}
.rc_content_layer .rc_txtBox input:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.rc_content_layer .rc_txtBox .emailSearchBox {
	background-color: #FFF;
    position: absolute;
    border: 1px solid #ccc;
    padding: 15px;
    z-index: 999;
    transform: translate(50px, 0px);
}
.rc_content_layer .rc_txtBox .emailSearchBox li {
    font-size: 18px;
    color: #9b9b9b;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: left;
}
.rc_content_layer .rc_txtBox .emailSearchBox li:last-child {
    margin-bottom: 0px;
}
.rc_content_layer .rc_txtBox .emailSearchBox li.active {
    color: #0556b3;
}
.rc_content_layer .rc_txtBox .emailSearchBox li:hover {
    color: #0556b3;
}
.rc_content_layer .rc_txtBox_small {
    border: 2px solid #e4e4e4;
    border-radius: 10px;
    padding: 0.5rem 1rem 0.5rem 1rem;
    margin: 0 auto;
	box-sizing: border-box;
}
.rc_content_layer .rc_txtBox_small.active {
    border: 2px solid #000;
}
.rc_content_layer .rc_txtBox_small.error {
    border: 2px solid #c72c24;
}
.rc_content_layer .rc_txtBox_small input {
	display: inline-block;
    font-size: 1.1rem !important;
    border: none !important;
    margin-bottom: 0px !important;
}
.rc_content_layer .rc_txtBox_small input::placeholder {
    font-size: 1.1rem !important;
    color: #aaa
}
.rc_content_layer .rc_txtBox_small input:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.rc_content_layer .rc_txtBoxTit {
    font-family: 'notokr-medium';
    padding: 0.5rem 1rem 0.5rem 0rem;
    font-size: 1.2rem !important;
    text-align: left;
}
.rc_content_layer .rc_txtBoxSub {
    font-size: 0.8rem !important;
    text-align: left;
}
.rc_content_layer .rc_tableTit {
    font-family: 'notokr-medium';
    padding: 0.5rem 1rem 0.5rem 0rem;
    font-size: 1rem !important;
    text-align: left;
}
.rc_content_layer .registTable {
    border: 1px solid #666666;
    margin-bottom: 10px;
}
.rc_content_layer .registTable thead {
    background: #f5f5f5;	
}
.rc_content_layer .registTable th, .rc_content_layer .registTable td {
    border: 1px solid #666666;
    padding: 10px;
    font-size: 14px;
    text-align: center;
}

.rc_content_layer .rc_moreInfo {
    font-size: 0.9rem;
    text-align: left;
}
.rc_content_layer .rc_moreInfo a {
	margin-left: 0.1rem;
    font-size: 0.8rem !important;
    text-decoration: underline;
    text-underline-position: under;
    font-style: italic;
}
.rc_content_layer .privateInfoConfirm {
	height: 20rem;
	padding: 1rem;
	border: 1px solid #ccc;
	text-align: left;
    overflow-y: auto;
    font-size: 0.8rem !important;
    margin-top: 30px;
}
.rc_content_layer .privConfirmBtn {
    padding: 10px 20px;
    background: #bbbbbb;
    border-radius: 10px;
    font-size: 13px;
    color: #FFF;
}
.rc_content_layer .privConfirmBtn:hover {
    background: #959595;
}
.rc_content_layer [type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid #FFF !important;
    border-bottom: 2px solid #FFF !important;
    top: -2px !important;
    left: 0px !important;
}
.rc_content_layer [type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid #034da2 !important;
    background-color: #034da2 !important;
}
.rc_content_layer .chkAgreeRule {
	display: inline-block;
	text-align: left;
	margin-top: 0.5rem;
}
.rc_content_layer .chkAgreeRule2 {
	display: inline-block;
	text-align: left;
	margin-top: 0.5rem;
}
.rc_container .rc_content_btn {
    margin: 0.8rem auto 0 auto;
    width: calc(100vw - 1150px);
    min-width: 720px;
    padding: 15px 50px 15px 50px;
    background: #034da2;
    color: #F2F2F2;
    font-size: 1.1rem;
    cursor: pointer;
    box-sizing: border-box;
    z-index: 999;
}
.rc_container .rc_content_btn:hover {
    background: #002b5c;
}
.rc_content_layer .rc_content_layer_hd {
   	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	background: #FFFFFF;
	z-index: 99999;
}
.rc_content_layer .tabs {
   	border-bottom: 2px solid #CCC !important;
}
.rc_content_layer .tabs .tab a {
    color: #686868 !important;
    font-size: 1rem !important;
    font-family: 'notokr-regular' !important;
}
.rc_content_layer .tabs .tab a:hover, .materialize .tabs .tab a.active {
    color: #000 !important;
}
.rc_content_layer .tabs .indicator {
    height: 3px !important;
    background-color: #034da2 !important;
}
.rc_content_layer [type="radio"]:checked + span:after,
.materialize [type="radio"].with-gap:checked + span:after {
    background-color: #034da2 !important;
}
.rc_content_layer [type="radio"]:checked:disabled + span:after,
.materialize [type="radio"].with-gap:checked:disabled + span:after {
    background-color: #736666 !important;
}
.materialize [type="radio"]:checked + span:after,
.materialize [type="radio"].with-gap:checked + span:before,
.materialize [type="radio"].with-gap:checked + span:after {
    border: 2px solid #034da2 !important;
    display: block;
    content: '';
    background: url(/images/icons/check.svg) no-repeat 1px 3px;
}
.materialize [type="radio"]:checked:disabled + span:after,
.materialize [type="radio"].with-gap:checked:disabled + span:before,
.materialize [type="radio"].with-gap:checked:disabled + span:after {
    border: 2px solid #736666 !important;
}
.rc_content_layer .rc_rdUl {
    font-size: 1.3rem;
}
.rc_content_layer .rc_rdUl .rc_rdLi {
	padding: 15px 30px;
	border-bottom: 1px solid #ddd;
	text-align: left;
    cursor: pointer;
}
.rc_content_layer .rc_rdUl .rc_rdLi:hover {
	background: #efefef;
}
.rc_content_layer .rc_rdUl .rc_rdLi:first-child {
	border-top: 1px solid #ddd;
}
.rc_content_layer .rc_rdUl .rc_rdLi span.submit {
    color: #000;
}
.rc_content_layer .rc_rdLi_title {
    display: block;
    font-size: 22px;
    vertical-align: text-bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rc_content_layer .rc_rdLi_cont {
    display: inline-block;
    margin-top: 6px;
    color: #7a7a7a;
    font-size: 14px;
    word-spacing: -3px;
    border: 1px solid #7a7a7a;
    border-radius: 5px;
    padding: 3px 7px;
}
.rc_content_layer .rc_rdLi_cont.corp {
    color: #FFF;
    border: 1px solid #3a3a3a;
    background: #3a3a3a;
}
.rc_content_layer .rc_rdLi_cont.applyY {
    color: #FFF;
    border: 1px solid #0556b3;
    background: #0556b3;
}
.rc_content_layer .rc_rdLi_cont.applyN {
    color: #FFF;
    border: 1px solid #979797;
    background: #979797;
}
.rc_content_layer .arrowR {
    float: right;
    position: relative;
    top: -10px;
}
.rc_content .rc_content_c {
	border-radius: 5px;
    box-sizing: border-box;
    width: 100%;
	min-height: 190px;
    margin-bottom: 50px;
	background: #FFF;
	overflow: auto;
}
.rc_content_c .list_con {
    width: 100%;
    box-sizing: border-box;
	text-align: left;
	border-bottom: 1px solid #ddd;
    padding: 5px 40px;
}
.rc_content_c .list_con:last-child {
	border-bottom: none;
}
.rc_content_c .collapsible-header {
	text-align: left;
	font-size: 1.5em;
	color: #000;
    background-color: initial !important;
    border-bottom: none !important;
}
.rc_content_c .collapsible-body {
	text-align: left;
	font-size: 1.2em;
	word-spacing: 0px;
	color: #000;
    background-color: initial !important;
    border-bottom: none !important;
}
.rc_content_c.noInfo {
    display: table;
    top: 0px;
    left: 0px;
    border-radius: 0px;
    height: 100vh;
    background: none;
}
.rc_content_c.noInfo i {
	font-weight: bold;
	font-size: 10rem;
	display: block;
	margin-bottom: 20px;
}
.rc_content_c.noInfo span {
	font-weight: bold;
	font-size: 2rem;
}
.adminMenu .rc_adminMenu1L {
    min-width: 560px;
    width: calc(100vw - 580px);
    height: calc(100vh - 350px);
    min-height: 430px;
    box-sizing: border-box;
    background: #FFF;
    border-radius: 10px;
    padding: 40px;
    float: left;
}
.adminMenu .rc_adminMenu1R {
    width: 400px;
    height: calc(100vh - 350px);
    min-height: 430px;
    box-sizing: border-box;
    background: #FFF;
    border-radius: 10px;
    padding: 0px 40px;
    float: right;
    display: table;
}
.adminMenu .rc_adminMenu1L .appStatusChart {
    height: calc(100vh - 500px);
}
.adminMenu .rc_adminMenu1R .appStatusBox {
    min-width: 300px;
    vertical-align: middle;
    display: table-cell;
}
.adminMenu .rc_adminMenu1R .appStatusBox .statusT {
	font-size: 1.8rem;
   	margin-bottom: 20px;
    border-bottom: 1px solid;
    border-bottom: 2px solid #DDD;
}
.adminMenu .rc_adminMenu1R .appStatusBox .statusBL {
	font-size: 1.3rem;
    margin-right: 10px;
}
.adminMenu .rc_adminMenu1R .appStatusBox .statusBL div {
    position: relative;
    width: 35px;
    height: 35px;
    margin-bottom: 36px;
    color: #eee;
    z-index: 1;
}
.adminMenu .rc_adminMenu1R .appStatusBox .statusBL div:before {
    position: absolute;
    right: 13px;
    top: -16px;
    height: 77px;
    width: 7px;
    background: #eee;
    content: '';
    z-index: -1;
}
.adminMenu .rc_adminMenu1R .appStatusBox .statusBL div:after {
    position: absolute;
    top: 2px;
    width: 35px;
    height: 35px;
    left: 1px;
  	content: ' \25BC';
    color: #fff;
    font-size: 20px;
    line-height: 34px;
    background: #034da2;
    border-radius: 50%;
    text-align: center;
}
.adminMenu .rc_adminMenu1R .appStatusBox .statusBL div:nth-child(1):before {
  	top:50%;
}
.adminMenu .rc_adminMenu1R .appStatusBox .statusBL div:nth-child(4):before {
    top: -44%;
    height: 33px;
}
.adminMenu .rc_adminMenu1R .appStatusBox .statusBL .step1-ing:nth-child(1):before,
.adminMenu .rc_adminMenu1R .appStatusBox .statusBL .step2-ing:nth-child(-n+2):before,
.adminMenu .rc_adminMenu1R .appStatusBox .statusBL .step3-ing:nth-child(-n+3):before,
.adminMenu .rc_adminMenu1R .appStatusBox .statusBL .step4-ing:nth-child(-n+4):before{
  background:#034da2;
  background-position:-20px 0;
}

.adminMenu .rc_adminMenu1R .appStatusBox .statusBR {
	font-size: 1.3rem;
}
.adminMenu .appStatisticsBox {
	margin-top: 30px;
	width: calc(100% - 100px);
	display: inline-block;
	border-radius: 5px;
	padding: 30px 20px 40px 20px;
	background: #fff;
}
.adminMenu .appStatisticsBox span {
    color: black;
    font-family: 'notokr-medium';
}
.adminMenu .appStatisticsBox .appAvgTit {
	float: left;
	width: 100%;
	text-align: left;
	font-size:25px;
	margin: 0px 0px 10px 30px;
}
.adminMenu .appStatisticsBox .appAvgTit i {
    vertical-align: sub;
    font-size: 25px;
}
.adminMenu .appStatisticsBox .appAvgBox {
	width: 24%;
	height: 160px;
	display: inline-block;
	border-right: 3px solid #CCC;
	float: left;
}
.adminMenu .appStatisticsBox .appAvgBox p {
    color: black;
    font-family: 'notokr-medium';
}
.adminMenu .appStatisticsBox .appAvgBox i {
    vertical-align: sub;
}
.adminMenu .appStatisticsChartBox {
	margin-top: 30px;
	width: calc(100% - 50px);
	display: inline-block;
	padding: 20px 10px 20px 10px;
}
.appStatisticsChartBox .appChartBox {
	width: 450px;
	height: 350px;
	display: inline-block;
	vertical-align:top;
	border-radius: 10px;
    margin: 0px 30px 40px 30px;
    background: #fff;
}
.appStatisticsChartBox .appChartBox p {
	font-size: 18px;
	margin-bottom: 5px;
}
.appStatisticsChartBox .appChartBox .chartTitle {
	font-size: 1.4rem;
    text-align: left;
    padding: 10px 30px;
    color: #fff;
    background: #034da2;
    border-radius: 10px 10px 0px 0px;
}
.appStatisticsChartBox .appChartBox .chartTitle i {
    font-size: 1.9rem;
    vertical-align: sub;
}
.appStatisticsChartBox .appChartBox .chartCont {
    padding: 10px;
    height: 230px;
}
.appStatisticsChartBox .appChartBox .chartCont2 {
    margin-top: 15px;
}
.appStatisticsChartBox .appChartBox .chartCont2 .cardRankDiv:nth-child(2n) {
	background: #f3f4fd;
}
.appStatisticsChartBox .appChartBox .chartCont2 .cardRankDiv:nth-child(2n-1) {
	background: #FFF;
}
.appStatisticsChartBox .appChartBox .chartCont2 .cardRankDiv {
	text-align: left;
    padding: 2px 30px;
    font-size: 1.1rem;
}
.appStatisticsChartBox .appChartBox .chartCont2 .cardRankDiv .cardRankRound {
    background: #034da2;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
}
.appStatisticsChartBox .appChartBox .chartCont2 .cardRankDiv .cardRank {
	color: #fff;
}
.appStatisticsChartBox .appChartBox .chartCont2 .cardRankDiv .cardRankSub {
    color: #000;
    padding: 13px;
    width: 80%;
    display: inline-block;
}
.rc_content .rc_content_amt {
    box-sizing: border-box;
    width: 100%;
	min-height: 50px;
    margin-bottom: 15px;
	text-align: left;
	font-size: 1rem;
}
.rc_content_amt .rc_amtBtn {
	display: inline-block;
    box-sizing: border-box;
    border: 2px solid #CCC;
	color: #CCC;
	text-align: center;
	padding: 5px 10px 5px 10px;
    line-height: 30px;
    cursor: pointer;
    opacity: 0.5;
}
.rc_content_amt .rc_amtBtn.active {
	display: inline-block;
    box-sizing: border-box;
    border: 2px solid #FFF;
	color: #FFF;
	text-align: center;
	padding: 5px 10px 5px 10px;
    line-height: 30px;
    cursor: pointer;
    opacity: 1;
}
.rc_content_amt .rc_blueBtn {
	display: inline-block;
	width: 70px;
    box-sizing: border-box;
    border: 1px solid #CCC;
	color: #AAA;
	text-align: center;
	padding: 5px 10px 5px 10px;
    line-height: 30px;
    cursor: pointer;
    opacity: 1;
}
.rc_content_amt .rc_blueBtn.active {
    background: #034da2;
	color: #FFF;
}
.rc_content_amt .input-field {
	margin-bottom: 0px !important;
}
.rc_content_amt .input-field input {
	font-size: 1.2rem !important;
}
.rc_content_amt .input-field input.select-dropdown {
	border-bottom: 2px solid #FFF !important;
  	color: #FFF !important;
}
.rc_content_amt .input-field .caret {
  	fill: #FFF !important;
}
.rc_content_amt .appInfoBox {
	padding: 0px 5px;
    width: 130px;
    margin-right: 25px;
    vertical-align: middle;
}
.rc_content_amt .appInfoBox span {
	color: #eee;
	font-size: 1.2rem;
}
.rc_container .rc_resume_inputField {
	text-align: left;
	display: table;
}
.rc_container .rc_eduAppend_Field {
	position: relative;
}
.rc_container .rc_write_step {
	margin-bottom: 100px;
}
.rc_container .rc_write_step .row {
    margin-bottom: 0px !important;
}
.rc_container .rc_write_step .row .col {
    position: relative;
    padding: 0px !important;
    border: 1px solid #ccc;
    margin: -1px -1px 0px 0;
}
.rc_container .rc_write_step .row .col .rc_resume_input {
    font-size: 1.1rem !important;
    border: none !important;
    margin: 0 !important;
    padding: 14.5px 15px 14.5px 15px !important;
    box-sizing: border-box !important;
    height: 50px !important;
}
@media all and (max-width:1669px) {
	.rc_container .rc_write_step .row .col .rc_resume_input {
    	padding: 14.5px 10px 14.5px 10px !important;
	}
}
.rc_container .rc_write_step .gradeListTable .docFileList {
    overflow: hidden !important;
}
.rc_container .rc_write_step .gradeListTable .docFileList li {
    display: flex;
    align-items: center;
}
.rc_container .rc_write_step .gradeListTable .docFileList li .btn-del2 {
    margin-left: 5px;
}
.rc_container .rc_write_step .rc_resume_box2 {
	float: left;
	position: relative;
    margin: -1px -1px 0 0;
    padding: 13px 0px;
    margin-left: 10px;
    border: none;
}
.rc_container .rc_write_step .rc_resume_box3 {
	float: left;
	position: relative;
    padding: 14px 10px;
    margin: -1px -1px 0 0;
    border: 1px solid #ccc;
    font-size: 1rem !important;
    height: 21px;
}
.rc_container .rc_write_step .rc_resume_box2.buttonInputArea .divAdd {
    border: none;
    width: calc(100% - 65px);
    display: inline-block;
    float: left;
}
.rc_container .rc_write_step .rc_resume_box2.buttonInputArea .btnAddress {
    position: initial;
    float: right;
    margin-right: 20px;
}
.rc_container .rc_write_step .col.active {
    border: 1px solid #000 !important;
    border-radius: 2px !important;
	z-index: 2;
}
.rc_container .rc_write_step .col.error {
    border: 1px solid #f40a0a !important;
    border-radius: 2px !important;
	z-index: 2;
}
.rc_container .rc_write_step .rc_resume_a {
    padding: 14px 1px !important;
    height: 22px !important;
    font-size: 1rem !important;
    line-height: 22px;
    color: #FFF;
    background: #034da2;
    width: 99%;
    text-align: center;
}
.rc_container .rc_write_step .col input.selected {
    color: #000 !important;
}
.rc_container .rc_write_step .rc_resume_input::placeholder {
    font-size: 1rem !important;
    color: #a0a0a0;
}
.rc_container .rc_write_step .rc_resume_input:-ms-input-placeholder {
    font-size: 1rem !important;
    color: #a0a0a0;
}
.rc_container .rc_write_step .rc_resume_input::-ms-input-placeholder {
    font-size: 1rem !important;
    color: #a0a0a0;
}
.rc_container .rc_write_step .rc_resume_input:disabled {
    background-color: #eee !important;
}
.rc_container .rc_write_step .rc_resume_input:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.rc_container .rc_write_step input.select-dropdown {
	width: 100%;
	height: 50px !important;
    padding: 9px 15px 9px 15px !important;
	border: none !important;
  	color: #aaa !important;
	box-sizing: border-box !important;
	
    font-size: 1rem !important;
    line-height: 22px;
    -webkit-appearance: none;
    margin: 0 !important;
}
.rc_container .rc_write_step ul.dropdown-content.select-dropdown li {
	padding-top: 5px !important;
	width: 90%;
	margin: 0 auto;
}
.rc_container .rc_write_step .caret {
  	color: #444;
}
.rc_container .rc_write_step .bb td, .rc_container .rc_write_step .bb th {
    padding: 0 !important;
}
.rc_write_step .introTitle {
	display: inline-block;
	margin-bottom: 15px;
    text-align: left;
}
.rc_write_step .introDiv {
    display: block;
    text-align: left;
}
.rc_write_step .introDiv span {
    font-size: 1.1rem;
    color: #939393
}
.rc_write_step .introCont {
    min-height: 120px;
	display: block;
    font-size: 1rem;
    text-align: left;
    border: 1px solid #bbb;
    padding: 10px;
    width: 100%;
    max-height: 500px;
}
.rc_write_step .introSub {
	display: inline-block;
    font-size: 0.9rem !important;
    text-align: left;
    margin-bottom: 15px;
}	
.rc_boxCont h1 {
	color: #000;
	text-align: left;
	margin-bottom: 15px;
    font-size: 1.5rem;
}
.rc_boxCont h2 {
	color: #000;
	text-align: left;
	margin-bottom: 10px;
    font-size: 1.3rem;
    font-family: 'notokr-medium';
}
.rc_boxCont h3 {
	color: #000;
	text-align: left;
	margin-bottom: 8px;
    font-size: 1.1rem;
}
.rc_content_layer .findTit {
	font-size: 1.4rem;
    text-align: left;
    margin: 50px 0px 20px 20px;
}
.rc_content_layer .findCont {
	padding: 50px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 1.3rem;
    margin: 00px 20px 50px 20px;
}
.changeInfoLayer {
	width:500px !important;
}
.changeInfoLayer input {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #ccc !important;
    box-shadow: none !important;
}
.changeInfoLayer table tr:first-child, .changeInfoLayer table tr:first-child th, .changeInfoLayer table tr:first-child td {
	border-top: hidden !important;
}
.changeInfoLayer table tr:last-child, .changeInfoLayer table tr:last-child th, .changeInfoLayer table tr:last-child td {
	border-bottom: hidden !important;
}
.changeInfoLayer .changeInfoClosebtn {
    color: #474747;
    position: absolute;
    top: 20px;
    right: 25px;
    cursor: pointer;
}
.changeInfoLayer .changeInfoClosebtn i {
    font-size: 30px;
}
.changeInfoLayer .changeInfoConfirmbtn {
    border-radius: 0px 0px 10px 10px;
    box-sizing: border-box;
    font-size: 1rem;
    color: #FFF;
    width: 100%;
    line-height: 37px;
    margin-bottom: -1px;
}
.rc_address_layer {
    z-index: 1000;
	width:740px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 15px;
}
.rc_address_layer .univClosebtn {
    display: inline-block;
    background-color: #2d508a;
    font-size: 1rem;
    padding: 15px 0px 15px 0px;
    color: #FFF;
    width: 100%;
    float: left;
    height: 50px;
    line-height: 40px;
    box-sizing: border-box;
}
.rc_address_layer .layerPopupHeader {
	padding: 10px 0px;
    margin: 20px 20px 0px 20px;
    border-bottom: 1px solid #8d8d8d;
}
.rc_address_layer .layerTitle {
    font-family: 'notokr-medium';
    font-size: 1.6rem;
    color: #323232;
    text-align: left;
}
.rc_address_layer .LayerPopupMain {
    padding: 20px;
    text-align: left;
    font-size: 1rem;
    line-height: 1.5rem;
}
.rc_address_layer .btn {
    background-color: #2d508a;
    padding: 5px;
    color: #FFF;
    cursor: pointer;
    display: inline;
}
.rc_address_layer .layerPopupEnd {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
.rc_address_layer .layerPopupEnd .univBox {
    padding: 20px;
    text-align: left;
    font-size: 1rem;
    line-height: 1.5rem;
}
.rc_address_layer .layerPopupEnd .univBox input {
    border: 0;
    padding: 5px;
    text-align: left;
    font-size: 1.1rem;
    color: #0176dd;
}
.rc_address_layer .layerPopupEnd .univBox input:focus {
    border: 0;
}
.layerClosebtn {
    color: #474747;
    position: absolute;
    top: 20px;
    right: 25px;
}
.layerClosebtn i {
    font-size: 30px;
    cursor: pointer;
}
.layerInfo {
    font-size: 0.9rem;
    color: #515d9c;
    margin-bottom: 10px;
}
.layerInfo span {
    vertical-align: middle;
    margin-left: 5px;
}
.layerInfo i {
    vertical-align: middle;
}
.rc_address_layer .pagination a {
    width: 25px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border: 1px solid #ddd;
}
.rc_address_layer .table table tbody td .selButton {
    width: 24px;
    height: 24px;
    background: url(/images/popup/sel_button.png) no-repeat;
    cursor: pointer;
    border: none;
}
.rc_address_layer .pagination .pages .self {
    font-size: 1.1rem;
}
.rc_address_layer .pagination .pages .other {
    font-size: 1rem;
    cursor: pointer;
}
.rc_address_layer .info {
    color: #0176dd;
}
.rc_content_i {
	display: flex;
	gap : 15px;
}
.rc_content_i .rc_resume_ul {
	display: block;
    height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 5px !important;
}
.rc_content_i .rc_resume_ul .rc_resume_li {
}

.rc_content_i .rc_resume_ul .rc_resume_li .chkBox{
    display: inline-block;
    vertical-align: top;
}
.rc_content_i .rc_resume_ul .rc_resume_li .appDiv {
    display: inline-block;
    width: 100px;
    height: 115px;
    background: #FFF;
    padding: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    border-radius: 10px;
    border-left: 5px solid #aeb7c0;
}
.rc_content_i .rc_resume_ul .rc_resume_li .appDiv.active {
    border-left: 5px solid #e7b95f;
}
.rc_content_i .rc_resume_ul .rc_resume_li:focus {
    background: #CCC;
}
.rc_content_i .rc_resume_ul .rc_resume_li .rc_card_img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
.rc_content_i .rc_resume_ul .rc_resume_li .rc_card_img img {
    border-radius: 50%;
    height:100%;
    width: 100%;
}
.rc_content_i .rc_resume_ul .rc_resume_li .rc_card_name {
    display: block;
    font-size: 1.2rem;
    color: #000;
    margin-top: 10px;
    margin-bottom: 5px;
}
.rc_content_i .rc_resume_ul .rc_resume_li .rc_card_age {
    display: block;
    margin-bottom: 3px;
    font-size: 0.8rem;
}
.rc_content_i .rc_resume_ul .rc_resume_li .rc_card_cont {
    font-size: 0.8rem;
    margin-right: 10px;
}
.rc_content_i .rc_resume_ul::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.rc_content_i .rc_resume_ul::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
.rc_content_i .rc_resume_ul::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}
.rc_content_i .resumeArea {
    background: #fff;
    box-sizing: border-box;
    height: 120vh;
    display: inline-block;
    padding: 20px;
    border-radius: 10px;
    flex: 1;
}
.rc_content_i .resumeArea:after {
    position: absolute;
    content: "";
    bottom: -50px;
    height: 50px;
    width: 1px;
}
.rc_content_i .resumeIframe {
    display: block;
    border: none;
    height: 116vh;
    width: 980px;
}
.rc_content_i .resumeArea .evalArea {
    width: calc(100% - 1000px);
    float: right;
    transition: all 0.2s ease-out;
}
.rc_content_i .resumeArea .evalArea .evalSlideBtn {
	display: none;
}
.rc_content_i .resumeArea .evalArea .evalBtn1 {
    width: 98%;
    box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.2rem;
    margin-top: 10px;
}
.rc_content_i .resumeArea .evalArea .evalBtn1.disabled {
    background: #848484;
}
.rc_content_i .resumeArea .evalArea .evalBtn2 {
    width: calc(50% - 5px);
    box-sizing: border-box;
    font-size: 1.2rem;
}
.rc_content_i .resumeArea .intvCont {
    display: inline-block;
    height: calc(116vh - 70px);
    width: 100%;
    overflow: auto;
    margin-top: 20px;
    padding: 15px;
    box-sizing: border-box;
}
.rc_content_i .resumeArea .intvCont::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.rc_content_i .resumeArea .intvCont::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
.rc_content_i .resumeArea .intvCont::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}
.rc_content_i .resumeArea .intvTextarea {
    border: 1px solid #ccc !important;
    font-size: 1rem;
    border-radius: 5px;
    box-shadow: none !important;
    padding: 15px;
    min-height: 100px;
    max-height: 300px;
    overflow: auto;
}
.rc_content_i .resumeArea .intvTextarea:disabled {
    background-color: #e5e5e5 !important;
}
.rc_content_i .resumeArea .starClear {
    border: 1px solid #ccc !important;
    border-radius: 5px;
    font-size: 1rem;
    vertical-align: top;
    padding: 3px 10px;
    cursor: pointer;
}.rc_content_i .resumeArea .rc_evalLayer {
	width: 100%;
	min-width:100%;
	padding: 0;
    margin-top: 0px;
}
.rc_content_i .resumeIframe .rc_boxCont {
    padding: 0px;
}
.rc_resume_table {
    width: 98.5% !important;
    margin: 0 auto;
	border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.rc_resume_table tbody tr {
	border-bottom: none !important;
}
.rc_resume_table tr.bb, td.bb {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12)  !important;
}
.rc_resume_table th {
	color: #000;
	font-size: 16px;
}
.rc_resume_table td {
	font-size: 14px;
}
.rc_resume_btn {
	padding: .15rem .35rem;
  	background: #034da2;
  	color: #fff;
  	border-radius: 5px;
}
.pictureTable .picForm {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.pictureTable .picForm .picture {
    width: 105px;
    height: 140px;
    margin-right: 15px;
    text-align: center;
}
.pictureTable .remarkPicture {
    display: inline-block;
    vertical-align: bottom;
}
.pictureTable .remarkPicture p {
    font-size: 0.8rem;
}
.pictureTable .remarkPicture a {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.rc_write_menu {
    position: fixed;
    z-index: 100;
    background: #FFF;
    border-radius: 10px;
    top: 135px;
    right: 2vw;
}
.rc_write_menu .rc_write_menu_li {
	border-bottom: 1px solid #EEE;
    cursor: pointer;
    padding: 10px;
    font-size: 11px;
}
.rc_write_menu .rc_write_menu_li i {
    font-size: 22px;
}
.rc_write_menu .rc_write_menu_li.active {
    background: #f6f6f9;
    color: #034da2;
}
.rc_write_menu .rc_write_menu_li.active:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.rc_write_menu .rc_write_menu_li.active:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.rc_write_menu .rc_write_menu_li:last-child {
	border-bottom: none;
}


.blind {
	 position: absolute;
	 overflow: hidden;
	 margin: -1px;
	 padding: 0;
	 width: 1px;
	 height: 1px;
	 border: none;
	 clip: rect(0, 0, 0, 0);
}
.startRadio {
	 display: inline-block;
	 overflow: hidden;
	 height: 40px;
}
 .startRadio:after {
	 content: "";
	 display: block;
	 position: relative;
	 z-index: 10;
	 height: 40px;
	 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAACCBJREFUeNrsnHtwTFccx38pIpRQicooOjKkNBjrUX0ww0ijg4qpaCPTSjttPWYwU/X4o/XoH/7w7IMOQyg1SCco9d5EhTIebSSVoEQlxLQhoRIiJEF/33vOPrLdTe/u3pW7u/c3c/aeu3vuub/fZ3/nnN8999wb8piFDPFYnjIQGAANgAZAA6A+xXxZJD1LY70q9ohjg5kHRX5oZ6JGIYYHuiXrzxCduSHShjP69cAQPcaB92qIuq4k+uuO2G/fkqhgMlHzJoYHqpIlJ6zwzEjILz5heKAqKbkrvO9utbIbzwn6ZbQIFV4Y1cLwwHpl3hErvK2PP6MMTpnI4zv8ZjTheuRsKdG6320s7bniY22uKGMAdCGzfiaqfaRk17DnnbN8L/OrHz4WZQyATuRgEdHeS0r2CqcZTorMxG8ok1loAPxP0Dwj0xYCssdVOJaR332nkDwojjEAStmYR5R7XckeZ1DzXZXj375AGZT9Ps8AaA2aPz9s3V2n4pC1+JhzWBwb9AC/PEV0TTRYM3tY6v+V5zIAaMYxODaoAd6oJFp03MbSHe74wLHXK4MYIALjigdKdjt71n61x8my23Ds/CNBCvB8GVFqrtOgWa0ogw3qQF1BB3B23aA5393j5TFrUEdDBtcNAvAQh8q7CpTsNbD05uKFU/HuAlFnUAC0n2lGYMye9I+ndfGxtxF4I49AvCGC6ycOcBM3vOy/lewpBjDX2/pkHSdPl4i6Axrg/VoOmrPqBsQaiRKAo26c40mKzyZU0bn/cZMohz0D3oHLL6Tb95WfM9lzXtfUkAWUwZu41mFEvduJ1CeKyMSpWwRRYx+5iiZ35XBJlXdDgMq5LqDll7r0BkwbTPaBLahzJf9BcVk8oGTZDSphbGWPtgKmSYLt+aw291jc9sBbVQKSAkt61kX2tIfOa0GvlMPpNCdEfbmy4/ddk1pArXnTW6Y+nEycejiWw23SmAjhqQDbR8Jt00xDgFf5ejOXIWVbmmCJ+M6FnJSgcmTKZ1j39TBjwlDDJESTTAA7wFnZTuEMNUqA7Rsl8vhOFcAfLxAdKxaw4GXwNmdOaOdVOdKzLjKsh+RHwlAb8SZGeqrJzlvbOJaFV5pkvzqwI9HoF1wARHCbuI2o2obiqgSUbdcEr1IAC4PtZNcF9JVbfEehjHzrGKI3u9bThLecJXpvp7VPW8XAJlMQCwNdyZtJ6DM3JhCNi1XRB67mhjlpr7ghyzKaIe4MUniMjHZgWc6q4UQTTCoDaRRcNNS6u4MrGhyE8GDzDuTBwhm8eq9EZrzMkf1A2/U/V2gKIngYUA4pVzcDBQuP48BpZqLlvypZjMl9uTmfD3B43eWg2Wxaf6Kv4728FkYF7/dSsggxs/gEMQEMD7bhar0ZbP4qXoPJBHSgqSOJxnRTdvkCiPbxiaIDEB5s2gcbYStsVrOmU9UlNobwzaOJhgls0XJg6RhA8DrKASMaNsJWtStiVc9RIIjcnigicZaenNL5xO0CAB5sSIdNsA02wla14tYkD2Yvdr8jLrzltWSavHj3V3jQPQ22wCbY5u4MjduzZK2aEu0fR9Q9UtkdLCGG+SE86LwFNsAW2ATb3BWPphnbNicy8wmjhe8N4/SDHzogPO+Nzq2FLbDJE/F4nrZDONGBZKLnWiq7o/gfTfcj74OuCVi8bk4WtngqXk10d3mGx/0k67+XyIpt8gN40DEROu9PEjZ4I17fKcDUODpf2X8ks4LrdQwPuiVDV+gM3b0VTW61vNSeg6ix1hEshRVN1SE86JQCHaErdNakXi3vyu25RPTWVuuEbFO+bq7WCbxQ3jywxLIjumhXt6Y3+6CYKcq6q6fZG0UX6KYlPM0BQq6U27I6AnjFQTd9AqyqFU8aIcvNt0Qv9KQuVdCtqlbHAItsd3yLdDgIFznoqEOA5X4AsNzwQMMDDQ80PNDwQF0CLLT9u4U6BFjooKO+AFbWEJXeE1mOu0r1Rk/qVAkdK2t0CFDn/Z/P+kHN3hujdf8XskBZGWVZG3GUPShbI4Cx0DW2rd4AauSBDC6ON1M4JTh8jwVOK+Q7FAwPdAJuLG8+JHGPhZ5uQvSRnM9JzVH6LQBN4HIHeLuWQaZ7DLA8gAAykAm8SeI0BPuRzdn9+okUIdcrz+GGvOI3kcruKYCH8XFY/JPGIFcHBEB3QxgGgEe8RnAahP3nWxFNH8Au2Ft4n70A5LxBYpUU3tyx7KQyNQXgQ7ied3m7h0EubIhQRrMZ6chlRDfFmupINuamC2i4hQNww0msblAeP5j1CrtgLFETlTFBzSN2vbPieeF8W8CElwBgbctCPv8tF+eP4E0Z/pCy6ToCeKeaKHyxyLLy4U4Ux3oaPBg40fIdllHMZnAjuqpbxOM0toPrFTAxBnm0uM5PaNaLWJc/neiC5wxaVszkj1CdxIGuRmBWtp+8jQhDJgIUFmgfTSH6ZTzRSC/gKfWTqAN1HeM6R8VY60O/eonPvRk6+HIk1gagwwDCSr8uww4szUxG0xzPDTaPzfrpbaLXOmgfIb/Kde7kcTyffTyll7U7GAcdoAt08sVAokkT/pZHxykHRJYTHgKIt4QiH3Mo8smA+h9W8YUUV4jBZk1OnUs3vA3uAqep37CGU/vrBCCe/11i93o6hCJTZSji7qNTWgseFkL4s1yEQFbBiL80TidhjKU5IBT5VIYienlZIv7AuXYh0FIRAmkWymjigR/sEu85TXrRd4+VaiV4DDftHFHGZaINo3QUBwarGO+RNgAaAA2AwSz/CjAAQpkGTQKEVKkAAAAASUVORK5CYII=") repeat-x 0 0;
	 background-size: contain;
	 pointer-events: none;
}
.startRadio__box {
	 position: relative;
	 z-index: 1;
	 float: left;
	 width: 20px;
	 height: 40px;
	 cursor: pointer;
}
.startRadio__box input {
	 opacity: 0 !important;
	 height: 0 !important;
	 width: 0 !important;
	 position: absolute !important;
}
.startRadio__box input:checked + .startRadio__img {
	 background-color: #0084ff;
}
.startRadio__img {
	 display: block;
	 position: absolute;
	 right: 0;
	 width: 500px;
	 height: 40px;
	 pointer-events: none;
}
.custom {
    background-color: initial;
    cursor: default;
    -webkit-appearance: radio;
    box-sizing: border-box;
    margin: 3px 3px 0px 5px;
    padding: initial;
    border: initial;
}
.chkAgreeRuleBox span {
    font-size: 1.2rem;
}
.chkAgreeRuleBox input {
    height: 20px;
    width: 20px;
    vertical-align: sub;
}
.applicationCompleteLayer .p2 {
    font-size: 1rem;
}
.rc_qna_layer {
    z-index: 1000;
	width:700px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 10px;
}
.rc_qna_layer .layerPopupHeader {
    padding: 10px 0px;
    margin: 20px 20px 0px 20px;
}
.rc_qna_layer .layerPopupHeader .layerTitle {
    font-size: 1.7rem;
    color: #323232;
    text-align: center;
    margin-bottom: 15px;
}
.rc_qna_layer .layerPopupHeader p {
    font-size: 0.9rem;
    margin-left: 30px;
    margin-bottom: 2px;
    text-align: left;
    color: #aaa;
}
.rc_qna_layer .layerPopupMain {
    padding: 10px 50px;
    text-align: left;
    font-size: 1rem;
}
.rc_qna_layer .layerPopupMain input {
	width: 100%;
	font-size: 20px;
	padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.rc_qna_layer .layerPopupMain textarea {
	width: 100%;
	height: 370px;
	font-size: 19px;
	padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow-y: auto;
}
.rc_qna_layer .qnaSubmitbtn {
    border-radius: 0px 0px 8px 8px;
    display: inline-block;
    background-color: #2d508a;
    font-size: 1rem;
    padding: 15px 0px 15px 0px;
    color: #FFF;
    width: 100%;
    margin-bottom: -1px;
}
.rc_qna_layer .qnaClosebtn {
    color: #474747;
    position: absolute;
    top: 20px;
    right: 25px;
    cursor: pointer;
}
.rc_qna_layer .qnaClosebtn i {
    font-size: 40px;
}
.applicationCompleteLayer .p3 {
    font-size: 1.1rem;
}
.rc_announce_tit {
	background: #034da2;
    padding: 40px 30px;
	color: #FFF;
    font-size: 1.6rem;
    text-align: left;
}
.rc_announce_cont {
    padding: 30px 40px;
    text-align: left;
    font-size: 1rem;
    color: #000;
}
.txtBlur {
 	filter: blur(4px);
  	-webkit-filter: blur(4px);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.txtBlur {
		background-color: #555;
	}
}
.rc_srchlist {
    background: #FFF;
    border: 1px solid #ccc;
    padding: 10px;
    list-style: none;
    display: none;
    position: absolute;
    z-index: 100;
    width: 300px;
    height: 200px;
}
.rc_srchlist li {
    cursor: pointer;
}
.rc_resume_ul .rPrintBtn {
    background: #EB7474;
    padding: 10px 4px;
    font-size: 14px;
    float: right;
    margin-bottom: 10px;
    margin-left: 6px;
}
.rc_resume_ul [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    border: 2px solid #388ad7 !important;
}
.rc_resume_ul [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #388ad7 !important;
}
.rc_resume_ul [type="checkbox"].filled-in:checked + span:not(.lever):after {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #388ad7 !important;
    background-color: #388ad7 !important;
}
.rc_resume_ul [type="checkbox"].filled-in:checked + span:not(.lever):before {
    width: 6px !important;
    height: 11px !important;
}


.rc_slider{
    /* width: 640px; */
    height: 500px;
    position: relative;
    margin: 0 auto;
}
.rc_slider input[type=radio]{
    display: none;
}
ul.rc_imgs{
    padding: 0;
    margin: 0;
}
ul.rc_imgs li{
    position: absolute;
    opacity: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    transition-delay: 0.9s;
}
.rc_bullets{
    position: absolute;
    left: 50%; /* 가로로 가운데 정렬 */
    transform: translateX(-50%);
    bottom: 20px; /* 슬라이드 밑에서 20px 간격 띄움 */
    z-index: 2; /* 슬라이드 위에 보이도록 레이어 순위를 높임 */
}
.rc_bullets label{
    display: inline-block;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.55);
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.rc_slider input[type=radio]:nth-child(1):checked~.rc_bullets>label:nth-child(1){
    background-color: #fff;
}
.rc_slider input[type=radio]:nth-child(2):checked~.rc_bullets>label:nth-child(2){
    background-color: #fff;
}
.rc_slider input[type=radio]:nth-child(3):checked~.rc_bullets>label:nth-child(3){
    background-color: #fff;
}
.rc_slider input[type=radio]:nth-child(1):checked~ul.rc_imgs>li:nth-child(1){
    opacity: 1;
    transition: 1s;
    z-index: 1;
}
.rc_slider input[type=radio]:nth-child(2):checked~ul.rc_imgs>li:nth-child(2){
    opacity: 1;
    transition: 1s;
    z-index: 1;
}
.rc_slider input[type=radio]:nth-child(3):checked~ul.rc_imgs>li:nth-child(3){
    opacity: 1;
    transition: 1s;
    z-index: 1;
}
.interviewBtnBox {
  display: inline-flex;
  gap: 10px;
  float: right;
  width: calc(100vw - 800px);
  justify-content: flex-end;
}
.interviewBtnBox .interviewBtn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  height: 45px;
  border: none;
  padding: 0px 10px;
  border-radius: 5px;
  background-color: #FFF;
  gap: 10px;
  cursor: pointer;
  transition: all 0.3s;
}
.interviewBtnBox .interviewBtn:hover {
  background-color: #f3f3f3 !important;
}
.interviewBtnBox .folderContainer {
  width: 40px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.interviewBtnBox .fileBack {
  z-index: 1;
  width: 80%;
  height: auto;
}
.interviewBtnBox .filePage {
  width: 50%;
  height: auto;
  position: absolute;
  z-index: 2;
  transition: all 0.3s ease-out;
}
.interviewBtnBox .fileFront {
  width: 85%;
  height: auto;
  position: absolute;
  z-index: 3;
  opacity: 0.95;
  transform-origin: bottom;
  transition: all 0.3s ease-out;
}
.interviewBtnBox .transcript:hover .transcriptSvg {
  transform: translate(0px, 2px);
  transition: all 0.3s ease-out;
}
.interviewBtnBox .personality:hover .personalitySvg {
  transform: scale(1.05);
  transition: all 0.3s ease-out;
}
.interviewBtnBox .submit:hover .submitSvg {
  transform: translate(0px, -2px);
  transition: all 0.3s ease-out;
}
.interviewBtnBox .text {
  color: #000;
  font-size: 13px;
  font-weight: 600;
}
.interviewBtnBox .interviewBtn:hover .filePage {
  transform: translateY(-5px);
}
.interviewBtnBox .interviewBtn:hover {
  background-color: rgb(58, 58, 94);
}
.interviewBtnBox .interviewBtn:hover .fileFront {
  transform: rotateX(30deg);
}
.rc_content_i .EvalStatus {
	display: block !important;
	background: #e78812;
    font-size: 14px;
    margin-bottom: 10px;
    width: 95px;
    left: 60px;
    padding: 0.6rem 1.75rem;
    top: 90px;
    position: fixed !important;
}
.rc_content_i .printTranscriptAll {
	display: block !important;
	background: #128fe7;
    font-size: 14px;
    margin-bottom: 10px;
    left: 60px;
    top: 130px;
    padding: 0.6rem;
    width: 131px;
    position: fixed !important;
}
.rc_content_i .printAptitudeAll {
	display: block !important;
	background: #7d6eff;
    font-size: 14px;
    margin-bottom: 10px;
    left: 60px;
    top: 170px;
    padding: 0.6rem;
    width: 131px;
    position: fixed !important;
}
.rc_eval_layer {
    padding: 10px;
    background: #fff;
}
.rc_eval_layer .rc_evalTit {
    margin: 0 auto;
    padding: 0.8rem;
   	color: #000;
    font-size: 1.8rem !important;
}
.rc_eval_layer .rc_evalCont .rc_resume_table th, .rc_eval_layer .rc_evalCont .rc_resume_table td{
	text-align: center;
}
.rc_eval_layer .rc_resume_table .evalY {
    background: #b3ceff;
    padding: 5px 10px;
    color: #000b89;
    border-radius: 10px;
}
.rc_eval_layer .rc_resume_table .evalN {
    background: #ffb3b3;
    padding: 5px 10px;
    color: #890000;
    border-radius: 10px;
}
.intvCont .scoreBox {
	margin-top: 10px;
    margin: 10px auto;
    display: table;
}
.intvCont .scoreBox .scorePart {
    display: inline-block;
    border-right: 1px dashed #b1b1b1;
    line-height: 30px;
    text-align: center;
    height: 90px;
    vertical-align: bottom;
}
.intvCont .scoreBox .scorePart .scoreRdBox {
    height: 50px;
}
.intvCont .scoreBox .scorePart.w1 {
    width: 145px;
}
.intvCont .scoreBox .scorePart.w2 {
    width: 100px;
}
.intvCont .scoreBox .scorePart:after {
    position: relative;
    display: block;
    border-top: 1px dashed #b1b1b1;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}
.intvCont .scoreBox .scorePart:nth-child(1):after {
    content: '채용 불가';
}
.intvCont .scoreBox .scorePart:nth-child(2):after {
    content: '채용 고려';
}
.intvCont .scoreBox .scorePart:nth-child(3):after {
    content: '채용 가능';
}
.intvCont .scoreBox .scorePart:nth-child(4):after {
    content: '채용 적극추천';
}
.intvCont .scoreBox .scorePart:last-child {
    border-right: none;
}
.intvCont .scoreBox .scorePart .scoreTxt {
    position: relative;
    font-size: 15px;
    top: -20px;
    left: 18px;
    font-size: 14px;
}
.rc_container .rc_boxCont .interviewerUl {
    border: 1px solid #eae7ff;
    border-radius: 10px;
    text-align: left;
}
.rc_container .rc_boxCont .interviewerUl .interviewerli {
    position: relative;
    text-align: left;
    height: 55px;
    padding: 15px;
    cursor: pointer;
}
.rc_container .rc_boxCont .interviewerUl .interviewerli.active {
    background: #f0f4fb;
}
.rc_container .rc_boxCont .interviewerUl .interviewerli:hover {
    background: #f0f4fb;
}
.rc_container .rc_boxCont .interviewerUl .interviewerli:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.rc_container .rc_boxCont .interviewerUl .interviewerli:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.rc_container .rc_boxCont .interviewerUl .interviewerli .intvImg {
    position: absolute;
    top: 20px;
    height: 45px;
    width: 45px;
    border-radius: 50%;
}
.rc_container .rc_boxCont .interviewerUl .interviewerli .intvEmpBox {
    margin: 11px 0px 0px 52px;
    top: 20px;
}
.rc_container .rc_boxCont .interviewerUl .interviewerli .intvSd {
    float: right;
    font-size: 11px;
    text-align: right;
    color: #ccc;
}
.rc_container .rc_boxCont .interviewerUl .interviewerli .intvEn {
    font-size: 16px;
    color: #000;
}
.rc_container .rc_boxCont .interviewerUl .interviewerli .intvDn {
    font-size: 12px;
    margin-top: 3px;
    color: #000;
}
.rc_container .rc_boxCont .interviewBox {
    min-height: 500px !important;
}
.rc_container .rc_boxCont .interviewBox .intvTit {
    text-align: left;
    font-size: 17px;
    color: #000;
}

.rc_container .rc_boxCont .introBox {
	line-height: 25px;
}

.list_circle{
  border-radius: 1000px;
  position: absolute;
  left:0;
  top:0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  margin-top: 0px;
  pointer-events: none;
  z-index: -1;
}
.explode-circle {
   animation: explode 0.5s forwards;
}
.desplode-circle{
   animation: desplode 0.5s forwards;
}
@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: #efefefab;
  }
  100% {
    width: 1500px;
    height: 1500px;
    margin-left: -750px;
    margin-top: -750px;
    background-color: #efefef;
  }
}

@keyframes desplode {
  0% {
    width: 1500px;
    height: 1500px;
    margin-left: -750px;
    margin-top: -750px;
    background-color: #efefef;
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: #efefefab;
  }
}

.toast {
    position: fixed;
    left: 50%;
    top: 70% !important;
    background: rgba(66,66,66,0.7);
    border-radius: 10px;
    color: #fff;
    padding: 12px 23px;
    font-size: 16px;
    transform: translate(-50%, -50%);
    z-index: 99999;
}
.rc_logMonitoring_layer {
    z-index: 1000;
	width:1100px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 15px;
}
.rc_logMonitoring_layer .layerPopupHeader {
	padding: 10px 0px;
    margin: 20px 20px 0px 20px;
    border-bottom: 1px solid #8d8d8d;
}
.rc_logMonitoring_layer .layerTitle {
    font-family: 'notokr-medium';
    font-size: 1.6rem;
    color: #323232;
    text-align: left;
}
.rc_logMonitoring_layer .LayerPopupMain {
    padding: 20px;
    text-align: left;
    font-size: 1rem;
    line-height: 1.5rem;
}
.rc_logMonitoring_layer .LayerPopupMain .dateStr {
    font-family: 'notokr-medium';
    font-size: 1rem;
    margin-right: 15px;
}
.rc_logMonitoring_layer .logMonitoringClosebtn {
    color: #474747;
    position: absolute;
    top: 20px;
    right: 25px;
    cursor: pointer;
}
.rc_logMonitoring_layer table td {
	padding: 7px 5px;
}
.rc_logMonitoring_layer .loading-text {
    display: block;
	height: 24px;
	background-color: #e0e0e0;
	animation: blinker 1s linear infinite;
}
.rc_logMonitoring_layer .logSpan {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90px;
    display: block;
}
#changeInfoLayer table td, #changeInfoLayer table th {
    padding: 12px 5px;
}
/* 면접관 태블릿 */
@media all and (max-width:1669px) {
	.rc_content_i .rc_resume_ul {
   		top: 235px;
	}
	.interviewBtnBox {
	    display: flex;
	    width: 100%;
	    margin-top: 15px;
	}
	.rc_content .rc_content_amt {
      	min-height: 100px;
	}
	.rc_content_i .resumeArea .evalArea {
    	position: fixed;
    	width: 570px !important;
    	float: none;
    	right: -565px;
    	top: 60px;
    	z-index: 999;
	}
	.rc_content_i .resumeIframe {
    	width: 100% !important;
	}
	.rc_content_i .resumeArea .evalArea .rc_content_layer {
	    border-top-left-radius: 0px;
    	border: 1px solid #e4e4e4;
		margin-top: 20px;
	}
	.rc_content_i .resumeArea .evalArea .evalSlideBtn {
    	display: block;
	    position: absolute;
	    background: #fff;
	    top: 175px;
	    left: -40px;
	    width: 40px;
	    height: 100px;
	    border-top-left-radius: 10px;
	    border-bottom-left-radius: 10px;
	    writing-mode: vertical-lr;
	    line-height: 40px;
	    font-family: 'notokr-medium';
	    font-size: 14px;
    	border: 1px solid #e4e4e4;
    	border-right: 0px;
	    cursor: pointer;
	    z-index: 10;
	}
	.rc_content_i .resumeArea .intvCont {
		height: calc(100vh - 160px);
	}
}
/* 면접관 태블릿 */
/* 모바일 */
@media all and (max-width:1000px) {
	.rc_background {
	    background: #FFF !important;
	    height: 100%;
	    position: fixed;
	}
	.rc_container {
    	background: #FFF;
    	height: initial;
	}
	.rc_container .rc_content_layer {
        min-width: initial;
	    width: 100%;
	    margin: 0px;
    	padding: 0px;
	    border-radius: 0px;
	    box-shadow: none !important;
	    -webkit-box-shadow: none !important;
	}
	.rc_container .btn.sendEmail {
	    width: 95px;
	    margin-left: 10px;
    	padding: 0.8rem 0.8rem !important;
	}
	.rc_container .rc_error {
    	font-size: 0.9rem;
	}
	.rc_content_layer .rc_txtBox {
    	padding: 10px;
	}
	.rc_content_layer .rc_boxTit {
		display: none;
	}
	.rc_content_layer .rc_boxCont {
    	padding: 20px;
	}
	.rc_content_layer .rc_boxCont.login {
    	padding: 100px 20px 20px 20px;
	}
	.rc_content_layer .rc_moreInfo span:first-child {
		display: none;
	}
	.rc_content_layer .rc_moreInfo {
	    display: flex;
	    justify-content: space-around;
	}
	.rc_content_layer .rc_moreInfo a {
    	font-size: 0.7rem !important;
	}
	.rc_content_layer .rc_txtBox, .rc_content_layer .rc_txtBox_small {
	    border: none;
	    border-bottom: 1px solid #e3e3e3;
	    border-radius: 0px;
    	padding: 5px 0px;
	}
	.rc_content_layer .rc_txtBox.active, .rc_content_layer .rc_txtBox_small.active {
	    border: none;
	    border-bottom: 1px solid #034da2;
	}
	.rc_content_layer .rc_txtBox_small.error {
	    border: none;
	    border-bottom: 1px solid #c72c24;
	}
	.rc_content_layer .rc_txtBox input, .rc_content_layer .rc_txtBox_small input {
    	font-size: 1rem !important;
	}
	.rc_content_layer .rc_txtBox input::placeholder, .rc_content_layer .rc_txtBox_small input::placeholder {
    	font-size: 1rem !important;
	}
	.rc_content_layer .rc_txtBox i {
    	font-size: 1.5rem !important;
	}
	.rc_content_layer .rc_txtBoxTit {
	    font-size: 1.1rem !important;
	    padding: 0.3rem 0.5rem 0.3rem 0rem;
	}
	.rc_content_layer .findTit {
    	font-size: 1rem;
	}
	.rc_content_layer .findCont {
    	font-size: 1.1rem;
    	padding: 30px 0px;
	}
	.rc_content_layer .rc_txtBox .emailSearchBox {
		display: none !important;
	}
	.registAgree .rc_content_layer {
    	padding: 15px;
	}
	.registAgree .rc_content_btn {
	    width: initial !important;
	    min-width: initial !important;
	    margin-bottom: 50px !important;
	}
	.rc_container .rc_content_btn {
	    width: calc(100vw - 35px);
	    min-width: auto;
	    box-shadow: none !important;
	    -webkit-box-shadow: none !important;
	    border-radius: 10px;
    	padding: 10px 20px;
    	font-size: 1rem;
	}
	.rc_container .rc_btnList .btn {
	    padding: 0px 10px;
	    font-size: 15px;
	    line-height: 40px;
	    height: 40px;
	}
	.rc_content {
    	margin: 0px;
    	width: 100vw;
    	min-width: initial;
	}
	.rc_content .rc_content_h {
    	display: none;
	}
	.rc_content .rc_content_h .rc_menuUl {
	    line-height: 50px;
	    margin-left: 20px;
	}
	.rc_content .rc_content_c {
	    box-shadow: none !important;
	    -webkit-box-shadow: none !important;
    	border: none !important;
    	margin: 0px !important;
	}
	.rc_content_c .collapsible-header {
    	font-size: 1.3em;
	}
	.rc_content_c .collapsible-body {
	    font-size: 1.1em;
	    padding: 1.5rem !important;
	}
	.rc_content_c .list_con {
    	padding: 5px 10px;
	}
	.rc_content .rc_content_left, .rc_content .rc_content_right {
		display: none;
	}
	.rc_content .rc_content_mobile {
		display: block;
	}
	.rc_content .rc_content_mobile .swiper {
    	max-height: 200px;
	    width: calc(100vw - 10px);
    	margin: 0px auto;
	}
	.rc_content .rc_content_mobile .swiper-pagination {
	    position: relative;
	    margin-top: 10px;
	}
	.rc_content .rc_content_mobile .card p {
      font-family: 'notokr-medium';
	  font-size: 18px;
	  line-height: 20px;
	  color: #666;
      margin-bottom: 30px;
      word-break: keep-all;
	}
	.rc_content .rc_content_mobile .card p.small {
	  font-size: 14px;
	  line-height: 20px;
      margin-bottom: 10px;
	}
	.rc_content .rc_content_mobile .go-corner {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  position: absolute;
	  width: 32px;
	  height: 32px;
	  overflow: hidden;
	  top: 0;
	  right: 0;
	  background-color: #003e99;
	  border-radius: 0 4px 0 32px;
	}
	.rc_content .rc_content_mobile .go-arrow {
      margin-top: -7px;
      margin-right: -4px;
      color: white;
      font-family: courier, sans;
      font-size: 19px;
	}
	.rc_content .rc_content_mobile .card1 {
	  display: block;
	  position: relative;
	  background-color: #f2f4f9;
	  border-radius: 10px;
	  padding: 32px 24px;
	  margin: 12px;
	  text-decoration: none;
	  z-index: 0;
	  overflow: hidden;
	}
	.rc_content .rc_content_mobile .card1:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: -16px;
	  right: -16px;
	  background: #003e99;
	  height: 32px;
	  width: 32px;
	  border-radius: 32px;
	  transform: scale(1);
	  transform-origin: 50% 50%;
	  transition: transform 0.25s ease-out;
	}
	.rc_content .rc_content_mobile .card1:hover:before {
	  transform: scale(21);
	}
	.rc_content .rc_content_mobile .card1:hover p {
	  transition: all 0.3s ease-out;
	  color: rgba(255, 255, 255, 0.8);
	}
	.rc_content .rc_content_mobile .card1:hover h3 {
	  transition: all 0.3s ease-out;
	  color: #fff;
	}
	.rc_content .rc_content_mobile .mobileMTit {
	    text-align: left;
	    padding: 10px 0px;
	    font-family: 'notokr-medium';
	    font-size: 15px;
	    border-bottom: 1px solid #ccc;
    	margin: 30px 15px 0px 15px;
	    color: #000;
	}
	.rc_content .rc_content_rt {
	    box-shadow: none !important;
	    -webkit-box-shadow: none !important;
	    padding: 15px;
    	margin-bottom: 0px;
	}
	.rc_content .rc_content_rb {
	    box-shadow: none !important;
	    -webkit-box-shadow: none !important;
    	padding: 20px;
	}
	.rc_content .rc_content_rb .share {
		display: none;
	}
	.rc_content .rc_content_lb {
	    width: 100%;
	    margin: 0px;
	    border-radius: 0px;
	}
	.rc_content_lb .list_con {
    	padding: 15px 20px !important;
	}
	.rc_content_lb .list_con .con_state {
    	font-size: 12px;
	}
	.rc_content_lb .list_con .con_tit {
    	font-size: 17px;
	}
	.rc_content_lb .list_con .con_subTit {
    	font-size: 11px;
	}
	.rc_content_lb .list_con .con_apply {
		top : 15px;
    	font-size: 1em;
	}
	.rc_header:not(.mob) {
		display: none;
	}
	.rc_header.mob {
		display: block;
    	position: relative;
    	min-width: auto;
    	text-align: right;
	    padding: 0px 15px;
	    box-sizing: border-box;
    	height: 60px;
	}
	.rc_header.mob .sidenav-trigger i {
    	line-height: 60px;
	}
	.rc_header .rc_logo, .rc_header .rc_logo2, .rc_header .rc_logo3 {
	    position: absolute;
	    left: 50%;
	    transform: translate(-50%, 0px);
	}
	.rc_header .rc_logo img {
		height: 30px;
	}
	.rc_header .rc_logo2 img {
		height: 55px;
	}
	.rc_header .rc_logo3 img {
		height: 35px;
	}
	.privacyLayer {
    	height: calc(100vh - 50px);
	}
	.privacyLayer .privacyContent {
    	padding: 10px 15px;
	}
	.privacyLayer .privacyContent h1 {
	    font-size: 25px;
	    margin-bottom: 15px;
	}
	.privacyLayer .privacyContent h2 {
    	font-size: 20px;
    	margin-left: 0px;
	}
	.privacyLayer .privacyContent .privTable {
    	margin: 10px;
	}
	.privacyLayer .indexList {
    	padding: 15px;
	}
	.privacyLayer .privacyContent p {
    	font-size: 13px;
    	margin-left: 0px;
	}
	.privacyLayer .indexList .indexRow a {
    	font-size: 13px;
	}
	.privacyLayer .privacyContent select {
	    padding: 5px 10px;
	    font-size: 13px;
	}
	.materialize .sidenav {
	    width: 200px !important;
	    box-shadow: 5px 5px 10px #000;
	    -webkit-box-shadow: 5px 5px 10px #000;
	}
	.rc_modal {
    	min-width: 80vw;
	    padding: 20px;
	}
	.rc_modal_msg {
	    font-size: 1rem;
	}
	.rc_enroll_box i {
    	font-size: 3.5rem;
	}
	.rc_modal .rc_modal_btn {
	    padding: 5px 15px;
	    font-size: 15px;
	}
	.rc_modal_close {
    	padding: 10px 20px;
	}
	.recruitContents .mobileTableBox {
	    width: calc(100vw - 50px);
	    overflow-x: scroll;
	}
	.post_pop_container {
	    width: calc(100vw - 50px);
	    overflow: auto;
	    min-width: initial;
	}
	.rc_qna_layer {
    	width: calc(100vw - 50px);
	}
	.rc_qna_layer .layerPopupHeader .layerTitle {
    	font-size: 1.4rem;
	}
	.rc_qna_layer .layerPopupHeader p {
	    font-size: 0.8rem;
	    margin-left: 0px;
	}
	.rc_qna_layer .layerPopupMain input {
    	font-size: 16px;
	}
	.rc_qna_layer .layerPopupMain textarea {
    	font-size: 16px;
	}
	.rc_content_c.noInfo i {
		font-weight: bold;
		font-size: 5rem;
		display: block;
		margin-bottom: 20px;
	}
	.rc_content_c.noInfo span {
		font-weight: bold;
		font-size: 1rem;
	}
	footer {
		display: none !important;
	}
}
/* 모바일 */
.materialize .row.resumeSum {
	margin-bottom: 0px;
}
.resumeSumSkel {
	height: 50px;
	background-color: #e0e0e0;
	animation: blinker 1s linear infinite;
	margin-left: 40px;
	border-radius: 10px;
	margin-bottom: 30px;
    width: 90%;
}
.resumeSumBox {
    background: #e1ecffdd;
    padding: 15px;
    text-align: left;
    display: flex;
    gap: 10px;
    margin-left: 40px;
    border-radius: 10px;
    flex-direction: column;
    margin-bottom: 30px;
    width: 90%;
}
.resumeSumBox div:nth-child(1) {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #034da2;
    font-family: 'notokr-medium';
    font-size: 15px;
}
.resumeSumBox div:nth-child(2) {
    color: #5e5e5e;
    font-size: 16px;
}

.full-screen{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.font15{
	font-size: 15px;
}
.exist1 {
	font-size:18px;
    font-weight: bold;
}


.aptitudeTb {
    border: 2px solid #315f97 !important;
    border-spacing: 0px;
    font-size: 13px;
    margin: 0 auto;
}
.aptitudeTb thead {
    background-color: #e6eef7;
    height: 35px;
    text-align: center;
}
.aptitudeTb td {
    border: 1px solid #a69fca !important;
    padding: 7px 5px !important;
}
.aptitudeTb th {
    padding: 7px 5px !important;
}
.aptitudeTb .cw {
    color: #fff;
    background-color: #315f97;
}
.aptitudeTb .cb {
    color: #315f97;
}
.aptitudeTb .cr {
    color: #315f97;
}
.aptitudeTb .lvl {
    color: red;
    background-color: #f9eded;
    font-size: 40px;
    text-align: center;
    font-family: 'notokr-Medium';
}
.aptitudeTb .rate {
    color: #000;
    background-color: #f9eded;
    font-size: 35px;
    text-align: center;
    font-family: 'notokr-Medium';
}
.aptitudeTb .disc {
    font-size: 12px !important; 
    letter-spacing: -1px;
}
.aptitudeTb .desc {
    color: #000;
    background-color: #f9eded;
    font-family: 'notokr-Medium';
}
.aptitudeBt {
	display: flex;
	gap: 10px;
    margin: 50px auto 300px auto;
}
.aptitudeBt .dv1 {
	flex: 0.7;
}
.aptitudeBt .dv2 {
	flex: 1;
}
.aptitudeBt p {
	text-align: left;
	font-size: 15px;
	margin-bottom: 10px;
}
.aptitudeSeqNo {
    color: #000;
    text-align: left;
    font-size: 1.5rem;
    font-family: 'notokr-medium';
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 10px;
    margin-bottom: 30px;	
}
.aptitudeSeqNo span {
    font-size: 1.2rem;
    margin-left: 20px;
}
/* footer */
footer {
  display: flex;
  margin-top: 40px;
  padding: 15px 0px 15px 0px;
  background: #000000ad;
}
footer .footerContent {
  width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer .footerContent .fdc {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
footer .footerContent .fdc .rights {
  color: #cbcbcb;
  font-size: 13px;
  font-family: 'notokr-regular';
}
footer .footerContent a.priv {
  color: #FFF !important;
  cursor: pointer;
  font-size: 15px;
  color: #b9b9b9;
  font-family: 'notokr-medium';
}
footer .footerContent a:hover {
  font-family: 'notokr-medium';
  text-underline-position: under;
  text-decoration-line: underline;
}

footer .button-wrapper {
  display: flex;
  align-items: center;
  position: relative; /* position 설정 */
}

footer .circle {
  width: 22px;
  height: 22px;
  background-color: #647282;
  color: #cbcbcb;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  margin-left: 10px;
}

footer .text {
  margin-left: 10px;
  font-size: 15px;
  cursor: pointer;
  position: relative;
  color: #cbcbcb;
}

footer .dropleft {
  display: flex;
  position: absolute;
  left: -420px;
  gap: 20px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

footer .dropleft a {
  cursor: pointer;
  color: #FFF;
  font-family: 'notokr-regular';
}
footer .dropleft a:hover {
  cursor: pointer;
  color: #FFF;
  font-family: 'notokr-medium';
}

footer .button-wrapper:hover .dropleft {
    opacity: 1; /* 마우스 오버 시 보이도록 설정 */
}
/* footer */
.hPulseBorder {
  overflow: visible;
  position: relative;
}
.hPulseBorder::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 2px solid #e7b95f;
  border-radius: inherit;
  -webkit-transition: opacity .15s, -webkit-transform .15s;
  transition: opacity .15s, -webkit-transform .15s;
  transition: opacity .15s, transform .15s;
  transition: opacity .15s, transform .15s, -webkit-transform .15s;
  animation: hPulse-animation 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  z-index: 10;
}

#auth-layer {
  display: none; /* 항상 열어두려면 block, 아닐 땐 none */
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 1000;
}

 /* 모달 박스 */
#auth-layer .auth-modal {
  position: fixed;               /* absolute → fixed 로 바꿔 뷰포트 기준으로 */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);  /* ← 이 한 줄이 없으면 왼쪽/위로 반만 이동합니다 */
  width: 360px;                  /* 단일 width 선언 */
  max-width: 90%;                /* 화면이 더 작으면 90% 너비로 축소 */
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
  font-family: 'Noto Sans KR', sans-serif;
}

 /* 헤더 */
 #auth-layer .auth-modal .header {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0057A4;
  color: #fff;
  height: 48px;          /* 높이를 48px로 고정 */
  padding: 0 16px;       /* 좌우 여백만 유지 */
  position: relative;
}
#auth-layer .auth-modal .header i.material-icons {
  font-size: 24px;
  margin-right: 8px;
}
 #auth-layer .auth-modal .header h2 {
  font-size: 18px;
  margin: 0;
}
  #auth-layer .auth-modal .header .close-btn {
  position: absolute;
  top: 0;
  right: 12px;
  width: 48px;           /* 헤더 높이와 동일 */
  height: 48px;
  font-size: 24px;       /* 아이콘 크기도 키움 */
  line-height: 48px;     /* 텍스트(×) 수직 중앙 */
  text-align: center;    /* 수평 중앙 */
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
}

 /* 폼 내부 공통 */
#auth-layer .auth-modal .content {
   padding: 24px;
 }
.form-row {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.form-row .btn {
  flex: 0 0 90px;       /* ← 버튼 너비를 90px로 고정 (필요시 조정) */
  height: 40px;         /* ← 입력창 높이(≈40px)에 맞춤 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;     /* ← input-group 과 버튼 간격 */
}
.input-group {
  flex: 1;
  display: flex;
  align-items: center;
  background: #f7f9fc;
  border: 1px solid #d1d9e6;
  border-radius: 6px;
  padding: 8px 12px;
}
.input-group i.material-icons {
  font-size: 20px;
  color: #888;
  margin-right: 8px;
}
.input-group input {
  border: none;
  outline: none;
  background: transparent;
  flex: 1;
  font-size: 14px;
}

/* 버튼 스타일 */
.btn {
  cursor: pointer;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  padding: 10px 16px;
  transition: background 0.3s;
}
.btn.send-code {
  background: #e7ecf4;
  color: #333;
}
.btn.send-code:hover {
  background: #d1d6e3;
}
.btn.verify {
  background: #0057A4;
  color: #fff;
}
.btn.verify:hover {
  background: #004080;
}

#auth-layer .auth-modal .header .close-btn {
  position: absolute;
  top: 50%;
  right: 12px;               /* 옆 여백은 필요에 따라 12~16px 조절 */
  transform: translateY(-50%);
  width: 28px;               /* 버튼 크기 */
  height: 28px;
  font-size: 18px;           /* × 폰트 크기 */
  line-height: 28px;         /* 높이와 동일하게 */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: transparent;
  border: none;
  cursor: pointer;
}

/* 피드백 영역 스타일 */
#auth-feedback {
  font-size: 14px;
  margin-bottom: 12px;
  padding: 8px 12px;
  border-radius: 4px;
}

#auth-feedback.success {
  background: #e6f4ea;
  color: #2c662d;
  border: 1px solid #c3e6cb;
}

#auth-feedback.error {
  background: #fbeaea;
  color: #842029;
  border: 1px solid #f5c2c7;
}

@keyframes hPulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.00);
            transform: scale(1.00);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}