@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700;900&display=swap'); */
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css"); */

/* Reset */
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family: 'Pretendard', sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=button],input[type=submit]{cursor:pointer;}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:inherit;text-decoration:none}
a {cursor:pointer}
ul,ol,li{list-style:none;padding:0;margin:0;}
input, button, textarea, select {font-family: 'Noto Sans KR', sans-serif; outline: none}
hr {content: '';display:block;padding:0;border:0;margin: 0;}


/*사파리 버튼 초기화*/
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }


/*placeholder*/
input::-ms-input-placeholder { font-weight: 400; color: rgba(59, 59, 59, 0.2); }
input::-webkit-input-placeholder { font-weight: 400; color: rgba(59, 59, 59, 0.2); }
input::-moz-placeholder { font-weight: 400; color: rgba(59, 59, 59, 0.2); }

textarea::-ms-input-placeholder { font-weight: 400; color: rgba(59, 59, 59, 0.2); }
textarea::-webkit-input-placeholder { font-weight: 400; color: rgba(59, 59, 59, 0.2); }
textarea::-moz-placeholder { font-weight: 400; color: rgba(59, 59, 59, 0.2); }


select {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none; /* 화살표 없애기 for firefox*/
    appearance: none; /* 화살표 없애기 공통*/
    background-image: url('/resource/images/ico_arrow_select1.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 10.6px;
    background-color: #fff;
    cursor: pointer; 
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }


/*공통 CSS*/
/*modal style*/
.modal-layer { display: none; position: absolute; top: 50%; left: 50%; z-index: 20; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 304px; max-width: 90%; background: #fff; }
.dim-layer { display: none; position: fixed; _position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.dim-layer-on { display: block; }
.dim-layer .dim-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); }
.dim-layer .modal-layer { display: block; }
.dim-layer .modal-tit { height: 44px; line-height: 42px; font-size: 14px; font-weight: 700; color: #000; text-align: center; }
.dim-layer .modal-close { position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; border: none; background: url('/resource/images/btn_x1.png') center center no-repeat; background-size: contain; }

/*셀렉트 모달창*/
.dim-layer-bottom .modal-layer { top: auto; left: 0; right: 0; bottom: -182px; width: 100%; max-width: 720px; margin: 0 auto; background: #fff; transform: none; transition: 0.5s all ease; }
.modal-menu li { height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; box-sizing: border-box; font-size: 14px; font-weight: 500; color: #3b3b3b; text-align: center; cursor: pointer; }
.modal-menu li:last-child { border-bottom: 0; }


.mt20 { margin-top:20px;}

/*layout style*/
.pos { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); width: 100%; }


/*thumbnail style*/
.thumb { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }


/*form style*/
.list-frm li { margin-bottom: 5px; }
.tit-frm { margin-bottom: 10px; font-size: 15px; font-weight: 500; color: #3b3b3b; text-align: center; }
.inp-frm { width: 100%; height: 42px; border: none; border: 1px solid #cbcbcb; border-radius: 9px !important; box-sizing: border-box; font-size: 15px; font-weight: 500; color: #3b3b3b; text-align: center; }

.btn { width: 100%; height: 52px; border: none; border-radius: 13px !important; box-sizing: border-box; background: #ffb500; font-size: 15px; font-weight: 700; color: #fff; }
.select { width: 50%; height: 34px; padding: 0 28px 0 11px; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; font-size: 13px; font-weight: 400; color: #3b3b3b; }


/*checkbox & radio button style*/
.ck-custom { display: none; }
.ck-custom + label { display: inline-block; font-size: 13px; font-weight: 400; color: #9d9d9d; cursor: pointer; }
.ck-custom + label .custom { display: inline-block; width: 19px; height: 19px; margin-left: 5px; background: url('/resource/images/ico_check1_off.png') center center no-repeat; background-size: contain; vertical-align: -3px; cursor: pointer; }
.ck-custom:checked + label .custom { background-image: url('/resource/images/ico_check1_on.png'); }


/*line style*/
.line { height: 5px; background: #f7f7f7; }


/*header style*/
.header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; }
.hd { display: flex; align-items: center; height: 50px; border-bottom: 1px solid #ddd; box-sizing: border-box; background: #fff; }
.hd-back { width: 50px; height: 100%; border: none; background: url('/resource/images/ico_arrow_back1.png') center center no-repeat; background-size: 9px; }
.hd-tit { font-size: 15px; font-weight: 700; color: #3b3b3b; }
.hd-tit2 { font-size: 15px; font-weight: 700; color: #3b3b3b; }
.hd-blank { height: 50px; }


/*footer style*/
.footer { position: fixed; left: 0; bottom: 0; z-index: 100; width: 100%; }
.ft { display: flex; justify-content: center; width: calc(100% - 64px); height: 53px; margin: 0 auto; border-radius: 48px 48px 0 0; box-shadow: 0 3px 6px #dbcca1; box-sizing: border-box; background: #fff; }
.ft .ft-menu { position: relative; width: 30%; background-position: center calc(50% - 5px); background-repeat: no-repeat; }
.ft .ft-menu:nth-child(1) { background-image: url('/resource/images/ico_footer1_off.png'); background-size: 20px; }
.ft .ft-menu:nth-child(2) { background-image: url('/resource/images/ico_footer2_off.png'); background-size: 20.6px; }
.ft .ft-menu.active:nth-child(1) { background-image: url('/resource/images/ico_footer1_on.png'); }
.ft .ft-menu.active:nth-child(2) { background-image: url('/resource/images/ico_footer2_on.png'); }
.ft .ft-tit { position: absolute; left: 0; right: 0; bottom: 7px; font-size: 11px; font-weight: 400; color: #555; text-align: center; }
.ft .ft-menu.active .ft-tit { color: #ffb500; }
.ft-blank { height: 53px; }


/*로그인*/
.login .wrap { padding: 10px 47px 40px; box-sizing: border-box; }
.login .img-logo { display: block; width: 160px; margin: 0 auto; }
.login hr { width: 50px; height: 1px; margin: 7px auto 26px; background: #c9c9c9; }
.login .btn-code { display: block; width: 123px; height: 38px; margin: 25px auto; border: 1px solid #ffb500; border-radius: 19px; box-sizing: border-box; background: none; font-size: 15px; font-weight: 400; color: #ffb500; }
.login .ck-area { margin-top: 8px; text-align: center; }
.login .ck-custom + label .custom { width: 16px; height: 16px; }

/*메인*/
.main .sec1 { padding: 26px 22px; box-sizing: border-box; }
.main .sec1 .tit-sec { margin-bottom: 21px; padding: 20px 0; border-bottom: 1px solid #ddd; box-sizing: border-box; font-size: 30px; font-weight: 700; color: #3b3b3b; }
.main .sec1 .company-name { margin-bottom: 26px; font-family: 'Roboto'; font-size: 20px; font-weight: 900; color: #3b3b3b; }
.main .sec1 .company-name span { color: #ffb500; }

.list-menu li { height: 54px; margin-bottom: 18px; border: 1px solid #cbcbcb; border-radius: 9px; box-sizing: border-box; background: url('/resource/images/ico_arrow_right1.png') calc(100% - 22px) center no-repeat;background-size: 20px; }
.list-menu li:last-child { margin-bottom: 0; }
.list-menu a { display: flex; align-items: center; height: 100%; padding: 0 20px; box-sizing: border-box; font-size: 16px; font-weight: 500; color: #3b3b3b; }
.list-menu span {  color: #ffb500; }
.list-menu p { color: black; margin-top:5px;}

.main .sec2 { padding: 26px 22px; box-sizing: border-box; }
.list-board li { position: relative; padding: 13px 0; border-top: 1px solid #ddd; box-sizing: border-box; cursor: pointer; }
.list-board .category { margin-bottom: 7px; font-size: 12px; font-weight: 400; color: #b5b5b5; }
.list-board .date { position: absolute; top: 13px; right: 0; font-size: 12px; font-weight: 400; color: rgba(126, 129, 133, 0.5); }
.list-board .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 400; color: #7e8185; }

.list-board .invNo { font-size: 15px; font-weight: 500; color: #3b3b3b;padding-left:10px;margin-bottom:15px;  }
.list-board .invDetail { font-size: 13px; font-weight: 400; color: #7e8185; padding-left:30px; }



/*서브 1*/
.sub1 .sec { padding: 24px 16px; box-sizing: border-box; }
.sub1 .sec .top { margin-bottom: 10px; font-size: 16px; font-weight: 700; color: #3b3b3b; }
.sub1 .sec .top span { color: #ffb500; }
.sub1 .sec .txt { padding: 6px 0; border-top: 1px solid #ddd; box-sizing: border-box; font-size: 15px; font-weight: 700; color: #3b3b3b; }
.sub1 .sec1 { padding-top: 32px; box-sizing: border-box; }

/*테이블  스타일 1*/
.tbl { width: 100%; border-collapse: collapse; }
.tbl tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tbl tr:first-child { border-top: 1px solid #ddd; box-sizing: border-box; }
.tbl th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tbl td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: center; }

.tbl th:first-child,
.tbl td:first-child { width: 37.5%; text-align: left; }
.tbl th:last-child,
.tbl td:last-child { width: 37.5%; text-align: right; }
.tbl th:nth-child(2),
.tbl td:nth-child(2) { width: 25%; }
.tbl td:nth-child(2) { color: #7e8185; }

.tbl .total td { background: #fffdf2; color: #ffb500; }
.tbl .total td:first-child { font-weight: 700; color: #3b3b3b; }
.tbl .total td:last-child { font-weight: 700; }
.tbl-info { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; box-sizing: border-box; }
.tbl-info div { font-size: 15px; font-weight: 400; color: #b5b5b5; }

.tbl .etc td { color: #b5b5b5; }

/*테이블 스타일 2*/
.tbl2 { width: 100%; border-collapse: collapse; }
.tbl2 tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tbl2 tr:first-child { border-top: 1px solid #ddd; box-sizing: border-box; }
.tbl2 td { width: 33.33%; font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: center; }
.tbl2 tr:first-child td:first-child { border-right: 1px solid #ddd; box-sizing: border-box; }
.tbl2 .td2 { color: #7e8185; }
.tbl2 .td3 { color: #3b3b3b; }


/*서브 2*/
.sub2 { padding: 52px 0 6px; box-sizing: border-box; }
.sub2 .wrap { padding: 8px 16px; box-sizing: border-box; }
.sub2 .tbl tr:first-child { border-top: none; }

.sub2 .sec { padding: 24px 16px; box-sizing: border-box; }
.sub2 .sec .top { margin-bottom: 10px; font-size: 16px; font-weight: 700; color: #3b3b3b; }
.sub2 .sec .top span { color: #ffb500; }
.sub2 .sec .txt { padding: 6px 0; border-top: 1px solid #ddd; box-sizing: border-box; font-size: 15px; font-weight: 700; color: #3b3b3b; }
.sub2 .sec1 { padding-top: 32px; box-sizing: border-box; }

.tab-menu { display: flex; justify-content: space-around; align-items: center; position: fixed; top: 50px; left: 0; width: 100%; height: 52px; padding: 0 16px; border-bottom: 1px solid #ddd; box-sizing: border-box; background: #fff; }
.tab-menu a { display: flex; justify-content: center; align-items: flex-end; width: 60px; height: 100%; padding: 8px 0; border-bottom: 3px solid transparent; box-sizing: border-box; font-size: 14px; font-weight: 700; color: rgba(85, 85, 85, 0.3); }
.tab-menu a.active { border-color: #ffb500; font-size: 15px; color: #ffb500; }

.filter-area { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 12px 10px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.filter-area .date { font-size: 11px; font-weight: 400; color: #9d9d9d; line-height: 13px; }
.filter-area .btn-filter { width: 25px; height: 25px; border: none; background: url('/resource/images/ico_chart1.png') center center no-repeat; background-size: contain; }
.filter-area .btn-excel { width: 25px; height: 25px; border: none; background: url('/resource/images/excel.png') center center no-repeat; background-size: contain; }


/*테이블 스타일 3*/
.tbl3 { width: 100%; border-collapse: collapse; margin: 0 auto; }
.tbl3 tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tbl3 th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tbl3 td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: right; }

.tbl3 th:first-child,
.tbl3 td:first-child { width: 15%; text-align:center;}
.tbl3 th:last-child {text-align:center}
.tbl3 td:last-child { width: 25%;text-align:right; }

.tbl3 th:nth-child(2){ width: 25%;;text-align:center;}
.tbl3 td:nth-child(2) { width: 25%;text-align:right; }

.tbl3 th:nth-child(3),
.tbl3 td:nth-child(3) { width: 35%; }
.tbl3 td:nth-child(3) { color: #7e8185; }

.tbl3 .total td { background: #fffdf2; color: #ffb500; }
.tbl3 .total td:first-child { font-weight: 700; color: #3b3b3b; }
.tbl3 .total td:last-child { font-weight: 700; text-align: right; }




/*테이블 스타일 4*/
.tbl4 { width: 100%; border-collapse: collapse; margin: 0 auto; table-layout:fixed;}
.tbl4 tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tbl4 th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tbl4 td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: center; }

.tbl4 th:first-child,
.tbl4 td:first-child { width: 10%; }
.tbl4 td div { overflow: hidden; text-overflow: ellipsis;  }
.tbl4 th:last-child {text-align:center}
.tbl4 td:last-child { width: 25%;text-align:right; }
.tbl4 th:nth-child(2),
.tbl4 td:nth-child(2) { width: 55%;text-align:center; }
.tbl4 td:nth-child(2) { color: #7e8185;text-align:left; }
.tbl4 td:nth-child(2) span { font-weight: 700; }
.tbl4 th:nth-child(3),
.tbl4 td:nth-child(3) { width: 10%;text-align:center }
.tbl4 td:nth-child(3) { color: #7e8185;/* text-align:right */ }

.tbl4 .total td { background: #fffdf2; color: #ffb500;  font-weight: 700; }


/*테이블 스타일 5*/
.tbl5 { width: 100%; border-collapse: collapse; margin: 0 auto; table-layout:fixed;white-space:nowrap;border-collapse:collapse;min-width:500px;}
.tbl5 tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tbl5 th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tbl5 td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: center; }

.tbl5 th:first-child,
.tbl5 td:first-child { width: 10%; }
.tbl5 td div { overflow: hidden; text-overflow: ellipsis;  }
.tbl5 th:last-child {width: 30%;text-align:center}
.tbl5 td:last-child { width: 30%;text-align:right; }
.tbl5 th:nth-child(2) {width: 20%;text-align:center}
.tbl5 td:nth-child(2) { width: 20%;text-align:right; }
.tbl5 th:nth-child(3) {width: 20%;text-align:center}
.tbl5 td:nth-child(3) { width: 20%;text-align:right; }
.tbl5 th:nth-child(4) {width: 20%;text-align:center}
.tbl5 td:nth-child(4) { width: 20%;text-align:right; }

.tbl5 .total td { background: #fffdf2; color: #ffb500;  font-weight: 700; }


/*테이블 스타일 6*/
.tbl6 { width: 100%; border-collapse: collapse; margin: 0 auto; table-layout:fixed;}
.tbl6 tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tbl6 th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tbl6 td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: center; }

.tbl6 th:first-child,
.tbl6 td:first-child { width: 25%; }
.tbl6 td div { overflow: hidden; text-overflow: ellipsis;  }
.tbl6 th:last-child {width: 25%;text-align:center}
.tbl6 td:last-child { width: 25%;text-align:right; }
.tbl6 th:nth-child(2) {width: 25%;text-align:center}
.tbl6 td:nth-child(2) { width: 25%;text-align:right; }
.tbl6 th:nth-child(3) {width: 25%;text-align:center}
.tbl6 td:nth-child(3) { width: 25%;text-align:right; }
.tbl6 .total td { background: #fffdf2; color: #ffb500;  font-weight: 700; }



/*테이블 스타일 7*/
.tbl7 { width: 100%; border-collapse: collapse; margin: 0 auto; table-layout:fixed;}
.tbl7 tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tbl7 th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tbl7 td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: center; }

/* .tbl7 th:first-child, */
/* .tbl7 td:first-child { width: 10%; } */
/* .tbl7 td div { overflow: hidden; text-overflow: ellipsis;  } */
/* .tbl7 th:last-child {text-align:center} */
/* .tbl7 td:last-child { width: 25%;text-align:center; } */
/* .tbl7 th:nth-child(2), */
/* .tbl7 td:nth-child(2) { width: 65%;text-align:center; } */
/* .tbl7 td:nth-child(2) { color: #7e8185;text-align:enter; } */

/* .tbl7 th:first-child, */
/* .tbl7  td:first-child { } */
/* .tbl7  td div { overflow: hidden; text-overflow: ellipsis;  } */
/* .tbl7 th:nth-child(2), */
/* .tbl7 td:nth-child(2) { text-align:center; } */
/* .tbl7 td:nth-child(2) { color: #7e8185;text-align:enter; } */
/* .tbl7 th:nth-child(3), */
/* .tbl7 td:nth-child(3) {text-align:center; } */
/* .tbl7 td:nth-child(3) { color: #7e8185;text-align:enter; } */
/* .tbl7 th:nth-child(4), */
/* .tbl7 td:nth-child(4) { text-align:center; } */
/* .tbl7 td:nth-child(4) { color: #7e8185;text-align:enter; } */
/* .tbl7 th:last-child {text-align:center} */
/* .tbl7 td:last-child {text-align:center; } */


.tbl7 .total td { background: #fffdf2; color: #ffb500;  font-weight: 700; }



/*테이블 스타일 8*/
.tbl8 { width: 100%; border-collapse: collapse; margin: 0 auto; table-layout:fixed;white-space:nowrap;border-collapse:collapse;min-width:900px;}
.tbl8 tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tbl8 th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tbl8 td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: center; }

.tbl8 th:first-child,
.tbl8 td:first-child { width: 6%; }
.tbl8 td div { overflow: hidden; text-overflow: ellipsis;  }
.tbl8 th:last-child {width: 16%;text-align:center}
.tbl8 td:last-child { width: 16%;text-align:right; }
.tbl8 th:nth-child(2) {width: 13%;text-align:center}
.tbl8 td:nth-child(2) { width: 13%;text-align:right; }
.tbl8 th:nth-child(3) {width: 13%;text-align:center}
.tbl8 td:nth-child(3) { width: 13%;text-align:right; }
.tbl8 th:nth-child(4) {width: 13%;text-align:center}
.tbl8 td:nth-child(4) { width: 13%;text-align:right; }
.tbl8 th:nth-child(5) {width: 13%;text-align:center}
.tbl8 td:nth-child(5) { width: 13%;text-align:right; }
.tbl8 th:nth-child(6) {width: 13%;text-align:center}
.tbl8 td:nth-child(6) { width: 13%;text-align:right; }
.tbl8 th:nth-child(7) {width: 13%;text-align:center}
.tbl8 td:nth-child(7) { width: 13%;text-align:right; }

.tbl8 .total td { background: #fffdf2; color: #ffb500;  font-weight: 700; }

/*테이블 스타일 9*/
.tbl9 { width: 100%; border-collapse: collapse; margin: 0 auto; table-layout:fixed;}
.tbl9 tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tbl9 th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tbl9 td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: center; }

.tbl9 th:first-child,
.tbl9 td:first-child { width: 10%; }
.tbl9 td div { overflow: hidden; text-overflow: ellipsis;  }
.tbl9 th:last-child {width: 25%;text-align:center}
.tbl9 td:last-child { width: 25%;text-align:right; }
.tbl9 th:nth-child(2) {width: 40%;text-align:center}
.tbl9 td:nth-child(2) { width: 40%;text-align:left; }
.tbl9 th:nth-child(3) {width: 15%;text-align:center}
.tbl9 td:nth-child(3) { width: 15%;text-align:right; }
.tbl9 .total td { background: #fffdf2; color: #ffb500;  font-weight: 700; }

/* 테이블 subAll */
.tblSubAll { width: 100%; border-collapse: collapse;table-layout: fixed }
.tblSubAll tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tblSubAll tr:first-child { border-top: 1px solid #ddd; box-sizing: border-box; }
.tblSubAll th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tblSubAll td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: center; }

.tblSubAll th:first-child,
.tblSubAll td:first-child { width: 8%; text-align: center; }
.tblSubAll th:last-child { width: 25%; text-align: center; }
.tblSubAll td:last-child { width: 25%; text-align: right; }
.tblSubAll th:nth-child(2) { width: 30%; color: #7e8185;text-align:center;}
.tblSubAll td:nth-child(2) { width: 30%; color: #7e8185;text-align:left;}
.tblSubAll th:nth-child(3) { width: 11%; color: #7e8185;text-align:center;}
.tblSubAll td:nth-child(3) { width: 11%; color: #7e8185;text-align:right;}
.tblSubAll th:nth-child(4) { width: 15%; color: #7e8185; text-align:center;}
.tblSubAll td:nth-child(4) { width: 15%; color: #7e8185; text-align:right;}
.tblSubAll th:nth-child(5) { width: 11%; color: #7e8185; text-align:center;}
.tblSubAll td:nth-child(5) { width: 11%; color: #7e8185; text-align:right;}


.tblSubAll .total td { background: #fffdf2; color: #ffb500; }
.tblSubAll .total td:first-child { font-weight: 700; color: #ffb500; }
.tblSubAll .total td:last-child { font-weight: 700; }
.tblSubAll { justify-content: space-between; align-items: center; padding: 5px 0; box-sizing: border-box; }
.tblSubAll div { font-size: 15px; font-weight: 400; color: #b5b5b5; }


/* 테이블 subAll 2개짜리 */
.tblSubAll2 { width: 100%; border-collapse: collapse; }
.tblSubAll2 tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tblSubAll2 tr:first-child { border-top: 1px solid #ddd; box-sizing: border-box; }
.tblSubAll2 th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tblSubAll2 td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: center; }

.tblSubAll2 th:first-child,
.tblSubAll2 td:first-child { width: 37.5%; text-align: left; }
.tblSubAll2 th:last-child,
.tblSubAll2 td:last-child { width: 37.5%; text-align: right; }

.tblSubAll2 .total td { background: #fffdf2; color: #ffb500; }
.tblSubAll2 .total td:first-child { font-weight: 700; color: #3b3b3b; }
.tblSubAll2 .total td:last-child { font-weight: 700; }
.tblSubAll2-info { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; box-sizing: border-box; }
.tblSubAll2-info div { font-size: 15px; font-weight: 400; color: #b5b5b5; }

.tblSubAll2 .etc td { color: #b5b5b5; }


/*time쪽 테이블 스타일 */
.tblTime { width: 100%; border-collapse: collapse; margin: 0 auto; }
.tblTime tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tblTime th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tblTime td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: right; }

.tblTime th:first-child,
.tblTime td:first-child { width: 40%; text-align:center;}
.tblTime th:last-child {text-align:center}
.tblTime td:last-child { width: 15%;text-align:right; }

.tblTime th:nth-child(2){ width: 15%;;text-align:center;}
.tblTime td:nth-child(2) { width: 15%;text-align:right; }

.tblTime th:nth-child(3),
.tblTime td:nth-child(3) { width: 30%; }
.tblTime td:nth-child(3) { color: #7e8185; }


.tblTime .total td { background: #fffdf2; color: #ffb500; }
.tblTime .total td:first-child { font-weight: 700; color: #3b3b3b; }
.tblTime .total td:last-child { font-weight: 700; text-align: right; }



/*테이블 주문현황 6*/
.tblOrder { width: 100%; border-collapse: collapse; margin: 0 auto; table-layout:fixed;}
.tblOrder tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tblOrder th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tblOrder td { font-size: 12px; font-weight: 400; color: #3b3b3b; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.tblOrder th:first-child,
.tblOrder td:first-child { width: 23%; }
.tblOrder td div { overflow: hidden; text-overflow: ellipsis;  }
.tblOrder th:last-child {width: 23%;text-align:center}
.tblOrder td:last-child { width: 25%;text-align:right; }
.tblOrder th:nth-child(2) {width: 22%;text-align:center}
.tblOrder td:nth-child(2) { width: 22%;text-align:right; }
.tblOrder th:nth-child(3) {width: 20%;text-align:center}
.tblOrder td:nth-child(3) { width: 20%;text-align:right; }
.tblOrder th:nth-child(4) {width: 15%;text-align:center}
.tblOrder td:nth-child(4) { width: 15%;text-align:center; }
.tblOrder .total td { background: #fffdf2; color: #ffb500;  font-weight: 700; }




.btn-top { display: block; position: fixed; right: 8px; bottom: 19px; z-index: 101; width: 56px; height: 56px; border-radius: 50%; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); box-sizing: border-box; background: url('/resource/images/ico_arrow_top2.png') center center no-repeat #fff; background-size: 24px; }


/*서브 3*/
.sub3 { padding-bottom: 18px; box-sizing: border-box; }
.sub3 .sec { padding: 20px 16px; box-sizing: border-box; }

.sub3 .sec1 { padding-top: 35px; box-sizing: border-box; }
.sub3 .sec1 .top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.sub3 .sec1 .top .txt { font-size: 16px; font-weight: 700; color: #3b3b3b; }
.sub3 .sec1 .top .txt span { color: #ffb500; }
.search-area { display: flex; justify-content: space-between; align-items: center; height: 40px; border: 1px solid #ddd; border-radius: 10px; box-sizing: border-box; }
.search-area .inp-search { width: calc(100% - 40px); height: 100%; padding: 0 11px; border: none; box-sizing: border-box; background: none; font-size: 15px; font-weight: 400; color: #3b3b3b; }
.search-area .btn-search { width: 40px; height: 40px; border: none; background: url('/resource/images/ico_search1.png') center center no-repeat; background-size: 24px; }

.sub3 .sec2 { padding: 0; }
.list-state > li { border-bottom: 1px solid #f7f7f7; box-sizing: border-box; }
.list-state .fold { padding: 10px 18px; box-sizing: border-box; background: url('/resource/images/ico_arrow_bottom1.png') calc(100% - 18px) center no-repeat; background-size: 9px; cursor: pointer; }
.list-state .fold.active { background-image: url('/resource/images/ico_arrow_top1.png'); }
.list-state .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 3b3b3b; color: #000; }
.list-state .unfold { display: none; }
.list-state .depth { background: #f7f7f7; }
.list-state .depth li { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 36px); height: 38px; margin: 0 auto; padding: 0 10px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.list-state .depth li:first-child { border-top: 1px solid #ddd; box-sizing: border-box; }
.list-state .depth li:last-child { border-bottom: none; }
.list-state .depth .txt1 { font-size: 15px; font-weight: 400; color: #9a9a9a; }
.list-state .depth .txt2 { font-size: 15px; font-weight: 700; color: #9a9a9a; }
.list-state .depth .total { width: 100%; height: 44px; padding: 0 28px; box-sizing: border-box; background: #fffdf2; }
.list-state .depth .total .txt1 { font-weight: 700; color: #3b3b3b; }
.list-state .depth .total .txt2 { color: #ffb500; }

.sub3 .sec3 .top { padding: 8px 0; border-bottom: 1px solid #ddd; box-sizing: border-box; font-size: 15px; font-weight: 700; color: #3b3b3b; }
.list-state2 li { display: flex; justify-content: space-between; align-items: center; height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.list-state2 li:last-child { border-bottom: none; }
.list-state2 .txt1 { font-size: 15px; font-weight: 400; color: #3b3b3b; }
.list-state2 .txt2 { font-size: 15px; font-weight: 700; color: #3b3b3b; }
.list-state2 .total .txt1 { font-weight: 700; color: #3b3b3b; }
.list-state2 .total .txt2 { color: #ffb500; }


.dateInput {padding: .3em .7em;width:100px;border:1px solid;}

/* 일반게시판-리스트 */
.bbs_list li{border-top:1px solid #e6e6e6}
.bbs_list li .box{position:relative;padding:13px 25px 13px 15px;letter-spacing:-1px;display:block}
.bbs_list li .bbs_title{font-size:13px;line-height:17px}
.bbs_list li .bbs_info{margin-top:3px;line-height:17px;letter-spacing:0}
.bbs_list li .bbs_info .hipen{width:1px;height:8px;background:#e0e0e0;margin:5px 5px 0;line-height:999px;overflow:hidden;vertical-align:top;display:inline-block;}
.bbs_list li .name {font-size:13px;color:#d2395d;font-weight:bold;letter-spacing:0}
.bbs_list li .data {font-family:Helvetica;font-size:9px;color:#808080;vertical-align:middle;display:inline-block}
.bbs_list li .ico_arrow {position:absolute;right:12px;top:50%;width:8px;height:12px;background-position:-66px -220px}

/* 일반 게시판-상세 */
.boardView {margin:20px 14px;font-size:13px;}
.boardView .tit {position:relative;margin-bottom:11px;color:#333;font-size:15px;}
.boardView .tit span {position:absolute;right:0;top:30px;}
.boardView .tit span>a {margin-left:6px;}
.boardView .tit span img {width:32px;}
.boardView .info {color:#666;}
.boardView .bar {vertical-align:middle;}
.boardView .cont {margin:17px 0 28px;padding-top:7px;border-top:1px solid #ccc;}
.boardView .cont img {max-width:100%;}
.boardView .cont p {line-height:1.5em;}


/* 주문 및 회원현황 */
.order-list{padding:0 20px; margin-top: 10px;}
.order-list ul li{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-bottom: 10px;}
.order-list .tit{padding:10px 25px; background:#fffdf2; font-size:18px; color:#333; border-bottom:1px solid #e2e2e2;}
.order-list .con{padding:10px 25px; color:#9d9d9d; font-size:16px;}

.btn-excel { width: 25px; height: 25px; border: none; background: url('/resource/images/excel.png') center center no-repeat; background-size: contain; }



/****************************************************************************************************
	new_prd_list
****************************************************************************************************/
.new_prd_list{text-align: center;}
.new_prd_list .list ol li{border-top: 1px solid #ddd; padding:15px 0; display:flex; font-size:14px; font-weight:400;color:#7e8185; }
.new_prd_list .list ol li:first-child{border-top: 1px solid #646464;}
.new_prd_list .list ol li>div:nth-child(1){width:30%;}
.new_prd_list .list ol li>div:nth-child(2){width:40%;}
.new_prd_list .list ol li>div:nth-child(3){width:30%;}
.new_prd_list .list ol li .date{}
.new_prd_list .list ol li .quan{}
.new_prd_list .list ol li .util{display:flex; justify-content:center;}
.new_prd_list .list ol li .util a:first-child{margin-right: 7px;}
.new_prd_list .list ol li .util a.on{color:#f6d232;}
.new_prd_list .list ol li .util .menu{ background-image:url(/resource/images/list_util_menu.png); background-repeat:no-repeat; background-size:auto 20px; background-position:center; width:20px; height: 20px;}


/****************************************************************************************************
	new_prd 
****************************************************************************************************/
.thumb_list *{box-sizing:border-box;}
.thumb_list ul li{display:flex; border-bottom:2px solid #eee; padding:10px 15px;}
.thumb_list ul:first-child {border-top:2px solid #eee;}
.thumb_list ul li>div:nth-child(1){width:5%;vertical-align:middle;display:table-cell;margin:auto}
.thumb_list ul li>div:nth-child(2){width:30%;}
.thumb_list ul li>div:nth-child(3){width:65%;}
.thumb_list ul li .thumb_wrap img{width:100%;}
.thumb_list ul li .thumb_wrap .view{margin-top: 10px; height: 30px; border:1px solid #f6c132; font-size:12px; color:#f6c132; border-radius:5px; display:flex; align-items:center; justify-content:center; }
.thumb_list ul li .txt_wrap{display:flex; flex-direction:column; align-items: flex-end; justify-content: space-between; padding-left:20px;}
.thumb_list ul li .txt_wrap .tit_area{width: 100%; display:flex; align-items:center; justify-content:space-between;}
.thumb_list ul li .txt_wrap .tit_area .tit{line-height: 130%; word-break:keep-all; font-size:18px; color:#333; font-weight: 400;text-align:left;}
.thumb_list ul li .txt_wrap .tit_area .number{font-size:12px; color:#333; font-weight: 300;}
.thumb_list ul li .txt_wrap .price{text-align: right;padding-top:25px;width:100%;}
.thumb_list ul li .txt_wrap .price>div.red{color:#d33030;}
.thumb_list ul li .txt_wrap .price>div{color:#333;}
.thumb_list ul li .txt_wrap .price p{display: inline-block; font-size:12px; font-weight: 300;}
.thumb_list ul li .txt_wrap .price span{font-size:22px; font-weight: 700; margin-left: 5px;}
.thumb_list ul li .txt_wrap .price>div.quan{float:left;display: flex;align-items: center;}
.thumb_list ul li .txt_wrap .price>div.quan>a{transform:scale(.7);}
.thumb_list ul li .txt_wrap .price>div.quan>div.num{font-size:22px;padding:0 5px;}


/* thumb_list_pop  */
.thumb_list_pop *{box-sizing:border-box;}
.thumb_list_pop {box-shadow:0 -5px 10px rgba(0,0,0,.2); background:#fff; position:fixed; bottom:0; left:0; width:100%; height:auto; border-radius:20px 20px 0 0;}
.thumb_list_pop .tit_area {height:40px; margin-bottom: 20px; border-bottom:1px solid #d9d9d9; position: relative; display:flex; align-items:center; justify-content:center;}
.thumb_list_pop .tit_area .tit{font-size:16px; color:#333; font-weight:300;}
.thumb_list_pop .tit_area .close{position:absolute; right:15px; top:8px;}
.thumb_list_pop .tit_area .close img{width:12px;}
.thumb_list_pop ul{padding:0 15px; margin-bottom: 10px;}
.thumb_list_pop ul li .tit{padding-left: 10px; font-size:14px; margin-bottom: 3px; color:#333; font-weight:300;}
.thumb_list_pop ul li .con{border:1px solid #d9d9d9; border-radius:20px;}
.thumb_list_pop ul.list01 li .con{padding:10px 15px; font-size:14px; color:#646464; height:200px; overflow-y:scroll;}
.thumb_list_pop ul.list01 li .con p.red{color:#d43c3c;}
.thumb_list_pop ul.list02 {display:flex; flex-wrap:wrap; padding:0 -5px;    margin-bottom: 60px;}
.thumb_list_pop ul.list02 li{width:50%; padding:0 5px; margin-bottom: 10px;}
.thumb_list_pop ul.list02 li .con{font-size:16px; color:#646464; text-align: center; padding:6px;min-height:37px;}


/* btn_wrap, txt_wrap */
.btn_wrap{display:flex; justify-content:center; margin-top: 10px; margin-bottom: 50px;}
.btn_wrap a{width:110px; height: 30px; display:flex; align-items:center; justify-content:center; background:#f6d232; border-radius:5px; color:#fff;}
.txt_wrap{text-align: center; margin-top: 10px;}
.txt_wrap p{font-size:12px; color:#666; font-weight:300;}
.cate_wrap{display:flex; justify-content:flex-end; margin-right: 15px;} 
.cate_wrap a{font-size:15px; font-weight: 300;}

.btn_wrap .yellow{width:80px; height: 30px; display:flex; align-items:center; justify-content:center; background:#f6d232; border-radius:5px; color:#fff;margin:0px 10px}
.btn_wrap .blue{width:80px; height: 30px; display:flex; align-items:center; justify-content:center; background:#43a8bf; border-radius:5px; color:#fff;margin:0px 10px}
.btn_wrap .red{width:80px; height: 30px; display:flex; align-items:center; justify-content:center; background:red; border-radius:5px; color:#fff;margin:0px 10px}

.li_table {border-top:none;border-right:none}
.li_table ul {clear: left;margin: 0;padding: 0;list-style-type: none;} 
.li_table .subject {font-weight: bold;text-align: center;}
.li_table ul li {text-align: center;float: left;margin: 0;width: 15%;margin-bottom:5px;}
.li_table ul .col {width: 45%;} /* 표 라인 맞추기기 위해*/
.li_table ul .col2 {width:40%;} /* 표 라인 맞추기기 위해*/

.li_table2 {border-top:none;border-right:none}
.li_table2 ul {clear: left;margin: 0;padding: 0;list-style-type: none;width:100%} 
.li_table2 .subject {color:#666;text-align: center;font-size:12px;}
.li_table2 ul li {text-align: center;float: left;margin: 0;width: 15%;margin-bottom:5px;}
.li_table2 ul .col1 {width:7%;} /* 표 라인 맞추기기 위해*/
.li_table2 ul .col2 {width:50%;overflow: hidden; text-overflow: ellipsis;/* white-space: nowrap*/;text-align: left;} /* 표 라인 맞추기기 위해*/
.li_table2 ul .col3 {width:8%;} /* 표 라인 맞추기기 위해*/
.li_table2 ul .col4 {width:15%;} /* 표 라인 맞추기기 위해*/
.li_table2 ul .col5 {width:20%;} /* 표 라인 맞추기기 위해*/

/*서브4*/
.sub4 {padding: 65px 0 6px;width: 90%;position: absolute;left: 50%;transform: translateX(-50%);border-radius: 20px;}

/* accountList */
.accountBox {width: 100%;height: 180px;background: #FFCF00;position: absolute;left: 50%;transform: translateX(-50%);border-radius: 20px;margin-top: 10px;}
.accountBox .box1 {padding-left: 20px;padding-top: 10px;font-weight: 700;font-size: 12px;}
.accountBox .box2 {float: right;font-size: 40px;padding-right: 20px;font-weight: 700;padding-top: 10px;}
.accountBox .box2 p{float: right;}
.accountBox .box3 {float: right;padding-top: 5px;font-weight: 700;font-size: 12px;}
.accountBox .box3 p {float: right;}
.accountBox2 {margin-top: 200px;}
.accountBox2 .t1{float: left;margin-left: 3%;font-weight: 700;font-size: 14px;padding: 10px;}
.accountBox2 .t2{float: right;margin-right: 3%;font-weight: 700;font-size: 14px;padding: 10px;}
.accountBox2 table tr td:nth-child(1) {text-align:center}
.accountBox2 table tr td:nth-child(2) {text-align:left}
.accountBox2 table tr td:nth-child(3) {text-align:center}
.accountBox2 table{margin-bottom : 50px;}


.saleListPopup .modal-conts p{padding-top: 20px;padding-bottom: 5px;border-bottom: 1px solid yellow;}
.saleListPopup .modal-conts .dataCnt{font-size: 15px;padding-left: 15px;font-weight: 700;}
.saleListPopup .modal-conts .dataAmount{float: right;font-size: 15px;font-weight: 700;padding-right: 10px;}
.saleListPopup .modal-conts .dataAmount img{width: 25px;padding-left: 5px;margin-top: -5px;}

/* 220824 매장관리 메인 수정 */
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.main .sec1 {font-family:'ONE-Mobile-Title';}
.main .sec1 .tit-sec{display:flex; align-items:center; justify-content:center; font-size:22px; padding:15px 0;}
.main .sec1 .tit-sec img{width:30px; margin-right: 5px;}
.main .sec1 .company-name{font-family:'ONE-Mobile-Title'; display:flex; align-items:center; justify-content:center; font-size:17px;}
.main .sec1 .company-name span{margin-left: 5px;}
.main .sec1 .main-menu{display:flex; flex-wrap:wrap;}
.main .sec1 .main-menu li{position: relative; width:calc(33.3333% - 7px); height:100%; margin-right:10px; border:none; box-shadow:3px 3px 10px rgba(0,0,0,.2); padding-bottom: 25px;}
.main .sec1 .main-menu li:nth-child(3n){margin-right: 0;}
.main .sec1 .main-menu li::after{position: absolute; right:5px; bottom:5px; content:'+'; width:20px; height:20px; background:#ffb500; color:#fff; font-size:15px; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.main .sec1 .main-menu li > a{flex-direction:column; align-items:center; padding:7px 15px;}
.main .sec1 .main-menu li {background:none;}

.main .sec1 .main-menu li .icon img{width:46px;}
.main .sec1 .main-menu li .m_s1_txt{text-align: center; font-size:12px; margin-top: 10px;}

@media (max-width:410px){

.main .sec1 .main-menu li .m_s1_txt span{display:block; margin:0 0 5px 0;}

}


.saleListItemPopup {z-index: 1001;}
.saleListItemPopup .hd a{background: url(/resource/images/ico_arrow_bottom1.png) center center no-repeat;}
.saleListItemPopup .hd{border-bottom: none;position: fixed;background: white;z-index: 1002;border-radius: 20px 20px 0px 0px;max-width: 700px;width: 700px;}
.saleListItemPopup .hd .saleDt{font-size: 15px;font-weight: 600;}

.saleItemList{padding:50px 20px;top: 50px;}
.saleItemList ul li{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-bottom: 10px;padding: 0;}
.saleItemList .tit{padding:10px 10px; background:#fffdf2; font-size:18px; color:#333; border-bottom:1px solid #e2e2e2;}
.saleItemList .con{padding:10px 10px; color:#9d9d9d; font-size:13px;display: flex;}
.saleItemList .con div{float: left;}
.saleItemList .con div:nth-child(1){width: 38%;}
.saleItemList .con div:nth-child(2){width: 24%;}
.saleItemList .con div:nth-child(3){width: 38%;}
.saleItemList .tit p{overflow: hidden;text-overflow: ellipsis;font-size: 12px;}
.saleItemList .tit span{font-size:12px;font-weight: 600;}

header1{ border-bottom:1px solid #a9a9a9; height:70px; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:500;}

article.main{padding:20px 30px;}
article.main .top-txt{font-size:14px; font-weight:300; margin-bottom:10px;}
article.main .banner-img{margin-bottom:20px;}
article.main .banner-img img{width:100%;}
article.main .menu_list{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:10px;}
article.main .menu_list .item{height:100px;text-align:center;background:#fff;border-radius:10px;box-shadow:0 0 7px rgba(0,0,0,.1);display: flex;align-items: center;justify-content: center;flex-direction: column;}
article.main .menu_list .item .icon{    height: 40px;    display: flex;    align-items: center;}
article.main .menu_list .item .icon img{zoom:.7;}
article.main .menu_list .item .txt{margin-top:10px; font-size:15px; color:#000;}

article.notice{border-top:1px solid #a9a9a9; padding:20px 30px;}
article.notice .con-tit{font-size:20px; color:#000; font-weight:500;}
article.notice .list{margin-top:20px;}
article.notice .list .item{padding:10px 0 10px 10px;border-bottom:1px solid #d9d9d9;padding-right: 20px;}
article.notice .list .item .tit{font-size:16px;color:#000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
article.notice .list .item .date{font-size:12px; color:#999;}

.tblPoint { width: 100%; border-collapse: collapse; margin: 0 auto;margin-bottom:100px }
.tblPoint tr { height: 38px; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.tblPoint th { font-size: 15px; font-weight: 400; color: #9d9d9d; text-align: center; }
.tblPoint td { font-size: 15px; font-weight: 400; color: #3b3b3b; text-align: right; }

.tblPoint th:first-child,
.tblPoint td:first-child { width: 25%; text-align:center;}
.tblPoint th:last-child {text-align:center}
.tblPoint td:last-child { width: 25%;text-align:right; }

.tblPoint th:nth-child(2){ width: 25%;;text-align:center;}
.tblPoint td:nth-child(2) { width: 25%;text-align:right; }

.tblPoint th:nth-child(3),
.tblPoint td:nth-child(3) { width: 25%; }
.tblPoint td:nth-child(3) { color: #7e8185; }

.tblPoint td.center {text-align:center;}
.tblPoint td.left {text-align:left;}
.tblPoint td.right {text-align:right;}


.tblPoint .total td { background: #fffdf2; color: #ffb500; }
.tblPoint .total td:first-child { font-weight: 700; color: #3b3b3b; }
.tblPoint .total td:last-child { font-weight: 700; text-align: right; }

/* pointList */
.pointBox {width: 100%;margin-top: 10px;float: left;font-size: 30px;padding:10px 10px 20px 10px;font-weight: 700;border-bottom: 1px solid #ddd;}
.pointBox .search-area { display: flex; justify-content: space-between; align-items: center; height: 40px; border: 1px solid #000000; border-radius: 10px; box-sizing: border-box;margin-right: 10px;float:right;width: 60%; }
.search-area .inp-search::placeholder  {color:black;}
.point_list *{box-sizing:border-box;}
.point_list ul{padding-top:10px;}
.point_list ul li{display:flex; padding:5px 5px;}
.point_list li{width:25%;float:left;}
.point_list .text{font-size:13px;}
.point_list .data{ display: flex; justify-content: space-around; align-items: center; height: 40px; border: 1px solid #000000; border-radius: 10px; box-sizing: border-box;width: 23%;}
.point_list li:nth-child(5){margin-right: 2%;}
.point_list li:nth-child(6){margin-right: 2%;}
.point_list li:nth-child(7){margin-right: 2%;}
.point_list ul:first-child {border-top:2px solid #eee;}
.point_list ul li>div:nth-child(1){width:5%;vertical-align:middle;display:table-cell;margin:auto}
.point_list ul li>div:nth-child(2){width:30%;}
.point_list ul li>div:nth-child(3){width:65%;}