#DIALOG_ALERT,#DIALOG_CONFIRM{padding:20px 20px;min-width: 500px;} .NO_RESULT,.no_result{text-align: center;padding: 50px !important; width: 100% !important; color: #222; font-size: 13px; text-align: center;} li.NO_RESULT,li.no_result{display: block !important; font-size: 13px !important;} .NO_RESULT *,.no_result *{font-size: 13px !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;} .ui-checkboxradio-icon{display: none !important;} .ui-checkboxradio-icon .ui-checkboxradio-icon-space{display: none !important;} .AJAX-LOADING .ui-widget-overlay {background: none !important;} /* .ui-widget-overlay {background: #666 !important; opacity: 0.1 !important; filter: Alpha(Opacity=30) !important;} */ .ui-widget-overlay {background: none !important;} .ui-widget-overlay.none{background: none !important;} /* Bootstrap 모달 스타일 다이얼로그 */ .SHUVIC_JQUERY_DIALOG{ padding: 0px; background-color: #FFF !important; border: none !important; border-radius: 0.5rem; z-index: 999999; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); overflow: hidden; } /* 다이얼로그 내부에 autocomplete가 있을 때 overflow visible로 설정 */ .SHUVIC_JQUERY_DIALOG:has(.autocomplete-wrap), .SHUVIC_JQUERY_DIALOG.ui-dialog:has(.autocomplete-wrap) { overflow: visible !important; } .SHUVIC_JQUERY_DIALOG:has(.autocomplete-wrap) .ui-dialog-content, .SHUVIC_JQUERY_DIALOG.ui-dialog:has(.autocomplete-wrap) .ui-dialog-content { overflow: visible !important; } /* 다이얼로그 내부의 autocomplete 결과가 다이얼로그 위에 표시되도록 z-index 조정 */ .SHUVIC_JQUERY_DIALOG .autocomplete-wrap > .autocomplete-result, .SHUVIC_JQUERY_DIALOG .autocomplete-result { z-index: 1000000 !important; /* 다이얼로그 z-index(999999)보다 높게 */ } .SHUVIC_JQUERY_DIALOG.NON_HEADER .ui-dialog-titlebar {display: none;} .SHUVIC_JQUERY_DIALOG.NON_HEADER {border: 1px solid #dee2e6 !important; border-radius: 0.5rem;} .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-dialog-titlebar{padding: 0px;} .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-widget-header{ background: #157a50; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border: none; } .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{ border: none; outline: none; cursor: pointer; margin-right: 12px; background-color: inherit; opacity: 0.8; } .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover{opacity: 1;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-titlebar .ui-button span{display: none;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-title{ margin-left: 16px; color: #fff; font-size: 1.1rem; font-weight: 600; text-align: left; line-height: 48px; } .SHUVIC_JQUERY_DIALOG.ui-dialog > .ui-dialog-content{border: none; margin-top: 0px; padding: 16px;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonpane{ background: #f8f9fa; border-top: 1px solid #dee2e6; padding: 12px 16px; } .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset{float: none; text-align: center;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .ui-button{ border: none; outline: none; color: #fff !important; border-radius: 0.375rem; padding: 8px 16px; font-size: 0.9rem; font-weight: 500; margin-left: 8px; } .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .ui-button .ui-button-text{color: #FFF;} .SHUVIC_JQUERY_DIALOG.ui-dialog .modal-header .close{right: 17px; font-size: 1.5rem;} .SHUVIC_JQUERY_DIALOG.ui-dialog{border: none !important;} .SHUVIC_JQUERY_DIALOG_CONFIRM.ui-dialog > .ui-widget-header{background: #157a50;} .SHUVIC_JQUERY_DIALOG_CONFIRM.ui-dialog{border: none !important;} .SHUVIC_JQUERY_DIALOG_CONFIRM.ui-dialog .ui-dialog-buttonset .ui-button{ background-color: #198d5e !important; } .SHUVIC_JQUERY_DIALOG_CONFIRM.ui-dialog .ui-dialog-buttonset .ui-button:hover{ background-color: #157a50 !important; } /* 다이얼로그-라디오버튼 라운드 없앰요 */ .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-corner-right, .COMMON_BUTTONSET .ui-corner-right{border-bottom-right-radius:0; border-top-right-radius:0} .SHUVIC_JQUERY_DIALOG.ui-dialog .COMMON_BUTTONSET label{margin-left:-1px;} /* 팝업창관리 _ 인풋박스 백그라운드처리 */ .hasDatepicker{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%236c757d' d='M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z'/%3E%3C/svg%3E") no-repeat 8px center !important; background-size: 16px 16px !important; padding-left: 28px !important; text-align: center; } .inputDateTimeType{background: url("images/ico_calendarTime.png") no-repeat 2px center;padding-left: 28px !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_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .di_btn_close{background-color:#6e6e6e;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .di_btn_del{background-color:#333333;} .SHUVIC_JQUERY_DIALOG.ui-dialog .ui-dialog-buttonset .di_btn_conf{background-color:#007bff;} .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog .ui-dialog-buttonset button{border: none;color: #FFF;font-size: 20px;padding:10px 30px;} .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;} .w-10 { width: 10% !important; flex: 0 0 10% !important; } .w-20 { width: 20% !important; flex: 0 0 20% !important; } .w-25 { width: 25% !important; flex: 0 0 25% !important; } .w-30 { width: 30% !important; flex: 0 0 30% !important; } .w-35 { width: 35% !important; flex: 0 0 35% !important; } .w-50 { width: 50% !important; flex: 0 0 50% !important; } .w-75 { width: 75% !important; flex: 0 0 75% !important; } .w-100 { width: 100% !important; flex: 0 0 100% !important; } .w-auto{width: auto !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-90px{width: 90px !important; flex: 0 0 90px !important;} .w-100px{width: 100px !important; flex: 0 0 100px !important;} .w-110px{width: 110px !important; flex: 0 0 110px !important;} .w-120px{width: 120px !important; flex: 0 0 120px !important;} .w-125px{width: 125px !important; flex: 0 0 125px !important;} .w-130px{width: 130px !important; flex: 0 0 130px !important;} .w-140px{width: 140px !important; flex: 0 0 140px !important;} .w-150px{width: 150px !important; flex: 0 0 150px !important;} .w-160px{width: 160px !important; flex: 0 0 160px !important;} .w-170px{width: 170px !important; flex: 0 0 170px !important;} .w-180px{width: 180px !important; flex: 0 0 180px !important;} .w-190px{width: 190px !important; flex: 0 0 190px !important;} .w-200px{width: 200px !important; flex: 0 0 200px !important;} .w-210px{width: 210px !important; flex: 0 0 210px !important;} .w-220px{width: 220px !important; flex: 0 0 220px !important;} .w-230px{width: 230px !important; flex: 0 0 230px !important;} .w-240px{width: 240px !important; flex: 0 0 240px !important;} .w-250px{width: 250px !important; flex: 0 0 250px !important;} .w-260px{width: 260px !important; flex: 0 0 260px !important;} .w-270px{width: 270px !important; flex: 0 0 270px !important;} .w-280px{width: 280px !important; flex: 0 0 280px !important;} .w-290px{width: 290px !important; flex: 0 0 290px !important;} .w-300px{width: 300px !important; flex: 0 0 300px !important;} .w-310px{width: 310px !important; flex: 0 0 310px !important;} .w-320px{width: 320px !important; flex: 0 0 320px !important;} .w-330px{width: 330px !important; flex: 0 0 330px !important;} .w-340px{width: 340px !important; flex: 0 0 340px !important;} .w-350px{width: 350px !important; flex: 0 0 350px !important;} .w-360px{width: 360px !important; flex: 0 0 360px !important;} .w-370px{width: 370px !important; flex: 0 0 370px !important;} .w-380px{width: 380px !important; flex: 0 0 380px !important;} .w-390px{width: 390px !important; flex: 0 0 390px !important;} .w-400px{width: 400px !important; flex: 0 0 400px !important;} .w-410px{width: 410px !important; flex: 0 0 410px !important;} .w-420px{width: 420px !important; flex: 0 0 420px !important;} .w-430px{width: 430px !important; flex: 0 0 430px !important;} .w-440px{width: 440px !important; flex: 0 0 440px !important;} .w-450px{width: 450px !important; flex: 0 0 450px !important;} .w-460px{width: 460px !important; flex: 0 0 460px !important;} .w-470px{width: 470px !important; flex: 0 0 470px !important;} .w-480px{width: 480px !important; flex: 0 0 480px !important;} .w-490px{width: 490px !important; flex: 0 0 490px !important;} .w-500px{width: 500px !important; flex: 0 0 500px !important;} .w-510px{width: 510px !important; flex: 0 0 510px !important;} .w-520px{width: 520px !important; flex: 0 0 520px !important;} .w-530px{width: 530px !important; flex: 0 0 530px !important;} .w-540px{width: 540px !important; flex: 0 0 540px !important;} .w-550px{width: 550px !important; flex: 0 0 550px !important;} .w-560px{width: 560px !important; flex: 0 0 560px !important;} .w-570px{width: 570px !important; flex: 0 0 570px !important;} .w-580px{width: 580px !important; flex: 0 0 580px !important;} .w-590px{width: 590px !important; flex: 0 0 590px !important;} .w-600px{width: 600px !important; flex: 0 0 600px !important;} .w-610px{width: 610px !important; flex: 0 0 610px !important;} .w-620px{width: 620px !important; flex: 0 0 620px !important;} .w-630px{width: 630px !important; flex: 0 0 630px !important;} .w-640px{width: 640px !important; flex: 0 0 640px !important;} .w-650px{width: 650px !important; flex: 0 0 650px !important;} .w-660px{width: 660px !important; flex: 0 0 660px !important;} .w-670px{width: 670px !important; flex: 0 0 670px !important;} .w-680px{width: 680px !important; flex: 0 0 680px !important;} .w-690px{width: 690px !important; flex: 0 0 690px !important;} .w-700px{width: 700px !important; flex: 0 0 700px !important;} .w-710px{width: 710px !important; flex: 0 0 710px !important;} .w-720px{width: 720px !important; flex: 0 0 720px !important;} .w-730px{width: 730px !important; flex: 0 0 730px !important;} .w-740px{width: 740px !important; flex: 0 0 740px !important;} .w-750px{width: 750px !important; flex: 0 0 750px !important;} .w-760px{width: 760px !important; flex: 0 0 760px !important;} .w-770px{width: 770px !important; flex: 0 0 770px !important;} .w-780px{width: 780px !important; flex: 0 0 780px !important;} .w-790px{width: 790px !important; flex: 0 0 790px !important;} .w-800px{width: 800px !important; flex: 0 0 800px !important;} .w-810px{width: 810px !important; flex: 0 0 810px !important;} .w-820px{width: 820px !important; flex: 0 0 820px !important;} .w-830px{width: 830px !important; flex: 0 0 830px !important;} .w-840px{width: 840px !important; flex: 0 0 840px !important;} .w-850px{width: 850px !important; flex: 0 0 850px !important;} .w-860px{width: 860px !important; flex: 0 0 860px !important;} .w-870px{width: 870px !important; flex: 0 0 870px !important;} .w-880px{width: 880px !important; flex: 0 0 880px !important;} .w-890px{width: 890px !important; flex: 0 0 890px !important;} .w-900px{width: 900px !important; flex: 0 0 900px !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;} .h-30px{height: 30px !important;} .h-50px{height: 50px !important;} .mx-h-20px{max-height: 20px !important;} .mx-h-30px{max-height: 30px !important;} .mx-h-40px{max-height: 40px !important;} .mx-h-50px{max-height: 50px !important;} .mx-h-70px{max-height: 70px !important;} .h-100px{height: 100px !important;} .mx-h-100px{max-height: 100px !important;} .mx-h-150px{max-height: 150px !important;} .mx-h-200px{max-height: 200px !important;} .mx-h-300px{max-height: 300px !important;} .mx-h-500px{max-height: 500px !important;} .mn-h-70px{min-height: 70px !important;} .mn-h-150px{min-height: 150px !important;} .mn-h-200px{min-height: 200px !important;} .h-70px{height: 70px !important;} .h-80px{height: 80px !important;} .h-90px{height: 90px !important;} .h-100px{height: 100px !important;} .h-110px{height: 110px !important;} .h-115px{height: 150px !important;} .h-120px{height: 120px !important;} .h-130px{height: 130px !important;} .h-140px{height: 140px !important;} .h-150px{height: 150px !important;} .h-160px{height: 160px !important;} .h-170px{height: 170px !important;} .h-180px{height: 180px !important;} .h-200px{height: 200px !important;} .h-240px{height: 240px !important;} .h-250px{height: 250px !important;} .h-300px{height: 300px !important;} .h-340px{height: 340px !important;} .h-350px{height: 350px !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-0{border-radius: 0 !important;} .border-left-radius-0{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;} .border-right-radius-0{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;} .border-left-radius{border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem;} .border-right-radius{border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem;} .border-radius{border-radius: 0.25rem;} ul.border-radius-0 > li{border-radius: 0 !important;} .border-style-none{ border-style: none;} .border-style-hidden{ border-style: hidden;} .border-style-dotted{ border-style: dotted;} .border-style-dashed{ border-style: dashed;} .border-style-solid{ border-style: solid;} /**추가버튼*/ .badge-pink {color: #fff !important;background-color: #eb3574 ;border-color: #eb3574 ;} .btn-pink {color: #fff !important;background-color: #eb3574 ;border-color: #eb3574 ;} .bg-pink {background-color: #eb3574 ;} .bg-orange {background-color: #f05823 ;} .btn-orange {color: #fff !important;background-color: #f05823 ;border-color: #f05823 ;} .btn-orange:hover {background-color: #f07d23 ;border-color: #f07d23 ;} .badge-orange {color: #fff ;background-color: #f05823 ;border-color: #f05823 ;} .badge-orange:hover {background-color: #f07d23 ;border-color: #f07d23 ;} .COMMON_BUTTONSET label{ border-radius:5px !important; } .COMMON_BUTTONSET>.COMMON_BUTTONSET:not(:last-child)>label, .COMMON_BUTTONSET>label:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .COMMON_BUTTONSET>.COMMON_BUTTONSET:not(:first-child)>label, .COMMON_BUTTONSET>label:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .COMMON_BUTTONSET>.COMMON_BUTTONSET:not(:first-child), .COMMON_BUTTONSET>label:not(:first-child) { margin-left: -1px; } /* COMMON_BUTTONSET의 ui-state-active 스타일 (Bootstrap btn 클래스보다 우선순위 높임) */ .COMMON_BUTTONSET label.ui-state-active { background-color: #007fff !important; border-color: #003eff !important; color: #ffffff !important; } form .VALIDATE_ERROR_MSG{border-color: #a94442 !important;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);} form .VALIDATE_ERROR_MSG:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);} form .input-group.VALIDATE_ERROR_MSG .form-control{border-color: #a94442 !important;} form .input-group.VALIDATE_ERROR_MSG .input-group-append .btn{border-color: #a94442 !important;} .fileLabel{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;} .fileInputLabel{display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-right:0px; border-radius: .25rem;border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;} .upload-section input[type="file"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;} .chosen-container-single .chosen-single{height: calc(2.25rem + 2px) !important; line-height: calc(2.25rem + 2px) !important;} .COMMON_TABS{clear: both;} .COMMON_TABS.ui-tabs{padding: 0px;margin: 1px 0 0 0;} .COMMON_TABS.ui-tabs > ul > li > a{outline: none; font-size: 1rem;;} .COMMON_TABS.ui-tabs .ui-tabs-nav li {padding: 0px;margin: 1px 7px 0 0; white-space:nowrap; } .COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active {background: #136cb7;border-color: #136cb7;} .COMMON_TABS.ui-tabs .ui-tabs-nav > .ui-tabs-active > a{color: #FFF;} .COMMON_TABS.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;} .COMMON_TABS.ui-tabs .ui-tabs-nav li a{padding:10px 20px;} .COMMON_TABS.tab_content h3.on a, #contents .tab_content h3 a:hover {color: #3780d0;} .COMMON_TABS.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #FFFFFF;font-weight: bold;} .COMMON_TABS.ui-tabs .ui-tabs-panel{padding: 5px 0px;} .COMMON_TABS.ui-widget-content{border: none;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;background:none;} .COMMON_TABS > .ui-widget-header{background: none; border: none;border-bottom: 1px solid #136cb7; border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top-left-radius:0px;border-top-right-radius:0px;} .COMMON_TABS > .ui-widget-header{padding: 0px;} .COMMON_TABS.ui-tabs .ui-tabs-nav, .tab-slide{width:100%; white-space:nowrap;} .swing_content{min-height: 200px;word-break:break-all;} .swing_content img{max-width: 100%;} .text-orange{color: #fd7e14;} .text-cyan{color: #17a2b8;} .text-pink{color: #e83e8c;} .bg-primary-light{color: #004085;background-color: #cce5ff;} .bg-secondary-light{color: #383d41;background-color: #e2e3e5;} .bg-success-light{color: #155724;background-color: #d4edda;} .bg-danger-light{color: #721c24;background-color: #f8d7da;} .bg-warning-light{color: #856404;background-color: #fff3cd;} .bg-info-light{color: #0c5460;background-color: #d1ecf1 ;} .bg-dark-light{color: #1b1e21;background-color: #d6d8d9;} .bg-light-light{color: #818182;background-color: #fefefe;} .word-break-break-all{word-break:break-all;} .new_icon{background: url("./images/new_icon.png") no-repeat 4px 4px ;width: 24px;height: 24px;display: inline-block; vertical-align: middle;} .new_icon >em{display: none; } .pre-scrollable-auto {max-height: 340px;overflow-y: auto;} .btn-primary-light,.badge-primary-light {color: #004085;background-color: #cce5ff;} .btn-primary-light:hover {background-color: #b8daff;} .btn-secondary-light,.badge-secondary-light {color: #383d41;background-color: #e2e3e5;} .btn-secondary-light:hover {background-color: #d6d8db;} .btn-success-light,.badge-success-light {color: #155724;background-color: #d4edda;} .btn-success-light:hover {background-color: #c3e6cb;} .btn-danger-light,.badge-danger-light {color: #721c24;background-color: #f8d7da;} .btn-danger-light:hover {background-color: #f5c6cb;} .btn-warning-light,.badge-warning-light {color: #856404;background-color: #fff3cd;} .btn-warning-light:hover {background-color: #ffeeba;} .btn-info-light,.badge-info-light {color: #0c5460;background-color: #d1ecf1 ;} .btn-info-light:hover {background-color: #bee5eb;} .btn-dark-light,.badge-dark-light {color: #1b1e21;background-color: #d6d8d9;} .btn-dark-light:hover {background-color: #c6c8ca;} .btn-light-light,.badge-light-light {color: #818182;background-color: #fefefe;} .btn-light-light:hover {background-color: #fdfdfe;} .font-size-lg{font-size: 1.25rem;line-height: 1.5;} .text-primary-light {color: #cce5ff;} .text-secondary-light {color: #e2e3e5;} .text-success-light {color: #d4edda;} .text-danger-light {color: #f8d7da;} .text-warning-light {color: #fff3cd;} .text-info-light {color: #b8daff;} .text-dark-light {color: #d6d8d9;} .text-light-light {color: #fefefe;} .text-blue{color: #007bff;} .text-indigo{color: #6610f2;} .text-purple{color: #6f42c1;} .text-pink{color: #e83e8c;} .text-orange{color: #fd7e14;} .text-yellow{color: #ffc107;} .text-green{color: #28a745;} .text-teal{color: #20c997;} .text-cyan{color: #17a2b8;} .text-gray{color: #6c757d;} .text-gray-dark{color: #343a40;} .font-size-sm{font-size: 0.8rem;} .text-underline{text-decoration: underline;} .table > thead > tr > th{ vertical-align: middle !important;} .border-left-radius-0{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;} .border-right-radius-0{border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important;} .border-right-radius{border-top-right-radius: 0.25rem !important;border-bottom-right-radius: 0.25rem !important;} .form-control:disabled{background-color: #e2e2e2 !important;} .form-control[readonly]{background-color: #e2e2e2 !important;} .input-group-append .btn, .input-group-prepend .btn{z-index: inherit !important;} .input-group > .autocomplete-wrap{ position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0;} .tooltip-inner { max-width: 1000px; /* If max-width does not work, try using width instead */ } .notify { z-index: 999999999 !important; } .shuvic-tooltip-parent{cursor: pointer;} .shuvic-tooltip { position: absolute; z-index: 9999999999; max-width: 600px; padding: 1.25rem 1.5rem; margin-top: .1rem; font-size: 1rem; color: #fff; background: linear-gradient(135deg, rgba(33, 37, 41, 0.98) 0%, rgba(33, 37, 41, 0.95) 100%); border-radius: 0.75rem; word-break: break-all; font-weight: 500; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); animation: tooltipFadeIn 0.2s ease-out; } @keyframes tooltipFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .shuvic-tooltip > i{ border-bottom: 8px solid rgba(33, 37, 41, 0.98); border-right: 8px solid transparent; border-left: 8px solid transparent; top: -8px; position: absolute; filter: drop-shadow(0 -2px 4px rgba(0, 0, 0, 0.2)); } .shuvic-tooltip > hr{ display: block; margin: 0.75rem 0; border: 0; border-top: 1px solid rgba(255, 255, 255, 0.15); opacity: 0.5; } .shuvic-tooltip .tooltip-body{ font-size: 0.875rem; margin-top: 0.75rem; font-weight: 400; line-height: 1.7; color: #e9ecef; word-break: break-word; white-space: pre-wrap; } .shuvic-tooltip.reversePos > i{ border-top: 8px solid rgba(33, 37, 41, 0.98); border-bottom: 0px; top: 100%; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)); } input::placeholder { color: #DDD !important; font-style: italic; } textarea::placeholder { color: #DDD !important; font-style: italic; } .accordion{border: 1px solid #DDD !important; border-bottom: 0px !important;} .accordion > .card{border: 0px !important;} .accordion > .card > div > .card-body{border-bottom: 1px solid #DDD !important;} .JS-row.table-accordion-active .fa-chevron-down{color: #0077ff !important;} .JS-row.table-accordion-active > tr:last-child, .JS-row.table-accordion-active > tr:last-child > td{border-top: 1px dashed #DDD !important;} .JS-row.table-accordion-active > tr:last-child table th, .JS-row.table-accordion-active > tr:last-child table{background-color: #FFF;} .JS-row.table-accordion-active:hover tr, .JS-row.table-accordion-active:hover tr td, .JS-row.table-accordion-active:hover .card-header, .JS-row.table-accordion-active:hover .card-body, .JS-row.table-accordion-active:hover tr th{background-color: #e8f1ff !important;} .JS-row.table-accordion-active > tr:last-child .card-header, .JS-row.table-accordion-active > tr:last-child table th{font-weight: bold;} .JS-row.table-accordion-active .form-control.d-flex{align-items: center;} .JS-row.table-accordion-active .form-control span{display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;} .JS-row.table-accordion-active .form-control strong{display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .input-group .ui-widget.ui-checkboxradio-radio-label:first-child, .input-group .ui-widget.ui-checkboxradio-label:first-child{border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;} .ui-widget.ui-checkboxradio-radio-label, .ui-widget.ui-checkboxradio-label{margin: 0;border: 1px solid #ced4da !important;} /* 모바일 다이얼로그 - Bootstrap 모달 스타일 */ .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog{ border: none !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; border-radius: 12px; background: #fff !important; overflow: hidden; } .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog .ui-dialog-titlebar{ position: relative; width: 100%; z-index: 10; border-radius: 12px 12px 0 0; height: 52px; display: flex; align-items: center; } .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog .ui-dialog-title{ line-height: 52px; font-size: 1rem; margin-left: 16px; } .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog .ui-dialog-titlebar-close{ margin-right: 12px !important; } .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog .ui-dialog-content{ margin-top: 0; margin-bottom: 0; padding: 16px; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff; max-height: calc(80vh - 120px); } .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog .ui-dialog-buttonpane{ position: relative; width: 100%; z-index: 10; border-radius: 0 0 12px 12px; background: #f8f9fa; border-top: 1px solid #dee2e6; padding: 12px 16px; } .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog .ui-dialog-buttonset{ display: flex; gap: 8px; justify-content: center; } .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog .ui-dialog-buttonset button{ padding: 10px 20px; font-size: 14px; font-weight: 500; border-radius: 8px; color: #fff !important; } .SHUVIC_JQUERY_MOBLE_DIALOG.ui-dialog .ui-dialog-buttonpane{position: fixed;bottom: 0px;width: 100%;z-index: 10;} select option:disabled {color: #007bff;} /** 자동완성 플러그인*/ .autocomplete-wrap > .autocomplete-result > ul >li>a{padding: 5px 10px;text-align: left;display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .autocomplete-wrap{position: relative; } .autocomplete-wrap > .autocomplete-result{position: absolute;z-index: 9999;background-color: #FFFFFF;width: 100%;display: none;min-width:500px;} .autocomplete-wrap.active > .autocomplete-result{display: block;} .autocomplete-result{position: absolute;z-index: 9999;background-color: #FFFFFF;width: 100%;display: none;} .autocomplete-wrap.active input{outline: none !important;box-shadow:none !important; border-color:#80bdff; } .autocomplete-wrap.active > input{ border-bottom-style: dashed; } .autocomplete-wrap input{border-bottom-left-radius: 0;border-bottom-right-radius: 0; } /* border-top: 1px dashed #80bdff; */ .autocomplete-wrap > .autocomplete-result{margin-top: -1px;} .autocomplete-wrap > .autocomplete-result > ul{display: block; width: 100%;} .autocomplete-wrap > .autocomplete-result > .addnSrchValu{background-color: #fdf3f3 !important;padding-left: 30px; background: url("images/auto-complate-addn-search-icon.png") no-repeat 4px center; border-top-left-radius: 0; border-top-right-radius: 0;} .autocomplete-wrap.autocomplete-target > .autocomplete-result > .addnSrchValu{border-bottom-left-radius: 0.2rem;border-bottom-right-radius: 0.2rem; } .autocomplete-wrap.autocomplete-target.active{margin-bottom: 40px;} .autocomplete-wrap.autocomplete-addn-srch> .autocomplete-result > .addnSrchValu{border-top: 1px dashed #80bdff;} .autocomplete-wrap.autocomplete-addn-srch> .autocomplete-result > ul{border-top: 0px;} .autocomplete-wrap > .autocomplete-result > ul{background-color: #feffee;margin: 0px;padding:0px;max-height: 400px;overflow-y:auto; border:1px solid #80bdff; border-top: 1px dashed #80bdff; max-height: 250px;} .autocomplete-wrap > .autocomplete-result > ul >li{padding: 0px ;} .autocomplete-wrap > .autocomplete-result > ul >li.focus{background: #80bdff;} .autocomplete-wrap > .autocomplete-result > ul >li.focus > a{color: #FFF;} .chosen-single{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block;max-width: 600px;} /* 배송지역 뱃지 스타일 */ .JS-regionBadge { font-size: 14px !important; padding: 6px 12px !important; border-radius: 20px !important; font-weight: 500 !important; } .JS-regionBadge .JS-removeRegionBtn { font-size: 16px; font-weight: bold; text-decoration: none; } .JS-regionGroup { line-height: 2.2; } .JS-regionGroup > small { font-size: 14px !important; font-weight: 600; color: #495057 !important; }