.wrapGray {width:100%;background-color:#f0f1f5}
.whiteBox {width:calc(100% - 40px);background-color:#ffffff;border-radius:10px;padding:20px}
.contentWrap {width:90%;margin:0 auto}

/* top */
.topWrap {position:fixed;top:0;width:calc(100% - 40px);height:20px;font-size:18px;padding:20px;color:#000000;background-color:#f0f1f5;z-index:1000;border-bottom:1px solid #ffffff}
.topAppTitle {float:left;width:calc(100% - 65px);font-family:GSB;font-size:20px}
.topAppQuick {float:right;width:60px;text-align:right}

.topRightMenu {position:fixed;top:60px;right:0;width:160px;height:150px;background-color:#ffffff;z-index:1000;padding:20px;box-shadow: 15px 12px 25px 5px #727272;display:none}
.topRightMenu ul li {height:30px;line-height:30px;font-size:14px;}

/* main */
.mainSliderWrap {width:232px;height:130px;text-align:center;margin:0 auto;}
.mainSlider {width:45%;height:100px;margin:0 auto}
.mainSlider img {width:100%}
.mainSliderNote {color:#000000;text-align:center}
.mainSliderBotton {width:120px;height:36px;background-color:#4848ff;border-radius:18px;color:#ffffff;text-align:center;line-height:36px;margin:0 auto;font-size:13px}
.mainDocumentBox {width:100%;height:80px;border:0;background:linear-gradient(90deg, #ffc575, #ff1a1a);color:#ffffff;font-size:18px;border-radius:10px !important}
.mainDocumentLeft {float:left;width:80px;text-align:center}
.mainDocumentRight {float:left;width:calc(100% - 80px);}
.mainRecordWrap {position:fixed;top:0;width:100%;height:510px;background-color:#f0f1f5;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:1500;display:none}
.mainRecordBotton {width:100%;height:55px;background-color:#ababab;font-size:17px;border:1px solid #ffffff;border-radius:10px;color:#ffffff}
.mainDocumentWrap {position:fixed;top:0;width:100%;height:560px;background-color:#f0f1f5;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:1500;display:none}
.mainSearchWrap {width:100%;height:50px;background-color:#ffffff}
.mainSearchWrap div:nth-child(1) {float:left;width:calc(100% - 80px);padding:0px 10px}
.mainSearchWrap div:nth-child(2) {float:right;width:60px;height:50px;color:#ffffff;text-align:center;font-size:20px;line-height:50px}
.mainSearchWrap input {width:100%;height:45px;border:0;border-bottom:1px solid #bcbcbc;font-size:20px}
.mainTitle {color:#1a1a1a;font-family:NSM;font-size:17px;letter-spacing:-1px}
.mainQuickLeft {float:left;width:calc(48% - 40px);height:60px;text-align:center;border-radius:10px;padding:10px 20px 30px 20px;background-color:#ffffff}
.mainQuickLeft img {width:50px}
.mainQuickRight {float:right;width:calc(48% - 40px);height:60px;text-align:center;border-radius:10px;padding:10px 20px 30px 20px;background-color:#ffffff}
.mainQuickRight img {width:50px}
.mainNotice {width:calc(100% - 40px);height:310px;background-color:#ffffff;border-radius:10px;padding:20px;overflow-y:scroll}
.mainNotice ul li {height:45px;font-size:13px;color:#666666;line-height:45px;border-bottom:1px solid #f1f1f1;text-overflow: ellipsis;white-space:nowrap;overflow:hidden}
.mainRecord {width:calc(100% - 40px);height:310px;background-color:#ffffff;border-radius:10px;padding:20px;overflow-y:scroll}
.mainRecord ul li {height:45px;line-height:45px;border-bottom:1px solid #dfdfdf;text-align:center}
.mainRecord ul li span:nth-child(1) {display:inline-block;width:30%;color:#909090;text-align:left;text-overflow: ellipsis;white-space:nowrap;overflow:hidden}
.mainRecord ul li span:nth-child(2) {display:inline-block;width:70%;color:#1a1a1a;text-align:left;text-overflow: ellipsis;white-space:nowrap;overflow:hidden}

.recordList {display:inline-block;width:calc(100% - 40px);min-height:300px;background-color:#ffffff;border-radius:10px;padding:20px;}
.recordList ul li {height:85px;border-bottom:1px solid #dfdfdf;text-overflow: ellipsis;white-space:nowrap;overflow:hidden}

.certiTabActive {float:left;width:50%;height:40px;line-height:40px;font-family:NSM;font-size:17px;color:#1a1a1a;text-align:center;border-bottom:2px solid #000000}
.certiTab {float:left;width:50%;height:40px;line-height:40px;font-family:NSM;font-size:17px;color:#1a1a1a;text-align:center;border-bottom:1px solid #cdcdcd;color:#aaaaaa}
.certiList {display:inline-block;width:calc(100% - 40px);min-height:300px;background-color:#ffffff;border-radius:10px;padding:20px}
.certiList ul li {height:105px;border-bottom:1px solid #dfdfdf;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;background-color:#ffffff}

.dateInput {width:80px;height:28px;border:0;font-size:15px;font-family:NSR;border-bottom:1px solid #c5c5c5;letter-spacing:-0.3px}
.dateInput::placeholder {font-family:NSL;color:#c5c5c5;}

.infoList {width:calc(100% - 40px);height:310px;background-color:#ffffff;border-radius:10px;padding:20px;overflow-y:scroll}
.infoList ul li {height:45px;line-height:45px;border-bottom:1px solid #dfdfdf}
.infoList ul li span:nth-child(1) {display:inline-block;width:35%;color:#909090;text-align:left;text-overflow: ellipsis;white-space:nowrap;overflow:hidden}
.infoList ul li span:nth-child(2) {display:inline-block;width:65%;color:#1a1a1a;text-align:left;text-overflow: ellipsis;white-space:nowrap;overflow:hidden}

.bbsList {display:inline-block;width:calc(100% - 40px);min-height:300px;background-color:#ffffff;border-radius:10px;padding:20px;}
.bbsList ul li {height:45px;line-height:45px;border-bottom:1px solid #dfdfdf;text-overflow: ellipsis;white-space:nowrap;overflow:hidden}

.filebox {width:100%;height:44px;border:1px solid #d3d3d3;}
.filebox .upload-name {display: inline-block;height: 44px;padding: 0 10px;vertical-align: middle;border:0;width:calc(100% - 74px);color: #999999;font-size:15px;}
.filebox label {display: inline-block;color: #fff;vertical-align: middle;background-color: #999999;width: 50px;height:37px;text-align:center;padding-top:7px;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}

/* footer navi */
.footerNaviWarp {position:fixed;bottom:0;width:100%;height:56px;border-top:1px solid #bebebe;background-color:#efefef;text-align:center;color:#1a1a1a;padding-top:4px}
.footerNaviBox1 {float:left;width:calc(20% - 1px);height:100%;border-right:1px solid #e7e7e7}
.footerNaviBox2 {float:left;width:calc(25% - 1px);height:100%;border-right:1px solid #e7e7e7}
.footerNaviBox3 {float:left;width:calc(33% - 1px );height:100%;border-right:1px solid #e7e7e7}
.footerNaviIcon {height:30px;padding-top:5px;font-size:20px}
.footerNaviText {font-size:11px;margin-top:-1px}

/* modal */
.modalWrap {padding:15px;}
.modalList {height:calc(100vh - 100px);overflow-y:auto}
.modalList ul li {height:40px;line-height:40px;border-bottom:1px solid #e8e8e8}
.modalList ul li span:nth-child(1) {display:inline-block;width:80px;color:#8b8b8b;text-overflow: ellipsis;white-space:nowrap;overflow:hidden}
.modalList ul li span:nth-child(2) {display:inline-block;width:calc(100% - 80px);color:#1a1a1a;text-overflow: ellipsis;white-space:nowrap;overflow:hidden}
.modalFundTable table {width:100%}
.modalFundTable table tr th{height:34px;border:1px solid #d8d8d8;background-color:#f2f2f2;font-weight:normal;font-size:13px}
.modalFundTable table tr td{height:34px;border:1px solid #d8d8d8;background-color:#ffffff;text-align:center}