/**25.08.05 팝업창 공통 border-radius 조정 - 김현빈 **/ .SHUVIC_JQUERY_DIALOG{padding:0px;background-color: #FFF !important;border: none !important;border-radius:8px;z-index: 10000;} .SHUVIC_JQUERY_DIALOG.NON_HEADER .ui-dialog-titlebar {display: none;} .SHUVIC_JQUERY_DIALOG.NON_HEADER {border:1px solid #c5c5c5 !important;} .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-dialog-titlebar{padding: 0px;} .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-widget-header{background:#162b7d;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;border:var(--main);} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{border:none;height:25px;width:25px;background: url("images/dialog_close_white.png") no-repeat;right:10px;outline: none;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-button span{display: none;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-title{margin-left: 17px;padding-left: 24px;color: #fff;font-size: 1.25rem;text-align: left;line-height: 40px;background: url("images/dialog_menu_white.png") no-repeat 0 14px;} .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-dialog-content{border: none;margin-top: 0px;padding:10px;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset {float:none;text-align: center;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .ui-button .ui-button-text{color: #FFF;} #DIALOG_ALERT,#DIALOG_CONFIRM{padding:20px 20px;min-width: 500px;} .NO_RESULT{text-align: center;padding: 50px !important; width: 100% !important; color: #222; font-size: 13px; text-align: center;} li.NO_RESULT{display: block !important; font-size: 13px !important;} .NO_RESULT *{font-size: 13px !important;} form .VALIDATE_ERROR_MSG{border-bottom:2px solid #a94442 !important;} form .VALIDATE_ERROR_MSG:focus {border-bottom:2px solid #66afe9 !important;} /**로딩바*/ .COMMON_LOADING_DIALOG .ui-dialog-titlebar{display: none;} .COMMON_LOADING_DIALOG {background: none !important;border: none !important;} .COMMON_LOADING_DIALOG .ui-widget-content{text-align: center;} .COMMON_LOADING_DIALOG .ui-widget-content img{width: 150px;height: auto;} body.AJAX-LOADING .ui-dialog {box-shadow: none;} /**모바일 로딩바*/ #AJAX_LOADING {position:fixed; top:calc( 100vh / 3); left:0; z-index:9999999; width:100% !important; height:100% !important; text-align:center;} #AJAX_LOADING .load_img {font-size:150px;} @keyframes loading_cir {100% {transform: rotate(360deg);}} @keyframes loading_letter {25% {top:50px} 50% {top:65px}} .loading_layer {width:150px;margin:0 auto;background: rgba(255,255,255,0.3);border-radius: 75px;} .loading_cir {width:150px; height:150px;background:url('/common/plugin/jquery.shuvic.customTag/images/loading/loading_cir.png')no-repeat;background-size: contain;animation: loading_cir 2s infinite; } .loading_cir img {width:100%;} .loading_letter {position:absolute; top:65px; height:30px; } .loading_letter1.letter1 {left:30px; animation: loading_letter 2s infinite;} .loading_letter1.letter2 {left:50px; animation: loading_letter 2s infinite; animation-delay: 0.2s;} .loading_letter1.letter3 {left:68px; animation: loading_letter 2s infinite; animation-delay: 0.4s;} .loading_letter1.letter4 {left:93px; animation: loading_letter 2s infinite; animation-delay: 0.6s;} .loading_letter2 {position:absolute; top:65px; height:25px;} .loading_letter2.letter1 {left:26px; animation: loading_letter 2s infinite;width: inherit !important;} .loading_letter2.letter2 {left:36px; animation: loading_letter 2s infinite; animation-delay: 0.15s;width: inherit !important;} .loading_letter2.letter3 {left:54px; animation: loading_letter 2s infinite; animation-delay: 0.30s;width: inherit !important;} .loading_letter2.letter4 {left:71px; animation: loading_letter 2s infinite; animation-delay: 0.45s;width: inherit !important;} .loading_letter2.letter5 {left:88px; animation: loading_letter 2s infinite; animation-delay: 0.6s;width: inherit !important;} .loading_letter2.letter6 {left:94px; animation: loading_letter 2s infinite; animation-delay: 0.75s;width: inherit !important;} .loading_letter2.letter7 {left:113px; animation: loading_letter 2s infinite; animation-delay: 0.9s;width: inherit !important;} /* 팝업창관리 _ 인풋박스 백그라운드처리 */ .hasDatepicker{background: url(images/ico_calendar_red.png) no-repeat 2px center;padding-left: 18px !important; text-align: center} .ui-timepicker-input{background: url(images/ico_clock.png) no-repeat 2px center; padding-left: 18px !important; text-align: center} .COMMON_PX_INPUT{background: url(images/ico_px.png) no-repeat 98% center !important;padding-left: 16px !important; text-align: center} /**툴팁*/ .shuvic-tooltip-parent{cursor: pointer;} .shuvic-tooltip { position: absolute; z-index: 9999999999; max-width: 600px; padding: 1rem; margin-top: .1rem; font-size:1.125rem; color: #fff; background-color: #212529e6; border-radius: 0.25rem;word-break:break-all; font-weight: 600;} .shuvic-tooltip > i{ border-bottom: 6px solid #212529e6; border-right: 6px solid transparent; border-left: 6px solid transparent;top:-6px;position: absolute; } .shuvic-tooltip > hr{display: none;} .shuvic-tooltip .tooltip-body{font-size: 0.9rem;max-height: 240px;overflow-y:hidden; margin-top: 0.25rem;font-weight: normal;} .shuvic-tooltip.reversePos > i{ border-top: 6px solid #212529e6;border-bottom: 0px;top: 100%; } /**25.08.05 팝업창 배경 투명도 조정 - 김현빈 **/ .ui-widget-overlay{background-color: #000000} .custom-file-label::after { content: "찾아보기" !important; } .w-5 { width: 5% !important; } .w-10 { width: 10% !important; } .w-15 { width: 15% !important; } .w-20 { width: 20% !important; } .w-25 { width: 25% !important; } .w-40 { width: 40% !important; } .w-50 { width: 50% !important; } .w-60 { width: 60% !important; } .w-75 { width: 75% !important; } .w-80 { width: 80% !important; } .w-90 { width: 90% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .w-auto{width: auto !important;} .m-w-20px{max-width: 20px !important;} .m-w-30px{max-width: 30px !important;} .m-w-40px{max-width: 40px !important;} .m-w-50px{max-width: 50px !important;} .m-w-70px{max-width: 70px !important;} .m-w-100px{max-width: 100px !important;} .w-1px{width: 1px !important;flex: 0 0 1px !important;} .w-10px{width: 10px !important; flex: 0 0 10px !important;} .w-20px{width: 20px !important; flex: 0 0 20px !important;} .w-30px{width: 30px !important; flex: 0 0 30px !important;} .w-40px{width: 40px !important; flex: 0 0 40px !important;} .w-50px{width: 50px !important; flex: 0 0 50px !important;} .w-60px{width: 60px !important; flex: 0 0 60px !important;} .w-70px{width: 70px !important; flex: 0 0 70px !important;} .w-80px{width: 80px !important; flex: 0 0 80px !important;} .w-100px{width: 100px !important; flex: 0 0 100px !important;} .w-120px{width: 120px !important; flex: 0 0 120px !important;} .w-130px{width: 130px !important; flex: 0 0 130px !important;} .w-150px{width: 150px !important; flex: 0 0 150px !important;} .w-175px{width: 175px !important; flex: 0 0 175px !important;} .w-200px{width: 200px !important; flex: 0 0 200px !important;} .w-300px{width: 300px !important; flex: 0 0 300px !important;} .w-350px{width: 350px !important; flex: 0 0 350px !important;} .w-400px{width: 400px !important; flex: 0 0 400px !important;} .w-450px{width: 450px !important; flex: 0 0 450px !important;} .w-500px{width: 500px !important; flex: 0 0 500px !important;} .w-600px{width: 600px !important; flex: 0 0 600px !important;} .w-700px{width: 700px !important; flex: 0 0 700px !important;} .h-50px{height: 50px !important;} .m-h-20px{max-height: 20px !important;} .m-h-30px{max-height: 30px !important;} .m-h-40px{max-height: 40px !important;} .m-h-50px{max-height: 50px !important;} .m-h-70px{max-height: 70px !important;} .h-100px{height: 100px !important;} .m-h-100px{max-height: 100px !important;} .m-h-150px{max-height: 150px !important;} .m-h-200px{max-height: 200px !important;} .m-h-300px{max-height: 300px !important;} .min-h-70px{min-height: 70px !important;} .h-70px{height: 70px !important;} .h-150px{height: 150px !important;} .h-180px{height: 180px !important;} .h-200px{height: 200px !important;} .h-250px{height: 250px !important;} .h-300px{height: 300px !important;} .h-400px{height: 400px !important;} .h-500px{height: 500px !important;} .h-600px{height: 600px !important;} .h-700px{height: 700px !important;} .h-800px{height: 800px !important;} .border-radius{border-radius: 0.25rem;}