@charset "utf-8";

.officeWrap{margin-top:50px;}

/* office filter */
.filterWrap{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;padding:10px;box-sizing:border-box;border:1px solid #e3ebf6;border-radius:3px;margin-bottom:20px;background:#fff;}
.filterWrap .flex{flex-grow:1;margin:15px 10px;}
.filterWrap .flex.wd100 dd{display:flex;}
.filterWrap .flex2{flex-grow:2;margin:10px;}
.filterWrap .filterTxt{line-height:40px;padding-left:5px;}
.filterWrap dt{color:#333;font-size:17px; font-weight:500;text-align:left;line-height:1;margin-bottom:10px;}
.filterWrap dd{display:flex;/*height:40px;*/}
.filterWrap .datePickWrap{width:33%;position:relative;}
.filterWrap .datePickWrap span{background:#f1f5fa;text-align:center;display:inline-block;text-align:center;width:40px;height:38px;position:absolute;top:1px;left:1px;z-index:10;border-radius:3px 0 0 3px;}
.filterWrap .datePickWrap span i{color:#656d9a;font-size:24px;line-height:38px;}
.filterWrap .datePickWrap input{border:none;width:100%;height:40px;position:absolute;top:0;left:0;box-sizing:border-box;padding-left:50px;border:1px solid #e3ebf6;border-radius:3px;}
.filterWrap .memSearchWrap{position:relative;}
.filterWrap .memSearchWrap a{background:#f1f5fa;text-align:center;display:inline-block;text-align:center;width:38px;height:38px;position:absolute;top:1px;right:1px;z-index:10;border-radius:3px 0 0 3px;}
.filterWrap .memSearchWrap input{border:none;width:100%;height:40px;position:absolute;top:0;left:0;box-sizing:border-box;padding-right:44px;border:1px solid #e3ebf6;border-radius:3px;}
.filterWrap .memSearchWrap a i{color:#656d9a;line-height:38px;font-size:18px;}
.filterWrap .gapTxt{display:inline-block;line-height:40px;text-align:center;width:20px;}
.filterWrap .periodBtn{display:inline-flex;flex-basis:50%;border:1px solid #e3ebf6;border-radius:3px;overflow:hidden;margin-left:20px;}
.filterWrap .periodBtn2{flex-basis:240px;}
.filterWrap .periodBtn li{float:left;width:25%;text-align:center;border-right:1px solid #e3ebf6;}
.filterWrap .periodBtn2 li{width:50%}
.filterWrap .periodBtn3 li{width:33.33%;}
.filterWrap .periodBtn li:last-child{border-right:0;}
.filterWrap .periodBtn li a{display:block;color:#656d9a;line-height:38px;transition:all 0.3s; font-weight:500;}
.filterWrap .periodBtn li a:hover, .periodBtn li a.on{color:#fff;background:#446ca1; font-weight:500;}
.filterWrap .btns{margin:10px;padding-top:32px;}

.officeWrap .btns{text-align:center;}
.officeWrap .btns a{display:inline-block;min-width:100px;height:40px;line-height:40px;color:#fff;border-radius:3px;text-align:center;margin-right:7px;transition:all 0.3s;padding:0 20px;box-sizing:border-box;font-weight:500;}
.officeWrap .btns a:last-child{margin-right:0;}
.officeWrap .btns span{padding-right:5px;}
.officeWrap .dateSelect{text-align:center;background:#f1f5fa;width:100%;padding:10px 0;margin:10px;}
.officeWrap .dateSelect li{display:inline-block;}
.officeWrap .dateSelect span{font-size:30px;font-weight:700;display:inline-block;padding:0 20px;}
.officeWrap .dateSelect a{padding:5px;font-size:20px;}
#seLevel{font-size:0;}
.officeWrap .markCount{display:inline-block;width:40px;height:40px;border:1px solid #eaf0f7;background:#f1f5fa;margin-left:4px;border-radius:3px;text-align:center;vertical-align:bottom;}
.officeWrap .markCount i{line-height:40px;font-size:20px;font-weight:700;}

/* officeCont */
.officeCont{/* border:1px solid #e3ebf6; */border-radius:3px;background:#fff;}
.officeCont.wd50, .wd50-10{width:calc(50% - 20px) !important;}
.officeCont.wd70{width:calc(70% - 20px) !important;}
.officeCont .officeHead{padding: 0 0 20px;box-sizing:border-box;/* border-bottom:1px solid #e3ebf6; */position:relative;}
.officeCont .officeHead h2{color:#2c3652;font-size:25px;font-weight:700;}
.officeCont .officeHead h3{color:#2c3652;font-size:20px;font-weight:700;}
.officeCont .officeHead h3 span {color:#8c92a3;font-size:15px;font-weight:300;}
.officeCont .officeHead h4{color:#2c3652;font-size:18px;font-weight:500;}
.officeCont .officeHead p{margin-top:10px;color:#a4abc5;font-size:0.85em;line-height:1;}
.officeCont .officeBody{/* padding:20px; */box-sizing:border-box;position:relative;}
.officeInfo{background:#f1f5fa;padding:20px;margin-bottom:20px;border-radius:3px;box-sizing:border-box;text-align:center;font-weight:500;font-size: 18px;}
.titOption{width:265px;float:right;font-size:0;}
.titOption input{height:30px;width:175px;vertical-align:bottom;border-radius: 3px 0px 0px 3px;}
.titOption a{display:inline-block;width:30px;height:30px;background:#f1f5fa;border:1px solid #e3ebf6;border-left:0;text-align:center;}
.titOption a i{font-size:16px;color:#656d9a;line-height:28px;}
.titOption a:last-child{border-radius: 0px 3px 3px 0px;}
.titBtn{float:right;display:inline-block;height:30px;line-height:30px;box-sizing:border-box;padding:0 20px;text-align:center;color:#fff;font-size:16px;border-radius:3px;vertical-align:top;margin-left:2px;transition:all 0.3s;}
.birthSel select{margin-right:5px;}

/* 비회원 정보 동의 */
.nonmember {border:1px solid #e3ebf6;}

/* office table */
.officeCont .officeBody table{width:100%; margin-top:-1px; border:1px solid #eaf0f7; /*border-left:1px solid #eaf0f7;border-top:1px solid #eaf0f7;*/}
.officeCont .t_c th.t_r, .officeCont .t_c td.t_r{text-align:right !important;}
.officeCont .t_c th.t_l, .officeCont .t_c td.t_l{text-align:left !important;}
.officeCont .t_r th, .officeCont .t_r td{text-align:right !important;}
.officeCont .t_c th, .officeCont .t_c td, .t_r td.t_c, .t_r th.t_c, .t_l th.t_c .t_l td.t_c{text-align:center !important;}
.officeCont tr{height:40px;background-color:#fff !important;}
.officeCont th, .officeCont .officeBody .tbl-office-th td, .titTd{padding:10px;background:#f1f5fa;color:#303e67;font-weight:500;border:1px solid #eaf0f7;/*border-right:1px solid #eaf0f7;border-bottom:1px solid #eaf0f7;*/text-align:left;}
.officeCont td{padding:10px;line-height:25px;font-weight:500;color:#303e67;border:1px solid #eaf0f7;/*border-right:1px solid #eaf0f7;border-bottom:1px solid #eaf0f7;*/}
.officeCont .officeBody h2.paytitle {font-size:20px; font-weight:600; margin:25px 0 10px 0;}
.officeCont td label {margin-right:15px; cursor:pointer;}
.officeCont td input.methodselect {width:13px; height:13px; border:1px solid #d3d9e7; margin-right:3px; box-sizing:border-box;}
.officeCont td .deliBox {display:block;}
.officeCont td .cartPv {font-size:13px;}
.officeCont table input, .officeCont .officeBody table select{height:30px;max-width:100%;width:200px;color:#303e67;padding-left:5px;font-weight:500;}
.officeCont table textarea{height:60px;font-size:15px;font-weight:300;padding:5px;}
.officeCont table .tbBtn{display:inline-block;height:30px;line-height:30px;font-size:14px; font-weight:100;box-sizing:border-box;padding:0 20px;text-align:center;color:#fff;border-radius:3px;vertical-align:top;margin-left:2px;transition:all 0.3s;}
.officeCont table .label{line-height:20px;}
.officeCont table .tbTxt{font-size:14px;margin-top:2px;}
.officeCont table .totalTd td{padding:10px 10px;background:#f1f5fa;color:#303e67 !important;font-size:16px;font-weight:700;border-right:1px solid #eaf0f7;border-bottom:1px solid #eaf0f7;text-align:left;}
.officeCont.wd50 select{width:20%/*  !important */;}
.hoverTd{cursor:pointer;transition:all 0.3s;}
.hoverTd:hover{background:#f5f7ff;}
#aUserinfo, #bUserinfo {padding-left:7px;}

.officeBody .memSearchWrap{position:relative;height:30px;}
.officeBody .memSearchWrap a{background:#f1f5fa;text-align:center;display:inline-block;text-align:center;width:30px;height:28px;position:absolute;top:1px;right:1px;z-index:10;border-radius:3px 0 0 3px;}
.officeBody .memSearchWrap input{border:none;width:100%;height:30px;position:absolute;top:0;left:0;box-sizing:border-box;padding-right:25px;border:1px solid #e3ebf6;border-radius:3px;}
.officeBody .memSearchWrap a i{color:#656d9a;font-size:16px;line-height:28px;}
.officeBody .tbTit{background:#9ba7c9;color:#fff;text-align:center;line-height:40px;}
.priceSum{position:relative;}
.priceSum:after{content:"+";display:block;width:26px;height:26px;border-radius:50%;border:2px solid #303e67;text-align:center;line-height:20px;font-weight:700;position:absolute;left:-13px;top:50%;margin-top:-13px;font-size:18px;background:#fff;box-sizing:border-box;}
.priceTotal{position:relative;color:#f32f5e !important;font-weight:700 !important;font-size:13px !important;}
.priceTotal:after{content:"=";display:block;width:26px;height:26px;border-radius:50%;border:2px solid #f32f5e;text-align:center;line-height:20px;font-weight:700;position:absolute;left:-13px;top:50%;margin-top:-13px;font-size:18px;background:#fff;box-sizing:border-box;color:#f32f5e;}
.tbInfo{text-align:right;margin-bottom:5px;color:#a4abc5;}
.officeBody .listProd{width:80px;height:80px;display:inline-block;border:1px solid #eaf0f7;vertical-align:middle;margin:5px 10px 5px 0;}
.officeBody .listProd img{width:100%;word-break:break-all;}
.officeBody .prodCount{display:inline-block;width:30px;height:30px;border:1px solid #eaf0f7;box-sizing:border-box;text-align:center;vertical-align:top;background:#eaf0f7;border-radius:3px;}
.officeBody .prodCount i{line-height:28px;font-size:14px;}
.countInput{padding-left:0 !important;text-align:center;width:53px !important;}
.countChange{display:inline-block;width:100%;margin-top:7px;line-height:30px;color:#fff;border-radius:3px;font-size:13px;font-weight:100;}

/* office tab */
.officeWrap .officeTab{margin-bottom:20px;width:100%;background:#f1f5fa;border-radius:3px;}
.officeWrap .officeTab li{display:inline-block;float:left;margin-right:1px;}
.officeWrap .officeTab a{display:block;font-size:16px; font-weight:500;padding:0 20px;line-height:40px;color:#616a7d;transition:all 0.3s;}
.officeWrap .officeTab a.on, .officeWrap .officeTab a:hover{color:#fff;background:#446ca1;border-radius:3px;}

/* office data info */
.officeCont .tableInfo{margin-top:10px;width:100%;position:relative;height:30px;}
.tableInfo .dataView{line-height:30px;width:145px;position:absolute;left:0;top:0;text-align:left;}
.tableInfo .dataView label{color:#3d3d3d;}
.tableInfo .dataView select{width:60px;height:30px;background-position:88% center;margin-left:5px;}
.tableInfo .pagerWrap{text-align:center;width:calc(100% - 290px);position:absolute;left:145px;line-height:30px;top:0;}
.tableInfo .dataTotal{line-height:30px;color:#3d3d3d;width:145px;text-align:right;position:absolute;right:0;top:0;}
.tableInfo.mg10 .dataTotal{right:20px;}

/* 정보열람 */
.showInfo{display:inline-block;line-height:30px;font-weight:100;padding:0 20px;border-radius:3px;position:absolute;right:0px;top:50%;color:#fff;font-size:14px;margin-top:-15px;}
.showInfoTb{display:none;}

/* 이용약관 */
.clauseTxt{background:#f6f9fc;padding:20px;box-sizing:border-box;max-height:300px;overflow-y:auto;}
.agreeList{margin-top:20px;}
.agreeList label{line-height:26px;}

/* 본인인증 */
.AccCertList{display:table;width:500px;margin:0 auto;background:#f8f8f8;border-radius:50px; padding:50px;}
.AccCertList li{display:table-cell;vertical-align:middle;width:50%;padding:20px 0;}
.AccCertList li:last-child{border-left:1px solid #eaf0f7;}
.AccCertList li a{display:block;text-align:center;}
.AccCertList li i{display:inline-block;width:130px;height:130px;line-height:130px;border-radius:50%;margin:0 auto;background:#315078;font-size:80px;color:#fff;transition:all 0.3s;}
.AccCertList li p{font-size:18px; font-weight:500; margin-top:20px;}
.AccCertList li a:hover i{color:#f79e2d;}

/* 오피스팝업 */
.popWrap{padding:10px;box-sizing:border-box;background:#f3f4f7;min-height:100vh}
/* .popWrap .tableInfo .pagerWrap{width:100%;position:unset;} */
.popWrap .filterWrap{padding:0;margin-bottom:10px;}
.popWrap .filterWrap dl.wd50{margin-bottom:0;margin-right:0;}
.popWrap .filterWrap dl.wd50{width:calc(50% - 20px) !important;}
.popWrap .filterWrap dl:nth-child(2){margin-right:10px;}
.popWrap .filterWrap .btns{margin:10px 10px 0 0;}
.popWrap .officeCont .officeBody{padding:10px;}
.popWrap .officeCont .officeHead{padding:10px;}

/* 로딩중입니다. */
.loadingMsg{display: block;color:#666;position: absolute;top: 50%;left: 50%;width: 400px;height: 80px;font-size:18px;background: #ffffff;border: 1px solid #656d9a40;line-height: 80px;margin-top: -40px;margin-left: -200px;-webkit-box-shadow: 5px 5px 10px 0px rgb(50 50 50 / 50%);-moz-box-shadow: 5px 5px 10px 0px rgba(50, 50, 50, 0.5);box-shadow: 5px 5px 10px 0px rgb(50 50 50 / 50%);}
.loadingMsg i{margin-right:10px;}

/* 박스계보도 */
.box-view{height:560px;overflow:auto;position:relative;border:1px solid #e3ebf6;border-radius:3px;}
.dis-Table{display: table;margin: 0 auto;}
.box-view table{table-layout:auto;}
table.node td.label font{color:#656d9a;margin-right:5px;}
.box-view table.node td div.initd01{border:1px solid #e3ebf6;background-color:#f1f5fa;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.boxPopTit{position:relative;}
.boxPopTit h2{color:#fff;text-align:left;font-size:16px;font-weight:700;line-height:50px;padding-left:10px;}
.boxPopTit a{display:inline-block;width:80px;font-size:16px;text-align:center;line-height:30px;border-radius:3px;position:absolute;right:10px;top:10px;background:#fff;}

.boxPop{height:calc(100vh - 40px);}
.boxPop .box-view{height:100% !important;}

/* 오토십등록 */
.galCont{font-size:0;display:none;}
.galauto{display:inline-block;width:calc(20% - 20px);margin:10px 10px 10px;border-radius:3px;overflow:hidden;border:1px solid #eaf0f7;vertical-align:top;}
.galauto dl{background:#f1f5fa;}
.galauto dt{width:100%;height:170px;background:#f2f2f2;overflow:hidden;position:relative;}
.galauto dt img{width:100%;position:absolute;top:50%;margin-top:-50%;}
.galauto dd{color:#666;font-size:16px;padding:10px 0;}
.galauto dd h2{color:#333;height:30px;padding:0 10px;display:table;width:100%;margin-bottom:5px;}
.galauto dd h2 span{display:table-cell;vertical-align:middle;word-break:break-word;line-height:1.3;color: #303e67;font-weight:700;}
.galauto .prodListInfo{padding:0 10px;}
.galauto .prodListInfo p{line-height:1.6;color:#888;}
.galauto input{height:30px;vertical-align:bottom;}
.galauto .prodCount{background:#e6ecf3;}

/* 수당분석 */
.pieWidth{width:500px;margin:0 auto 10px;}

/* 캘린더 */
.calWrap{border:1px solid #e3ebf6;border-radius:3px;overflow:hidden;}
.calTop {font-size:50px; color:#444; font-weight:bold;padding:25px 0;}
table.calendar_box{background:#FFFFFF;}
table.calendar2 td.day{text-align:center;background:#FFFFFF;padding:7px;background-color:#fff;font-weight:bold;color:#999999;font-size:20px;}
table.calendar2 td.day2{text-align:center;background:#FFFFFF;padding:7px;background-color:#fff;font-weight:bold;color:#f44e4e;font-size:20px;}
table.calendar2 td.day3{text-align:center;background:#FFFFFF;padding:7px;background-color:#fff;font-weight:bold;color:#273273;font-size:20px;}
table.calSun{background-color:#fff;border-right:1px solid #e3ebf6;border-top:1px solid #e3ebf6;}
.titleSun{font-weight:bold;color:#f96c56;text-align:left;vertical-align:top;padding:7px;font-size:20px;}
table.calSat{background-color:#fff;border-top:1px solid #e3ebf6;}
.titleSat{font-weight:bold;color:#273273;text-align:left;vertical-align:top; padding:7px;font-size:20px;}
table.calDate{background-color:#fff;border-right:1px solid #e3ebf6;border-top:1px solid #e3ebf6;}
table.calDate td, .calSat td, .calSun td{width:100%;}
.titleDate{font-weight:bold;color:#353535;text-align:left;vertical-align:top;padding:7px;font-size:20px;}
.calDate4{font-size:11px;font-weight:normal;color:#353535;text-align:right;vertical-align:top;padding-right:3px;}
.calDate2{font-size:17px;font-weight:500;color:#353535;text-align:left;vertical-align:top;padding:3px 7px;line-height:1.3;}
.calDate3{font-weight:normal;color:#353535; text-align:left; padding:0 7px; vertical-align:middle;line-height:1;}

/* 로딩아이콘 */
.loadIcon{position:fixed;top:50%;left:50%;margin-top:-75px;margin-left:-75px;display:none;}
@keyframes ldio-shd61k0zbqi {0% { opacity: 1 }100% { opacity: 0 }}
.ldio-shd61k0zbqi div {left: 70.5px;top: 26.25px;position: absolute;animation: ldio-shd61k0zbqi linear 1s infinite;background: #1761fd;width: 9px;height: 22.5px;border-radius: 4.5px / 5.4px;transform-origin: 4.5px 48.75px;}
.ldio-shd61k0zbqi div:nth-child(1) {transform: rotate(0deg);animation-delay: -0.9s;background: #1761fd;}
.ldio-shd61k0zbqi div:nth-child(2) {transform: rotate(36deg);animation-delay: -0.8s;background: #1761fd;}
.ldio-shd61k0zbqi div:nth-child(3) {transform: rotate(72deg);animation-delay: -0.7s;background: #1761fd;}
.ldio-shd61k0zbqi div:nth-child(4) {transform: rotate(108deg);animation-delay: -0.6s;background: #1761fd;}
.ldio-shd61k0zbqi div:nth-child(5) {transform: rotate(144deg);animation-delay: -0.5s;background: #1761fd;}
.ldio-shd61k0zbqi div:nth-child(6) {transform: rotate(180deg);animation-delay: -0.4s;background: #1761fd;}
.ldio-shd61k0zbqi div:nth-child(7) {transform: rotate(216deg);animation-delay: -0.3s;background: #1761fd;}
.ldio-shd61k0zbqi div:nth-child(8) {transform: rotate(252deg);animation-delay: -0.2s;background: #1761fd;}
.ldio-shd61k0zbqi div:nth-child(9) {transform: rotate(288deg);animation-delay: -0.1s;background: #1761fd;}
.ldio-shd61k0zbqi div:nth-child(10) {transform: rotate(324deg);animation-delay: 0s;background: #1761fd;}
.loadingio-spinner-spinner-ydy8gdt24h {width: 150px;height: 150px;display: inline-block;overflow: hidden;background: rgba(255, 255, 255, 0);}
.ldio-shd61k0zbqi {width: 100%;height: 100%;position: relative;transform: translateZ(0) scale(1);backface-visibility: hidden;transform-origin: 0 0; /* see note above */}
.ldio-shd61k0zbqi div { box-sizing: content-box; }/* generated by https://loading.io/ */

/* 대시보드 */
.dashWrap{width:100%;padding:20px;box-sizing:border-box;background:#f6f9fc;}
.dashContL{width:calc(40% - 20px);float:left;}
.dashContR{width:60%;float:right;}
.dashCont{position:relative; text-align:center;width:100%;background:#fff;margin-bottom:20px;}
.dashCont h3{color:#303e67;height:46px;line-height:46px;font-size:1.1em;text-align:left;padding-left:15px;font-weight:700;background:#d6e2fb;border-radius:5px 5px 0px 0px;-moz-border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px;margin:0;}
.dashCont h3:after {display:none;}
.dashCont .titBtn{color:#fff;display:inline-block;padding:0 15px;height:30px;text-align:center;line-height:30px;float:right;margin:8px 10px 0 0;font-size:0.85em;border-radius:3px;font-weight:normal;}
.dashCont .tableInfo{margin-top:10px;width:100%;position:relative;height:32px;}
.myInfo{height:450px;}
.myInfo img{margin-top:30px;}
.myInfo p{color:#043477;font-size:1.15em;font-weight:600;margin:20px 0;}
.myInfo hr{width:320px;margin:0 auto 30px;display:block;color:#f2f2f2;height:1px;background-color:#f2f2f2;border:none;}
.dashWrap .memSearchWrap{position:relative;width:200px;margin:0 auto;}
.dashWrap .memSearchWrap a{background:#f1f5fa;text-align:center;display:inline-block;text-align:center;width:34px;height:34px;position:absolute;top:1px;right:1px;z-index:10;border-radius:3px 0 0 3px;}
.dashWrap .memSearchWrap input{border:none;width:100%;height:36px;position:absolute;top:0;left:0;box-sizing:border-box;padding-right:44px;border:1px solid #e3ebf6;border-radius:3px;}
.dashWrap .memSearchWrap a i{color:#656d9a;font-size:16px;line-height:34px;}

.myInfo ul{position:relative;top:50px;margin:20px auto;}
.myInfo li{color:#222;margin-bottom:5px;}
.myInfo li span{color:#777;}
.beneHis{height:665px;}
.beneHis .weekControl{float:right;margin-right:10px;}
.weekControl{font-size:15px;color:#3f3f3f;font-weight:normal;}
.weekControl a{color:#3f3f3f;}
.weekControl a:first-child{margin-right:10px;}
.weekControl a:last-child{margin-left:10px;}
.beneHis dl{margin-top:20px;padding:0 20px;}
.beneHis dt{display:inline-block;float:left;padding:7px 16px;background:#748ab9;color:#fff;border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;}
.beneHis dd{width:100%;float:left;box-sizing:border-box;height:40px;line-height:40px;font-size:1.1em;font-weight:bold;padding-right:10px;background:#f1f5fa;color:#333;text-align:right;border-radius: 0px 5px 5px 5px;-moz-border-radius: 0px 5px 5px 5px;-webkit-border-radius: 0px 5px 5px 5px;}
.noticeList{height:205px;margin-bottom: 0;}
.noticeList ul{margin:0 auto;padding:18px 18px 0 18px;border-bottom:1px solid #f2f2f2;}
.noticeList li{border-top:1px solid #f2f2f2;height:40px;text-align:left;height:40px;line-height:40px;color:#555;padding:0 10px 0 5px;}
.noticeList li a{color:#777;}
.noticeList li span.NoticeTit{float:left;color:#777;display:inline-block;width: 280px;overflow: hidden;height: 40px;}
.noticeList li span.NoticeTit:before{content:"·";color:#1761fd;margin-right:5px;font-size:16px;font-weight:bold;}
.noticeList li span.NoticeDate{float:right;color:#555;font-size:13px;}
.resultboBoard{height:215px;}
.resultboBoard2{padding-bottom:60px;}
.resultboBoard2 .topResult{width: 540px;height: 50px;line-height: 50px;background:#1761fd;color: #fff;font-size: 1.2em;font-weight: 600;margin: 60px auto 0;border-radius: 5px;text-align: center;}

.resultboBoard h3 div{display:inline-block;padding-left:130px;}
.weekResult .weekControl{margin:30px 0;font-size:18px;}
.weekResultCont{background: url(../../../images/os/contents/resultLine.png)no-repeat center -15px;}
.weekResult .weekResultTop{display:table;width:250px;height:50px;font-size:1.2em;font-weight:600;color:#fff;background:#1761fd;border-radius:5px;margin:15px auto 30px;}
.weekResult .weekResultTop p, .weekResult li p{display:table-cell;vertical-align:middle;}
.weekResult p span,.weekResult li p span{display:block;line-height:1.2;}
.weekResult ul{width:530px;margin:0 auto;}
.weekResult li{float: left;display: table;width: 250px;height: 50px;background: #f1f5fa;border-radius: 5px;color: #4f4f4f;font-weight: 600;}
.weekResult li:last-child{float:right;}

.nextRankWrap{height:429px;}
.nextRank{width:calc(50% - 30px);height: 130px;background: #f1f5fa;float: left;margin-left: 20px;border-radius: 5px;margin-top: 40px;}
.nextRank dt{color:#fff;height:46px;line-height:46px;width:100%;background:#748ab9;border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;}
.nextRank dd{display:table;width:100%;height:86px;color:#333;font-size:1.1em;font-family: 'Open Sans', sans-serif;font-weight:600;}
.nextRank dd p{display:table-cell;vertical-align:middle;}
.nextRank dd p span{display:block;line-height:1.2;}
.nextRankTxt{padding:0 20px}
.nextRankTxt dl:first-child{margin-top:20px;width:calc(50% - 10px);float:left;}
.nextRankTxt dl:last-child{margin-top:20px;width:calc(50% - 10px);float:right;}
.nextRankTxt dt{display: inline-block;float: left;padding: 15px 16px;background:#748ab9;color:#fff;border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;}
.nextRankTxt dd{width: 100%;display: table;box-sizing: border-box;float: left;height: 86px;line-height: 40px;font-size: 1.1em;font-weight: bold;padding-right: 10px;background: #f1f5fa;color: #333;text-align: right;border-radius: 0px 5px 5px 5px;-moz-border-radius: 0px 5px 5px 5px;-webkit-border-radius: 0px 5px 5px 5px;}
.nextRankTxt dd p{display:table-cell;vertical-align:middle;}
.nextRankTxt dd p span{display:block;line-height:1.2;}

.quickMenuWrap{height:205px;}
.quickMenuWrap li{position:relative;float:left;width: 218px;height:92px;background:#fff;border-radius:5px;-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.15);box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.15);margin:0 20px 20px 0;}
.quickMenuWrap li:hover{-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.05);-moz-box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.05);box-shadow:0px 2px 1px 0px rgba(0, 0, 0, 0.05);}
.quickMenuWrap li:after{content:"";display:block;width:3px;height:50px;position:absolute;left:0;top:19px;background:#4f63d1;}
.quickMenuWrap li:last-child{margin-right:0;}
.quickMenuWrap li a{display:inline-block;width:100%;height:100%;padding:19px;text-align:left;box-sizing:border-box;border-radius:5px;line-height:1.3;}
.quickMenuWrap li dt{color:#333;font-weight:bold;margin-bottom:3px;}
.quickMenuWrap li dd{color:#a6a6a6;font-size:13px;}
.quickMenuWrap ul:last-child li{margin-bottom:0;}
.quickMenuWrap ul:first-child li:nth-child(1){background:#fff url(../../../images/os/contents/quickbtn01.png)no-repeat 150px center;}
.quickMenuWrap ul:first-child li:nth-child(2){background:#fff url(../../../images/os/contents/quickbtn02.png)no-repeat 161px center;}
.quickMenuWrap ul:first-child li:nth-child(3){background:#fff url(../../../images/os/contents/quickbtn03.png)no-repeat 153px center;}
.quickMenuWrap ul:last-child li:nth-child(1){background:#fff url(../../../images/os/contents/quickbtn04.png)no-repeat 160px center;}
.quickMenuWrap ul:last-child li:nth-child(2){background:#fff url(../../../images/os/contents/quickbtn05.png)no-repeat 161px center;}
.quickMenuWrap ul:last-child li:nth-child(3){background:#fff url(../../../images/os/contents/quickbtn06.png)no-repeat 160px center;}
.hvr-float-shadow {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
.hvr-float-shadow:before {pointer-events: none;position: absolute;z-index: -1;content: '';top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); /* W3C */-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {-webkit-transform: translateY(-5px);transform: translateY(-5px);/* move the element up by 5px */}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */}

.dashBnr {width:300px; height:300px; background:#bdcad9;}
.dashBnr .mProdSlide{width:100%;overflow:hidden;position:relative;}
.dashBnr .mProdSlide .prodSlideImg{width:calc(100%);margin:0 auto;}
.dashBnr .mProdSlide .prodSlideImg img{width:100%; height:300px;}
.dashBnr .mProdSlide .swiper-slide{text-align:center;}
.dashBnr .mProdSlide .swiper-slide h2{color:#222;font-size:20px;font-weight:bold;margin-top:20px;}
.dashBnr .mProdSlide .swiper-slide p{color:#555;font-size:14px;margin-top:5px;}
.dashBnr .swiper-pagination {bottom:10px;}

.dashCont table th {position:relative; padding:10px; border:1px solid #e3eaf1;}
.dashCont table td {position:relative; padding:10px; border:1px solid #e3eaf1; font-size:14px;}
.dashCont .tbl-office-th tr {font-size:16px; font-weight:500; background:#f1f5fa;}
.dashCont table th {font-size:16px; font-weight:500; background:#f1f5fa;}
.dashCont .chk span {display:block; width:10px; height:10px; margin:0 auto; background:#333; border-radius:50px;}
.dashCont .dashPer {display:block; line-height:15px; margin-top:6px; text-align:center;}
.dashCont .dashIntro ul li {float:left; width:300px; height:300px;}
.dashCont .dashIntro ul li:nth-child(1) {width:520px; background:#2f4f78; padding:30px; margin:0 20px;}
.dashCont .dashIntro ul li:nth-child(1) .TimeBg {clear:both; padding:10px; background:#fff;}
.dashCont .dashIntro ul li:nth-child(2) {background:#f3f3f3; border:1px solid #e3e3e3;}
.dashCont .dashIntro ul li:nth-child(2) p {font-size:25px; font-weight:600; padding:25px 0 30px 0;}

.dashCont .dashIntro ul li dl dt {float:right; width:170px; height:180px; margin:0 0 17px 20px; padding:20px 0; background:#fff;}
.dashCont .dashIntro ul li dl dt p {color:#888; font-size:20px; font-weight:300; line-height:27px; margin:10px 0 0 0; letter-spacing:-0.5px;}
.dashCont .dashIntro ul li dl dt p span {display:block; font-size:30px; font-weight:800;}
.dashCont .dashIntro ul li dl dd {float:left; width:270px; color:#fff;}
.dashCont .dashIntro ul li dl dd p {display:block; text-align:left; padding:12px 10px 10px; border-bottom:1px dashed rgba(255, 255, 255, .3);}
.dashCont .dashIntro ul li dl dd p:last-child {border-bottom:0;}
.dashCont .dashIntro ul li dl dd p em {display:inline-block; width:70px;}
.dashCont .dashIntro ul li dl dd p span {margin-left:5px;}

.dashCont .weekTit {font-size:20px; font-weight:500; padding:15px 0; color:#fff; background:#43828b; letter-spacing:1px;}
.dashCont .NumWeek {display:inline-block; width:230px;}
.dashCont .weekTit i {font-size:17px;}
.dashCont .rankNow {width:560px; margin:20px 0 20px 20px; border:1px solid #e3eaf1;}
.dashCont .rankNow .rankTit {font-size:16px; font-weight:500; padding:10px 0; background:#f1f5fa; border-bottom:1px solid #e3eaf1;}
.dashCont .rankNow ul {display:table; margin:0 auto; padding:15px 0;}
.dashCont .rankNow ul li {float:left; width:150px;}
.dashCont .rankNow ul li:nth-child(2) {margin:0 20px;}
.dashCont .rankNow ul li:nth-child(2) dl dt {width:70px; height:89px; background:url(../../../images/os/contents/rankArrow.jpg) no-repeat center center;}
.dashCont .rankNow ul li:nth-child(2) p {background:#ff6462;}
.dashCont .rankNow ul li p {color:#fff; font-size:13px; padding:5px 0; border-radius:10px; background:#ec9922;}
.dashCont .rankNow ul li dl {position:relative;}
.dashCont .rankNow ul li dl dt {width:150px; height:89px; background:#F89E1C; border-radius:10px; margin:0 auto 10px auto;}
.dashCont .rankNow ul li dl dd {position:absolute; top:0; left:50%; transform:translateX(-50%); width:150px; height:89px; line-height:89px; color:#fff; border-radius:10px;}
.dashCont .rankNow ul li dl dd span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px; font-weight:600;}
/*.dashCont .rankNow ul li:nth-child(1) dl dd {position:absolute; top:25px; left:50%; transform:translateX(-50%); color:#fff; line-height:17px;}*/

.dashCont .result {width:580px; padding:20px;}

.dashCont h4 {position:relative; font-size:19px; font-weight:500; text-align:left; padding-left:15px;}
.dashCont h4:before {content:''; position:absolute; top:5px; left:0px; width:8px; height:8px; border-radius:50px; background:#43828b;}
.dashCont h4 div {display:inline-block; font-size:16px; padding-left:20px; letter-spacing:1px;}
.dashCont h4 div i {font-size:13px;}
.dashCont .dashContSubT {float:right; font-size:13px; font-weight:300;}

/* 전자서명 */
.signTit{font-size:20px;color:#444;}
.signSubTit{font-size:14px;vertical-align:baseline;padding-left:10px;}
.elecSign ul li{float:left;width:49%;}
.elecSign ul li:last-child{float:right;}
.elecSign .signWrap{width:50% !important; border-top:2px solid #333;border-bottom:1px solid #333;margin-top:15px;}
.elecSign .signWrap tr td{padding:10px 0;}
.elecSign iframe{width:95%;height:200px;border:1px solid #eee;margin:0 auto;display:block;background:#fff;box-shadow:1px 1px 1px #e4e4e4;}