body {
	font-family: "Noto Sans KR", sans-serif, "Source Sans Pro", "sans-serif";
	overflow: auto;
	width: 100%;
    height: 100%;
    min-width: 1900px;
}

br {
	font-family: sans-serif, "Source Sans Pro", "sans-serif";
}

button {
	transition : 0.2s;	
}

input::placeholder {
  color: #aaa;
}

.main_wrap {
	min-height: 801px;
    padding-left: 250px;
    padding-right: 250px;
}
.logo {
	width: 100px;
	height: 80px;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 12px;
}
.logo img {
	width: 100%;
}
.logo-User {
	width: 250px;
    height: 70px;
    text-align: center;
    display: inline-block;
    padding: 8px;
}
.cursor-p {
	cursor: pointer;
}
.wd-100 {
	width: 100%;
}

.wd-80p {
	width: 80px;
}
.wd-100p {
	width: 100px;
}
.wd-100pI {
	width: 100px !important;
}
.wd-130pI {
	width: 130px !important;
}
.wd-230pI {
	width: 230px !important;
}
.wd-310pI {
	width: 310px !important;
}
.wd-33 {
	width: 33.3%;
}
.wd-50p {
	width: 50px;
}
.wd-74p {
	width: 74px !important;
}
.wd-82p {
	width: 82px;
}
.wd-120p {
	width: 120px !important;
}
.wd-150p {
	width: 150px !important;
}
.wd-165pI {
	width: 165px !important;
}
.wd-170p {
	width: 170px;
}
.wd-138pI {
	width: 138px !important;
}
.wd-200p {
	width: 200px;
}
.wd-200pI {
	width: 200px !important;
}
.wd-250p {
	width: 250px;
}
.wd-277p {
	width: 277px;
}
.wd-300p {
	width: 300px !important;
}
.wd-350p {
	width: 350px;
}
.wd-400p {
	width: 400px;
}
.wd-600p {
	width: 600px;
}
.wd-650p {
	width: 650px;
}
.wd-1160p {
	width: 1160px;
}
.wd-30 {
	width: 30%;
}
.wd-70 {
	width: 70%;
}
.wd-20 {
	width: 20%;
}
.wd-80 {
	width: 80%;
}
.wd-90 {
	width: 90%;
}

.ht-32p {
	height: 32px;
}
.ht-34p {
	height: 34px;
}
.ht-34p {
	height: 37px;
}
.ht-40p {
	height: 40px;
}
.ht-50p {
	height: 50px;
}
.ht-70p {
	height: 70px;
}
.ht-100p {
	height: 100px;
}
.ht-73vh {
	height: 73.3vh;
}
.ht-80vh {
	height: 80.1vh;
}
.ht-87vh {
	height: 87.1vh;
}

/* background */
.bg-ddd {
	background: #ddd;
}
.bg-white {
	background: #FFF;
}
.bg-F7FBFA {
	background: #F7FBFA;
}
.bg-787878 {
	background: #787878;
}
.bg-deeaff {
	background: #deeaff;
}
.bg-F2F2F2 {
	background: #F2F2F2;
}
.bg-frontImage {
	background: url("/resources/images/bg.png");
}


.login_form {
	margin: 0 auto;
	width: 490px;
	position: relative;
}
.login_input {
	width: 250px;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.login_form.custom {
	width: 100%;
}
.login_input.custom {
	width: calc(100% - 125px);
}
/* margin */

.mg-T6p {
	margin-top: 6px;
}
.mg-T10p {
	margin-top: 10px;
}
.mg-T15p {
	margin-top: 15px;
}
.mg-T25p {
	margin-top: 25px;
}
.mg-T20p {
	margin-top: 20px;
}
.mg-T30p {
	margin-top: 30px;
}
.mg-T40p {
	margin-top: 40px;
}
.mg-TB5p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mg-TB5p {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mg-TB25p {
	margin-top: 25px;
	margin-bottom: 25px;
}
.mg-B4p {
	margin-bottom: 4px;
}
.mg-B5p {
	margin-bottom: 5px;
}
.mg-B8pI {
	margin-bottom: 8px !important;
}
.mg-B10p {
	margin-bottom: 10px;
}
.mg-B15p {
	margin-bottom: 15px;
}
.mg-B20p {
	margin-bottom: 20px;
}
.mg-B25p {
	margin-bottom: 25px;
}
.mg-B30p {
	margin-bottom: 30px;
}
.mg-B40p {
	margin-bottom: 40px;
}
.mg-B41p {
	margin-bottom: 41px;
}
.mg-B45p {
	margin-bottom: 45px;
}
.mg-B50p {
	margin-bottom: 50px;
}
.mg-B70p {
	margin-bottom: 70px;
}
.mg-L5p {
	margin-left: 5px;
}
.mg-L10p {
	margin-left: 10px;
}
.mg-L13p {
	margin-left: 13px;
}
.mg-L15p {
	margin-left: 15px;
}
.mg-L16p {
	margin-left: 16px;
}
.mg-L20p {
	margin-left: 20px;
}
.mg-L30p {
	margin-left: 30px;
}
.mg-L50p {
	margin-left: 50px;
}
.mg-L70p {
	margin-left: 70px;
}
.mg-L221p {
	margin-left: 221px;
}
.mg-R4p {
	margin-right: 4px;
}
.mg-R7p {
	margin-right: 7px;
}
.mg-R20p {
	margin-right: 20px;
}
.mg-R30p {
	margin-right: 30px;
}
.mg-R10p {
	margin-right: 10px;
}
.mg-R50p {
	margin-right: 50px;
}
.mg-RL4p {
	margin-left: 4px;
	margin-right: 4px;
}
.mg-L15B5p {
	margin-left: 15px;
	margin-bottom: 5px;
}
.mg-RL5p {
	margin-left: 5px;
	margin-right: 5px;
}
.mg-RL10p {
	margin-left: 10px;
	margin-right: 10px;
}
.mg-RL15p {
	margin-left: 15px;
	margin-right: 15px;
}
.mg-RL50p {
	margin-left: 50px;
	margin-right: 50px;
}
.mg-Reset {
	margin: 0;
}
.mg-R80p {
	margin-right: 80px;
}
.backMGL-16 {
	margin-left: -16px; 
}

/* line-height */
.lh-1 {
	line-height: 1;
}
.lh-2 {
	line-height: 3;
}
.lh-235 {
	line-height: 2.35;
}
.lh-235I {
	line-height: 2.35 !important;
}
.lh-100p {
	line-height: 100px;
}

.normalInfoFrom p {
	margin: 0;
}

.float-R {
	float: right;
}
.float-L {
	float: left;
}

/* flex */
.flex {
	display: flex;
}
.flex-D-C {
	flex-direction: column;
}

/* align */
.ai-center {
	align-items: center;
}
.jc-center {
	justify-content: center;
}
.jc-space-around {
	justify-content: space-around;
}
.jc-space-between {
	justify-content: space-between;
}
.aItem {
	align-items: center;
}
.aContent-C {
	align-content: center;
}
.txt-center {
	text-align: center;
}
.txt-left {
	text-align: left;
}
.txt-left-force{
	text-align: left !important;
}
.txt-right {
	text-align: right;
}

/* position */
.position-a {
	position: absolute;
}
.position-r {
	position: relative;
}
.login_btn {
	width: 100px;
	height: 91px;
	top: 0;
	right: 0;
}
.account_btn {
	width: 100px;
	height: 38px;
	top: 106px;
	right: 0;
}
.next_btn {
	width: 150px;
	height: 38px;
	background: #83a9c9;
	color: #fff;
	border: none;
}

/* border */

.common-bd {
	border: 1px solid #ddd;
}
.common-bd-83a9c9 {
	border: 1px solid #83a9c9;
}
.common-bd-TB {
	border-top: 3px solid #787878;
	border-bottom: 3px solid #787878;
}
.common-bd-R5 {
	border-radius: 5px;
}
.common-bd-R100 {
	border-radius: 100px;
}
.common-bdL1 {
	border-left: 1px solid #fff;
}
.bd-R-c6c6c6 {
	border-right: 1px solid #c6c6c6;
}
.bd-L-ddd {
	border-left: 1px solid #ddd;
}
.bd-T-ddd {
	border-top: 1px solid #ddd;
}
.bd-B-ddd {
	border-bottom: 1px solid #ddd;
}


/* Display */
.dp-inlineB {
	display: inline-block;
}

/* padding */
.pd-reset {
	padding: 0;
}
.pd-resetI {
	padding: 0 !important;
}
.pd-T20RLB40p {
	padding: 20px 40px 40px 40px;
}
.pd-T30RLB40p {
	padding: 30px 40px 40px 40px;
}
.pd-TB20pRL40p {
	overflow:auto;
	padding: 20px 40px;
}
.pd-TB20pL40p {
	margin-top: 60px;
	padding: 20px 40px;
	min-height: 700px;
}
.pd-T20pL40pB0 {
	margin-top: 120px;
	padding: 20px 40px 20px 0;
	min-height: 700px;
}
.pd-T20pRL40pB0 {
	/* margin-top: 120px; */
	margin-top: 60px;
	padding: 20px 40px 0;
}
.pd-T20pRL70pB0 {
	margin-top: 60px;
	padding: 20px 70px 0;
}
.onjcureTab {
	min-height: 700px;
}
.pd-8p {
	padding: 8px;
}
.pd-TB2RL8p {
	padding: 2px 8px;
}
.pd-T2RL8B8p {
	padding: 2px 8px 8px;;
}
.pd-T8RL8B2p {
	padding: 8px 8px 2px;
}
.pd-10p {
	padding: 10px;
}
.pd-14p {
	padding: 14px;
}
.pd-15p {
	padding: 15px;
}
.pd-17p {
	padding: 17px;
}
.pd-L17p {
	padding-left: 17px;
}
.pd-L20p {
	padding-left: 20px;
}
.pd-21p {
	padding: 21px;
}
.pd-T10p {
	padding-top: 10px;
}
.pd-TB4pRL35p {
	padding: 4px 35px;
}
.pd-TB8pRL0p {
	padding: 8px 0px;
}
.pd-TB8pRL35p {
	padding: 8px 35px;
}
.pd-TB15pRL35p {
	padding: 15px 35px;
}
.pd-RL20p {
	padding-left: 20px;
	padding-right: 20px;
}
.pd-TB40p {
	padding-top: 40px;
	padding-bottom: 40px;
}
.pd-TB5p {
	padding-top: 5px;
	padding-bottom: 5px;
}
.pd-TB6pRL15p {
	padding: 6px 15px;
}
.pd-inline-start-none {
	padding-inline-start: 0 !important;
}
.pd-inline-start-20p {
	padding-inline-start: 20px !important;
}

input:focus, select:focus {
	outline: 2px solid #4799ff;
}
input, select {
	padding: 4px;
}

.footer_wrap {
	bottom: 0;
	position: relative;
	text-align: center;
	/* padding: 41px 0 31px; */
	/*color: #fff;*/
	color: rgb(0, 19, 58);
	height: 126px;
}
.footer_wrap.background_custom {
    /*background: rgba(0,19,58,0.9);*/
    background: rgba(255,255,255,0.9);
}
.c-content {
	height: 100%;
}
.transform-y105 {
    transform: translateY(105%);
}
.transform-y100 {
    transform: translateY(65%);
}
.transform-y60 {
    transform: translateY(60%);
}
.transform-y55 {
    transform: translateY(55%);
}
.transform-y50 {
    transform: translateY(50%);
}

.account-content li {
	display: inline-block;
	margin: auto 5px;
	cursor: pointer;
}
.accountLi a {
	color: #000;
	font-size: 12px;
}

.cl-red {
	color: red;
}
.cl-white {
	color: #fff;
}
.cl-787878 {
	color: #787878;
}
.cl-417199 {
	color: #417199;
}
.cl-0080ff {
	color: #0080ff;
}

.fz-12 {
	font-size: 12px;
}
.fz-14 {
	font-size: 14px;
}
.fz-16 {
	font-size: 16px;
}
.fz-18 {
	font-size: 18px;
}
.fz-20 {
	font-size: 20px;
}
.fz-22 {
	font-size: 22px;
}
.fw-bold {
	font-weight: bold;
}
.fw-300 {
	font-weight: 300;
}

.word-active {
	font-weight: bold;
	cursor: pointer;
}

.accountSection1-1 > div {
	color: #fff;
}
.accountSection1-1 > div > .selected {
	background: #83a9c9;
	color: #fff;
}

select {
	background: url('/resources/images/down_arrow.png') no-repeat 97% 50%;
	background-size: 15px;
	padding-right: 30px;
}

/* check box */
.checks {position: relative;}

.checks input[type="checkbox"] { 
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  
  content: ' ';
  display: inline-block;
  width: 21px;  
  height: 21px; 
  line-height: 21px; 
  margin: -2px 8px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  
  content: '\2714';  
  color: #99a1a7;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

.checks.small input[type="checkbox"] + label {
  font-size: 12px;
}

.checks.small input[type="checkbox"] + label:before {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

.checks.etrans input[type="checkbox"] + label {
  padding-left: 30px;
  line-height: 21px;
}
.checks.etrans.custom input[type="checkbox"] + label {
  padding-left: 25px;
  line-height: 21px;
}
.checks.etrans input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  opacity: .6;
  box-shadow: none;
  border-color: #cacece;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.checks.etrans.intro input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity:1; 
  background: transparent;
  /*border-color: transparent #337ffd #337ffd transparent;*/
  border-color: transparent #ffffff #ffffff transparent;
  border-top-color:transparent;
  border-left-color:transparent;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.checks.etrans input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity:1; 
  background: transparent;
  /*border-color: transparent #337ffd #337ffd transparent;*/
  border-color: transparent #000000 #000000 transparent;
  border-top-color:transparent;
  border-left-color:transparent;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}
.btn-custom {
	background: #787878;
	color: #fff;
}
.btn-custom:hover {
	opacity: 0.5;
	color: #fff;
}
.btn-normal:hover {
	opacity: 0.5;
}
.checks.etrans {
	margin-top: 15px;
	margin-bottom: 15px;
}
.checks.etrans.custom {
	margin: 0 0 0 10px;
}
.checks.etrans.custom2 {
	margin: 0 0 0 20px;
}
.checks.etrans.custom label {
	margin-bottom: 0;
}
.checks.etrans.custom2 label {
	margin-bottom: 0;
}
.checks.etrans.nomargin {
	margin-top: auto;
	margin-bottom: auto;
}

.common-select {
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 4px 12px;
    height: 32px;
    width: 200px;
}

/* marker checkBox */
/* check box */
.checks {position: relative;}
.checks.etrans.customMarker {
	margin: 0;
}
.checks input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks.etrans.customMarker input[type="checkbox"] + label:before {
  content: ' ';
  display: inline-block;
  width: 21px;  
  height: 21px; 
  line-height: 21px;
  margin: -2px 8px 0 0;
  text-align: center; 
  vertical-align: middle;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 100%;
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  background: #337ffd;
}

.checks input[type="checkbox"]:checked + label:before {   
  content: '\2714'; 
  color: #99a1a7;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  background: #337ffd;
}

.checks.etrans.customMarker input[type="checkbox"] + label {
  padding-left: 21px;
  line-height: 21px;
  margin: 0;
}
.checks.etrans.customMarker input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  opacity: .6;
  box-shadow: none;
  border-color: #cacece;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.checks.etrans.customMarker input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 21px;
  height: 21px;
  top: 0;
  left: 0;
  border-radius: 100%;
  opacity:1; 
  background: #337ffd;
  border-color: #337ffd;
  transform: rotate(0deg);
}



/* radio button account */
.checks-radio-account {
	position: relative;
} 
.checks-radio-account input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
.checks-radio-account input[type="radio"] + label { 
	display: inline-block; 
	position: relative; 
	padding-left: 20px; 
	cursor: pointer; 
	margin: 0;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
} 
.checks-radio-account input[type="radio"] + label:before { 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: 3px; 
	width: 16px; 
	height: 16px; 
	text-align: center; 
	background: #fafafa; 
	border: 1px solid #cacece; 
	border-radius: 100%; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); 
} 
.checks-radio-account input[type="radio"] + label:active:before, 
.checks-radio-account input[type="radio"]:checked + label:active:before { 
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); 
} 
.checks-radio-account input[type="radio"]:checked + label:before { 
	background: #E9ECEE; 
	border-color: #adb8c0; 
} 
.checks-radio-account input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: 6px; 
	left: 3px; 
	width: 10px; 
	height: 10px; 
	background: #337ffd; 
	border-radius: 100%; 
	/* box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);  */
}

/* radio button */
.checks-radio {
	position: relative;
} 
.checks-radio input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
.checks-radio input[type="radio"] + label { 
	display: inline-block; 
	position: relative; 
	padding-left: 20px; 
	cursor: pointer; 
	margin: 0;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
} 
.checks-radio input[type="radio"] + label:before { 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: 5px; 
	width: 16px; 
	height: 16px; 
	text-align: center; 
	background: #fafafa; 
	border: 1px solid #cacece; 
	border-radius: 100%; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); 
} 
.checks-radio input[type="radio"] + label:active:before, 
.checks-radio input[type="radio"]:checked + label:active:before { 
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); 
} 
.checks-radio input[type="radio"]:checked + label:before { 
	background: #E9ECEE; 
	border-color: #adb8c0; 
} 
.checks-radio input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: 8px; 
	left: 3px; 
	width: 10px; 
	height: 10px; 
	background: #337ffd; 
	border-radius: 100%; 
	/* box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);  */
}



/* radio button custom */
.checks-radio.custom {
	position: relative;
	display: inline-block;
} 
.checks-radio.custom input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
.checks-radio.custom input[type="radio"] + label { 
	display: inline-block; 
	position: relative; 
	padding-left: 0px;
	padding-top: 13px; 
	cursor: pointer; 
	margin: 0;
	font-size: 10px;
	text-align: center;
    width: 12px;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
} 
.checks-radio.custom input[type="radio"] + label:before { 
	content: ''; 
	position: absolute; 
	left: 5px; 
	top: 0px; 
	width: 0px; 
	height: 12px; 
	text-align: center; 
	background: #fafafa; 
	border: 1px solid #cacece; 
	border-radius: 0; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); 
} 
.checks-radio.custom input[type="radio"] + label:active:before, 
.checks-radio.custom input[type="radio"]:checked + label:active:before { 
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); 
} 
.checks-radio.custom input[type="radio"]:checked + label:before { 
	background: #E9ECEE; 
	border-color: #adb8c0; 
} 
.checks-radio.custom input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 12px; 
	height: 12px; 
	background: red; 
	border-radius: 100%; 
}

/* radio button custom2*/
.checks-radio.custom2 {
	position: relative;
} 
.checks-radio.custom2 input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
.checks-radio.custom2 input[type="radio"] + label { 
	display: inline-block; 
	position: relative; 
	padding-left: 20px; 
	cursor: pointer; 
	margin: 0;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
} 
.checks-radio.custom2 input[type="radio"] + label:before { 
	content: ''; 
	position: absolute; 
	left: 0; 
	top: 0px; 
	width: 16px; 
	height: 16px; 
	text-align: center; 
	background: #fafafa; 
	border: 1px solid #cacece; 
	border-radius: 0%; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); 
} 
.checks-radio.custom2 input[type="radio"] + label:active:before, 
.checks-radio.custom2 input[type="radio"]:checked + label:active:before { 
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); 
} 
.checks-radio.custom2 input[type="radio"]:checked + label:before { 
	background: #E9ECEE; 
	border-color: #adb8c0; 
} 
.checks-radio.custom2 input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: 3px; 
	left: 3px; 
	width: 10px; 
	height: 10px; 
	background: #337ffd; 
	border-radius: 0%; 
	/* box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);  */
}


/* radio button custom */
.checks-radio2.custom {
	position: relative;
	display: inline-block;
	margin-left: 10px;
} 
.checks-radio2.custom input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
.checks-radio2.custom input[type="radio"] + label { 
	display: inline-block; 
	position: relative; 
	padding-left: 0px;
	padding-top: 0px; 
	cursor: pointer; 
	margin: 0;
	font-size: 10px;
	text-align: center;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	padding-left: 17px;
	text-align: right;
} 

.checks-radio2.custom input[type="radio"][disabled] + label:hover {
    cursor: not-allowed;
} 

.checks-radio2.custom input[type="radio"] + label:before { 
	content: ''; 
	position: absolute; 
	left: 0px; 
	top: 1px; 
	width: 12px; 
	height: 12px; 
	text-align: center; 
	background: #fafafa; 
	border: 1px solid #cacece; 
	border-radius: 6px; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); 
} 
.checks-radio2.custom input[type="radio"] + label:active:before, 
.checks-radio2.custom input[type="radio"]:checked + label:active:before { 
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); 
} 
.checks-radio2.custom input[type="radio"]:checked + label:before { 
	background: #E9ECEE; 
	border-color: #adb8c0; 
} 
.checks-radio2.custom input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: 50%; 
	left: 2px; 
	width: 8px; 
	height: 8px; 
	background: #337eff; 
	border-radius: 100%;
	transform: translateY(-50%); 
}

/* file upload form */
.fileBox label { 
	display: inline-block; 
	padding: 7px 10px;
	color: #999; 
	font-size: inherit; 
	line-height: normal; 
	vertical-align: middle; 
	background-color: #fdfdfd; 
	cursor: pointer; 
	border: 1px solid #ebebeb; 
	border-bottom-color: #e2e2e2; 
	border-radius: .25em; 
	margin-bottom: 0;
} 
.fileBox input[type="file"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
}
.fileBox .upload-name { 
	display: inline-block; 
	padding: 7px 10px;  
	font-size: inherit; 
	font-family: inherit; 
	line-height: normal; 
	vertical-align: middle; 
	background-color: #f5f5f5; 
	border: 1px solid #ebebeb; 
	border-bottom-color: #e2e2e2; 
	border-radius: .25em; 
	-webkit-appearance: none;  
	-moz-appearance: none; 
	appearance: none; 
	width: 260px;
	color: #000;
}
.pdT-2 {
	padding-top: 2px;
}
.section1-3.tablet .checks-radio input[type="radio"] + label:before {
	top: 10px;
}
.section1-3.tablet .checks-radio input[type="radio"]:checked + label:after {
	top: 13px;
}

/* color Circle */
.commonCircle {
	position: relative;
	padding-left: 15px;
}
.commonCircle:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 0;
    left: 0;
    border-radius: 100%;
}
.commonCircle.colorRed:before {
	background: red;	
}
.commonCircle.colorPurple:before {
	background: purple;	
}

/* Icon Style */
.svg-inline--fa.fa-file-excel {
	color: #00B050;
}

/* footer common */
.footerMain {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	position: absolute;
	left: 50%;
    transform: translateX(-50%);
}

.treeSearchBtn {
    background: #fff;
    border: 1px solid #aaa;
    padding: 4px;		
    transition: 0.2s;
}

.treeSearchBtn:hover {
	background: #f3fbff;
}

.color-red {
	color: red;
}
.color-orange {
	color: orange;
}
.color-yellow {
	color: yellow;
}
.color-green {
	color: green;
}
.color-blue {
	color: blue;
}
.color-lightblue {
	color: lightblue;
}
.color-lightgreen {
	color: lightgreen;
}
.color-brown {
	color: brown;
}
.color-purple {
	color: purple;
}
.color-pink {
	color: pink;
}
.color-gray {
	color: gray;
}
.color-lightgray {
	color: lightgray;
}

.traceGraph ul {
	height: 20px;
	margin-bottom: 0px;
	padding: 4px 0px; 
	text-align: center;
    white-space: nowrap;
}

.traceGraph li{
	float: left;
	list-style: none;
	width: 90px;
    display: contents;
	display: ruby-base;
}

.traceGraph li > label{
	width: 90px;
	text-align: left;
	cursor: pointer;
	position: relative;
}

.traceGraph li:before{    
	/* width: 30px;
	background: #eee;
	height:1px;
	content: '';
	display: inline-block; 
	vertical-align: middle;  */
}


.traceGraph .connect:before{    
	width: 30px;
	background: #000;
	height:3px;
	content: '';
	display: inline-block;
	vertical-align: middle; 
}

.display-table { 
	display: table;
}
.display-table-cell { 
	display: table-cell;
    vertical-align: middle;
}

.traceLine {
	width: 100%; height: 1px; background: #eee; margin-top: -2px;
}

.traceBoldLine {
	width: 100%; height: 2px; background: #888; margin-top: 12px;
}

.traceGraph {
	/* overflow: auto; white-space: nowrap; height: 220px; overflow-x: auto; overflow-y: hidden; */
	height: 190px;	
}

#traceGraphData {
	padding-top: 30px;
}

.traceGraph .surgery {
	/* color: red; */
	background: linear-gradient(180deg, red, #ff6565);
}

.traceGraph .film {
	/* color: green; */
	background: linear-gradient(180deg, #565656, #909090);
}

.traceGraph .marker {
	color: aqua;
}

.traceGraph .onjDiagnosis {
	/* color: red; */
	background: linear-gradient(180deg, orange, #c76500);
}

.traceGraph .pth {
	background: linear-gradient(180deg, #6cd0ff, #08ccf1);
}

.graphTooltip {
	min-width: 200px;
    min-height: 50px;
    position: fixed;
    background: rgb(255, 255, 255);
    border: 1px solid #666;
    display: none;
    z-index: 99999;
    padding: 5px;
    font-size: 12px;
    font-weight: normal;
    margin-top: 7px;
}
/* 
.traceGraph .onjDiagnosis:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 5px solid #dc0000;
}
.traceGraph .onjDiagnosis:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 5px solid #c30000;
}
*/
.traceGraph .drugDC {
	/* color: orange; */
	background: linear-gradient(180deg, green, #003100);
}

.traceGraph .drugDose {
	/* color: #0000b9; */
	background: linear-gradient(180deg, #0000b9, #007ec7);
}

.traceGraphInfo {
	margin-left: 10px;
	position: absolute;
}

.traceGraphInfo > .commonLabel {
	position: relative !important;
}

.traceGraphBtn {
	width: 25px; background: white; border: 1px solid #ccc; border-radius: 4px; transition: 0.2s;	
}

.traceGraphBtn:hover {
	background: #f8f8f8;
}

.traceGraph .commonLabel {
	min-width: 13px;
	min-height: 13px;
	margin-bottom: 0px;
	position: absolute;
	box-shadow: 1px 3px 3px 0px #c1c1c1;
	font-size: 8px;
	color: #fff;
	font-weight: normal;
	padding: 1px 4px;
	border-radius: 3px;
	border: 1px solid #e0e0e0;
	cursor: pointer;
	transition: 0.2s;
	margin-top: -7px;
	z-index: 2;
}

.traceGraph .commonLabel:hover {
	border: 1px solid #949494;
}

.traceGraphInfo > span { 
	margin-left: 10px;
}

.traceGraphDiv {
	width: 100%; height: 210px; padding: 5px; display: grid;
}

.todayIcon {
    margin-left: -90px;
}

.todayIcon div {
	position: absolute !important;
    margin-top: -170px;
    height: 150px;
    border-left: 4px solid #3850c7;
    margin-left: -20px;
    z-index: 1;
    width: 60px;
}

.todayIcon div > label{
    position: absolute;
    color: #f5f5f5;
    font-weight: normal;
    font-size: 11px;
    /* margin-top: 11px;
    margin-left: 2px; */
    background: #3850c7;
    padding: 5px 10px 5px 20px;
    z-index: 1;
}

.todayIcon div > svg{
    position: absolute;
    color: #fff;
    margin-top: 6px;
    font-size: 12px;
}

.footer_logo_img {
	width: 260px;
}
.footer_logo_img img {
	width: 100%;
}
.svg-inline--fa.fa-viber {
	color: #FFF;
}
.side-searchbox table {
	width: 100%;
}
.side-searchbox .search-menu {
	font-size: 10pt;
    font-weight: bold;
}
.side-searchbox .search-menu .angle-btn {
	cursor: pointer;
}
.side-searchbox .search-menu td{
	padding: 8px;
}
.radio-searchbox {
	display: grid;
	padding: 8px;
}
.radio-searchbox label {
    font-weight: normal;
	cursor: pointer;
}
.radio-searchbox input{
    position: relative;
    top: 1.5px;
    margin-right: 5px;
	cursor: pointer;
}

#fileListTable td {
	padding: 5px;
}

span.cure_btn {
	padding: 4px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 5px;
}

.bk_red_color {
	background: red;
}
.bk_green_color {
	background: #5cb85c;;
}
.bk_blue_color {
	background: blue;
}
.hide-item {
	display: none;
}
.none-margin {
	margin: 0px;
}
.minHeight800p {
	min-height: 800px;
}
.findIDform .findIDformBox {
	background: #FFF;
	border: 1px solid #D9D9D9;
    border-radius: 1rem;
    min-width: 55.6rem;
}
.findIDform p {
	color: #000;
	font-size: 2rem;
}
.idForgotInput {
    font-size: 2.2rem;
    padding: .9rem;
    background: #102135;
    border-radius: 5px;
    border: 0;
    color: #FFF;
    margin-top: 1rem;
    width: 100%;
}
.idForgotInput.gray {
	background: #8A8A8A;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.joinFormTab.flex.flex-D-C {
		margin-bottom: 20px;
	
	}
	.normalInfoFromDownDiv {
		min-height: 583px;
	}
	.wrap {
		min-height: 814px;
	}
	.normalInfoFromDownDiv .titleStyle {
		margin-top: 20px;
	}
}


.auto_textbox {
    background: url(/resources/images/down_arrow.png) no-repeat 97% 50%;
    background-size: 15px;
    border: 1px solid #666;
    border-radius: 2px;
}

.wd-83 {
	width: 83%;
}



#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: flex;
   opacity: 0.8;
   background-color: #fff;
   z-index: 99;
   text-align: center;
   align-items: center;
   justify-content: center;
}

#loading-image {
  position: absolute;
  z-index: 100;
}