.inputDatepicker{display: inline-block; margin: 0; width: 100%; position: static !important;} @media (min-width: 576px){ .inputDatepicker{max-width: 100px;} } .onlyIE9_display{display: none;} /* Login */ .login-page{background: url('/img/login/login_bg_2_24.jpg') no-repeat center/cover rgba(0,0,0,0.5); max-width: 1920px; min-width: 320px; min-height: 640px; margin: 0 auto; background-blend-mode: darken;} .login-page a{color: inherit;} .login-page .login-box_cover{width: 100%; height: 100%; min-height: 480px; position: relative; color: #fff;} .login-page .login-box_cover .login-box{max-width: 260px; margin: auto; overflow: hidden;} .login-page .login-box_cover .login-box .login-box-head{margin-bottom: 25%;} .login-page .login-box_cover .login-box .login-box-head .login-logo img.horLogo{width: 260px;} .login-page .login-box_cover .login-box .custom-control-input:checked ~ .custom-control-label::before { color: #13b5f5; border-color: #fff; background-color: #fff; } .login-page .login-box_cover .login-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2313b5f5' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } @media (min-width: 768px) { .login-page .login-box_cover{margin: 0 10% 0 auto; max-width: 440px; } .login-box-foot{position: absolute; bottom: 0; left: 0;} } @media (max-height: 480px) { .login-page .login-box_cover{margin: 0; max-width: initial;} .login-page .login-box_cover .login-box {width: 100%; padding: 2rem ; max-width: 480px;} .login-box-foot{position: absolute; bottom: 0; left: 0;} } /* Kakao Msg */ /* 카톡전송 */ .hashtag a{margin: 0 .25rem;} @media (min-width: 756px) { .sendMsg .tempUl{width: calc(90% + 80px); overflow-y: auto; margin: 0 auto; } } /* 리스트 컨트롤 */ table.list_table tbody tr{cursor: pointer; transition: background-color .2s;} table.list_table tbody tr:hover{background-color: #f1f5f9;} table.list_table tbody tr.selected{background-color: #f1f5f9;} table.list_table tbody tr td{word-break:break-all;} /* 카카오톡 대화창 연출 */ .preview_tempCover{width: 380px; overflow-y: auto;} .preview_tempCover .preview_temp{background-color: #b2c7d9; max-width: 380px; font-size: 13px; padding: 1rem; min-height: 380px;} .tile-type li .unit .unit-body .preview_tempCover .preview_temp{height: 360px; overflow-y: auto;} .preview_tempCover .preview_temp .preview_nickname{font-size: 12px; color: #31404c;} .preview_tempCover .preview_temp .preview_temp_terms{background-color: #fff; max-width:280px; border-radius: 3px; overflow: hidden; box-shadow: 5px 5px 10px 0px rgba(128, 128, 128, 0.5);} .preview_tempCover .preview_temp .preview_temp_terms .preview_temp_terms_head{background-color: #ffeb00; float: left; width: 100%; height: 40px; border-bottom: 1px solid #f0e12c; font-size: 13px;} .preview_tempCover .preview_temp .preview_temp_terms .preview_temp_terms_body{white-space: pre-line; float: left; word-break: break-all;} .preview_tempCover .preview_temp .preview_temp_terms .preview_temp_terms_body .marking{background-color: #c1eeff; padding: 0 0.25rem; white-space: pre-wrap;} .preview_tempCover .preview_temp .preview_temp_terms .preview_temp_btn{color: #2e76b6; border: 1px solid #d6d6d6;} /* 템플릿창 tile or list */ .tile_or_list button{background-color: #fff; border: 1px solid #13b5f5; color: #13b5f5;} .tile_or_list button:hover{background-color: #0588bb; color: #fff;} .tile_or_list button.active{background-color: #13b5f5; color: #fff;} .tile_or_list button.active:hover { color: #fff; background-color: #0588bb; border-color: #004a67; } .tile-type{overflow: hidden; max-width: 1620px; margin: 0 auto;} .tile-type li{float: left; padding: .5rem;} .tile-type li .unit .unit-body{height: auto; overflow-y: auto;} /* 카카오알림톡 카톡전송Layer */ .msg_send{width: 100%; min-height: 810px;} .msg_send .msg_send_layer1{position: absolute; width: 100%; height: 100%; top: 0; right: 0; overflow: auto; background-color: rgba(0,0,0,0.5); z-index: 10000;} .msg_send .msg_send_layer1 .msg_send_select_template{width: 98%; height: 100%; margin: 0 auto;} .select_temp_alert .hashtag{padding: .5rem;} .hashtag a.selected{font-weight: bold; text-decoration: underline;} .msg_send .msg_send_modal_layer{position: absolute; width: 100%; height: 100%; top: 0; right: 0; overflow: auto; background-color: rgba(0,0,0,0.5); z-index: 10000;} .msg_send .msg_send_modal_layer .msg_send_modal_contents{width: 90%;} @media (min-width: 1200px){ .select_temp_alert .form-inline{flex-flow: row;} .msg_send .msg_send_modal_layer .msg_send_modal_contents{width: 50%; margin: 1rem auto;} } /* 파일업로드 Layer */ .layer_file_upload{display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, 0.5); z-index: 10100;} .layer_file_upload .layer_file_upload_bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 10050; opacity: 0.5;} .file_upload_dialog .file_upload{width: 100%; max-width: 1400px; margin: auto; background-color: #fff; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; overflow-y: auto; z-index: 11000;} .file_upload_dialog .file_upload .file_upload_header{display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: .3rem; border-top-right-radius: .3rem;} .file_upload_dialog .file_upload .file_upload_body{position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem;} .file_upload_dialog .file_upload .file_upload_body .file_list{ height: 320px; overflow-y: auto;} .file_upload_dialog .file_upload .file_upload_body .file_list ul{list-style: none; margin: 0; padding: 0; overflow: hidden;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li{width: 100px; padding: .25rem; margin: 0 .25rem .25rem 0; list-style: none; display: inline-block; border: 1px solid #dee2e6; position: relative;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li.selected_img{box-shadow: inset 1px 1px 2px 2px #12b5f5;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body{width: 100%; position: relative;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .img_area{width: 80px; height: 80px; border: 1px solid #dee2e6; display: flex; align-items: center; justify-content: center; margin: 0 auto;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .img_area img{max-width: 76px; max-height: 76px;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .text_area{width: 80px; padding: 5px; display: flex; align-items: flex-end; margin: 0 auto;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .text_area p{margin: 0; padding: 0; width: 100%;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .text_area p small{display: block;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .text_area p .file_scale{width: 100%;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .text_area p .file_size{width: 100%;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .text_area p .file_name{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .selected_mark{position: absolute; top: -4px; right: -4px; width: 20px; height: 20px; border-radius: 1px; background-color: rgba(0, 0, 0, 0.05);} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .selected_mark a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .selected_mark a:hover{box-shadow: 0px 0 10px 1px #13b5f5; text-decoration: none;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .selected_mark a i{display: none; color: #fff;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li.selected_img .li_body .selected_mark{background-color: #13b5f5;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li.selected_img .li_body .selected_mark a i{display: inline-block;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .ancher_area{position: absolute; width: 100%; position: absolute; height: 100%; top: 0; left: 0;} .file_upload_dialog .file_upload .file_upload_body .file_list ul.tiles li .li_body .ancher_area:hover{background-color: rgba(0, 0, 0, 0.1);} .file_upload_dialog .file_upload .file_upload_body .selected_image{overflow-x: auto; width: 100%;} .file_upload_dialog .file_upload .file_upload_body .selected_image ul{margin: 0; height: 70px; white-space: nowrap;} .file_upload_dialog .file_upload .file_upload_body .selected_image ul li.selected_image_list{max-height: 58px; min-width: 58px; text-align: center; margin: 5px; list-style: none; position: relative; cursor: pointer; display: inline-block; border: 1px solid #dee2e6;} .file_upload_dialog .file_upload .file_upload_body .selected_image ul li.selected_image_list img{max-height: 56px;} .file_upload_dialog .file_upload .file_upload_body .selected_image ul li.selected_image_list span.closed{width: 100%; height: 100%; font-size: 2.5rem; position: absolute; top: 0; left: 0; display: none; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.2);} .file_upload_dialog .file_upload .file_upload_body .selected_image ul li.selected_image_list:hover span.closed{display: flex;} .file_upload_dialog .file_upload .file_upload_body .detail_view{height: 478px; overflow-y: auto; overflow-x: hidden;} .file_upload_dialog .file_upload .file_upload_body .detail_view .img_box{text-align: center; width: 100%;} .file_upload_dialog .file_upload .file_upload_body .detail_view .img_box img{max-width: 200px;} .file_upload_dialog .file_upload .file_upload_body .detail_view_table td{word-break:break-all;} .file_upload_dialog .file_upload .file_upload_footer{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem;} .file_upload_dialog .file_upload .file_upload_footer>:not(:first-child) { margin-left: .25rem;} .file_upload_dialog .file_upload .file_upload_footer>:not(:last-child) { margin-right: .25rem;} /* 사용자 DB 설정 */ .set_image_list{list-style: none; height: 520px; overflow-y: auto; padding: 1rem; margin-bottom: 1rem;} .set_image_list li{width: 150px; height: 150px; border: 1px solid #dee2e6; float: left; margin: .5rem; list-style: none; border-radius: 5px; overflow: hidden;} .set_image_list li a{width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center;} .set_image_list li a img{max-width: 148px; max-height: 148px;} .set_image_list li a span{display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.3); color: #fff; font-size: 50px;} .set_image_list li:hover a span{display: flex;} /* 알람메시지 */ .message_alert_cover{position: absolute;} .message_alert{position: fixed; bottom: 2rem; left: 2rem; z-index: 100000; display: flex; justify-content: center; align-items: center;} .message_alert .message_alert_div{max-width: 992px; display: flex; align-items: flex-start; justify-content: space-between; border-radius: 5px; box-shadow: 2px 2px 6px 2px;} .message_alert .message_alert_div p{margin: 0; padding-right: 2rem; color: #fff; font-size: 18px;} .message_alert .message_alert_div button.close{color: #fff;} /* 공지사항 */ .notice_view img{max-width: 100%;} /* 북마크 */ .checkbox_bookmark_customize{display: inline-block; position: relative; text-align: center;} .checkbox_bookmark_txt{display: inline-block; font-size: 1em; width: 1em; height: 1em; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='21.781 123.986 568.438 544.067'%3e%3cpath fill='%23727272' d='M561.106,306.219l-155.231-22.631l-69.381-140.675c-12.432-25.075-48.45-25.394-60.988,0l-69.381,140.675L50.894,306.219 c-27.837,4.038-38.994,38.356-18.806,58.013l112.306,109.438l-26.563,154.594c-4.781,27.943,24.65,48.875,49.3,35.806L306,591.075 l138.869,72.993c24.649,12.963,54.081-7.862,49.3-35.806l-26.563-154.594l112.306-109.438 C600.1,344.575,588.943,310.256,561.106,306.219L561.106,306.219z M412.888,455.818l25.181,147.051L306,533.487l-132.069,69.382 l25.181-147.051L92.225,351.694l147.688-21.462L306,196.356l66.088,133.875l147.688,21.462L412.888,455.818L412.888,455.818z' /%3e%3c/svg%3e") no-repeat center;} .checkbox_bookmark_customize label{display: block;} .checkbox_bookmark_customize label input[type="checkbox"]{position: absolute; left: 0; z-index: -1; width: 0; margin: 0; height: 0; opacity: 0;} .checkbox_bookmark_customize label input[type="checkbox"]:checked ~ .checkbox_bookmark_txt{width: 1em; height: 1em; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='21.781 123.986 568.438 544.067'%3e%3cpath fill='%23FEEA00' d='M275.506,142.913l-69.381,140.675L50.894,306.219c-27.837,4.038-38.994,38.356-18.806,58.013l112.306,109.438 l-26.563,154.594c-4.781,27.943,24.65,48.875,49.3,35.806L306,591.075l138.869,72.993c24.649,12.963,54.081-7.862,49.3-35.806 l-26.563-154.594l112.306-109.438c20.188-19.656,9.031-53.975-18.806-58.013l-155.231-22.631l-69.381-140.675 C324.063,117.837,288.044,117.519,275.506,142.913L275.506,142.913z' /%3e%3c/svg%3e") no-repeat center;}