@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@keyframes ldio-hgkfl9ep1pp {
   0% { transform: translate(6px,40px) scale(0); }
  25% { transform: translate(6px,40px) scale(0); }
  50% { transform: translate(6px,40px) scale(1); }
  75% { transform: translate(40px,40px) scale(1); }
 100% { transform: translate(74px,40px) scale(1); }
}
@keyframes ldio-hgkfl9ep1pp-r {
   0% { transform: translate(74px,40px) scale(1): }
 100% { transform: translate(74px,40px) scale(0); }
}
@keyframes ldio-hgkfl9ep1pp-c {
   0% { background: #353535 }
  25% { background: #d4d4d4 }
  50% { background: #9b9b9b }
  75% { background: #666666 }
 100% { background: #353535 }
}
.ldio-hgkfl9ep1pp div {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transform: translate(40px,40px) scale(1);
  background: #353535;
  animation: ldio-hgkfl9ep1pp 1s infinite cubic-bezier(0,0.5,0.5,1);
}
.ldio-hgkfl9ep1pp div:nth-child(1) {
  background: #666666;
  transform: translate(74px,40px) scale(1);
  animation: ldio-hgkfl9ep1pp-r 0.25s infinite cubic-bezier(0,0.5,0.5,1), ldio-hgkfl9ep1pp-c 1s infinite step-start;
}.ldio-hgkfl9ep1pp div:nth-child(2) {
  animation-delay: -0.25s;
  background: #353535;
}.ldio-hgkfl9ep1pp div:nth-child(3) {
  animation-delay: -0.5s;
  background: #666666;
}.ldio-hgkfl9ep1pp div:nth-child(4) {
  animation-delay: -0.75s;
  background: #9b9b9b;
}.ldio-hgkfl9ep1pp div:nth-child(5) {
  animation-delay: -1s;
  background: #d4d4d4;
}
.loadingio-spinner-ellipsis-1906xx6fvdg {
  width: 100px;
  height: 100px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-hgkfl9ep1pp {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-hgkfl9ep1pp div { box-sizing: content-box; }
/* generated by https://loading.io/ */





/* Common */
.isloading-wrapper.isloading-right{margin-left:10px;}
.isloading-overlay{position:relative;text-align:center;}.isloading-overlay .isloading-wrapper{-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:10%;z-index:9000;}

.glyphicon-spin {
    -animation: spin .9s infinite linear;
    -webkit-animation: spin2 .9s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}	    


@keyframes ldio-8a4hfl22cb6 {
   0% { transform: translate(12px,80px) scale(0); }
  25% { transform: translate(12px,80px) scale(0); }
  50% { transform: translate(12px,80px) scale(1); }
  75% { transform: translate(80px,80px) scale(1); }
 100% { transform: translate(148px,80px) scale(1); }
}
@keyframes ldio-8a4hfl22cb6-r {
   0% { transform: translate(148px,80px) scale(1): }
 100% { transform: translate(148px,80px) scale(0); }
}
@keyframes ldio-8a4hfl22cb6-c {
   0% { background: #e15b64 }
  25% { background: #abbd81 }
  50% { background: #f8b26a }
  75% { background: #f47e60 }
 100% { background: #e15b64 }
}
.ldio-8a4hfl22cb6 div {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translate(80px,80px) scale(1);
  background: #e15b64;
  animation: ldio-8a4hfl22cb6 1s infinite cubic-bezier(0,0.5,0.5,1);
}
.ldio-8a4hfl22cb6 div:nth-child(1) {
  background: #f47e60;
  transform: translate(148px,80px) scale(1);
  animation: ldio-8a4hfl22cb6-r 0.25s infinite cubic-bezier(0,0.5,0.5,1), ldio-8a4hfl22cb6-c 1s infinite step-start;
}.ldio-8a4hfl22cb6 div:nth-child(2) {
  animation-delay: -0.25s;
  background: #e15b64;
}.ldio-8a4hfl22cb6 div:nth-child(3) {
  animation-delay: -0.5s;
  background: #f47e60;
}.ldio-8a4hfl22cb6 div:nth-child(4) {
  animation-delay: -0.75s;
  background: #f8b26a;
}.ldio-8a4hfl22cb6 div:nth-child(5) {
  animation-delay: -1s;
  background: #abbd81;
}
.loadingio-spinner-ellipsis-bus78131cg {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
}
.ldio-8a4hfl22cb6 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-8a4hfl22cb6 div { box-sizing: content-box; }
/* generated by https://loading.io/ */



@keyframes ldio-aa3iu4oox6-1 {
  0% { top: 36px; height: 128px }
  50% { top: 60px; height: 80px }
  100% { top: 60px; height: 80px }
}
@keyframes ldio-aa3iu4oox6-2 {
  0% { top: 41.99999999999999px; height: 116.00000000000001px }
  50% { top: 60px; height: 80px }
  100% { top: 60px; height: 80px }
}
@keyframes ldio-aa3iu4oox6-3 {
  0% { top: 48px; height: 104px }
  50% { top: 60px; height: 80px }
  100% { top: 60px; height: 80px }
}
.ldio-aa3iu4oox6 div { position: absolute; width: 30px }



.loadingio-spinner-pulse-y9zfkogq1dq {
  width: 200px;
  height: 160px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-aa3iu4oox6 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-aa3iu4oox6 div { box-sizing: content-box; }
/* generated by https://loading.io/ */



/* index.jsp */

html, body {
    width:100%;
    height:100%;  
}

body {
  font-family: 'Pretendard-Regular';
	font-weight: 400;
  margin:0px;
  padding:0px;
}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family:'Pretendard-Regular', sans-serif;}
input[type="submit"] {cursor:pointer; -webkit-appearance: none;}
button {cursor:pointer}
input[type=text],input[type=email],input[type=password], textarea {outline:none; -webkit-appearance: none;}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus, textarea:focus,select:focus {outline:none;}

input[type=checkbox] {
    cursor: pointer;
    position: relative;
}
input[type=checkbox]:before {
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    z-index: 1;
    width: 11px;
    height: 6px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none;
}

input[type=checkbox]:after {
    content: '';
    position: absolute;
    top: -3px;
    left: -2px;
    width: 17px;
    height: 17px;
    background: #fff;
    border: 1px solid #dcdde4;
    cursor: pointer;
    border-radius: 4px;
}

input[type=checkbox]:checked:before {
    transform: rotate(-45deg) scale(1, 1);
}

input[type=checkbox]:checked:after {
    background: #2267B6;
    border: 1px solid #2267B6;
}

input[type=checkbox]:focus {
    outline: none;
}

.login_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    min-width: 100%;
    min-height: 100%;
	background: url(/custom/img/login_background.jpg) no-repeat center/cover;
}

.login_outline {
    display: flex;
    width: 560px;
}

.login_left_back {
	width: 100%;
	padding: 80px 80px;	
	background: rgba(255, 255, 255, 0.72);
	box-shadow: 4px 12px 10px 0px rgba(0, 0, 0, 0.08);
	border-radius: 24px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.login_title {
    margin-bottom: 32px;
}

.login_title .m1 {
	font-size: 35px;
	color: #2267B6;
	font-family: 'Pretendard-Bold';
	font-weight: 700;
	display: flex;
	align-items: center;	
}

.login_title .m1 .ic {
	width: 40px;
    height: 40px;
    background: url(/custom/img/icon/login_ic.svg) no-repeat center;
    margin-left: 10px;
}

.login_title .m2 {
	font-size: 15px;
	color: #353745;
	margin-top: 5px;
}

.login_right_back {
	width: 50%;
	background: #fff;
	padding: 80px 80px;
	display: flex;
	align-items: center;
	border-radius: 0 15px 15px 0;
	box-shadow: 0px 48px 64px -24px rgba(0, 0, 0, 0.06);
}

.form_block {width: 100%;}

.login_container .login-wrapper{
  display: flex;
  flex-direction: column;
}

.login_companyname {
    width:100%;
    font-size:1.8em;    
}

.login_header1 {
    width:100%;
    font-size:2.0em;
    font-weight: 600;
    text-align: center;
}

.login_header2 {
    width:100%;
    font-size:1.3em;
    color:gray;
    text-align: center;
}

.login_form_inner {
    margin-top:10px; 
}

.login_form_inner.SYSTEMCD {
  margin-top: 0;
}

.login_form_inner.UID {
	margin-top: 16px;
}

.logincheck_div {

}

.login_form_bottom {
    display: flex;
    align-items: center;
	justify-content: space-between;
	font-size: 15px;
    color: #353745;
}

.login_auto {
	display: flex;
    align-items: center;
}

.login_form_bottom.useCookie {
  margin-top: 16px;
  margin-bottom: 32px;
}

.login_form_bottom.FINDPASS .ic {
	width: 20px;
	height: 20px;
	background: url(/custom/img/icon/find_pw.svg) no-repeat center/100%;
	margin-right: 8px;
}

.login_form_bottom #join .ic {
	width: 20px;
	height: 20px;
	background: url(/custom/img/icon/new_user.svg) no-repeat center/100%;
	margin-right: 8px;
}

.login_form_bottom a {
    display: flex;
    align-items: center;
	text-decoration: none;
	color: #353745;
}

.login_form_inner2 {
    margin-top:20px;
    width: 450px;
    margin-left:75px;    
    display:table;
}

.fixed-input-icons { 
	display: flex;
	align-items: center;
    height: 48px;
	position: relative;
} 

.fixed-input-icons select {
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
	font-family: 'Pretendard-Regular';
    font-weight: 400;
    background: url(/custom/img/icon/ez2select_icon.svg) no-repeat 97% center #fff;
    appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.fixed-input-icons .icon {
	position: absolute;
	top: 50%;
	left: 16px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-repeat: no-repeat;
	background-position: center;
}

.fixed-input-icons .ipt {
    width: 100%;
    height: 48px;
    border: 0;
    padding-left: 44px;
    padding-right: 12px;
    font-size: 16px;
    color: #0F0F15;
    border-bottom: 1px solid #DCDDE4;
    background: transparent;
	border-radius: 0;
}

.fixed-input-icons .user {background-image: url(/custom/img/icon/login_user.svg);}
.fixed-input-icons .pw {background-image: url(/custom/img/icon/login_pw.svg);}
.fixed-input-icons .database {background-image: url(/custom/img/icon/ez2system_icon.svg);}
.fixed-input-icons .language {background-image: url(/custom/img/icon/ez2lang_icon.svg);}
.fixed-input-icons .del,
.fixed-input-icons .view {
	position: absolute;
	top: 0;
	width: 30px;
	height: 48px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
.fixed-input-icons .del {right:44px; background-image: url(/custom/img/icon/close_icon_black.svg);}
.fixed-input-icons .view {right:10px; background-image: url(/custom/img/icon/Login-view-x.svg);}
.fixed-input-icons input[type=text] + .icon + .del + .view {background-image: url(/custom/img/icon/Login-view.svg);}

.toggleSwitch {
    width: 40px;
    height: 24px;
    display: block;
    position: relative;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #dcdde4;
    cursor: pointer;
	margin-right: 8px;
	transition: all 0.3s ease;
}

.toggleSwitch .toggleButton {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #dcdde4;
	transition: all 0.3s ease;
}

#useCookie:checked ~ .toggleSwitch {background: #2267B6;}
#useCookie:checked ~ .toggleSwitch .toggleButton {left: calc(100% - 20px); background: #FFF;}


.fixed-input-icons i {
    position: absolute; 
    color:#a6a6a6;
} 
 
  
.fixed-icon { 
    padding: 10px; 
    width: 60px;
    font-size:1.3em;
} 
  
.fixed-input-field { 
	width: 100%;
	height: 100%;
	border: 0;
	background: #f3f4f5;
	border-radius: 8px;
	padding-left: 44px;
	padding-right: 12px;
	font-size: 16px;
	color: #0F0F15;
	border: 1px solid #DCDDE4;
}

.fixed-input-field::placeholder {color:#7A7F99;}
.fixed-input-field:focus {background-color: #fff; border:1px solid #2267B6;}
.fixed-input-field:focus + .database {background-image: url(/custom/img/icon/ez2system_icon_on.svg);}
.fixed-input-field:focus + .language {background-image: url(/custom/img/icon/ez2lang_icon_on.svg);}
.fixed-input-icons .ipt:focus {border-bottom: 1px solid #2267B6;}
.fixed-input-icons .ipt:focus + .user {background-image: url(/custom/img/icon/login_user_on.svg);}
.fixed-input-icons .ipt:focus + .pw {background-image: url(/custom/img/icon/login_pw_on.svg);}

.fixed-filter {
	color:#e6e6e6;	
}

.logn_form3 {
    width:15px;
    height:15px;
    font-size:1em;
    border-color: #cccccc;
    border-width: 2px;
    border-style: solid;
    padding:0px;
    margin:0px;
    padding-left:50px;
}




#LoginCheck {
    height: 56px;
    border-radius: 8px;
    background: #2267B6;
    width: 100%;
    color: #fff;
    font-size: 18px;
    border: 0;
	transition: all 0.3s ease;
}
#LoginCheck:hover {background: #0F0F15;}

.login_companylogo {
	
}

.login_mobile_title {
    display:inline;   
}    

.login_outline img {
    max-height: 100%;
	height: auto;
}


.login-copyright {
	font-size: 12px;
    text-align: center;
    color: #7A7F99;
    margin-top: 32px;
}


.ui-draggable .ui-dialog-titlebar {
  padding: 0px;
  margin: 0px;
  border-radius: 0px;
  border: 0px;
  font-weight: normal;
  background-color: #174A97;
  height: 50px;
  position: relative;
}

.ui-draggable .ui-dialog-titlebar .ui-dialog-title {
	font-size: 0;
	float: none;
	margin: 0;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 24px;
	margin-top: -12px;
	background: url(/custom/img/icon/pop_title_icon.svg) no-repeat center;
}

div[aria-describedby="joinModal"] .ui-dialog-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem !important;
	float: none;
	margin: 0;
	width: 90% !important;
	height: 24px;
	position: absolute;
	top: 50%;
	left: 24px;
	margin-top: -12px;
	background: url(/custom/img/icon/pop_title_icon.svg) no-repeat left center !important;
}

.ui-draggable .ui-dialog-titlebar .ui-dialog-title i {

}

.ui-draggable .ui-dialog-titlebar .ui-dialog-titlebar-close {
	margin: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: 24px;
	margin-top: -12px;
	background: url(/custom/img/icon/close_icon_white.svg) no-repeat center / 24px;
	filter: none;
}

.ui-draggable .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
	display: none;
}

#msgtext {
	padding: 70px 0 60px !important;
	margin: 0;
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
	font-size: 20px;
	position: relative;
}

#msgtext:before {
	content:'';
	position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    background: url(/custom/img/icon/arm_icon.svg) no-repeat center / 100%;
}

.ui-dialog .ui-dialog-content #msgclose {
    border: 1px solid #dcdde4;
    background: #f3f4f6;
    height: 48px !important;
    border-radius: 8px;
    font-size: 16px;
    color: #353745;
    font-family: 'Pretendard-Regular';
    font-weight: 400;
    transition: all 0.3s ease;
}

.ui-dialog .ui-dialog-content #msgclose:hover {
    border: 1px solid #0f0f15 !important;
    background: #0f0f15 !important;
    color: #fff !important;
}


/* MODAL */

.modal-default-contents {

}

.label-input-icons span { 
	font-size: 12px;
	color: #595C73;
	margin-bottom: 4px;
	display: block;
	text-align: left;
	width: auto;
} 

.label-input-icons { 
	position: relative;
	width: 100%;
} 

#joindiv1 .login_modal_title {
	margin-bottom: 24px;
}

#joindiv2 .label-input-icons {
	width: 50%;
	padding:0 8px;
}

#joindiv2 .label-input-icons.wd100 {
	width: 100%;
}

.label-icon { 
	width: 100px;
	text-align:center;
	font-size:0.9em;
} 

.label-input-field { 
	padding-left :115px;
}

#joindiv1 #text1,
#joindiv1 #text2 {
	border: 1px solid #dcdde4;
    border-radius: 8px;
    resize: none;
    padding: 16px 16px;
	font-family: "Pretendard-Regular";
	font-weight: 400;
	width: 100%;
    height: 120px;
	display: block;
}

.agree_box {
	text-align: right;
	margin: 16px 0;
}

.agree_cont {
	display: flex;
	align-items: center;
	justify-content: right;
}

.agree_cont label {
	cursor: pointer;
	color: #353745;
	font-size: 15px;
	margin-left: 8px;
}

#joindiv2 {
	display: flex;
	flex-wrap: wrap;
}

#joinModal #joindiv2 .form-control {
	margin: 0 0 16px;
}

#joindiv2 .login_modal_title {
	font-size: 16px;
	width: 100%;
	padding-bottom: 8px;
	margin-bottom: 16px;
	font-family: 'Pretendard-Medium';
	font-weight: 500;
}
 
.red.tui-grid-cell{background-color: #f8e0e0;}
.pil.tui-grid-cell{background-color: #ffffcc;}
.blue.tui-grid-cell{background-color: #e6f2ff;}


.popup {
	background-color: #e6f2ff;
}

.ui-dialog-titlebar {
    color:white;
    font-size:1em;
    padding:0px;
    margin:0px;
    border-radius: 0px;
    border:0px;
    font-weight:normal;
    background-color:#737373;
}

.ui-dialog {
	border-radius: 0px;
	border:0px;
	padding:0px;
	margin:0px;		
}

.ui-dialog-content {

} 

.ui-dialog-titlebar-close {
	background-color:transparent!important;
	padding:0px;
	margin:0px;
	border:0px;
	color:white;
}


.ui-widget-content {
	padding:0px;
	margin:0px;
	border-radius: 8px;
}

.ui-dialog-buttonset button {
	font-size:0.8em;
}



.modal-default-footer {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
	text-align:center;
}

#joinModal .modal-default-footer {
	padding:0px;
	margin:0px;
	margin-bottom:0;
	margin-top:32px;
	width:100%;
	text-align:right;
}

#joinModal .modal-default-footer #joinsubmit,
#joinModal .modal-default-footer #findsubmit {
    background: #2267B6;
    color: #fff;
    border: 1px solid #2267B6;
    font-size: 15px;
    padding: 0 15px;
}

#joinModal .modal-default-footer #joinsubmit {
	letter-spacing: -1.5px;
}

#joinModal .modal-default-footer #closesubmit {
    background: #fff;
    color: #353745;
    font-size: 15px;
    padding: 0 15px;
	margin-left: 4px;
}

.modal-btn {
	min-width:100px;
	border:1px;
	border-color:#d9d9d9;
	border-style:solid;
	padding:5px 10px;
}

.modal-confirm {
  font-family: "Pretendard-Regular", sans-serif !important;
  font-weight: 400;
  border: 1px solid #dcdde4;
  background: #f3f4f6;
  height: 48px;
  border-radius: 8px;
  font-size: 16px;
  color: #353745;
  font-weight: 400;
  transition: all 0.3s ease;
}

.modal-confirm:hover {
  background: #0F0F15 !important;
  color: #fff !important;
  border: 1px solid #0F0F15 !important;
}

.ui-dialog-titlebar-close {
	color:white;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.ui-button-icon {
	color:white;
}

.form-control {
	width:calc(100% - 140px);
	height:30px;
	font-size:1.2em;
	border-width:thin;
	border-color:gray;
	border-style:solid;
	margin:3px;
}

#joinModal .form-control {
	width: 100%;
	height: 48px;
	font-size: 16px;
	border: 1px solid #dcdde4;
	border-radius: 8px;
	background-color: #fff;
	margin: 16px 0;
	font-family: 'Pretendard-Regular';
    font-weight: 400;
	padding: 0 12px;
}

#joinModal .form-control:focus {
	border: 1px solid #2267B6;
}

#joinModal .form-control#EMAILFIND {
	background-image: url(/custom/img/icon/modal_pw_icon.svg);
    background-repeat: no-repeat;
    background-position: 16px center;
	padding-left: 45px;
}

#joinModal .form-control#EMAILFIND + .del {
	position: absolute;
	top: 16px;
	right: 0;
	width: 48px;
	height: 48px;
	background: url(/custom/img/icon/close_icon_black.svg) no-repeat center;
	cursor:pointer;
}

.login_modal_title {
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #0F0F15;
	padding-bottom: 12px;
	border-bottom: 1px solid #dcdde4;
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
}

.login_modal_txt {
	font-size: 16px;
	color: #353745;	
}

.login_modal_title .pwic {
    width: 24px;
    height: 24px;
    background: url(/custom/img/icon/find_pw.svg) no-repeat center / 100%;
    margin-right: 8px;
}

.login_modal_title .newic {
    width: 24px;
    height: 24px;
    background: url(/custom/img/icon/modal_new_user.svg) no-repeat center / 100%;
    margin-right: 8px;
}

.ui-dialog .ui-dialog-content {
	overflow-x:hidden;
	padding: 24px 24px;
	font-family: 'Pretendard-Regular';
	font-weight: 400;
}

.sign-up-txt {
	position: relative;
	font-size: 16px;
	margin-bottom: 8px;
	font-family: 'Pretendard-Medium';
	font-weight: 500;
}

.sign-up-txt.txt2 {
	margin-top: 16px;
}

.ui-widget-overlay {
	background: #000;
	opacity: 0.5;
}


/* MODAL */

.blk {display:block;}
.pc_on {display: block;}
.m_on {display: none;}


@media all and (max-width: 1440px) { 


}

@media all and (max-width: 1024px) { 

}

@media all and (max-width: 768px) { 
	
	.pc_on {display: none;}
	.m_on {display: block;}
	
	.login_container .login-wrapper {
		display: block;
		width: 100%;
		padding: 0 20px;
	}
	
	.login_outline {
		display: block;
		width: auto;
	}
	
	.login_right_back, .login_left_back {
		width: auto;
		padding: 30px 30px;
		backdrop-filter: none;
	}
	
	.login_title .m1 {
	    font-size: 26px;
	}
	
	.login_title .m1 .ic {
		width: 30px;
		height: 30px;
	}
	
	.login_title {
		margin-bottom: 22px;
	}
	
	.login_form_div .copy {
		font-size: 10px;
	}
	
	.blk {
		display:inline-block;
	}
	
	.login_form_div .m1 {
		font-size: 30px;	
	}
	
	.login_form_div .m2 {
		margin-bottom: 15px;
	}
	
	.fixed-input-field {
		font-size: 14px;
	}
	
	.logincheck_div {
		margin-top: 15px;
	}
	
	#LoginCheck {
		height: 48px;
		font-size: 16px;
		margin-top: 10px;
	}
	
	.login_form_div .copy {
        margin-top: 20px;
		color: #767676;
    }
	
	#msgtext {
		font-size: 18px;
	}
	
	.ui-dialog .ui-dialog-content #msgclose {
		font-size: 16px !important;
	}
	
	.fixed-input-icons .ipt {
		font-size: 14px;
		padding-left: 40px;
		height: 42px;
	}
	
	.fixed-input-icons .icon {
		left: 10px;
	}
	
	.login_form_bottom.useCookie {
		margin-top: 16px;
		margin-bottom: 22px;
		flex-wrap: wrap;		
	}
	
	.login_auto,
	.login_form_bottom {
		font-size: 13px;
	}
	
	.login_form_bottom #join .ic,
	.login_form_bottom.FINDPASS .ic {
		width: 17px;
		height: 17px;
		margin-right: 3px;
	}
	
	.toggleSwitch {
		margin-right: 3px;
		width: 30px;
		height: 18px;
	}
	
	.toggleSwitch .toggleButton {
		width: 12px;
		height: 12px;
	}
	
	#useCookie:checked ~ .toggleSwitch .toggleButton {
		left: calc(100% - 15px);
	}
	
	.fixed-input-icons,
	.fixed-input-icons select {
		height: 42px;
	}
	
	.login-copyright {
		margin-top: 22px;
	}
	
	.login_modal_title {
		font-size: 16px;
	}
	
	.login_modal_title .pwic {
		width: 20px;
		height: 20px;
	}
	
	.login_modal_txt {
	    font-size: 14px;
	}
	
	#joinModal .modal-default-footer #closesubmit,
	#joinModal .modal-default-footer #joinsubmit, #joinModal .modal-default-footer #findsubmit {
		font-size: 14px;
		height: 42px;
	}
	.sign-up-txt {
	    font-size: 14px;
	}
	
	#joindiv1 #text1, #joindiv1 #text2 {
		height: 80px;
	}
	
	#joinModal .form-control {
		height: 42px;
		font-size: 14px;;
	}
	
	#joindiv1 .login_modal_title {
		margin-bottom: 16px;
	}
	
	.agree_box {
		margin: 8px 0;
	}
	
	.fixed-input-icons .del, .fixed-input-icons .view {
		height: 42px;
	}
	
	.login_container + .ui-widget-content {
		width: auto !important;
		left: 20px !important;
		right: 20px !important;
	}
	
	.ui-dialog .ui-dialog-content {
		padding: 16px 16px;
	}
	
	.agree_cont label {
		font-size: 14px;
	}
	
	input[type=checkbox]:after {
		top: -2px;
	}
	
	input[type=checkbox]:before {
		top: 1px;
	}
	
	#joinModal #joindiv2 .form-control {
		margin: 0 0 8px;
	}
	
	input[type=checkbox] {
		width: 12px;
		height: 12px;
	}
	
}