최초 세팅
This commit is contained in:
bd091
554
src/main/resources/static/css/web/ContentsBbsReg.css
Normal file
554
src/main/resources/static/css/web/ContentsBbsReg.css
Normal file
@@ -0,0 +1,554 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.consultation-info input { width:80%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.consultation-info input input::placeholder {color:#B5BDC4;}
|
||||
.consultation-info label {padding-left: 10px;}
|
||||
.consultation-info input[type="checkbox"] {width: 15px; height:15px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.consultation-info input[type="checkbox"] input::placeholder {color:#B5BDC4;}
|
||||
.consultation-info select {width:80%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.consultation-info textarea { width:80%; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
|
||||
.consultation-info textarea::placeholder {color:#B5BDC4;}
|
||||
.wp60 input { width:80%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.wp60 input input::placeholder {color:#B5BDC4;}
|
||||
.wp60 textarea { width:80%; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
|
||||
.wp60 textarea::placeholder {color:#B5BDC4;}
|
||||
.content{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 20px;
|
||||
border: solid 1px #E9ECF0;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
float: left;
|
||||
}
|
||||
/* content_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box { width:100%; height:calc(100% - 50px); padding-top:20px; display:table; }
|
||||
.add_btn{
|
||||
width:24px;
|
||||
height:24px;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
padding-top: 0px;
|
||||
margin-top: 0px;
|
||||
line-height:0px !important;
|
||||
}
|
||||
.ml50{
|
||||
margin-left:50%;
|
||||
}
|
||||
.button_box button { width:70px; font-size:12px; height:32px; border-radius: 16px;}
|
||||
.button_box button.cancel_btn {background: #F8FBFF;}
|
||||
.button_box button.registration_btn {
|
||||
margin-left: 10px;
|
||||
color: #fff;
|
||||
background: #3985EA;
|
||||
}
|
||||
.button_box {
|
||||
width:100%;
|
||||
margin-top: 30px;
|
||||
margin-left:56%;
|
||||
}
|
||||
.fix_area {
|
||||
min-width: 1200px;
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.btn-basic {
|
||||
width:120px;
|
||||
height:40px;
|
||||
border: 1px solid #a73439;
|
||||
border-radius:5px;
|
||||
background-color: white;
|
||||
color: #a73439;
|
||||
}
|
||||
|
||||
.clear:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
font-size: 0;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
||||
.clear > .right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.clear > .left{
|
||||
float:left;
|
||||
}
|
||||
|
||||
.main-img-size {
|
||||
position: relative;
|
||||
width: 655px;
|
||||
height: 368px;
|
||||
overflow: hidden;
|
||||
border-radius: 0.25rem;
|
||||
text-align: center;
|
||||
}
|
||||
.img_center img {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.thumbnail-bottom-txt {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.thumbnail-bottom-txt > span {
|
||||
display: block;
|
||||
color: #6c696a;
|
||||
font-size: 13.5px;
|
||||
}
|
||||
|
||||
.content>.wp60 {
|
||||
width: 60%;
|
||||
}
|
||||
.content>.wp40 {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.wp10{
|
||||
width:10%;
|
||||
}
|
||||
.wp90{
|
||||
width:90%;
|
||||
}
|
||||
|
||||
|
||||
.content>[class^=wp] {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.consultation-info h2{
|
||||
font-size: 4rem;
|
||||
}
|
||||
.consultation-info p{
|
||||
margin-top: 2rem;
|
||||
font-size:2rem;
|
||||
}
|
||||
|
||||
|
||||
.consultation-info .price {
|
||||
display: block;
|
||||
font-size: 3rem;
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.price-area .border-line {
|
||||
height: 1px;
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
|
||||
.hashtag_list{
|
||||
padding: 1rem 0 1.5rem;
|
||||
}
|
||||
|
||||
.hashtag_list span{
|
||||
font-size:1.6rem;
|
||||
color:#a94442;
|
||||
}
|
||||
|
||||
|
||||
.procedure-area>.procedure_select_txt{
|
||||
float: left;
|
||||
width: 7rem;
|
||||
line-height: 1.5;
|
||||
padding-top: 0.375rem;
|
||||
}
|
||||
|
||||
.procedure-area > .dropdown_area {
|
||||
float: right;
|
||||
width: calc(100% - 7rem);
|
||||
}
|
||||
|
||||
.select_procedure_div {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.select_procedure_div .default_item {
|
||||
padding-top: 0.5rem;
|
||||
padding-left: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.select_procedure_div .default_item {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-right: 2.5rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid #cb9f76;
|
||||
text-align: left;
|
||||
border-radius: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
.option_scrl_wrap {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
.select_procedure_div.active .option_scrl_wrap {
|
||||
border: 1px solid #76232f;
|
||||
}
|
||||
|
||||
.select_service_form.active .default_item:after {
|
||||
border-top-color: #333;
|
||||
}
|
||||
|
||||
.default_item:after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 1.1em;
|
||||
margin-top: -0.2rem;
|
||||
border: 0.28571428em solid transparent;
|
||||
border-top-color: #999;
|
||||
}
|
||||
|
||||
|
||||
.optipon_item {
|
||||
padding: 0.4rem 0.5rem;
|
||||
}
|
||||
|
||||
.sepr_wrap {
|
||||
position: relative;
|
||||
min-height: 2.5rem;
|
||||
}
|
||||
|
||||
.item_subprice {
|
||||
min-height: 42px;
|
||||
}
|
||||
|
||||
.select_procedure_div.active .option_scrl_wrap {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: -1px;
|
||||
left: -1px;
|
||||
background-color: #fff;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.cs-checkbox > label.d-block {
|
||||
display: block;
|
||||
}
|
||||
.cs-checkbox > label {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
padding-left: 30px;
|
||||
margin: 0;
|
||||
line-height: 20px;
|
||||
transition: color .3s ease-out;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.oi-wrap {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
/* .cs-checkbox input[type="checkbox"] { */
|
||||
/* visibility: hidden; */
|
||||
/* display: none; */
|
||||
/* } */
|
||||
|
||||
/* .cs-checkbox > label:before, .cs-radio > .r_visible { */
|
||||
/* border: 1px solid #ccc; */
|
||||
/* } */
|
||||
|
||||
input[type="checkbox"] {
|
||||
transform: scale(1.5); /* 크기를 1.5배로 확대 */
|
||||
}
|
||||
|
||||
.idxChk{
|
||||
position:absolute;
|
||||
}
|
||||
|
||||
.cs-checkbox > label:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
margin-right: 0.8em;
|
||||
border-radius: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.oi-wrap .oi-txt {
|
||||
flex: 0 0 65%;
|
||||
max-width: 65%;
|
||||
}
|
||||
|
||||
.option_list {
|
||||
display: block;
|
||||
background: #fff;
|
||||
max-height: 224px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
|
||||
.oi-wrap .oi-price {
|
||||
flex: 0 0 35%;
|
||||
max-width: 35%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.original_price {
|
||||
color: #757575;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.d-block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.discount_price {
|
||||
font-family: 'Campton', Sans-serif;
|
||||
font-weight: 600;
|
||||
color: #A73439;
|
||||
}
|
||||
|
||||
.procedure-area:after {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
font-size: 0;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.selected-procedure{
|
||||
margin-top:20px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
|
||||
.selected-procedure .selt_info_wrap .info {
|
||||
top: 0.7rem;
|
||||
width: 9.5em;
|
||||
padding-top: 0.3em;
|
||||
}
|
||||
|
||||
.selt_info_wrap .info {
|
||||
position: absolute;
|
||||
top: 0.2rem;
|
||||
right: 0.2rem;
|
||||
width: 8.5em;
|
||||
padding-right: 1rem;
|
||||
padding-top: 0.2em;
|
||||
text-align: right;
|
||||
}
|
||||
.selt_info_wrap .info button{
|
||||
border:none;
|
||||
background-color:#fff;
|
||||
}
|
||||
|
||||
|
||||
.real_price {
|
||||
font-family: 'Campton', Sans-serif;
|
||||
font-weight: 600;
|
||||
color: #A73439;
|
||||
}
|
||||
|
||||
.selected-procedure .selt_info_wrap {
|
||||
padding: 0.8rem 0;
|
||||
z-index:0;
|
||||
}
|
||||
|
||||
.selt_info_wrap {
|
||||
position: relative;
|
||||
min-height: 2.5rem;
|
||||
background-color:#fff;
|
||||
border:1px solid #eee;
|
||||
}
|
||||
|
||||
.selected-procedure .selt_info_wrap .selt {
|
||||
padding-right: 9.5em;
|
||||
padding-left: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.selt_info_wrap .selt {
|
||||
padding-top: 0.3em;
|
||||
padding-right: 8.5em;
|
||||
}
|
||||
|
||||
.total-price-area .total {
|
||||
position: relative;
|
||||
background-color: #e6e6e6;
|
||||
padding: 25px 25px 60px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.total-price-area .total .txt_sub {
|
||||
color: #222222;
|
||||
font-size: 2rem;
|
||||
opacity: 1;
|
||||
}
|
||||
.total-price-area .total .right strong {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.total-price-area .total-price-txt {
|
||||
font-family: 'Campton', Sans-serif;
|
||||
font-weight: 600;
|
||||
color: #A73439;
|
||||
}
|
||||
|
||||
.total-price-area .total .bs-txt {
|
||||
position: absolute;
|
||||
bottom: 17px;
|
||||
right: 25px;
|
||||
display: block;
|
||||
margin-top: 4px;
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
|
||||
.main_btn {
|
||||
text-align: right;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.main_btn button {
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
|
||||
.fastrack-btn {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
border: 1px solid #a73439;
|
||||
background-color: #a73439;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.img-content{
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.img-area{
|
||||
padding-top: 70px;
|
||||
padding-bottom: 200px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:10px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left { width:350px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left .title { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label { text-indent:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label::after { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li input[type='checkbox']:checked + label::before { width:5px; height:8px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right p { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li label { font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li input { font-size:12px; height:32px; width:250px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li textarea { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label { font-size:12px; height:32px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label.file_btn img { width:22px; height:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right { width:calc(100% - 350px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button { width:70px; font-size:12px; height:32px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
96
src/main/resources/static/css/web/app.css
Normal file
96
src/main/resources/static/css/web/app.css
Normal file
@@ -0,0 +1,96 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total {font-size:14px; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box {display:flex; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .slash {width:6px; font-size:14px; font-weight:400; color:#000; line-height:36px; margin:0 12px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box {width:160px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img {position:absolute; top:50%; left:5px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input {width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .member_btn {color:#fff; border-radius:5px; background:#3985EA; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .member_btn img {margin-top:-3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
108
src/main/resources/static/css/web/app_board.css
Normal file
108
src/main/resources/static/css/web/app_board.css
Normal file
@@ -0,0 +1,108 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .slash {width:6px; font-size:14px; font-weight:400; color:#000; line-height:36px; margin:0 12px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .board_btn {background:#3985EA; color:#fff; border-radius:5px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .board_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn:hover { background:#d81515 !important; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
127
src/main/resources/static/css/web/app_board_registration.css
Normal file
127
src/main/resources/static/css/web/app_board_registration.css
Normal file
@@ -0,0 +1,127 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .slash {width:6px; font-size:14px; font-weight:400; color:#000; line-height:36px; margin:0 12px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
|
||||
/* content_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box { width:100%; height:calc(100% - 50px - 76px); display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left { width:400px; height:100%; padding:20px; border:solid 1px #E9ECF0; border-radius:5px; background:#fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left .title { font-size:16px; font-weight:700; line-height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li { width:100%; margin-top:10px; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li input { width:100%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li textarea { width:100%; min-height:250px; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li textarea::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li input[type='checkbox'] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li.checkbox_li p { margin-left:10px; font-size:10px; display:inline-block; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li.checkbox_li label { text-indent:25px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li.checkbox_li label::after { content:''; display:block; width:18px; height:18px; border:2px solid #B5BDC4; border-radius:3px; position:absolute; top:1px; left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li input[type='checkbox']:checked + label::after { border:0; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li input[type='checkbox']:checked + label::before { content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; top:3px; left:6px; z-index:1; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right { width:calc(100% - 400px); height:100%; padding:20px; border:solid 1px #E9ECF0; border-radius:5px; background:#fff; float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right p { line-height:36px; font-size:16px; font-weight:700; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .right_btn_box { float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .right_btn_box button { border-radius:5px; color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .right_btn_box button.bring_btn { background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .right_btn_box button.delete_btn { background:#FF2222; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .editor_box { width:100%; margin-top:56px; height:calc(100% - 56px - 46px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box { margin-top:10px; display:flex; justify-content:center; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button { width:100px; height:36px; border-radius:16px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button.registration_btn { margin-left:10px; color:#fff; background:#3985EA; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button { height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li.checkbox_li label { text-indent:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li.checkbox_li label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul li.checkbox_li label::after { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li input[type='checkbox']:checked + label::before { width:5px; height:8px; left:5px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
108
src/main/resources/static/css/web/app_content.css
Normal file
108
src/main/resources/static/css/web/app_content.css
Normal file
@@ -0,0 +1,108 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .slash {width:6px; font-size:14px; font-weight:400; color:#000; line-height:36px; margin:0 12px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .content_btn {background:#3985EA; color:#fff; border-radius:5px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .content_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn:hover { background:#d81515 !important; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
126
src/main/resources/static/css/web/app_content_registration.css
Normal file
126
src/main/resources/static/css/web/app_content_registration.css
Normal file
@@ -0,0 +1,126 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
|
||||
/* content_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box { width:100%; height:calc(100% - 50px); padding-top:20px; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left { width:400px; height:100%; padding:20px; border:solid 1px #E9ECF0; border-radius:5px; background:#fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left .title { font-size:16px; font-weight:700; line-height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li { width:100%; margin-top:10px; display:table; }
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li label { float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box {width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .search_list_box { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li input { width:100%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li textarea { width:100%; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li textarea::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li label { margin:0; line-height:36px; font-weight:400; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last { margin-top:20px; padding-top:10px; border-top:1px solid #d2d2d2; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li { margin-top:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li { margin-top:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label { margin:0; line-height:36px; font-weight:400; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label.file_btn { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li input.file { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li .btm { padding-top:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li .img_box { width:170px; height:100px; margin-right:10px; border-radius:3px; background:#b1b1b1; overflow:hidden; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li .img_box.height170 { height:170px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li .img_box img { object-fit:cover; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li input.upload-name { width:calc(100% - 180px); font-size:12px; border:0; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li button { padding:0; margin-top:10px; line-height:normal; color:#FF0707; font-size:12px; font-weight:700; background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li p { padding-top:10px; clear:both; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right { width:calc(100% - 400px); height:100%; padding:20px; border:solid 1px #E9ECF0; border-radius:5px; background:#fff; float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right p { line-height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .editor_box { width:100%; margin-top:20px; height:calc(100% - 56px - 46px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box { margin-top:10px; display:flex; justify-content:center; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button { width:100px; height:36px; border-radius:16px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button.registration_btn { margin-left:10px; color:#fff; background:#3985EA; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left { width:350px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left .title { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right p { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li label { font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li input { font-size:12px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li textarea { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label { font-size:12px; height:32px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label.file_btn img { width:22px; height:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right { width:calc(100% - 350px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button { width:70px; font-size:12px; height:32px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
107
src/main/resources/static/css/web/app_event.css
Normal file
107
src/main/resources/static/css/web/app_event.css
Normal file
@@ -0,0 +1,107 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .slash {width:6px; font-size:14px; font-weight:400; color:#000; line-height:36px; margin:0 12px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .event_btn {background:#3985EA; color:#fff; border-radius:5px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .event_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
136
src/main/resources/static/css/web/app_event_registration.css
Normal file
136
src/main/resources/static/css/web/app_event_registration.css
Normal file
@@ -0,0 +1,136 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
|
||||
/* content_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box { width:100%; height:calc(100% - 50px); padding-top:20px; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left { width:400px; height:100%; padding:20px; border:solid 1px #E9ECF0; border-radius:5px; background:#fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left .title { font-size:16px; font-weight:700; line-height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li { margin-top:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li input { width:100%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li textarea { width:100%; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li textarea::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li label { margin:0; line-height:36px; font-weight:400; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box {border-radius:8px; float:right ; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box {position:relative; width:130px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last { margin-top:20px; padding-top:10px; border-top:1px solid #d2d2d2; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li { margin-top:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li input[type='checkbox'] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li p { margin-left:10px; font-size:10px; display:inline-block; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label { text-indent:25px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label::after { content:''; display:block; width:18px; height:18px; border:2px solid #B5BDC4; border-radius:3px; position:absolute; top:1px; left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li input[type='checkbox']:checked + label::after { border:0; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li input[type='checkbox']:checked + label::before { content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); position:absolute; top:3px; left:6px; z-index:1; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li { margin-top:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label { margin:0; line-height:36px; font-weight:400; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label.file_btn { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li input#file { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li .btm { padding-top:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li .img_box { width:170px; height:100px; margin-right:10px; border-radius:3px; background:#b1b1b1; overflow:hidden; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li .img_box img { object-fit:cover; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li input.upload-name { width:calc(100% - 180px); font-size:12px; border:0; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li button { padding:0; margin-top:10px; line-height:normal; color:#FF0707; font-size:12px; font-weight:700; background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li button:hover { background: none !important; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li p { padding-top:10px; clear:both; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right { width:calc(100% - 400px); height:100%; padding:20px; border:solid 1px #E9ECF0; border-radius:5px; background:#fff; float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right p { line-height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .editor_box { width:100%; margin-top:20px; height:calc(100% - 56px - 46px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box { margin-top:10px; display:flex; justify-content:center; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button { width:100px; height:36px; border-radius:16px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button.registration_btn { margin-left:10px; color:#fff; background:#3985EA; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left { width:350px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left .title { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label { text-indent:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.checkbox_li label::after { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li input[type='checkbox']:checked + label::before { width:5px; height:8px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right p { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li label { font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li input { font-size:12px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.first li textarea { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label { font-size:12px; height:32px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_left ul.last li.banner_li label.file_btn img { width:22px; height:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right { width:calc(100% - 350px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .content_box .content_right .button_box button { width:70px; font-size:12px; height:32px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
104
src/main/resources/static/css/web/app_inquiry.css
Normal file
104
src/main/resources/static/css/web/app_inquiry.css
Normal file
@@ -0,0 +1,104 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .slash {width:6px; font-size:14px; font-weight:400; color:#000; line-height:36px; margin:0 12px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box p {font-size:20px; font-weight:700;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
109
src/main/resources/static/css/web/app_notice.css
Normal file
109
src/main/resources/static/css/web/app_notice.css
Normal file
@@ -0,0 +1,109 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .slash {width:6px; font-size:14px; font-weight:400; color:#000; line-height:36px; margin:0 12px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .notice_btn {background:#3985EA; color:#fff; border-radius:5px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .notice_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn:hover { background:#d81515 !important; }
|
||||
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
39
src/main/resources/static/css/web/common.css
Normal file
39
src/main/resources/static/css/web/common.css
Normal file
@@ -0,0 +1,39 @@
|
||||
|
||||
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; text-shadow:none; color:#494E53;
|
||||
}
|
||||
html {overflow-y:scroll;}
|
||||
body {font-family:"Pretendard", sans-serif; background:#F8FBFF;padding-right: 0 !important;}
|
||||
a {color:#494E53; cursor:pointer !important;}
|
||||
a:hover, a:focus {color:#494E53; text-decoration:none;}
|
||||
ul {padding:0; margin:0; list-style:none;}
|
||||
p {margin:0;}
|
||||
button {padding:0 15px; line-height:36px; border:none; font-size:14px;}
|
||||
button:focus{border:none; outline:none;}
|
||||
/* input[type=checkbox], input[type=radio] {margin:0; display:none;} */
|
||||
:focus {outline:unset;}
|
||||
|
||||
.select_box .select_option_list { padding:0!important; }
|
||||
.select_box .select_option_list .option_list_item { padding:0 10px!important; cursor:pointer; }
|
||||
.select_box .select_option_list .option_list_item:hover { border-radius:5px; background:#ebf3fd; }
|
||||
|
||||
button:hover { background:#1B66C9!important; }
|
||||
.registration_bth:hover { background: #1b66c9!important; }
|
||||
.cancel_btn:hover { background:#e6ecf4!important; }
|
||||
.select_box .label:hover { background:none!important; }
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
button { padding:0 10px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
button { line-height:32px; font-size:12px;}
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
}
|
||||
121
src/main/resources/static/css/web/company_update.css
Normal file
121
src/main/resources/static/css/web/company_update.css
Normal file
@@ -0,0 +1,121 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:100px; padding-left:10px; margin-bottom:20px; font-size:18px; font-weight:700; line-height:50px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .info { width:700px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box { width:100%; height:calc(100% - 70px); margin-top:20px; padding:50px; border-radius:5px; border:1px solid #E9ECF0; overflow:auto; background:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .title { height:50px; line-height:50px; font-size:18px; font-weight:700; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom { clear:both; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li label { width:100px; line-height:36px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .input_box {width:200px; height:36px; display:table; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .input_box input { width:100%; height:100%; padding:0 10px; border:1px solid #E9ECF0; color:#494E53; border-radius:5px; font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li span.division { line-height:36px; padding:0 5px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .select_box {width:200px; height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .select_box:last-child { margin-right:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#8F8F8F; background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .select_box .select_option_list {min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li { flex-wrap:wrap; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li:last-child { margin-top:50px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li ul li:last-child { margin-top:0px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li:last-child label { font-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .textarea_box { width:100%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .textarea_box textarea { width:100%; height: 100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; resize:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .textarea_box textarea::placeholder { color:#D8DDE3; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box { margin-top:50px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box label { font-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table { width:100%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table thead tr th { padding:0 10px; line-height:36px; background:#EDF5FF; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table thead tr th:nth-child(1) { width:14%; border-radius:5px 0 0 5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table thead tr th:nth-child(2) { width:26%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table thead tr th:nth-child(3) { width:11%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table thead tr th:nth-child(4) { width:11%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table thead tr th:nth-child(5) { width:11%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table thead tr th:nth-child(6) { width:11%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table thead tr th:nth-child(7) { width:16%; border-radius:0 5px 5px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td { padding:10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box { width:100%; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box .exist.label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#8F8F8F; border:1px solid #E9ECF0; border-radius:5px; background:55%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#8F8F8F; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box .select_option_list {min-width:100%; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box .select_option_list .option_list_item { width:100%; line-height:30px; transition:.1s; position:relative; font-size:14px; color:#494E53; display: block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box ul li:last-child { margin-top:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .input_box {width:100%; height:36px; display:table; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .input_box input { width:100%; height:100%; padding:0 10px; border:1px solid #E9ECF0; color:#494E53; border-radius:5px; font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box { margin-top:50px; text-align:center; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box .save_btn { border-radius:16px; color:#fff; background:#3985EA; }
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td:nth-child(7) button { background:none; padding:0 10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td:nth-child(7) button img { width:24px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td:nth-child(7) button:hover { background: none !important; }
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box { height:calc(100% - 60px); padding:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .info { width:600px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .title { height:40px; line-height:40px; font-size:16px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li label { width:80px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .input_box { width:150px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .input_box input { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .select_box { width:150px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .select_box .label { font-size:12px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li span.division { font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li:last-child { margin-top:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li:last-child label { font-size:16px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom ul li .textarea_box textarea { height:70px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box { margin-top:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box label { font-size:16px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table thead tr th { padding:0 5px; font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td { padding:10px 5px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box { width:90px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box .label { font-size:12px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .input_box { height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .input_box input { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td:nth-child(3) .input_box { margin-right:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td:nth-child(3) .select_box { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td:nth-child(3) .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box .save_btn { width:60px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box .label { background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .form_bottom .table_box table tbody tr td .select_box .exist.label { height:32px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
96
src/main/resources/static/css/web/customer.css
Normal file
96
src/main/resources/static/css/web/customer.css
Normal file
@@ -0,0 +1,96 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:90px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total {font-size:14px; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box {display:flex; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .slash {width:6px; font-size:14px; font-weight:400; color:#000; line-height:36px; margin:0 12px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box {width:190px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .member_btn {color:#fff; border-radius:5px; background:#3985EA; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .member_btn img {margin-top:-3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box a {font-size:20px; font-weight:700;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
168
src/main/resources/static/css/web/customer_sub.css
Normal file
168
src/main/resources/static/css/web/customer_sub.css
Normal file
@@ -0,0 +1,168 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back {font-size:14px; font-weight:700; color:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img {margin:-3px 5px 0 0;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; padding-left:10px; margin-bottom:20px; font-size:18px; font-weight:700; line-height:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box {width:100%; height:calc(100% - 70px); padding:50px; border:1px solid #E9ECF0; border-radius:5px; overflow:auto; position:relative; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box p.title {font-size:18px; font-weight:700; margin-bottom:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box p.title span {margin-left:10px; font-size:14px; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .info { width:700px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box {width:100%; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box input {width:200px; height:36px; color: #8F8F8F; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .userBirthday{width: 22px; position:absolute; top:50%; right:10px; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .division {padding:0 5px; line-height:36px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box p.identity {line-height:36px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .customer_div {width:200px; height:36px; position:relative; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .customer_div img {width:20px; height:20px; position:absolute; top:50%; left:10px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .sub_label {margin-left:40px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address {width:calc(100% - 187px);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address_btn { margin-left:5px; color:#fff; border-radius:5px; background:#3985EA; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address_detail {width:calc(100% - 100px); margin-top:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box p.title {margin:50px 0 30px 0; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box p.title span {font-size:12px; color:RED;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box textarea {width:100%; height:100px; color: #8F8F8F; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; resize:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box {text-align:center; margin-top:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box button { width:80px; color:#fff; border-radius:16px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender input { width:auto; padding:0; margin:0 5px 0; display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender label { width:80px; font-weight:400; margin:0; padding-left:25px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender label::after { content:''; display:block; width:18px; height:18px; border-radius:50%; border:solid 2px #B5BDC4; position:absolute; top:50%; left:0; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender input:checked + label::after { border:solid 2px #3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender input:checked + label::before { content:''; display:block; width:10px; height:10px; border-radius:50%; background:#3985EA; position:absolute; left:5%; top:50%; transform:translateY(-50%); z-index:1; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box {width:200px; height:36px; border:1px solid #E9ECF0; border-radius:5px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box > div { display:table; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .date_box { position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div.last { margin-left:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box { width:200px; height:36px; position:relative; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box input { padding-right:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; right:10px; transform:translatey(-50%); background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box button img { vertical-align:top; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box button:hover { background: none !important; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.essential > label { position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.essential > label::after { content:'*'; color:red; position:absolute; top:50%; left:-10px; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.essential > label.sub_label::after { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box { width:350px; padding:30px; border:2px solid #3985EA; border-radius:5px; position:absolute; top:50px; left:780px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box p.title { margin-bottom:30px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box a { color:#3985EA; font-weight:700; float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box a img { margin:-3px 0 0 5px; transform:rotate(180deg); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info { clear:both; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info ul li { width:100%; margin-top:20px; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info ul li p:first-child { font-weight:700; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info ul li p:last-child { float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .select_box { width:200px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .passport_number_box { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .foreigner_number_box { width:calc(100% - 300px); display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .foreigner_number_box .slash { padding:0 5px; line-height:36px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .foreigner_number_box .first { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .foreigner_number_box input { width:calc(100% / 2 - 14px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box button:hover { background:#1B66C9; }
|
||||
|
||||
|
||||
/* 추천인검색(고객조회) */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .last { position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis.open {display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis {width:580px; padding:30px; z-index:1; border-radius:5px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow: 1px 2px 5px #a7a7a7; display:none; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_header {padding:0; padding-bottom:20px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_header label {margin-bottom:0; font-size:18px; float:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body {margin-top:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box { width:100%; float:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box button {font-size:14px; font-weight:700; color:#3985EA; background:none; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table {height:300px; margin-top:20px; border-bottom:1px solid #E9ECF0; overflow:auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table {width:100%; border-collapse:collapse;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th {position:sticky; top:0; padding:0 10px; line-height:30px; background:#F8FBFF;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th::after {content:''; display:block; position:absolute; top:-1px; left:2%; width:95%; height:1px; background:#F8FBFF;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th:first-child { border-radius:5px 0 0 5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th:last-child { border-radius:0 5px 5px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table tbody tr td {line-height:30px; padding:5px 10px; border-bottom:1px solid #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_footer .btn_box {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_footer .registration_bth {color:#fff; width:100px; height:36px; background:#B5BDC4; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address {width:calc(100% - 177px);}
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box { height:calc(100% - 60px); padding:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box p.title { font-size:16px; margin-bottom:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box p.title span { margin-left:5px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box input { width:150px; height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .select_box { width:150px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box { width:150px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .foreigner_number_box input { width:150px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box p.identity { margin-left:5px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender label::after { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender input:checked + label::before { width:7px; height:7px; left:4px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender label { width:60px; padding-left:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address { width:calc(100% - 150px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address_detail { width:calc(100% - 80px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box p.title { margin:30px 0 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box { width:150px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box button { width:22px; height:22px; right:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box input { padding-right:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div.last { margin-left:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .sub_label { margin-left:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box button { width:60px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box textarea { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box { width:270px; padding:25px; left:600px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box a img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box p.title { margin-bottom:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info p { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info ul li { margin-top:10px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
79
src/main/resources/static/css/web/customer_sub_agreement.css
Normal file
79
src/main/resources/static/css/web/customer_sub_agreement.css
Normal file
@@ -0,0 +1,79 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box > p {font-size:24px; font-weight:700; color:#3985EA; display:inline-block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box > p span {margin-left:10px; font-size:18px; font-weight:400; color:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .produce_btn {background:#3985EA; color:#fff; border-radius:5px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .produce_btn img {margin:-3px 5px 0 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .print_btn {background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .print_btns img {margin:-3px 5px 0 0;}
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box > p { font-size:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
82
src/main/resources/static/css/web/customer_sub_alarm.css
Normal file
82
src/main/resources/static/css/web/customer_sub_alarm.css
Normal file
@@ -0,0 +1,82 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { width:100%; padding:20px 0; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box { display:flex; position:relative; border-radius:8px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box.last .select_option_list { width:170px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box { width:100%; height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box img { position:absolute; top:50%; left:5px; transform:translatey(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input { width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box { cursor:pointer; font-size:14px; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after { content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:140px; height:36px; position:relative; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list { float:left; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn { margin-left:5px; color:#fff; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box { float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.registration_btn { border-radius:5px; color:#fff; background:#3985EA; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
128
src/main/resources/static/css/web/customer_sub_consulting.css
Normal file
128
src/main/resources/static/css/web/customer_sub_consulting.css
Normal file
@@ -0,0 +1,128 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { width:100%; padding:20px 0; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box { display:table; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box { display:flex; position:relative; border-radius:8px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"] {opacity:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box.last .select_option_list { width:170px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box { width:100%; height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box img { position:absolute; top:50%; left:5px; transform:translatey(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input { width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box { cursor:pointer; font-size:14px; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after { content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:150px; height:36px; position:relative; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list { float:left; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn { margin-left:5px; color:#fff; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.print_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box { float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.write_btn { border-radius:5px; color:#fff; background:#3985EA; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.print_btn { border-radius:5px; color:#fff; margin-left:10px; background:#3985EA; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box a { font-size:20px; font-weight:700; }
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:130px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:120px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }/*다른곳보다 짧으니 참고하지말기*/
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
@@ -0,0 +1,133 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box_top { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box_top .page_title { min-width:100px; padding-left:10px; margin-bottom:20px; font-size:18px; font-weight:700; line-height:50px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box_top .print_btn { float:right; color:#fff; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .info {width:700px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box { width:100%; height:calc(100% - 70px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; padding:50px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box { display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_numder { color:#3985EA; margin-bottom:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .patient_name { font-size:18px; font-weight:700; margin:0 10px 30px 0; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .patient_info { font-size:18px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box { width:100%; display:table; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box .title_info { font-size:12px; line-height:36px; color:red; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box textarea { width:100%; height:70px; padding:10px; border-radius:5px; border:0; clear:both; background:#E9ECF0; resize:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .right_text { float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .right_text p { line-height:36px; font-weight:700; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .right_text p span { font-weight:400; margin-left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .right_text p.first { margin-right:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list { clear:both; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right { width:50%; display:table; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right label { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right input { width:200px; height:36px; border:0; border-radius:5px; font-size:14px; padding:0 10px; background:#E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left { width:50%; text-align:right; display:table; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left label { font-size:14px; text-align:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left input { width:200px; height:36px; border:0; border-radius:5px; font-size:14px; padding:0 10px; background:#E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left.correction button { display:none; margin-left:5px; border-radius:5px; color:#fff; background:#3985EA; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single label { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single .textarea_box { width:100%; display:table; padding-bottom:20px; margin-bottom:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single .textarea_box .title_info { font-size:12px; line-height:36px; color:red; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single .textarea_box textarea { width:100%; height:200px; padding:10px; border-radius:5px; border:0; clear:both; background:#EDF5FF; resize:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .button_box { text-align:center; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .button_box button { border-radius:16px; color:#fff; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list { display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list > div { float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box { position:relative; cursor:pointer; font-size:14px; font-weight:400; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box input[type="checkbox"] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box input[type="checkbox"]:checked + .on:after {content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left .search_box {width:calc(100% - 100px); height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left .search_box img { display:none; position:absolute; top:50%; right:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left .search_box input { height:100%; padding-left:10px; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box {width:200px; height:36px; margin-right:10px; border-radius:5px; float:left; background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box:last-child {margin-right:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .label {width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .select_option_list {min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .select_option_list .option_list_item.first {margin:0; text-indent:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify .select_box { border: 1px solid #E9ECF0; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left .search_box input { border:1px solid #E9ECF0; border-radius:5px; background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left .search_box img { display:block; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left.correction button { padding:0 10px; display:block; float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left.correction input { width:calc(100% - 192px); float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li.single .textarea_box textarea { border:1px solid #E9ECF0; background:none; resize:none; }
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:100px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:120px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .info { width:500px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box_top .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box { height:calc(100% - 60px); padding:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_numder { margin-bottom:10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .patient_name { margin-bottom:20px; font-size:16px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .patient_info { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box { padding-bottom:10px; margin-bottom:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box label { width:80px; font-size:16px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box .title_info { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box textarea { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box label { width:80px; font-size:16px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .right_text p { font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right { width:50%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right input { width:calc(100% - 100px); font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right label { width:80px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left label { width:80px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box { width:150px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .label { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .select_option_list .option_list_item { font-size:12px; text-indent:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left { width:50%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left input { width:calc(100% - 80px); font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left .search_box input { width:100%; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box { width:70px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box .on { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box input[type="checkbox"]:checked + .on:after { width:5px; height:8px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single .textarea_box textarea { height:130px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .button_box button { width:60px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left .search_box { width:calc(100% - 80px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left .search_box img { width:22px; height:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left.correction input { width:calc(100% - 147px); height:32px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
149
src/main/resources/static/css/web/customer_sub_membership.css
Normal file
149
src/main/resources/static/css/web/customer_sub_membership.css
Normal file
@@ -0,0 +1,149 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:100px; padding-left:10px; margin-bottom:20px; font-size:18px; font-weight:700; line-height:50px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box { width:280px; height:112px; padding:20px; margin-left:20px; border:1px solid #E9ECF0; border-radius:5px; background:#fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box.first p:last-child { text-align:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box p:last-child { margin-top:10px; font-size:16px; font-weight:700; text-align:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box.first p span { margin-left:3px; padding-left:8px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box.first p span::before { content:''; display:block; width:1px; height:60%; position:absolute; top:20%; left:0; background:#333; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box.first p span.first { margin-left:0; padding-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box.first p span.first::before { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box ul { margin-top:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box ul li { color:#3985EA; font-weight:700; text-align:right; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box ul li.red { color:red; font-weight:700; text-align:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box ul li::before { padding:2px 5px 1px; border-radius:5px; color:#fff; font-size:10px; position:absolute; left:60px; display:inline-block; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box ul li.blue::before { content:'충전'; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box ul li.red::before { content:'사용'; background:red; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box { display:flex; position:relative; border-radius:8px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:100px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box:nth-child(2) .select_option_list {width:170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box {width:100%; height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box img {position:absolute; top:50%; left:5px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input {width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box {cursor:pointer; font-size:14px; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after {content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box {width:160px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list { float:left; margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn {margin-left:10px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button { background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.save_btn { background:#0F4286; margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { width:100%; height:calc(100% - 312px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:90px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:80px; height:32px; margin-left:5px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:105px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn { margin-left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button { margin-left:3px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box { width:235px; height:92px; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .info_box p:last-child { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p span#nationality { margin-left:0; padding-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p span#nationality::after { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p span#gender { padding-right:8px; margin-right:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p span#gender::before { content: ''; display:block; width:1px; height:60%; position:absolute; top:20%; right:0; background:#777; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 267px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
136
src/main/resources/static/css/web/customer_sub_payment.css
Normal file
136
src/main/resources/static/css/web/customer_sub_payment.css
Normal file
@@ -0,0 +1,136 @@
|
||||
/*개발되면 지우기*/ .table_box p.dlatl { font-size:28px; font-weight:700; } /*개발되면 지우기*/
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:100px; padding-left:10px;font-size:18px; font-weight:700; line-height:50px; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { width:100%; padding:20px 0; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box { display:flex; position:relative; border-radius:8px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box.last .select_option_list { width:170px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box { width:100%; height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box img { position:absolute; top:50%; left:5px; transform:translatey(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input { width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box { cursor:pointer; font-size:14px; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after { content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:170px; height:36px; position:relative; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list { float:left; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn { margin-left:5px; color:#fff; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box { float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.receive_btn { border-radius:5px; color:#fff; background:#3985EA; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.cancel_btn { border-radius:5px; margin-left:10px; color:#fff; background:#FF2222; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.receive_btn:hover { background:#1B66C9; }
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1600px) {
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:100px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:120px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:100px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:97px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:90px; height:32px; background-size:18px; }/*다른곳보다 짧으니 참고하지말기*/
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:88px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
86
src/main/resources/static/css/web/customer_sub_records.css
Normal file
86
src/main/resources/static/css/web/customer_sub_records.css
Normal file
@@ -0,0 +1,86 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back {font-size:14px; font-weight:700; color:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img {margin:-3px 5px 0 0;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px;}
|
||||
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box > p {font-size:24px; font-weight:700; color:#3985EA; display:inline-block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box > p span {margin-left:10px; font-size:18px; font-weight:400; color:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .store_btn {background:#3985EA; color:#fff; border-radius:5px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .store_btn img {margin:-3px 5px 0 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .release_btn {background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .release_btn img {margin:-3px 5px 0 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box > p { font-size:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
121
src/main/resources/static/css/web/customer_sub_reservation.css
Normal file
121
src/main/resources/static/css/web/customer_sub_reservation.css
Normal file
@@ -0,0 +1,121 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { width:100%; padding:20px 0; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box { display:flex; position:relative; border-radius:8px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box.last .select_option_list { width:170px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:190px; height:36px; position:relative; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list { float:left; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn { margin-left:5px; color:#fff; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box { float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.registration_btn { border-radius:5px; color:#fff; background:#3985EA; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1600px) {
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:124px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:120px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:105px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input { padding-left:35px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:103px; height:32px; background-size:18px; }/*다른곳보다 짧으니 참고하지말기*/
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:95px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 192px); }
|
||||
}
|
||||
81
src/main/resources/static/css/web/customer_sub_sisul.css
Normal file
81
src/main/resources/static/css/web/customer_sub_sisul.css
Normal file
@@ -0,0 +1,81 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover { background:#EDF5FF; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { width:100%; padding:20px 0; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box { display:table; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box { display:flex; position:relative; border-radius:8px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"] {opacity:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 12px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box.last .select_option_list { width:170px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box { width:100%; height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box img { position:absolute; top:50%; left:5px; transform:translatey(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input { width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box { cursor:pointer; font-size:14px; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after { content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:140px; height:36px; position:relative; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list { float:left; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn { margin-left:5px; color:#fff; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box { float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.write_btn { border-radius:5px; color:#fff; background:#3985EA; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.print_btn { border-radius:5px; color:#fff; margin-left:10px; background:#3985EA; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
62
src/main/resources/static/css/web/font.css
Normal file
62
src/main/resources/static/css/web/font.css
Normal file
@@ -0,0 +1,62 @@
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: local('Pretendard Black'), url(/font/web/Pretendard-Black.woff2) format('woff2'), url(/font/web/Pretendard-Black.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: local('Pretendard ExtraBold'), url(/font/web/Pretendard-ExtraBold.woff2) format('woff2'), url(/font/web/Pretendard-ExtraBold.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: local('Pretendard Bold'), url(/font/web/Pretendard-Bold.woff2) format('woff2'), url(/font/web/Pretendard-Bold.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: local('Pretendard SemiBold'), url(/font/web/Pretendard-SemiBold.woff2) format('woff2'), url(/font/web/Pretendard-SemiBold.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: local('Pretendard Medium'), url(/font/web/Pretendard-Medium.woff2) format('woff2'), url(/font/web/Pretendard-Medium.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local('Pretendard Regular'), url(/font/web/Pretendard-Regular.woff2) format('woff2'), url(/font/web/Pretendard-Regular.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: local('Pretendard Light'), url(/font/web/Pretendard-Light.woff2) format('woff2'), url(/font/web/Pretendard-Light.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: local('Pretendard ExtraLight'), url(/font/web/Pretendard-ExtraLight.woff2) format('woff2'), url(/font/web/Pretendard-ExtraLight.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: local('Pretendard Thin'), url(/font/web/Pretendard-Thin.woff2) format('woff2'), url(/font/web/Pretendard-Thin.woff) format('woff');
|
||||
}
|
||||
37
src/main/resources/static/css/web/grid.css
Normal file
37
src/main/resources/static/css/web/grid.css
Normal file
@@ -0,0 +1,37 @@
|
||||
.ag-header {background-color:#fff !important; border-bottom:solid 1px #E9ECF0 !important;/*text-align:center;*/}
|
||||
.ag-header-group-cell {border-right: solid 1px #E9ECF0;}
|
||||
.ag-header-cell {border-right: solid 1px #E9ECF0;}
|
||||
.ag-header-cell-sortable .ag-header-cell-label {font-size:14px; color:#494E53; /*display:block;*/ line-height:40px;}
|
||||
.ag-header-cell-label {font-size:14px; color:#494E53; /*display:block;*/ line-height:40px; justify-content: center;}
|
||||
.ag-header-group-cell-label {font-size:14px; color:#494E53; /*display:block;*/ line-height:40px; justify-content: center;}
|
||||
.ag-header-cell:after, .ag-header-group-cell:after {display:none !important;}
|
||||
|
||||
.ag-center-cols-container, .ag-pinned-right-cols-container {height:unset !important;}
|
||||
|
||||
.center-header .ag-header-cell-text { text-align: center; text-transform: capitalize; }
|
||||
|
||||
.ag-cell-label-container {display:block!important;}
|
||||
|
||||
.ag-row {border-bottom:none !important;}
|
||||
.ag-row-no-animation .ag-row::before {display:none !important;}
|
||||
.ag-row-no-animation .ag-row:hover {background-color: rgba(57, 133, 234, 20%) !important;}
|
||||
.ag-row-no-animation .ag-row.ag-row-even {background-color:rgba(57, 133, 234, 10%); border:none;}
|
||||
.ag-row-no-animation .ag-row.ag-row-odd {background-color:#fff; border:none;}
|
||||
.ag-theme-balham .ag-ltr .ag-cell {font-size:14px; border-bottom:solid 1px #E9ECF0; border-right:solid 1px #E9ECF0; padding:0 10px !important; line-height:40px;}
|
||||
|
||||
.ag-root-wrapper {
|
||||
border: none !important;
|
||||
box-shadow: none !important;}
|
||||
/* 테이블 헤더 마지막 | 제거 */
|
||||
.ag-theme-balham .ag-ltr .ag-header-cell:last-child::after, .ag-theme-balham .ag-ltr .ag-header-group-cell:last-child::after {display:none;}
|
||||
|
||||
.ag-checkbox-input-wrapper {position: absolute !important;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate3D(-50%, -50%, 0);}
|
||||
.ag-checkbox-input-wrapper.ag-checked:after {color:#3985EA !important;}
|
||||
|
||||
.ag-checkbox-input-wrapper:active, .ag-checkbox-input-wrapper:focus-within {box-shadow:none !important;}
|
||||
|
||||
|
||||
#stockCloseDetailGrid > div > div.ag-root-wrapper-body.ag-layout-normal.ag-focus-managed > div.ag-root.ag-unselectable.ag-layout-normal > div.ag-header.ag-focus-managed.ag-pivot-off { height:100px !important;}
|
||||
85
src/main/resources/static/css/web/header.css
Normal file
85
src/main/resources/static/css/web/header.css
Normal file
@@ -0,0 +1,85 @@
|
||||
|
||||
/*상단네비*/
|
||||
.project_wrap .header_section {position:absolute; left:0; right:0; top:0; z-index:9; width:100%; min-width:1024px; height:50px;}
|
||||
.project_wrap .header_section .logo_wrap {width:310px; height:50px; position:relative; float:left;}
|
||||
.project_wrap .header_section .logo_wrap .logo {position:absolute; top:50%; left:21px; transform:translateY(-50%); width:30px;}
|
||||
.project_wrap .header_section .logo_wrap span {position:absolute; top:50%; left:90px; transform:translateY(-50%); font-size:18px; font-weight:700; width:calc(100% - 110px);}
|
||||
|
||||
.project_wrap .header_section .search_wrap {width:calc(100% - 310px); height:50px; display:table; padding-right:10px;}
|
||||
.project_wrap .header_section .search_wrap .search_box {width:calc(100% - 400px - 120px); float:left; height:50px; padding:7px 0; position:relative;}
|
||||
.project_wrap .header_section .search_wrap .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px;}
|
||||
.project_wrap .header_section .search_wrap .search_box input {width:calc(100% - 30px); height:36px; border:solid 1px #3985EA; border-radius:5px; background:rgb(57 133 234 / 15%); position:absolute; left:0; padding:0 40px; text-align:center;}
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal { width:550px; padding:10px 20px 5px; border-radius:5px; border:1px solid #B5BDC4; display:none; position:absolute; top:50px; background:#fff; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list { width:100%; max-height:180px; overflow-y:auto; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li { width:100%; padding:5px 0; display:table; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li p { padding:0 5px; line-height:25px; position:relative; display:inline-block; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li p::after { width:1px; height:60%; content:''; display:block; position:absolute; top:20%; left:0; background:#E9ECF0; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li p.first { padding-left:0; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li p.first::after { display:none; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li .button_box { display:table; float:right; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li .button_box button { font-size:12px; padding:0 10px; line-height:25px; border-radius:5px; color:#fff; background:#3985EA; float:left; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list li .button_box button.register_btn { margin-left:5px; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list_button button { width:100%; color:#3985EA; border-top:1px solid #E9ECF0; background:none; }
|
||||
.project_wrap .header_section .search_wrap .search_box .search_list_modal .search_list_button button img { width:24px; height:24px; margin-top:-3px; position:static; transform:none; }
|
||||
|
||||
.project_wrap .header_section .search_wrap .btn_box { height:50px; padding:7px 0; position:absolute; top:0; right:120px;}
|
||||
.project_wrap .header_section .search_wrap .btn_box button {background:#3985EA; border-radius:16px; color:#fff; margin-right:16px;}
|
||||
.project_wrap .header_section .search_wrap .btn_box button.last {margin:0;}
|
||||
.project_wrap .header_section .search_wrap .btn_box button img {position:relative; top:-2px; margin-right:5px;}
|
||||
|
||||
.project_wrap .header_section .search_wrap .dropdown_box {width:120px; text-align:center; float:right; position:relative; padding:0 20px;}
|
||||
.project_wrap .header_section .search_wrap .dropdown_box .enrollment_btn {display:block; height:50px;}
|
||||
.project_wrap .header_section .search_wrap .dropdown_box .enrollment_btn img {float:left; position:relative; top:13px;}
|
||||
.project_wrap .header_section .search_wrap .dropdown_box .enrollment_btn p {width:calc(100% - 24px); float:right; line-height:50px;}
|
||||
.project_wrap .header_section .search_wrap .dropdown_box .dropdown_list {min-width:max-content; overflow:hidden; max-height:0; transition:max-height 1s; border-radius:5px; box-shadow:0 3px 6px rgb(0 0 0 / 8%); position:absolute; width:100%; right:0;}
|
||||
.project_wrap .header_section .search_wrap .dropdown_box:focus .dropdown_list, .project_wrap .header_section .search_wrap .dropdown_box:focus-within .dropdown_list {max-height:200px;}
|
||||
.project_wrap .header_section .search_wrap .dropdown_box .dropdown_list li {background:#fff; border-top:solid 1px #D8DDE3;}
|
||||
.project_wrap .header_section .search_wrap .dropdown_box .dropdown_list li:nth-child(1) {border:none;}
|
||||
.project_wrap .header_section .search_wrap .dropdown_box .dropdown_list li a {width:100%; clear:both; font-weight:400; color:#212529; text-align:inherit; white-space:nowrap; border:0; font-size:14px; font-weight:700; line-height:50px; border-radius:0; display:block;}
|
||||
|
||||
/*왼쪽메뉴*/
|
||||
.project_wrap .content_section .menu_list {width:72px; height:calc(100vh - 50px); float:left; background:#EDF5FF;}
|
||||
.project_wrap .content_section .menu_list li {width:100%; height:72px; display:inline-block;}
|
||||
.project_wrap .content_section .menu_list li a { width:100%; height:100%; padding-top:5px; text-align:center; font-size:14px; background:#EDF5FF; display:block; position:relative; }
|
||||
.project_wrap .content_section .menu_list li a span { color:#3985EA; }
|
||||
.project_wrap .content_section .menu_list li a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .menu_list li a.on span {color:#fff;}
|
||||
.project_wrap .content_section .menu_list li a img {margin:0 auto; display:block;}
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .header_section .search_wrap .btn_box button { margin-right:10px; padding-right:15px; }
|
||||
.project_wrap .header_section .search_wrap .search_box input { width:100%; }
|
||||
.project_wrap .header_section .logo_wrap { width:232px; }
|
||||
.project_wrap .header_section .search_wrap { width:calc(100% - 232px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .header_section .logo_wrap { width:220px; }
|
||||
.project_wrap .header_section .logo_wrap .logo {left:15px;}
|
||||
.project_wrap .header_section .logo_wrap span {left:80px;}
|
||||
.project_wrap .header_section .search_wrap { width:calc(100% - 220px); }
|
||||
.project_wrap .header_section .search_wrap .search_box input { height:32px; }
|
||||
.project_wrap .header_section .search_wrap .dropdown_box { width:110px; }
|
||||
.project_wrap .header_section .search_wrap .search_box { width:calc(100% - 440px); }
|
||||
|
||||
.project_wrap .content_section .menu_list {width:60px;}
|
||||
.project_wrap .content_section .menu_list li {width:60px; height:60px;}
|
||||
.project_wrap .content_section .menu_list li a { padding:0; }
|
||||
.project_wrap .content_section .menu_list li a span {display:none;}
|
||||
.project_wrap .content_section .menu_list li a img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .header_section .logo_wrap .logo {left:10px;}
|
||||
.project_wrap .header_section .logo_wrap span {left:70px;}
|
||||
|
||||
.project_wrap .content_section .menu_list {width:50px;}
|
||||
.project_wrap .content_section .menu_list li {width:50px; height:50px;}
|
||||
}
|
||||
|
||||
@media only screen and (max-width:768px) {
|
||||
}
|
||||
505
src/main/resources/static/css/web/home.css
Normal file
505
src/main/resources/static/css/web/home.css
Normal file
@@ -0,0 +1,505 @@
|
||||
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .home_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_캘린더,공지사항 영역 */
|
||||
.project_wrap .content_section .home_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .home_wrap .left_box .calendar {height:260px; /*background:red;*/}
|
||||
.project_wrap .content_section .home_wrap .left_box .notice {margin-top:20px; background:#E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .home_wrap .left_box .notice p {position:relative; cursor:pointer; font-size:13px; font-weight:700; color:#21272C; padding:10px 10px; border-bottom:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .home_wrap .left_box .notice .subject {position:relative; cursor:pointer; font-size:13px; color:#21272C; padding:5px 10px; height:214px; overflow:auto;}
|
||||
.project_wrap .content_section .home_wrap .left_box .situation {margin-top:20px; background:#E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .home_wrap .left_box .situation p {position:relative; cursor:pointer; font-size:13px; font-weight:700; color:#21272C; padding:10px 10px; border-bottom:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .home_wrap .left_box .situation .subject {position:relative; cursor:pointer; font-size:13px; color:#21272C; padding:5px 10px; height:214px; overflow:auto;}
|
||||
|
||||
/* 센터쪽_예약현황,표 */
|
||||
.project_wrap .content_section .home_wrap .center_box {width:calc(100% - 240px - 350px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 0 0;}
|
||||
/* 탭 */
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel {height:100%;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box {position:relative;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .nav {border:none;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .nav li {width:120px; height:50px; border:solid 1px #B5BDC4; border-bottom:solid 1px #fff; border-radius:10px 10px 0 0; background:#fff; position:relative; top:1px; overflow:hidden;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .nav li a {color:#494E53; border:none; border-radius:0; padding:0; background:none; line-height:unset; margin:0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .nav li a p {color:#3985EA; font-size:18px; line-height:50px; text-align:center; font-weight:700;}
|
||||
/* 예약상황 */
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number {position:absolute; top:50%; right:0; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number li {float:left; padding:0 10px; position: relative; font-weight: 700;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number li:before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:20px; background:#D8DDE3;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number li:first-child:before {display:none;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number li p {display:inline-block;font-weight: 400; margin-left:10px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number li p span {position: relative; padding:0 5px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number li p span::before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:20px; background:#D8DDE3;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number li p span:first-child:before {display:none;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number li p span:first-child {padding-left:0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number li p span:last-child {padding-right:0;}
|
||||
|
||||
/* 탭 상세 */
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content {height:calc(100% - 60px);}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane {border:solid 1px #B5BDC4; height:100%; background:#fff;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box p {color:#494E53; font-size:14px; font-weight:700; float:left; line-height:36px; padding-left:70px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box { width:calc(100% - 140px); float:left; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .multiSelectBox { width:140px; margin-left:10px; display:inline-block; float:left; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .multiSelectBox .dropdown { width:100%; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .multiSelectBox .dropdown button:hover { background:none!important; }
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box {width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff; float:left; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box.first { margin-left:0; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box .select_option_list .option_list_item .search_box { width:100%; height:30px; margin-top:10px; position:relative; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box .select_option_list .option_list_item .search_box img { width:22px; height:22px; position:absolute; top:50%; left:5px; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box .select_option_list .option_list_item .search_box input { width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .search_list_box { margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .search_list_box .search_btn { color:#fff; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .search_list_box .search_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_list_box .search_btn:hover { background:#1B66C9; }
|
||||
/*셀렉트박스 안에 검색li 때문에 넣어둠// 검색 지울때 같이 지우기*/
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box:nth-child(2) .select_option_list .option_list_item.first:hover { background:none; }
|
||||
|
||||
.select_check_hide {display:none;}
|
||||
.select_check_show {width:18px; height:18px; background:url(../../image/web/check_off.svg) no-repeat; background-size:contain;}
|
||||
.select_check_hide:checked + .select_check_show {background:url("../../image/web/check_on.svg") no-repeat; background-size:contain;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_list .select_box .option_list .option_list_item span {line-height:30px; font-size:14px; color:#494E53; margin-left:25px;}
|
||||
|
||||
/* 예약현황표 */
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .main_content { width:100%; height:calc(100% - 76px); overflow:auto; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box { width:calc(100% - 70px); float:left; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .top_box {display:table; width:100%; margin-left:-70px; position:sticky; top:0; z-index:1; overflow-x:auto; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .top_box .diagnosis_list {float:left; width:calc(2000px - 70px); display:flex;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .top_box .diagnosis_list .time {float:left; width:70px; height:45px; float:left; padding-left:69px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .top_box .diagnosis_list .diagnosis_user {float:left; width:180px; border:solid 1px #E9ECF0; border-left:0; flex:none; background:#fff; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .top_box .diagnosis_list .diagnosis_user.obesity_doctor {width:calc(180px * 5);}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .top_box .diagnosis_list .diagnosis_user.first {}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .top_box .diagnosis_list .diagnosis_user.last { border-right:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .top_box .diagnosis_list .diagnosis_user .day {color:#3985EA; font-size:14px; font-weight:700; padding:0 10px; line-height:45px;}
|
||||
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .time {float:left; width:70px; position:sticky; left:0; background:#fff; border-right:solid 1px #E9ECF0; z-index:1; padding-top:47px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .time li {color:#21272C; font-size:14px; text-align:right; margin-right:10px; min-height:220px; border:solid 1px #fff;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .time li:first-child{padding-top:0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .time li:last-child {padding-bottom:0;}
|
||||
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box {width:calc(2000px - 70px); display:flex;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap {flex:none; display:flex; flex-direction: column;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr{width:180px; min-height:137px; display:block; border:solid 1px #E9ECF0; border-top:none; border-right:0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td {width:170px; padding:10px 10px; position:relative; background:#F8FBFF; border:solid 1px #B5BDC4; margin-bottom:10px; display:block;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .user_list {width:calc(100% - 16px); display:table; position:relative;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .user_list .user {font-size:12px; font-weight:700; float:left;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .user_list .user .user_number {font-weight:400;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .user_list .fruit {float:left; margin-left:4px; position:relative; top:1px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .user_list .alarm {float:left; margin-left:2px; position:relative; top:2px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .type {margin-top:5px; font-size:12px; clear:both;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .type .situation_img {position:relative; top:-1px; margin-right:5px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .red_text {font-size:12px; color:#FF2222; font-weight:700; margin-top:5px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown {width:16px; height:16px; position:absolute; right:10px; top:10px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown button {background:none; border:none; padding:0; position:absolute; width:16px; height:16px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown button img {position:absolute; top:0; right:0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown .dropdown-menu {top:20px; left:0; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:100%; padding:7px 10px; cursor:pointer; position:relative;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown .dropdown-menu li .red_list {color:#FF2222;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown .dropdown-menu li:nth-child(1) {border-bottom:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown .dropdown-menu li:nth-child(1) p {color:#3985EA;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table tr td .dropdown .dropdown-menu li:nth-child(5) {border:solid 1px #E9ECF0; border-left:0; border-right:0; margin:5px 0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table.last tr {border-right:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table.obesity_table tr {width:calc((185px * 5) + 2px);}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .table.obesity_table tr td {width:175px; margin-right:10px; float:left;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list.obesity_list {max-width:calc(185px * 5 - 2px);}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list.obesity_list li {width:175px; margin-right:9px; float:left;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list {min-width:185px; height:220px; display:table; border-right:solid 1px #E9ECF0; border-bottom:solid 1px #E9ECF0; position:relative;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list.last {border-right:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list > li {width:175px; height:100px; padding:10px 10px; display:table; position:relative; background:#F8FBFF; border:solid 1px #B5BDC4; margin-bottom:10px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list > li.firstVisit {border: 1px solid #23D16D; background: #DBFFEA; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list > li.highlight { border:1px solid red; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list > li.nonPayment { border:1px solid #c7254e; background: pink; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list > li.appReserve { border:1px solid dodgerblue; background:rgb(30 200 300 / 15%); }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list {display:table; width:calc(100% - 16px); position:relative;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list .user {font-size:12px; font-weight:700; float:left;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list .user .user_number {font-weight:400;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list .fruit {float:left; margin-left:4px; position:relative; top:2px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list .alarm {float:left; margin-left:2px; position:relative; top:3px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .type {margin-top:5px; font-size:12px; clear:both; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .type .img_situation {position:relative; top:-1px; margin-right:5px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .red_text {font-size:12px; color:#FF2222; font-weight:700; margin-top:5px; line-height:normal; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown {width:16px; height:16px; position:absolute; right:10px; top:10px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown button {background:none; border:none; padding:0; position:absolute; width:16px; height:16px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown button:hover { background: none !important; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown button img {position:absolute; top:0; right:0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu {top:20px; left:0; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li.selectStatus {background:rgb(57 133 234 / 15%);}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li .red_list {color:#FF2222;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li:nth-child(1) {border-bottom:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li:nth-child(1) p {color:#3985EA;}
|
||||
/*.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li:nth-child(5) {border:solid 1px #E9ECF0; border-left:0; border-right:0; margin:5px 0;}*/
|
||||
/*.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li.border {border:solid 1px #E9ECF0; border-left:0; border-right:0; margin:5px 0;}*/
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li.borderBottom {border:solid 1px #E9ECF0; border-left:0; border-right:0; border-top:0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li.borderTop {border:solid 1px #E9ECF0; border-left:0; border-right:0; border-bottom:0;}
|
||||
/*.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li.finish .dropdown-menu li:nth-child(5) {border:none; border-left:0; border-right:0; margin:0;}*/
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .dropdown-menu li:first-child { display:none; }
|
||||
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .homeContextMenu {position:absolute;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .homeContextMenu .dropdown-menu {min-width:112px; max-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4; display:block; height:32px; z-index:0;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .homeContextMenu .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .homeContextMenu .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li.new .dropdown-menu li:first-child { display:block; }
|
||||
/*.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .R li.receipt{ display:none; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .G li.receipt{ display:none; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .G li.status1{ display:none; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .Y li.receipt{ display:none; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .Y li.status1{ display:none; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .Y li.status2{ display:none; }*/
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li.new { border:1px solid #23D16D; background:#DBFFEA; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li.finish { border:1px solid #B5BDC4; background:#D8DDE3; }
|
||||
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list .icon_box { display:table; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list .icon_box .fruit {float:left; margin-left:4px; position:relative; top:2px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list .icon_box .alarm {float:left; margin-left:4px; position:relative; top:3px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list .icon_box .precaution {float:left; margin-left:4px; position:relative; top:3px;}
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list .user { width:100%; display:flex; flex-wrap:wrap; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li .user_list .user p { display:inline-block; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .precaution_box { width:210px; display:none; position:absolute; top:30px; left:115px; padding:10px; border:solid 1px #B5BDC4; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); z-index:1; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .precaution_box div { width:100%; margin-top:5px; display:table; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .precaution_box p { font-size:12px; font-weight:700; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .precaution_box p.yeyagmemo_content { width:calc(100% - 30px); font-weight:400; float:left; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .precaution_box p.yeyagmemo_title { width:30px; float:left; }
|
||||
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .memo_box { width:210px; display:none; position:absolute; top:30px; left:115px; padding:10px; border:solid 1px #B5BDC4; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); z-index:1; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .memo_box div { width:100%; margin-top:5px; display:table; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .memo_box p { font-size:12px; font-weight:700; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .memo_box p.yeyagmemo_content { width:calc(100% - 30px); font-weight:400; float:left; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .memo_box p.yeyagmemo_title { width:30px; float:left; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 오른쪽_예약목로그,진료대기,진료끝 */
|
||||
.project_wrap .content_section .home_wrap .right_box {width:350px; height:calc(100vh - 50px); position:absolute; right:0; padding:10px 10px 0 0;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel {height:calc(100% - 60px); margin-top:49px; background:#fff; border:solid 1px #B5BDC4; padding:0 10px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .nav_box {border-bottom:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .nav_box .nav {border:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .nav_box .nav li {height:70px; margin-left:20px}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .nav_box .nav li:first-child {margin-left:10px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .nav_box .nav li a {color:#494E53; border:none; border-radius:0; padding:0; background:none; line-height:unset; margin:0;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .nav_box .nav li a p {color:#21272C; line-height:70px; text-align:center; font-size:14px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .nav_box .nav li.active a p {color:#3985EA; font-weight:700; text-decoration:underline;}
|
||||
|
||||
/* user_info */
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .bottom_box .day_wrap .day_list li.user_focus { border:2px solid #3985ea; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info { position:absolute; width:100%; height:calc(100% - 70px); top:59px; left:0; padding:0 10px; border:1px solid #B5BDC4; display:none; background:#fff; z-index:1; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_top { height:76px; border-bottom: solid 1px #E9ECF0; position:relative; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_top p.user { font-size:18px; font-weight:700; position:absolute; left:10px; bottom:15px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_top button { padding:0; position:absolute; right:10px; bottom:15px; background:none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_top button:hover { background: none !important; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom { height:calc(100% - 76px); overflow-y:auto; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul { margin-top:10px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li { width:100%; padding:0 10px; margin-bottom:10px; display:table; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li .label { width:70px; padding:0; color:#494E53; font-size:14px; font-weight:700; line-height:20px; text-align:left; float:left; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li .info { width:calc(100% - 70px); float:left; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .ul_top { width:100%; padding:0 10px; border-radius:5px; display:table; background:#EDF5FF; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .ul_top p { font-weight:700; float:left; line-height:36px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .ul_top button.info_btn { padding:0; font-weight:700; float:right; color:#3985EA; line-height:36px; background:none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .ul_top button.info_btn:hover { background: none !important; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li .info { display:table; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; /*-webkit-line-clamp:2; -webkit-box-orient:vertical;*/ }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li .info.statusImg span.text { margin-left:5px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li .info button.counseling_btn { width:calc(100% / 2 - 5px); border-radius:5px; color:#fff; float:left; background:#3985EA; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li .info button.surgery_btn { width:calc(100% / 2 - 5px); margin-left:5px; border-radius:5px; color:#fff; float:left; background:#3985EA; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li .info button img { margin:-2px 5px 0 0; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom div.button_box { width:100%; margin:30px 0; text-align:center; display:table; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom div.button_box button.modify_btn { border-radius:20px; color:#fff; background:#B5BDC4; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom div.button_box button.modify_btn:hover { background: #949ea7 !important; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom div.button_box button.accept_btn { margin-left:5px; border-radius:20px; color:#fff; background:#B5BDC4; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom div.button_box button.accept_btn:hover { background: #949ea7 !important; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom div.button_box button.calculation_btn { margin-left:5px; border-radius:20px; color:#fff; background:#3985EA; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom div.button_box button.new_user_btn { margin-left:5px; border-radius:20px; color:#fff; background:#3985EA; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom div.button_box button img { width:24px; margin:-2px 5px 0 0; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom div.button_box button.modify_btn img { width:22px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_top { width:100%; padding:0 10px; border-radius:5px; display:table; background:#EDF5FF; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_top p { font-weight:700; float:left; line-height:36px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_top button.more_btn { padding:0; font-weight:700; float:right; color:#3985EA; line-height:36px; background:none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_top button.more_btn:hover { background: none !important; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_box { padding:0 10px; overflow:auto; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_box table { width:100%; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_box table tr { border-bottom:1px solid #f9f9f9; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_box table thead tr th { padding:0 5px; line-height:40px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_box table tbody tr td { padding:0 5px; line-height:40px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_box table tbody tr td.register_state { color:#3985EA; }
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box.oh .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li.user_focus { border:2px solid #3985ea; background:#F8FBFF; }
|
||||
.project_wrap .content_section .home_wrap .right_box.oh .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li.user_focus .user_reservation_list:hover {background:#d7e7fb; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li.focus { border:2px solid #3985ea; background:#F8FBFF; order:1; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 탭 상세 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content {height: calc(100% - 80px); }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane {height:100%; overflow:auto; background:#fff; scrollbar-width: none; -ms-overflow-style: none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane::-webkit-scrollbar { display: none; }
|
||||
/* 접수,접수취소,검색 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box {display:table; width:100%; padding:10px 0;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list {background:#FF2222; color:#fff; border-radius:8px; width:80px; float:left; position:relative; margin-left:5px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list:hover { background:#d81515; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list button:hover { background:none !important; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list.first { width:60px; margin:0; background:#3985EA;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list.first:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list .select_box {width:100%; height:36px; border: 1px solid #E9ECF0; border-radius:5px; background:url(../../image/web/select_arrow_white.svg) no-repeat 95% 55%/24px auto;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#fff; font-size:12px; font-weight:400; padding:0 30px 0 10px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list .select_box .select_option_list {min-width:120px; line-height:30px; color:#fff; border-radius:5px; border:solid 1px #E9ECF0; padding:5px 10px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list .select_box .select_option_list .option_list_item {transition:.1s; position:relative; font-size:12px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list .select_box .select_option_list .option_list_item span {font-size:12px; line-height:24px;}
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box {width:112px; float:left; height:36px; position:relative; margin-left:5px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box img { width:22px; height:22px; position:absolute; top:50%; transform:translateY(-50%); left:5px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box input {width:100%; height:36px; border:solid 1px #D8DDE3; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box .search_list_modal { width:170px; padding:5px; border-radius:5px; border:1px solid #D8DDE3; display:none; position:absolute; top:40px; right:0; background:#fff; z-index:1; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box .search_list_modal .search_suggestion { max-height:100px; overflow-y:auto; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box .search_list_modal .search_suggestion li { width:100%; display:table; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box .search_list_modal .search_suggestion li p { padding:0 5px; font-size:12px; line-height:25px; position:relative; display:inline-block; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box .search_list_modal .search_suggestion li p.user::after { content:''; display:block; width:1px; height:50%; position:absolute; top:25%; right:0; background:#D8DDE3; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_list_box { float:left; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_list_box .search_btn { margin-left:5px; color:#fff; border-radius:5px; font-size:12px; background:#3985EA; }
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane#complete_list .form_box .search_box .search_list_modal { left:0; }
|
||||
|
||||
/* 환자리스트 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box {}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title {background:#F8FBFF; border-radius:5px; position:relative; display:table; width:100%; padding: 5px 5px 5px 10px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title .chk_box {display:block; position:absolute; top:50%; left:5px; width:18px; height:18px; transform:translateY(-50%); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title .chk_box input[type="checkbox"] { display:none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title .user {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title .time {font-size:12px; font-weight:700; float:left; width:65px; text-align: center;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_title .memo {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list {width:100%; overflow:auto;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li {border:solid 1px #E9ECF0; border-radius:5px; position:relative; display:table; width:100%; padding-top:5px; margin-top:5px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .chk_box {display:block; position:relative; width:100%; margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:5px; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .chk_box input[type="checkbox"] { display:none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .chk_box .user {padding-left:10px; font-size:12px; font-weight:700; float:left; margin-bottom:5px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .chk_box .user img {margin-left:4px; position:relative; top:-2px;}
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .user_reservation_list {width:100%; padding:3px 5px; border-radius:5px; display:table; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .user_reservation_list .img_box {width:18px; height:18px; float:left; position:relative; margin-right:3px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .user_reservation_list .sityation_img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0);}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .user_reservation_list .surgery {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .user_reservation_list .surgery span {font-weight:400; margin-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 36px); display:block; float:right;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .user_reservation_list .time {font-size:12px; font-weight:400; float:left; width:65px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .reservation_box .reservation_list li .user_reservation_list .memo {font-size:12px; font-weight:400; float:left; width:108px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
|
||||
|
||||
|
||||
/* 진료대기 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title {background:#F8FBFF; border-radius:5px; position:relative; display:table; width:100%; padding: 5px 5px 5px 10px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title .chk_box {display:block; position:absolute; top:50%; left:5px; width:18px; height:18px; transform:translateY(-50%); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title .chk_box input[type="checkbox"] { display:none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title .user {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title .time {font-size:12px; font-weight:700; float:left; width:65px; text-align: center;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_title .memo {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list {width:100%; overflow:auto;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li {border:solid 1px #E9ECF0; border-radius:5px; position:relative; display:table; width:100%; padding-top:5px; margin-top:5px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .chk_box {display:block; position:relative; width:100%; margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li.user_focus { border:2px solid #3985ea; background:#F8FBFF; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li.user_focus .user_diagnosis_list:hover {background:#d7e7fb; }
|
||||
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .chk_box input[type="checkbox"] { display:none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .chk_box .user {padding-left:10px; font-size:12px; font-weight:700; float:left; margin-bottom:5px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .chk_box .user img {margin-left:4px; position:relative; top:-2px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .user_diagnosis_list {width:100%; display:table; padding:3px 5px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .user_diagnosis_list .img_box {width:18px; height:18px; float:left; position:relative; margin-right:3px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .user_diagnosis_list .sityation_img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0);}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .user_diagnosis_list .surgery {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .user_diagnosis_list .surgery span {font-weight:400; margin-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 36px); display:block; float:right;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .user_diagnosis_list .time {font-size:12px; font-weight:400; float:left; width:65px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .diagnosis_box .diagnosis_list li .user_diagnosis_list .memo {font-size:12px; font-weight:400; float:left; width:108px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
|
||||
|
||||
|
||||
/* 진료중 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title {background:#F8FBFF; border-radius:5px; position:relative; display:table; width:100%; padding: 5px 5px 5px 10px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title .chk_box {display:block; position:absolute; top:50%; left:5px; width:18px; height:18px; transform:translateY(-50%); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title .chk_box input[type="checkbox"] { display:none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title .user {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title .time {font-size:12px; font-weight:700; float:left; width:65px; text-align: center;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_title .memo {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list {width:100%; overflow:auto;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li {border:solid 1px #E9ECF0; border-radius:5px; position:relative; display:table; width:100%; padding-top:5px; margin-top:5px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .chk_box {display:block; position:relative; width:100%; margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li.user_focus { border:2px solid #3985ea; background:#F8FBFF; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li.user_focus .user_diagnosis_list:hover {background:#d7e7fb; }
|
||||
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .chk_box input[type="checkbox"] { display:none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .chk_box .user {padding-left:10px; font-size:12px; font-weight:700; float:left; margin-bottom:5px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .chk_box .user img {margin-left:4px; position:relative; top:-2px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .user_diagnosis_list {width:100%; display:table; padding:3px 5px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .user_diagnosis_list .img_box {width:18px; height:18px; float:left; position:relative; margin-right:3px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .user_diagnosis_list .sityation_img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0);}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .user_diagnosis_list .surgery {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .user_diagnosis_list .surgery span {font-weight:400; margin-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 36px); display:block; float:right;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .user_diagnosis_list .time {font-size:12px; font-weight:400; float:left; width:65px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .treatment_box .diagnosis_list li .user_diagnosis_list .memo {font-size:12px; font-weight:400; float:left; width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
|
||||
|
||||
|
||||
|
||||
/* 진료끝 */
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_title {background:#F8FBFF; border-radius:5px; position:relative; display:table; width:100%; padding: 5px 5px 5px 10px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_title .user {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_title .time {font-size:12px; font-weight:700; float:left; width:65px; text-align: center;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_title .whether {font-size:12px; font-weight:700; float:right; padding: 0 10px}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li {border:solid 1px #E9ECF0; border-radius:5px; position:relative; display:table; width:100%; padding-top:5px; margin-top:5px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li.user_focus { border:2px solid #3985ea; background:#F8FBFF; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li.user_focus .user_complete_list:hover {background:#d7e7fb; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .complete_btn { display:table; padding:0; background:none; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .complete_btn img { margin-left:5px; position:absolute; top:5px; right:5px; width:20px; height:20px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user {font-size:12px; font-weight:700; float:left; margin-bottom:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user img {margin-left:4px; position:relative; top:-2px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user_complete_list { width:100%; display:table; padding:3px 5px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user_complete_list .pointer { cursor:pointer; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user_complete_list .img_box {width:18px; height:18px; float:left; position:relative; margin-right:3px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user_complete_list .sityation_img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0);}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user_complete_list .surgery {font-size:12px; font-weight:700; float:left; width:110px;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user_complete_list .surgery span {font-weight:400; margin-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 36px); display:block; float:right;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user_complete_list .whether {width:80px; padding:0; line-height:18px; font-size:12px; font-weight:700; float:right; text-align:right; color:#3985EA; background:none;}
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user_complete_list .whether:hover { background: none !important; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li .user_complete_list .time {font-size:12px; font-weight:400; float:left; width:65px;}
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li.finish { background:#E9ECF0; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li.finish .user_complete_list .whether { color:#000;width: fit-content; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .complete_box .complete_list li.finish .user_complete_list .whether .cancelP { margin-right:5px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content #complete_list .form_box .search_box { width: calc(100% - 151px); }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content #treatment_list .form_box .search_box { width:calc(100% - 151px); }
|
||||
|
||||
/* 반응형버튼 */
|
||||
.project_wrap .content_section .home_wrap .media_button_left { position:absolute; left:-60px; bottom:0; display:none; z-index:1; }
|
||||
.project_wrap .content_section .home_wrap .media_button_left button { width:60px; height:60px; padding:0; background:none; }
|
||||
.project_wrap .content_section .home_wrap .media_button_left button img { margin:0 auto; }
|
||||
.project_wrap .content_section .home_wrap .media_button_left button:hover { background: none !important; }
|
||||
.project_wrap .content_section .home_wrap .media_button_right { position:absolute; right:22px; top:80px; display:none; z-index:1; }
|
||||
.project_wrap .content_section .home_wrap .media_button_right button { color:#fff; font-weight:700; border-radius:20px; background:#3985EA; }
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .home_wrap { width:calc(100% - 72px); min-width:calc(1080px - 72px); }
|
||||
.project_wrap .content_section .home_wrap .media_button_left { display:block; }
|
||||
.project_wrap .content_section .home_wrap .media_button_right { display:block; }
|
||||
.project_wrap .content_section .home_wrap .left_box > div { display:none; position:absolute; z-index:15; }
|
||||
.project_wrap .content_section .home_wrap .left_box { width:200px; padding:10px 0; }
|
||||
.project_wrap .content_section .home_wrap .left_box .calendar { width:100%; height:240px; background:#fff; }
|
||||
.project_wrap .content_section .home_wrap .left_box .notice { width:100%; }
|
||||
.project_wrap .content_section .home_wrap .left_box .notice .subject { height:200px; }
|
||||
.project_wrap .content_section .home_wrap .left_box .situation { width:100%; }
|
||||
.project_wrap .content_section .home_wrap .left_box .situation .subject { height:200px; }
|
||||
.project_wrap .content_section .home_wrap .left_box .calendar.open { display:block; position:absolute; bottom:10px; }
|
||||
.project_wrap .content_section .home_wrap .left_box .notice.open { display:block; position:absolute; bottom:10px; }
|
||||
.project_wrap .content_section .home_wrap .left_box .situation.open { display:block; position:absolute; bottom:10px; }
|
||||
.project_wrap .content_section .home_wrap .right_box { display:none }
|
||||
.project_wrap .content_section .home_wrap .right_box.open { display:block; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .nav_box .nav li { margin-left:15px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .nav_box .nav li a p { font-size:12px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list { width:75px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list .select_box { background-position:105% 55%; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content #complete_list .form_box .search_box { width:calc(100% - 131px); }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content #treatment_list .form_box .search_box { width:calc(100% - 131px); }
|
||||
.project_wrap .content_section .home_wrap .center_box { width:calc(100% - 10px); left:10px; }
|
||||
body.oh .project_wrap .content_section .home_wrap .center_box { width:calc(100% - 10px - 350px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px){
|
||||
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box { height:32px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .search_box input { height:32px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .tab-content .tab-pane .form_box .select_list .select_box { height:32px; border:0; }
|
||||
.project_wrap .content_section .home_wrap .center_box { width:100%; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .user_number li { font-size:12px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .nav li { width:100px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .nav_box .nav li a p { font-size:16px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box p { font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box .label { font-size:12px; background-size:18px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .main_content { height:calc(100% - 62px); }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .table_box .top_box .diagnosis_list .diagnosis_user .day { font-size:12px; }
|
||||
.project_wrap .content_section .home_wrap .center_box .tab_panel .tab-content .tab-pane .time li { font-size:12px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .tab_panel .nav_box .nav li { height:62px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_top { height:62px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_top p.user { font-size:16px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li { margin-bottom:5px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li .label { font-size:12px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li .info { font-size:12px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom ul li .info button img { width:14px; margin:0 5px 0 0; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_box table thead tr th { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom .table_box table tbody tr td { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .home_wrap .right_box .user_info .user_info_bottom div.button_box button img { width:22px; margin:0 5px 0 0; }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .home_wrap { width:calc(100% - 50px); min-width:calc(1080px - 50px); }
|
||||
.project_wrap .content_section .home_wrap .media_button_left { left:-50px; }
|
||||
.project_wrap .content_section .home_wrap .media_button_left button { width:50px; height:50px; }
|
||||
}
|
||||
215
src/main/resources/static/css/web/hospital.css
Normal file
215
src/main/resources/static/css/web/hospital.css
Normal file
@@ -0,0 +1,215 @@
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel {height:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box {position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav {border:none; height:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li {min-width:100px; height:50px; position:relative; top:1px; overflow:hidden;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li a {color:#494E53; border:none; border-radius:0; padding:0; background:none; line-height:unset; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li a p {font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li.active a p {color:#3985EA; text-decoration:underline;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box.first {width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box.last .select_option_list {width:170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
|
||||
|
||||
|
||||
/* 캘린더input */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list {background:#fff; border-radius:8px; width:130px; float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list.first {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list.period {width:100px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box {width:100%; height:36px; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#8F8F8F; font-size:14px; font-weight:400; padding:0 15px;}
|
||||
|
||||
|
||||
|
||||
/* 이름input */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .work_btn {background:#3985EA; color:#fff; border-radius:5px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .annual_btn {background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .hyuga_btn {background:#3985EA; color:#fff; border-radius:5px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .yeoncha_btn {background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .download_btn p { color:#fff; }
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content {height:calc(100% - 50px);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance {height:100%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box { height:calc(100% - 76px); overflow:auto; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_top_box {display:table; width:calc(2000px - 70px); background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_top_box .calendar_list { display:flex; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_top_box .calendar_list li.name {float:left; width:170px; color:#3985EA; font-size:14px; font-weight:700; padding:0 10px; line-height:45px; border:solid 1px #E9ECF0; border-radius:5px 0 0 0; border-bottom:none;position: sticky;left: 0;z-index: 3;background: #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_top_box .calendar_list li { width:110px; border:solid 1px #E9ECF0; border-left:0; border-bottom:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_top_box .calendar_list li:last-child {border-radius:0 5px 0 0; border-right:solid 1px #E9ECF0; box-sizing:content-box; width:109px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_top_box .calendar_list li .day {font-size:14px; padding:0 10px; line-height:45px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_top_box .calendar_list li .day.on {color:#3985EA; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_top_box .calendar_list li .day.red {color:#FF2222;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box { width:calc(2000px - 70px); /*overflow:auto;*/ height:calc(100% - 46px);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .user_list {float:left; width:170px; border-right:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .user_list li {color:#21272C; width:100%; margin-right:10px; border:solid 1px #E9ECF0; border-bottom:none; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .user_list li:last-child {border-bottom:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .user_list li .team {font-size:12px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .user_list li .user {font-size:14px;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table {width:unset; border-collapse:unset;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr { border-left:solid 1px #E9ECF0; border-top:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr:last-child td { border-bottom:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td {padding:10px 10px; min-width:110px; border-right:solid 1px #E9ECF0; border-top:solid 1px #E9ECF0; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td.first {min-width:170px;position: sticky;left: 0;z-index: 3;background: #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td.on {background:#F8FBFF;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td .onOff {border:solid 1px #3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td p {font-size:12px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td p.team {font-size:12px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td p.user {font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td p.work {font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td.off {background:#E9ECF0; padding:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td.off .off_txt {font-weight:700; /*position:absolute; top:50%; transform:translateY(-50%);*/ width:100%; text-align:center;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td .drop_list {position:absolute; top:10px; left:10px; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; padding:10px; width:100px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td .drop_list li {font-size:12px; line-height:27px; cursor:pointer;}
|
||||
|
||||
|
||||
/* 휴무 관리 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.holiday { height:100%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.holiday .calendar_box .date_box { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.holiday .table_box { width:100%; height:calc(100% - 76px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.holiday .table_box p.dlatl { font-size:25px; font-weight:700; }
|
||||
|
||||
|
||||
/* 휴가 관리 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation { height:100%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .table_box { width:100%; height:calc(100% - 76px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .table_box a { font-size:25px; font-weight:700; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
|
||||
/* 근태관리 관련 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td.nodata {padding:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td.on .dropdown .dropdown-toggle{padding-left: 10px;text-align: left;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td .dropdown {width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td .dropdown .dropdown-toggle {background: none;border:0;border-radius:0;width:100%;height:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td .dropdown button:hover { background: none !important; }
|
||||
/* joy 추가 종료 */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box.first { width:90px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box { width:130px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content { height:calc(100% - 40px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .yeoncha_btn { margin-left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li a p { font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .select_option_list .search_box { height:28px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .select_option_list .search_box img { width:22px; margin-top:1px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .select_option_list .option_list_item .chk_box { font-size:12px; text-indent:22px }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .select_option_list .option_list_item .chk_box .on { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after { width:5px; height:8px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box { height:calc(100% - 62px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.holiday .table_box { height:calc(100% - 62px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .table_box { height:calc(100% - 62px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_top_box .calendar_list li.name { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_top_box .calendar_list li .day { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.attendance .list_box .list_bottom_box .table tr td p.user { font-size:12px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:768px) {
|
||||
}
|
||||
142
src/main/resources/static/css/web/hospital_authority.css
Normal file
142
src/main/resources/static/css/web/hospital_authority.css
Normal file
@@ -0,0 +1,142 @@
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 0 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list {width:400px; float:left; background:#fff; height:786px; border-radius:5px; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li {width:100%; position:relative; padding:10px 20px; border-bottom:solid 1px #D8DDE3; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li:nth-child(1) {display:table; width:100%; padding:20px; border-bottom:solid 1px #D8DDE3;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .right_btn_box .authority_item_btn {background:#3985EA; color:#fff; border-radius:16px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .right_btn_box .authority_item_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .authority_box {width:calc(100% - 34px); float:left; font-size:14px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .dropdown_box {width:34px; height:20px; float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .dropdown_box button {background:none; border:none; padding:0; position:absolute; width:34px; height:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .dropdown_box button img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .dropdown_box .dropdown-menu {top:35px; right:20px; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .dropdown_box .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .dropdown_box .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .dropdown_box .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_list li .dropdown_box .dropdown-menu li .red_list {color:#FF2222;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box {background:#fff; width:calc(100% - 420px); float:right; border-radius:5px; border:solid 1px #B5BDC4; overflow:hidden;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .filter_box {display:table; width:100%; padding:20px; border-bottom:solid 1px #D8DDE3;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .filter_box .form_box {}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .filter_box .form_box .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .filter_box .form_box .right_btn_box .save_btn {background:#3985EA; color:#fff; border-radius:5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box {width:100%; height:710px; overflow:auto; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table {border-collapse:collapse;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead {position:relative; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th {position:sticky; top:0; height:50px; background:#fff; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th:nth-child(1) {width:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th:nth-child(2) {width:20%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th:nth-child(3) {width:15%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th:nth-child(4) {width:10%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th:nth-child(5) {width:15%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th:nth-child(6) {width:16%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th:nth-child(7) {width:10%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th:nth-child(8) {width:10%;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th .chk_box {display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate3d(-50%, -50%, 0); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table thead tr th .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody {}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr {border:solid 1px #E9ECF0; border-top:none; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr:nth-child(odd) {background:rgba(57, 133, 234, 10%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr:hover {background:rgba(57, 133, 234, 20%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td {width:90px; padding:10px; border:solid 1px #E9ECF0; border-right:solid 1px #E9ECF0; position:relative;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .chk_box {display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate3d(-50%, -50%, 0); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .wrapper {position:absolute; height:24px; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .wrapper .switch_input {position:absolute; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .wrapper .switch_label {position:relative; cursor:pointer; display:inline-block; width:50px; height:24px; background:#D8DDE3; border:1px solid #B5BDC4; border-radius:20px; transition:0.2s; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .wrapper .switch_label .switch_btn {position:absolute; top:0; left:0; display:inline-block; width:22px; height:22px; border-radius:20px; background:#B5BDC4; transition:0.2s;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .wrapper .switch_input:checked+.switch_label {background:#EDF5FF; border:1px solid #3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .authority_table_box .table_box table tbody tr td .wrapper .switch_input:checked+.switch_label .switch_btn {top:0px; left:26px; background:#3985EA; box-shadow:1px 2px 3px #00000020;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1440px) {
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:768px) {
|
||||
}
|
||||
220
src/main/resources/static/css/web/hospital_diagnosis.css
Normal file
220
src/main/resources/static/css/web/hospital_diagnosis.css
Normal file
@@ -0,0 +1,220 @@
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 센터쪽_근태·휴가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box { width:100%; height:calc(100% - 70px); margin-top:20px; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list {width:400px; height:100%; float:left; background:#fff; border-radius:5px; border:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li {width:100%; position:relative; padding:10px 20px; border-bottom:solid 1px #D8DDE3; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li:nth-child(1) {display:table; width:100%; padding:20px; border-bottom:solid 1px #D8DDE3;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on { border:0; display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on > div { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input { width:calc(100% - 129px); height:36px; padding:0 10px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input.last { width:80px; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box { float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box button { border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box button.cancel { background:#EDF5FF; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box button.cancel:hover { background:#dce8f6!important; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box button.save { color:#fff; margin-left:8px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on.open { display:block; }
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .right_btn_box .diagnosis_item_btn {background:#3985EA; color:#fff; border-radius:16px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .right_btn_box .diagnosis_item_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title {height:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .diagnosis_division_box {width:calc(100% - 100px - 34px); float:left; font-size:14px; font-weight:700; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .surgery_box {width:100px; float:left; font-size:14px; font-weight:700; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .dropdown_box {width:34px; height:30px;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .diagnosis_division_box {width:calc(100% - 100px - 34px); float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .surgery_box {width:100px; float:left; font-size:14px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box {width:34px; height:20px; float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box button {background:none; border:none; padding:0; position:absolute; width:34px; height:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box button img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box button:hover { background: none !important; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu {top:35px; right:20px; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li .red_list {color:#FF2222;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box {background:#fff; width:calc(100% - 420px); height:100vh; float:right; border-radius:5px; border:solid 1px #E9ECF0; overflow:hidden;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box {display:table; width:100%; padding:20px; border-bottom:solid 1px #D8DDE3;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
||||
/* 검색input */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list {float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box {width:200px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .diagnosis_movement_btn {background:#3985EA; color:#fff; border-radius:5px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .diagnosis_movement_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .surgery_addition_btn {background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .surgery_addition_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .inactive_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .inactive_btn:hover { background:#d81515 !important; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box {width:100%; height:calc(100% - 77px); overflow:auto; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table {border-collapse:collapse;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead {position:relative; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th {position:sticky; top:0; height:50px; background:#fff; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(1) {width:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(2) {width:20%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(3) {width:15%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(4) {width:10%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(5) {width:19%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(6) {width:12%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(7) {width:10%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(8) {width:10%;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box {display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate3d(-50%, -50%, 0); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr {border:solid 1px #E9ECF0; border-top:none; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr:nth-child(odd) {background:rgba(57, 133, 234, 10%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr:hover {background:rgba(57, 133, 234, 20%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td {width:90px; padding:10px; border:solid 1px #E9ECF0; border-right:solid 1px #E9ECF0; position:relative;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box {display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate3d(-50%, -50%, 0); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box input { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box input { display:none; }
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
|
||||
|
||||
|
||||
/*.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper {position:absolute; height:24px; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); }*/
|
||||
/*.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_input {position:absolute; appearance:none; -webkit-appearance:none; -moz-appearance:none;}*/
|
||||
/*.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_label {position:relative; cursor:pointer; display:inline-block; width:50px; height:24px; background:#D8DDE3; border:1px solid #B5BDC4; border-radius:20px; transition:0.2s; margin:0;}*/
|
||||
/*.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_label .switch_btn {position:absolute; top:0; left:0; display:inline-block; width:22px; height:22px; border-radius:20px; background:#B5BDC4; transition:0.2s;}*/
|
||||
/*.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_input:checked+.switch_label {background:#EDF5FF; border:1px solid #3985EA;}*/
|
||||
/*.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_input:checked+.switch_label .switch_btn {top:0px; left:26px; background:#3985EA; box-shadow:1px 2px 3px #00000020;}*/
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box .wrapper {position:absolute; height:24px; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box .wrapper .switch_input {position:absolute; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box .wrapper .switch_label {position:relative; cursor:pointer; display:inline-block; width:50px; height:24px; background:#D8DDE3; border:1px solid #B5BDC4; border-radius:20px; transition:0.2s; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box .wrapper .switch_label .switch_btn {position:absolute; top:0; left:0; display:inline-block; width:22px; height:22px; border-radius:20px; background:#B5BDC4; transition:0.2s;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box .wrapper .switch_input:checked+.switch_label {background:#EDF5FF; border:1px solid #3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box .wrapper .switch_input:checked+.switch_label .switch_btn {top:0px; left:26px; background:#3985EA; box-shadow:1px 2px 3px #00000020;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list { width:315px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box { width:calc(100% - 325px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input { width:calc(100% - 101px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input.last { width:60px; margin-left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div .button_box button.save { margin-left:0; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box { height:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li { padding:0 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li:nth-child(1) { padding:10px 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .title { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title { height:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .diagnosis_division_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .surgery_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .dropdown_box { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .diagnosis_division_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .surgery_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box { height:40px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box button { position:absolute; top:50%; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on.open > div { padding:5px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.on div input { width:calc(100% - 95px); height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box { padding:10px 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .title { margin-right:20px; font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box { width:145px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box button img { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on:after { width:5px; height:8px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th { height:40px; padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on:after { width:5px; height:8px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td { padding:0 10px; font-size:12px; height:40px; }
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
133
src/main/resources/static/css/web/hospital_employee.css
Normal file
133
src/main/resources/static/css/web/hospital_employee.css
Normal file
@@ -0,0 +1,133 @@
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 센터쪽_근태·휴가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box {}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list {background:#fff; border-radius:8px; width:150px; float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list.first {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box {width:100%; height:36px; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 90% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#494E53; font-size:14px; font-weight:400; padding:0 15px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list {min-width:100%; border-radius:5px; border:solid 1px #E9ECF0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
|
||||
|
||||
/* 이름input */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width:160px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .employee_btn {background:#3985EA; color:#fff; border-radius:5px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .account_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .list_btn {position:relative; padding-left:35px; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .list_btn p { color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .list_btn img { position:absolute; top:50%; left:15px; transform:translateY(-50%); }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .account_btn { margin-left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .list_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .list_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .list_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list { width:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .search_box { height:28px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .search_box img { width:22px; margin-top:1px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .option_list_item .chk_box { font-size:12px; text-indent:22px }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .option_list_item .chk_box .on { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after { width:5px; height:8px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
113
src/main/resources/static/css/web/hospital_employee_sub.css
Normal file
113
src/main/resources/static/css/web/hospital_employee_sub.css
Normal file
@@ -0,0 +1,113 @@
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box {width:100%; height:calc(100% - 70px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; padding:50px; margin-top:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .info {width:700px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .title {height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box {display:table;width:100%; margin-top:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box.first {margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box {float:left; width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box input {width:200px; height:36px; border:solid 1px #E9ECF0; border-radius:5px; padding:0 15px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box a {font-size:14px; font-weight:700; color:#3985EA; margin-left:10px; line-height:36px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box span {float: left; margin:0 5px; line-height:36px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list {background:#fff; border-radius:8px; width:200px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list.last {margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box {width:100%; height:36px; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 90% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#494E53; font-size:14px; font-weight:400; padding:0 15px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list { min-width:100%; border-radius:5px; border:solid 1px #E9ECF0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box {text-align: center; margin-top:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .cancel_btn {width:90px; height:36px; border-radius:16px; background:#F8FBFF; color:#21272C;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .save_btn {width:90px; height:36px; border-radius:16px; background:#3985EA; color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .account_btn {width:90px; height:36px; margin-left:5px; border-radius:16px; background:#FF2222; color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .account_btn:hover { background:#d81515 !important; }
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
/* 직원 유형 추가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box label { width:80px; font-weight:400; margin:0; padding-left:25px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box label::after { content:''; display:block; width:18px; height:18px; border-radius:50%; border:solid 2px #B5BDC4; position:absolute; top:50%; left:0; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box input { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box input:checked + label::after { border:solid 2px #3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box input:checked + label::before { content:''; display:block; width:10px; height:10px; border-radius:50%; background:#3985EA; position:absolute; left:5%; top:50%; transform:translateY(-50%); z-index:1; }
|
||||
/* joy 추가 종료 */
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box { height:calc(100% - 60px); padding:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .info { width:500px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .title { height:40px; margin-top:20px; line-height:40px; font-size:16px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .title.first { margin-top:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box { margin-top:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box a { font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box input { width:140px; height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box span { font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list { width:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box { width:140px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list { width:100%; height:180px; overflow-y:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list .search_box { height:28px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list .search_box img { width:22px; margin-top:1px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box { margin-top:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .save_btn { width:80px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .account_btn { width:80px; height:32px; }
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
/* 직원등록 유형 추가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box label::after { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box input:checked + label::before { width:7px; height:7px; left:4px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box label { width:60px; padding-left:20px; }
|
||||
/* joy 추가 종료 */
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
275
src/main/resources/static/css/web/hospital_group.css
Normal file
275
src/main/resources/static/css/web/hospital_group.css
Normal file
@@ -0,0 +1,275 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel {height:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box {position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav {border:none; height:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li {min-width:100px; height:50px; position:relative; top:1px; overflow:hidden;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li a {color:#494E53; border:none; border-radius:0; padding:0; background:none; line-height:unset; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li a p {font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li.active a p {color:#3985EA; text-decoration:underline;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content { height:calc(100% - 70px); margin-top:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane {height:100%; overflow:auto;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list {width:100%; height:calc(100vh - 200px); float:left; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li {width:100%; position:relative; padding:10px 20px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group li.groupGrid {display:table; width:100%;height: calc(100% - 76px); padding: 0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li:nth-child(1) {display:table; width:100%; padding:20px; border-bottom:solid 1px #D8DDE3;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .right_btn_box .group_item_btn {background:#3985EA; color:#fff; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .right_btn_box .group_item_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .right_btn_box .delete_btn {background: #FF2222; color: #fff; border-radius: 5px; margin-left: 10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .right_btn_box .delete_btn img { position: relative; top: -2px; width: 20px; margin-right: 5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.title {height:50px; border-bottom:solid 1px #D8DDE3;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.title .diagnosis_division_box {width:calc(100% - 50% - 34px); float:left; font-size:14px; font-weight:700; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.title .surgery_box {width:40%; float:left; font-size:14px; font-weight:700; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.title .order_number_box {width:10%; float:left; font-size:14px; font-weight:700; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.title .dropdown_box {width:34px; height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .diagnosis_division_box {width:calc(100% - 50% - 34px); float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .surgery_box {width:40%; float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .order_number_box {width:10%; float:left; font-size:14px;padding-left: 10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .dropdown_box {width:34px; height:20px; float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .dropdown_box button {background:none; border:none; padding:0; position:absolute; width:34px; height:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .dropdown_box button img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .dropdown_box .dropdown-menu {top:35px; right:20px; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .dropdown_box .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .dropdown_box .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .dropdown_box .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .dropdown_box .dropdown-menu li .red_list {color:#FF2222;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .diagnosis_division_box {width:calc(100% - 50% - 34px); float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .surgery_box {width:50%; float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .order_number_box {width:50%; float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .dropdown_box {width:34px; height:20px; float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .dropdown_box button {background:none; border:none; padding:0; position:absolute; width:34px; height:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .dropdown_box button img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .dropdown_box .dropdown-menu {top:35px; right:20px; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .dropdown_box .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .dropdown_box .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .dropdown_box .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .dropdown_box .dropdown-menu li .red_list {color:#FF2222;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list {width:100%; height:calc(100vh - 200px); float:left; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li {width:100%; position:relative; padding:10px 20px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job li.dutyGrid {display:table; width:100%;height: calc(100% - 76px); padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li:nth-child(1) {display:table; width:100%; padding:20px; border-bottom:solid 1px #D8DDE3;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .right_btn_box .group_item_btn {background:#3985EA; color:#fff; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .right_btn_box .group_item_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .right_btn_box .delete_btn {background: #FF2222; color: #fff; border-radius: 5px; margin-left: 10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .right_btn_box .delete_btn img { position: relative; top: -2px; width: 20px; margin-right: 5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.title {height:50px; border-bottom:solid 1px #D8DDE3;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.title .diagnosis_division_box {width:calc(100% - 50% - 34px); float:left; font-size:14px; font-weight:700; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.title .surgery_box {width:40%; float:left; font-size:14px; font-weight:700; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.title .order_number_box {width:10%; float:left; font-size:14px; font-weight:700; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.title .dropdown_box {width:34px; height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .diagnosis_division_box {width:calc(100% - 50% - 34px); float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .surgery_box {width:40%; float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .order_number_box {width:10%; float:left; font-size:14px;padding-left: 10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .dropdown_box {width:34px; height:20px; float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .dropdown_box button {background:none; border:none; padding:0; position:absolute; width:34px; height:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .dropdown_box button img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .dropdown_box .dropdown-menu {top:35px; right:20px; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .dropdown_box .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .dropdown_box .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .dropdown_box .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .dropdown_box .dropdown-menu li .red_list {color:#FF2222;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .diagnosis_division_box {width:calc(100% - 50% - 34px); float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .surgery_box {width:50%; float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .order_number_box {width:50%; float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .dropdown_box {width:34px; height:20px; float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .dropdown_box button {background:none; border:none; padding:0; position:absolute; width:34px; height:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .dropdown_box button img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .dropdown_box .dropdown-menu {top:35px; right:20px; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .dropdown_box .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .dropdown_box .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .dropdown_box .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .dropdown_box .dropdown-menu li .red_list {color:#FF2222;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list {width:400px; height:100%; float:left; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li {width:100%; position:relative; padding:10px 20px; border-bottom:solid 1px #E9ECF0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li:nth-child(1) {display:table; width:100%; padding:20px; border-bottom:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on { border:0; display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on > div { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on div input { width:200px; height:36px; padding:0 10px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on div input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on div .button_box { float:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on div .button_box button { border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on div .button_box button.cancel { background:#EDF5FF; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on div .button_box button.save { color:#fff; margin-left:8px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on.open { display:block; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .right_btn_box .authority_item_btn {background:#3985EA; color:#fff; border-radius:16px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .right_btn_box .authority_item_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .authority_box {width:calc(100% - 34px); float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box {width:34px; height:20px; float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box button {background:none; border:none; padding:0; position:absolute; width:34px; height:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box button img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box button:hover { background: none !important; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box .dropdown-menu {top:35px; right:20px; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box .dropdown-menu li .red_list {color:#FF2222;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box {background:#fff; width: calc(100% - 420px); height:100%; float:right; border:solid 1px #E9ECF0; border-radius:5px; overflow:hidden;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .filter_box {display:table; width:100%; padding:20px; border-bottom:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .filter_box .form_box .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .filter_box .form_box .right_btn_box .save_btn {background:#3985EA; color:#fff; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_check_box {width:100%; height:calc(100% - 77px); overflow:auto; background:#fff; border:none; border-radius:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box {padding:10px; border-top:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box.first {border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table {border-collapse:collapse;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr {background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td {width:90px; padding:10px; padding-left:35px; position:relative; border:none; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td.menu_td {width:250px; vertical-align:top; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td.all_td {background:#EDF5FF; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td:nth-child(1) {width:250px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td:nth-child(6) {width:200px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td:first-child {border-left:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td:last-child {border-right:none; word-break:keep-all; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box {display:block; position:absolute; top:50%; left:10px; width:18px; height:18px; transform:translateY(-50%); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box input { display:none; }
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .wrapper {position:absolute; height:24px; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .wrapper .switch_input {position:absolute; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .wrapper .switch_label {position:relative; cursor:pointer; display:inline-block; width:50px; height:24px; background:#D8DDE3; border:1px solid #B5BDC4; border-radius:20px; transition:0.2s; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .wrapper .switch_label .switch_btn {position:absolute; top:0; left:0; display:inline-block; width:22px; height:22px; border-radius:20px; background:#B5BDC4; transition:0.2s;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .wrapper .switch_input:checked+.switch_label {background:#EDF5FF; border:1px solid #3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .wrapper .switch_input:checked+.switch_label .switch_btn {top:0px; left:26px; background:#3985EA; box-shadow:1px 2px 3px #00000020;}
|
||||
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
|
||||
/* 권한설정 권한그룹 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .authority_box {cursor: pointer;}
|
||||
|
||||
/* joy 추가 종료 */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box { width:calc(100% - 330px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td:nth-child(1) { width:240px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on div input { width:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list { width:315px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content { height:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li a p { font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li:nth-child(1) { padding:10px 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li { padding:0 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .title { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.title { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.title .surgery_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.title .diagnosis_division_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .diagnosis_division_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .diagnosis_division_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .surgery_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .surgery_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .dropdown_box { height:30px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li.difference_list .dropdown_box button { position:absolute; top:50%; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .dropdown_box { height:30px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.group .group_item_list li .dropdown_box button { position:absolute; top:50%; transform:translateY(-50%); }
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li:nth-child(1) { padding:10px 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li { padding:0 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .title { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.title { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.title .surgery_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.title .diagnosis_division_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .diagnosis_division_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .diagnosis_division_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .surgery_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .surgery_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .dropdown_box { height:30px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li.difference_list .dropdown_box button { position:absolute; top:50%; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .dropdown_box { height:30px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.job .group_item_list li .dropdown_box button { position:absolute; top:50%; transform:translateY(-50%); }
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li { padding:0 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li:nth-child(1) { padding:10px 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .title { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .authority_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box { height:40px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li .dropdown_box button { position:absolute; top:50%; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on > div { padding:5px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_list li.on div input { width:167px; height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .filter_box { padding:10px 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .filter_box .form_box .title { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_check_box { height:calc(100% - 53px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td:nth-child(1) { width:185px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td:nth-child(6) { width:170px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td { font-size:12px; padding-left:25px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box { width:15px; height:15px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box .on { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box input { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td .chk_box .on:after { width:5px; height:8px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td.all_td { padding-left:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.authority .authority_table_box .table_box table tbody tr td.all_td .chk_box { left:10px; }
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
241
src/main/resources/static/css/web/hospital_info.css
Normal file
241
src/main/resources/static/css/web/hospital_info.css
Normal file
@@ -0,0 +1,241 @@
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box {width:100%; height:calc(100% - 70px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; padding:50px; margin-top:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .info {width:700px;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box {display:table; width:100%; margin-top:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box.first { margin-top: 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .title {height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box {width:100%; background:#fff; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_title {width:100px; font-size:14px; line-height:36px; float:left; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list {width:700px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li {margin-top:10px; display:table; width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li.list_title_li {background:#EDF5FF; border-radius:5px; display:table; width:100%; padding:8px; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title {font-size:14px; font-weight:700; float:left; padding:0 10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title:nth-child(1) {width:13%; border-radius:5px 0 0 5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title:nth-child(2) {width:37%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title:nth-child(3) {width:37%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title:nth-child(4) {width:13%; border-radius:0 5px 5px 0;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li.on .day_box .day{ background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .day_box {width:13%; padding:0 10px; float:left; border-right:solid 1px #E9ECF0; box-sizing:border-box;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .day_box .day { width:70px; line-height:36px; border-radius:16px; font-size:14px; font-weight:700; color:#fff; background:#B5BDC4; text-align:center;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box {width:37%; padding:0 10px; float:left; border-right:solid 1px #E9ECF0; box-sizing:border-box;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list {background:#fff; border-radius:5px; width:calc(50% - 15px); float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .label {border: 1px solid #B5BDC4; background:#E9ECF0; cursor:pointer; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); width:100%; height:100%; outline:none; color:#8F8F8F; font-size:14px; font-weight:400; padding:0 15px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li.on .select_time_list_box .select_list .select_box .label { border: none; background: none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list { min-width:100%; height:250px; overflow-y:auto; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-align:center;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 12px; width:6px; display:block; float:left;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box {width:13%; height:36px; padding:0 10px; float:left; box-sizing:border-box; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper {position:absolute; height:24px; top:50%; left:50%; transform:translate3d(-75%, -50%, 0);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper .switch_input {position:absolute; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper .switch_label {position:relative; cursor:pointer; display:inline-block; width:50px; height:24px; background:#D8DDE3; border:1px solid #B5BDC4; border-radius:20px; transition:0.2s; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper .switch_label .switch_btn {position:absolute; top:0; left:0; display:inline-block; width:22px; height:22px; border-radius:20px; background:#B5BDC4; transition:0.2s;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper .switch_input:checked+.switch_label {background:#EDF5FF; border:1px solid #3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper .switch_input:checked+.switch_label .switch_btn {top:0px; left:26px; background:#3985EA; box-shadow:1px 2px 3px #00000020;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box {display:table; width:100%; margin-top:40px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .holiday_title {width:100px; font-size:14px; line-height:36px; float:left; font-weight:700;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box {width:calc(100% - 100px); height:36px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box .check_box {width:18px; height:18px; float:left; position:absolute; top:50%; left:0; transform:translateY(-50%);}
|
||||
|
||||
.select_check_hide {display:none;}
|
||||
.select_check_show {width:18px; height:18px; background:url(/image/web/check_off.svg) no-repeat; background-size:contain; }
|
||||
.select_check_hide:checked + .select_check_show {background:url("/image/web/check_on.svg") no-repeat; background-size:contain;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box span {line-height:34px; font-size:14px; color:#494E53; margin-left:25px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box {width:100%; background:#fff; display:table; margin-top:40px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_title {width:100px; font-size:14px; line-height:36px; float:left; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list {width:700px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li {margin-top:10px; display:table; width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li.list_title_li {background:#EDF5FF; border-radius:5px; display:table; width:100%; padding:8px; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title {font-size:14px; font-weight:700; float:left; padding:0 10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(1) {width:38%; border-radius:5px 0 0 5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(2) {width:25%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(3) {width:20%;border-radius: 0 5px 5px 0;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .input_box {width:41%; float:left; position:relative; padding:0 10px; border-right:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .input_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; padding:0 10px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .input_box input::placeholder {color:#B5BDC4;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box {width:25%; float:left; position:relative; padding:0 10px; border-right:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box {position:relative; width:100%; height:36px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list {background:#fff; border-right:solid 1px #E9ECF0; width:20%; float:left; position:relative; padding:0 10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box {width:100%; height:36px; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#8F8F8F; font-size:14px; font-weight:400; padding:0 15px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list {position:absolute; top:40px; left:0; width:200px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list .search_box {width:100%; float:left; height:34px; position:relative; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list .search_box input {width:100%; height:34px; border:solid 1px #D8DDE3; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list .option_item {transition:.1s; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_list .option_item.first {margin-top:40px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .option_item .select_check_wrap {width:18px; height:18px; float:left; position:absolute; top:50%; left:0; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list { min-width:100%; border-radius:5px; border:solid 1px #E9ECF0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; margin-top:0; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box { width:7%; height:36px; float:left; padding:0 10px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; transform:translateY(-50%); background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box button img { vertical-align:top; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .subtract_box { width:7%; height:36px; float:left; position:relative; padding:0 10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .subtract_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; transform:translateY(-50%); background:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .subtract_box button img { width:24px; height:24px; vertical-align:top; }
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li button:hover { background: none !important; }
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box {width:100%; background:#fff; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .admset_title {width:100px; font-size:14px; line-height:36px; float:left; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box {width:calc(100% - 100px); float:left; display:table; margin-bottom:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box button { margin-left: 10px; clear: both; font-size: 14px; font-weight: 700; line-height: 36px; color: #3985EA; background: none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input { width: 200px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input:read-only { outline: 0; border: 1px solid #D8DDE3; background: #E9ECF0; }
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input {width:200px; height:36px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px;}
|
||||
/* .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input::placeholder {color:#B5BDC4;} */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input:disabled {background:#E9ECF0; border:solid 1px #D8DDE3; color:#21272C;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box a {font-size:14px; color:#3985EA; line-height:36px; margin-left:20px; font-weight:700;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box .comment {font-size:12px; margin-top:10px; padding-left:10px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .button_box {margin-top:50px; text-align:center;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .button_box button {border-radius:16px; color:#fff; background:#3985EA;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box { height:calc(100% - 60px); padding:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .info { width:500px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .title { height:40px; line-height:40px; font-size:16px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_title { width:80px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list { width:500px; float:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li.list_title_li { padding:0; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .list_title { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .day_box .day { width:100%; line-height:32px; font-size:12px; border-radius:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box { height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list { width:100%; height:180px; overflow-y:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list .search_box { height:28px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list .search_box img { width:22px; margin-top:1px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; margin-top:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .select_time_list_box .slash { margin:0 5px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box { height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .time_box .time_list li .wrapper_box .wrapper { transform: translate(-50%, -50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box { margin-top:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .holiday_title { width:80px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box { width:calc(100% - 80px); height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box span { margin-left:20px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .holiday_box .check_holiday_box .check_box { width:15px; height:15px; }
|
||||
.select_check_show { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list { width:500px; float:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li.list_title_li { padding:0; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .input_box { width:40%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box { width:27%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list { width:23%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box { width:10%; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(1) {width:40%; border-radius:5px 0 0 5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(2) {width:27%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .list_title:nth-child(3) {width:23%;border-radius: 0 5px 5px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .input_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box { height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list { width:100%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list .search_box { height:28px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list .search_box img { width:22px; margin-top:1px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .select_list .select_box .select_option_list .option_list_item { font-size:12px; margin-top:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box button { width:22px; height:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .add_box button img { width:22px; height:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .subtract_box button { width:22px; height:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .hospital_box .hospital_list li .subtract_box button img { width:22px; height:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .admset_title { width:80px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box { width:calc(100% - 80px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box input { width:140px; height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .admset_box .input_box a { font-size:12px; line-height:32px; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .button_box { margin-top:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .info_box .button_box button { width:80px; }
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
149
src/main/resources/static/css/web/hospital_notice.css
Normal file
149
src/main/resources/static/css/web/hospital_notice.css
Normal file
@@ -0,0 +1,149 @@
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 0 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box {}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list {background:#fff; border-radius:8px; width:100px; float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list.first {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list.period {width:100px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box {width:100%; height:36px; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 90% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#8F8F8F; font-size:14px; font-weight:400; padding:0 15px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list {min-width:100px; border-radius:5px; border:solid 1px #E9ECF0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
|
||||
|
||||
/* 캘린더input */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
|
||||
|
||||
|
||||
/* 검색input */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .notice_btn {background:#3985EA; color:#fff; border-radius:5px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .notice_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 189px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { line-height:40px; height:40px; font-size:16px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box { height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
98
src/main/resources/static/css/web/hospital_other.css
Normal file
98
src/main/resources/static/css/web/hospital_other.css
Normal file
@@ -0,0 +1,98 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list {width:100%; height:calc(100vh - 110px); float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title {display:table; width:100%; padding:20px 0;position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .categoryGrid {display:table; width:100%;height: calc(100% - 140px); border:solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .right_btn_box .category_item_btn {background:#3985EA; color:#fff; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .right_btn_box .category_item_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .right_btn_box .delete_btn {background: #FF2222; color: #fff; border-radius: 5px; margin-left: 10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .right_btn_box .delete_btn img { position: relative; top: -2px; width: 20px; margin-right: 5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title .select_box.last .select_option_list {width:170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab-pane.authority .authority_table_box { width:calc(100% - 330px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab-pane.authority .authority_table_box .table_box table tbody tr td:nth-child(1) { width:240px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab-pane.authority .authority_list li.on div input { width:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .nav_box .nav { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .nav_box .nav li { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .nav_box .nav li a p { font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .categoryGrid { height:calc(100% - 135px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li { padding:0 20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li .title { font-size:14px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li.title { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li.title .surgery_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li.title .diagnosis_division_box { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li.difference_list .diagnosis_division_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li .diagnosis_division_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li.difference_list .surgery_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li .surgery_box { font-size:12px; line-height:30px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li.difference_list .dropdown_box { height:30px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li.difference_list .dropdown_box button { position:absolute; top:50%; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li .dropdown_box { height:30px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list li .dropdown_box button { position:absolute; top:50%; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .group_item_list .title .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
164
src/main/resources/static/css/web/hospital_payment.css
Normal file
164
src/main/resources/static/css/web/hospital_payment.css
Normal file
@@ -0,0 +1,164 @@
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 센터쪽_근태·휴가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 0 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box {margin-top:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list {width:400px; height:calc(100vh - 159px); float:left; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li {width:100%; position:relative; padding:10px 20px; border-bottom:solid 1px #D8DDE3; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li:nth-child(1) {display:table; width:100%; padding:20px; border-bottom:solid 1px #D8DDE3;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .right_btn_box .diagnosis_item_btn {background:#3985EA; color:#fff; border-radius:16px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .right_btn_box .diagnosis_item_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title {height:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .diagnosis_division_box {width:calc(100% - 100px - 34px); float:left; font-size:14px; font-weight:700; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .surgery_box {width:100px; float:left; font-size:14px; font-weight:700; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li.title .dropdown_box {width:34px; height:30px;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .diagnosis_division_box {width:calc(100% - 100px - 34px); float:left; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .surgery_box {width:100px; float:left; font-size:14px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box {width:34px; height:20px; float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box button {background:none; border:none; padding:0; position:absolute; width:34px; height:20px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box button img {position:absolute; top:50%; right:0; transform:translateY(-50%);}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu {top:35px; right:20px; left:unset; min-width:112px; padding:0; margin:0; border-radius:5px; background:#FFF; box-shadow:0px 4px 8px 0px rgba(18, 18, 18, 0.10); border:none; border:solid 1px #B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li {box-shadow:none; margin:0; color:#969696; font-size:13px; font-weight:500; width:110px; padding:7px 10px; cursor:pointer; position:relative; border:none; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li .list {font-size:12px; color:#494E53;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li .list img {margin-right:5px; position:relative; top:-1px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_list li .dropdown_box .dropdown-menu li .red_list {color:#FF2222;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box {background:#fff; width:calc(100% - 420px); float:right; border:solid 1px #E9ECF0; border-radius:5px; overflow:hidden;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box {display:table; width:100%; padding:20px; border-bottom:solid 1px #D8DDE3;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box {}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .title {font-size:16px; font-weight:700; float:left; line-height:36px; margin-right:50px;}
|
||||
/* 검색input */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list {float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box {width:200px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:8px;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .diagnosis_movement_btn {background:#3985EA; color:#fff; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .diagnosis_movement_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .surgery_addition_btn {background:#3985EA; color:#fff; border-radius:5px; margin-left:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .surgery_addition_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .filter_box .form_box .right_btn_box .inactive_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:8px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box {width:100%; height:calc(100vh - 238px); overflow:auto; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table {border-collapse:collapse;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead {position:relative; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th {position:sticky; top:0; height:50px; background:#fff; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(1) {width:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(2) {width:20%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(3) {width:15%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(4) {width:10%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(5) {width:15%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(6) {width:16%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(7) {width:10%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th:nth-child(8) {width:10%;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box {display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate3d(-50%, -50%, 0); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table thead tr th .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody {}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr {border-top:none; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr:nth-child(odd) {background:rgba(57, 133, 234, 10%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr:hover {background:rgba(57, 133, 234, 20%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td {width:90px; padding:10px; border:solid 1px #E9ECF0; border-right:solid 1px #E9ECF0; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td:first-child {border-left:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td:last-child {border-right:none;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box {display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate3d(-50%, -50%, 0); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper {position:absolute; height:24px; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_input {position:absolute; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_label {position:relative; cursor:pointer; display:inline-block; width:50px; height:24px; background:#D8DDE3; border:1px solid #B5BDC4; border-radius:20px; transition:0.2s; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_label .switch_btn {position:absolute; top:0; left:0; display:inline-block; width:22px; height:22px; border-radius:20px; background:#B5BDC4; transition:0.2s;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_input:checked+.switch_label {background:#EDF5FF; border:1px solid #3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .diagnosis_box .diagnosis_table_box .table_box table tbody tr td .wrapper .switch_input:checked+.switch_label .switch_btn {top:0px; left:26px; background:#3985EA; box-shadow:1px 2px 3px #00000020;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1440px) {
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:768px) {
|
||||
}
|
||||
93
src/main/resources/static/css/web/hospital_vacation_sub.css
Normal file
93
src/main/resources/static/css/web/hospital_vacation_sub.css
Normal file
@@ -0,0 +1,93 @@
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back {font-size:14px; font-weight:700; color:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img {margin:-3px 5px 0 0;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .employee_top { height:50px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .employee_top button.back { width:23px; height:23px; padding:0; float:left; background:none; position:absolute; top:50%; left:0; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .employee_top button.back img { width:100%; height:100%; vertical-align:top; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha { min-width:100px; font-size:20px; line-height:50px; font-weight:700; padding-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha span { padding:0 10px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha span::after { content:''; display:block; width:2px; height:60%; position:absolute; top:20%; left:0; background:#ccc; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha span.first { padding-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha span.first::after { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { display:table; width:100%; padding:20px 0; clear:both; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:16px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.first {width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
/* 캘린더input */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .hyuga_cencell_btn {background:red; color:#fff; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .hyuga_cencell_btn:hover { background:#d81515 !important; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn p {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn img { position:absolute; top:50%; left:15px; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { width:100%; height:calc(100% - 126px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box p { font-size:25px; font-weight:700; }
|
||||
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .select_box.first { width:90px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .calendar_box .date_box { width:130px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .employee_top { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .employee_top .employee_yeoncha { font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .attendance_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .search_box { height:28px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .search_box img { width:22px; margin-top:1px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 102px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
|
||||
}
|
||||
231
src/main/resources/static/css/web/hospital_work.css
Normal file
231
src/main/resources/static/css/web/hospital_work.css
Normal file
@@ -0,0 +1,231 @@
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 센터쪽_근태·휴가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel {height:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box {position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav {border:none; height:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li {min-width:100px; height:50px; position:relative; top:1px; overflow:hidden;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li a {color:#494E53; border:none; border-radius:0; padding:0; background:none; line-height:unset; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li a p {font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li.active a p {color:#3985EA; text-decoration:underline;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box {}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list {background:#fff; border-radius:8px; width:130px; float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list.first {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box {width:100%; height:36px; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#8F8F8F; font-size:14px; font-weight:400; padding:0 15px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list { min-width:100%; border-radius:5px; border:solid 1px #E9ECF0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .search_box {width:100%; float:left; height:34px; position:relative; margin:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .search_box input {width:100%; height:34px; border:solid 1px #D8DDE3; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .option_list_item { line-height:30px; transition:.1s; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .option_list_item.first {margin-top:40px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .option_list_item .select_check_wrap {width:18px; height:18px; float:left; position:absolute; top:50%; left:0; transform:translateY(-50%);}
|
||||
.select_check_hide {display:none;}
|
||||
.select_check_show {width:18px; height:18px; background:url(/image/web/check_off.svg) no-repeat; background-size:contain; }
|
||||
.select_check_hide:checked + .select_check_show {background:url("/image/web/check_on.svg") no-repeat; background-size:contain;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .option_list_item span {line-height:30px; font-size:14px; color:#494E53; margin-left:25px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list.select_list1 {width:140px;}
|
||||
|
||||
|
||||
/* 검색input */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .right_btn_box .work_schedule_btn {background:#3985EA; color:#fff; border-radius:5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content {height:calc(100% - 104px);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work {height:100%; overflow:auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box {width:100%; height:calc(100% - 76px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table {border-collapse:collapse;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead {position:relative; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th {position:sticky; top:0; height:50px; background:#fff; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th:nth-child(1) {width:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th:nth-child(2) {width:25%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th:nth-child(3) {width:20%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th:nth-child(4) {width:12%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th:nth-child(5) {width:18%;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th:nth-child(6) {width:22%;}
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th .chk_box {display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate3d(-50%, -50%, 0); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th .chk_box input { display:none; }
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody {}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr {border-top:none; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr:nth-child(odd) {background:rgba(57, 133, 234, 10%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td {width:90px; padding:10px; border:solid 1px #E9ECF0; border-right:solid 1px #E9ECF0; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td:first-child {border-left:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td:last-child {border-right:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr:hover {background:rgba(57, 133, 234, 20%);}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td .chk_box {display:block; position:absolute; top:50%; left:50%; width:18px; height:18px; transform:translate3d(-50%, -50%, 0); margin-bottom:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td .chk_box input { display:none; }
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation {height:100%; overflow:auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .table_box {width:100%; height:calc(100% - 76px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
/* 연차설정 - 삭제 버튼 추가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .delete_btn img {position:relative; top:-2px; width:20px; margin-right:5px;}
|
||||
/* joy 추가 종료 */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content { height:calc(100% - 40px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .table_box { height:calc(100% - 115px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box { height:calc(100% - 115px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li { height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .nav_box .nav li a p { font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list { width:120px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .search_box input { height:28px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .search_box { height:28px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .search_box img { width:22px; margin-top:1px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .option_list_item span { margin-left:20px; font-size:12px; line-height:29px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .option_list_item .select_check_wrap label { margin-bottom:0; }
|
||||
.select_check_show { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .filter_box .form_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th { height:40px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td { padding:8px 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th .chk_box { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th .chk_box .on { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table thead tr th .chk_box .on:after { width:5px; height:8px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td .chk_box { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td .chk_box .on { width:15px; height:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.work .table_box table tbody tr td .chk_box .on:after { width:5px; height:8px; left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .tab_panel .tab-content .tab-pane.vacation .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
1311
src/main/resources/static/css/web/jquery-ui.css
vendored
Normal file
1311
src/main/resources/static/css/web/jquery-ui.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
26
src/main/resources/static/css/web/loadingAnimations2.css
Normal file
26
src/main/resources/static/css/web/loadingAnimations2.css
Normal file
@@ -0,0 +1,26 @@
|
||||
|
||||
.loading-image-layer {margin:0; padding:0; background:#fff;
|
||||
z-index: 9999;
|
||||
background: rgb(0, 0, 0);
|
||||
opacity: 0.2;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.loading-image-layer.view {display: block;}
|
||||
|
||||
.loading-image-layer>ul {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; padding:0; display:flex;}
|
||||
.loading-image-layer>ul li {list-style:none; width:20px; height:20px; background:#c1cbda; margin:0 5px; border-radius:50%; animation:animate 1.4s linear infinite;}
|
||||
@keyframes animate {
|
||||
0%{transform:translateY(0);}
|
||||
60%{transform:translateY(0);}
|
||||
80%{transform:translateY(-20px);}
|
||||
100%{transform:translateY(0);}
|
||||
}
|
||||
.loading-image-layer>ul li:nth-child(1) {animation-delay:0;}
|
||||
.loading-image-layer>ul li:nth-child(2) {animation-delay:-1.2s;}
|
||||
.loading-image-layer>ul li:nth-child(3) {animation-delay:-1s;}
|
||||
.loading-image-layer>ul li:nth-child(4) {animation-delay:-.8s;}
|
||||
.loading-image-layer>ul li:nth-child(5) {animation-delay:-.6s;}
|
||||
66
src/main/resources/static/css/web/login.css
Normal file
66
src/main/resources/static/css/web/login.css
Normal file
@@ -0,0 +1,66 @@
|
||||
|
||||
|
||||
|
||||
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1024px; position:relative; margin:0 auto; display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;}
|
||||
|
||||
.project_wrap .content_wrap {width:450px; margin:80px auto;}
|
||||
.project_wrap .content_wrap .form_wrap .content_name {
|
||||
font-size: 20px;
|
||||
margin: 0 0 32px;
|
||||
font-weight: 700; text-align: center;
|
||||
}
|
||||
.project_wrap .content_wrap .login_wrap {width:100%; background:#fff; border-radius:4px; box-shadow:0px 3px 6px 0px rgba(18, 18, 18, 0.10); overflow:hidden; padding:0 40px 40px;}
|
||||
.project_wrap .content_wrap .login_wrap img { width: 160px;
|
||||
margin: 30px auto;
|
||||
display: block;}
|
||||
|
||||
.project_wrap .content_wrap .login_wrap .form_wrap .input_wrap { margin-bottom:20px;text-align:left;}
|
||||
.project_wrap .content_wrap .login_wrap .form_wrap .input_wrap label {font-size:14px; color:#6B7280; font-weight:400;}
|
||||
|
||||
.project_wrap .content_wrap .login_wrap .form_wrap .input_box {position:relative; display:table; width:100%;}
|
||||
.project_wrap .content_wrap .login_wrap .form_wrap .input_box input {width:100%; height:44px; font-size:14px; border-radius:4px; border:solid 1px #e5e7eb; padding:15px; padding-right:54px;}
|
||||
.project_wrap .content_wrap .login_wrap .form_wrap .input_box input:focus {outline:solid 1px #3985EA;}
|
||||
.project_wrap .content_wrap .login_wrap .form_wrap .input_box input::placeholder {color:#6b7280;}
|
||||
|
||||
|
||||
|
||||
.project_wrap .content_wrap .login_wrap .form_wrap .login_btn {background:#3985EA; color:#fff; font-weight:600; width:100%; height:44px; margin-top:30px;}
|
||||
.project_wrap .content_wrap .login_wrap .form_wrap.login_btn:hover {background:#3985EA;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1200px) {
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1024px) {
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width:768px) {
|
||||
}
|
||||
|
||||
/*galaxy Duo*/
|
||||
@media only screen and (max-width:540px) {
|
||||
}
|
||||
|
||||
/*iphone SE*/
|
||||
@media only screen and (max-width:320px) {
|
||||
}
|
||||
|
||||
/*galaxy Fold*/
|
||||
@media only screen and (max-width:280px) {
|
||||
}
|
||||
|
||||
|
||||
/*galaxy Fold*/
|
||||
@media only screen and (max-height:700px) {
|
||||
.project_wrap {display:unset; justify-content:unset; align-items:unset; height:unset;}
|
||||
}
|
||||
107
src/main/resources/static/css/web/marketing.css
Normal file
107
src/main/resources/static/css/web/marketing.css
Normal file
@@ -0,0 +1,107 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:75px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:14px; line-height:50px; float:left; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box {width:190px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box p { line-height:36px; font-weight:700; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button {background:#3985EA; color:#fff; border-radius:5px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.charge_btn { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.send_btn { margin-left:10px; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:65px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:100px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box p { line-height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
107
src/main/resources/static/css/web/marketing_message.css
Normal file
107
src/main/resources/static/css/web/marketing_message.css
Normal file
@@ -0,0 +1,107 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:75px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:14px; line-height:50px; float:left; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box {width:190px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box p { line-height:36px; font-weight:700; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button {background:#3985EA; color:#fff; border-radius:5px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.charge_btn { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.send_btn { margin-left:10px; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:65px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:100px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box p { line-height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
114
src/main/resources/static/css/web/marketing_message_detail.css
Normal file
114
src/main/resources/static/css/web/marketing_message_detail.css
Normal file
@@ -0,0 +1,114 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:140px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:14px; line-height:50px; float:left; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box { display:flex; position:relative; border-radius:8px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box:nth-child(2) .select_option_list {width:170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box {width:100%; height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box img {position:absolute; top:50%; left:5px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input {width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box {cursor:pointer; font-size:14px; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after {content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box {width:160px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list {float:left; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:125px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 151px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
107
src/main/resources/static/css/web/marketing_push.css
Normal file
107
src/main/resources/static/css/web/marketing_push.css
Normal file
@@ -0,0 +1,107 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:75px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:14px; line-height:50px; float:left; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box { margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box {width:190px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box p { line-height:36px; font-weight:700; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button {background:#3985EA; color:#fff; border-radius:5px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.charge_btn { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.send_btn { margin-left:10px; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:65px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:100px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box p { line-height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
114
src/main/resources/static/css/web/marketing_push_detail.css
Normal file
114
src/main/resources/static/css/web/marketing_push_detail.css
Normal file
@@ -0,0 +1,114 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:140px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:14px; line-height:50px; float:left; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box { display:flex; position:relative; border-radius:8px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box:nth-child(2) .select_option_list {width:170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box {width:100%; height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box img {position:absolute; top:50%; left:5px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input {width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box {cursor:pointer; font-size:14px; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after {content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box {width:160px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list {float:left; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:125px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 151px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
114
src/main/resources/static/css/web/marketing_talk_detail.css
Normal file
114
src/main/resources/static/css/web/marketing_talk_detail.css
Normal file
@@ -0,0 +1,114 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:140px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:14px; line-height:50px; float:left; }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box { display:flex; position:relative; border-radius:8px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:200px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box:nth-child(2) .select_option_list {width:170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box {width:100%; height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box img {position:absolute; top:50%; left:5px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input {width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box {cursor:pointer; font-size:14px; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after {content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box {width:160px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list {float:left; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:125px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total { font-size:12px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 151px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
73
src/main/resources/static/css/web/membership.css
Normal file
73
src/main/resources/static/css/web/membership.css
Normal file
@@ -0,0 +1,73 @@
|
||||
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 센터쪽_근태·휴가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button { background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box button.delete_btn { background:red; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
115
src/main/resources/static/css/web/membership_detail.css
Normal file
115
src/main/resources/static/css/web/membership_detail.css
Normal file
@@ -0,0 +1,115 @@
|
||||
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽_근태·휴가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../image/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.first {width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.last .select_option_list {width:170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list {background:#fff; border-radius:8px; width:130px; float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list.first {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list.period {width:100px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box {width:100%; height:36px; border: 1px solid #E9ECF0; border-radius:5px; background:url(../image/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#8F8F8F; font-size:14px; font-weight:400; padding:0 15px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box { width:110px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
134
src/main/resources/static/css/web/membership_list.css
Normal file
134
src/main/resources/static/css/web/membership_list.css
Normal file
@@ -0,0 +1,134 @@
|
||||
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
/* 센터쪽_근태·휴가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box { width:250px; padding:20px; margin-left:20px; border:1px solid #f6f6f6; border-radius:5px; background:#fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p:nth-child(2) { margin-top:10px; font-size:16px; font-weight:700; text-align:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p.blue { color:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p.red { color:#F70000; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display: table;width: 100%;padding: 20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box {width: 140px;height: 36px;border: 1px solid #E9ECF0;border-radius: 5px;margin-left: 10px;float: left;background: url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.first {width: 100px;margin-left: 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.active {z-index: 10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .label {width: 100%;height: 100%;padding: 0 10px;outline: none;font-size: 14px;font-weight: 400;text-align: left;color: #494E53;cursor: pointer;background: none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list {min-width: 100%;padding: 10px;border-radius: 5px;border: solid 1px #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.last .select_option_list {width: 170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item {width: 100%;transition: .1s;position: relative;display: table;font-size: 14px;color: #494E53;line-height: 30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item.first {margin-bottom: 5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item label {line-height: 30px;margin-bottom: 0px;clear: both;font-weight: 400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius: 8px;float: left;position: relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position: relative;width: 140px;height: 36px;float: left;margin-left: 10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left: 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position: absolute;top: 50%;transform: translateY(-50%);left: 10px;z-index: 1;width: 22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height: 34px;display: block;width: 100%;font-size: 14px;padding: 0 12px;padding-left: 40px;outline: none;border: 1px solid #E9ECF0;border-radius: 5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display: none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance: none;-moz-appearance: none;appearance: none;position: absolute;cursor: pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color: #000;font-size: 14px;font-weight: 400;line-height: 36px;margin: 0 5px;width: 6px;display: block;float: left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list {background: #fff;border-radius: 8px;width: 130px;float: left;position: relative;margin-left: 10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list.first {margin-left: 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list.period {width: 100px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box {width: 100%;height: 36px;border: 1px solid #E9ECF0;border-radius: 5px;background: url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box.active {z-index: 10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .label {display: flex;align-items: center;border: none;background: transparent;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 100%;outline: none;color: #8F8F8F;font-size: 14px;font-weight: 400;padding: 0 15px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float: left;position: relative;margin-left: 10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width: 150px;float: left;height: 36px;position: relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position: absolute;top: 50%;transform: translateY(-50%);left: 5px;z-index: 1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width: 100%;height: 36px;border: 1px solid #E9ECF0;border-radius: 5px;background: none;position: absolute;left: 0;padding: 0 10px 0 30px;font-size: 14px;background: #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color: #B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position: absolute;top: 40px;left: 0;width: 150px;background: #fff;color: #fff;border-radius: 5px;transition: .4s ease-in;z-index: 1;border: solid 1px #E9ECF0;display: none;margin: 0;padding: 10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background: #3985EA;border-radius: 5px;color: #fff;margin-left: 5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box {float: right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .transfer_btn {background: #3985EA;color: #fff;border-radius: 5px;float: left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .charge_btn {background: #3985EA;color: #fff;border-radius: 5px;margin-left: 10px;float: left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn {padding-left: 35px;position: relative;background: #3985EA;color: #fff;border-radius: 5px;margin-left: 10px;float: left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn img {position: absolute;top: 50%;left: 15px;transform: translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn p {color: #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box {display:flex; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box {width:180px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img {position:absolute; top:50%; left:5px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input {width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
|
||||
|
||||
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 275px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box { width:170px; padding:10px; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p:nth-child(2) { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list_box .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 225px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
153
src/main/resources/static/css/web/membership_list_sub.css
Normal file
153
src/main/resources/static/css/web/membership_list_sub.css
Normal file
@@ -0,0 +1,153 @@
|
||||
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back {font-size:14px; font-weight:700; color:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img {margin:-3px 5px 0 0;}
|
||||
|
||||
|
||||
/* 센터쪽_근태·휴가 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { padding-left:10px; font-size:18px; font-weight:700; line-height:50px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box { width:250px; height:107px; padding:20px; margin-left:20px; border:1px solid #f6f6f6; border-radius:5px; background:#fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p:nth-child(2) { margin-top:10px; font-size:16px; font-weight:700; text-align:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p:nth-child(3) { font-size:16px; font-weight:700; text-align:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box.first p:nth-child(2) { text-align:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box.last p:nth-child(2) { margin-top:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p.blue { color:#3985EA; font-size:14px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p.blue::after { content:'충전'; height:17px; padding:0 5px; line-height:17px; position:absolute; top:2px; left:40px; display:block; color:#fff; font-size:10px; font-weight:400; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p.red { color:#F70000; font-size:14px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p.red::after { content:'사용'; height:17px; padding:0 5px; line-height:17px; position:absolute; top:2px; left:40px; display:block; color:#fff; font-size:10px; font-weight:400; border-radius:5px; background:#F70000; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p span { margin-left:5px; padding-left:5px; color:#777; font-size:14px; font-weight:390; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p span::after { content:''; display:block; width:1px; height:60%; position:absolute; top:20%; left:0; background:#777; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p span:first-child { padding-left:0; margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p span:first-child:after { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.first {width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.last .select_option_list {width:170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list {background:#fff; border-radius:8px; width:130px; float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list.first {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list.period {width:100px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box {width:100%; height:36px; border: 1px solid #E9ECF0; border-radius:5px; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#8F8F8F; font-size:14px; font-weight:400; padding:0 15px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .transfer_btn {background:#3985EA; color:#fff; border-radius:5px; float:left;margin-left:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .point_btn {background:#3985EA; color:#fff; border-radius:5px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .charge_btn {background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn p { color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .transfer_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .point_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .charge_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn:hover { background:#1B66C9; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn:hover { background:#1B66C9; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 287px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.first { width:90px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:130px; }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box { width:180px; height:85px; padding:10px; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p:nth-child(2) { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p span { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p.blue::after { left:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .box_wrap .total_box p.red::after { left:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box { width:110px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 240px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
740
src/main/resources/static/css/web/modal.css
Normal file
740
src/main/resources/static/css/web/modal.css
Normal file
@@ -0,0 +1,740 @@
|
||||
body.modal-open { padding-right:0 !important; }
|
||||
|
||||
/********************** 예약 모달 - 예약등록 **********************/
|
||||
.reservation_modal.fade .modal-dialog {width:1020px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table;}
|
||||
.reservation_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-header .nav-tabs {border:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-header .nav-tabs li a {border:0; padding:0 10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-header .nav-tabs li a p {font-weight:400; font-size:18px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-header .nav-tabs li.active a p {color:#3985EA; font-weight:700; text-decoration:underline;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box .search_box {width:230px; height:36px; position:relative; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#494E53; border-radius:5px; font-size:14px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box {clear:both; padding:10px 0 30px 0; border-bottom:1px solid #E9ECF0; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_title {display:flex; padding:0 10px; line-height:30px; font-weight:700; border-radius:5px; background:#F8FBFF;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content {display:flex; padding:0 10px; line-height:30px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box.last {border-bottom:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box.last .modal_table_content {padding:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box > div {display:flex;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_title p { width:12% }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_title p:nth-child(5) {width:14%;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_title p:nth-child(6) {width:38%;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content p {width:12%;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content p:nth-child(5) {width:14%;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content p:nth-child(6) {width:38%;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box.last .modal_table_title { padding:0; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box.last .modal_table_title p {width:17%; padding:0 10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box.last .modal_table_title p:first-child {width:32%;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box.last .modal_table_content > div {width:17%; padding:0 10px; margin-top:10px; border-left:1px solid #E9ECF0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box.last .modal_table_content > div:first-child {width:32%; display:flex; border:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .calendar_box {width:calc(100% / 2 - 5px); position:relative;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box {position:relative; width:100%; height:36px; color:#8F8F8F;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; color:#494E53; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div.first .select_box {width:calc(100% / 2 - 5px); height:36px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div.first .select_box:last-child {margin-left:10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div.first .select_box.active {z-index:10;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div.first .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div.first .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box {width:100%; height:36px; margin-left:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box:last-child {margin-left:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box.active {z-index:10;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box .label {width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list { min-width:100%; max-height:250px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item.first {margin:0; text-indent:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item .search_box {width:100%; height:30px; position:relative;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item .search_box img {width:22px; height:22px; position:absolute; top:50%; left:5px; transform:translatey(-50%);}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item .search_box input {width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item .search_box input::placeholder {color:#8F8F8F;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .input_box input {width:100%; height:36px; color:#8F8F8F; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div:nth-child(3) > .search_box {width:100%; height:36px; position:relative;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div:nth-child(3) > .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div:nth-child(3) > .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div:nth-child(3) > .search_box input::placeholder {color:#8F8F8F;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .button_box {text-align:center;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .button_box button {width:110px; height:36px; color:#fff; border-radius:20px; background:#3985EA;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .button_box button img {margin-top:-3px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box > .input_box:last-child {margin-top:108px; padding-top:10px; border-top: 1px solid #E9ECF0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box > .input_box:last-child input {width:200px; height:36px; float:left; color:#494E53; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box > .input_box:last-child button {height:36px; display:flex; align-items:center; background:none;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box > .input_box:last-child button img {width:24px; height:24px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box > .input_box:last-child button:hover { background: none !important; }
|
||||
.reservation_modal .modal-dialog .modal-content .form_footer_box {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.reservation_modal .modal-dialog .modal-content .form_footer_box .btn_box {margin:0 auto; display:table;}
|
||||
.reservation_modal .modal-dialog .modal-content .form_footer_box .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .form_footer_box .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .button_box button:hover { background:#1B66C9; }
|
||||
|
||||
/* 예약 모달 - 간편예약 */
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box.first label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box.first input {width:200px; height:36px; margin-left:10px; float:left; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; text-indent:10px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box.first input:nth-of-type(1) { margin-left:0; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box {width:200px; float:left; position:relative; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box .date_box {position:relative; width:100%; height:36px; color:#8F8F8F;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box .date_box .date_picker { color:#494E53; line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .select_box {width:200px; height:36px; margin-left:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .select_box:last-child {margin-right:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .select_box.active {z-index:10;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .select_box .label {width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .select_box .select_option_list {min-width:100%; max-height:250px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box {float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box {width:200px; height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box:last-child {margin-right:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box.active {z-index:10;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box .label {width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box .select_option_list {min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0; text-indent:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box .select_option_list .option_list_item .search_box {width:100%; height:30px; position:relative;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box .select_option_list .option_list_item .search_box img {width:22px; height:22px; position:absolute; top:50%; left:5px; transform:translatey(-50%);}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box .select_option_list .option_list_item .search_box input {width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box .select_option_list .option_list_item .search_box input::placeholder {color:#8F8F8F;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#494E53; border-radius:5px; font-size:14px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .search_box input::placeholder {color:#8F8F8F;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .textarea_box textarea {width:410px; height:100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; resize:none; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .textarea_box textarea::placeholder {color:#494E53;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box > .input_box:last-child {margin-top:109px; padding-top:10px; border-top: 1px solid #E9ECF0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box > .input_box:last-child input {width:200px; height:36px; float:left; color:#494E53; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box > .input_box:last-child button {height:36px; display:flex; align-items:center; background:none;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box > .input_box:last-child button img {width:24px; height:24px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box > .input_box:last-child button:hover { background: none !important; }
|
||||
/* 예약 모달 - 예약일괄등록 */
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box label.file_btn {width:36px; height:36px; margin-right:10px; display:flex; align-items:center;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box label img {margin-left:10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box input {width:200px; height:36px; float:left; color:#8F8F8F; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; text-indent:10px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box input[type="file"] {display:none;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box button {position:relative; padding:0 10px; font-size:14px; font-weight:700; color:#3985EA; background:none;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box button::after {content:''; display:block; position:absolute; width:1px; height:60%; top:20%; left:0; background:#E9ECF0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box button:hover { background: none !important; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .total_box {width:100%; margin-bottom:10px; display:table; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .total_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .total_box .total {display:flex; font-size:14px; line-height:36px; float:left; color:#8F8F8F;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .total_box .total li span {color:#8F8F8F;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .total_box .total li.error {position:relative; margin-left:10px; padding-left:10px; color:red;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .total_box .total li.error::after {content:''; display:block; position:absolute; top:20%; left:0; width:1px; height:60%; background:#E9ECF0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .total_box .total li.error span {color:red;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box {width:100%; padding-top:10px; display:table; border-top:1px solid #E9ECF0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box label {font-size:18px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table {width:100%;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th {padding:0 10px; line-height:30px; background:#F8FBFF; position:sticky; top:0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:first-child {border-radius:5px 0 0 5px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:last-child {border-radius:0 5px 5px 0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table tbody tr td {padding:0 10px; line-height:30px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box .table_scroll_box { height:320px; overflow:auto; width:930px;}
|
||||
|
||||
|
||||
/********************** 진료유형 **********************/
|
||||
.medical_type.fade .modal-dialog {width:580px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.medical_type .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.medical_type .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:20px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.medical_type .modal-dialog .modal-content .modal-header label {font-size:18px;}
|
||||
.medical_type .modal-dialog .modal-content .modal-body {margin-top:20px; padding:0; }
|
||||
.medical_type .modal-dialog .modal-content .modal-body .input_box { width:100%; display:table; }
|
||||
.medical_type .modal-dialog .modal-content .modal-body .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
|
||||
.medical_type .modal-dialog .modal-content .modal-body .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.medical_type .modal-dialog .modal-content .modal-body .input_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px;}
|
||||
.medical_type .modal-dialog .modal-content .modal-body .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.medical_type .modal-dialog .modal-content .modal-body .input_box button {font-size:14px; font-weight:700; color:#3985EA; background:none; float:left; }
|
||||
.medical_type .modal-dialog .modal-content .modal-body .list1_modal_table {min-height:400px; max-height:62vh; margin-top:20px; overflow:auto;}
|
||||
.medical_type .modal-dialog .modal-content .modal-body .list1_modal_table table {width:100%; border-collapse:collapse;}
|
||||
.medical_type .modal-dialog .modal-content .modal-body .list1_modal_table table thead tr th {position:sticky; top:0; padding:0 10px; line-height:30px; background:#F8FBFF;}
|
||||
.medical_type .modal-dialog .modal-content .modal-body .list1_modal_table table thead tr th::after {content:''; display:block; position:absolute; top:-1px; left:2%; width:95%; height:1px; background:#F8FBFF;}
|
||||
.medical_type .modal-dialog .modal-content .modal-body .list1_modal_table table thead tr th:first-child {width:30%; border-radius:5px 0 0 5px;}
|
||||
.medical_type .modal-dialog .modal-content .modal-body .list1_modal_table table thead tr th:last-child {width:70%; border-radius:0 5px 5px 0;}
|
||||
.medical_type .modal-dialog .modal-content .modal-body .list1_modal_table table tbody tr td {line-height:30px; padding:5px 10px; border-bottom:1px solid #E9ECF0;}
|
||||
.medical_type .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.medical_type .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.medical_type .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.medical_type .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
|
||||
/********************** 고객조회 **********************/
|
||||
.client_inquiry.fade .modal-dialog {width:580px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.client_inquiry .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:20px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-header label {margin-bottom:0; font-size:18px; float:none;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body {margin-top:20px; padding:0; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .input_box { width:100%; display:table; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .input_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .input_box button {font-size:14px; font-weight:700; color:#3985EA; background:none; float:left; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .list1_modal_table {max-height:62vh; min-height:400px; margin-top:20px; overflow:auto;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .list1_modal_table table {width:100%; border-collapse:collapse;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .list1_modal_table table thead tr th {position:sticky; top:0; padding:0 10px; line-height:30px; background:#F8FBFF;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .list1_modal_table table thead tr th::after {content:''; display:block; position:absolute; top:-1px; left:2%; width:95%; height:1px; background:#F8FBFF;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .list1_modal_table table thead tr th:first-child { border-radius:5px 0 0 5px;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .list1_modal_table table thead tr th:last-child { border-radius:0 5px 5px 0;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .list1_modal_table table tbody tr td {line-height:30px; padding:5px 10px; border-bottom:1px solid #E9ECF0;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.client_inquiry .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/********************** 바로접수 모달 **********************/
|
||||
.receipt_modal.fade .modal-dialog {width:990px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.receipt_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#B5BDC4; border-radius:5px; font-size:14px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box {clear:both; padding:10px 0 30px 0; border-bottom:1px solid #E9ECF0; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title {display:flex; padding:0 10px; line-height:30px; font-weight:700; border-radius:5px; background:#F8FBFF;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content {display:flex; padding:0 10px; line-height:30px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last {border-bottom:0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content {padding:0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box > div {display:flex;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title p {width:12%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title p:nth-child(5) {width:14%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title p:nth-child(6) {width:38%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content p {width:12%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content p:nth-child(5) {width:14%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content p:nth-child(6) {width:38%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_title { padding:0; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_title p { padding:0 10px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_title p:nth-child(1) {width:32%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_title p:nth-child(2) {width:30%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_title p:nth-child(3) {width:17%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_title p:nth-child(4) {width:21%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content > div:nth-child(1) {width:32%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content > div:nth-child(2) {width:30%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content > div:nth-child(3) {width:17%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content > div:nth-child(4) {width:21%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content > div {padding:0 10px; margin-top:10px; border-left:1px solid #E9ECF0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content > div.first {display:flex; border:0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .calendar_box {width:calc(100% / 2 - 5px); position:relative;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box {position:relative; width:100%; height:36px; color:#494E53;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box .date_picker {color:#494E53; line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div.first .select_box {width:calc(100% / 2 - 5px); height:36px; margin-left:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div.first .select_box {margin-right:0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div.first .select_box.active {z-index:10;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div.first .select_box .select_option_list {min-width:100%; max-height:250px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div.first .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div.first .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box {width:100%; height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box:last-child {margin-right:0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box.active {z-index:10;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box .label {width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list {min-width:100%;padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:10px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item.first {margin:0; text-indent:0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item .search_box {width:100%; height:30px; position:relative;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item .search_box img {width:22px; height:22px; position:absolute; top:50%; left:5px; transform:translatey(-50%);}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item .search_box input {width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item .search_box input::placeholder {color:#8F8F8F;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .input_box input {width:100%; height:36px; color:#8F8F8F; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div:nth-child(2) .search_box {width:100%; height:36px; position:relative;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div:nth-child(2) .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div:nth-child(2) .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div:nth-child(2) .search_box input::placeholder {color:#B5BDC4;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box > .manager_box {margin-top:100px; padding-top:10px; border-top: 1px solid #E9ECF0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box > .manager_box input {width:200px; height:36px; float:left; color:#8F8F8F; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box > .manager_box button {height:36px; display:flex; align-items:center; background:none;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box > .manager_box button img {width:24px; height:24px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/* (고객조회) */
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .first { position:relative; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis.open {display:block;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis {width:580px; padding:30px; z-index:1; border-radius:5px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow: 1px 2px 5px #a7a7a7; display:none; background:#fff;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_header {padding:0; padding-bottom:20px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_header label {margin-bottom:0 !important; font-size:18px !important; float:none !important;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body {margin-top:20px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .input_box { width:100%; float: none !important; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .input_box button {font-size:14px; font-weight:700; color:#3985EA; background:none; float:left; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table {max-height:60vh; min-height:400px; margin-top:20px; border-bottom:1px solid #E9ECF0; overflow:auto;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table {width:100%; border-collapse:collapse;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th {position:sticky; top:0; padding:0 10px; line-height:30px; background:#F8FBFF;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th::after {content:''; display:block; position:absolute; top:-1px; left:2%; width:95%; height:1px; background:#F8FBFF;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th:first-child { border-radius:5px 0 0 5px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th:last-child { border-radius:0 5px 5px 0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table tbody tr td {line-height:30px; padding:5px 10px; border-bottom:1px solid #E9ECF0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_footer .btn_box {margin:0 auto; display:table;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .list1_diagnosis .list1_modal_footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/* 바로접수 모달 - 모달(진료유형) */
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis.open {display:block;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis {width:580px; padding:30px; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow: 1px 2px 5px #a7a7a7; display:none; background:#fff;}
|
||||
.receipt_modal .modal-dialog .modal-content.oh::after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1);}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_header {padding:0; padding-bottom:20px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_header label {font-size:18px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body {margin-top:20px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .input_box { width:100%; float:none; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .input_box .search_box input {width:100%; height:100%; padding-left:40px; text-indent:30px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .input_box button {font-size:14px; font-weight:700; color:#3985EA; background:none; float:left; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .list1_modal_table {min-height:400px; max-height:60vh; margin-top:20px; border-bottom:1px solid #E9ECF0; overflow:auto;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .list1_modal_table table {width:100%; border-collapse:collapse;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .list1_modal_table table thead tr th {position:sticky; top:0; padding:0 10px; line-height:30px; background:#F8FBFF;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .list1_modal_table table thead tr th::after {content:''; display:block; position:absolute; top:-1px; left:2%; width:95%; height:1px; background:#F8FBFF;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .list1_modal_table table thead tr th:first-child {width:30%; border-radius:5px 0 0 5px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .list1_modal_table table thead tr th:last-child {width:70%; border-radius:0 5px 5px 0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_body .list1_modal_table table tbody tr td {line-height:30px; padding:5px 10px; border-bottom:1px solid #E9ECF0;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_footer .btn_box {margin:0 auto; display:table;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .list2_diagnosis .list1_modal_footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/********************** 신환등록 모달 **********************/
|
||||
.new_patient_modal.fade .modal-dialog {width:750px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table;}
|
||||
.new_patient_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .date_box { width:200px; position:relative; display:table; float:left; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .userBirthday { width: 22px; position:absolute; top:50%; right:10px; transform:translateY(-50%); }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left; padding-left:10px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; right:10px; transform:translatey(-50%); background:none; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box button:hover { background: none !important; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { vertical-align:top; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input {width:100%; height:100%; padding-right:40px; border:1px solid #E9ECF0; color:#494E53; border-radius:5px; font-size:14px;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {width:200px; height:36px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label {width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list {min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; max-height:300px; overflow:auto;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0; text-indent:0;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:200px; height:36px; color:#494E53; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px; float:left;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box p { margin-left:5px; line-height:36px; float:left; text-align:right;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .passport_number_box { width:calc(100% - 310px); display:table; float:left; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box:nth-child(4) .select_box {width:200px; margin-right:10px;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box:nth-child(4) .passport_number {width:200px; position:relative; display:table; float:left;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box:nth-child(4) .birth_date {width:calc((100% - 10px) / 2); display:table; float:left;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box:nth-child(4) input {/*width:100%;*/}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box input.address { width:calc(100% - 187px); }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box input.address_detail { width:calc(100% - 100px); margin-top:10px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box button.address_btn { margin-left:5px; color:#fff; border-radius:5px; background:#3985EA; float:left; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .gender label { width:80px; font-weight:400; margin:0; padding-left:25px; position:relative; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .gender label::after { content:''; display:block; width:18px; height:18px; border-radius:50%; border:solid 2px #B5BDC4; position:absolute; top:50%; left:0; transform:translateY(-50%); }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .gender input { display:none; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .gender input:checked + label::after { border:solid 2px #3985EA; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .gender input:checked + label::before { content:''; display:block; width:10px; height:10px; border-radius:50%; background:#3985EA; position:absolute; left:5%; top:50%; transform:translateY(-50%); z-index:1; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .foreigner_number_box { width:calc(100% - 310px); display:table; float:left; display:none; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .foreigner_number_box input { width:calc((100% - 17px) / 2); text-align:center; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .slash {padding:0 5px; line-height:36px; float:left;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box:nth-child(11) {margin-bottom:30px;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box:nth-child(8) .search_box {width:calc(100% - 100px);}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box.local_box input { width:200px; text-align:center; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box.foreigner_box { display:none; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box.essential > label { position:relative; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box.essential > label::after { content:'*'; color:red; position:absolute; top:50%; left:0px; transform:translateY(-50%); }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box.essential > label.sub_label::after { display:none; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .essential > label { position:relative; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .essential > label::after { content:'*'; color:red; position:absolute; top:50%; left:0px; transform:translateY(-50%); }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box p.title {font-size:18px; font-weight:700; margin-bottom:30px;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:36px; float:left;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box p {width:calc(100% - 100px); font-size:12px; margin-left:-25px; color:red; line-height:36px; float:left;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:100%; height:100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; clear:both; resize:none; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body {height:570px; overflow-Y:auto;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box.two > div { display:table; margin-right:20px; float:left; position:relative; }
|
||||
|
||||
/* 추천인검색(고객조회) */
|
||||
.list1_diagnosis.fade .modal-dialog {width:700px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table; background:#fff;}
|
||||
.list1_diagnosis .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_header {padding:0; padding-bottom:20px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_header label {margin-bottom:0; font-size:18px; float:none;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body {margin-top:20px; max-height: calc(100% - 120px);}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box { width:100%; height: 36px; float:none; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box button {font-size:14px; font-weight:700; color:#3985EA; background:none; float:left; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box button:hover { background: none !important; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table {height:250px; margin-top:20px; border-bottom:1px solid #E9ECF0; overflow:auto;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table table {width:100%; border-collapse:collapse;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table table thead tr th {position:sticky; top:0; padding:0 10px; line-height:30px; background:#F8FBFF;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table table thead tr th::after {content:''; display:block; position:absolute; top:-1px; left:2%; width:95%; height:1px; background:#F8FBFF;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table table thead tr th:first-child { border-radius:5px 0 0 5px;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table table thead tr th:last-child { border-radius:0 5px 5px 0;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table table tbody {overflow-y:scroll;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table table tbody tr { height:36px; cursor:pointer; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table table tbody tr td { max-width:200px; padding:5px 10px; border-bottom:1px solid #E9ECF0;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_footer .btn_box {margin:0 auto; display:table;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_footer .registration_bth {color:#fff; width:100px; height:36px; background:#B5BDC4; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
/* 결제모달 */
|
||||
.payment_detail_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.payment_detail_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; height:800px; overflow:auto;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body {padding:0; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box {display:table; width:100%; padding:15px; margin-bottom:10px; border-radius:5px; background:#E9ECF0; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li { width:100%; display:table; margin-bottom:10px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li label { font-weight:400; float:left; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li p.pbold { font-weight:700; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li p { float:right; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li:nth-child(2) { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #B5BDC4; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li:last-child { margin-bottom:0; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box { margin-bottom:50px; height:140px; overflow:auto;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box P { font-weight:700; line-height:30px; border-radius:5px; padding:0 10px; background:#EDF5FF; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table { width:100%; margin-top:5px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table tr { border-bottom:1px solid #E9ECF0; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { padding:0 10px; line-height:30px; font-size:14px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { padding:0 10px; line-height:30px; font-size:14px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box { width:100%; margin-bottom:30px; display:table; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box label { width:100px; float:left; font-weight:700; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box textarea { width:calc(100% - 100px); height:100px; padding:5px; border:1px solid #E9ECF0; border-radius:5px; float:left; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li { width:100%; display:table; margin-bottom:5px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li label { font-weight:400; float:left; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li p.pbold { font-weight:700; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li p { float:right; }
|
||||
|
||||
/* joy 추가 시작 */
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box.last {width:calc(100% - 36px);}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .subtract_box { width:36px; height:36px; float:right; position:relative; padding:0 5px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .subtract_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; transform:translateY(-50%); background:none; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .subtract_box button img { width:24px; height:24px; vertical-align:top; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .subtract_box button:hover { background: none !important; }
|
||||
/*(약품조회) */
|
||||
.product_modal.fade .modal-dialog {width:900px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table; background:#fff;}
|
||||
.product_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_header {padding:0; padding-bottom:20px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_header label {margin-bottom:0; font-size:18px; float:none;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body {margin-top:20px; max-height: calc(100% - 120px);}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box { width:100%; height: 36px; float:none; padding-bottom: 50px}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box button {font-size:14px; font-weight:700; color:#3985EA; background:none; float:left; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box button:hover { background: none !important; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .modal_table_box {width:100%; height:250px; overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_footer .btn_box {margin:0 auto; display:table;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_footer .registration_bth {color:#fff; width:100px; height:36px; background:#B5BDC4; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
/* 페이지게이션 */
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box {margin-top: 10px; width:100%; height:24px;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation {height:24px;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* 예약 담당자 변경 추가 */
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box .member_box {width:300px;}
|
||||
|
||||
/* 예약 수정 타이틀 추가 */
|
||||
.reservation_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-header p{font-size:18px; font-weight:700;}
|
||||
|
||||
/* 예약 수정 - 비활성화 */
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .select_box .label:disabled{background: #fafafa;border: 1px solid #E9ECF0;}
|
||||
|
||||
|
||||
/* 일괄등록 등록내역 컬럼 조정 */
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th {text-align:center;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(1){min-width:70px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(2){min-width:80px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(3){min-width:250px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(4){min-width:120px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(5){min-width:120px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(6){min-width:210px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(7){min-width:120px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(8){min-width:130px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(9){min-width:120px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(10){min-width:210px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(11){min-width:210px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(12){min-width:210px;}
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th:nth-child(13){min-width:250px;}
|
||||
/* joy 추가 종료 */
|
||||
|
||||
|
||||
/* 반응형 */
|
||||
@media only screen and (max-width:1500px) {
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box input.address { width:calc(100% - 177px); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 신환등록 모달 */
|
||||
.new_patient_modal.fade .modal-dialog { width:600px; }
|
||||
.new_patient_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box p.title { font-size:16px; margin-bottom:20px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:150px; height:32px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:22px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box button { width:22px; height:22px; right:5px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { height:32px; padding-right:30px; font-size:12px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { width:150px; height:32px; background-size:18px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { height:32px; padding:0 10px; font-size:12px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:150px; height:32px; font-size:12px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box p { font-size:12px; line-height:32px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .slash { font-size:12px; line-height:32px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .gender label::after { width:15px; height:15px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .gender input:checked + label::before { width:7px; height:7px; left:4px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .gender label { width:60px; padding-left:20px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box p { margin-left:-30px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { font-size:12px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box input.address { width:calc(100% - 150px); }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box input.address_detail { width:calc(100% - 80px); }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box:nth-child(4) .select_box { width:150px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box:nth-child(4) .passport_number { width:150px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .passport_number_box { width:calc(100% - 240px); }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box .foreigner_number_box { width:calc(100% - 240px); }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box.local_box input { width:150px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 추천인검색(고객조회) */
|
||||
.list1_diagnosis.fade .modal-dialog { width:600px; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_header label { font-size:16px; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box .search_box { width:150px; height:32px; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box .search_box img { width:22px; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box .search_box button { width:22px; height:22px; right:5px; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box .search_box input { height:32px; padding-right:30px; font-size:12px; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .input_box button { font-size:12px; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table table thead tr th { font-size:12px; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table table tbody tr td { font-size:12px; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_body .list1_modal_table { min-height:370px; max-height:50vh; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_footer { padding-top:20px; }
|
||||
.list1_diagnosis .modal-dialog .modal-content .list1_modal_footer .cancel_btn { width:80px; height:32px; font-size:12px; }
|
||||
/* 결제모달 */
|
||||
.payment_detail_modal.fade .modal-dialog {width:500px;}
|
||||
.payment_detail_modal .modal-dialog .modal-content { height:730px; padding:30px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li { margin-bottom:5px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li label { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li p { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box { height:128px; margin-bottom:20px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box P { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box label { width:80px; font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li label { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li p { font-size:12px; }
|
||||
|
||||
/********************** 예약 모달 - 예약등록 **********************/
|
||||
.reservation_modal.fade .modal-dialog { width:900px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-header .nav-tabs li a { padding:0 5px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-header .nav-tabs li a p { font-size:16px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box .search_box { height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box .search_box button { width:22px; height:22px; right:5px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box .search_box input { width:150px; font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .input_box .search_box img { width:22px; height:22px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box { padding:10px 0 20px 0; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_title { font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content p { font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box { height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box img { width:20px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content div .select_box { height:32px; background-size:18px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content div .select_box .label { font-size:12px; height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content div .select_box .select_option_list .option_list_item { font-size:12px; text-indent:0; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div.first .select_box { height:32px; background-size:18px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div.first .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div:nth-child(3) > .search_box { height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div:nth-child(3) > .search_box img { width:22px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div:nth-child(3) > .search_box input { height:32px; font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .modal_table_box .modal_table_content > div .input_box input { height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .button_box button { width:90px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box .button_box button img { margin-top:-1px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box > .input_box:last-child { margin-top:80px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box > .input_box:last-child input { width:150px; height:32px; font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box > .input_box:last-child button { height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list1 .form_box > .input_box:last-child button img { width:22px; height:22px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
/* 예약 모달 - 간편예약 */
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box.first label { width:80px; font-size:12px; line-height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box.first input { width:150px; height:32px; font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box { width:150px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box .date_box { height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box .date_box img { width:20px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .select_box { width:150px; height:32px; background-size:18px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .select_box .label { font-size:12px; height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .box_box .select_box .select_option_list .option_list_item { font-size:12px; text-indent:0; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box { width:150px; height:32px; background-size:18px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; text-indent:0; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .search_box { width:150px; height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .search_box img { width:22px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .input_box .search_box input { height:32px; font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box .textarea_box textarea { font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box > .input_box:last-child { margin-top:68px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box > .input_box:last-child input { width:150px; height:32px; font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box > .input_box:last-child button { height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list2 .form_box > .input_box:last-child button img { width:22px; height:22px; }
|
||||
/* 예약 모달 - 예약일괄등록 */
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box label { width:80px; height:32px; font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box input { width:150px; height:32px; font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box label.file_btn { width:32px; height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box label img { width:22px; height:22px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .file_box button { font-size:12px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .total_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .total_box .total { font-size:12px; line-height:32px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box .table_scroll_box { height:271px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box label { font-size:16px; }
|
||||
.reservation_modal .modal-dialog .modal-content .modal-body #list3 .form_box .list3_table_box table thead tr th { font-size:12px; }
|
||||
|
||||
/********************** 바로접수 모달 **********************/
|
||||
.receipt_modal.fade .modal-dialog {width:850px; }
|
||||
.receipt_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:150px; height:32px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:22px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { height:32px; font-size:12px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title p { font-size:12px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content { font-size:12px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box { height:32px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box img { width:20px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div.first .select_box { height:32px; background-size:18px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div.first .select_box .label { font-size:12px; height:32px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div.first .select_box .select_option_list .option_list_item { font-size:12px; text-indent:0; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box { height:32px; background-size:18px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box .label { font-size:12px; height:32px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .select_box .select_option_list .option_list_item { font-size:12px; text-indent:0; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div:nth-child(2) .search_box { height:32px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div:nth-child(2) .search_box img { width:22px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div:nth-child(2) .search_box input { height:32px; font-size:12px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content > div .input_box input { height:32px; font-size:12px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box > .manager_box { margin-top:80px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box > .manager_box input { width:150px; height:32px; font-size:12px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box > .manager_box button { height:32px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-body .form_box > .manager_box button img { width:22px; height:22px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.receipt_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 고객조회 모달 */
|
||||
.client_inquiry.fade .modal-dialog {width:550px; }
|
||||
.client_inquiry .modal-dialog .modal-content { padding:30px; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-header label { font-size:16px; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .input_box .search_box { width:150px; height:32px; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .input_box .search_box img { width:22px; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .input_box .search_box input { height:32px; font-size:12px; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .input_box button { font-size:12px; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .list1_modal_table table thead tr th { font-size:12px; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-body .list1_modal_table table tbody tr td { padding:0 10px; font-size:12px; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.client_inquiry .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
|
||||
/* 진료유형 모달 */
|
||||
.medical_type.fade .modal-dialog {width:550px; }
|
||||
.medical_type .modal-dialog .modal-content { padding:30px; }
|
||||
.medical_type .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.medical_type .modal-dialog .modal-content .modal-header label { font-size:16px; }
|
||||
.medical_type .modal-dialog .modal-content .modal-body .input_box .search_box { width:150px; height:32px; }
|
||||
.medical_type .modal-dialog .modal-content .modal-body .input_box .search_box img { width:22px; }
|
||||
.medical_type .modal-dialog .modal-content .modal-body .input_box .search_box input { height:32px; font-size:12px; }
|
||||
.medical_type .modal-dialog .modal-content .modal-body .input_box button { font-size:12px; }
|
||||
.medical_type .modal-dialog .modal-content .modal-body .list1_modal_table table thead tr th { font-size:12px; }
|
||||
.medical_type .modal-dialog .modal-content .modal-body .list1_modal_table table tbody tr td { padding:0 10px; font-size:12px; }
|
||||
.medical_type .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.medical_type .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
|
||||
|
||||
/*(약품조회) */
|
||||
.product_modal.fade .modal-dialog {width:750px; }
|
||||
.product_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_header { padding-bottom:20px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_header label { font-size:16px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box .search_box { width:150px; height:32px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box .search_box img { width:22px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box .search_box input { height:32px; font-size:12px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .input_box button { font-size:12px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .list1_modal_table table thead tr th { font-size:12px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .list1_modal_table table tbody tr td { padding:0 10px; font-size:12px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_footer { padding-top:20px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box { height:23px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation { height:23px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li:first-child a,
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li:first-child a img,
|
||||
.product_modal .modal-dialog .modal-content .list1_modal_body .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
|
||||
.ag-header-cell-sortable .ag-header-cell-label { font-size:12px !important; line-height:36px !important; }
|
||||
.ag-theme-balham .ag-ltr .ag-cell { font-size:12px !important; line-height:36px !important; }
|
||||
}
|
||||
@@ -0,0 +1,63 @@
|
||||
/* 문의 */
|
||||
.bring_modal.fade .modal-dialog {width:1200px; background:none; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;}
|
||||
.bring_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-header {padding:0; border:none; display:block; border-radius:0; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box {display:table; width:100%; padding:20px 0;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .select_box {width:140px; height:36px; margin-left:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff; float:left; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .select_box.first { width:100px; margin-left:0; float:left; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .slash {width:6px; font-size:14px; font-weight:400; color:#000; line-height:36px; margin:0 12px; display:block; float:left;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list_box { margin-left:10px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left; margin-left:10px;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list {float:left; position:relative; margin-left:10px;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list .search_box {width:150px; float:left; height:36px; position:relative;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .table_box { min-height:300px; overflow-y:auto; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .table_box .grid { height: 300px; }
|
||||
|
||||
|
||||
.bring_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.bring_modal .modal-dialog .modal-content .modal-footer .cancel_btn { color:#fff; width:100px; height:36px; background:#FF2222; color:#fff; border-radius:16px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-footer .correction_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
.bring_modal.fade .modal-dialog { width:800px; }
|
||||
.bring_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body { margin-top:10px; }
|
||||
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box { padding:15px 0; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-body .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
|
||||
.bring_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.bring_modal .modal-dialog .modal-content .modal-footer .correction_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
33
src/main/resources/static/css/web/modal_app_inquiry.css
Normal file
33
src/main/resources/static/css/web/modal_app_inquiry.css
Normal file
@@ -0,0 +1,33 @@
|
||||
/* 문의 */
|
||||
.inquiry_modal.fade .modal-dialog {width:600px; background:none; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;}
|
||||
.inquiry_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-header {padding:0; border:none; display:block; border-radius:0; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; color:#3985EA; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .inquiry_box div { padding:15px; border-radius:5px; background:#F0F0F0; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .inquiry_box div p { word-break:keep-all; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .inquiry_box .inquiry_content { height:150px; margin-top:20px; overflow-y:auto; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .textarea_box {width:100%; margin-top:20px; display:table; margin-bottom:10px;}
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .textarea_box label { font-size:14px; line-height:40px; margin:0;}
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .textarea_box textarea { width:100%; min-height:150px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-footer .correction_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
.inquiry_modal.fade .modal-dialog { width:490px; }
|
||||
.inquiry_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body { margin-top:10px; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .inquiry_box div p { font-size:12px; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .inquiry_box .inquiry_content { margin-top:10px; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .textarea_box { margin-top:10px; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .textarea_box label { font-size:12px; line-height:32px; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-body .textarea_box textarea { font-size:12px; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.inquiry_modal .modal-dialog .modal-content .modal-footer .correction_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
50
src/main/resources/static/css/web/modal_app_notice.css
Normal file
50
src/main/resources/static/css/web/modal_app_notice.css
Normal file
@@ -0,0 +1,50 @@
|
||||
/* 공지사항 */
|
||||
.notice_modal.fade .modal-dialog {width:600px; background:none; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0;}
|
||||
.notice_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .input_box input::placeholder {color:#B5BDC4;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box {width:100%; display:table; margin-bottom:1px;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box {position:relative; width:120px; height:36px; float:left;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:20px;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker {line-height:34px; display:block; margin:0; width:100%; padding:0 12px; padding-left:35px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box input {width:100px; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; margin-left:10px;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
.notice_modal .modal-dialog .modal-content .modal-footer .correction_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
.notice_modal.fade .modal-dialog { width:490px; }
|
||||
.notice_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box { height:32px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box img { width:20px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker { line-height:32px; font-size:12px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-body .form_box .registration_box input { height:32px; font-size:12px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }
|
||||
.notice_modal .modal-dialog .modal-content .modal-footer .correction_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
83
src/main/resources/static/css/web/modal_common.css
Normal file
83
src/main/resources/static/css/web/modal_common.css
Normal file
@@ -0,0 +1,83 @@
|
||||
/*
|
||||
danger = 실패
|
||||
success = 성공
|
||||
warning = 경고
|
||||
|
||||
info = ㅇㅇ 하겠습니까?
|
||||
*/
|
||||
.modal-dialog { padding-right:0 !important; }
|
||||
|
||||
/* success */
|
||||
.success.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;}
|
||||
|
||||
.success.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
|
||||
.success.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
|
||||
|
||||
.success .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:300px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:5px; background:none; box-shadow:none;}
|
||||
|
||||
.success .modal-dialog .modal-content .modal-body {padding:50px 30px 20px; background:#fff; border:none; position:unset; display:table; width:100%;}
|
||||
.success .modal-dialog .modal-content .modal-body p {font-size:14px; text-align:center; color:#8A8A8A;}
|
||||
|
||||
|
||||
.success .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.success .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin:0 auto; display:block;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* warning */
|
||||
.warning.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;}
|
||||
|
||||
.warning.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
|
||||
.warning.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
|
||||
|
||||
.warning .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:300px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:5px; background:none; box-shadow:none;}
|
||||
|
||||
.warning .modal-dialog .modal-content .modal-body {padding:50px 30px 20px; background:#fff; border:none; position:unset; display:table; width:100%;}
|
||||
.warning .modal-dialog .modal-content .modal-body p {font-size:14px; text-align:center; color:#8A8A8A;}
|
||||
|
||||
|
||||
.warning .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.warning .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin:0 auto; display:block;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* danger */
|
||||
.danger.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;}
|
||||
|
||||
.danger.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
|
||||
.danger.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
|
||||
|
||||
.danger .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:300px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:5px; background:none; box-shadow:none;}
|
||||
|
||||
.danger .modal-dialog .modal-content .modal-body {padding:50px 30px 20px; background:#fff; border:none; position:unset; display:table; width:100%;}
|
||||
.danger .modal-dialog .modal-content .modal-body p {font-size:14px; text-align:center; color:#8A8A8A;}
|
||||
|
||||
|
||||
.danger .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.danger .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin:0 auto; display:block;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* info */
|
||||
.info.fade .modal-dialog {bottom:0; z-index:1; max-width:unset; margin:auto; width:100%; height:100vh;}
|
||||
|
||||
.info.fade .modal-dialog {animation:blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
|
||||
.info.in .modal-dialog {animation:blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
|
||||
|
||||
.info .modal-dialog .modal-content {border:none; overflow-y:auto; padding:0; width:300px; margin:auto; display:block; top:50%; transform:translateY(-50%); border-radius:5px; background:none; box-shadow:none;}
|
||||
|
||||
.info .modal-dialog .modal-content .modal-body {padding:50px 30px 20px; background:#fff; border:none; position:unset; display:table; width:100%;}
|
||||
.info .modal-dialog .modal-content .modal-body p {font-size:14px; text-align:center; color:#8A8A8A;}
|
||||
|
||||
|
||||
.info .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.info .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.info .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
|
||||
.info .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,237 @@
|
||||
/* 동의서생성 */
|
||||
.create_consent.fade .modal-dialog {width:800px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.create_consent .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.create_consent .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:10px; border:none; display:block; border-radius:0; border-bottom:2px solid #E9ECF0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box { width:100%; display:table; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box { display:table; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box { float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box.last { margin-left:30px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box label { width:80px; font-size:14px; line-height:36px; margin-bottom:10px; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box p { line-height:36px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .select_box {width:225px; height:36px; margin-right:10px; float:left; border:1px solid #E9ECF0; border-radius:5px; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .select_box:last-child { margin-right:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .select_box.active {z-index:10;}
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .select_box .label { width:100%; height:36px; font-weight:400; font-size:14px; text-align:left; color:#21272C; background:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .select_box .select_option_list {min-width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box input { width:200px; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 60px 0 10px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .input_position { display:inline-block; margin-left:-35px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .right_box { float:right; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .right_box .input_box { display:table; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .right_box .input_box label { width:50px; font-size:14px; line-height:36px; margin-bottom:10px; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .right_box .input_box p { line-height:36px; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body { width:100%; padding:0; margin-top:20px; display:table; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form { height:600px; padding:20px; overflow-y:auto; display:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.korea.one { display:block; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box { position:sticky; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .consent_title { font-size:20px; font-weight:700; text-align:center; text-decoration:double underline; text-underline-position:under; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box p { font-size:16px; word-break:keep-all; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box p.txt_center { margin-top:30px; text-align:center; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box p.article { margin-top:20px; font-weight:700; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box{position: relative;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box p { margin-top:30px; text-align:center; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box p span.date { margin-left:60px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box p.last { margin-right:140px; text-align:right; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box p.last span { position:relative; margin-left:0; }
|
||||
/*.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box p.last span.sign::after { content:''; display:block; width:130px; height:60px; border:1px solid #ccc; position:absolute; top:-20px; right:-140px; }*/
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .logo_box { margin-top:50px; text-align:center; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .logo_box p { position:relative; font-size:18px; font-weight:700; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .logo_box img { width:20px; height:20px; position:absolute; top:50%; left:41%; transform:translate(-41%, -50%); }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.two .consent_box p:not(.consent_title) { margin-top:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box p span.red { color:red; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box p span.sub { color:#999; font-size:14px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box p span.backY { background:yellow; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box p span.backP { box-shadow: inset 0 -10px 0 #fde3e6; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .check_box { margin-top:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .check_box ul { text-align:right; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .check_box ul li { display:inline-block; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .check_box ul li.last { margin-left:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .check_box ul li input { display:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .check_box ul li label { padding-left:20px; position:relative; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .check_box ul li label::after { content:''; display:block; width:15px; height:15px; border:2px solid #3985EA; border-radius:50%; position:absolute; top:50%; left:0px; transform:translateY(-50%); }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .check_box ul li input:checked + label::before { content:''; display:block; width:7px; height:7px; border-radius:50%; background:#3985EA; position:absolute; top:50%; left:4px; transform:translateY(-50%); }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .consent_title { text-decoration:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .period_box { margin-top:10px; padding:20px 0; border-top:2px solid #000; border-bottom:2px solid #000; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .period_box p { font-weight:700; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .period_box p span { margin-left:5px; font-weight:400; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .sign_box { width:100%; padding:20px 0; border-bottom:2px solid #000; display:table; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .sign_box p:not(.first) { text-align:left; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .sign_box p.first { width:85%; margin:0 auto; padding:10px 0; color:#fff; background:#000; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .sign_box p.last { margin-bottom:10px; float:right; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .four_content { margin:5px 0; padding:30px 0; border-top:1px solid #000; border-bottom:1px solid #000; text-align:center; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .four_content p:not(.blackF) { text-align:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .four_content .blackF { padding:10px 20px; color:#fff; display:inline-block; background:#000; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .four_content .consent_title { text-align:Left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .four_content p.txt_center { text-align:center; font-weight:700; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four .consent_box .logo_box { margin-top:0; padding-top:30px; border-top:2px solid #000; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box p:not(.consent_title, .txt_center) { margin-top:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul { margin-top:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li { margin-top:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.first input { width:150px; height:36px; margin-left:5px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.first label { margin-left:10px; font-weight:400; font-size:16px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.first label.first { margin-left:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.first label.first + input { width:120px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li .noB { width:450px; padding:0 5px; border:0; background:initial; display: inline-block;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li .ck_label { width:100px; margin-top:0; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.check_li input[type="radio"] { display:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.check_li input[type="checkbox"] { display:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.check_li label { font-size:16px; margin-left:15px; padding-left:20px; font-weight:400; position:relative; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.check_li label::after { content:''; display:block; width:15px; height:15px; border:2px solid #3985EA; border-radius:50%; position:absolute; top:50%; left:0px; transform:translateY(-50%); }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.check_li label.first { margin-left:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.check_li input:checked + label::before { content:''; display:block; width:7px; height:7px; border-radius:50%; background:#3985EA; position:absolute; top:50%; left:4px; transform:translateY(-50%); }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.check_li label.checkbox_first { margin-left:100px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.check_li div:not(.first) .ck_label { padding-left:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.six .consent_box .form_box { padding:20px; background:#f1f1f1; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.six .consent_box .form_box ul li { width:100%; margin-top:20px; display:table; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.six .consent_box .form_box ul li.first { margin-top:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.six .consent_box .form_box ul li label { margin-bottom:0; font-size:16px; line-height:36px; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.six .consent_box .form_box ul li input { height:36px; padding:0 10px; font-size:16px; border:0; background:initial; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.six .consent_box .form_box ul li span.txt { height:36px; line-height:36px; padding:0 10px; font-size:16px; border:0; background:initial; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.seven .consent_box .txt_center { margin-top:100px; font-size:30px; font-weight:700; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.seven .consent_box p span.under { text-decoration:underline red; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.seven .consent_box .sign_box { margin-top:100px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table { width:100%; border:1px solid #333; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table .consent_title { text-decoration:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr { border-bottom:1px solid #333; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr:first-child td { height:70px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr:last-child { border-bottom:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td { width:15%; height:50px; font-size:16px; border-right:1px solid #333; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td.td_label { text-align:center; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td:last-child { border-right:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td .select_box {width:100%; height:36px; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td .select_box.active {z-index:10;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td .select_box .label { width:100%; height:36px; padding:0 10px; font-weight:400; font-size:16px; text-align:left; color:#21272C; background:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td .select_box .select_option_list {min-width:100%; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:32px; font-size:16px; color:#494E53;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p:not(.consent_title) { margin:0 10px; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p input { width:100px; padding:0 10px; border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p span { width:100px; padding:0 5px; display:inline-block; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p.ct span { text-align:center; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p.ct input { text-align:center; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td.textarer_box { padding:5px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td.textarer_box textarea { width:100%; height:100px; resize:none; padding:10px; border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td.textarer_box.address textarea { height:50px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p input.account_number { width:250px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td.text_td { padding:15px; text-align:center; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td.date p { margin-left:0; text-align:center; float:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td.date p span { width:50px; text-align:right; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p.wide { float:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p.wide input { width:100%; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td.sign_box { height:80px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p.last { margin-top:0; margin-right:140px; float:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p.last span { width:auto; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box .sign_box p.last span::after { right:-130px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five.japan .consent_box ul li.first input:nth-last-of-type(1) { width:100px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five.japan .consent_box ul li.first label.first + input { width:100px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five.japan .consent_box ul li .ck_label { width:110px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five.japan .consent_box ul li.check_li label.checkbox_first { margin-left:110px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .first { margin-top:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .input_box { margin-top:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .input_box input { border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .small { font-size:12px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .sign_box { display:flex; flex-direction:column; align-items:flex-end; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .sign_box p { width:60%; margin-top:20px; text-align:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .sign_box p.last { margin-right:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .sign_box p.last + p { margin-top:30px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .sign_box input { border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .first { margin-top:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .input_box { margin-top:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .input_box input { border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .small { font-size:12px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .sign_box { display:flex; flex-direction:column; align-items:flex-end; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .sign_box p { width:60%; margin-top:20px; text-align:left; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .sign_box p.last { margin-right:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .sign_box p.last + p { margin-top:30px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .sign_box input { border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.china .consent_box .logo_box img { left:37%; transform:translate(-37%, -50%); }
|
||||
|
||||
|
||||
.create_consent .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.create_consent .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.create_consent .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-footer .print_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/* 진료비환불확인서(동의서) - 성명 */
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p input.left_align{float:left;}
|
||||
|
||||
/* 서명 */
|
||||
.create_consent .modal-dialog .modal-content .modal-body .m-signature-pad {display: block; width: 130px; height: 60px; border: 1px solid #ccc;position:absolute; top:35px; right:0px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.two.korea .m-signature-pad {top:25px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.four.korea .m-signature-pad {top:125px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five.korea .m-signature-pad {top:25px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight.korea .m-signature-pad {top:10px;right:10px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.two.japan .m-signature-pad {top:25px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five.japan .m-signature-pad {top:25px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .m-signature-pad {top:45px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .m-signature-pad {top:45px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.two.china .m-signature-pad {top:25px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five.china .m-signature-pad {top:25px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .m-signature-pad .m-signature-pad--body {width: 130px; height: 60px;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .m-signature-pad .text {}
|
||||
|
||||
/* 서명 보기 */
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box p.last span.signImgBox{display: block;width: 130px; height: 60px; border: 1px solid #ccc; position: absolute; top: 34px; right: 0px;}
|
||||
|
||||
/* 서명 보기 - madeu membership 신청서 */
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box p.last span.signImgBox.top125{display: block;width: 130px; height: 60px; border: 1px solid #ccc; position: absolute; top: 125px; right: 0px;}
|
||||
/* 서명 보기 - madeu membership 신청서 */
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box p.last span.signImgBox.top45{display: block;width: 130px; height: 60px; border: 1px solid #ccc; position: absolute; top: 45px; right: 0px;}
|
||||
/* 서명 보기 - 진료비환불확인서 */
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box p.last span.signImgBox.top9{display: block;width: 130px; height: 60px; border: 1px solid #ccc; position: absolute; top: 9px; right: 9px;}
|
||||
|
||||
/* 조회만 가능하도록 */
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .select_box button:disabled {background:#fafafa;}
|
||||
|
||||
|
||||
/* checked 조회만 */
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .check_box ul li span.checkedBefore { content:''; display:block; width:7px; height:7px; border-radius:50%; background:#3985EA; position:absolute; top:50%; left:4px; transform:translateY(-50%); display:none;}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.check_li span.checkedBefore { content:''; display:block; width:7px; height:7px; border-radius:50%; background:#3985EA; position:absolute; top:50%; left:4px; transform:translateY(-50%); display:none;}
|
||||
/* input-> span으로 변경하여 조회만 */
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.first span.txt{width: 145px;height: 36px; margin-left: 5px; padding: 0 10px; border: 1px solid #E9ECF0; border-radius: 5px;display: inline-block;line-height: 36px;background: #fafafa;}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.create_consent .modal-dialog .modal-content { padding:30px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box label { width:70px; margin-bottom:0; font-size:12px; line-height:32px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .select_box { width:195px; height:32px; background-size:18px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box input { width:180px; height:32px; font-size:12px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .left_box .input_box .input_position { font-size:12px; line-height:32px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .right_box .input_box label { width:40px; margin-bottom:0; font-size:12px; line-height:32px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-header .form_box .right_box .input_box p { line-height:32px; font-size:12px; }
|
||||
/* .create_consent .modal-dialog .modal-content .modal-body .print_form { padding:10px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .consent_title { font-size:16px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box p { font-size:14px; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .logo_box img { left:40%; transform:translate(-40%, -50%); }*/
|
||||
}
|
||||
|
||||
@media print {
|
||||
* {
|
||||
-webkit-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form {
|
||||
width: 210mm;
|
||||
height: 297mm;
|
||||
margin: 30mm 45mm 30mm 45mm;
|
||||
position:relative;
|
||||
}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
transform:translateY(-50%);
|
||||
}
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td p input { border:0; border-radius:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td.textarer_box textarea { border:0; border-radius:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.eight .consent_box table tr td .select_box .label { border:0; border-radius:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.five .consent_box ul li.first input { border:0; border-radius:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form .consent_box .sign_box p.last span::after { display:none; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .input_box input { border:0; border-radius:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.nine.japan .consent_box .sign_box input { border:0; border-radius:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .input_box input { border:0; border-radius:0; }
|
||||
.create_consent .modal-dialog .modal-content .modal-body .print_form.ten.japan .consent_box .sign_box input { border:0; border-radius:0; }
|
||||
}
|
||||
@@ -0,0 +1,191 @@
|
||||
/* 동의서생성 */
|
||||
/*공통 css*/
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
|
||||
/*************기본영역 정의*************/
|
||||
@page {size:auto; margin:0;}
|
||||
body {margin:0; background-color:#f9f9f9;}
|
||||
* {text-shadow:none; font-family: "맑은 고딕",sans-serif; color:#000;}
|
||||
|
||||
|
||||
/*************페이지 정의*************/
|
||||
#page {overflow:visible; padding:1cm 1cm; margin:0; background-color:#FFFFFF; width:21cm; min-height:29cm; position:relative;}
|
||||
|
||||
|
||||
/*************상세내용*************/
|
||||
.print_form {padding:0; margin:0 auto;}
|
||||
.print_form.korea.one { display:block; }
|
||||
.print_form img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
|
||||
.print_form .consent_box { position:sticky; }
|
||||
.print_form .consent_box .consent_title { font-size:20px; font-weight:700; text-align:center; text-decoration:double underline; text-underline-position:under;margin-top:0;}
|
||||
.print_form .consent_box p { font-size:16px; word-break:keep-all; margin:0;}
|
||||
.print_form .consent_box p.txt_center { margin-top:10px; text-align:center; }
|
||||
.print_form .consent_box p.article { margin-top:10px; font-weight:700; }
|
||||
.print_form .consent_box .sign_box{position: relative;}
|
||||
.print_form .consent_box .sign_box p { margin-top:10px; text-align:center; }
|
||||
.print_form .consent_box .sign_box p span.date { margin-left:60px; }
|
||||
.print_form .consent_box .sign_box p.last { margin-right:140px; text-align:right; }
|
||||
.print_form .consent_box .sign_box p.last span { position:relative; margin-left:0; }
|
||||
/*.print_form .consent_box .sign_box p.last span.sign::after { content:''; display:block; width:130px; height:60px; border:1px solid #ccc; position:absolute; top:-20px; right:-140px; }*/
|
||||
.print_form .consent_box .logo_box { margin-top:20px; text-align:center; }
|
||||
.print_form .consent_box .logo_box p { position:relative; font-size:18px; font-weight:700; }
|
||||
.print_form .consent_box .logo_box img { width:20px; height:20px; position:absolute; top:50%; left:41%; transform:translate(-41%, -50%); }
|
||||
.print_form.two .consent_box p:not(.consent_title) { margin-top:20px; }
|
||||
.print_form .consent_box p span.red { color:red; }
|
||||
.print_form .consent_box p span.sub { color:#999; font-size:14px; }
|
||||
.print_form .consent_box p span.backY { background:yellow; }
|
||||
.print_form .consent_box p span.backP { box-shadow: inset 0 -10px 0 #fde3e6; }
|
||||
.print_form .consent_box .check_box { }
|
||||
.print_form .consent_box .check_box ul { text-align:right; margin:10px 0;}
|
||||
.print_form .consent_box .check_box ul li { display:inline-block; }
|
||||
.print_form .consent_box .check_box ul li.last { margin-left:20px; }
|
||||
.print_form .consent_box .check_box ul li input { display:none; }
|
||||
.print_form .consent_box .check_box ul li label { padding-left:20px; position:relative; }
|
||||
.print_form .consent_box .check_box ul li label::after { content:''; display:block; width:15px; height:15px; border:2px solid #3985EA; border-radius:50%; position:absolute; top:50%; left:0px; transform:translateY(-50%); }
|
||||
.print_form .consent_box .check_box ul li input:checked + label::before { content:''; display:block; width:7px; height:7px; border-radius:50%; background:#3985EA; position:absolute; top:50%; left:4px; transform:translateY(-50%); }
|
||||
.print_form.four .consent_box .consent_title { text-decoration:none; }
|
||||
.print_form.four .consent_box .period_box { margin-top:10px; padding:20px 0; border-top:2px solid #000; border-bottom:2px solid #000; }
|
||||
.print_form.four .consent_box .period_box p { font-weight:700; }
|
||||
.print_form.four .consent_box .period_box p span { margin-left:5px; font-weight:400; }
|
||||
.print_form.four .consent_box .sign_box { width:100%; padding:20px 0; border-bottom:2px solid #000; display:table; }
|
||||
.print_form.four .consent_box .sign_box p:not(.first) { text-align:left; float:left; }
|
||||
.print_form.four .consent_box .sign_box p.first { width:85%; margin:0 auto; padding:10px 0; color:#fff; background:#000; }
|
||||
.print_form.four .consent_box .sign_box p.last { margin-bottom:10px; float:right; }
|
||||
.print_form.four .consent_box .four_content { margin:5px 0; padding:30px 0; border-top:1px solid #000; border-bottom:1px solid #000; text-align:center; }
|
||||
.print_form.four .consent_box .four_content p:not(.blackF) { text-align:left; }
|
||||
.print_form.four .consent_box .four_content .blackF { padding:10px 20px; color:#fff; display:inline-block; background:#000; }
|
||||
.print_form.four .consent_box .four_content .consent_title { text-align:Left; }
|
||||
.print_form.four .consent_box .four_content p.txt_center { text-align:center; font-weight:700; }
|
||||
.print_form.four .consent_box .logo_box { margin-top:0; padding-top:30px; border-top:2px solid #000; }
|
||||
.print_form.five .consent_box p:not(.consent_title, .txt_center) { margin-top:20px; }
|
||||
.print_form.five .consent_box ul { margin-top:20px;list-style: none;padding: 0;}
|
||||
.print_form.five .consent_box ul li { margin-top:20px; }
|
||||
.print_form.five .consent_box ul li.first input { width:150px; height:36px; margin-left:5px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.print_form.five .consent_box ul li.first label { margin-left:10px; font-weight:400; font-size:16px; }
|
||||
.print_form.five .consent_box ul li.first label.first { margin-left:0; }
|
||||
.print_form.five .consent_box ul li.first label.first + input { width:120px; }
|
||||
.print_form.five .consent_box ul li input.noB { width:450px; padding:0 5px; border:0; background:initial; display: inline-block;}
|
||||
.print_form.five .consent_box ul li .ck_label { width:110px; margin-top:0; float:left; }
|
||||
.print_form.five .consent_box ul li.check_li input[type="radio"] { display:none; }
|
||||
.print_form.five .consent_box ul li.check_li input[type="checkbox"] { display:none; }
|
||||
.print_form.five .consent_box ul li.check_li label { font-size:16px; margin-left:15px; padding-left:20px; font-weight:400; position:relative; }
|
||||
.print_form.five .consent_box ul li.check_li label::after { content:''; display:block; width:15px; height:15px; border:2px solid #3985EA; border-radius:50%; position:absolute; top:50%; left:0px; transform:translateY(-50%); }
|
||||
.print_form.five .consent_box ul li.check_li label.first { margin-left:0; }
|
||||
.print_form.five .consent_box ul li.check_li input:checked + label::before { content:''; display:block; width:7px; height:7px; border-radius:50%; background:#3985EA; position:absolute; top:50%; left:4px; transform:translateY(-50%); }
|
||||
.print_form.five .consent_box ul li.check_li label.checkbox_first { margin-left:110px; }
|
||||
.print_form.five .consent_box ul li.check_li div:not(.first) .ck_label { text-indent: 20px; }
|
||||
.print_form.six .consent_box .form_box { padding:20px; background:#f1f1f1; }
|
||||
.print_form.six .consent_box .form_box ul {margin:0;padding:0;}
|
||||
.print_form.six .consent_box .form_box ul li { width:100%; margin-top:20px; display:table; }
|
||||
.print_form.six .consent_box .form_box ul li.first { margin-top:0; }
|
||||
.print_form.six .consent_box .form_box ul li label { margin-bottom:0; font-size:16px; line-height:36px; float:left; font-weight: 700;}
|
||||
.print_form.six .consent_box .form_box ul li input { height:36px; padding:0 10px; font-size:16px; border:0; background:initial; float:left; }
|
||||
.print_form.six .consent_box .form_box ul li span.txt { height:36px; line-height:36px; padding:0 10px; font-size:16px; border:0; background:initial; float:left; }
|
||||
.print_form.seven .consent_box .txt_center { margin-top:100px; font-size:30px; font-weight:700; }
|
||||
.print_form.seven .consent_box p span.under { text-decoration:underline red; }
|
||||
.print_form.seven .consent_box .sign_box { margin-top:100px; }
|
||||
.print_form.eight .consent_box table { width:100%; border:1px solid #333; }
|
||||
.print_form.eight .consent_box table .consent_title { text-decoration:none; }
|
||||
.print_form.eight .consent_box table tr { border-bottom:1px solid #333; }
|
||||
.print_form.eight .consent_box table tr:first-child td { height:70px; }
|
||||
.print_form.eight .consent_box table tr:last-child { border-bottom:0; }
|
||||
.print_form.eight .consent_box table tr:last-child td {border-bottom: none;}
|
||||
.print_form.eight .consent_box table tr td { width:15%; height:50px; font-size:16px; border-right:1px solid #333;border-bottom: 1px solid #333;}
|
||||
.print_form.eight .consent_box table tr td.td_label { text-align:center; }
|
||||
.print_form.eight .consent_box table tr td:last-child { border-right:0; }
|
||||
.print_form.eight .consent_box table tr td .select_box {width:100%; height:36px; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.print_form.eight .consent_box table tr td .select_box.active {z-index:10;}
|
||||
.print_form.eight .consent_box table tr td .select_box .label { width:100%; height:36px; padding:0 10px; font-weight:400; font-size:16px; text-align:left; color:#21272C; background:none; }
|
||||
.print_form.eight .consent_box table tr td .select_box .select_option_list {min-width:100%; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; }
|
||||
.print_form.eight .consent_box table tr td .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:32px; font-size:16px; color:#494E53;}
|
||||
.print_form.eight .consent_box table tr td p:not(.consent_title) { margin:0 10px; float:left; }
|
||||
.print_form.eight .consent_box table tr td p input { width:100px; padding:0 10px; border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.print_form.eight .consent_box table tr td p span { width:100px; padding:0 5px; display:inline-block; }
|
||||
.print_form.eight .consent_box table tr td p.ct span { text-align:center; }
|
||||
.print_form.eight .consent_box table tr td p.ct input { text-align:center; }
|
||||
.print_form.eight .consent_box table tr td.textarer_box { padding:5px; }
|
||||
.print_form.eight .consent_box table tr td.textarer_box textarea { width:100%; height:100px; resize:none; padding:10px; border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.print_form.eight .consent_box table tr td.textarer_box.address textarea { height:50px; }
|
||||
.print_form.eight .consent_box table tr td p input.account_number { width:250px; }
|
||||
.print_form.eight .consent_box table tr td.text_td { padding:15px; text-align:center; }
|
||||
.print_form.eight .consent_box table tr td.date p { margin-left:0; text-align:center; float:none; }
|
||||
.print_form.eight .consent_box table tr td.date p span { width:50px; text-align:right; }
|
||||
.print_form.eight .consent_box table tr td p.wide { float:none; }
|
||||
.print_form.eight .consent_box table tr td p.wide input { width:100%; }
|
||||
.print_form.eight .consent_box table tr td.sign_box { height:80px; }
|
||||
.print_form.eight .consent_box table tr td p.last { margin-top:0; margin-right:140px; float:left; }
|
||||
.print_form.eight .consent_box table tr td p.last span { width:auto; }
|
||||
.print_form.eight .consent_box .sign_box p.last span::after { right:-130px; }
|
||||
.print_form.five.japan .consent_box ul li.first input:nth-last-of-type(1) { width:100px; }
|
||||
.print_form.five.japan .consent_box ul li.first label.first + input { width:100px; }
|
||||
.print_form.five.japan .consent_box ul li .ck_label { width:110px; }
|
||||
.print_form.five.japan .consent_box ul li.check_li label.checkbox_first { margin-left:110px; }
|
||||
.print_form.nine.japan .consent_box .first { margin-top:20px; }
|
||||
.print_form.nine.japan .consent_box .input_box { margin-top:20px; }
|
||||
.print_form.nine.japan .consent_box .input_box input { border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.print_form.nine.japan .consent_box .small { font-size:12px; }
|
||||
.print_form.nine.japan .consent_box .sign_box { display:flex; flex-direction:column; align-items:flex-end; }
|
||||
.print_form.nine.japan .consent_box .sign_box p { width:60%; margin-top:20px; text-align:left; }
|
||||
.print_form.nine.japan .consent_box .sign_box p.last { margin-right:0; }
|
||||
.print_form.nine.japan .consent_box .sign_box p.last + p { margin-top:30px; }
|
||||
.print_form.nine.japan .consent_box .sign_box input { border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.print_form.ten.japan .consent_box .first { margin-top:20px; }
|
||||
.print_form.ten.japan .consent_box .input_box { margin-top:20px; }
|
||||
.print_form.ten.japan .consent_box .input_box input { border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.print_form.ten.japan .consent_box .small { font-size:12px; }
|
||||
.print_form.ten.japan .consent_box .sign_box { display:flex; flex-direction:column; align-items:flex-end; }
|
||||
.print_form.ten.japan .consent_box .sign_box p { width:60%; margin-top:20px; text-align:left; }
|
||||
.print_form.ten.japan .consent_box .sign_box p.last { margin-right:0; }
|
||||
.print_form.ten.japan .consent_box .sign_box p.last + p { margin-top:30px; }
|
||||
.print_form.ten.japan .consent_box .sign_box input { border:1px solid #ccc; border-radius:5px; background:initial; }
|
||||
.print_form.china .consent_box .logo_box img { left:37%; transform:translate(-37%, -50%); }
|
||||
|
||||
|
||||
/* 진료비환불확인서(동의서) - 성명 */
|
||||
.print_form.eight .consent_box table tr td p input.left_align{float:left;}
|
||||
|
||||
/* 서명 보기 */
|
||||
.print_form .consent_box .sign_box p.last span.signImgBox{display: block;width: 130px; height: 60px; border: 1px solid #ccc; position: absolute; top: 15px; right: 0px;}
|
||||
|
||||
/* 서명 보기 - madeu membership 신청서 */
|
||||
.print_form .consent_box .sign_box p.last span.signImgBox.top125{display: block;width: 130px; height: 60px; border: 1px solid #ccc; position: absolute; top: 85px; right: 0px;}
|
||||
/* 서명 보기 - madeu membership 신청서 */
|
||||
.print_form .consent_box .sign_box p.last span.signImgBox.top45{display: block;width: 130px; height: 60px; border: 1px solid #ccc; position: absolute; top: 45px; right: 0px;}
|
||||
/* 서명 보기 - 진료비환불확인서 */
|
||||
.print_form .consent_box .sign_box p.last span.signImgBox.top9{display: block;width: 130px; height: 60px; border: 1px solid #ccc; position: absolute; top: 9px; right: 9px;}
|
||||
|
||||
|
||||
/* checked 조회만 */
|
||||
.print_form .consent_box .check_box ul li span.checkedBefore { content:''; display:block; width:9px; height:9px; border-radius:50%; background:#3985EA; position:absolute; top:50%; left:5px; transform:translateY(-50%); display:none;}
|
||||
.print_form.five .consent_box ul li.check_li span.checkedBefore { content:''; display:block; width:9px; height:9px; border-radius:50%; background:#3985EA; position:absolute; top:50%; left:5px; transform:translateY(-50%); display:none;}
|
||||
|
||||
/* input-> span으로 변경하여 조회만 */
|
||||
.print_form.five .consent_box ul li.first span.txt{width: 138px;height: 36px; margin-left: 5px; padding: 0 10px; border: 1px solid #E9ECF0; border-radius: 5px;display: inline-block;line-height: 36px;background: #fafafa;}
|
||||
|
||||
@media print {
|
||||
* {
|
||||
-webkit-print-color-adjust: exact;
|
||||
print-color-adjust: exact;
|
||||
}
|
||||
/* .print_form {
|
||||
width: 210mm;
|
||||
height: 297mm;
|
||||
margin: 30mm 45mm 30mm 45mm;
|
||||
position:relative;
|
||||
}
|
||||
.print_form .consent_box {
|
||||
position:absolute;
|
||||
top:50%;
|
||||
transform:translateY(-50%);
|
||||
} */
|
||||
/* .print_form.eight .consent_box table tr td p input { border:0; border-radius:0; }
|
||||
.print_form.eight .consent_box table tr td.textarer_box textarea { border:0; border-radius:0; }
|
||||
.print_form.eight .consent_box table tr td .select_box .label { border:0; border-radius:0; }
|
||||
.print_form.five .consent_box ul li.first input { border:0; border-radius:0; }
|
||||
.print_form .consent_box .sign_box p.last span::after { display:none; }
|
||||
.print_form.nine.japan .consent_box .input_box input { border:0; border-radius:0; }
|
||||
.print_form.nine.japan .consent_box .sign_box input { border:0; border-radius:0; }
|
||||
.print_form.ten.japan .consent_box .input_box input { border:0; border-radius:0; }
|
||||
.print_form.ten.japan .consent_box .sign_box input { border:0; border-radius:0; } */
|
||||
}
|
||||
@@ -0,0 +1,195 @@
|
||||
/* 차트작성모달 */
|
||||
.charting_modal.consulting.fade .modal-dialog {width:1255px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-header {display:none;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-footer {display:none;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content {border:none; width:100%; float:left;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body {padding:0; display:table; }
|
||||
|
||||
/* charting_left */
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left { width:430px; padding:30px; float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .title { margin-bottom:30px; font-size:24px; font-weight:700; line-height:36px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list { margin-bottom:30px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li { display:table; width:100%; line-height:36px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li label { width:100px; float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li p { float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span { padding-right:5px; margin-right:5px; position:relative; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span::after { content:''; display:inline-block; position:absolute; top:20%; right:-3px; width:1px; height:60%; background:#e0e3e7; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span:last-child { padding-right:0; margin-right:0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span:last-child::after { display:none; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li p img { margin-top:-5px; width:20px; height:20px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .textarea_box { width:100%; display:table; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #E9ECF0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .textarea_box .title_info { margin-left:-15px; font-size:12px; line-height:36px; color:red; float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .textarea_box textarea { width:100%; height:70px; padding:10px; border-radius:5px; border:0; clear:both; background:#E9ECF0; resize:none; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box { width:100%; display:table; margin-bottom:20px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box label { margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box table { width:100%; clear:both; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th { padding:0 10px; line-height:36px; background:#EDF5FF; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box table tbody tr { border-bottom:1px solid #E9ECF0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box table tbody tr td { padding:0 10px; line-height:36px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .botton_box { text-align:center; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .botton_box .more_btn { font-weight:700; color:#3985EA; background:none; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .botton_box .more_btn:hover { background: none !important; }
|
||||
/* charting_right */
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right { width:825px; padding:30px; float:left; border-left:1px solid #E9ECF0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_top { width:100%; margin-bottom:20px; display:table; border-bottom:1px solid #E9ECF0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_top .chart_numder { margin-bottom:10px; color:#3985EA; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_top .title { line-height:36px; margin-bottom:30px; font-size:24px; font-weight:700; float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text { float:right; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p { line-height:36px; font-weight:700; float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p span { font-weight:400; margin-left:5px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p.first { margin-right:20px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom > .textarea_box { width:100%; margin-bottom:20px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom > .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom > .textarea_box textarea { width:100%; height:160px; padding:10px; border-radius:5px; border:1px solid #E9ECF0; resize:none; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom > .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box { width:100%; display:table; padding-bottom:10px; margin-bottom:10px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box.first { border-bottom:1px solid #E9ECF0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box {width:140px; float:left; position:relative; margin-bottom:10px; clear:both; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box .date_box {position:relative; width:100%; height:36px;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box {width:140px; height:36px; margin-left:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box:last-child { margin-right:0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box.different { width:200px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box.active {z-index:10;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#21272C; background:none; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box .select_option_list {min-width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .button_box {display:table; float:left; margin-left:10px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .button_box button { color:#fff; border-radius:5px; background:#B5BDC4; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .button_box button:hover { background: #9aa5b0 !important; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .button_box button img { margin:-4px 8px 0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box {width:140px; float:left; position:relative; margin-right:10px; margin-bottom:10px; clear:both; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box .date_box {position:relative; width:100%; height:36px;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 14px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box {width:140px; height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box:last-child { margin-right:0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box.different { width:200px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box.active {z-index:10;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#21272C; background:none; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box .select_option_list {min-width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; transition:.4s ease-in; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .send_box { width:auto!important; float:left; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .textarea_box { width:100%; margin-bottom:50px; clear:both; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .textarea_box textarea { width:100%; height:137px; padding:10px; border-radius:5px; border:1px solid #E9ECF0; resize:none; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .button_box { width:100%; text-align:center; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .button_box button { color:#fff; border-radius:5px; background:#3985EA; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .button_box button img { margin:-4px 8px 0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .button_box button.cancel_btn {background:#F8FBFF; color:#21272C; margin-right: 10px;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .button_box button.save_bth {color:#fff; background:#3985EA;margin-left: 10px;}
|
||||
|
||||
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .search_box {width:140px; height:36px; margin-left:10px; position:relative; float:left;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
|
||||
|
||||
/*--------- 추가--------- */
|
||||
/* 차트인쇄 모달 */
|
||||
.print_modal.fade .modal-dialog { background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.print_modal .modal-dialog .modal-content .modal-body { padding:0; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print { width:210mm; padding:1.5cm 1.5cm 2cm 1.5cm; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_top { width:100%; display:table; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_top p { line-height:25px; float:right; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_top p.first { font-size:18px; font-weight:700; float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_top p span.first { margin-right:10px; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm > div { width:100%; padding:10px; margin-top:10px; border-top:1px solid #000; display:table; background:#f5f5f5; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm > div.last { min-height:300px; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm > p { margin-top:20px; font-size:16px; font-weight:700; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul { width:50%; float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li { width:100%; margin-top:10px; display:table; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li > label { width:100px; margin-bottom:0; font-weight:700; float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li p { float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box { width:calc(100% - 100px); float:left; display:table; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box div { display:flex; align-items:center; float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box div input { margin:0;pointer-events: none; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box div label { margin:0 30px 0 5px; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div .note { width:100%; padding-top:10px; display:table; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div .note label { width:100px; margin-bottom:0; font-weight:700; float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div .note p { width:calc(100% - 100px); float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:20px 0; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.print_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.print_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.print_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
@media print {
|
||||
@page {
|
||||
size:210mm 297mm;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-print-color-adjust: exact !important;
|
||||
color-adjust: exact !important;
|
||||
print-color-adjust: exact !important;
|
||||
}
|
||||
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print { width:210mm; height:297mm; padding:1.5cm 1.5cm 2cm 1.5cm; }
|
||||
}
|
||||
/* -----여기까지 추가------*/
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 차트작성모달 */
|
||||
.charting_modal.consulting.fade .modal-dialog {width:1050px;}
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .title { margin-bottom:20px; font-size:20px; }
|
||||
/* charting_left */
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left { width:340px; padding:30px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list { margin-bottom:20px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li { line-height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li label { width:80px; margin-bottom:0; font-size:12px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li p { font-size:12px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .charting_list li p img { width:18px; height:18px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .textarea_box label { width:80px; font-size:16px; line-height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .textarea_box textarea { font-size:12px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box label { font-size:16px; line-height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th { font-size:12px; line-height:30px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_left .table_box table tbody tr td { font-size:12px; line-height:30px; }
|
||||
/* charting_right */
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right { width:710px; padding:30px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_top .chart_numder { font-size:12px; margin-bottom:5px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_top .title { margin-bottom:20px; font-size:20px; line-height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p { font-size:12px; line-height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom > .textarea_box label { font-size:16px; line-height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom > .textarea_box textarea { height:110px; font-size:12px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box label { font-size:16px; line-height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box { width:120px; height:32px; margin-bottom:0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box .date_box { height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .calendar_box .date_box .date_picker { height:32px; margin-right:0; font-size:12px; line-height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box .label { height:32px; font-size:12px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .select_box.different { width:110px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .search_box { width:120px; height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .search_box img { width:22px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .search_box input { height:32px; font-size:12px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .diagnosis_box .form_box .button_box button img { margin:-2px 8px 0 0; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box label { font-size:16px; line-height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box { width:120px; height:32px; margin-bottom:20px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box .date_box { height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .calendar_box .date_box .date_picker { height:32px; margin-right:0; font-size:12px; line-height:32px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box .label { height:32px; font-size:12px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .textarea_box { margin-bottom:30px; }
|
||||
.charting_modal.consulting .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .textarea_box textarea { height:110px; font-size:12px; }
|
||||
}
|
||||
|
||||
@@ -0,0 +1,54 @@
|
||||
/* 동의서생성 */
|
||||
/*공통 css*/
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
|
||||
/*************기본영역 정의*************/
|
||||
/*@page {size:auto; margin:0;}*/
|
||||
body {margin:0; background-color:#f9f9f9;}
|
||||
* {text-shadow:none; font-family: "맑은 고딕",sans-serif; color:#000;}
|
||||
|
||||
/* 차트인쇄 모달 */
|
||||
/*.modal-dialog { background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}*/
|
||||
/*.modal-dialog .modal-content .modal-body { padding:0; }*/
|
||||
.print {height: 297mm;padding:1cm;background:#FFFFFF;}
|
||||
.print .print_top { width:100%; display:table; }
|
||||
.print .print_top p { line-height:25px; float:right; }
|
||||
.print .print_top p.first { font-size:18px; font-weight:700; float:left; }
|
||||
.print .print_top p span.first { margin-right:10px; }
|
||||
.print .print_btm > div {margin-top:10px; padding:10px; border-top:1px solid #000;background:#f5f5f5; }
|
||||
.print .print_btm > div.last { min-height:300px; }
|
||||
.print .print_btm > p { margin-top:20px; font-size:16px; font-weight:700; }
|
||||
.print .print_btm div ul { width:50%; float:left;padding:0px; }
|
||||
.print .print_btm div ul li { width:100%; margin-top:10px; display:table; }
|
||||
.print .print_btm div ul li > label { width:100px; margin-bottom:0; font-weight:700; float:left; }
|
||||
.print .print_btm div ul li p { float:left;margin: 0 }
|
||||
.print .print_btm div ul li .input_box { width:calc(100% - 100px); float:left; display:table;margin: 0 }
|
||||
.print .print_btm div ul li .input_box div { display:flex; align-items:center; float:left; }
|
||||
.print .print_btm div ul li .input_box div input { margin:0;pointer-events: none; }
|
||||
.print .print_btm div ul li .input_box div label { margin:0 30px 0 5px; }
|
||||
.print .print_btm div .note { width:100%; padding-top:10px; display:table; }
|
||||
.print .print_btm div .note label { width:120px; margin-bottom:0; font-weight:700; float:left; }
|
||||
.print .print_btm div .note p { width:calc(100% - 120px); float:left;margin: 0 }
|
||||
/*.modal-dialog .modal-content .modal-footer {border:none; display:table; padding:20px 0; background:#fff; position:relative; top:-1px; width:100%;}*/
|
||||
/*.modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}*/
|
||||
/*.modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}*/
|
||||
/*.modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}*/
|
||||
|
||||
/*************페이지 정의*************/
|
||||
#page {overflow:visible; margin:0; background-color:#FFFFFF; width:21cm; min-height:29cm; position:relative;}
|
||||
|
||||
@media print {
|
||||
@page {
|
||||
size:210mm 297mm;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-print-color-adjust: exact !important;
|
||||
color-adjust: exact !important;
|
||||
print-color-adjust: exact !important;
|
||||
}
|
||||
|
||||
.print { width:210mm; height:297mm; padding:1.5cm 1.5cm 2cm 1.5cm; }
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
/* 멤버십 포인트적립 */
|
||||
.save_modal.fade .modal-dialog { width:310px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.save_modal .modal-dialog .modal-content { height:100%; }
|
||||
.save_modal .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.save_modal .modal-dialog .modal-content .modal-header p { font-size:16px; font-weight:700; }
|
||||
.save_modal .modal-dialog .modal-content .modal-body { padding:0 20px 20px 20px; }
|
||||
.save_modal .modal-dialog .modal-content .modal-body .input_box { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e5e5e5; }
|
||||
.save_modal .modal-dialog .modal-content .modal-body .input_box::after { content:'원'; width:20px; color:#3985EA; font-weight:700; text-align:right; display:inline-block; }
|
||||
.save_modal .modal-dialog .modal-content .modal-body .input_box input { width:calc(100% - 25px); height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.save_modal .modal-dialog .modal-content .modal-body .input_box input::placeholder { color:#B5BDC4; }
|
||||
.save_modal .modal-dialog .modal-content .modal-body .textarea_box textarea { width:100%; min-height:185px; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
|
||||
.save_modal .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.save_modal .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.save_modal .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.save_modal .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.save_modal .modal-dialog .modal-content .modal-footer .button_box button.check_btn { color:#fff; background:#3985EA; }
|
||||
|
||||
@media only screen and (max-width: 1280px){
|
||||
/* 멤버십 포인트적립 */
|
||||
.save_modal.fade .modal-dialog { width:270px; height:400px; }
|
||||
.save_modal .modal-dialog .modal-content .modal-header { padding:15px; }
|
||||
.save_modal .modal-dialog .modal-content .modal-header p { font-size:14px; }
|
||||
.save_modal .modal-dialog .modal-content .modal-body { padding:15px; padding-top:0; }
|
||||
.save_modal .modal-dialog .modal-content .modal-body .input_box { padding-bottom:10px; margin-bottom:10px; }
|
||||
.save_modal .modal-dialog .modal-content .modal-body .input_box input { height:32px; font-size:12px; }
|
||||
.save_modal .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.save_modal .modal-dialog .modal-content .modal-footer .button_box button{ width:65px; height:30px; font-size:12px; }
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
|
||||
/* 결제모달 */
|
||||
.payment_detail_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.payment_detail_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; height:800px; overflow:auto;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:7px; border:none; display:block; border-radius:0; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box {width: 100%;margin: 17px 0 10px;padding: 0 20px;display: table;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box button {width: calc((100% - 20px) / 2);margin-left: 10px;color: #fff;border-radius: 5px;float: left;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box .output_btn {margin-left: 0;background: #3985EA;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box .payment_cancel_btn {background: red;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box .payment_cancel_btn:hover { background:#d81515 !important; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box .refund_btn {background: #070707;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box .refund_btn:hover { background:#000 !important; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body {padding:0; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box {display:table; width:100%; padding:15px; margin-bottom:10px; border-radius:5px; background:#E9ECF0; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li { width:100%; display:table; margin-bottom:10px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li label { font-weight:400; float:left; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li p.pbold { font-weight:700; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li p { float:right; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li:nth-child(3) { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #B5BDC4; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li:nth-child(2) { margin-bottom:0; padding-bottom:10px; border-bottom:none; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li:last-child { margin-bottom:0; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box { margin-bottom:50px; height:140px; overflow:auto;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box P { font-weight:700; line-height:30px; border-radius:5px; padding:0 10px; background:#EDF5FF; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table { width:100%; margin-top:5px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table tr { border-bottom:1px solid #E9ECF0; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { padding:0 10px; line-height:30px; font-size:14px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { padding:0 10px; line-height:30px; font-size:14px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box { width:100%; margin-bottom:30px; display:table; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box label { width:100px; float:left; font-weight:700; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box textarea { width:calc(100% - 100px); height:100px; padding:5px; border:1px solid #E9ECF0; border-radius:5px; float:left; resize:none; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li { width:100%; display:table; margin-bottom:5px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li label { font-weight:400; float:left; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li p.pbold { font-weight:700; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li p { float:right; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 결제모달 */
|
||||
.payment_detail_modal.fade .modal-dialog {width:500px;}
|
||||
.payment_detail_modal .modal-dialog .modal-content { height:730px; padding:30px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li { margin-bottom:5px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li label { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li p { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box { height:128px; margin-bottom:20px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box P { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box label { width:80px; font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li label { font-size:12px; }
|
||||
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li p { font-size:12px; }
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
/* 결제모달 */
|
||||
.body_info_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.body_info_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; overflow:auto;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom: 1px solid #e5e5e5; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body { padding:10px 0 0 0; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul { padding-bottom:10px; border-bottom: 1px solid #e5e5e5; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li { width:100%; line-height:36px; margin-top:5px; display:table; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li.first { margin-top:0; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li p:first-child { width:100px; font-weight:700; float:left; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li p:last-child { float:left; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box { display:table; margin-bottom:10px; position:relative;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box label {width:100px; float:left; margin:0;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 60px 0 10px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box p { position:absolute; top:50%; right:10px; transform:translateY(-50%); }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box { width:100%; display:table; position:relative;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box label {width:100px; float:left; margin:0;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 100px); padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul:last-child { border:0; padding-bottom:0; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; border-top: 1px solid #e5e5e5; position:relative; top:-1px; width:100%;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
/* 예약 담당자 변경 추가 */
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box {width:300px; height:36px; position:relative; float:left;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box input {padding: 0 10px 0 40px;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box {float: left;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box input {padding: 0 10px;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box button {height:36px; align-items:center; background:none;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box button img {width:24px; height:24px;}
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box button:hover { background: none !important; }
|
||||
|
||||
/* 반응형 */
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 출퇴/휴무 등록*/
|
||||
.body_info_modal.fade .modal-dialog { width:490px; }
|
||||
.body_info_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li { margin-top:0; line-height:32px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li p:first-child { width:80px; font-size:12px; line-height:32px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li p:last-child { font-size:12px; line-height:32px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:first-child,
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(3) li:first-child { margin-top:10px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { height:32px; padding-right:50px; font-size:12px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 80px); height:100px; line-height:20px; font-size:12px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.body_info_modal .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
139
src/main/resources/static/css/web/modal_customer_sub_sisul.css
Normal file
139
src/main/resources/static/css/web/modal_customer_sub_sisul.css
Normal file
@@ -0,0 +1,139 @@
|
||||
/* 차트작성모달 */
|
||||
.charting_modal.sisul.fade .modal-dialog {width:1255px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-header {display:none;}
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-footer {display:none;}
|
||||
.charting_modal.sisul .modal-dialog .modal-content {border:none; width:100%; float:left;}
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body {padding:0; display:table; }
|
||||
|
||||
/* charting_left */
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left { width:430px; padding:30px; float:left; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .title { margin-bottom:30px; font-size:24px; font-weight:700; line-height:36px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list { margin-bottom:30px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li { display:table; width:100%; line-height:36px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li label { width:100px; float:left; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p { float:left; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span { padding-right:5px; margin-right:5px; position:relative; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span::after { content:''; display:inline-block; position:absolute; top:20%; right:-3px; width:1px; height:60%; background:#e0e3e7; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span:last-child { padding-right:0; margin-right:0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span:last-child::after { display:none; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p img { margin-top:-5px; width:20px; height:20px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box { width:100%; display:table; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #E9ECF0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box .title_info { margin-left:-15px; font-size:12px; line-height:36px; color:red; float:left; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box textarea { width:100%; height:70px; padding:10px; border-radius:5px; border:0; clear:both; background:#E9ECF0; resize:none; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box { width:100%; display:table; margin-bottom:20px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box label { margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table { width:100%; clear:both; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th { padding:0 10px; line-height:36px; background:#EDF5FF; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table tbody tr { border-bottom:1px solid #E9ECF0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table tbody tr td { padding:0 10px; line-height:36px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .botton_box { text-align:center; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .botton_box .more_btn { font-weight:700; color:#3985EA; background:none; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .botton_box .more_btn:hover { background: none !important; }
|
||||
/* charting_right */
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right { width:825px; padding:30px; float:left; border-left:1px solid #E9ECF0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top { width:100%; margin-bottom:20px; display:table; border-bottom:1px solid #E9ECF0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .chart_numder { margin-bottom:10px; color:#3985EA; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .title { line-height:36px; margin-bottom:30px; font-size:24px; font-weight:700; float:left; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text { float:right; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p { line-height:36px; font-weight:700; float:left; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p span { font-weight:400; margin-left:5px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p.first { margin-right:20px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box { margin-bottom:20px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table { width:100%; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table thead tr th { width:30%; padding:0 10px; line-height:36px; background:#F8FBFF; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table thead tr th:last-child { width:40%; border-radius:0 5px 5px 0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table tbody tr { border-bottom:1px solid #E9ECF0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table tbody tr td { padding:0 10px; line-height:36px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box.first { padding-bottom:20px; border-bottom:1px solid #E9ECF0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box { width:100%; margin-bottom:20px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box textarea { width:100%; height:170px; padding:10px; border-radius:5px; border:1px solid #E9ECF0; resize:none; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box textarea:read-only {background:#E9ECF0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .button_box { width:100%; text-align:center; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .button_box button { color:#fff; border-radius:5px; background:#3985EA; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .button_box button img { margin:-4px 8px 0; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .button_box button.cancel_btn {background:#F8FBFF; color:#21272C;margin-right: 10px;}
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .button_box button.save_bth {color:#fff; background:#3985EA; margin-left: 10px;}
|
||||
|
||||
|
||||
|
||||
/* 추가 */
|
||||
/* 차트인쇄 모달 */
|
||||
.print_modal.fade .modal-dialog { background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.print_modal .modal-dialog .modal-content .modal-body { padding:0; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print { width:210mm; padding:1.5cm 1.5cm 2cm 1.5cm; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_top { width:100%; display:table; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_top p { line-height:25px; float:right; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_top p.first { font-size:18px; font-weight:700; float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_top p span.first { margin-right:10px; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm > div { width:100%; padding:10px; margin-top:10px; border-top:1px solid #000; display:table; background:#f5f5f5; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm > div.last { min-height:300px; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm > p { margin-top:20px; font-size:16px; font-weight:700; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul { width:50%; float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li { width:100%; margin-top:10px; display:table; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li > label { width:100px; margin-bottom:0; font-weight:700; float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li p { float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box { width:calc(100% - 100px); float:left; display:table; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box div { display:flex; align-items:center; float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box div input { margin:0;pointer-events: none; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box div label { margin:0 30px 0 5px; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div .note { width:100%; padding-top:10px; display:table; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div .note label { width:100px; margin-bottom:0; font-weight:700; float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div .note p { width:calc(100% - 100px); float:left; }
|
||||
.print_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:20px 0; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.print_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.print_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.print_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
@media print {
|
||||
@page {
|
||||
size:210mm 297mm;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-print-color-adjust: exact !important;
|
||||
color-adjust: exact !important;
|
||||
print-color-adjust: exact !important;
|
||||
}
|
||||
|
||||
.print_modal .modal-dialog .modal-content .modal-body .print { width:210mm; height:297mm; padding:1.5cm 1.5cm 2cm 1.5cm; }
|
||||
}
|
||||
/* -----여기까지 추가------*/
|
||||
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 차트작성모달 */
|
||||
.charting_modal.sisul.fade .modal-dialog {width:1050px;}
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .title { margin-bottom:20px; font-size:20px; }
|
||||
/* charting_left */
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left { width:340px; padding:30px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list { margin-bottom:20px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li { line-height:32px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li label { width:80px; margin-bottom:0; font-size:12px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p { font-size:12px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p img { width:18px; height:18px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box label { width:80px; font-size:16px; line-height:32px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box textarea { font-size:12px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box label { font-size:16px; line-height:32px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th { font-size:12px; line-height:30px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table tbody tr td { font-size:12px; line-height:30px; }
|
||||
/* charting_right */
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right { width:710px; padding:30px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .chart_numder { font-size:12px; margin-bottom:5px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .title { margin-bottom:20px; font-size:20px; line-height:32px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p { font-size:12px; line-height:32px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table thead tr th { font-size:12px; line-height:30px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table tbody tr td { font-size:12px; line-height:32px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box { margin-bottom:30px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box.first { margin-bottom:20px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom > .textarea_box label { font-size:16px; line-height:32px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom > .textarea_box textarea { height:110px; font-size:12px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .textarea_box { margin-bottom:30px; }
|
||||
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .textarea_box textarea { height:110px; font-size:12px; }
|
||||
}
|
||||
@@ -0,0 +1,54 @@
|
||||
/* 동의서생성 */
|
||||
/*공통 css*/
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
|
||||
/*************기본영역 정의*************/
|
||||
/*@page {size:auto; margin:0;}*/
|
||||
body {margin:0; background-color:#f9f9f9;}
|
||||
* {text-shadow:none; font-family: "맑은 고딕",sans-serif; color:#000;}
|
||||
|
||||
/* 차트인쇄 모달 */
|
||||
/*.print_modal.fade .modal-dialog { background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}*/
|
||||
/*.print_modal .modal-dialog .modal-content .modal-body { padding:0; }*/
|
||||
.print {height: 297mm;padding:1cm;background:#FFFFFF;}
|
||||
.print .print_top { width:100%; display:table;}
|
||||
.print .print_top p { line-height:25px; float:right; }
|
||||
.print .print_top p.first { font-size:18px; font-weight:700; float:left; }
|
||||
.print .print_top p span.first { margin-right:10px; }
|
||||
.print .print_btm > div {padding:10px; margin-top:10px; border-top:1px solid #000;background:#f5f5f5; }
|
||||
.print .print_btm > div.last { min-height:300px; }
|
||||
.print .print_btm > p { margin-top:20px; font-size:16px; font-weight:700; }
|
||||
.print .print_btm div ul { width:50%; float:left;padding:0px; }
|
||||
.print .print_btm div ul li { width:100%; margin-top:10px; display:table; }
|
||||
.print .print_btm div ul li > label { width:100px; margin-bottom:0; font-weight:700; float:left; }
|
||||
.print .print_btm div ul li p { float:left;margin: 0 }
|
||||
.print .print_btm div ul li .input_box { width:calc(100% - 100px); float:left; display:table;margin: 0 }
|
||||
.print .print_btm div ul li .input_box div { display:flex; align-items:center; float:left; }
|
||||
.print .print_btm div ul li .input_box div input { margin:0;pointer-events: none; }
|
||||
.print .print_btm div ul li .input_box div label { margin:0 30px 0 5px; }
|
||||
.print .print_btm div .note { width:100%; padding-top:10px; display:table; }
|
||||
.print .print_btm div .note label { width:120px; margin-bottom:0; font-weight:700; float:left; }
|
||||
.print .print_btm div .note p { width:calc(100% - 120px); float:left;margin: 0 }
|
||||
/*.print_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:20px 0; background:#fff; position:relative; top:-1px; width:100%;}*/
|
||||
/*.print_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}*/
|
||||
/*.print_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}*/
|
||||
/*.print_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}*/
|
||||
|
||||
/*************페이지 정의*************/
|
||||
#page {overflow:visible;margin:0; background-color:#FFFFFF; width:21cm; min-height:29cm; position:relative;}
|
||||
|
||||
@media print {
|
||||
@page {
|
||||
size:210mm 297mm;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-print-color-adjust: exact !important;
|
||||
color-adjust: exact !important;
|
||||
print-color-adjust: exact !important;
|
||||
}
|
||||
|
||||
.print { width:210mm; height:297mm; padding:1.5cm 1.5cm 2cm 1.5cm; }
|
||||
}
|
||||
657
src/main/resources/static/css/web/modal_home.css
Normal file
657
src/main/resources/static/css/web/modal_home.css
Normal file
@@ -0,0 +1,657 @@
|
||||
ul {list-style:none;}
|
||||
|
||||
/* 수납 모달 */
|
||||
.payment_modal.fade .modal-dialog { width:1510px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.payment_modal .modal-dialog .modal-content {border:none; width:100%; float:left; position:relative; display:table; background:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body { width:1000px; height:800px; padding:30px; display:block; border-radius:5px; border:1px solid #E9ECF0; position:static; background:#fff; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body p.user_name { line-height:28px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body p.user_name span.user { font-size:20px; font-weight:700; margin-left:0; padding-left:0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body p.user_name span { display:inline-block; margin-left:10px; padding-left:10px; position:relative; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body p.user_name span::after { content:''; display:block; width:1px; height:50%; position:absolute; top:25%; left:0; background:#ccc; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body p.user_name span:nth-child(1)::after { display:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body p.user_name span:nth-child(2)::after { display:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .nav_box {border-bottom:solid 1px #E9ECF0; margin-top:20px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .nav_box .nav {border:none;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .nav_box .nav li { height:50px; margin-left:20px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .nav_box .nav li:first-child {margin-left:0px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .nav_box .nav li a { padding:0; border:none; border-radius:0; color:#21272C; font-size:18px; font-weight:700; line-height:50px; text-align:center; line-height:unset; margin:0; background:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .nav_box .nav li.active a {color:#3985EA; text-decoration:underline;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content { width:100%; height:calc(100% - 100px); display:table; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content .tab-pane { height:100%; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left { height:100%; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box { width:100%; padding:10px 0; display:table; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .select_box.first { margin-left:0;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .select_box.active {z-index:10;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .search_list_box { margin-left:10px; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .search_list_box .search_btn { color:#fff; border-radius:5px; background:#3985EA; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box { clear:both; height:582px; margin-bottom:20px; overflow:auto; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table { width:100%; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table thead tr th { padding:0 8px; line-height:36px; position:sticky; top:0; background:#F8FBFF; z-index:1; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table thead tr th:first-child { border-radius: 5px 0 0 5px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table thead tr th:last-child { border-radius: 0 5px 5px 0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table .chk_box {display:block; width:18px; height:18px; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
/*수납 모달 취소버튼 스타일 추가*/
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .btn_box {margin: 0 auto; display: table;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .cancel_btn { color: #21272C; width: 100px; height: 36px; background: #F8FBFF; border-radius: 16px; font-size: 14px; float: left; margin-right: 10px; }
|
||||
/* 선택되지 않은 체크박스 스타일 꾸미기 */
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table .chk_box .on {width:18px; height:18px; position:absolute; top:4px; left:0; display:inline-block; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table .chk_box input[type="checkbox"] { display:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table tbody tr { border-bottom:1px solid #E9ECF0; height:36px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table tbody tr td { padding:3px 8px; max-width:200px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table tbody tr td.color_red { color:red; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table tbody tr td:nth-child(4) p { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table tbody tr td.bcolor { color:#3985EA; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table tbody tr td:nth-child(3),
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table tbody tr td:nth-child(8),
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table tbody tr td:nth-child(9) { font-weight:700; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right { width:500px; height:100%; padding:15px; border-radius:5px; border:1px solid #E9ECF0; position:absolute; bottom:0; right:0; background:#fff; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .right_wrap { width:100%; height:calc(100% - 50px); margin-top:20px; overflow-y:auto; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .right_top p.label { padding:0; color:#494E53; font-size:20px; font-weight:700; line-height:30px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list { padding:15px 10px; border-radius:5px; background:#F5F5F5; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li { width:100%; margin-top:10px; display:table; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li:first-child { margin-top:0; font-size:16px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li p { font-weight:700; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li p:first-child { font-weight:700; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li p:last-child { font-weight:700; float:right; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li button{ padding:0; color:#fff; line-height:25px; border-radius:5px; float:right; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li button p {color:#fff;width: 80px; font-weight: 400;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li button.discount_btn { background: red; width: 80px; line-height: 25px; padding: 0; border-radius: 5px; float: right; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li button.discount_btn:hover { background:#d81515 !important; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li button.membership_btn { background:#17345C; width: 80px; line-height: 25px; padding: 0; border-radius: 5px; float: right; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li button.membership_btn:hover { background: #031c3d !important; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li .amount_applied { line-height:25px; display:none; float:right; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li .amount_applied p { color:red; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li .amount_applied button { width:auto; height:20px; margin-left:5px; line-height:auto; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li .amount_applied button img { vertical-align:top; margin-top:1px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub { padding:0 10px; margin-top:10px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub li { width:100%; margin-top:10px; display:table; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub li:first-child { margin-top:0; font-size:16px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub li:first-child p { color:#3985EA; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub li p { font-weight:700; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub li p:first-child { font-weight:700; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub li p:last-child { font-weight:700; float:right; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub li.total_amount_list { margin-top:5px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub li.total_amount_list p { font-weight:400; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table { padding-top:20px; margin-top:20px; border-top:1px solid #E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box { height:135px; overflow-y:auto; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table { width:100%; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table thead tr th { padding:0 8px; line-height:36px; position:sticky; top:0; background:#F8FBFF; z-index:1; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table thead tr th:first-child { border-radius: 5px 0 0 5px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table thead tr th:last-child { border-radius: 0 5px 5px 0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table tbody tr { border-bottom:1px solid #E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table tbody tr td { height:36px; max-width:110px; line-height:initial; padding:3px 8px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table tbody tr td p { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table tbody tr td.color_red { color:red; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box { padding-top:20px; margin-top:20px; border-top:1px solid #E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top { width:100%; display:table; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .split_up_btn { line-height:34px; border:1px solid #ddd; border-radius:5px; font-weight:700; background:none; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .split_up_btn img { width:13px; margin-right:10px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .split_up_btn.active { background:black; color:white; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .split_up_btn:hover { background: #f1f1f1 !important; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .split_up_btn img.active { background: white }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .split_up_btn.on { line-height:36px; color:#fff; border:0; background:#3985EA; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .split_up_btn.on + .input_box input.active { background:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .input_box { width:calc(100% - 115px); margin-left:10px; font-weight:700; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .input_box input { width:calc(100% - 20px); height:36px; margin-right:5px; padding:0 10px; font-weight:400; border:1px solid #ddd; border-radius:5px; background:#E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul { margin-top:20px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li { margin-top:10px; line-height:18px; font-size:14px; font-weight:700; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li span { color:red; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box {display:block; width:18px; height:18px; margin:0 5px 0 0; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; display:inline-block; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box input[type="checkbox"] { display:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap { padding-top:20px; margin-top:20px; border-top:1px solid #E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .textarea_box textarea { width:100%; height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box { width:100%; margin-top:10px; display:table; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button { width:calc((100% - 20px) / 4); margin-left:5px; border-radius:5px; line-height:45px; background:#E9ECF0; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button .w { display:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button.active { color:#fff; background:#3985EA; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button.active .w { display:inline-block; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button.active .b { display:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button:hover .w { display:inline-block; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button:hover .b { display:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box .card_btn { margin-left:0px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button img { width:18px; margin-right:10px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box .pay_btn { width:100%; margin-top:10px; margin-left:0px; border-radius:5px; line-height:45px; color:#fff; background:#3985EA; clear:both; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button.active .w { display:inline-block; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button.card_btn:hover { color:#fff; background:#3985EA !important; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button.monetization_btn:hover { color:#fff; background:orange !important; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button.account_btn:hover { color:#fff; background:red !important; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button.qr_btn:hover { color:#fff; background:grey !important; }
|
||||
|
||||
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left { height:100%; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box { width:100%; padding:10px 0; display:table; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../image/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box.first {width:100px; margin-left:0;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box.active {z-index:10;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box.last .select_option_list {width:170px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .calendar_box { margin-left:10px; border-radius:8px; float:left; position:relative;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .calendar_box .date_box {position:relative; width:140px; height:36px; float:left;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .search_list {float:left; position:relative; margin-left:10px; padding-left:10px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .search_list::after { content:''; width:1px; height:80%; display:block; position:absolute; top:13%; left:0; background:#E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .search_list .search_box {width:270px; float:left; height:36px; position:relative;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box { height:582px; width:950px; margin-bottom:20px; overflow:auto; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table { min-width: 1300px; max-width: 1700px }
|
||||
/*수납내역모달 취소버튼 스타일 추가*/
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .btn_box {margin: 0 auto; display: table;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .cancel_btn { color: #21272C; width: 100px; height: 36px; background: #F8FBFF; border-radius: 16px; font-size: 14px; float: left; margin-right: 10px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table thead tr th { padding:0 10px; height:36px; position:sticky; top:0; background:#F8FBFF; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table thead tr th:last-child { border-radius:0 5px 5px 0;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr { border-bottom:1px solid #E9ECF0; height:36px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr:hover { background:#F8FBFF; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr td { max-width:200px; padding:3px 8px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr td:nth-child(3) p { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr.on td p { border-top:1px solid #3985EA; border-bottom:1px solid #3985EA; background:#EBF3FD; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr.on td:first-child p { border-left:1px solid #3985EA; border-radius:5px 0 0 5px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr.on td:last-child p { border-right:1px solid #3985EA; border-radius:0 5px 5px 0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr td:nth-child(2) p,
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr td:nth-child(6) p,
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr td:nth-child(7) p { font-weight:700; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr td:nth-child(5) p { font-weight:700; color:#3985EA; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr.payment_cancel .payment_amount p { text-decoration:line-through; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr.payment_cancel .payment_situation p { color:red; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right { width:500px; height:100%; padding:15px; border-radius:5px; border:1px solid #E9ECF0; position:absolute; bottom:0; right:0; background:#fff; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top { border-bottom:solid 1px #E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top p.label { padding:0; color:#494E53; font-size:20px; font-weight:700; line-height:36px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box { width:100%; margin:17px 0 10px; padding:0 20px; display:table; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box button { width:calc((100% - 30px) / 3); margin-left:10px; color:#fff; border-radius:5px; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box .output_btn { margin-left:0; background:#3985EA; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box .payment_repay_btn { background:#3985EA; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box .payment_repay_btn:hover { background:#007bff!important; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box .payment_cancel_btn { background:red; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box .payment_cancel_btn:hover { background:#d81515!important; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box .refund_btn { background:#070707; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box .refund_btn:hover { background: #000 !important; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom { height:calc(100% - 110px); overflow-y:auto; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .payment_detail_list { margin-top:10px; padding:10px; border-radius:5px; background:#E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .payment_detail_list li { width:100%; margin-top:10px; display:table; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .payment_detail_list li p:first-child { float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .payment_detail_list li p:last-child { float:right; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .payment_detail_list li.first { margin-top:0; padding-bottom:10px; border-bottom:1px solid #B5BDC4; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .payment_detail_list li.first p { font-size:16px; font-weight:700; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .payment_detail_list li.first p.cancelP { margin-left:5px; color:red; float:left; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .table_box { margin-top:20px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .table_box table { width:100%; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .table_box table thead tr th { padding:0 10px; line-height:36px; position:sticky; top:0; background:#F8FBFF; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .table_box table tbody tr { height:50px; border-bottom:1px solid #E9ECF0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .table_box table tbody tr td { padding:0 10px; max-width:100px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .table_box table tbody tr td p { font-weight:700; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .table_box table tbody tr td p span { display:block; font-size:12px; font-weight:400; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .textarea_box { margin-top:30px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .textarea_box textarea { width:100%; height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none; }
|
||||
|
||||
/* 수납모달 - 현금 */
|
||||
.monetization_modal.fade .modal-dialog { width:300px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:18px; font-weight:700; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-header p:last-child { margin-top:5px; font-size:20px; font-weight:700; color:#3985EA; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body { padding:20px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .input_box { margin-top:20px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button:first-child {margin-right: 6px;}
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button { float: left;border-radius: 5px;width: 126px;font-size: small;background-color: white;border: 1px solid #ccc;cursor: pointer; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button.active { background-color: #007bff;color: white;border: 1px solid #0056b3; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .input_box input { width:100%; height:36px; padding:0 10px; border:solid 1px #D8DDE3; border-radius:5px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.pick_payment_btn { margin-left:5px; color:#fff; background:#3985EA; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.check_btn { color:#fff; background:#3985EA; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .afterShow { display:none; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .afterShow { height:190px; text-align:center; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .afterShow img { margin-top:80px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .afterShow p.first { margin-top:30px; font-size:20px; font-weight:700; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .afterShow p.last { margin-top:5px; }
|
||||
|
||||
/* 수납모달 - 계좌이체 */
|
||||
.account_modal.fade .modal-dialog { width:300px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.account_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:18px; font-weight:700; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-header p:last-child { margin-top:5px; font-size:20px; font-weight:700; color:#3985EA; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body { padding:20px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .input_box { margin-top:20px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button:first-child {margin-right: 6px;}
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button { float: left;border-radius: 5px;width: 126px;font-size: small;background-color: #f0f0f0;border: 1px solid #ccc;cursor: pointer; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button.active { background-color: #007bff;color: white;border: 1px solid #0056b3; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .input_box input { width:100%; height:36px; padding:0 10px; border:solid 1px #D8DDE3; border-radius:5px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:50px; text-align:center; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.pick_payment_btn { margin-left:5px; color:#fff; background:#3985EA; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.check_btn { color:#fff; background:#3985EA; }
|
||||
.account_modal.fade .modal-dialog .modal-content .afterShow { display:none; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .afterShow { height:190px; text-align:center; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .afterShow img { margin-top:80px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .afterShow p.first { margin-top:30px; font-size:20px; font-weight:700; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .afterShow p.last { margin-top:5px; }
|
||||
|
||||
/* 수납모달 - 할인적용 */
|
||||
.discount_modal.fade .modal-dialog { width:850px; height:500px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.discount_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:18px; font-weight:700; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box { height:321px; overflow-y:auto; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table { width:100%; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table thead tr th { padding:0 10px; height:36px; position:sticky; top:0; background:#F8FBFF; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr { height:36px; border-bottom:1px solid #E9ECF0; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td { max-width:200px; padding:3px 8px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td p { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td .input_box input { width:100%; height:36px; padding:0 10px; border:solid 1px #D8DDE3; border-radius:5px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td .input_box input::placeholder { color:#B5BDC4; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.application_btn { color:#fff; background:#3985EA; }
|
||||
|
||||
/* 수납모달 - 할인적용-적용 */
|
||||
.discount_pay_modal.fade .modal-dialog { width:300px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:16px; font-weight:700; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-header p:last-child { margin-top:5px; font-size:16px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-body { padding:20px; padding-top:0; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-body p { font-size:16px; font-weight:700; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-body p:nth-child(2) { margin-top:5px; color:#3985EA; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:80px; text-align:center; font-size:14px; font-weight:400; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.check_btn { color:#fff; background:#3985EA; }
|
||||
|
||||
/* 수납모달 - 멤버십적용 */
|
||||
.membership_modal.fade .modal-dialog { width:850px; height:500px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.membership_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-header { padding:20px 20px 0 20px; margin-top:10px; border-bottom:0; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:18px; font-weight:700; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-header p:last-child { margin-top:20px; font-size:16px; font-weight:700; color:#3985EA; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-header p:last-child span { color:#3985EA; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body { padding-top:10px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box { height:321px; overflow-y:auto; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table { width:100%; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table thead tr th { padding:0 10px; height:36px; position:sticky; top:0; background:#F8FBFF; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr { height:36px; border-bottom:1px solid #E9ECF0; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td { max-width:200px; padding:3px 8px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td p { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td .input_box input { width:100%; height:36px; padding:0 10px; border:solid 1px #D8DDE3; border-radius:5px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td .input_box input::placeholder { color:#B5BDC4; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.application_btn { color:#fff; background:#3985EA; }
|
||||
|
||||
/* 수납모달 - 멤버십적용-적용 */
|
||||
.membership_pay_modal.fade .modal-dialog { width:300px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:16px; font-weight:700; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-header p:last-child { margin-top:5px; font-size:16px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body { padding:20px; padding-top:0; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body p { font-size:16px; font-weight:700; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body p:nth-child(2) { margin-top:5px; color:#3985EA; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body p:nth-child(3) { margin-top:20px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body p:nth-child(4) { margin-top:5px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:40px; text-align:center; font-size:14px; font-weight:400; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.check_btn { color:#fff; background:#3985EA; }
|
||||
|
||||
/* 수납모달 - 멤버십 - 부분결제 */
|
||||
.membership_partial_modal.fade .modal-dialog { width:300px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-header p { font-size:16px; font-weight:700; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-header p:last-child { margin-top:5px; font-size:18px; color:#3985EA; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body { padding:20px; padding-top:0; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul { padding:15px 10px; border-radius:10px; background:#f5f5f5; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li { width:100%; margin-top:10px; display:table; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li .title { font-weight:700; float:left; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li p.last { float:right; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li p.red { color:red; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li.sub p { font-size:12px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li.sub .title { font-weight:400; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li.remaining p { font-size:16px; font-weight:700; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:40px; text-align:center; font-size:14px; font-weight:400; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body .subP span { font-weight:700; color:#333; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.pick_payment_btn { color:#fff; background:#3985EA; }
|
||||
|
||||
/* 수납모달 - 멤버십 - 미수금결제 */
|
||||
.membership_remaining_modal.fade .modal-dialog { width:300px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-header p { font-size:16px; font-weight:700; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-header p:last-child { margin-top:5px; font-size:18px; color:#3985EA; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body { padding:20px; padding-top:0; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul { padding:15px 10px; border-radius:10px; background:#f5f5f5; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li { width:100%; margin-top:10px; display:table; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li .title { font-weight:700; float:left; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li p.last { float:right; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li p.red { color:red; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li.sub p { font-size:12px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li.sub .title { font-weight:400; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li.remaining p { font-size:16px; font-weight:700; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:40px; text-align:center; font-size:14px; font-weight:400; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body .subP span { font-weight:700; color:#333; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.pick_payment_btn { color:#fff; background:#3985EA; }
|
||||
|
||||
/* 수납모달 - 환불 */
|
||||
.refund_modal.fade .modal-dialog { width:300px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.refund_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-header .input_box label { margin-bottom:10px; font-size:16px; font-weight:700; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-header .input_box input { width:90%; height:36px; padding:0 10px; margin-right:5px; border:solid 1px #D8DDE3; border-radius:5px; float:left; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-header .input_box input::placeholder { color:#B5BDC4; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-header .input_box p { line-height:36px; font-size:20px; font-weight:700; color:#3985EA; float:left; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body { height:calc(100% - 195px); padding:20px; padding-top:0; position:relative; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .button_box { width:100%; display:table; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .button_box button { margin-top:10px; border:solid 1px #D8DDE3; border-radius:5px; background:none; float:left; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .button_box button.active { color:#fff; background:#3985EA; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .button_box button.account_btn { margin-left:10px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .button_box button img { margin:-3px 10px 0 0; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .button_box button .w { display:none; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .button_box button.active .w { display:inline-block; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .button_box button.active .b { display:none; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .input_box { margin-top:20px; display:none; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .input_box.openBox { display:block; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .input_box input { width:100%; height:36px; padding:0 10px; border:solid 1px #D8DDE3; border-radius:5px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .textarea_box { width:calc(100% - 40px); margin-top:20px; position:absolute; bottom:0; left:20px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .textarea_box textarea { width:100%; height:70px; padding:10px; margin-top:10px; border:solid 1px #D8DDE3; border-radius:5px; resize:none; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.refund_btn { color:#fff; background:#3985EA; }
|
||||
|
||||
/* 수납모달 - 결제취소 */
|
||||
.payment_cancel_modal.fade .modal-dialog { width:350px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:16px; font-weight:700; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-header p:last-child { margin-top:5px; font-size:20px; font-weight:700; color:#3985EA; float:left; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body { height:calc(100% - 195px); padding:20px; padding-top:0; position:relative; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul { padding:15px 10px; border-radius:10px; background:#f5f5f5; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li { width:100%; margin-top:10px; display:table; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li.first { margin-top:0; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li p { float:left; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li p div { display:flex; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li p input { margin:0; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li p label { margin:0; }
|
||||
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li .title { margin-right:5px; font-weight:700; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:20px; text-align:center; font-size:14px; font-weight:400; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:80px; line-height:32px; border-radius:16px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.refund_btn { color:#fff; background:#3985EA; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width:1500px) {
|
||||
/* 수납 모달 */
|
||||
.payment_modal.fade .modal-dialog { width:1150px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body { width:830px; height:600px; padding:20px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body p.user_name span.user { font-size:18px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body p.user_name span { margin-left:5px; padding-left:5px; font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .nav_box { margin-top:15px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .nav_box .nav li { height:40px; margin-left:15px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .nav_box .nav li a { font-size:16px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content { height:calc(100% - 85px); }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .select_box .label { font-size:12px; background-size:18px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .filter_box .search_list_box .search_btn { font-size:12px; line-height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box { height:417px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table thead tr th { font-size:12px; line-height:30px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table tbody tr td { font-size:12px; max-width:150px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table .chk_box .on { width:16px; height:16px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_left .table_box table .chk_box .on:after { width:5px; height:8px; top:3px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right { width:310px; height:600px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .right_top p.label { font-size:18px; line-height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .right_top p.amount { font-size:25px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li p:first-child { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li p:last-child { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .discount_list li div p { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .discount_list li div button img { width:16px; height:16px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap { margin-top:10px; padding-top:10px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .textarea_box label { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .textarea_box textarea { height:70px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button { font-size:11px; padding:0 3px; line-height:35px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .box_wrap .button_box button img { width:11px; margin-right:3px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list { padding:10px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li { margin-top:5px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li p { line-height:22px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_list li button { width:75px; font-size:12px; line-height:22px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub li.total_amount_list p { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .amount_detail_sub li:first-child { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table { padding-top:10px; margin-top:10px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table { width:150%; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table thead tr th { padding:0 5px; font-size:12px; line-height:30px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .list_table .table_box table tbody tr td { padding:0 5px; font-size:12px; line-height:normal; height:30px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .split_up_btn { font-size:12px; line-height:30px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .split_up_btn.on { line-height:30px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .input_box { margin-left:5px; font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box .split_top .input_box input { height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul { margin-top:10px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li { font-size:11px; line-height:14px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box { width:14px; height:14px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box .on { width:14px; height:14px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box .on:after { width:5px; height:9px; top:1px; left:5px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .filter_box { padding:15px 0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box.first { width:80px; height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box .label { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .form_box .calendar_box .date_box { width:120px; height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .form_box .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .filter_box .search_list .search_btn { font-size:12px; line-height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box { width:788px; height:417px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table thead tr th { font-size:12px; line-height:30px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_left .table_box table tbody tr td p { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right { width:310px; height:600px; padding:20px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top p.label { font-size:18px; line-height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box { padding:0; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_top .button_box button { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .payment_detail_list li.first p.cancelP { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .payment_detail_list li p:first-child { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .payment_detail_list li p:last-child { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .table_box table caption { font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .table_box table thead tr th { padding:0 5px; font-size:12px; line-height:30px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .table_box table tbody tr td { padding:0 5px; font-size:12px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .textarea_box label { font-size:12px; line-height:32px; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment_detail .payment_detail_right .right_bottom .textarea_box textarea { height:70px; }
|
||||
|
||||
|
||||
/* 수납모달 - 현금 */
|
||||
.monetization_modal.fade .modal-dialog { width:270px; height:400px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-header { padding:15px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:14px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-header p:last-child { font-size:16px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body { padding:15px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .input_box { margin-top:0; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-body .input_box input { font-size:12px; height:32px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.monetization_modal.fade .modal-dialog .modal-content .modal-footer .button_box button{ width:60px; height:30px; font-size:12px; }
|
||||
|
||||
/* 수납모달 - 계좌이체 */
|
||||
.account_modal.fade .modal-dialog { width:270px; height:400px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-header { padding:15px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:14px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-header p:last-child { font-size:16px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body { padding:15px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .input_box { margin-top:0; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .input_box input { font-size:12px; height:32px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-body .subP { font-size:12px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.account_modal.fade .modal-dialog .modal-content .modal-footer .button_box button{ width:60px; height:30px; font-size:12px; }
|
||||
|
||||
/* 수납모달 - 할인적용 */
|
||||
.discount_modal.fade .modal-dialog { width:700px; height:450px; }
|
||||
.discount_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.discount_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:16px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box { height:281px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table thead { width:150%; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table thead tr th { padding:0 5px; font-size:12px; line-height:30px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td { padding:0 5px; font-size:12px; line-height:normal; height:50px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td .input_box input { height:32px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.discount_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { height:32px; font-size:12px; }
|
||||
|
||||
/* 수납모달 - 할인적용-적용 */
|
||||
.discount_pay_modal.fade .modal-dialog { width:270px; height:400px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-header { padding:15px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:14px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-header p:last-child { font-size:14px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-body { padding:15px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-body p { font-size:14px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-body .input_box { margin-top:0; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-body .input_box input { font-size:12px; height:32px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:50px; font-size:12px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.discount_pay_modal.fade .modal-dialog .modal-content .modal-footer .button_box button{ width:60px; height:30px; font-size:12px; }
|
||||
|
||||
/* 수납모달 - 할인적용 */
|
||||
.membership_modal.fade .modal-dialog { width:700px; height:450px; }
|
||||
.membership_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.membership_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:16px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-header p:last-child { font-size:14px; margin-top:10px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box { height:281px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table thead { width:150%; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table thead tr th { padding:0 5px; font-size:12px; line-height:30px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td { padding:0 5px; font-size:12px; line-height:normal; height:50px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-body .table_box table tbody tr td .input_box input { height:32px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.membership_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { height:32px; font-size:12px; }
|
||||
|
||||
/* 수납모달 - 멤버십적용-적용 */
|
||||
.membership_pay_modal.fade .modal-dialog { width:270px; height:400px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-header { padding:15px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:14px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-header p:last-child { font-size:14px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body { padding:15px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body p { font-size:14px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body .input_box { margin-top:0; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body .input_box input { font-size:12px; height:32px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-body .subP { font-size:12px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.membership_pay_modal.fade .modal-dialog .modal-content .modal-footer .button_box button{ width:60px; height:30px; font-size:12px; }
|
||||
|
||||
/* 수납모달 - 멤버십 - 부분결제 */
|
||||
.membership_partial_modal.fade .modal-dialog { width:270px; height:400px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-header { padding:15px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:14px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-header p:last-child { font-size:14px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body { padding:15px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li:first-child { margin-top:0; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li .title { font-size:12px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li p.last { font-size:12px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body ul li.remaining p { font-size:12px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:35px; font-size:12px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.membership_partial_modal.fade .modal-dialog .modal-content .modal-footer .button_box button{ width:60px; height:30px; font-size:12px; }
|
||||
|
||||
/* 수납모달 - 멤버십 - 미수금결제 */
|
||||
.membership_remaining_modal.fade .modal-dialog { width:290px; height:400px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-header { padding:15px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:14px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-header p:last-child { font-size:14px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body { padding:15px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li:first-child { margin-top:0; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li .title { font-size:12px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li p.last { font-size:12px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body ul li.remaining p { font-size:12px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:35px; font-size:12px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.membership_remaining_modal.fade .modal-dialog .modal-content .modal-footer .button_box button{ width:60px; height:30px; font-size:12px; }
|
||||
|
||||
/* 수납모달 - 현금 */
|
||||
.refund_modal.fade .modal-dialog { width:270px; height:410px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-header { padding:15px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-header .input_box label { font-size:14px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body { height:calc(100% - 175px); padding:15px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-header .input_box input { height:32px; font-size:12px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-header .input_box p { font-size:14px; line-height:32px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .button_box button img { width:17px; margin:0 5px 0 0; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .input_box { margin-top:10px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .input_box input { height:32px; font-size:12px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .textarea_box { width:calc(100% - 30px); left:15px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-body .textarea_box textarea { font-size:12px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.refund_modal.fade .modal-dialog .modal-content .modal-footer .button_box button{ width:60px; height:30px; font-size:12px; }
|
||||
|
||||
/* 수납모달 - 결제취소 */
|
||||
.payment_cancel_modal.fade .modal-dialog { width:270px; height:400px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-header { padding:15px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:14px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-header p:last-child { font-size:14px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body { padding:15px; padding-top:0; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul { padding:10px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li:first-child { margin-top:0; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li .title { font-size:12px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li p { font-size:12px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li p.last { font-size:12px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body ul li.remaining p { font-size:12px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:35px; font-size:12px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.payment_cancel_modal.fade .modal-dialog .modal-content .modal-footer .button_box button{ width:65px; height:30px; font-size:12px; }
|
||||
}
|
||||
42
src/main/resources/static/css/web/modal_home_message.css
Normal file
42
src/main/resources/static/css/web/modal_home_message.css
Normal file
@@ -0,0 +1,42 @@
|
||||
/* 조직 추가 */
|
||||
.send_modal.fade .modal-dialog {width:700px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.send_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body { width:100%; padding:0; display:flex; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body > div { width:calc((100% - 20px) / 2); }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box p.title { font-size:18px; font-weight:700; color:#db5454; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box p:nth-last-child(1) { margin-top:20px; word-break: keep-all; font-size:13px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box img { width:100%; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(../image/select_arrow.svg) no-repeat 95% 55%/20px auto #f0f0f0;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box { margin-left:20px; padding-left:20px; border-left:1px solid #E9ECF0; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .title_box { width:100%; display:flex; align-items:flex-end; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .title_box p.title { font-size:18px; font-weight:700; color:#3985EA; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .title_box p.total { margin-left:10px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box { width:100%; height:calc(100% - 115px); margin-top:10px; padding:10px; border-radius:5px; position:relative; background:#f0f0f0; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box::before { content:'[Web 발신]'; display:block; font-weight:700; position:absolute; top:10px; left:10px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box textarea { width:100%; height:100%; padding-top:25px; border:0; background:inherit; resize:none; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box > p { margin-top:5px; text-align:right; font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .btn_box {margin:20px auto 0 auto; display:table;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .btn_box button { width:100px; height:36px; border-radius:16px; font-size:14px; float:left; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .btn_box button.cancel_btn { background:#F8FBFF; color:#21272C; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .btn_box button.registration_bth { background:#3985EA; margin-left:10px; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
.send_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box p.title { font-size:16px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box p:nth-last-child(1) { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box { height:32px; background-size:18px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .btn_box button { width:80px; height:32px; font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .title_box p.title { font-size:16px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .title_box p.total { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box { width:100%; height:calc(100% - 110px); }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box::before { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box textarea { padding-top:20px; font-size:12px; }
|
||||
}
|
||||
463
src/main/resources/static/css/web/modal_hospital.css
Normal file
463
src/main/resources/static/css/web/modal_hospital.css
Normal file
@@ -0,0 +1,463 @@
|
||||
/* 출퇴/휴무 등록*/
|
||||
.registration_wrap_modal.fade .modal-dialog {width:590px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 100px); height:36px; position:relative; float:left; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {width:calc((100% - 120px) / 3 ); height:36px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box:last-child { margin-right:0; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { width:100%; height:36px; font-weight:400; font-size:14px; text-align:left; color:#21272C; background:none; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list {min-width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box {width:calc((100% - 120px) / 3 ); float:left; position:relative; margin-left:10px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box {position:relative; width:100%; height:36px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 12px; padding-left:35px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .attendanceTime {width:calc((100% - 120px) / 3 ); height:36px; float:left; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .attendanceTime .attendanceTimeInput { line-height: 34px;display: block;width: 100%;padding: 0 12px;padding-left: 35px;outline: none; border-radius: 5px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .attendanceTime img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.hide_box { margin-right:0; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box{ display:none; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box {width:calc((100% - 105px) / 3 * 2 ); margin-left:0; float:left; position:relative; margin-top: 10px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .slash { color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box {position:relative; width:calc((100% - 16px) / 2); height:36px; float:left;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box.last {margin-left:0;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box .date_picker {line-height:34px; display:block; margin-right:0; width:100%; padding:0 12px; padding-left:35px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
|
||||
|
||||
/* 휴무 등록*/
|
||||
.holiday_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.holiday_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 100px); height:36px; position:relative; float:left; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box {width:calc(100% - 145px); float:left; position:relative; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .slash { color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box {position:relative; width:calc(100% / 2 - 15px); height:36px; float:left;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .holiday_sum { width:45px; line-height:36px; text-align:right; display:inline-block; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.holiday_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 연차 등록*/
|
||||
.yeoncha_modal.fade .modal-dialog {width:580px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.yeoncha_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.first p { width:100px; line-height:36px; color:#3985EA; text-align:right; float:left; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 200px); height:36px; position:relative; float:left; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box {width:calc((100% - 110px) / 3 ); height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box:last-child { margin-right:0; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box.active {z-index:10;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .label { width:100%; height:36px; font-weight:400; font-size:14px; text-align:left; color:#21272C; background:none; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list {min-width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box {width:calc((100% - 110px) / 3 * 2); float:left; position:relative; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box { width:calc((100% - 17px) / 2); position:relative; height:36px; float:left;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box.last {margin-left:0;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1; width:22px;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 5px; padding-left:30px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .slash { float:left; line-height:36px; padding:0 5px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box { display:none; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box { width:calc(100% - 100px); margin:0 0 10px 100px; float:left; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list {width:calc(50% - 15px); background:#fff; border-radius:5px; float:left; position:relative;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .label { width:100%; height:100%; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); outline:none; font-size:14px; font-weight:400; color:#8F8F8F; cursor:pointer; background:none; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .select_option_list { max-height:200px; overflow-y:auto; min-width:100%; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; color:#494E53; text-align:center; line-height:30px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .slash { float:left; line-height:36px; padding:0 10px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box { width:100%; display:table; margin-bottom:10px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 휴가 발행 - 휴가발행 */
|
||||
.hyuga_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.hyuga_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav { border:0; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li a { padding:0 10px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li a p {font-size:18px;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li.active a { border:0; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li.active a p { color:#3985EA; text-decoration:underline; font-weight:700;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box { width:200px; height:36px; position:relative; float:left; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box {width:200px; height:36px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box.active {z-index:10;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .label { width:100%; height:36px; font-weight:400; font-size:14px; text-align:left; color:#21272C; background:none; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .select_option_list {min-width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box { width:200px; display:table; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box p { width:50px; line-height:36px; text-align:right; float:left; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box input { width:calc(100% - 50px); float:left; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box {width:200px; position:relative; float:left; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box {position:relative; width:100%; height:36px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box {width:calc(100% - 100px); display:table; margin-bottom:10px;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box textarea {width:100%; height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/* 휴가 발행 - 휴가일괄등록 */
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box label.file_btn {width:36px; height:36px; margin-right:10px; display:flex; align-items:center;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box label img {margin-left:10px;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box input {width:200px; height:36px; float:left; border:1px solid #E9ECF0; border-radius:5px; text-indent:10px;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box input[type="file"] {display:none;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box button {position:relative; padding:0 10px; font-size:14px; font-weight:700; color:#3985EA; background:none;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box button::after {content:''; display:block; position:absolute; width:1px; height:60%; top:20%; left:0; background:#E9ECF0;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box button:hover { background: none !important; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .reservation_total { float:left; line-height:36px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box.last { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #E9ECF0 }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box { width:100%; display:table; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box label { font-size:18px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table { width:100%; clear:both; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table thead tr th { width:fit-content; position:sticky; top:0; padding:0 10px; line-height:36px; background:#EDF5FF; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; width:40%; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table tbody tr td { padding:0 10px; line-height:36px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box .table_scroll { width:100%; height:139px; overflow-y:auto; }
|
||||
|
||||
|
||||
/* 휴무취소*/
|
||||
.cencell_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.cencell_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-header { width:100%; padding:0; padding-bottom:30px; border:none; display:table; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-header button.cencell_btn { float:right; border-radius:5px; color:#fff; background:red; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li { width:100%; display:table; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li.different { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #E9ECF0; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:100px; font-size:14px; line-height:36px; float:left; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:14px; line-height:36px; float:left; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box { width:100%; display:table; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box label { width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box {border-radius:8px; float:left; position:relative;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box {position:relative; width:165px; height:36px; float:left; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box p.total { margin-left:10px; line-height:36px; float:left; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box {width:calc(100% - 100px); display:table; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea {width:100%; height:100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; resize:none; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-footer .seve_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
.cencell_modal .modal-dialog .modal-content.oh::before { content:''; display:block; width:100%; height:100%; border-radius:5px; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); z-index:1; }
|
||||
/*.cencell_modal .modal-dialog .modal-content .cencell_reason { width:80%; display:none; padding:30px; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); background:#fff; z-index:5; }*/
|
||||
.cencell_modal .modal-dialog .modal-content .cencell_reason label { margin-bottom:20px; }
|
||||
.cencell_modal .modal-dialog .modal-content .cencell_reason .textarea_box { margin-bottom:50px; }
|
||||
.cencell_modal .modal-dialog .modal-content .cencell_reason .textarea_box textarea {width:100%; height:100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; resize:none;}
|
||||
.cencell_modal .modal-dialog .modal-content .cencell_reason .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.cencell_modal .modal-dialog .modal-content .cencell_reason .btn_box {margin:0 auto; display:table;}
|
||||
.cencell_modal .modal-dialog .modal-content .cencell_reason .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.cencell_modal .modal-dialog .modal-content .cencell_reason .seve_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
/*.cencell_modal .modal-dialog .modal-content .cencell_reason.open { display:block; }*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 휴무취소-상세*/
|
||||
.cencell_info_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.cencell_info_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-header { width:100%; padding:0; padding-bottom:30px; border:none; display:table; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li { width:100%; display:table; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:100px; font-size:14px; line-height:36px; float:left; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:14px; line-height:36px; float:left; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box {width:calc(100% - 100px); display:table; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea {width:100%; height:100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; resize:none;}
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-footer .seve_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
/* 휴가발행 팝업 - 사용기한 항목 */
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box {width:calc(100% - 100px);float: left;position: relative;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .slash {float: left;line-height: 36px;padding: 0 5px;}
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box {float: left;width:calc(100% / 2 - 30px);}
|
||||
|
||||
/* 출퇴근수정 팝업 - 출퇴근기록 항목 */
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 12px; width:6px; display:block; float:left;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box { width:calc(100% - 100px); float:left; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list {width:calc(50% - 15px); background:#fff; border-radius:5px; float:left; position:relative;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box .label { width:100%; height:100%; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); outline:none; font-size:14px; font-weight:400; color:#494E53; cursor:pointer; background:none; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box .select_option_list { max-height:200px; overflow-y:auto; min-width:100%; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; color:#494E53; text-align:center; line-height:30px; }
|
||||
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .updateAttendanceTime {width:auto; height:36px; margin-right:10px; float:left;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .updateAttendanceTime input { line-height: 34px;display: block;width: 100%;padding: 0 12px;text-align:center;outline: none;border: 1px solid #E9ECF0;border-radius: 5px;}
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .updateAttendanceTime img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
/* joy 추가 종료 */
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 출퇴/휴무 등록*/
|
||||
.registration_wrap_modal.fade .modal-dialog { width:490px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 80px); height:32px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:20px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { width:calc((100% - 100px) / 3); height:32px; background-size:18px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box { width:calc((100% - 100px) / 3); }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box { height:32px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box img { width:20px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box input { height:32px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .attendanceTime .attendanceTimeInput { line-height: 32px; font-size:12px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .attendanceTime { height:32px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box { width:calc((100% - 85px) / 3* 2); }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box.show_box .date_box img { width:20px; margin-top:-2px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker { height:32px; font-size:12px; line-height:32px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.registration_wrap_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 연차 사용*/
|
||||
.yeoncha_modal.fade .modal-dialog { width:490px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.first p { width:80px; font-size:12px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 160px); height:32px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:20px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box { width:calc(100% - 80px); margin-left:80px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list { width:calc(50% - 10px); }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box { height:32px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .slash { padding:0 5px; line-height:32px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .label { font-size:12px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box { width:calc((100% - 90px) / 3); height:32px; background-size:18px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .label { font-size:12px; height:32px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box { width:calc((100% - 90px) / 3 * 2); }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box { height:32px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box img { width:20px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box .date_picker { height:32px; font-size:12px; line-height:32px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .slash { line-height:32px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.yeoncha_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 휴무등록 */
|
||||
.holiday_modal.fade .modal-dialog { width:490px; }
|
||||
.holiday_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box.first p { width:80px; font-size:12px; line-height:32px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 80px); height:32px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:20px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .slash { line-height:32px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box { width:calc(100% - 120px); }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box { width:calc(100% / 2 - 8px); height:32px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box img { width:20px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker { height:32px; margin-right:0; font-size:12px; line-height:32px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .input_box .holiday_sum { width:40px; font-size:12px; line-height:32px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.holiday_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 휴무취소 */
|
||||
.cencell_modal.fade .modal-dialog { width:490px; }
|
||||
.cencell_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:80px; margin-bottom:0; font-size:12px; line-height:32px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:12px; line-height:32px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .slash { line-height:32px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box { width:calc(100% - 110px); }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box { width:calc(100% / 2 - 8px); height:32px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box img { width:20px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .calendar_box .date_box .date_picker { height:32px; margin-right:0; font-size:12px; line-height:32px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box p.total { width:20px; line-height:32px; text-align:right; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box { width:calc(100% - 80px); }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea { font-size:12px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-footer .seve_bth { width:80px; height:32px; font-size:12px; }
|
||||
.cencell_modal .modal-dialog .modal-content .cencell_reason .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.cencell_modal .modal-dialog .modal-content .cencell_reason .seve_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
|
||||
/* 휴무취소-상세 */
|
||||
.cencell_info_modal.fade .modal-dialog { width:490px; }
|
||||
.cencell_info_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body { padding:20px 0 0 0; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:80px; margin-bottom:0; font-size:12px; line-height:32px; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:12px; line-height:32px; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box { width:calc(100% - 80px); }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .textarea_box textarea { font-size:12px; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.cencell_info_modal .modal-dialog .modal-content .modal-footer .seve_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 휴가 발행 - 휴가일괄등록 */
|
||||
.hyuga_modal.fade .modal-dialog { width:490px; }
|
||||
.hyuga_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li a { padding:0 5px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-header .nav_box .nav li a p { font-size:16px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box { width:175px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box p { width:35px; font-size:12px; line-height:32px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .text_box input { width:140px; height:32px; font-size:12px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box { width:140px; height:32px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box img { width:20px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box { width:140px; height:32px; background-size:18px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box { height:32px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box img { width:20px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .calendar_box .date_box .date_picker { height:32px; font-size:12px; line-height:32px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box { width:calc(100% - 80px); }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #publish .form_box .input_box .textarea_box textarea { font-size:12px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
/* 휴가 발행 - 휴가발행 */
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box input { height:32px; font-size:12px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box label.file_btn { width:32px; height:32px; margin-right:0; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box label img { width:20px; margin:0 0 0 5px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .file_box button { font-size:12px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box .reservation_total { font-size:12px; line-height:32px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .input_box.last { padding-bottom:0; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box .table_scroll { height:162px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box label { margin-bottom:5px; font-size:16px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table thead tr th { font-size:12px; line-height:32px; }
|
||||
.hyuga_modal .modal-dialog .modal-content .modal-body #registration .form_box .table_box table tbody tr td { font-size:12px; line-height:32px; }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
/* 출퇴근수정 팝업 - 출퇴근기록 항목 */
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box { width:calc(100% - 80px); }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .slash { margin:0 5px; line-height:32px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list { width:calc(50% - 8px); }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box { height:32px; background-size:18px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box .label { font-size:12px; height:32px; }
|
||||
.cencell_modal .modal-dialog .modal-content .modal-body .form_box .info_list li .input_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
/* joy 추가 종료 */
|
||||
}
|
||||
150
src/main/resources/static/css/web/modal_hospital_diagnosis.css
Normal file
150
src/main/resources/static/css/web/modal_hospital_diagnosis.css
Normal file
@@ -0,0 +1,150 @@
|
||||
/* 진료이동 */
|
||||
.diagnosis_move_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {width:calc(100% - 100px); height:36px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#21272C; background:none; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/* 시술추가 */
|
||||
.add_treatment_modal.fade .modal-dialog {width:1200px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:40%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.add_treatment_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:flex; border-radius:0; border-bottom:1px solid #E9ECF0; flex-wrap: wrap;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .right_tabel_wrap { width:calc(100% - 10px); float:left; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .left_tabel_wrap { width:30%; margin-left:10px; float:left; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box > .input_box {width:100%; display:table; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box > .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box > .input_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box > .input_box.first { margin-bottom:30px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box > .input_box.first input { width:200px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box { margin-bottom:30px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table { width:100%; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table thead tr th { padding:0 10px; line-height: 36px; background:#EDF5FF; min-width: 60px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .right_tabel_wrap .teble_box table thead tr th:first-child { width:45px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .left_tabel_wrap .teble_box table tbody tr td input { text-align:right; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td { padding:5px 10px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box { width:100%; height:36px; position:relative; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .input_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .input_box.right input { text-align:right; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .input_box.short input { width:70px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box { height:100%; position:relative; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; left:0; transform:translateY(-50%); }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box button img { vertical-align:initial; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box button:hover { background: none !important; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box { display:flex; align-items:center; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button { width:24px; height:24px; padding:0; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button img { vertical-align:initial; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button:hover { background: none !important; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box {width:80px; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; text-indent:10px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tfoot tr td:first-child { text-align:right; color:#3985EA; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tfoot tr td:first-child span { color:#3985EA; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tfoot tr { border-top:1px solid #eee; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tfoot tr td { padding:5px 10px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble thead tr th:nth-child(1) { width:45px; border-radius:5px 0 0 5px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble thead tr th:nth-child(2) { width:250px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble thead tr th:nth-child(3) { border-radius:0 5px 5px 0; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; text-indent:10px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
/* 시술추가 - selectbox 추가 (닥터 항목) */
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box {width:100%; height:36px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box.active {z-index:10;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .label { width:80px; height:36px; font-size:14px; font-weight:400; text-align:left; color:#21272C; background:none; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
|
||||
/* 시술추가 - 마이너스 버튼 추가 (동적row) */
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box { height:100%; position:relative; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; left:0; transform:translateY(-50%); background: url('/image/web/subtract.svg')no-repeat; }
|
||||
|
||||
/* 시술추가 - 등록버튼 색상 변경 */
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-footer .registration_bth {background:#3985EA;}
|
||||
/* joy 추가 종료 */
|
||||
|
||||
|
||||
@media only screen and (max-width: 1280px){
|
||||
/* 진료이동 */
|
||||
.diagnosis_move_modal.fade .modal-dialog { width:490px;}
|
||||
.diagnosis_move_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 80px); height:32px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:20px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { height:32px; background-size:18px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.diagnosis_move_modal .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 시술추가 */
|
||||
.add_treatment_modal.fade .modal-dialog {width:1060px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .input_box.first input { width:150px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { height:32px; font-size:12px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box { margin-bottom:20px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table thead tr th { font-size:12px; line-height:32px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td { font-size:12px; line-height:32px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box { height:32px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box input { padding-left:30px; font-size:12px; line-height:32px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .search_box img { width:22px; height:22px; left:5px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box button { width:22px; height:22px; background-size:22px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .add_box button img { width:22px; height:22px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button { width:22px; height:22px; background-size:22px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .subtract_box button img { width:22px; height:22px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .input_box input { height:32px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tfoot tr td { font-size:12px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box { height:32px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .label { font-size:12px; height:32px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table tbody tr td .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box { height:32px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box .label { font-size:12px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-body .form_box .teble_box table.doctor_teble tbody tr td .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.add_treatment_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
100
src/main/resources/static/css/web/modal_hospital_employee.css
Normal file
100
src/main/resources/static/css/web/modal_hospital_employee.css
Normal file
@@ -0,0 +1,100 @@
|
||||
/* 직원 등록 */
|
||||
.employee_registration_modal.fade .modal-dialog {width:600px; display:table; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.employee_registration_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .title {height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box {display:table;width:100%; margin-top:20px;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box.first {margin:0;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box {float:left; width:100%;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:200px; height:36px; border:solid 1px #E9ECF0; border-radius:5px; padding:0 15px; float:left; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .duplicate_id {margin-left: 10px;width: 86px;height: 36px;border-radius: 5px;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .duplicate_id:hover { background: #dcdcdc !important; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box span {float: left; margin-left:5px; line-height: 36px;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list {background:#fff; border-radius:8px; width:200px; float:left; position:relative;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list.last {margin-left:10px;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/18px auto;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box.active {z-index:10;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#494E53; font-size:14px; font-weight:400; padding:0 15px;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .select_option_list {min-width:100%; max-height:150px; overflow-y:auto; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; /*z-index:1;*/ border:solid 1px #E9ECF0; /*display:none; margin:0;*/ padding:10px;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box:nth-child(2) .input_box .select_list { margin-left:5px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/* 직원 정보 */
|
||||
.employee_info_modal.fade .modal-dialog {width:600px; display:table; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.employee_info_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body {padding:0;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body .title {font-size:14px; font-weight:700; background:#EDF5FF; padding:10px; border-radius:5px; margin-top:30px; margin-bottom:20px;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body .title.first {margin-top:0;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0; padding-left:10px;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box .input_div {width:calc(100% - 100px); line-height:36px; border-radius:5px; color:#21272C; padding:0 10px; float:left;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-footer .disabled_btn {color:#fff; width:100px; height:36px; background:#FF2222; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-footer .correction_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
/* 직원등록 유형 추가 */
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box label { width:80px; font-weight:400; margin:0; padding-left:25px; position:relative; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box label::after { content:''; display:block; width:18px; height:18px; border-radius:50%; border:solid 2px #B5BDC4; position:absolute; top:50%; left:0; transform:translateY(-50%); }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box input { display:none; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box input:checked + label::after { border:solid 2px #3985EA; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box input:checked + label::before { content:''; display:block; width:10px; height:10px; border-radius:50%; background:#3985EA; position:absolute; left:5%; top:50%; transform:translateY(-50%); z-index:1; }
|
||||
/* joy 추가 종료 */
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 직원 등록 */
|
||||
.employee_registration_modal.fade .modal-dialog { width:450px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .title { height:40px; font-size:16px; line-height:40px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box { margin-top:10px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:140px; height:32px; font-size:12px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box span { line-height:32px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list { width:140px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box { height:32px; background-size:18px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .label { font-size:12px; height:32px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .select_option_list { width:100%; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 직원 정보 */
|
||||
.employee_info_modal.fade .modal-dialog { width:450px; }
|
||||
.employee_info_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body .title { margin:10px 0 10px; padding:0 10px; font-size:12px; line-height:32px; }
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box { margin-bottom:0; }
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box .input_div { width:calc(100% - 80px); font-size:12px; line-height:32px; }
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-footer .disabled_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.employee_info_modal .modal-dialog .modal-content .modal-footer .correction_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
/* 직원등록 유형 추가 */
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box label::after { width:15px; height:15px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box input:checked + label::before { width:7px; height:7px; left:4px; }
|
||||
.employee_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box .radio_box label { width:60px; padding-left:20px; }
|
||||
/* joy 추가 종료 */
|
||||
}
|
||||
@@ -0,0 +1,39 @@
|
||||
/* 비밀번호 재설정 */
|
||||
.password_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.password_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.password_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.password_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.password_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box .input_box a {font-size:14px; color:#3985EA; line-height:36px;}
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:200px; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box .input_box input::placeholder {color:#B5BDC4;}
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box .input_box .comment {font-size:12px; margin-top:10px; padding-left:10px;}
|
||||
.password_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.password_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.password_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.password_modal .modal-dialog .modal-content .modal-footer .reset_btn {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 비밀번호 재설정 */
|
||||
.password_modal.fade .modal-dialog { width:450px; }
|
||||
.password_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.password_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.password_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box .input_box a { font-size:12px; line-height:32px; }
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:140px; height:32px; font-size:12px; }
|
||||
.password_modal .modal-dialog .modal-content .modal-body .form_box .input_box .comment { padding-left:5px; }
|
||||
.password_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.password_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.password_modal .modal-dialog .modal-content .modal-footer .reset_btn { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
}
|
||||
187
src/main/resources/static/css/web/modal_hospital_group.css
Normal file
187
src/main/resources/static/css/web/modal_hospital_group.css
Normal file
@@ -0,0 +1,187 @@
|
||||
/* 조직 추가 */
|
||||
.group_item_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.group_item_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {position:relative; width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 99% 55%/18px auto; float:left;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#8F8F8F; font-size:14px; font-weight:400; padding:0 10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list {position:absolute; top:40px; left:0; width:200px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box {width:100%; float:left; height:34px; position:relative; margin:0;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box input {width:100%; height:34px; border:solid 1px #D8DDE3; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:12px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list {position:absolute; top:40px; left:0; width:100px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/* 직무 추가 */
|
||||
.group_add_jod_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {position:relative; width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 99% 55%/18px auto; float:left;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#8F8F8F; font-size:14px; font-weight:400; padding:0 10px;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list {position:absolute; top:40px; left:0; width:200px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box {width:100%; float:left; height:34px; position:relative; margin:0;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box input {width:100%; height:34px; border:solid 1px #D8DDE3; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:12px;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list {position:absolute; top:40px; left:0; width:100px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
/* 조직 정보 수정 */
|
||||
.group_information_correction_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {position:relative; width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 97% 55%/18px auto; float:left;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#494E53; font-size:14px; font-weight:400; padding:0 10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list {position:absolute; top:40px; left:0; width:200px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box {width:100%; float:left; height:34px; position:relative; margin:0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box input {width:100%; height:34px; border:solid 1px #D8DDE3; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list {position:absolute; top:40px; left:0; width:100px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/* 직무 정보 수정 */
|
||||
.group_job_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.group_job_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {position:relative; width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 97% 55%/18px auto; float:left;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#494E53; font-size:14px; font-weight:400; padding:0 10px;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list {position:absolute; top:40px; left:0; width:200px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box {width:100%; float:left; height:34px; position:relative; margin:0;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box input {width:100%; height:34px; border:solid 1px #D8DDE3; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list {position:absolute; top:40px; left:0; width:100px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.group_job_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 조직 추가 */
|
||||
.group_item_modal.fade .modal-dialog { width:490px; }
|
||||
.group_item_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { width:calc(100% - 80px); height:32px; background-size:18px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 직무 추가 */
|
||||
.group_add_jod_modal.fade .modal-dialog { width:490px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { width:calc(100% - 80px); height:32px; background-size:18px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.group_add_jod_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 조직 정보 수정 */
|
||||
.group_information_correction_modal.fade .modal-dialog { width:490px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { width:calc(100% - 80px); height:32px; background-size:18px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 직무 정보 수정 */
|
||||
.group_job_modal.fade .modal-dialog { width:490px; }
|
||||
.group_job_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { width:calc(100% - 80px); height:32px; background-size:18px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.group_job_modal .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
167
src/main/resources/static/css/web/modal_hospital_notice.css
Normal file
167
src/main/resources/static/css/web/modal_hospital_notice.css
Normal file
@@ -0,0 +1,167 @@
|
||||
/* 공지사항 등록 */
|
||||
.notice_registration_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.notice_registration_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box {width:100%; display:table; margin-bottom:1px;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box {position:relative; width:140px; height:36px; float:left;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:20px;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker {line-height:34px; display:block; margin:0; width:100%; padding:0 12px; padding-left:35px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box input {width:100px; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; margin-left:10px;}
|
||||
|
||||
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 공지사항 상세 (본인계정) */
|
||||
.notice_detail_user_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box input::placeholder {color:#B5BDC4;}
|
||||
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box {width:100%; display:table; margin-bottom:1px;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box {position:relative; width:140px; height:36px; float:left;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:20px;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker {line-height:34px; display:block; margin:0; width:100%; padding:0 12px; padding-left:35px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box input {width:100px; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; margin-left:10px;}
|
||||
|
||||
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-footer .correction_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* 공지사항 상세 (타계정) */
|
||||
.notice_detail_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.notice_detail_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box .input_div {width:calc(100% - 100px); line-height:36px; background:#E9ECF0; border:1px solid #E9ECF0; border-radius:5px; color:#21272C; padding:0 10px; float:left;}
|
||||
|
||||
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box .textarea_div {width:calc(100% - 100px); height:100px; background:#E9ECF0; border:1px solid #E9ECF0; color:#21272C; border-radius:5px; padding:10px; float:left;}
|
||||
|
||||
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box {width:100%; display:table; margin-bottom:1px;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_div {position:relative; width:120px; line-height:36px; background:#E9ECF0; border:1px solid #E9ECF0; border-radius:5px; color:#21272C; padding:0 10px; float:left;}
|
||||
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .time_div {width:100px; line-height:36px; background:#E9ECF0; border:1px solid #E9ECF0; border-radius:5px; color:#21272C; padding:0 10px; margin-left:10px; float:left;}
|
||||
|
||||
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 공지사항 등록 */
|
||||
.notice_registration_modal.fade .modal-dialog { width:490px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box { height:32px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box img { width:20px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker { line-height:32px; font-size:12px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-body .form_box .registration_box input { height:32px; font-size:12px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.notice_registration_modal .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 공지사항 상세 (본인계정) */
|
||||
.notice_detail_user_modal.fade .modal-dialog { width:490px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box { height:32px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box img { width:20px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_box .date_picker { line-height:32px; font-size:12px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-body .form_box .registration_box input { height:32px; font-size:12px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.notice_detail_user_modal .modal-dialog .modal-content .modal-footer .correction_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 공지사항 상세 (타계정) */
|
||||
.notice_detail_modal.fade .modal-dialog { width:490px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box .input_div { width:calc(100% - 80px); line-height:32px; font-size:12px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box .textarea_div { width:calc(100% - 80px); font-size:12px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .date_div { line-height:32px; font-size:12px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-body .form_box .registration_box .time_div { line-height:32px; font-size:12px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.notice_detail_modal .modal-dialog .modal-content .modal-footer .check_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
100
src/main/resources/static/css/web/modal_hospital_other.css
Normal file
100
src/main/resources/static/css/web/modal_hospital_other.css
Normal file
@@ -0,0 +1,100 @@
|
||||
body.modal-open { padding-right:0 !important; }
|
||||
|
||||
/* 조직 추가 */
|
||||
.group_item_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.group_item_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {position:relative; width:calc(100% - 300px); height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(../../image/web/select_arrow.svg) no-repeat 99% 55%/18px auto; float:left;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#8F8F8F; font-size:14px; font-weight:400; padding:0 10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list {position:absolute; top:40px; left:0; width:200px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box {width:100%; float:left; height:34px; position:relative; margin:0;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box input {width:100%; height:34px; border:solid 1px #D8DDE3; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:12px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list {position:absolute; top:40px; left:0; width:100%; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; margin:0; padding:10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .file_box input { width:50%; height:36px; color:#8F8F8F; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px; float:left; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .file_box label { margin:0 0 0 5px; padding:0 9px; line-height:36px; color:#fff; border-radius:5px; background:#3985EA; float:left;text-align: center; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .file_box input[type="file"] { display:none; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .file_box input::placeholder {color:#B5BDC4;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/* 조직 정보 수정 */
|
||||
.group_information_correction_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; float:left; margin:0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box input {width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box {position:relative; width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(../../image/web/select_arrow.svg) no-repeat 97% 55%/18px auto; float:left;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box.active {z-index:10;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#494E53; font-size:14px; font-weight:400; padding:0 10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list {position:absolute; top:40px; left:0; width:200px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box {width:100%; float:left; height:34px; position:relative; margin:0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .option_list .search_box input {width:100%; height:34px; border:solid 1px #D8DDE3; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list {position:absolute; top:40px; left:0; width:100px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 조직 추가 */
|
||||
.group_item_modal.fade .modal-dialog { width:490px; }
|
||||
.group_item_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { width:calc(100% - 80px); height:32px; background-size:18px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .input_box .file_box input { font-size:12px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.group_item_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
/* 조직 정보 수정 */
|
||||
.group_information_correction_modal.fade .modal-dialog { width:490px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box { width:calc(100% - 80px); height:32px; background-size:18px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .label { font-size:12px; height:32px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.group_information_correction_modal .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
@@ -0,0 +1,127 @@
|
||||
/* 휴가등록정보 */
|
||||
.hyuga_info_modal.fade .modal-dialog {width:590px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-header { width:100%; padding:0; padding-bottom:30px; border:none; display:table; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-header button.cencell_btn { float:right; border-radius:5px; color:#fff; background:red; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li { width:100%; display:table; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:100px; font-size:14px; line-height:36px; float:left; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:14px; line-height:36px; float:left; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box {width:calc((100% - 110px) / 3 ); height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box:last-child { margin-right:0; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box.active {z-index:10;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#21272C; background:none; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list {width:100%; max-height:200px; overflow-y:auto; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box {width:calc((100% - 110px) / 3 * 2); float:left; position:relative; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box { width:calc((100% - 25px) / 2); position:relative; height:36px; float:left;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box.last {margin-left:0;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1; width:22px;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 12px; padding-left:30px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .slash { float:left; line-height:36px; padding:0 5px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box { width:calc(100% - 100px); display:table; margin-bottom:10px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:100%; height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-footer .seve_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content.oh::before { content:''; display:block; width:100%; height:100%; border-radius:5px; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); z-index:1; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason { width:80%; display:none; padding:30px; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); background:#fff; z-index:5; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .reason_head { border-bottom:1px solid #E9ECF0; margin-bottom:20px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason label { font-size:18px; margin-bottom:20px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason p span { display:inline-block; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason p span.reason_label { width:100px; margin-bottom:20px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box { width:100%; margin-bottom:50px; display:table; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box label { width:100px; font-size:14px; font-weight:400; float:left; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; float:left;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .btn_box {margin:0 auto; display:table;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .seve_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason.open { display:block; }
|
||||
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box.show_box { display:none; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li.toggle_box { display:none; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box { width:calc(100% - 100px); float:left; margin:0 0 5px 100px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list {width:calc(50% - 10px); background:#fff; border-radius:5px; float:left; position:relative;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .label { width:100%; height:100%; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); outline:none; font-size:12px; font-weight:400; color:#8F8F8F; cursor:pointer; background:none; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .select_option_list { min-width:100%; max-height:200px; overflow-y:auto; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px;}
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:12px; color:#494E53; text-align:center; line-height:30px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .slash { float:left; line-height:36px; padding:0 5px; }
|
||||
|
||||
|
||||
|
||||
|
||||
/* 휴가취소 */
|
||||
.hyuga_cencell_modal.fade .modal-dialog {width:1040px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-header { width:100%; padding:0; padding-bottom:30px; border:none; display:table; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; line-height:36px; float:left; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-header button.cencell_btn { float:right; border-radius:5px; color:#fff; background:red; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box { height:300px; overflow-y:auto; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table { width:100%; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { width:20%; position:sticky; top:0; line-height:36px; padding:0 10px; background:#EDF5FF; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th.slim { width:10%; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { padding:5px 10px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td input {width:200px; height:36px; float:left; border:1px solid #E9ECF0; border-radius:5px; font-size:12px; text-indent:10px;}
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-footer .cancellation {color:#fff; width:100px; height:36px; background:red; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 휴가취소*/
|
||||
.hyuga_cencell_modal.fade .modal-dialog { width:800px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box { height:250px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { width:auto; font-size:12px; line-height:32px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { font-size:12px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td input { width:100%; height:32px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.hyuga_cencell_modal .modal-dialog .modal-content .modal-footer .cancellation { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 휴가등록*/
|
||||
.hyuga_info_modal.fade .modal-dialog { width:490px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li label { width:80px; font-size:12px; line-height:32px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .info_list li p { font-size:12px; line-height:32px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box { width:calc((100% - 90px) / 3); height:32px; background-size:18px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .label { font-size:12px; height:32px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box { width:calc(100% - 80px); height:32px; margin-left:80px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .toggle_box .select_time_list_box .select_list .select_box { height:32px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box { width:calc((100% - 90px) / 3 * 2); }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box { width:calc((100% - 17px) / 2); height:32px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box img { width:20px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .date_box .date_picker { height:32px; font-size:12px; line-height:32px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box.three_wrap .calendar_box .slash { line-height:32px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason p span.reason_label { width:80px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box .textarea_box { width:calc(100% - 80px); }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-body .form_box .input_box .textarea_box textarea { font-size:12px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .modal-footer .seve_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason label { font-size:16px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason p span { font-size:12px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box label { width:80px; font-size:12px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.hyuga_info_modal .modal-dialog .modal-content .cencell_reason .seve_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
200
src/main/resources/static/css/web/modal_hospital_work.css
Normal file
200
src/main/resources/static/css/web/modal_hospital_work.css
Normal file
@@ -0,0 +1,200 @@
|
||||
/* 근무일정 생성*/
|
||||
.create_schedule_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.create_schedule_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 12px; width:6px; display:block; float:left;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 12px; width:6px; display:block; float:left;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box { width:calc(100% - 100px); float:left; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box .select_list {width:calc(50% - 15px); background:#fff; border-radius:5px; float:left; position:relative;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box .select_list .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box .select_list .select_box .label { width:100%; height:100%; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); outline:none; font-size:14px; font-weight:400; color:#494E53; cursor:pointer; background:none; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box .select_list .select_box .select_option_list { max-height:200px; overflow-y:auto; min-width:100%; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; color:#494E53; text-align:center; line-height:30px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item { text-align:left; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box { background: url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .label { text-align:left; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box { width:100%; display:table; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box { width:calc(100% - 100px); float:left; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list {width:calc(50% - 15px); background:#fff; border-radius:5px; float:left; position:relative;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .slash {width:6px; font-size:14px; font-weight:400; color:#000; line-height:36px; margin:0 12px; display:block; float:left;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box.active {z-index:10;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .label { width:100%; height:100%; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); outline:none; font-size:14px; font-weight:400; color:#494E53; cursor:pointer; background:none; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list {max-height:200px; overflow-y:auto; min-width:100%; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .search_box { width:100%; height:36px; position:relative; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item .chk_box { cursor:pointer; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on {background:#3985EA; border:none;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after { content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item .chk_box input[type="radio"] { display:none; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; margin-bottom:10px; float:left;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; color: #8F8F8F; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%; resize:none; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/* 휴가유형 생성*/
|
||||
.create_vacation_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.create_vacation_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 100px); height:36px; color: #8F8F8F; border:1px solid #E9ECF0; border-radius:5px; font-size:12px; padding:0 10px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box { width:100%; display:table; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box { width:calc(100% - 100px); float:left; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list {width:calc(50% - 5px); margin-right:10px; background:#fff; border-radius:5px; float:left; position:relative;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box { width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background: url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box.active {z-index:10;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .label { text-align:left; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { text-align:left; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .label { width:100%; height:100%; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); outline:none; font-size:12px; font-weight:400; color:#8F8F8F; cursor:pointer; background:none; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .select_option_list {min-width:100%; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:12px; color:#494E53; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .time_box {width:calc(50% - 5px); height:36px; float:left; border:1px solid #E9ECF0; border-radius:5px; font-size:12px; padding:0 10px;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .time_box input {width:83%; height:36px; color: #8F8F8F; border:0; background:inherit;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .time_box span {font-weight:700;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box {width:calc(100% - 100px); height:36px; float:left; border:1px solid #E9ECF0; border-radius:5px; font-size:12px;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box input {width:93%; height:36px; color: #8F8F8F; border:0; background:inherit;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box span {font-weight:700;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; margin-bottom:10px; float:left;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; color: #8F8F8F; border:1px solid #E9ECF0; font-size:12px; border-radius:5px; padding:10px; resize:none;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
/* 휴가유형 생성*/
|
||||
.vacation_detail_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box { width:100%; display:table; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box { width:calc(100% - 100px); float:left; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list {width:100%; margin-right:0; background:#fff; border-radius:5px; float:left; position:relative;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box { width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background: url(/image/web/select_arrow.svg) no-repeat 98% 55%/20px auto; background-color:#fafafa; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box.active {z-index:10;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .label { text-align:left; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { text-align:left; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .label { width:100%; height:100%; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate3D(-50%, -50%, 0); outline:none; font-size:14px; font-weight:400; color:#494E53; cursor:pointer; background:none; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .select_option_list {min-width:100%; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { width:100%; line-height:30px; transition:.1s; position:relative; display:table; color:#494E53; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box {width:calc(100% - 100px); height:36px; float:left; border:1px solid #E9ECF0; border-radius:5px; background: #fafafa;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box input {width:93%; height:36px; border:0; background:none;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box span {font-weight:700;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; margin-bottom:10px; float:left;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 휴가유형 등록*/
|
||||
.vacation_detail_modal.fade .modal-dialog { width:490px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); font-size:12px; height:32px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box { width:calc(100% - 80px); height:32px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box span { font-size:12px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box input { height:32px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box { width:calc(100% - 80px); }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box { height:32px; background-size:18px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .label { font-size:12px; height:32px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.vacation_detail_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 휴가유형 생성*/
|
||||
.create_vacation_modal.fade .modal-dialog { width:490px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box { width:calc(100% - 80px); }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .time_box input { width:82%; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box { width:calc(100% - 80px); height:32px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .input_box .time_box input { height:32px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .time_box { height:32px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .time_box input { height:32px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_time_list_box .select_list .select_box { height:32px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.create_vacation_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 근무일정 생성*/
|
||||
.create_schedule_modal.fade .modal-dialog { width:490px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 80px); height:32px; font-size:12px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box { width:calc(100% - 80px); }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .slash { margin:0 5px; line-height:32px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box .select_list { width:calc(50% - 8px); }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box .select_list .select_box { height:32px; background-size:18px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box .select_list .select_box .label { font-size:12px; height:32px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .input_box .select_time_list_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box { width:calc(100% - 80px); }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list { width:calc(50% - 8px); }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box { height:32px; background-size:18px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .label { font-size:12px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .search_box { height:28px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .search_box img { width:22px; margin-top:1px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item .chk_box { font-size:12px; text-indent:22px }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item .chk_box .on { width:15px; height:15px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .select_list .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after { width:5px; height:8px; left:5px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-body .form_box .select_list_box .select_bip_box .slash { margin:0 5px; line-height:32px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.create_schedule_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
36
src/main/resources/static/css/web/modal_marketing.css
Normal file
36
src/main/resources/static/css/web/modal_marketing.css
Normal file
@@ -0,0 +1,36 @@
|
||||
/* 조직 추가 */
|
||||
.send_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.send_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.send_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:flex; align-items:flex-end; border-bottom:1px solid #E9ECF0;}
|
||||
.send_modal .modal-dialog .modal-content .modal-header p.title { font-size:18px; font-weight:700; color:#3985EA; }
|
||||
.send_modal .modal-dialog .modal-content .modal-header p.total { margin-left:10px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body { width:100%; padding:0; margin:20px 0 30px; display:table; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body > div { width:calc((100% - 20px) / 2); float:left; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #f0f0f0;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box { margin-left:20px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div { width:100%; min-height:200px; padding:10px; border-radius:5px; background:#f0f0f0; }
|
||||
.send_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.send_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.send_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
.send_modal.fade .modal-dialog { width:450px; }
|
||||
.send_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-header p.title { font-size:16px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-header p.total { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box { height:32px; background-size:18px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div { min-height:150px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/* 조직 추가 */
|
||||
.send_modal.fade .modal-dialog {width:700px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.send_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body { width:100%; padding:0; display:flex; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body > div { width:calc((100% - 20px) / 2); }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box p.title { font-size:18px; font-weight:700; color:#db5454; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box p:nth-last-child(1) { margin-top:20px; word-break: keep-all; font-size:13px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box img { width:100%; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(../image/select_arrow.svg) no-repeat 95% 55%/20px auto #f0f0f0;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box { margin-left:20px; padding-left:20px; border-left:1px solid #E9ECF0; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .title_box { width:100%; display:flex; align-items:flex-end; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .title_box p.title { font-size:18px; font-weight:700; color:#3985EA; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .title_box p.total { margin-left:10px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box { width:100%; height:calc(100% - 115px); margin-top:10px; padding:10px; border-radius:5px; position:relative; background:#f0f0f0; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box::before { content:'[Web 발신]'; display:block; font-weight:700; position:absolute; top:10px; left:10px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box textarea { width:100%; height:100%; padding-top:25px; border:0; background:inherit; resize:none; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box > p { margin-top:5px; text-align:right; font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .btn_box {margin:20px auto 0 auto; display:table;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .btn_box button { width:100px; height:36px; border-radius:16px; font-size:14px; float:left; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .btn_box button.cancel_btn { background:#F8FBFF; color:#21272C; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .btn_box button.registration_bth { background:#3985EA; margin-left:10px; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
.send_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box p.title { font-size:16px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box p:nth-last-child(1) { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box { height:32px; background-size:18px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .btn_box button { width:80px; height:32px; font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .title_box p.title { font-size:16px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .title_box p.total { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box { width:100%; height:calc(100% - 110px); }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box::before { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box .textarea_box textarea { padding-top:20px; font-size:12px; }
|
||||
}
|
||||
36
src/main/resources/static/css/web/modal_marketing_push.css
Normal file
36
src/main/resources/static/css/web/modal_marketing_push.css
Normal file
@@ -0,0 +1,36 @@
|
||||
/* 조직 추가 */
|
||||
.send_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.send_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.send_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:flex; align-items:flex-end; border-bottom:1px solid #E9ECF0;}
|
||||
.send_modal .modal-dialog .modal-content .modal-header p.title { font-size:18px; font-weight:700; color:#3985EA; }
|
||||
.send_modal .modal-dialog .modal-content .modal-header p.total { margin-left:10px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body { width:100%; padding:0; margin:20px 0 30px; display:table; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body > div { width:calc((100% - 20px) / 2); float:left; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #f0f0f0;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box { margin-left:20px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div { width:100%; /*min-height:200px; padding:10px; border-radius:5px; background:#f0f0f0;*/ }
|
||||
.send_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.send_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.send_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
.send_modal.fade .modal-dialog { width:450px; }
|
||||
.send_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-header p.title { font-size:16px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-header p.total { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box { height:32px; background-size:18px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .label { padding:0 10px; font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div { min-height:150px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.send_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list { height:200px; overflow:auto; }
|
||||
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div {/*height:200px; overflow:auto; white-space:pre-wrap;*/}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div.inputBox {}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div.inputBox input {width:100%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div.textareaBox {margin-top:10px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div.textareaBox textarea {width:100%; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div {}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div.inputBox input {font-size:12px;}
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div.inputBox input {font-size:12px;}
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
.send_modal .modal-dialog .modal-content .modal-body .left_box .select_box .select_option_list { height:200px; overflow:auto; }
|
||||
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div { height:200px; overflow:auto; white-space:pre-wrap;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1280px) {
|
||||
.send_modal .modal-dialog .modal-content .modal-body .right_box div { height:150px; font-size:12px; }
|
||||
}
|
||||
41
src/main/resources/static/css/web/modal_membership.css
Normal file
41
src/main/resources/static/css/web/modal_membership.css
Normal file
@@ -0,0 +1,41 @@
|
||||
/* 멤버십 상품등록 */
|
||||
.membership_registration_modal.fade .modal-dialog {width:1000px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.membership_registration_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box { height:330px; overflow-y:auto; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table { width:100%; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { height:36px; position:sticky; top:0; padding:0 8px; background:#EDF5FF; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; text-align:center; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { padding:3px 8px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td:first-child { width:50px; text-align:center; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.input_box { width:20%; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td input { width:100%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.button_box button { padding:0; background:0;width: 25px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.button_box button.subtract_btn img { width:24px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.button_box button:hover { background: none !important; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/* 반응형 */
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 신환등록 모달 */
|
||||
.membership_registration_modal.fade .modal-dialog { width:900px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box { height:300px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box P { font-size:12px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { height:32px; font-size:12px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { font-size:12px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td input { height:32px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.button_box button img { width:22px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.button_box button.subtract_btn img { width:22px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.membership_registration_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
163
src/main/resources/static/css/web/modal_membership_list_sub.css
Normal file
163
src/main/resources/static/css/web/modal_membership_list_sub.css
Normal file
@@ -0,0 +1,163 @@
|
||||
/* 멤버십 양도 */
|
||||
.transfer_modal.fade .modal-dialog {width:800px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.transfer_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-header .title {font-size:18px; font-weight:700; float:left; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-header p:last-child { font-weight:700; float:right; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-header p:last-child span { margin-left:5px; font-weight:400; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body {padding:0 0 10px 0; margin-top:20px;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top { width:100%; display:table; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .box_title { font-size:18px; font-weight:700; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box { width:45%; float:left; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li { margin-top:20px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li p span { padding-left:10px; margin-left:5px; position:relative; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li p span::after { content:''; display:block; width:1px; height:60%; position:absolute; top:20%; left:0; background:#777; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li p span:first-child { padding-left:0; margin-left:0; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li p span:first-child::after { display:none; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li:nth-child(1) { height:113px; padding-top:50px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li:nth-child(2) { height:61px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .img_box { width:10%; height:304px; position:relative; float:left; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .img_box img { width:40px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box { width:45%; float:left; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul li { margin-top:20px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box {width:150px; float:left; height:36px; position:relative; margin-bottom:10px;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .textarea_box { margin-top:10px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .textarea_box textarea { width:100%; height:62px; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .input_box input { height:36px; margin-right:5px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; text-align:right; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .balance { max-width:40%; float:left; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .balance label { width:100%; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .img_box { width:10%; height:45px; margin-right:10%; position:relative; float:left; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .img_box img { width:20px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom { margin-top:20px; border-top:1px solid #E9ECF0; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom .textarea_box { width:100%; margin-top:20px; display:table; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom .textarea_box label { width:100px; float:left; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom .textarea_box textarea { width:calc(100% - 100px); height:100px; padding:10px; border:1px solid #E9ECF0; border-radius:5px; float:left; resize:none; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.transfer_modal .modal-dialog .modal-content .modal-footer .seve_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
/* 멤버십 양수인 조회 */
|
||||
.search_modal.fade .modal-dialog {width:700px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.search_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.search_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.search_modal .modal-dialog .modal-content .modal-header .title {font-size:18px; font-weight:700; float:left; }
|
||||
.search_modal .modal-dialog .modal-content .modal-header p:last-child { font-weight:700; float:right; }
|
||||
.search_modal .modal-dialog .modal-content .modal-header p:last-child span { margin-left:5px; font-weight:400; }
|
||||
.search_modal .modal-dialog .modal-content .modal-body {padding:0 0 10px 0; margin-top:20px;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .input_box { width: 100%; height: 36px; float: none; }
|
||||
.search_modal .modal-dialog .modal-content .modal-body .input_box .search_box { width: 200px; height: 36px; position: relative; float: left;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .input_box .search_box img {position: absolute;top: 50%;left: 10px;transform: translatey(-50%);}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .input_box .search_box input {width: 100%;height: 100%;padding-left: 40px;border: 1px solid #E9ECF0;color: #8F8F8F;border-radius: 5px;font-size: 14px;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .input_box .search_box input::placeholder {color: #B5BDC4;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .input_box button {font-size: 14px;font-weight: 700;color: #3985EA;background: none;float: left;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .modal_table {height:300px; margin-top:20px; border-bottom:1px solid #E9ECF0; overflow:auto;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .modal_table table {width:100%; border-collapse:collapse;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .modal_table table thead tr th {position:sticky; top:0; padding:0 10px; line-height:30px; background:#F8FBFF;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .modal_table table thead tr th::after {content:''; display:block; position:absolute; top:-1px; left:2%; width:95%; height:1px; background:#F8FBFF;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .modal_table table thead tr th:first-child { border-radius:5px 0 0 5px;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .modal_table table thead tr th:last-child { border-radius:0 5px 5px 0;}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .modal_table table tbody tr td:first-child {cursor: pointer; color: #3985EA}
|
||||
.search_modal .modal-dialog .modal-content .modal-body .modal_table table tbody tr td {line-height:30px; padding:5px 10px; border-bottom:1px solid #E9ECF0;}
|
||||
.search_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; display: table;}
|
||||
|
||||
/* 멤버십 충전 */
|
||||
.charge_modal.fade .modal-dialog { width:310px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
|
||||
.charge_modal.fade .modal-dialog .modal-content { height:100%; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-header p { font-size:16px; font-weight:700; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-header p:last-child { margin-top:5px; font-size:18px; color:#3985EA; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body { padding:0 20px 20px 20px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body p { font-weight:700; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box {width:100%; height:36px; margin-top:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box { width:100%; margin-top:20px; display:table; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box p { margin-bottom:10px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button { width:calc((100% - 10px) / 3); padding:0; margin-left:5px; border:solid 1px #D8DDE3; border-radius:5px; background:none; float:left; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button img { margin-right:5px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button.account_btn img { width:18px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button.card_btn { margin-left:0; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button.on { color:#fff; background:#3985EA; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button:hover { background: #3985EA !important; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box.openBox { display:block; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box p { margin-bottom:10px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button:first-child {margin-right: 6px;}
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button { float: left;border-radius: 5px;width: 131px;font-size: small; color:#333;background-color: white;border: 1px solid #ccc;cursor: pointer; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button.active { background-color: #007bff;color: white;border: 1px solid #0056b3; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button:hover { color: white; background: #007bff !important; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box { margin-top:20px; display:none; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box input { width:100%; height:36px; margin-top:10px; padding:0 10px; border:solid 1px #D8DDE3; border-radius:5px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .afterShow { display:none; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .afterShow { height:190px; text-align:center; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .afterShow img { margin-top:80px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .afterShow p.first { margin-top:30px; font-size:20px; font-weight:700; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .afterShow p.last { margin-top:5px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.pick_payment_btn { color:#fff; background:#3985EA; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.check_btn { color:#fff; background:#3985EA; }
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 1280px){
|
||||
.transfer_modal.fade .modal-dialog { width:700px;}
|
||||
.transfer_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-header .title { font-size:16px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-header p:last-child { font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .box_title { font-size:14px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li { margin-top:15px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li label { font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li p { font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li:nth-child(2) { height:58px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .img_box { height:270px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .img_box img { width:30px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul li { width:100%; margin-top:15px; display:table; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul li label { font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .balance { font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .input_box { font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .input_box input { height:32px; font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box { height:32px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box img { width:22px; height:22px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box input { height:32px; font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .textarea_box textarea { height:56px; font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li:nth-child(1) { height:103px; padding-top:45px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom .textarea_box label { font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom .textarea_box textarea { font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.transfer_modal .modal-dialog .modal-content .modal-footer .seve_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 멤버십 충전 */
|
||||
.charge_modal.fade .modal-dialog { width:270px; height:400px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-header { padding:15px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:14px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-header p:last-child { font-size:14px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body { padding:15px; padding-top:0; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body ul { padding:10px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body ul li:first-child { margin-top:0; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body ul li .title { font-size:12px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body ul li p { font-size:12px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body ul li p.last { font-size:12px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body ul li.remaining p { font-size:12px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box { height:32px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .label { font-size:12px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button img { width:16px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button.account_btn img { width:15px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box input { height:32px; font-size:12px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:35px; font-size:12px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button { width:116px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
|
||||
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box button{ width:65px; height:30px; font-size:12px; }
|
||||
}
|
||||
133
src/main/resources/static/css/web/modal_stock.css
Normal file
133
src/main/resources/static/css/web/modal_stock.css
Normal file
@@ -0,0 +1,133 @@
|
||||
/* 입고 모달 */
|
||||
.ibgo_modal.fade .modal-dialog {width:1200px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.ibgo_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-header { padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-header p.title {font-size:18px; font-weight:700; line-height:30px; float:left;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-header p.manager {font-size:14px; font-weight:700; line-height:30px; float:right;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-header p.manager span { font-weight:400; margin-left:10px; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:200px; height:36px; position:relative; float:left; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box { clear:both; padding:20px 0 30px 0; border-bottom:1px solid #E9ECF0; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box label { margin-bottom:10px; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title { display:flex; line-height:30px; font-weight:700; border-radius:5px; background:#F8FBFF; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content { display:flex; line-height:30px; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last { border-bottom:0; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content { padding:0; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box > div { display:flex; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title { padding:0 10px; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content { padding:0 10px; margin:5px 0; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title:nth-child(1) { width:15%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title:nth-child(2) { width:15%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title:nth-child(3) { width:12%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title:nth-child(4) { width:13%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title:nth-child(5) { width:17%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title:nth-child(6) { width:28%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(1) { width:15%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(2) { width:15%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(3) { width:12%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(4) { width:13%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(5) { width:17%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(6) { width:28%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last > button { position:relative; margin-left:20px; color:#B5BDC4; font-size:12px; font-weight:700; text-indent:12px; background:none; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last > button::after { content:''; display:block; position:absolute; top:50%; left:10px; transform:translateY(-50%); width:14px; height:14px; border-radius:10px; background:#B5BDC4; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last > button img { z-index:1; position:absolute; top:50%; left:12px; transform:translateY(-50%); width:10px; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_title .modal_table_list_title { width:12%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_title .modal_table_list_title:nth-child(1) { width:8%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_title .modal_table_list_title:nth-child(3) { width:8%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content { width:12%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content:nth-child(1) { width:8%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content:nth-child(3) { width:8%; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box { width:100%; margin-right:10px; position:relative;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box {position:relative; width:100%; height:36px; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box input[type="date"] {opacity:0;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .input_box input { width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .input_box input::placeholder {color:#B5BDC4;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content:nth-child(3),
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content:nth-child(6) { border-right:1px solid #E9ECF0; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content .filebox { position:relative; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content .filebox input[type='file'] { display:none; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content .filebox input[type='text'] { width:100%; padding-left:20px; border:0; background:none; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content .filebox input[type='text']::placeholder { color:#3985EA; font-weight:700; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content .filebox label { position:absolute; top:50%; left:0px; transform:translateY(-50%); }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box.last .modal_table_content .modal_table_list_content .filebox label img { margin:-2px 5px 0 0; }
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%; /*임시*/margin-top:100px;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.ibgo_modal .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
/* 출고 모달 */
|
||||
.release_modal.fade .modal-dialog {width:1200px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.release_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.release_modal .modal-dialog .modal-content .modal-header { padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.release_modal .modal-dialog .modal-content .modal-header p.title {font-size:18px; font-weight:700; line-height:30px; float:left;}
|
||||
.release_modal .modal-dialog .modal-content .modal-header p.manager {font-size:14px; font-weight:700; line-height:30px; float:right;}
|
||||
.release_modal .modal-dialog .modal-content .modal-header p.manager span { font-weight:400; margin-left:10px; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box > label { margin-top:20px; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:200px; height:36px; position:relative; float:left; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box { clear:both; border-bottom:1px solid #E9ECF0; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title { display:flex; position:sticky; top:0; line-height:30px; font-weight:700; border-radius:5px; background:#F8FBFF; z-index:2; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content { display:flex; line-height:30px; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .scroll_box { overflow:auto; white-space: nowrap; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .table_scroll { width:1140px; height:250px; margin-top:10px; overflow:auto; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box { width:1500px; border-bottom:0; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content { padding:0; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box > div { display:flex; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title { padding:0 10px; width:7%; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content { padding:0 10px; margin:5px 0; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title:nth-child(8) { width:9%; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title:nth-child(9) { width:9%; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title:nth-child(10) { width:9%; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_title .modal_table_list_title:nth-child(12) { width:12%; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content { width:7%; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(8) { width:9%; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(9) { width:9%; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(10) { width:9%; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(12) { width:12%; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box { width:100%; margin-right:10px; position:relative;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box {position:relative; width:100%; height:36px; color:#8F8F8F;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .calendar_box .date_box input[type="date"] {opacity:0;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .input_box input { width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .input_box input::placeholder {color:#B5BDC4;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(7),
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content:nth-child(10) { border-right:1px solid #E9ECF0; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .filebox { position:relative; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .filebox input[type='file'] { display:none; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .filebox input[type='text'] { width:100%; padding-left:20px; border:0; background:none; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .filebox input[type='text']::placeholder { color:#3985EA; font-weight:700; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .filebox label { position:absolute; top:50%; left:0px; transform:translateY(-50%); }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .filebox label img { margin:-2px 5px 0 0; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .select_box {width:100%; height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .select_box:last-child { margin-right:0; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .select_box.active {z-index:10;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .select_box .select_option_list {width:100%; height:150px; display:none; margin-top:5px; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; color:#fff; transition:.4s ease-in; position:relative; z-index:1; overflow-y:auto; background:#fff; }
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:0;}
|
||||
.release_modal .modal-dialog .modal-content .modal-body .form_box .modal_table_box .modal_table_content .modal_table_list_content .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.release_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%; /*임시*/margin-top:100px;}
|
||||
.release_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.release_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.release_modal .modal-dialog .modal-content .modal-footer .check_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
@@ -0,0 +1,109 @@
|
||||
/* 거래처등록 모달 */
|
||||
.business_partner_modal.fade .modal-dialog {width:960px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.business_partner_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-header { padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; line-height:30px; float:left;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul { padding:20px 0; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul.first { padding-top:0; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul:last-child { border:0; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li { width:100%; display:table; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li label {width:100px; font-size:14px; line-height:36px; margin-bottom:5px; float:left;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li p { float:left; line-height:36px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .input_box {width:calc(100% - 100px); height:36px; display:table; float:left;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .input_box input { width:200px; height:100%; padding:0 10px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .select_box {width:200px; height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .select_box:last-child { margin-right:0; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .select_box.active {z-index:10;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .select_box .select_option_list {min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:0;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:nth-child(5) span { float:left; line-height:36px; margin: 0 10px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:nth-child(5) .input_box { width:200px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:last-child { margin-top:30px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li ul li:last-child { margin-top:0px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:last-child label { font-size:18px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:last-child .textarea_box textarea { width:100%; height: 100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:last-child .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box > div { height:174px; overflow:auto; -ms-overflow-style: none; }
|
||||
/*.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box div::-webkit-scrollbar{ display:none; }*/
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box { margin:30px 0; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box label { font-size:18px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table { width:100%; display:table; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table thead tr th { padding:0 10px; line-height:36px; background:#EDF5FF; position:sticky; top:0px; z-index:1; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table thead tr th { padding:0 10px; line-height:36px; background:#EDF5FF; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table thead tr th:nth-child(1) { width:15%; border-radius:5px 0 0 5px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table thead tr th:nth-child(2) { width:20%; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table thead tr th:nth-child(3) { width:15%; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table thead tr th:nth-child(4) { width:15%; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table thead tr th:nth-child(5) { width:15%; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table thead tr th:nth-child(6) { width:15%; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table thead tr th:nth-child(7) { width:5%; border-radius:0 5px 5px 0;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td { padding:10px 10px 0; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .select_box { width:100%; position:relative; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .select_box.active {z-index:10;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; border:1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .select_box .label:hover { background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto !important; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .select_box .select_option_list {min-width:100%; line-height:30px; border-radius:5px; border:Solid 1px #E9ECF0; padding:10px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative;font-size:14px; color:#494E53; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .input_box {width:100%; height:36px; display:table; float:left;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .input_box input { width:100%; height:100%; padding:0 10px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td:nth-child(4) .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:0;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td:nth-child(4) .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td:last-child button { padding:0; background:none; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td button:hover { background:none!important; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
|
||||
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td:nth-child(1) .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:0;}
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td:nth-child(1) .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
|
||||
/* joy 추가 종료 */
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.business_partner_modal.fade .modal-dialog { width:650px; }
|
||||
.business_partner_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-header p.title { font-size:16px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li label { width:80px; font-size:12px; line-height:32px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .input_box { width:calc(100% - 80px); height:32px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .input_box input { width:150px; font-size:12px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:nth-child(5) .input_box { width:150px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:nth-child(5) span { margin:0 5px; line-height:32px; font-size:12px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .select_box { width:150px; height:32px; background-size:18px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .select_box .label { font-size:12px; height:32px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:last-child { margin-top:20px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:last-child label { font-size:16px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box > ul li:last-child .textarea_box textarea { height:70px; font-size:12px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box { margin:20px 0; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box label { font-size:16px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table thead tr th { padding:0 5px; font-size:12px; line-height:32px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td { padding:10px 5px 0; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .select_box { height:32px; background-size:18px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .select_box .label { font-size:12px; height:32px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .input_box { height:32px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td .input_box input { font-size:12px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-body .form_box .table_box table tbody tr td:nth-child(4) .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.business_partner_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,176 @@
|
||||
/* 입고 모달 */
|
||||
.sub_ibgo_modal.fade .modal-dialog {width:590px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header { padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header p.title { float:left; font-size:18px; font-weight:700; line-height:30px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header p.ibgo_code { float:right; font-size:14px; font-weight:700; line-height:30px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header p.ibgo_code span { font-weight:400; margin-left:10px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:10px;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul { padding:10px 0; border-bottom:1px solid #E9ECF0; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul.first { padding-top:0; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul:last-child { border:0; padding-bottom:0; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li { width:100%; display:table; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li label {width:100px; font-size:14px; line-height:36px; margin-bottom:5px; float:left;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li p { float:left; line-height:36px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box {width:calc(100% - 100px); height:36px; display:table; float:left;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:200px; height:100%; padding:0 10px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box {width:calc(100% - 100px); height:36px; display:table; float:left;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box input { width:200px; height:36px; padding:0 10px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; float:left }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box #ibgoFile { display: none; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box label { margin: 0 0 0 5px; padding: 0 9px; line-height: 36px; color: #fff; border-radius: 5px; background: #3985EA; float: left; text-align: center; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box label:hover { background:#1B66C9!important; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box { width:200px; margin-right:10px; position:relative; float:left;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box {position:relative; width:100%; height:36px; color:#8F8F8F;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker { color:#494E53; line-height:34px; display:block; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) { position:relative; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) p { position:absolute; top:45%; right:45%; transform:translateY(-55%); }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) .input_box input { padding-right:25px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 100px); height: 100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/* 출고 모달 */
|
||||
.sub_release_modal.fade .modal-dialog {width:590px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.sub_release_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header { padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header p.title { float:left; font-size:18px; font-weight:700; line-height:30px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header p.release_code { float:right; font-size:14px; font-weight:700; line-height:30px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header p.release_code span { font-weight:400; margin-left:10px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:10px;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul { padding:10px 0; border-bottom:1px solid #E9ECF0; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul.first { padding-top:0; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul:last-child { border:0; padding-bottom:0; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li { width:100%; display:table; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li label {width:100px; font-size:14px; line-height:36px; margin-bottom:5px; float:left;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li p { float:left; line-height:36px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box {width:calc(100% - 100px); height:36px; display:table; float:left;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:200px; height:100%; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box {width:calc(100% - 100px); height:36px; display:table; float:left;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box input { width:200px; height:36px; padding:0 10px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; float:left }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box #releaseFile { display: none; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box label { margin: 0 0 0 5px; padding: 0 9px; line-height: 36px; color: #fff; border-radius: 5px; background: #3985EA; float: left; text-align: center; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box label:hover { background:#1B66C9!important; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box { width:200px; margin-right:10px; position:relative; float:left;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box {position:relative; width:100%; height:36px; color:#8F8F8F;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker {color:#494E53; line-height:34px; display:block; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker {height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box {width:200px; height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box:last-child { margin-right:0; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box.active {z-index:10;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .label { width:100%; height:36px; font-weight:400; font-size:14px; text-align:left; color:#494E53; background:none; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list {min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53; text-indent:0;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(5) { position:relative; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(5) p { position:absolute; top:45%; right:45%; transform:translateY(-55%); }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(5) .input_box input { padding-right:25px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 100px); height: 100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; resize:none; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea::placeholder { color:#D8DDE3; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/* 재고조정 모달 */
|
||||
.sub_inventory_adjustments_modal.fade .modal-dialog {width:590px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-header { padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-header p.title { float:left; font-size:18px; font-weight:700; line-height:30px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-header p.inventory_adjustments_code { float:right; font-size:14px; font-weight:700; line-height:30px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-header p.inventory_adjustments_code span { font-weight:400; margin-left:10px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul { padding:20px 0; border-bottom:1px solid #E9ECF0; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul.first { padding-top:0; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul:last-child { border:0; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li { width:100%; display:table; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li label {width:100px; font-size:14px; line-height:36px; margin-bottom:5px; float:left;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li p { float:left; line-height:36px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box {width:calc(100% - 100px); height:36px; display:table; float:left;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:200px; height:100%; padding:0 10px; border:1px solid #E9ECF0; color:#494E53; border-radius:5px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box { width:200px; margin-right:10px; position:relative; float:left;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box {position:relative; width:100%; height:36px; color:#494E53;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box {width:200px; height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box:last-child { margin-right:0; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box.active {z-index:10;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list {min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53; text-indent:0;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) { position:relative; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) p { position:absolute; top:45%; right:45%; transform:translateY(-55%); }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) .input_box input { padding-right:25px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 100px); height: 100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea::placeholder { color:#D8DDE3; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 입고 모달 */
|
||||
.sub_ibgo_modal.fade .modal-dialog { width:490px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header p.title { font-size:16px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header p.ibgo_code { font-size:12px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body { margin-top:10px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul { padding:10px 0; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li { margin-bottom:5px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li label { width:80px; margin-bottom:0; font-size:12px; line-height:32px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li p { font-size:12px; line-height:32px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box { width:150px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box { height:32px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box img { width:20px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box { height:32px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:150px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) p { top:50%; right:49%; transform:translateY(-50%); font-size:12px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { font-size:12px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 80px); height:70px; font-size:12px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box input { font-size:12px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
|
||||
/* 출고 모달 */
|
||||
.sub_release_modal.fade .modal-dialog { width:490px; }
|
||||
.sub_release_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header p.title { font-size:16px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header p.release_code { font-size:12px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body { margin-top:10px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul { padding:10px 0; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li { margin-bottom:5px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li label { width:80px; margin-bottom:0; font-size:12px; line-height:32px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li p { font-size:12px; line-height:32px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box { width:150px; height:32px; background-size:18px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .label { font-size:12px; height:32px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box { width:150px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box { height:32px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box img { width:20px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box { height:32px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(5) p { top:50%; right:48%; transform:translateY(-50%); font-size:12px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:150px; font-size:12px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 80px); height:70px; font-size:12px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .file_box input { font-size:12px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
.inventory_adjustment.fade .modal-dialog {width:1300px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.inventory_adjustment .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-header { padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700; line-height:30px; float:left;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box { height:300px; overflow-y:auto; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table { width:100%; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr th { width:8%; padding:0 10px; height:30px; position:sticky; top:0; background:#F8FBFF; z-index:1; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr th.narrow { width:6%; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr th.wide { width:11%; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr th.memo { width:14%; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr th:first-child { border-radius:5px 0 0 5px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr th:last-child { border-radius:0 5px 5px 0; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td { padding:0 10px; height:50px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box { width:100%; height:100%; display:table; position:relative; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box button { width:25px; height:25px; padding:0; position:absolute; top:13px; background:url('/image/web/icon.png')no-repeat 0 0; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box button.increase_btn { left:0px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box button.increase_btn.off { background-position: 0 -25px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box button.decrease_btn { right:0px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box button.decrease_btn.on { background-position:-25px 0; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box button.decrease_btn.off { background-position:-25px -25px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .input_box input { width:100%; height:36px; color:#8F8F8F; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tfoot tr td { font-weight:700; border-top:1px solid #E9ECF0; }
|
||||
|
||||
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
/* joy 추가 시작 */
|
||||
/* 페이지게이션 */
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box .navigation {height:24px;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.inventory_adjustment .modal-dialog .modal-content .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
/* 시술추가 - 마이너스 버튼 추가 (동적row) */
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box .add_box { width:calc(100% / 2); height:100%; float:left; padding:0 5px; position:relative; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box .add_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; transform:translateY(-50%); background:none; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box .add_box button img { vertical-align:top; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box .add_box button:hover { background: none !important; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box .subtract_box { width:calc(100% / 2); height:100%; float:left; position:relative; padding:0 5px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box .subtract_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; transform:translateY(-50%); background:none; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box .subtract_box button img { width:24px; height:24px; vertical-align:top; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box .subtract_box button:hover { background: none !important; }
|
||||
|
||||
/* 금액 오른쪽 정렬 */
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td.alignRight{text-align:right;}
|
||||
|
||||
/* joy 추가 종료 */
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.inventory_adjustment.fade .modal-dialog { width:1060px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content { padding:20px; }/*다른모달이랑 padding다름 - 다른 모달은 30px임 (참고하지말것)*/
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-header p.title { font-size:16px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr th { padding:0 5px; font-size:12px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td { padding:0 5px; font-size:12px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box button { width:22px; height:22px; background-size:44px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box button.increase_btn.off { background-position: 0 -22px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box button.decrease_btn.on { background-position:-22px 0; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .button_box button.decrease_btn.off { background-position:-22px -22px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-body .table_box table tr td .input_box input { height:32px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.inventory_adjustment .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
|
||||
/* 재고마감생성 등록*/
|
||||
.stock_inventory_close_modal.fade .modal-dialog {width:540px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box {width:100%; display:table; float:left;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box input { width:calc(100% - 100px); height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 10px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 100px); height:36px; position:relative; float:left; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { position:absolute; top:50%; left:10px; transform:translatey(-50%); }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box {width:calc(100% - 145px); float:left; position:relative; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .slash { color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block; float:left; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box {position:relative; width:calc(100% / 2 - 15px); height:36px; float:left;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .holiday_sum { width:45px; line-height:36px; text-align:right; display:inline-block; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box {width:100%; display:table; margin-bottom:10px;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label {width:100px; font-size:14px; line-height:40px; float:left; margin:0;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea {width:calc(100% - 100px); height:100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
|
||||
/* 재고마감생성 등록 */
|
||||
.stock_inventory_close_modal.fade .modal-dialog { width:490px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content { padding:30px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box.first p { width:80px; font-size:12px; line-height:32px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box { width:calc(100% - 80px); height:32px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box img { width:20px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .search_box input { padding-left:35px; font-size:12px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .slash { line-height:32px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box { width:calc(100% - 120px); }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box { width:calc(100% / 2 - 8px); height:32px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box img { width:20px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .calendar_box .date_box .date_picker { height:32px; margin-right:0; font-size:12px; line-height:32px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .input_box .holiday_sum { width:40px; font-size:12px; line-height:32px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-body .form_box .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.stock_inventory_close_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
116
src/main/resources/static/css/web/modal_stock_sub.css
Normal file
116
src/main/resources/static/css/web/modal_stock_sub.css
Normal file
@@ -0,0 +1,116 @@
|
||||
/* 입고 모달 */
|
||||
.sub_ibgo_modal.fade .modal-dialog {width:590px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header { padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header p.title { float:left; font-size:18px; font-weight:700; line-height:30px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header p.ibgo_code { float:right; font-size:14px; font-weight:700; line-height:30px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-header p.ibgo_code span { font-weight:400; margin-left:10px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul { padding:20px 0; border-bottom:1px solid #E9ECF0; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul.first { padding-top:0; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul:last-child { border:0; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li { width:100%; display:table; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li label {width:100px; font-size:14px; line-height:36px; margin-bottom:5px; float:left;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li p { float:left; line-height:36px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box {width:calc(100% - 100px); height:36px; display:table; float:left;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:200px; height:100%; padding:0 10px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box { width:200px; margin-right:10px; position:relative; float:left;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box {position:relative; width:100%; height:36px; color:#8F8F8F;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker { color:#494E53; line-height:34px; display:block; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box input[type="date"] {opacity:0;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) { position:relative; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) p { position:absolute; top:45%; right:45%; transform:translateY(-55%); }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) .input_box input { padding-right:25px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 100px); height: 100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; }
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea::placeholder {color:#B5BDC4;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.sub_ibgo_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/* 출고 모달 */
|
||||
.sub_release_modal.fade .modal-dialog {width:590px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.sub_release_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header { padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header p.title { float:left; font-size:18px; font-weight:700; line-height:30px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header p.release_code { float:right; font-size:14px; font-weight:700; line-height:30px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-header p.release_code span { font-weight:400; margin-left:10px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul { padding:20px 0; border-bottom:1px solid #E9ECF0; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul.first { padding-top:0; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul:last-child { border:0; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li { width:100%; display:table; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li label {width:100px; font-size:14px; line-height:36px; margin-bottom:5px; float:left;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li p { float:left; line-height:36px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box {width:calc(100% - 100px); height:36px; display:table; float:left;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:200px; height:100%; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box { width:200px; margin-right:10px; position:relative; float:left;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box {position:relative; width:100%; height:36px; color:#8F8F8F;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker {color:#494E53; line-height:34px; display:block; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box input[type="date"] {opacity:0;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box {width:200px; height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box:last-child { margin-right:0; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box.active {z-index:10;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .label { width:100%; height:36px; font-weight:400; font-size:14px; text-align:left; color:#494E53; background:none; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list {width:100%; display:none; margin-top:5px; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; color:#fff; transition:.4s ease-in; position:relative; z-index:2; background:#fff; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53; text-indent:0;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(5) { position:relative; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(5) p { position:absolute; top:45%; right:45%; transform:translateY(-55%); }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(5) .input_box input { padding-right:25px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 100px); height: 100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea::placeholder { color:#D8DDE3; }
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.sub_release_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
/* 재고조정 모달 */
|
||||
.sub_inventory_adjustments_modal.fade .modal-dialog {width:590px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; position:relative;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-header { padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-header p.title { float:left; font-size:18px; font-weight:700; line-height:30px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-header p.inventory_adjustments_code { float:right; font-size:14px; font-weight:700; line-height:30px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-header p.inventory_adjustments_code span { font-weight:400; margin-left:10px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box {display:table; width:100%;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul { padding:20px 0; border-bottom:1px solid #E9ECF0; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul.first { padding-top:0; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul:last-child { border:0; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li { width:100%; display:table; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li label {width:100px; font-size:14px; line-height:36px; margin-bottom:5px; float:left;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li p { float:left; line-height:36px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box {width:calc(100% - 100px); height:36px; display:table; float:left;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:200px; height:100%; padding:0 10px; border:1px solid #E9ECF0; color:#494E53; border-radius:5px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box { width:200px; margin-right:10px; position:relative; float:left;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box {position:relative; width:100%; height:36px; color:#494E53;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box .date_picker {-webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .calendar_box .date_box input[type="date"] {opacity:0;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box {width:200px; height:36px; margin-right:10px; float:left; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box:last-child { margin-right:0; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box.active {z-index:10;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .label { width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list {width:100%; display:none; margin-top:5px; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; color:#fff; transition:.4s ease-in; position:relative; z-index:2; background:#fff; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; color:#494E53; text-indent:0;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .select_box .select_option_list .option_list_item.first {margin:0;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) { position:relative; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) p { position:absolute; top:45%; right:45%; transform:translateY(-55%); }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:nth-child(4) .input_box input { padding-right:25px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 100px); height: 100px; border:1px solid #E9ECF0; border-radius:5px; padding:10px; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea::placeholder { color:#D8DDE3; }
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.sub_inventory_adjustments_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
13
src/main/resources/static/css/web/modal_style.css
Normal file
13
src/main/resources/static/css/web/modal_style.css
Normal file
@@ -0,0 +1,13 @@
|
||||
/*bradley 추가 시작*/
|
||||
.new_patient_modal .modal-dialog .modal-content .modal-body .form_box .input_box
|
||||
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li { margin-top:10px; line-height:18px; font-size:14px; font-weight:700; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li span { color:red; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box {display:block; width:18px; height:18px; margin:0 5px 0 0; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; float:left;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box .on {width:18px; height:18px; position:absolute; top:0; left:0; display:inline-block; border:solid 2px #B5BDC4; box-sizing:border-box; border-radius:3px;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box input[type="checkbox"] { display:none; }
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box .on:after {content:""; position:absolute; display:none;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box input[type="checkbox"]:checked + .on:after {display:block;}
|
||||
.payment_modal .modal-dialog .modal-content .modal-body .tab-content #payment .payment_right .split_box ul li .chk_box .on:after {width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
/*bradley 추가 종료*/
|
||||
@@ -0,0 +1,60 @@
|
||||
/* 결제모달 */
|
||||
.original_chart.fade .modal-dialog {width:1200px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
|
||||
.original_chart .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; overflow:auto;}
|
||||
.original_chart .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom: 1px solid #e5e5e5; }
|
||||
.original_chart .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body { padding:10px 0 0 0; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul { display:flex; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul:last-child { padding-bottom:10px; border-bottom: 1px solid #e5e5e5; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li { width:calc(100% / 4); line-height:36px; margin-top:5px; display:table; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li.first { margin-top:0; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li p:first-child { width:100px; font-weight:700; float:left; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li p:last-child { float:left; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box { display:table; margin-bottom:10px; position:relative;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box label {width:100px; float:left; margin:0;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; padding:0 60px 0 10px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box p { position:absolute; top:50%; right:10px; transform:translateY(-50%); }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box { width:100%; display:table; position:relative;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box label {width:100px; float:left; margin:0;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 100px); padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box .chartMsgBox { border-top:1px solid #e5e5e5; padding-top:10px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box .detail { max-height:500px; overflow:auto; }
|
||||
/*.original_chart .modal-dialog .modal-content .modal-body .form_box ul:last-child { border:0; padding-bottom:0; }*/
|
||||
.original_chart .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; border-top: 1px solid #e5e5e5; position:relative; top:-1px; width:100%;}
|
||||
.original_chart .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
|
||||
.original_chart .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
|
||||
.original_chart .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
|
||||
|
||||
|
||||
|
||||
/* 예약 담당자 변경 추가 */
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box {width:300px; height:36px; position:relative; float:left;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box input {padding: 0 10px 0 40px;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box {float: left;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box input {padding: 0 10px;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box button {height:36px; align-items:center; background:none;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box button img {width:24px; height:24px;}
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box button:hover { background: none !important; }
|
||||
|
||||
/* 반응형 */
|
||||
@media only screen and (max-width:1280px) {
|
||||
/* 출퇴/휴무 등록*/
|
||||
/*.original_chart.fade .modal-dialog { width:490px; }*/
|
||||
.original_chart .modal-dialog .modal-content { padding:30px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-header p { font-size:16px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li { margin-top:0; line-height:32px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li p:first-child { width:80px; font-size:12px; line-height:32px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li p:last-child { font-size:12px; line-height:32px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:first-child,
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul:nth-child(3) li:first-child { margin-top:10px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { height:32px; padding-right:50px; font-size:12px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box label { width:80px; font-size:12px; line-height:32px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 80px); height:100px; line-height:20px; font-size:12px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-footer { padding-top:20px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
|
||||
.original_chart .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }
|
||||
}
|
||||
154
src/main/resources/static/css/web/receipt.css
Normal file
154
src/main/resources/static/css/web/receipt.css
Normal file
@@ -0,0 +1,154 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back {font-size:14px; font-weight:700; color:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img {margin:-3px 5px 0 0;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px;}
|
||||
|
||||
/* total_list */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap { width:100%; margin-bottom:20px; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box { width:400px; height:38px; float:left; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul { width:100%; padding:8px 15px; border:1px solid #E9ECF0; border-radius:5px; background:#fff; position:absolute; top:0; left:0; z-index: 1;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li.border_btm { border-bottom:1px solid #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li p { width:40%; margin-bottom:10px; display:inline-block; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li p.division { width:20%; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li p.last { text-align:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li p.last span { font-weight:700; margin-right:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li.border_under p.division { margin-top:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li.last p { margin-bottom:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li:not(.first) { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul.open li { display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li.first p { margin-bottom:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul.open li.first p { margin-bottom:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .button_box { margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .button_box button { color:#3985EA; border:1px solid #E9ECF0; border-radius:5px; background:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .button_box button:hover { background: none !important; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .button_box button img { margin-top:-2px; margin-left:10px; transform:rotate(-90deg); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .button_box button.open img { margin-top:-2px; transform:rotate(90deg); }
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box { display:flex; position:relative; border-radius:8px; margin-left:10px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box:nth-child(2) .select_option_list {width:170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box {width:100%; height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box img {position:absolute; top:50%; left:5px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input {width:100%; height:100%; padding-left:30px; border:1px solid #E9ECF0; border-radius:5px; font-size:12px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box {cursor:pointer; font-size:14px; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"] { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item .chk_box input[type="radio"]:checked + .on:after {content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box {width:170px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list {float:left; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 238px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
|
||||
/* table_box */
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1600px) {
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:100px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:120px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box ul.total_list li p { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first { width:80px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:100px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:115px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:85px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap { margin-bottom:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box { height:34px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul { padding:6px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul li p { margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .total_list_wrap .total_list_box ul.open li.first p { margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 204px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
134
src/main/resources/static/css/web/statistics.css
Normal file
134
src/main/resources/static/css/web/statistics.css
Normal file
@@ -0,0 +1,134 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px;}
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {display:flex; position:relative; border-radius:8px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first {width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box {width:160px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
|
||||
/* 캘린더input */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius: 8px; float: left; position: relative;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position: relative; width: 140px; height: 36px; float: left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left: 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height: 34px; display: block; width: 100%; font-size: 14px; padding: 0 12px; padding-left: 40px; outline: none; border: 1px solid #E9ECF0; border-radius: 5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display: none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; cursor: pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color: #000; font-size: 14px; font-weight: 400; line-height: 36px; margin: 0 5px; width: 6px; display: block; float: left;}
|
||||
|
||||
/* main */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 126px); overflow-y:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article { width:100%; padding:20px; margin-top:20px; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.first { margin:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:16px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box { min-height:300px; margin-top:10px; overflow:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box.diff { display:flex; justify-content:center; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box { width:28%; margin-right:20px; float:left; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box::after { content:''; display:inline-block; width:1px; height:100%; position:absolute; top:0; right:-20px; background:#E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li { padding:15px; margin-top:10px; border:1px solid #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li label { width:100%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li p { display:inline-block; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li p.first { font-size:22px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up span { font-size:18px; color:#23D16D; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up::before { content:'↑'; color:#23D16D; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down { margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down span { font-size:18px; color:#D5001B; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down::before { content:'↓'; color:#D5001B; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list { width:100%; margin-top:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list br { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list span { padding-right:7px; margin-right:3px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list span:last-child { margin-right:0; padding-right:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list span::before { content:''; width:1px; height:80%; position:absolute; top:10%; right:0; background:#ccc; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list span:last-child::before { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_right_box { width:calc(72% - 20px); height:100%; padding-left:20px; float:left; }
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1700px) {
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box { width:30% }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_right_box { width:calc(70% - 20px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li { padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li p.first { font-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list { word-break: keep-all; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list br { display:block; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up span { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down span { font-size:14px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 102px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article { margin-top:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box { width:31% }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_right_box { width:calc(69% - 20px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li p.first { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up { margin-left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up span { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down { margin-left:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down span { font-size:14px; }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
139
src/main/resources/static/css/web/statistics_client.css
Normal file
139
src/main/resources/static/css/web/statistics_client.css
Normal file
@@ -0,0 +1,139 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px;}
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {display:flex; position:relative; border-radius:8px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first {width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px}
|
||||
|
||||
/* main */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 126px); overflow-y:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 60px) / 5); padding:15px; margin-left:20px; border:1px solid #E9ECF0; border-radius:5px; background:#fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li label { font-weight:400; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p { text-align:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p span { font-size:18px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p.span_wrap span:first-child { margin-right:10px; padding-right:10px; position:relative; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p.span_wrap span:first-child::after { content:''; display:block; width:1px; height:50%; position:absolute; top:25%; right:0; background:#ccc; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article { width:100%; padding:20px; margin-top:20px; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.first { margin:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:16px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box { min-height:300px; margin-top:10px; overflow:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box.diff { display:flex; justify-content:center; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .title { line-height:30px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box { float:right; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button { padding:0 10px; line-height:30px; border:1px solid #E9ECF0; background:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.on { color:#fff; border:1px solid #3985EA; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.days_btn { border-radius:5px 0 0 5px; border-right:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.months_btn { border-radius:0 5px 5px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.weeks_btn { border-right:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn { padding:0 15px 0 35px; line-height:36px; border:0; position:relative; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn p { color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn img { position:absolute; top:50%; left:15px; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph { display:flex; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap { width:60%; margin-top:20px; padding:20px; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap.first { width:calc(40% - 20px); margin-right:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap.last { width:calc(40% - 20px); margin-left:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap.same { width:calc((100% - 20px) / 2); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap.same:last-child { margin-left:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.pst { padding-bottom:64px; position:relative; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:calc(100% - 40px); height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 60px) / 4); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.pst { padding-bottom:43px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; bottom:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 102px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 30px) / 4); margin-left:10px; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p.first { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p span { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p.span_wrap span:first-child { margin-right:5px; padding-right:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article { margin-top:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn { padding:0 10px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button { line-height:27px; }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
137
src/main/resources/static/css/web/statistics_clinic.css
Normal file
137
src/main/resources/static/css/web/statistics_clinic.css
Normal file
@@ -0,0 +1,137 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px;}
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {display:flex; position:relative; border-radius:8px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first {width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px}
|
||||
|
||||
/* main */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 126px); overflow-y:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 120px) / 7); padding:15px; margin-left:20px; border:1px solid #E9ECF0; border-radius:5px; background:#fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li label { font-weight:400; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p { font-weight:700; text-align:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p.first { font-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article { width:100%; padding:20px; margin-top:20px; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.first { margin:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:16px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box { min-height:300px; margin-top:10px; overflow:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box.diff { display:flex; justify-content:center; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .title { line-height:30px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box { float:right; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button { padding:0 10px; line-height:30px; border:1px solid #E9ECF0; background:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.on { color:#fff; border:1px solid #3985EA; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.days_btn { border-radius:5px 0 0 5px; border-right:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.months_btn { border-radius:0 5px 5px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.weeks_btn { border-right:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn { padding:0 15px 0 35px; line-height:36px; border:0; position:relative; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn p { color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn img { position:absolute; top:50%; left:15px; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph { display:flex; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap { width:40%; margin-top:20px; padding:20px; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap.first { width:calc(60% - 20px); margin-right:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap.last { width:calc(60% - 20px); margin-left:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.pst { padding-bottom:64px; position:relative; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:calc(100% - 40px); height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1700px) {
|
||||
.project_wrap .content_section .hospital_wrap .center_box main article .last ul li p br { display:block; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 60px) / 7); margin-left:10px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.pst { padding-bottom:43px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; bottom:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 102px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 60px) / 7); margin-left:10px; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p.first { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article { margin-top:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn { padding:0 10px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button { line-height:27px; }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
137
src/main/resources/static/css/web/statistics_payment.css
Normal file
137
src/main/resources/static/css/web/statistics_payment.css
Normal file
@@ -0,0 +1,137 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px;}
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {display:flex; position:relative; border-radius:8px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first {width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px}
|
||||
|
||||
/* main */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 126px); overflow-y:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 80px) / 5); padding:15px; margin-left:20px; border:1px solid #E9ECF0; border-radius:5px; background:#fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li label { font-weight:400; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p { font-size:18px; font-weight:700; text-align:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article { width:100%; padding:20px; margin-top:20px; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.first { margin:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:16px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box { min-height:300px; margin-top:10px; overflow:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .title { line-height:30px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box { float:right; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button { padding:0 10px; line-height:30px; border:1px solid #E9ECF0; background:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.on { color:#fff; border:1px solid #3985EA; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.days_btn { border-radius:5px 0 0 5px; border-right:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.months_btn { border-radius:0 5px 5px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.weeks_btn { border-right:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn { padding:0 15px 0 35px; line-height:36px; border:0; position:relative; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn p { color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn img { position:absolute; top:50%; left:15px; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .last { padding-top:20px; margin-top:20px; border-top:1px solid #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .last ul { width:100%; margin-top:10px; padding:15px; border:1px solid #E9ECF0; border-radius:5px; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .last ul li { width:calc(100% / 6); padding-left:20px; border-left:1px solid #E9ECF0; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .last ul li.first { padding:0; border:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .last ul li p { font-size:18px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .last ul li p br { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.pst { padding-bottom:64px; position:relative; }
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:calc(100% - 40px); height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1700px) {
|
||||
.project_wrap .content_section .hospital_wrap .center_box main article .last ul li p br { display:block; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.pst { padding-bottom:43px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; bottom:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 102px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 40px) / 5); margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article { margin-top:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .last ul li p { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn { padding:0 10px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button { line-height:27px; }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
139
src/main/resources/static/css/web/statistics_push.css
Normal file
139
src/main/resources/static/css/web/statistics_push.css
Normal file
@@ -0,0 +1,139 @@
|
||||
.project_wrap {width:100%; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px;}
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {display:flex; position:relative; border-radius:8px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first {width:100px; margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px}
|
||||
|
||||
/* main */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 126px); overflow-y:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 60px) / 5); padding:15px; margin-left:20px; border:1px solid #E9ECF0; border-radius:5px; background:#fff; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li.first { margin-left:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li label { font-weight:400; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p { text-align:right; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p.first { font-size:18px; font-weight:700; }
|
||||
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article { width:100%; padding:20px; margin-top:20px; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.first { margin:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:16px; font-weight:700; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box { min-height:300px; margin-top:10px; overflow:auto; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .box.diff { display:flex; justify-content:center; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box { width:100%; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box.last { padding-top:20px; margin-top:20px; border-top:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .title { line-height:30px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box { float:right; display:table; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button { padding:0 10px; line-height:30px; border:1px solid #E9ECF0; background:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.on { color:#fff; border:1px solid #3985EA; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.days_btn { border-radius:5px 0 0 5px; border-right:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.months_btn { border-radius:0 5px 5px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.weeks_btn { border-right:0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn { padding:0 15px 0 35px; line-height:36px; border:0; position:relative; border-radius:5px; background:#3985EA; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn p { color:#fff; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn img { position:absolute; top:50%; left:15px; transform:translateY(-50%); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph { display:flex; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap { width:60%; margin-top:20px; padding:20px; border:solid 1px #E9ECF0; border-radius:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap.first { width:calc(40% - 20px); margin-right:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap.last { width:calc(40% - 20px); margin-left:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap.same { width:calc((100% - 20px) / 2); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .graph .box_wrap.same:last-child { margin-left:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.pst { padding-bottom:64px; position:relative; }
|
||||
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:calc(100% - 40px); height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 60px) / 4); }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article.pst { padding-bottom:43px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; bottom:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 102px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li { width:calc((100% - 30px) / 4); margin-left:10px; padding:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main .statistics_list li p.first { font-size:14px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article { margin-top:15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn { padding:0 10px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button.download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .main article .title_box .right_btn_box button { line-height:27px; }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
129
src/main/resources/static/css/web/stock.css
Normal file
129
src/main/resources/static/css/web/stock.css
Normal file
@@ -0,0 +1,129 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; padding-left:10px; margin-bottom:20px; font-size:18px; font-weight:700; line-height:50px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box ul.total_list {padding:10px 0; display:flex; border:1px solid #E9ECF0; border-radius:5px; background:#fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box ul.total_list li {width:20%; padding:0 20px; border-right:1px solid #E9ECF0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box ul.total_list li:nth-child(2) { width:40%; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box ul.total_list li:last-child {border:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box ul.total_list li label {font-size:14px; font-weight:400; margin-bottom:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box ul.total_list li p {font-size:16px; font-weight:700;}
|
||||
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {display:flex; position:relative; border-radius:8px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color:#000; font-size:14px; font-weight:400; line-height:36px; margin:0 5px; width:6px; display:block;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box:nth-child(1) { margin-left:0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list { min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .select_box.last .select_option_list {width:170px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box {width:160px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list {float:left; margin-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box > .search_list .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .store_btn {background:#23D16D; color:#fff; border-radius:5px; float:left; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .store_btn img {margin:-3px 5px 0 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .release_btn {background:#FF2222; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .release_btn img {margin:-3px 5px 0 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn {padding-left:35px; position:relative; background:#3985EA; color:#fff; border-radius:5px; margin-left:10px; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img {position:absolute; top:50%; left:15px; transform:translateY(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { color:#fff; }
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 211px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box a {font-size:20px; font-weight:700;}
|
||||
|
||||
/* joy 추가 시작 */
|
||||
/* 금액 오른쪽 정렬 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box ul.total_list li p.alignRight{text-align: right;}
|
||||
|
||||
/* joy 추가 종료 */
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box ul.total_list li p { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box { width:120px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_list .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn { margin-left:5px; padding-left:10px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn p { display:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .right_btn_box .download_btn img { width:12px; margin-top:-3px; position:static; transform:none; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 184px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}
|
||||
|
||||
/*오른쪽영역*/
|
||||
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}
|
||||
|
||||
/* 왼쪽_메뉴 영역 */
|
||||
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px;}
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
|
||||
|
||||
|
||||
/* 센터쪽 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title {min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px;}
|
||||
|
||||
|
||||
/* filter_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .search_box {width:160px; height:36px; position:relative; float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .search_box input::placeholder {color:#B5BDC4;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .search_list {float:left;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .search_list .search_btn {margin-left:5px; color:#fff; border-radius:5px; background:#3985EA;}
|
||||
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .button_box {float:right;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .button_box .registration_btn {color:#fff; border-radius:5px; background:#3985EA;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .button_box .registration_btn img {margin:-2px 5px 0;}
|
||||
|
||||
|
||||
/* table_box */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box {width:100%; height:calc(100% - 180px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box a {font-size:20px; font-weight:700;}
|
||||
|
||||
/* 페이지게이션 */
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box {position:absolute; bottom:20px; width:100%; height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation {height:24px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination {margin:0 auto; display:table;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li {display:inline-block; padding:0}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a {position:relative; width:24px; height:24px; background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a:hover, .project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a:hover {background:none;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img {position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0) rotate(180deg); width:10px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a {width:24px; height:24px; padding:0; border:none; text-align:center; line-height:22px; font-size:14px; font-weight:500; background:#FFF; font-size:14px;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a:hover, .project_wrap .content_section .hospital_wrap .center_box .right_note .page_box .navigation .pagination li a:focus {background:#3985EA; color:#fff; font-weight:700;}
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li.active a {background:#3985EA; color:#fff;}
|
||||
|
||||
/*반응형 View*/
|
||||
@media only screen and (max-width:1500px) {
|
||||
.project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:100px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:120px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1280px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
|
||||
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .search_box { width:130px; height:32px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .search_box img { width:22px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .filter_box .search_box input { height:32px; padding-left:35px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .table_box { height:calc(100% - 155px); }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation { height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li a { width:23px; height:23px; font-size:12px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a { width:23px; height:23px; }
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:first-child a img,
|
||||
.project_wrap .content_section .hospital_wrap .center_box .page_box .navigation .pagination li:last-child a img { width:9px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width:1080px) {
|
||||
.project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user