input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.feedback_red,.invalid-feedback{font-size: 12px;color: #50A7C2;text-align: left;padding-top: 10px;}

.feedback_red:before,
.invalid-feedback:before{content: '';display: inline-block;background: url(../images/Emark_small.png) no-repeat 0 0;width: 15px;height: 15px;background-size: contain;margin-right: 5px;}

/* project delete 팝업 커스텀 */
.swal2-popup{border-radius: 0px !important;color: #333;width: 340px !important;}
.swal2-buttonswrapper{margin-top: 0 !important;flex-direction: column;}
.swal2-title{padding: 50px 20px !important;line-height: 1;font-size: 1.2rem !important;color: #333 !important;font-weight: 400 !important;}
.swal2-styled{width: 100% !important;height: 50px;padding: 0 !important;margin: 0 !important;flex-direction: row !important;border-radius: 0px !important;}
.swal2-styled a{display: inline-block;width: 100%;}
.swal2-popup .swal2-content{margin: 0px 10px 20px 10px !important;font-family: 'Montserrat', sans-serif;font-size: 0.7rem;}
.swal2-confirm{background-color: #333 !important;color: #fff !important;}
.swal2-cancel{background-color: transparent !important;color: #333 !important;margin-top: 10px !important;}
.swal2-cancel:hover{text-decoration: underline;}
.enterIcon{width: 13px;margin-right: 5px;vertical-align: middle;}
.fa-copy,.fa-external-link-alt{margin-right: 5px;font-size: 0.9rem;}

/* header - 주메뉴 */
#header .gnb{float: left;margin: 20px 0 0 20px;width:120px;position: absolute;top:0;left:190px;}
#header .gnb li{width: 100%;display: none;}
#header .gnb:hover li{display: block;background-color: #333;}
#header .gnb:hover li a{color: #fff;border: 1px solid #fff;box-sizing: border-box;}
#header .gnb li a{display: inline-block;font-family: 'Noto Sans KR', sans-serif;font-weight: 100;font-size: 0.8rem;
width: 100%;padding: 10px 15px;color: #333;transition: all 0.3s 0s ease;box-sizing: border-box;border: 1px solid transparent;}
#header .gnb > li{position: relative;float: left;text-align: left;}
#header .gnb > li a:hover{color: rgba(255,255,255,0.5);}
#header .gnb > li a img{width: 15px;margin-right: 8px;vertical-align: middle;}
#header .gnb .active{display: block;}

/* header - tab - 개인정보수정 base */
.tab-base{width: 100%;height: 100%;background-color: transparent;z-index: 36;position: absolute;left: 0;top: 0;}

.loading{position: fixed;left: 50%;top: 46%;transform: translate3d(-50%,-50%,0); z-index: 999;}
.loading i{width: 20px;height: 20px;display: inline-block;border-radius: 50%;background: #50A7C2;margin: 0 3px;}
.loading i:first-child{animation:loading-ani2 0.5s linear infinite;opacity: 0;transform:translate(-20px);}
.loading i:nth-child(2),.loading i:nth-child(3){animation:loading-ani3 0.5s linear infinite;}
.loading i:last-child{animation:loading-ani1 0.5s linear infinite;}
@keyframes loading-ani1{
100%{
    transform:translate(40px);
    opacity: 0;
}
}
@keyframes loading-ani2{
100%{
    transform:translate(20px);
    opacity: 1;
}
}
@keyframes loading-ani3{
100%{
    transform:translate(20px);
}
}



/* pc */
@media (min-width: 1024px) {
    /* header - tab - 개인정보수정 */
    #header .tab{display: block;z-index: 37;position: absolute;right: 25px;top: 70px;text-align: left;font-size: 0.8rem;font-weight: 100;width: 100%;max-width: 120px;border: 1px solid #fff;background-color: #333;}
    #header .tab .tabM li{padding: 10px 15px;border-bottom: 1px solid #fff;color: #fff;}
    #header .tab .tabM li:last-child{border-bottom: none;}
    #header .tab .tabM .tab-name::before{content: '';display: block;background: url(../images/triangle_icon.png) no-repeat 0 0;width: 22px;height: 7px;position: absolute;right: 3px;top: -8px;}
    #header .tab .tabM a{display: block;width: 100%;height: 100%;color: #fff;transition: all 0.3s 0s ease;}
    #header .tab .tabM a:hover{color: rgba(255,255,255,0.5);}
}

/* tablet */
@media (max-width: 1023px) {
	/* header - tab - 개인정보수정 */
	#header .tab{display: none;}

	.loading{left: 50%;top: 340px;}

}
