@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); /* 공통 */ @media print{ @page {size: landscape} } .fwMd{font-weight: 500;} .fwBold{font-weight: 600;} .fwExtBold{font-weight: 700;} .c_222222{color: #222} .c_333333{color: #333} .c_999999{color: #999} .c_b4b4b4{color: #b4b4b4} .c_456ded{color: #456ded} .c_e40000{color: #e40000;} .c_ed4555{color: #ed4555} .contWrap{width: calc(100% - 240px);background-color: #e7ebf1;position: absolute;top: 70px;left: 240px;padding: 30px 40px;min-height: 986px;} .cont{/* width: 85%; */margin: 30px auto 0 0;} .dashBoard .cont{/* width: 88%; */display: flex;flex-flow: row wrap;} .box{flex-basis: 32%; background-color: #fff;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);border-radius: 5px;display: inline-block;margin: 0 13.5px 27px 0;} .boxTitle{width: 100%;background: linear-gradient(to bottom, rgba(248,249,252,1) 0%, rgba(243,244,247,1) 100%);border-bottom: 1px solid #f1f4fa; line-height: 50px;height: 50px;} .boxTitle h3{padding-left: 25px;color: #222;display: inline-block;} .boxTitle h3 span{font-size: 14px;} .boxTitle input[type="button"]{border: none;background-color: transparent;width: 20px;height: 20px;float: right;background-image: url(/pb/img/common/plusBtn.png);background-repeat: no-repeat;margin: 15px;cursor: pointer;} .boxCont{padding: 25px 20px;text-align: center;margin: 0 auto;width: 100%;} /* 메인대시보드_2022 */ .dashBoard .tab_wrap{float: right; background-color: #dfe2e7; border: 1px solid #d2dae3; border-radius: 500px; margin-top: -25px; box-shadow: inset 3px 4px 8px rgba(0,0,0,0.2);} .dashBoard .tab_wrap .btn_tab{width: 105px; height: 35px; font-size: 17px; color: #777;} .dashBoard .tab_wrap .btn_tab.on{background: linear-gradient(180deg, rgba(67,107,235,1) 20%, rgba(37,79,213,1) 100%); border-radius: 500px; color: #fff;} .box{min-height: 380px; margin: 0 30px 30px 0;} .today_business_status,.user_status,.inquiry_status,.connection_statistics,.company_user_status,.call_number_status,.refund_status,.adrs_status,.tax_status,.cash_receipt_status,.custom_made,.switch_point_status{width: calc((100% - 30px)/2);flex-basis:calc((100% - 30px)/2);} .sales_status,.message_send_status{flex-basis: 100%; margin: 0 0 30px 0;} .new_user_status{flex-basis: calc(55% - 30px); margin: 0 0 30px 0;} .hacking_ip_status{flex-basis: 45%; margin: 0 0 30px 30px;} .user_status,.connection_statistics,.company_user_status,.refund_status,.adrs_status,.cash_receipt_status,.switch_point_status{margin: 0 0 30px 0;} .tb_status{display: inline-block; width: calc(100% - 20px); height: 26px; font-size: 14px; font-weight: 400; border-radius: 500px; padding: 4.2px 2px;} .tb_status_01{border: 1px solid #436beb; color: #436beb;} .tb_status_02{border: 1px solid #e40000; color: #e40000;} .tb_status_03{border: 1px solid #666; color: #666;} .send_type_mms,.tb_status_04{border: 1px solid #002c9a; color: #002c9a;} .send_type_sms,.tb_status_05{border: 1px solid #009da8; color: #009da8;} .send_type_lms,.tb_status_06{border: 1px solid #9030a8; color: #9030a8;} .calendar_wrap{display: flex; justify-content: center; align-items: center; margin: 0 0 24px 0;} .calendar_wrap button{display: inline-flex; min-width: 30px; height: 30px; border-radius: 5px; border: 1px solid #d5d5d5; justify-content: center; align-items: center; margin: 0 4px;} .calendar_wrap .btn_prev{margin-left: 50px;} .calendar_wrap p{font-size: 20px; font-weight: 600; margin: 0 27px;} .calendar_wrap .btn_today,.calendar_wrap .btn_calendar{border: 1px solid #436beb; font-size: 14px; font-weight: 600; color: #436beb;} .calendar_wrap .btn_today{width: 50px;} .today_business_ul{border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5; display: flex; flex-wrap: wrap;} .today_business_ul li{display: flex; width: 50%; padding: 16px 20px 16px 0; align-items: center; border-bottom: 1px dashed #e5e5e5;} .today_business_ul .today_business_li09{border-bottom: 0;} .today_business_ul i{display: inline-block; width: 26px; height: 26px; border-radius: 5px; background-color: #e7ebf1; background-repeat: no-repeat; background-position: center; margin: 0 8px 0 0;} .today_business_li01 i{background-image: url(/pb/img/icon_today_business_status01.png);} .today_business_li02 i{background-image: url(/pb/img/icon_today_business_status02.png);} .today_business_li03 i{background-image: url(/pb/img/icon_today_business_status03.png);} .today_business_li04 i{background-image: url(/pb/img/icon_today_business_status04.png);} .today_business_li05 i{background-image: url(/pb/img/icon_today_business_status05.png);} .today_business_li06 i{background-image: url(/pb/img/icon_today_business_status06.png);} .today_business_li07 i{background-image: url(/pb/img/icon_today_business_status07.png);} .today_business_li08 i{background-image: url(/pb/img/icon_today_business_status08.png);} .today_business_li09 i{background-image: url(/pb/img/icon_today_business_status09.png);} .today_business_ul .today_business_title{width: 160px; font-size: 17px; font-weight: 400; text-align: left;} .today_business_ul .today_business_num{width: calc(100% - 140px); text-align: right; justify-self: flex-end; font-size: 16px; font-weight: 300;} .today_business_ul .today_business_num span{font-size: 18px; font-weight: bold;} .tbType4{width: 100%; table-layout: fixed; font-size: 15px; color: #222;} .tbType4 thead th{position: relative; height: 45px; background-color: #f2f2f4; vertical-align: middle; font-weight: 500; text-align: center;} .tbType4 thead th::after{position: absolute; content: " "; width: 1px; height: 18px; background-color: #d5d5d5; right: 0;} .tbType4 thead th:last-child:after{display: none;} .tbType4 thead th:first-child{border-radius: 5px 0 0 5px;} .tbType4 thead th:last-child{border-radius: 0 5px 5px 0;} .tbType4 tbody tr{border-bottom: 1px solid #e5e5e5;} .tbType4 tbody th{position: relative; height: 45px; vertical-align: middle; text-align: center; font-weight: 500;} .tbType4 tbody td{position: relative; height: 45px; vertical-align: middle; text-align: right; font-weight: 300; letter-spacing: -0.5px; padding: 0 10px 0 0;} .tbType4 tbody th::after,.tbType4 tbody td::after{position: absolute; content: " "; width: 1px; height: 18px; background-color: #E5E5E5; right: 0; top: 50%; transform: translateY(-50%);} .tbType4 tbody th[rowspan]::after{height: 100%; top: 0; transform: none;} .tbType4 tbody td:last-child:after{display: none;} .new_user_status tbody td,.hacking_ip_status tbody td,.inquiry_status tbody td,.adrs_status tbody td,.custom_made tbody td{text-align: center; padding: 0; font-size: 14px; font-weight: 400;} .tbType4 .tb_subj{position: relative; display: block; text-align: left; width: calc(100% - 10px); padding: 0 0 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .tbType4 .hover_cont{position: absolute; width: 100%; background-color: #fff; top: 38px; left: 1px; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 10px; text-align: left; border-radius: 5px; z-index: 10; line-height: 1.3; font-size: 14px;} .company_user_ul{display: flex; flex-wrap: wrap;} .company_user_ul li{width: calc((100% - 40px)/3); padding: 17px 5px 22px 5px; border-radius: 5px; background-color: #eff2f6; margin: 0 20px 20px 0;} .company_user_ul li:nth-child(3n){margin: 0 0 20px 0;} .company_user_ul i{display: block; width: 48px; height: 48px; border-radius: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center; margin: 0 auto 13px;} .company_user_li01 i{background-image: url(/pb/img/icon_company_user_01.png);} .company_user_li02 i{background-image: url(/pb/img/icon_company_user_02.png);} .company_user_li03 i{background-image: url(/pb/img/icon_company_user_03.png);} .company_user_li04 i{background-image: url(/pb/img/icon_company_user_04.png);} .company_user_li05 i{background-image: url(/pb/img/icon_company_user_05.png);} .company_user_li06 i{background-image: url(/pb/img/icon_company_user_06.png);} .company_user_ul .company_user_title{font-size: 16px; font-weight: 400; margin: 0 0 8px 0;} .company_user_title br{display:none;} .company_user_ul .company_user_num{font-size: 25px; font-weight: 600; letter-spacing: -1px;} /* //메인대시보드_2022 */ @media screen and (max-width:1680px){ .user_status tbody td{font-size: 13px; padding: 0 5px 0 0;} } @media screen and (max-width:1610px){ .today_business_ul li{padding: 16px 10px 16px 0;} .today_business_ul .today_business_title{width: 100px; font-size: 15px;} .today_business_ul .today_business_num{width: calc(100% - 100px);} .today_business_ul .today_business_num span{font-size: 16px; letter-spacing: -1.2px;} .company_user_ul .company_user_num{font-size: 20px;} .tb_status{width: calc(100% - 15px); height: auto; padding: 6px 2px; border-radius: 5px; letter-spacing: -1.5px} .new_user_status tbody td, .hacking_ip_status tbody td, .inquiry_status tbody td, .adrs_status tbody td, .custom_made tbody td, .call_number_status tbody td, .refund_status tbody td,.message_send_status tbody td{font-size: 13px; letter-spacing: -1px;} } @media screen and (max-width:1520px){ .company_user_title br{display:block;} }