@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;}
}