@font-face {
  font-family: 'twayfly';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayfly.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



/* black-table (까만 테이블) */

.black-table{ } 
.black-table tr td {  border:1px solid #dedede !important; padding:10px; } 
.black-table tr th { padding:10px; padding:1px solid #c4ddee;}
.black-table thead{ background:linear-gradient(45deg, #505050 0%, #373737 100%);}
.black-table thead tr { border:0; } 
.black-table thead tr th { background:transparent !important; border:1px solid #727272; color:#ffd966; font-size:15px; position:relative; } 
.black-table thead tr th a{ color:#ffd966; font-size:15px; }
.black-table tbody tr { cursor: pointer; } 
.black-table tbody tr:hover { background-color: #f5f5f5; } 

.black-table tbody tr:hover .td-rate { color: #f44336; } 
.black-table tbody tr:hover th { background-color: #5870f3; color: #fff; } 
.black-table tbody tr td { text-align: right; } 

/* .black-table tr td.td-splt { border-right: 1px solid #ddd !important; }  */

.black-table tr td.td-zero { opacity: .2; }
.black-table tr td.td-good { background-color: #e2fce5 !important; } 
.black-table tr td.td-bad { background-color: #ffeded; } 
.black-table tr td.td-strong { color: #3f51b5; font-weight: bold; } 
.black-table tbody tr td.small { font-size: .8em; } 
.black-table tbody tr.row-group { background-color: #f0f9ff; } 
.black-table tbody tr.row-group th { background-color: #d7efff; color: #000; } 
.black-table tbody tr.tr-total { background-color: #fff5d7; font-weight:bold; } 

.black-table tbody tr.tr-total th { background-color: #ffd966; color: #000; }
.black-table .sort-btn { display:block; margin-right:11px; }
.black-table .sort-btn:after { display:block; content: ""; position:absolute; right:5px; top:26%; width:14px; height:14px; border-radius:50%; border:1px solid #fff; background:url(/img/icon/icon_sort1.png) no-repeat 4px 5px; opacity:1; }
.black-table .sort-btn.active:after { background: url(/img/icon/icon_sort2.png) no-repeat 4px 5px; background-color: #ffd966; border-color: #ffd966; opacity: 1; }


/* 표 */

.stats_sales_report .data-table thead{ background:linear-gradient(60deg, #505050 0%, #373737 100%); }
.stats_sales_report .data-table thead tr{ border:none; }
.stats_sales_report .data-table thead tr:first-child th{ font-size:17px; font-weight:400; }
.stats_sales_report .data-table thead tr th{ background:transparent !important; color:#fff; }
.stats_sales_report .table thead tr th, .stats_sales_report .table thead tr td{ border:1px solid #727272;}
.stats_sales_report .data-table tr th { padding:10px; font-size:15px; }
.stats_sales_report .data-table tr td { border:1px solid #dedede !important; padding:10px; font-size:15px; }
.stats_sales_report .data-table thead tr th span{ color:#ffd966; }

.stats_sales_report .data-table tbody tr.tr-total{ background:#fff5d7; font-weight:500 ;}
.stats_sales_report .data-table tbody tr:hover th{ color:#000; }
.stats_sales_report .data-table tbody tr.tr-total th { background:#ffd966; }
.stats_sales_report .data-table tbody tr th{ text-align:right; background:#f1f1f1; }


.stats_sales_report .btn-primary{ background:transparent; color:#1f3ea0 !important; font-size:13px; margin-top:-8px; font-weight:600; }
.stats_sales_report .switch-label{ border:none; margin-left:20px; }
.stats_sales_report .switch-label:after{ width:480px; height:40px; box-shadow:0 0 4px 2.5px #ededed; border-radius:5px; position:absolute; top:-5px; left:-13px; z-index:-1; }
.stats_sales_report .switch-label .switch-label-item .name{ color:#fff; font-size:13px; font-weight:400; border-radius:5px; background:#176de4; padding:7px; margin-right:5px; }
.stats_sales_report .switch-label .switch-label-item .input-chk:checked+.name{ background:#1f3ea0; font-weight:400; }

/* .stats_sales_report h2.title{ display:inline-block; float:left; padding:13px; } */
.stats_sales_report .form-group.date-area.mt-10{ float:left;} 
.stats_sales_report .form-group.link-area.mt-10{ float:left; }

.hit_posible .form-group.date-area.mt-10{ float:left;} 
.hit_posible .form-group.link-area.mt-10{ float:left; }

.hit_confirm .form-group.date-area.mt-10{ float:left;} 
.hit_confirm .form-group.link-area.mt-10{ float:left; }

.stats_sales_report .mb-sch-btn{ margin-bottom:5px; }
/* .stats_sales_report .form-group .date-control{ top:-4px; left:10px; } */
.stats_sales_report .form-group.link-area.mt-10 .switch-label{ margin-bottom:4px; }

/* 테이블 */
.stats_sales_report .sales-report-control .table{ border:none; }
.stats_sales_report .sales-report-control table{ font-size:13px; }
.stats_sales_report .sales-report-control table thead tr:first-child th{ text-align:left; padding:10px; background:#eaecf2; border-radius:5px 5px 0 0; }
.stats_sales_report .sales-report-control table thead tr th{ border:1px solid #eaecf2; }
.stats_sales_report .sales-report-control table thead tr:nth-child(2) th{ color:#fff; background:#373737; padding:5px; }
.stats_sales_report .sales-report-control label.label-btn{ margin-top:10px; margin-right:3px; }
.stats_sales_report .sales-report-control table tbody th{ background:#f1f1f1; border:none; }
.stats_sales_report .sales-report-control table tbody td{ border:1px solid #dedede; }
.stats_sales_report .sales-report-control .btn-outline-primary{ border:1px solid #3f51b5 !important; color:#3f51b5 !important; background-color:#fff; }
.stats_sales_report .sales-report-control .btn-outline-primary:hover{ background-color:#3f51b5; color:#fff !important; }
.stats_sales_report .sales-report-control .btn-outline-primary.active{ background-color:#3f51b5; color:#fff !important; }


.stats_sales_report .mflow-chart .mc-list > li .point .point-val{ background:#f1f1f1; border-radius:20px; box-shadow:0 0 4px 2.5px #ededed; color:#000; font-size:13px; }
.stats_sales_report .mflow-chart .mc-list > li .point .score{ position:relative; }
.stats_sales_report .mflow-chart .mc-list > li.active .point .score:after{ content:''; display:block; width:7px; height:7px; background:#fff; border-radius:50%; position:absolute; top:4px; left:4px; }

/* 그래프 */
div#sales-report-control-wrap .sales-report-control{ border-radius:5px; box-shadow:0 0 3px 3px #ebebeb; }

.stats_sales_report .table-row:nth-of-type(2) .table-col:first-of-type::before{ content:''; display:block; height:7px; background:linear-gradient(135deg, #205ba3 0%, #0c2442 100%); border-radius: 5px 5px 0 0; }
.stats_sales_report .mflow-chart{ padding-top:15px; }
.stats_sales_report .mflow-chart .mc-line { border:none; border-radius:5px; box-shadow:0 0 5px 1px #dedede; }
.stats_sales_report .mflow-chart .mc-list > li .axis{ font-size:16px; color:#505050; font-weight:500; }

.stats_sales_report .team-color thead th{ font-weight:500; color:#333; padding:5px; }
.stats_sales_report .team-color tbody tr{ height:25px; }
.stats_sales_report .team-color tbody tr td:first-child span:first-child{ width:13px; height:13px; display:inline-block; border-radius:50px; border:4px solid #fff;}
.stats_sales_report .team-color span.point-tail{ display:inline-block; width:68px; padding:1px 7px; box-shadow:0 0 3px 1px #dedede; text-align:right; border-radius:5px; }


    /* 대부 본진행(심사표) */
#okplus-card { width:1860px; margin:30px;}
#okplus-card table{ margin:10px 0 20px 0; }
#okplus-card table.inner-table{ margin:0; }
#okplus-card .okplus-navy{ border-collapse:collapse; }
#okplus-card .okplus-navy thead { background:linear-gradient(135deg, #2d6196 0%, #204a84 100%); border-radius:5px; overflow:hidden; }
#okplus-card .okplus-navy tbody tr{ transition:.1s; }
#okplus-card .okplus-navy tbody tr:hover{ background:#f4faff; }
#okplus-card .okplus-navy thead tr th{ background:transparent; color:#fff; border:1px solid #4881ba; }
#okplus-card .okplus-navy tbody tr td{ border:1px solid #dedede; height:24px; line-height:24px; }

.inner-table{ height:100%; width:100%; border:none; border-collapse:collapse; }
#okplus-card .okplus-navy .inner-table tr td{ border:none; border-bottom:1px solid #dedede; }
#okplus-card .okplus-navy .inner-table tr:last-child td{ border:0; }

.blue-light{ background:#f7faff; color:#176de4; font-weight:bold; }
.green-light{ background:#f4fff7; color:#37b045; font-weight:bold; }
select#select-gray{ width:87px; background:#ebebeb; border:1px solid #ebebeb; border-radius:5px; padding:0 5px; vertical-align:-1px; }
.circle-arrow{ color:#b1dfff; display:inline-block; width:20px; height:20px; border:2px solid #b1dfff; border-radius:50px; line-height:15px; text-align:center; margin:0 3px; }
.ltv-table tr td span:first-child{ color:#204a84; font-weight:500; margin-left:5px; }
.ltv-table tr td span:last-child{ color:#f36767; font-weight:500; margin-right:5px; }
.bg-yellow{ background:#fffdef; }

  /* 대부 체크사항, 필요서류 */
  /* 1 */
#okplus-card table thead tr th{ background:transparent; font-weight:500; }
#okplus-card .okplus-gray{ border-collapse:collapse; font-weight:500; }
#okplus-card .okplus-gray thead{ background:#464f59; }
#okplus-card .okplus-gray thead tr th{ color:#fff; border:1px solid #7f8a97; height:40px;}
#okplus-card .okplus-gray tbody tr{ transition:.1s; }
#okplus-card .okplus-gray tbody tr:hover{ background:#f4faff; }
#okplus-card .okplus-gray tbody tr td{ border:1px solid #dedede; height:40px; }
#okplus-card .okplus-gray tbody tr td:first-of-type{ color:#394e64; }
#okplus-card .okplus-gray tbody tr td:nth-of-type(2){ background:#e9eef3; }
#okplus-card .okplus-gray tbody tr td.gray-band { background:#dedede; height:20px; }

 /* 2 */
#okplus-card .okplus-olive{ border-collapse:collapse; font-weight:500; }
#okplus-card .okplus-olive thead{ background:#465959; }
#okplus-card .okplus-olive thead tr th{ color:#fff; border:1px solid #7f8a97; height:40px;}
#okplus-card .okplus-olive tbody tr{ transition:.1s; }
#okplus-card .okplus-olive tbody tr:hover{ background:#fffcf5; }
#okplus-card .okplus-olive tbody tr td{ border:1px solid #dedede; height:40px; }
#okplus-card .okplus-olive tbody tr td:first-of-type{ color:#465959; }
#okplus-card .okplus-olive tbody tr td:nth-of-type(2){ background:#e9f2ee; }
#okplus-card .okplus-olive .inner-table thead tr{ background:#465959; }
#okplus-card .okplus-olive .inner-table thead tr:hover{ background:#465959; }
#okplus-card .okplus-olive .inner-table tbody tr th{ border:1px solid #dedede; }
#okplus-card .okplus-olive .inner-table tbody tr td{ color:#465959; text-align:left; font-weight:400; padding:0 7px; }

/* 대부본진행시트 */
#okplus-card.okplus-sheet{ margin:0 auto; }
#okplus-card .okplus-paleblue{ border-collapse:collapse; font-weight:500; }
#okplus-card .okplus-paleblue thead{ background:linear-gradient(135deg, #2d7a96 0%, #206984 100%); }
#okplus-card .okplus-paleblue thead tr th{ color:#fff; border:1px solid #649baf; height:60;}
#okplus-card .okplus-paleblue tbody tr{ transition:.1s; }
#okplus-card .okplus-paleblue tbody tr:hover{ background:#e8f2f5; }
#okplus-card .okplus-paleblue tbody tr td{ border:1px solid #dedede; height:50px; }
#okplus-card .okplus-paleblue tbody tr td:first-of-type{ color:#003c52; }
#okplus-card .okplus-paleblue tbody tr td{ padding:0 6px; }
#okplus-card tbody td i.fa-edit{ position:relative; cursor:pointer; }

.memo-box{ display:none; position:absolute; top:15px; right:17px; background:#f2f2f2d0; border-radius:5px; box-shadow:0 0 3px 1px #dedede; padding:20px 20px 0 20px; float:left; }
.memo-box .memo-area{ width:280px; padding:10px; height:40px; margin-bottom:20px; background:#fff; border-radius:0 0 5px 5px; box-shadow:0 0 3px 1px #dedede; outline:none; border:0; }

label.memo-label{ display:block; width:inherit; background:#1d4452; padding:13px; text-align:left; color:#fff; border-radius:5px 5px 0 0; font-family:'Spoqa San Hans Neo'; font-weight:400; }

.bg-lightred{ background:#fd7a7a; }
.bg-lightyellow{ background:#fffde7; }
.bg-lightpink{ background:#ffe9e9; }
.bg-lightblue{ background:#b4dcf8; }
.bg-lightgreen{ background:#cbf0cf; }



/* 통계별 테마 컬러 */


/* 하늘색 테마 */
.theme-skyblue .card:first-of-type{ background:linear-gradient(135deg, #2d6196 0%, #204a84 100%); }
.theme-skyblue h2.title a{ font-size:20px; letter-spacing:1px; font-size:20px; color:#fff; }
.theme-skyblue .mb-sch-btn{ background:#d2e8ff; color:#1f3d9f !important; font-weight:600; font-size:13px; border-radius:13px; padding:3px 10px; }
.theme-skyblue .link-area{ background:#113d69; padding:15px; border-radius:5px; display:inline-block; color:#fff;}
.theme-skyblue .btn-outline-primary{ background:#5d97d4; border:0; color:#fff !important; padding:2px 7px; font-size:13px; transition:.2s; }
.theme-skyblue .btn-outline-primary:hover{ background:#d2e8ff; color:#000 !important; }
.theme-skyblue .btn-outline-primary.active{ background:#d2e8ff; color:#000 !important; }
.theme-skyblue .stats-cnt-area .table thead tr th{ background:#5d97d4; color:#fff; }
.theme-skyblue .stats-cnt-area .table tbody tr th{ background:#373737; color:#fff; }
.theme-skyblue .stats-cnt-area .table tr td{ background:#eaeaea; }
.theme-skyblue .black-table tbody tr.tr-total td{ background-color:#fff5d7; font-weight:bold; }
.theme-skyblue .black-table tbody tr.tr-total th{ background:#ffd966; color:#000; }
.theme-skyblue .black-table tbody tr.tr-total:hover th{ background:#ffd966; color:#000; }
.theme-skyblue .black-table tbody tr.tr-total:hover td{ background-color:#fff5d7; font-weight:bold; }
.theme-skyblue .black-table tbody tr:hover th{ background:#c6e8ff; color:#000; }
.theme-skyblue .black-table tbody tr:hover{ background:#dfe9f0; }
.theme-skyblue .black-table tbody tr:hover td{ background:#dfe9f0; }
.theme-skyblue .black-table tbody tr th{ background:#d7efff; }
.theme-skyblue .black-table tbody tr td{ background:#f0f9ff; }
.theme-skyblue .switch-label{ border:0; }
.theme-skyblue .switch-label .switch-label-item .name{ color:#fff; border-radius:5px; background:#537ca5; margin-right:5px; padding:4px 10px; font-size:13px; }
.theme-skyblue .switch-label .switch-label-item .input-chk:checked+.name{ color:#000; background:#fff; }

/* 청록색 테마 */
.theme-bluegreen .card:first-of-type{ background:linear-gradient(135deg, #2d7a96 0%, #1f6984 100%); }
.theme-bluegreen h2.title a{ font-size:20px; letter-spacing:1px; font-size:20px; color:#fff; }
.theme-bluegreen .mb-sch-btn{ background:#cef5fc; color:#135e7d !important; font-weight:600; font-size:13px; border-radius:13px; padding:3px 10px; }
.theme-bluegreen .mb-sch-btn:after{ content:''; display:inline-block; width:8px; height:8px; border-radius:50px; border:2px solid #135e7d; }
.theme-bluegreen .mb-sch-btn:before{ content:''; display:block; position:absolute; background:#135e7d; width:2px; height:5px; top:14px; right:9px; transform:rotate(-45deg); }
.theme-bluegreen .link-area{ background:#155267; padding:15px; border-radius:5px; display:inline-block; }
.theme-bluegreen .btn-outline-primary{ background:#4ea1c1; color:#fff !important; padding:2px 7px; font-size:13px; border:none; transition:.2s; }
.theme-bluegreen .btn-outline-primary:hover{ background:#d8f9fe; color:#000 !important; }
.theme-bluegreen .btn-outline-primary.active{ background:#d8f9fe; color:#000 !important; }
.theme-bluegreen .stats-cnt-area .table thead tr th{ background:#4fa0be; color:#fff; }
.theme-bluegreen .stats-cnt-area .table tbody tr th{ background:#373737; color:#fff; }
.theme-bluegreen .stats-cnt-area .table tr td{ background:#eaeaea; }
.theme-bluegreen .black-table tbody tr.tr-total td{ background-color:#fff5d7; font-weight:bold; }
.theme-bluegreen .black-table tbody tr.tr-total th{ background:#ffd966; color:#000; }
.theme-bluegreen .black-table tbody tr.tr-total:hover th{ background:#ffd966; color:#000; }
.theme-bluegreen .black-table tbody tr.tr-total:hover td{ background-color:#fff5d7; font-weight:bold; }
.theme-bluegreen .black-table tbody tr:hover th{ background:#d2ebef; color:#000; }
.theme-bluegreen .black-table tbody tr:hover{ background:#578ca038; }
.theme-bluegreen .black-table tbody tr th{ background:#d8f1f5; }
.theme-bluegreen .black-table tbody tr td{ background:#f0fafb; }
.theme-bluegreen .switch-label{ border:0; }
.theme-bluegreen .switch-label .switch-label-item .name{ color:#fff; border-radius:5px; background:#5e93a6; margin-right:5px; padding:4px 10px; font-size:13px; }
.theme-bluegreen .switch-label .switch-label-item .input-chk:checked+.name{ color:#000; background:#fff; }

/* 파란색 테마 */
.theme-blue .card:first-of-type{ background:linear-gradient(135deg, #3b4a8d 0%, #2a397a 100%); }
.theme-blue h2.title a{ font-size:20px; letter-spacing:1px; font-size:20px; color:#fff; }
.theme-blue .mb-sch-btn{ background: #d4ddfe; color:#2d438f !important; font-weight:600; font-size:13px; border-radius:13px; padding:3px 10px; }
.theme-blue .mb-sch-btn:after{ content:''; display:inline-block; width:8px; height:8px; border-radius:50px; border:2px solid #2d438f; }
.theme-blue .mb-sch-btn:before{ content:''; display:block; position:absolute; background:#2d438f; width:2px; height:5px; top:14px; right:9px; transform:rotate(-45deg); }
.theme-blue .link-area{ background:#1c2b66; padding:15px; border-radius:5px; display:inline-block; }
.theme-blue .btn-outline-primary{ background:#6c7fcc; color:#fff !important; padding:2px 7px; font-size:13px; border:none; transition:.2s; }
.theme-blue .btn-outline-primary:hover{ background:#dbe2fe; color:#000 !important; }
.theme-blue .btn-outline-primary.active{ background:#dbe2fe; color:#000 !important; }
.theme-blue .stats-cnt-area .table thead tr th{ background:#6c7fce; color:#fff; }
.theme-blue .stats-cnt-area .table tbody tr th{ background:#373737; color:#fff; }
.theme-blue .stats-cnt-area .table tr td{ background:#eaeaea; }
.theme-blue .black-table tbody tr.tr-total td{ background-color:#fff5d7; font-weight:bold; }
.theme-blue .black-table tbody tr.tr-total th{ background:#ffd966; color:#000; }
.theme-blue .black-table tbody tr.tr-total:hover th{ background:#ffd966; color:#000; }
.theme-blue .black-table tbody tr.tr-total:hover td{ background-color:#fff5d7; font-weight:bold; }
.theme-blue .black-table tbody tr:hover th{ background:#cedbff; color:#000; }
.theme-blue .black-table tbody tr:hover{ background:#eaf1ff; }
.theme-blue .black-table tbody tr:hover td{ background:#eaf1ff; }
.theme-blue .black-table tbody tr th{ background:#dee5f8; }
.theme-blue .black-table tbody tr td{ background:#f1f4fb; }
.theme-blue .switch-label{ border:0; }
.theme-blue .switch-label .switch-label-item .name{ color:#fff; border-radius:5px; background:#5d6aa4; margin-right:5px; padding:4px 10px; font-size:13px; }
.theme-blue .switch-label .switch-label-item .input-chk:checked+.name{ color:#000; background:#fff; }

/* 초록색 테마 */
.theme-green .card:first-of-type{ background:linear-gradient(135deg, #2d9686 0%, #208479 100%); }
.theme-green h2.title a{ font-size:20px; letter-spacing:1px; font-size:20px; color:#fff; }
.theme-green .mb-sch-btn{ background:#c0fff5; color:#147768 !important; font-weight:600; font-size:13px; border-radius:13px; padding:3px 10px; }
.theme-green .mb-sch-btn:after{ content:''; display:inline-block; width:8px; height:8px; border-radius:50px; border:2px solid #147768; }
.theme-green .mb-sch-btn:before{ content:''; display:block; position:absolute; background:#147768; width:2px; height:5px; top:14px; right:9px; transform:rotate(-45deg); }
.theme-green .link-area{ background:#21635a; padding:15px; border-radius:5px; display:inline-block;}
.theme-green .btn-outline-primary{ background:#4eb9a9; color:#fff !important; padding:2px 7px; font-size:13px; border:none; transition:.2s; }
.theme-green .btn-outline-primary:hover{ background:#cbfff7; color:#000 !important; }
.theme-green .btn-outline-primary.active{ background:#cbfff7; color:#000 !important; }
.theme-green .stats-cnt-area .table thead tr th{ background:#4eb9a9; color:#fff; }
.theme-green .stats-cnt-area .table tbody tr th{ background:#373737; color:#fff; }
.theme-green .stats-cnt-area .table tr td{ background:#eaeaea; }
.theme-green .black-table tbody tr.tr-total td{ background-color:#fff5d7; font-weight:bold; } 
.theme-green .black-table tbody tr.tr-total th{ background:#ffd966; color:#000; }
.theme-green .black-table tbody tr.tr-total:hover th{ background:#ffd966; color:#000; }
.theme-green .black-table tbody tr.tr-total:hover td{ background-color:#fff5d7; font-weight:bold; } 
.theme-green .black-table tbody tr:hover th{ background:#e6ffef; color:#000; }
.theme-green .black-table tbody tr:hover{  }
.theme-green .black-table tbody tr:hover td{  }
.theme-green .black-table tbody tr th{ background:#edfff4; }
.theme-green .black-table tbody tr.row-group{ background:#f9fff0; }
.theme-green .black-table tbody tr.row-group th{ background:#e6efdf; }
.theme-green .switch-label{ border:0; }
.theme-green .switch-label .switch-label-item .name{ color:#fff; border-radius:5px; background:#5fb0a4; margin-right:5px; padding:4px 10px; font-size:13px; }
.theme-green .switch-label .switch-label-item .input-chk:checked+.name{ color:#000; background:#fff; }

/* 보라색 테마 */
.theme-purple .card:first-of-type{ background:linear-gradient(135deg, #694e91 0%, #59378e 100%); }
.theme-purple h2.title a{ font-size:20px; letter-spacing:1px; font-size:20px; color:#fff; }
.theme-purple .mb-sch-btn{ background:#ead5fc; color:#5e359b !important; font-weight:600; font-size:13px; border-radius:13px; padding:3px 10px; }
.theme-purple .mb-sch-btn:after{ content:''; display:inline-block; width:8px; height:8px; border-radius:50px; border:2px solid #5e359b; }
.theme-purple .mb-sch-btn:before{ content:''; display:block; position:absolute; background:#5e359b; width:2px; height:5px; top:14px; right:9px; transform:rotate(-45deg); }
.theme-purple .link-area{ background:#3d1c6d; padding:15px; border-radius:5px; display:inline-block; }
.theme-purple .btn-outline-primary{ background:#9177be; color:#fff !important; padding:2px 7px; font-size:13px; border:none; transition:.2s; }
.theme-purple .btn-outline-primary:hover{ background:#ede0fc; color:#260631 !important; }
.theme-purple .btn-outline-primary.active{ background:#ede0fc; color:#260631 !important; }
.theme-purple .dambo-cnt-area .table thead tr th{ background:#9476c0; color:#fff; }
.theme-purple .dambo-cnt-area .table tbody tr th{ background:#373737; color:#fff; }
.theme-purple .dambo-cnt-area .table tr td{ background:#eaeaea; color:#333; }
.theme-purple .black-table tbody tr.tr-total td{ background-color:#fff5d7; font-weight:bold; } 
.theme-purple .black-table tbody tr.tr-total th{ background:#ffd966; color:#000; }
.theme-purple .black-table tbody tr.tr-total:hover th{ background:#ffd966; color:#000; }
.theme-purple .black-table tbody tr.tr-total:hover td{ background-color:#fff5d7; font-weight:bold; } 
.theme-purple .black-table tbody tr:hover th{ color:#691793; }
.theme-purple .black-table tbody tr:hover td{  }
.theme-purple .black-table tbody tr th{ background:#e0e1f5; }
.theme-purple .black-table tbody tr td{ background:#f4f4fc; }
.theme-purple .switch-label{ border:0; }
.theme-purple .switch-label .switch-label-item .name{ color:#fff; border-radius:5px; background:#846da7; margin-right:5px; padding:4px 10px; font-size:13px; }
.theme-purple .switch-label .switch-label-item .input-chk:checked+.name{ color:#000; background:#fff; }

/* 주황색 테마 */
.theme-orange .card:first-of-type{ background:linear-gradient(135deg, #df8836 0%, #da7a26 100%); }
.theme-orange h2.title a{ font-size:20px; letter-spacing:1px; font-size:20px; color:#fff; }
.theme-orange .mb-sch-btn{ background:#ffedce; color:#dc6b00 !important; font-weight:600; font-size:13px; border-radius:13px; padding:3px 10px; }
.theme-orange .mb-sch-btn:after{ content:''; display:inline-block; width:8px; height:8px; border-radius:50px; border:2px solid #dc6b00; }
.theme-orange .mb-sch-btn:before{ content:''; display:block; position:absolute; background:#dc6b00; width:2px; height:5px; top:14px; right:9px; transform:rotate(-45deg); }
.theme-orange .link-area{ background:#b45a0c; padding:15px; border-radius:5px; display:inline-block; }
.theme-orange .btn-outline-primary{ background:#ec9041; color:#fff !important; padding:2px 7px; font-size:13px; border:none; transition:.2s; }
.theme-orange .btn-outline-primary:hover{ background:#ffe5b8; color:#000 !important; }
.theme-orange .btn-outline-primary.active{ background:#ffe5b8; color:#000 !important; }
.theme-orange .stats-cnt-area .table thead tr th{ background:#cf944c; color:#fff; }
.theme-orange .stats-cnt-area .table tbody tr th{ background:#373737; color:#fff; }
.theme-orange .stats-cnt-area .table tr td{ background:#eaeaea; }
.theme-orange .black-table tbody tr.tr-total td{ background-color:#fff5d7; font-weight:bold; } 
.theme-orange .black-table tbody tr.tr-total th{ background:#ffd966; color:#000; }
.theme-orange .black-table tbody tr.tr-total:hover th{ background:#ffd966; color:#000; }
.theme-orange .black-table tbody tr.tr-total:hover td{ background-color:#fff5d7; font-weight:bold; } 
.theme-orange .black-table tbody tr:hover th{ background:#ffddbb; color:#000; }
.theme-orange .black-table tbody tr:hover td{ background:#fff3eb; }
.theme-orange .black-table tbody tr th{ background:#ffead3; }
.theme-orange .black-table tbody tr td{ background:#fcf8f4; }
.theme-orange .switch-label{ border:0; }
.theme-orange .switch-label .switch-label-item .name{ color:#fff; border-radius:5px; background:#e4a569; margin-right:5px; padding:4px 10px; font-size:13px; }
.theme-orange .switch-label .switch-label-item .input-chk:checked+.name{ color:#000; background:#fff; }

/* 노란색 테마 */

.theme-yellow .card:first-of-type{ background:linear-gradient(135deg, #eeae01 0%, #e8a400 100%); }
.theme-yellow h2.title a{ font-size:20px; letter-spacing:1px; font-size:20px; color:#fff; }
.theme-yellow .mb-sch-btn{ background:#fff9b9; color:#bd9007 !important; font-weight:600; font-size:13px; border-radius:13px; padding:3px 10px; }
.theme-yellow .mb-sch-btn:after{ content:''; display:inline-block; width:8px; height:8px; border-radius:50px; border:2px solid #bd9007; }
.theme-yellow .mb-sch-btn:before{ content:''; display:block; position:absolute; background:#bd9007; width:2px; height:5px; top:14px; right:9px; transform:rotate(-45deg); }
.theme-yellow .link-area{ background:#c18800; padding:15px; border-radius:5px; display:inline-block; }
.theme-yellow .btn-outline-primary{ background:#f4b50c; color:#fff !important; padding:2px 7px; font-size:13px; border:none; transition:.2s; }
.theme-yellow .btn-outline-primary:hover{ background:#fff1c1; color:#000 !important; }
.theme-yellow .btn-outline-primary.active{ background:#fff1c1; color:#000 !important; }
.theme-yellow .stats-cnt-area .table thead tr th{ background:#f4b50c; color:#fff; }
.theme-yellow .stats-cnt-area .table tbody tr th{ background:#373737; color:#fff; }
.theme-yellow .stats-cnt-area .table tr td{ background:#eaeaea; }
.theme-yellow .black-table tbody tr.tr-total td{ background-color:#fff5d7; font-weight:bold; } 
.theme-yellow .black-table tbody tr.tr-total th{ background:#ffd966; color:#000; }
.theme-yellow .black-table tbody tr.tr-total:hover th{ background:#ffd966; color:#000; }
.theme-yellow .black-table tbody tr.tr-total:hover td{ background-color:#fff5d7; font-weight:bold; } 
.theme-yellow .black-table tbody tr:hover th{ background:#ffe18d; color:#000; }
.theme-yellow .black-table tbody tr:hover td{ background:#fffcec; }
.theme-yellow .black-table tbody tr th{ background:#ffe9aa; }
.theme-yellow .black-table tbody tr td{ background:#fffcf3; }
.theme-yellow .switch-label{ border:0; }
.theme-yellow .switch-label .switch-label-item .name{ color:#fff; border-radius:5px; background:#f2c343; margin-right:5px; padding:4px 10px; font-size:13px; }
.theme-yellow .switch-label .switch-label-item .input-chk:checked+.name{ color:#000; background:#fff; }

/* 빨간색 테마 */

.theme-red .card:first-of-type{ background:linear-gradient(135deg, #cd5050 0%, #c64444 100%); }
.theme-red h2.title a{ font-size:20px; letter-spacing:1px; font-size:20px; color:#fff; }
.theme-red .mb-sch-btn{ background:#ffd2d2; color:#c03232 !important; font-weight:600; font-size:13px; border-radius:13px; padding:3px 10px; }
.theme-red .mb-sch-btn:after{ content:''; display:inline-block; width:8px; height:8px; border-radius:50px; border:2px solid #c03232; }
.theme-red .mb-sch-btn:before{ content:''; display:block; position:absolute; background:#c03232; width:2px; height:5px; top:14px; right:9px; transform:rotate(-45deg); }
.theme-red .link-area{ background:#a12626; color:#fff; padding:15px; border-radius:5px; display:inline-block; }
.theme-red .btn-outline-primary{ background:#e46d78; color:#fff !important; padding:2px 7px; font-size:13px; border:none; transition:.2s; }
.theme-red .btn-outline-primary:hover{ background:#ffe5e9; color:#000 !important; }
.theme-red .btn-outline-primary.active{ background:#ffe5e9; color:#000 !important; }
.theme-red .stats-cnt-area .table thead tr th{ background:#e46d78; color:#fff; }
.theme-red .stats-cnt-area .table tbody tr th{ background:#373737; color:#fff; }
.theme-red .stats-cnt-area .table tr td{ background:#eaeaea; }
.theme-red .black-table tbody tr.tr-total td{ background-color:#fff5d7; font-weight:bold; } 
.theme-red .black-table tbody tr.tr-total th{ background:#ffd966; color:#000; }
.theme-red .black-table tbody tr.tr-total:hover th{ background:#ffd966; color:#000; }
.theme-red .black-table tbody tr.tr-total:hover td{ background-color:#fff5d7; font-weight:bold; } 
.theme-red .black-table tbody tr:hover th{ background:#ffd7cf; color:#000; }
.theme-red .black-table tbody tr:hover td{ background:#fff5ec; }
.theme-red .black-table tbody tr th{ background:#fff3f3; }
.theme-red .black-table tbody tr td{ background:#fffefe; }
.theme-red .switch-label{ border:0; }
.theme-red .switch-label .switch-label-item .name{ color:#fff; border-radius:5px; background:#d27979; margin-right:5px; padding:4px 10px; font-size:13px; }
.theme-red .switch-label .switch-label-item .input-chk:checked+.name{ color:#000; background:#fff; }

/* 미니홈피 starter.php start_page */

#starter-wrap{ font-family:'Spoqa Han Sans Neo'; }
#starter-wrap .card-body{ padding:90px 0; margin:0 auto; width:1640px; position:relative; }
#starter-wrap a.logo { display:inline-block; margin:0 18px 0 55px; position:relative; bottom:45px; }
#starter-wrap .clock{ color:#000; text-shadow:2px 2px 5px rgb(179 179 179); font-weight:bold; -webkit-text-stroke:.5px #fff; display:inline-block; font-size:45px; }
#starter-wrap .start-btn{ position:absolute; right:50px; top:80px; cursor:pointer; color:#4e78ff; font-weight:bold; font-size:77px; transition:all .5s;  }
#starter-wrap .start-btn:hover{ position:absolute; right:40px; color:#fff; text-shadow:0 0 8px #173697; }
#starter-wrap .starter-area{ float:left; }
#starter-wrap .starter-area div.shading-box-default{ float:left; margin:0 40px 40px 0; position:relative; }
#starter-wrap ::-webkit-calendar-picker-indicator{ filter:invert(1) }


#starter-wrap a.go-nabake-review-btn{ display:block; position:absolute; top:110px; right:650px; }
#starter-wrap a.go-partner-btn{ display:block; position:absolute; top:110px; right:450px; }
#starter-wrap a.go-calendar-btn{ display:block; position:absolute; top:20px; right:650px; }
#starter-wrap a.go-personnel-btn{ display:block; position:absolute; top:20px; right:450px; }

#starter-wrap .shading-box-default.holiday-calendar-btn{ border-color:#b444a2; color:#b444a2; width:175px; height:77px; padding:15px 50px 15px 10px; font-size:17px; font-weight:600; }
#starter-wrap .shading-box-default.personnel-btn{ border-color:#df6e82; color:#df6e82; width:175px; height:77px; padding:15px 50px 15px 10px; font-size:17px; font-weight:600; }

#starter-wrap .shading-box-default.nabake-review-btn{ border-color:#d7a769; color:#d7a769; width:175px; height:77px; padding:15px 50px 15px 10px; font-size:16px; font-weight:600; }
#starter-wrap .nabake-review-btn{ background:url(../img/nabake_review.png) 101px 13px no-repeat; }

#starter-wrap .shading-box-default.partner-btn{ border-color:#68442c; color:#68442c; width:175px; height:77px; padding:15px 50px 15px 10px; font-size:16px; font-weight:600; }
#starter-wrap .partner-btn{ background:url(../img/handshake.png) 100px center no-repeat; }

#starter-wrap .go-start-btn{ display:block; position:absolute; right:40px; top:110px; width:370px; border-radius:15px; box-shadow:0 0 9px 4px #00000020; background:#fff; overflow:hidden;}
#starter-wrap .go-start-btn .icon-area {position: absolute;left: 0;top: 0;height: 100%;background: #0260f4;color: #fff;font-size: 35px;padding: 17px 15px;}
#starter-wrap .go-start-btn .txt-area {display: block;padding: 10px;padding-left: 80px;font-weight: bold;line-height: 1;text-align: center;color: #0260f4;}
#starter-wrap .go-start-btn .txt-area .txt1 {display: block;font-size: 16px;}
#starter-wrap .go-start-btn .txt-area .txt2 {font-size: 40px;}

/* 미니홈피 구성 요소 div default CSS */
.shading-box-default{ height:280px; width:370px; border-radius:15px; box-shadow: 0 0 9px 4px #00000020; background:#fff; position:relative; border-left:15px solid #dedede; }
.shading-box-default:hover{  }
.shading-box-default table{ border-collapse:collapse; font-size:16px; }
.shading-box-default table tr{ transition:.2s; }
.shading-box-default table td{ padding:10px; }
.shading-box-default table tr.event{ background:linear-gradient(135deg, #dedede 0%,#84849b 100%); color:#777; font-weight:500; }
.shading-box-default table tr.event td div.btn{ width:110px; border-radius:7px;font-size:16px; }
.shading-box-default .black-overlay{ display:none; background:#00000090; position:fixed; left:0; top:0; width:100%; height:100%; z-index:10; }

/* 미니홈피 구성 div 박스 타이틀 부분 */
.shading-box-default .starter-content{ content:''; clear:both; display:block; height:100%; }
.shading-box-default .starter-title{ position:relative; padding:12px 20px; border-bottom:1px solid #e7e7e7; }
.shading-box-default .starter-title h2{ font-size:23px; display:inline-block; }
.shading-box-default .starter-title .starter-subtitle{ background:linear-gradient(135deg, #dedede 0%,#84849b 100%); border-radius:15px; color:#fff; font-size:19px; padding:0 10px; display:inline-block; }
.shading-box-default .starter-title a{ font-size:20px; }
.shading-box-default .starter-title .new{display: inline-block; position: absolute; left:90px; top: 1px; width: 14px; height: 14px; line-height: 14px; background-color: #f44336; color: #fff; border-radius: 50%; text-align: center; margin-left: -10px; font-size: 10px; font-weight: bold; z-index: 2;}

/* 미니홈피 나의정보 */
#starter-wrap.main_index2 .shading-box-default.shading-box-fullorange{ width:300px; }
#starter-wrap.main_index2 .shading-box-default.shading-box-purple{ width:300px; }
#starter-wrap.main_index2 .card-body{ width:1880px; margin-left:20px; }
#starter-wrap.main_index2 .starter-area{ margin-left:310px; }

/* 미니홈피 - 나의정보 */
.shading-box-default.shading-box-skyblue{ width:280px; height:600px; position:absolute; display:flex; flex-direction:column; justify-content:space-between; border-left:15px solid #00a8ff; }
.shading-box-default.shading-box-skyblue .info-inner{ padding:25px 15px; }
.shading-box-default.shading-box-skyblue .info-inner:nth-child(2){ border-top:2px dashed #f2f2f2; border-bottom:2px dashed #f2f2f2; }

.shading-box-default.shading-box-skyblue .info-inner .title{ display:flex; justify-content:space-between; align-items:center; }
.shading-box-default.shading-box-skyblue .info-inner .title .img{ width:70px; height:70px; border:3px solid #f44336; border-radius:50%; box-shadow:0 0 7px 3px #00000020; overflow:hidden; }
/* lv1-사원 lv2-주임 lv3-대리 lv4-과장 lv5-차장 lv6-파트장 */
.shading-box-default.shading-box-skyblue .info-inner .title .img.lv1{ border-color:#fff; }
.shading-box-default.shading-box-skyblue .info-inner .title .img.lv2{ border-color:#ffc143; box-shadow:0 0 5px 3px #ffe9bb; }
.shading-box-default.shading-box-skyblue .info-inner .title .img.lv3{ border-color:#289633; box-shadow:0 0 7px 3px #b6dcb3; }
.shading-box-default.shading-box-skyblue .info-inner .title .img.lv4{ border-color:#3158bc; box-shadow:0 0 7px 3px #bdcce2;}
.shading-box-default.shading-box-skyblue .info-inner .title .img.lv5{ border-color:#980000; box-shadow:0 0 7px 3px #deaaaa; }
.shading-box-default.shading-box-skyblue .info-inner .title .img.lv6{ border-color:#d44d4d; box-shadow:0 0 7px 3px #e2bfbf; }

.shading-box-default.shading-box-skyblue .info-inner .title .img>img{ width:70px; }
.shading-box-default.shading-box-skyblue .info-inner .title .identity{ display:flex; flex-direction:column; width:148px; }
.shading-box-default.shading-box-skyblue .info-inner .title .identity .group{ font-size:16px; color:#808080; font-weight:500; }
.shading-box-default.shading-box-skyblue .info-inner .title .identity .name{ font-size:20px; color:#000; font-weight:500; }
.shading-box-default.shading-box-skyblue .info-inner .title .identity .badge{ height:30px; border-radius:5px; background:#fff; box-shadow:0 0 3px 1px #00000020; }
.shading-box-default.shading-box-skyblue .info-inner .history{ display:flex; flex-direction:column; justify-content:space-between; height:210px; }
.shading-box-default.shading-box-skyblue .info-inner .subtitle{ font-size:15px; color:#999; letter-spacing:.01em; font-weight:500; }
.shading-box-default.shading-box-skyblue .info-inner .cnt{ font-size:27px; color:#000; font-weight:600; line-height:30px; }
.shading-box-default.shading-box-skyblue .info-inner .unit{ font-size:20px; color:#000; font-weight:600; }
.shading-box-default.shading-box-skyblue .info-inner .work-period{ display:flex; flex-direction:column; }
.shading-box-default.shading-box-skyblue .info-inner .time-stick{ display:flex; width:228px; height:35px; border-radius:12px; box-shadow:0 0 5px 3px #00000020; background:linear-gradient(45deg, #98dbff, #00a8ff); position:relative; margin-top:30px; }
.shading-box-default.shading-box-skyblue .info-inner .time-stick .time-item{ width:19px; border-left:1px dashed #c7ebff; z-index:1; }
.shading-box-default.shading-box-skyblue .info-inner .time-stick .time-item:first-child{ border:0; }
.shading-box-default.shading-box-skyblue .info-inner .time-stick .rest-time{ background:#fff; height:inherit; width:19px; position:absolute; right:0; border-radius:0 10px 10px 0; }
.shading-box-default.shading-box-skyblue .info-inner .time-stick .rest-counting{ background:url(../img/balloon2.png); font-size:10px; color:#999; position:absolute; width:64px; height:24px; margin-left:-32px; left:50%; top:-25px; line-height:19px; text-align:center; }
.shading-box-default.shading-box-skyblue .info-inner .hobong{ display:flex; justify-content:space-between; font-size:12px; margin-top:3px; }

/* 미니홈피 - 출근시간 */

.shading-box-default.shading-box-fullorange{ border-left:15px solid #f16e33; }
.shading-box-default.shading-box-fullorange h2 { color:#f16e33; }
.shading-box-default.shading-box-fullorange .starter-subtitle{ background:#f16e33; }
.shading-box-default.shading-box-fullorange .starter-inner .scrollbar-inner{ height:210px; }
.shading-box-default.shading-box-fullorange table tr{ border-bottom:1px dashed #ffe5cd; }
.shading-box-default.shading-box-fullorange table tr:hover{ background:#fffaf6; }
.shading-box-default.shading-box-fullorange table tr.event{ background:#fdeee8; color:#f16e33; }
.shading-box-default.shading-box-fullorange table span i.fa-angry{ font-size:20px; line-height:26px; }
.shading-box-default.shading-box-fullorange table span i.fa-grin-squint{ font-size:20px; line-height:26px; color:#ffbc00; }
.shading-box-default.shading-box-fullorange table tr td div.btn{ box-shadow:0 0 5px #f16e33; transition:.3s; cursor:pointer; color:#f16e33; }
.shading-box-default.shading-box-fullorange table tr td div.btn:hover{ color:#fff3ef; background:#ff6b26; }
.shading-box-default.shading-box-fullorange table tr td div.btn.active{ box-shadow:0 0 5px #f16e33; transition:.3s; }


/* 미니홈피 - 시말서 리스트 */
.shading-box-default.shading-box-fullred{ border-left:15px solid #f44336; }
.shading-box-default.shading-box-fullred h2 { color:#f44336; }
.shading-box-default.shading-box-fullred div.total-rate-inner{ padding:15px 20px; }
.shading-box-default.shading-box-fullred span.total-year{ color:#fff; background:#f44336; padding:3px 5px; }
.shading-box-default.shading-box-fullred div label{ font-size:11px; color:#a2a2a2; }
.shading-box-default.shading-box-fullred div.total-rate{ font-size:26px; color:#f44336; font-weight:600; }
.shading-box-default.shading-box-fullred table tr{ border-bottom:1px dashed #ffe9e9; }
.shading-box-default.shading-box-fullred table tr:hover{ background:#fff7f7; }

/* 미니홈피 - 매출현황 */
.shading-box-default.shading-box-fullgreen{ border-left:15px solid #009688; }
.shading-box-default.shading-box-fullgreen h2 { color:#009688; }
.shading-box-default.shading-box-fullgreen .starter-inner .scrollbar-inner{ height:135px; }
.shading-box-default.shading-box-fullgreen .starter-inner .month-stats-area { text-align:center; position:relative; height:50px; border-bottom:1px dotted #c3e4c7; margin-bottom:10px; }
.shading-box-default.shading-box-fullgreen .starter-inner .month-stats-area span { display:inline-block; position:absolute; }
.shading-box-default.shading-box-fullgreen .starter-inner .month-stats-area .month-title { left:30px; top:15px; font-size:15px; }
.shading-box-default.shading-box-fullgreen .starter-inner .month-stats-area .month-amount { left:25%; width:50%; text-align:center; top:3px; font-size:30px; font-weight:bold; color:#009688; }
.shading-box-default.shading-box-fullgreen .starter-inner .month-stats-area .month-rank { left:300px; top:14px; padding:3px; color:#fff; border-radius:5px; background-color:#009688; }

/* 미니홈피 - 생일자 */
.shading-box-default.shading-box-fullblue{ background:url(/img/icon/presentbox.png) no-repeat 166px 74px !important; border-left:15px solid #1f3ea0; }
.shading-box-default.shading-box-fullblue h2 { color:#1f3ea0; }

/* 미니홈피 - 연차 */
.shading-box-default.shading-box-purple{ border-left:15px solid #5e33bf; }
.shading-box-default.shading-box-purple h2 { color:#5e33bf; }
.shading-box-default.shading-box-purple .starter-subtitle{ background:#5e33bf; }
.shading-box-default.shading-box-purple .starter-title a{ color:#5e33bf; }
.shading-box-default.shading-box-purple .starter-inner .scrollbar-inner{ height:180px; }
.shading-box-default.shading-box-purple table tr{ border-bottom:1px dashed #ece5ff; }

.shading-box-default.shading-box-purple table tr:hover{ background:#faf7ff; }
.shading-box-default.shading-box-purple table tr.event{ background:#ddd4f1; color:#5e33bf; }
.shading-box-default.shading-box-purple table tr.event td div.btn{ box-shadow:0 0 5px #5e33bf; }

/* 미니홈피 - 보유박스리스트  - 타이틀영역 */
.shading-box-default.shading-box-yellow{ box-shadow:0 0 10px 0px #ffd776; border-left:15px solid #ffb400; }
.shading-box-default.shading-box-yellow .starter-title{ text-align:center; }
.shading-box-default.shading-box-yellow .starter-content{  }
.shading-box-default.shading-box-yellow h2 { color:#ffb400; }

.shading-box-default.shading-box-yellow .box-pop{ position:absolute; width:inherit; border-radius:70px 70px 15px 15px; background:#fff; bottom:0; z-index:10; }
.shading-box-default.shading-box-yellow .box-pop .close-btn{ position:absolute; top:20px; left:calc(100% - 390px); z-index:20; cursor:pointer; }
.shading-box-default.shading-box-yellow .box-pop .close-btn i{ font-size:45px; color:#d9d9d9; transition:.2s; }
.shading-box-default.shading-box-yellow .box-pop .close-btn i:hover{ color:#797979; }
.shading-box-default.shading-box-yellow .box-pop .box-pop-inner{ position:relative; padding:70px 40px 30px 230px; width:100%; height:100%; }
.shading-box-default.shading-box-yellow .box-pop .box-pop-inner>div:first-of-type{ border-left:3px solid #000; margin-bottom:10px; }
.shading-box-default.shading-box-yellow .box-pop .box-guide span{ padding:0 10px; border-right:2px solid #000 }

.shading-box-default.shading-box-yellow .box-pop .prize-box-title{ padding-left:10px; }
.shading-box-default.shading-box-yellow .box-pop .prize-box-title span:first-child{ font-size:30px; font-weight:600; }
.shading-box-default.shading-box-yellow .box-pop .prize-box-title span:nth-child(2){ font-size:20px;}
.shading-box-default.shading-box-yellow .box-pop .prize-box-title .box-cnt{ padding:0 5px; border-radius:5px; font-size:16px; color:#fff; text-align:center; margin-left:8px; position:relative; bottom:3px; font-weight:500; }
.shading-box-default.shading-box-yellow .box-pop .scrollbar-inner{ height:250px; }
.shading-box-default.shading-box-yellow .box-pop .prize-list li { position:relative; float:left; margin-top:7px; padding-bottom:6px; margin-left:5px; }
.shading-box-default.shading-box-yellow .box-pop .prize-list li .prize-name{ float:left; width:380px; border-radius:20px; background:#fff; box-shadow:0 0 3px 1px #e9e9e9; padding:5px; }
.shading-box-default.shading-box-yellow .box-pop .prize-list li .sel-btn{ float:left; margin-left:30px; width:60px; border-radius:20px; background:#f9f9f9; box-shadow:0 0 3px 1px #e9e9e9; padding:5px; color:#999; cursor:pointer; transition:.2s; }
.shading-box-default.shading-box-yellow .box-pop .prize-list li .sel-btn:hover{ color:#333; font-weight:500; background:#f6f6f6; box-shadow:0 0 4px 1px #bdbdbd; }

.shading-box-default.shading-box-yellow .box-pop .prize-list li .used-cnt{ position:absolute; top:-7px; right:83px; width:20px; height:20px; border-radius:50px; background:#e91616; color:#fff; }

/* 보유박스리스트 - 박스 지급기준 , 박스강화 시스템 팝업창 */
.shading-box-default .box-info{ position:absolute; top:12px; right:20px; color:#ffb400; font-weight:600; font-size:22px; border:3px solid #ffb400; border-radius:50px; width:32px; height:32px; text-align:center; line-height:27px; cursor:pointer; transition:.3s; }
.shading-box-default .box-info:active{ background:#ffb400; color:#fff; }
.shading-box-default .box-info:hover{ box-shadow:0 0 5px 1px #ffbc17; }
.shading-box-default .box-info-page{ position:absolute; display:none; bottom:0; height:225px; width:100%; padding:70px 40px 30px; background:#fff; color:#fff; border-radius:15px; z-index:10; left:0; height:420px; box-shadow:0 0 20px 0 #000; }
.shading-box-default .box-info-page .close-btn{ position:absolute; top:20px; right:30px; z-index:20; cursor:pointer; }
.shading-box-default .box-info-page .close-btn .xmark{ }
.shading-box-default .box-info-page .close-btn:hover .xmark:before{ background:#4e4e4e; }
.shading-box-default .box-info-page .close-btn:hover .xmark:after{ background:#4e4e4e; }
.shading-box-default .box-info-page .close-btn .xmark::before{ content:''; display:block; width:3px; height:20px; background: #8f8f8f; transform:rotate(-45deg); position:absolute; transition:.1s; border-radius:5px; }
.shading-box-default .box-info-page .close-btn .xmark::after{ content:''; display:block; width:3px; height:20px; background: #8f8f8f; transform:rotate(45deg); position:absolute; transition:.2s; border-radius:5px; }
.shading-box-default .box-info-page .scrollbar-inner{ height:165px; }
.shading-box-default .box-info-page .page1{ height:100%; padding:0 20px; border-right:1px dashed #d1d1d1; }
.shading-box-default .box-info-page .page1:hover h1{ color:#ffb400; text-shadow:0 0 20px #fdff76; }
.shading-box-default .box-info-page .page1 h1{ font-size:18px; font-weight:600; margin-bottom:60px; color:#000; transition:.2s; }
.shading-box-default .box-info-page .page2{ padding:0 20px; width:515px; }
.shading-box-default .box-info-page .page2:hover h1{ color:#ffb400; text-shadow:0 0 20px #fdff76; }
.shading-box-default .box-info-page .page2 h1{ font-size:18px; font-weight:600; margin-bottom:10px; color:#000; transition:.2s; }
.shading-box-default .box-info-page .box-grade-s{ font-size:18px; font-weight:600; color:#8aa0de; }
.shading-box-default .box-info-page .box-grade-a{ font-size:18px; font-weight:600; color:#ffb400; }
.shading-box-default .box-info-page .box-grade-b{ font-size:18px; font-weight:600; color:#ff9857; }
.shading-box-default .box-info-page .box-grade-c{ font-size:18px; font-weight:600; color:#b06f4c; }
.shading-box-default .box-info-page .scrollbar-inner{ height:280px; }
.shading-box-default .box-info-page li{ font-size:15px; color:#000; }
.shading-box-default .box-info-page .page2 li{ margin-bottom:5px;}
.shading-box-default .box-info-page dt{ font-size:14px; color:#000; }
.shading-box-default .box-info-page p{ font-size:12px; margin-top:5px; color:#ff142a; }
.shading-box-default .box-info-page.active{ top:57px; }
.shading-box-default .box-info:hover~.box-info-page{ top:57px; }

.shading-box-default .prize-window{ width:600px; height:200px; margin:12px auto; overflow:hidden; }
.shading-box-default .box-prize-inner{ position:relative; float:left; width:1600px; }

.shading-box-default .next-arrow{ position:absolute; top:150px; right:30px; cursor:pointer; }
.shading-box-default .prev-arrow{ position:absolute; top:150px; left:30px; cursor:pointer; }

/* 보유박스리스트 - 박스 슬라이드 영역 */
.shading-box-default .box-prize-inner .box-img{ float:left; width:200px; }
.shading-box-default .box-prize-inner .box-img>img{ cursor:pointer; }
.shading-box-default .box-prize-inner .box-img>img:hover{ width:145px; }
.shading-box-default .box-prize-inner .box-img.r-box>img:hover{ width:165px; }
.shading-box-default .box-prize-inner .box-img>div{ position:relative; width:100px; padding-right:25px; border-radius:5px; color:#fff; text-align:center; font-size:14px; line-height:25px; margin:0 auto; top:10px; }
.shading-box-default .box-prize-inner .box-img>div span:first-child{ font-weight:500; }
.shading-box-default .box-prize-inner .box-img.s-box>div{ background: linear-gradient(to right, #9ab0ed 0%,#5669ab 50%,#9ab0ed 100%); }
.shading-box-default .box-prize-inner .box-img.a-box>div{ background: linear-gradient(to right, #eeba39 0%,#d49127 50%,#eeba39 100%); }
.shading-box-default .box-prize-inner .box-img.b-box>div{ background: linear-gradient(to right, #ffad67 0%,#ff8245 50%,#ffad67 100%); }
.shading-box-default .box-prize-inner .box-img.c-box>div{ background: linear-gradient(to right, #ffad67 0%,#ff8245 50%,#ffad67 100%); }
.shading-box-default .box-prize-inner .box-img.d-box>div{ background: linear-gradient(to right, #c5875e 0%,#865d47 50%,#c5875e 100%); }
.shading-box-default .box-prize-inner .box-img.e-box>div{ background: linear-gradient(to right, #c5875e 0%,#865d47 50%,#c5875e 100%); }
.shading-box-default .box-prize-inner .box-img.r-box>div{ background: linear-gradient(to right, #808080 0%,#000000 50%,#808080 100%); position:relative; top:-3px; }
.shading-box-default .box-prize-inner .box-img.g-box>div{ background: linear-gradient(to right, #6ad746 0%,#55ab64 50%,#6ad746 100%);  }
.shading-box-default .box-prize-inner .box-img .white-bg{ position:absolute; right:0; top:0; width:30px; font-size:17px; line-height:27px; }

.shading-box-default .box-prize-inner .box-img.r-box{ position:relative; top:-3px; }

/* R박스 팝업 */
.shading-box-default.shading-box-yellow .box-pop.r-box-pop{ display:none; left:-15px; box-shadow:0; background:#fff; padding:0; }
.shading-box-default.shading-box-yellow .box-pop.r-box-pop .random-box{ display:block; opacity:1; margin:0 auto; animation:random .5s ease-out 10s; animation-fill-mode:both; }
.shading-box-default.shading-box-yellow .box-pop.r-box-pop .prize-box{ position:absolute; width:180px; top:33%; left:calc(100% - 58%); opacity:0; animation:prize 3s; animation-delay:10s; animation-fill-mode:both; }

@keyframes random{
  0%{ opacity:1; }
  100%{ opacity:0; }
}

@keyframes prize{
  0%{ opacity:0; filter:saturate(0); }
  10%{ opacity:1; transform:rotate(-45deg) skew(10deg, 10deg) scale(1); }
  20%{ transform:rotate(0) scale(.7); }
  30%{ transform:rotate(45deg) skew(-10deg, -10deg) scale(1); }
  40%{ transform:rotate(0) scale(.7); }
  50%{ transform:rotate(-25deg) skew(10deg, 10deg) scale(1); }
  60%{ transform:rotate(0) scale(.7); }
  70%{ transform:rotate(25deg) skew(-10deg, -10deg) scale(1); }
  80%{ transform:rotate(0) scale(.7); }
  90%{ transform:rotate(-10deg) skew(10deg, 10deg); filter:saturate(0); }
  100%{ opacity:1; transform:rotate(0) scale(1); filter:saturate(1); }
}

/* S박스 팝업 */
.shading-box-default.shading-box-yellow .box-pop.s-box-pop{ display:none; box-shadow:0 0 13px 0 #004293; }
.shading-box-default.shading-box-yellow .box-pop.s-box-pop .box-pop-inner{ background:url(../img/s-box-open.png) 33px 100px no-repeat; background-size:180px; }
.shading-box-default.shading-box-yellow .box-pop.s-box-pop .box-pop-inner>div{ border-color:#5c6fb1; }
.shading-box-default.shading-box-yellow .box-pop.s-box-pop .box-guide span{ border-color:#5c6fb1; color:#333; }
.shading-box-default.shading-box-yellow .box-pop.s-box-pop .prize-box-title{ color:#8aa0de; }
.shading-box-default.shading-box-yellow .box-pop.s-box-pop .prize-box-title .box-cnt{ background:linear-gradient(to right, #9ab0ed 0%,#5669ab 50%,#9ab0ed 100%); }
.shading-box-default.shading-box-yellow .box-pop.s-box-pop .prize-list li .prize-name{ box-shadow:0 0 5px 0px #6a82c1; }
.shading-box-default.shading-box-yellow .box-pop.s-box-pop .prize-list li .sel-btn.used{ background:linear-gradient(135deg, #1e76dc 0%, #7189ff 100%); color:#fff; }
.shading-box-default.shading-box-yellow .box-pop.s-box-pop .prize-list li .sel-btn.used:hover{ color:#fff; }
.shading-box-default.shading-box-yellow .box-pop.s-box-pop .prize-list li .sel-btn:hover{ color:#333; font-weight:500;  box-shadow:0 0 4px 1px #6a82c1; }

/* A박스 팝업 */
.shading-box-default.shading-box-yellow .box-pop.a-box-pop{ display:none; box-shadow:0 0 13px 0 #ffab00; }
.shading-box-default.shading-box-yellow .box-pop.a-box-pop .box-pop-inner{ background:url(../img/a-box-open.png) 33px 100px no-repeat; background-size:180px; }
.shading-box-default.shading-box-yellow .box-pop.a-box-pop .box-pop-inner>div{ border-color:#ffb400; }
.shading-box-default.shading-box-yellow .box-pop.a-box-pop .box-guide span{ border-color:#ffb400; color:#333; }
.shading-box-default.shading-box-yellow .box-pop.a-box-pop .prize-box-title{ color:#ffb400; }
.shading-box-default.shading-box-yellow .box-pop.a-box-pop .prize-box-title .box-cnt{ background:linear-gradient(to right, #eeba39 0%,#d49127 50%,#eeba39 100%); }
.shading-box-default.shading-box-yellow .box-pop.a-box-pop .prize-list li .sel-btn.used{ background:#ffb400; color:#fff; }

/* B박스 팝업 */
.shading-box-default.shading-box-yellow .box-pop.b-box-pop{ display:none; box-shadow:0 0 13px 0 #ffc395; }
.shading-box-default.shading-box-yellow .box-pop.b-box-pop .box-pop-inner{ background:url(../img/bc-box-open.png) 33px 100px no-repeat; background-size:180px; }
.shading-box-default.shading-box-yellow .box-pop.b-box-pop .box-pop-inner>div{ border-color:#ffab65; }
.shading-box-default.shading-box-yellow .box-pop.b-box-pop .box-guide span{ border-color:#ffab65; color:#333; }
.shading-box-default.shading-box-yellow .box-pop.b-box-pop .prize-box-title{ color:#ff9857; }
.shading-box-default.shading-box-yellow .box-pop.b-box-pop .prize-box-title .box-cnt{ background:linear-gradient(to right, #ffad67 0%,#ff8245 50%,#ffad67 100%); }
.shading-box-default.shading-box-yellow .box-pop.b-box-pop .prize-list li .sel-btn.used{ background:linear-gradient(to right, #ffad67 0%,#ff8245 50%,#ffad67 100%); color:#fff; }

/* C박스 팝업 */
.shading-box-default.shading-box-yellow .box-pop.c-box-pop{ display:none; box-shadow:0 0 13px 0 #ffc395; }
.shading-box-default.shading-box-yellow .box-pop.c-box-pop .box-pop-inner{ background:url(../img/bc-box-open.png) 33px 100px no-repeat; background-size:180px; }
.shading-box-default.shading-box-yellow .box-pop.c-box-pop .box-pop-inner>div{ border-color:#ffab65; }
.shading-box-default.shading-box-yellow .box-pop.c-box-pop .box-guide span{ border-color:#ffab65; color:#333; }
.shading-box-default.shading-box-yellow .box-pop.c-box-pop .prize-box-title{ color:#ffab65; }
.shading-box-default.shading-box-yellow .box-pop.c-box-pop .prize-box-title .box-cnt{ background:linear-gradient(to right, #ffad67 0%,#ff8245 50%,#ffad67 100%); }
.shading-box-default.shading-box-yellow .box-pop.c-box-pop .prize-list li .sel-btn.used{ background:linear-gradient(to right, #ffad67 0%,#ff8245 50%,#ffad67 100%); color:#fff; }

/* D박스 팝업 */
.shading-box-default.shading-box-yellow .box-pop.d-box-pop{ display:none; box-shadow:0 0 13px 0 #b06f4c; }
.shading-box-default.shading-box-yellow .box-pop.d-box-pop .box-pop-inner{ background:url(../img/de-box-open.png) 33px 100px no-repeat; background-size:180px; }
.shading-box-default.shading-box-yellow .box-pop.d-box-pop .box-pop-inner>div{ border-color:#b06f4c; }
.shading-box-default.shading-box-yellow .box-pop.d-box-pop .box-guide span{ border-color:#b06f4c; color:#333; }
.shading-box-default.shading-box-yellow .box-pop.d-box-pop .prize-box-title{ color:#b06f4c; }
.shading-box-default.shading-box-yellow .box-pop.d-box-pop .prize-box-title .box-cnt{ background:linear-gradient(to right, #c5875e 0%,#865d47 50%,#c5875e 100%); }
.shading-box-default.shading-box-yellow .box-pop.d-box-pop .prize-list li .sel-btn.used{ background:linear-gradient(to right, #c5875e 0%,#865d47 50%,#c5875e 100%); color:#fff; }


/* E박스 팝업 */
.shading-box-default.shading-box-yellow .box-pop.e-box-pop{ display:none; box-shadow:0 0 13px 0 #b06f4c; }
.shading-box-default.shading-box-yellow .box-pop.e-box-pop .box-pop-inner{ background:url(../img/de-box-open.png) 33px 100px no-repeat; background-size:180px; }
.shading-box-default.shading-box-yellow .box-pop.e-box-pop .box-pop-inner>div{ border-color:#b06f4c; }
.shading-box-default.shading-box-yellow .box-pop.e-box-pop .box-guide span{ border-color:#b06f4c; color:#333; }
.shading-box-default.shading-box-yellow .box-pop.e-box-pop .prize-box-title{ color:#b06f4c; }
.shading-box-default.shading-box-yellow .box-pop.e-box-pop .prize-box-title .box-cnt{ background:linear-gradient(to right, #c5875e 0%,#865d47 50%,#c5875e 100%); }
.shading-box-default.shading-box-yellow .box-pop.e-box-pop .prize-list li .sel-btn.used{ background:linear-gradient(to right, #c5875e 0%,#865d47 50%,#c5875e 100%); color:#fff; }

/* G박스 팝업 */
.shading-box-default.shading-box-yellow .box-pop.g-box-pop{ display:none; box-shadow:0 0 13px 0 #599b42; }
.shading-box-default.shading-box-yellow .box-pop.g-box-pop .box-pop-inner{ background:url(../img/g-box-open.png) 33px 100px no-repeat; background-size:180px; }
.shading-box-default.shading-box-yellow .box-pop.g-box-pop .box-pop-inner>div{ border-color:#599b42; }
.shading-box-default.shading-box-yellow .box-pop.g-box-pop .box-guide span{ border-color:#599b42; color:#333; }
.shading-box-default.shading-box-yellow .box-pop.g-box-pop .prize-box-title{ color:#599b42; }
.shading-box-default.shading-box-yellow .box-pop.g-box-pop .prize-box-title .box-cnt{ background:linear-gradient(to right, #6ad746 0%,#55ab64 50%,#6ad746 100%); }
.shading-box-default.shading-box-yellow .box-pop.g-box-pop .prize-list li .sel-btn.used{ background:linear-gradient(to right, #6ad746 0%,#55ab64 50%,#6ad746 100%); color:#fff; }

/* 박스획득 */
.box-chance { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.3); z-index:1000; }
.box-chance .box-chance-inner { width:742px; height:412px; padding:20px; border-radius:10px; background:url(../img/ribon-pop.png) center no-repeat; text-align:center; position:absolute; left:calc(50% - 371px); top:calc(50% - 206px); }

.box-chance .box-chance-inner .box-chance-header { font-size:20px; padding:40px 0 20px 40px; text-align:left; }
.box-chance .box-chance-inner .box-chance-body { padding:0 80px; }
.box-chance .box-chance-inner .box-chance-body ul{ }
.box-chance .box-chance-inner .box-chance-body ul:after { display:block; content:""; clear:both; }
.box-chance .box-chance-inner .box-chance-body ul li { float:left; width:50%; padding:20px 0; position:relative; }
.box-chance .box-chance-inner .box-chance-body ul li img { margin-bottom:10px; }
.box-chance .box-chance-inner .box-chance-body ul li .box-name span { display:inline-block; padding:2px 18px; border-radius:5px; color:#fff; font-size:16px; }
.box-chance .box-chance-inner .box-chance-body ul li:hover .list-pop{ display:block; }
.box-chance .box-chance-inner .box-chance-body ul li img:hover{ width:145px; }

.box-chance .box-chance-inner .box-chance-body ul li .list-pop{ display:none; width:300px; padding:5px 0; background:#fff; border-radius:12px; position:absolute; left:-18px; top:220px; max-height:270px; }
.box-chance .box-chance-inner .box-chance-body ul li .list-pop .scrollbar-inner{ max-height:265px; }
.box-chance .box-chance-inner .box-chance-body ul li .list-pop>ul li{ width:92%; padding:0 0 3px 0; margin:5px 10px; }

    /* S박스 획득: get-s, A박스 획득: get-a, B,C박스 획득: get-bc, D,E박스 획득: get-de */
.box-chance.get-s .coloring{ color:#899fde; font-weight:600; }
.box-chance.get-s ul li .box-name span{ background:linear-gradient(to right, #9ab0ed 0%,#5669ab 50%,#9ab0ed 100%); }
.box-chance.get-s ul li .list-pop{ box-shadow: 0 0 5px 0px #004293; }
.box-chance.get-s ul li .list-pop>ul li{ border-bottom:1px solid #e9ebf2; }

.box-chance.get-a .coloring{ color:#eeba39; font-weight:600; }
.box-chance.get-a ul li .box-name span{ background:linear-gradient(to right, #eeba39 0%,#d49127 50%,#eeba39 100%); }
.box-chance.get-a ul li .list-pop{ box-shadow: 0 0 5px 1px #ffe09f; }
.box-chance.get-a ul li .list-pop>ul li{ border-bottom:1px solid #f8f3e5; }

.box-chance.get-bc .coloring{ color:#ff8648; font-weight:600; }
.box-chance.get-bc ul li .box-name span{ background:linear-gradient(to right, #ffad67 0%,#ff8245 50%,#ffad67 100%); }
.box-chance.get-bc ul li .list-pop{ box-shadow: 0 0 5px 1px #ffc395; }
.box-chance.get-bc ul li .list-pop>ul li{ border-bottom:1px solid #faede7; }

.box-chance.get-de .coloring{ color:#c47144; font-weight:600; }
.box-chance.get-de ul li .box-name span{ background:linear-gradient(to right, #c5875e 0%,#865d47 50%,#c5875e 100%); }
.box-chance.get-de ul li .list-pop{ box-shadow: 0 0 5px 1px #b06f4c; }
.box-chance.get-de ul li .list-pop>ul li{ border-bottom:1px solid #f5f0ed; }

/* 미니홈피 - 공지사항 */
.shading-box-default.shading-box-navergreen{ border-left:15px solid #07b53b; }
.shading-box-default.shading-box-navergreen h2 { color:#07b53b; }
.shading-box-default.shading-box-navergreen table{ }
.shading-box-default.shading-box-navergreen table tr{ color:#a4a4a4; border-bottom: 1px dashed #edfaf1; }
.shading-box-default.shading-box-navergreen table tr:hover{ background:#f4fff5; }
.shading-box-default.shading-box-navergreen table tr.unread , .shading-box-default.shading-box-navergreen table tr.unread a { color:#07b53b; }
.shading-box-default.shading-box-navergreen table tr.unread span{ position:relative; } 
.shading-box-default.shading-box-navergreen table tr.unread span i.fa-envelope:after{ content:''; display:block; width:6px; height:6px; border-radius:50px; background:#ff1e00; position:absolute; top:-1px; right:-1px; }
.shading-box-default.shading-box-navergreen table span i.fa-envelope{ font-size:24px; line-height:26px; }
.shading-box-default.shading-box-navergreen table span i.fa-envelope-open{ font-size:24px; line-height:26px; }
.shading-box-default.shading-box-navergreen .starter-title a{ color:#07b53b; }
.shading-box-default.shading-box-navergreen .starter-inner{ padding:0 0 10px 0; overflow:hidden; }
.shading-box-default.shading-box-navergreen .starter-inner .scrollbar-inner{ height:210px; }

/* 공지사항 등록창  */
#form-box .card-header{ text-align:center; font-weight:600; color:#16a497; }
#form-box .table-grad-default{ width:100%; }
#form-box .table-green tbody
#form-box .table-green tbody th{ border-right:1px solid #f3f3f3; font-size:15px; }
#form-box .table-green tbody td{ font-size:14px; }

/* 근태관리 지각시간, 지각횟수 그래프 */
.bar-gragh-wrap { position:absolute; left:190px; bottom:40px; }
.bar-gragh-wrap .bar-gragh { position:absolute; left:0; bottom:0; width:55px; height:140px; }

.bar-gragh-wrap .bar-cnt { left:80px; }
.bar-gragh-wrap .bar-time {  }
.bar-gragh-wrap .bar-gragh .bar-label { display:block; position:absolute; left:0; top:100%; width:100%; padding:3px; text-align:center; color:#888; font-size:10px; }
.bar-gragh-wrap .bar-gragh .bar-bg , .bar-gragh-wrap .bar-gragh .bar-value { position:absolute; left:0; bottom:0; width:100%; border-radius:10px 10px 0 0; }
.bar-gragh-wrap .bar-gragh .bar-bg span , .bar-gragh-wrap .bar-gragh .bar-value span { display:block; width:100%; text-align:center; color:#fff; }
.bar-gragh-wrap .bar-gragh .bar-bg { height:100%; background:#fef1ec; z-index:0; }
.bar-gragh-wrap .bar-gragh .bar-bg div { position:absolute; left:0; bottom:0; width:100%; border-radius:10px 10px 0 0; }
.bar-gragh-wrap .bar-gragh .bar-bg .bar-bg-item-1 { height:33.333%; background-color:rgb(251 198 185); z-index:3; }
.bar-gragh-wrap .bar-gragh .bar-bg .bar-bg-item-2 { background-color:rgb(254, 216, 207); height:66.666%; z-index:2; }
.bar-gragh-wrap .bar-gragh .bar-bg .bar-bg-item-3 { height:100%; z-index:1; }
.bar-gragh-wrap .bar-gragh .bar-value { background:#f44336; z-index:10; }


/* 미니홈피 - 매출 현황 (매치)*/
.match-area { padding:0 10px; }
.match-area .match-league { position:relative; }
.match-area .match-league .match-league-top3 { position:relative; height:150px; left:10px; }

.match-area .match-league .match-league-top3>div { position:absolute; bottom:0; width:90px; padding:5px 0; border-radius:6px; box-shadow:0 0 7px 2px #dedede; text-align:center; }
.match-area .match-league-top3 .gold{ left:33.333%; height:130px; }
.match-area .match-league-top3 .gold div:first-child{ height:5px; width:100%; border-radius:6px 6px 0 0; background:#fcd919; position:absolute; top:0; left:0; }
.match-area .match-league-top3 .gold .match-rank-img{ margin-bottom:10px; }
.match-area .match-league-top3 .silver{ left:0%; height:110px; }
.match-area .match-league-top3 .silver div:first-child{ height:5px; width:100%; border-radius:6px 6px 0 0; background:#d8d2c7; position:absolute; top:0; left:0; }
.match-area .match-league-top3 .bronze{ left:66.666%; height:110px; }
.match-area .match-league-top3 .bronze div:first-child{ height:5px; width:100%; border-radius:6px 6px 0 0; background:#ed944d; position:absolute; top:0; left:0; }

.match-area .match-league-top3 .match-rank-img { display: inline-block; width:40px; height:40px; border-radius:50%; overflow:hidden; box-shadow:0 0 3px 2px #dedede; margin:15px auto 5px auto; }
.match-area .match-league-top3 .match-rank-img img { width:100%; }
.match-area .match-league-top3 .match-rank-name { font-size:13px; font-weight:500; }
.match-area .match-league-top3 .match-rank-value { color:#009688; font-size:15px; font-weight:bold; }

.match-area .match-league-etc{ padding:0 10px 10px 10px; }
.match-area .match-league-etc li{ position:relative; width:100%; background:#fff; border-radius:6px; box-shadow:0 0 3px 1px #dedede; padding:10px 15px; margin-top:10px;}
.match-area .match-league-etc .rank{ color:#009688; font-size:14px; font-weight:600; margin-right:15px; }
.match-area .match-league-etc .match-rank-img { display:inline-block; width:30px; height:30px; border-radius:50%; overflow:hidden; box-shadow:0 0 3px 1px #dedede; margin-right:20px; position:absolute; top:5px; }
.match-area .match-league-etc .match-rank-img img { width:100%; }
.match-area .match-league-etc .match-rank-name{ font-size:13px; font-weight:500; margin:0 0 0 45px; }
.match-area .match-league-etc .match-rank-value{ color:#009688; font-size:15px; font-weight:bold; float:right; margin-right:10px; line-height:20px; }

.match-area .match-tm{ position:relative; top:35px; background:url(../img/VS.png) no-repeat center 26px;}
.match-area .match-tm .match-tm-item{ position:relative; display:inline-block; width:130px; height:85px; border-radius:10px; box-shadow:0 0 3px 1px #dedede; padding:5px 10px; left:10px; }
.match-area .match-tm .match-tm-item .match-rank-name{ font-size:14px; padding-top:25px; font-weight:500; }
.match-area .match-tm .match-tm-item .match-rank-value{ font-size:20px; font-weight:600; color:#009688; }
.match-area .match-tm .match-tm-item:last-child{ margin-left:50px; }
.match-area .match-tm .match-rank-img{ display: inline-block; width:50px; height:50px; border-radius:50%; overflow:hidden; box-shadow:0 0 3px 2px #dedede; position:absolute; top:-15px; right:-10px; background:#fff; }
.match-area .match-tm .match-rank-img img{ width:100%; }
.match-area .match-stay-msg {display: block;padding: 30px;font-size: 30px;text-align: center;color: #009688;}

/* 미니홈피 - 생일자 */
#starter-wrap .birth-box{ text-align:center; margin:20px 0; }
#starter-wrap .birth-date-btn{ color:#1f3ea0; background:none; font-size:23px; top:5px; }
#starter-wrap .birth-img{ width:100px; height:100px; display:block; border-radius:50px; box-shadow:0 0 5px rgba(0, 0, 0, 0.212); overflow:hidden; margin:0 auto; background:#fff; }
#starter-wrap .birth-img>img{ width:100px; }
#starter-wrap input.birth-date{ border:0; outline:none; color:#1f3ea0; font-size:21px; margin-left:10px; width:180px; text-align:center; font-weight:600; background:transparent; }
#starter-wrap .birth-box-wrap { text-align:center; }
#starter-wrap .birth-box-item { display:inline-block; }

/* 콜드컵 1차 - 1차 리뉴얼 */

#called-cup-league{ float:left; background:url(../img/presento_bg.png) no-repeat fixed, url(../img/cup_bg.jpg) no-repeat; background-size:cover; padding:50px 15px 15px 15px; }
#called-cup-league .called-cup-league-row{ width:1840px; float:left; padding-top:40px; margin-top:10px; margin-left:14px; }
#called-cup-league .called-cup-league-group{ position:relative; float:left; width:250px; border:4px solid #33343a; border-radius:15px; padding:20px 10px; margin-right:15px; background:#1c1f24d9; }
#called-cup-league .called-cup-league-group:last-child{ margin:0; }
#called-cup-league .called-cup-league-group h2{ position:absolute; width:90px; height:40px; line-height:39px; text-align:center; top:-22px; left:75px; color:#2d9cfd; font-size:20px; font-weight:600; background:url(../img/hello.png) no-repeat center 0; }

#called-cup-league .called-cup-league-group li.top-rank{ width:220px; background:#2d9cfd; padding:9px 12px; border:none; margin-bottom:13px; }
#called-cup-league .called-cup-league-group li.top-rank .img-area{ width:50px; height:50px; background:#fff; border-radius:15px; overflow:hidden; position:absolute; top:9px; left:15px; }
#called-cup-league .called-cup-league-group li.top-rank .img-area img{ width:100%; }
#called-cup-league .called-cup-league-group li.top-rank .name-area{ padding-left:60px; color:#fff; font-size:14px; font-weight:500; }
#called-cup-league .called-cup-league-group li.top-rank .amount-area{ padding-left:60px; color:#fff; }
#called-cup-league .called-cup-league-group li.top-rank .amount-area .amount{ font-size:21px; }
#called-cup-league .called-cup-league-group li.top-rank .amount-area .amount-unit{ font-size:17px; font-weight:500; }

#called-cup-league .called-cup-league-group li{ width:210px; background:#26292f; padding:7px 14px 4px 14px; border:1px solid #3b3b3b; border-radius:15px; margin:0 auto 10px auto; position:relative; }
#called-cup-league .called-cup-league-group li:last-child{ margin:0 auto; }

#called-cup-league .called-cup-league-group li .img-area{ width:45px; height:45px; background:#fff; border-radius:15px; overflow:hidden; position:absolute; top:6px; left:13px; }
#called-cup-league .called-cup-league-group li .img-area img{ width:100%; }
#called-cup-league .called-cup-league-group li .name-area{ padding-left:55px; color:#fff; font-size:13px; }
#called-cup-league .called-cup-league-group li .amount-area{ padding-left:55px; color:#fff; }
#called-cup-league .called-cup-league-group li .amount-area .amount{ font-size:19px; font-weight:500; }
#called-cup-league .called-cup-league-group li .amount-area .amount-unit{ font-size:15px; font-weight:500; }

#called-cup-league .called-cup-league-group li.top-rank .zzim-area{ bottom:13px; }
#called-cup-league .called-cup-league-group li .zzim-area{ position:absolute; bottom:8px; right:10px; text-align:center; }
#called-cup-league .called-cup-league-group li .zzim-area span{ color:#fff; }
#called-cup-league .called-cup-league-group li .zzim-area .like{ cursor:pointer ;}
#called-cup-league .called-cup-league-group li .zzim-area .like_fill{ display:none; }
#called-cup-league .called-cup-league-group li.selectable{ border:2px solid #3edbff; background:#1d1d20; transition:.2s; cursor:pointer; }
#called-cup-league .called-cup-league-group li.selectable:hover{ box-shadow:0 0 10px 3px #3edbff; background:#0d0d0e; }


/* 콜드컵 1차 - 2차 리뉴얼 */
#call-league{ width:1900px; float:left; background:url(../img/call-bg.png) center no-repeat; background-size:cover; }
#call-league .direct-btn{ position:absolute; top:30px; right:30px; border-radius:20px; border:2px solid #fff; padding:10px; z-index:3; transition:.4s ease-in; }
#call-league .direct-btn:hover{ box-shadow:0 0 15px 1px #fff; }
#call-league .direct-btn a{ display:block; }
#call-league .callbg{ height:560px; background:url(../img/call-top-bg.png) center no-repeat; position:relative; width:inherit; margin-bottom:-150px; }
#call-league .called-cup-league-row{ }
#call-league .called-cup-league-group{ position:relative; float:left; width:270px; margin:50px 20px 20px; }
#call-league .called-cup-league-group h2{ position:absolute; top:-40px; left:10px; color:#95ebff; font-size:24px; font-weight:600; }

#call-league .called-cup-league-group li.top-rank{ border:0; background:linear-gradient(to right, #000a59, #0f72be); }
#call-league .called-cup-league-group li.top-rank:before{ content:''; display:block; position:absolute; height:3px; width:100%; left:0; top:-3px; background:linear-gradient(to right, #1d36d1, #aefcff); }
#call-league .called-cup-league-group li.top-rank div{ color:#fff25c; }
#call-league .called-cup-league-group li{ background:linear-gradient(to right, #0b0d30, #002054); padding:12px 15px; border-top:1px solid #19217d; position:relative; display:flex; align-items:center; justify-content:space-between; }

#call-league .called-cup-league-group li .img-area{ width:50px; height:50px; background:#fff; border-radius:50px; overflow:hidden; }
#call-league .called-cup-league-group li .img-area img{ width:100%; }
#call-league .called-cup-league-group li .name-area{ color:#fff; font-size:15px; flex-grow:1; text-align:left; margin-left:15px; font-weight:500; }
#call-league .called-cup-league-group li .amount-area{ color:#fff; }
#call-league .called-cup-league-group li .amount-area .amount{ font-size:20px; font-weight:600; }
#call-league .called-cup-league-group li .amount-area .amount-unit{ font-size:15px; font-weight:500; }

#call-league .called-cup-league-group li.top-rank .zzim-area{ bottom:13px; }
#call-league .called-cup-league-group li .zzim-area{ position:absolute; bottom:8px; right:10px; text-align:center; }
#call-league .called-cup-league-group li .zzim-area span{ color:#fff; }
#call-league .called-cup-league-group li .zzim-area .like{ cursor:pointer ;}
#call-league .called-cup-league-group li .zzim-area .like_fill{ display:none; }
#call-league .called-cup-league-group li.selectable{ border:2px solid #3edbff; background:#1d1d20; transition:.2s; cursor:pointer; }
#call-league .called-cup-league-group li.selectable:hover{ box-shadow:0 0 10px 3px #3edbff; background:#0d0d0e; }

/* 콜드컵 2차 - 1차 리뉴얼 */
#boxing-cup{ float:left; position:relative; width:100%; height:937px; background:url(../img/callbg.jpg) no-repeat; background-size:cover; }
#boxing-cup h1.tournament{ position:absolute; top:125px; left:29px; z-index:2; }
#boxing-cup h1.tournament img{ width:130%; }
#boxing-cup .league-area{ float:left; background:#000000e6; box-shadow:0 0 100px 10px #000; width:100%; height:730px; border-radius:0 200px 0 0; position:absolute; bottom:0; padding:70px 0; }
#boxing-cup .league-area .league-row{ float:left; width:1903px; padding:40px 20px; }
#boxing-cup .league-area .league-row .league-group{ position:relative; float:left; width:20%; height:230px; padding:0 14px; margin-bottom:60px; }
#boxing-cup .league-area .league-row .league-group .league-group-inner{ height:230px; background:#050714; box-shadow:0 -2px 2px 1px #f2ce6e; border-radius:30px; padding:40px 0; }
#boxing-cup .league-area .league-row .league-group .league-group-inner:after{ clear:both; content:''; display:block; }
#boxing-cup .league-area .league-row .league-group .vs-img{ position:absolute; top:39%; left:50%; margin-left:-33px; z-index:2; }
#boxing-cup .league-area .league-row .league-group.fight .vs-img{ position:absolute; top:39%; left:55%; margin-left:-33px;  }

#boxing-cup .league-area .league-group .group-half{ width:50%; height:100%; float:left; padding:0 20px; position:relative; }
#boxing-cup .league-area .league-group .tnm-card{ width:100%; height:150px; position:relative; background:#17181e; border-radius:20px; box-shadow:0px 2px 5px 1px #ecd269; padding:20px 0; }
#boxing-cup .league-area .league-group .tnm-card .leaf{ display:none; }
#boxing-cup .league-area .league-group .tnm-card .img{ box-shadow:0 0 10px 3px #000000; border-radius:50px; height:60px; width:60px; margin:0 auto 10px auto; overflow:hidden; }
#boxing-cup .league-area .league-group .tnm-card .img>img{ width:60px; }
#boxing-cup .league-area .league-group .tnm-card .name{ font-size:14px; color:#fff3d4; text-align:center; }
#boxing-cup .league-area .league-group .tnm-card .amount{ font-size:21px; color:#b99c50; text-align:center; font-weight:600; }
    /* 이기는중 */
#boxing-cup .league-area .league-group .group-half.winner{ width:55%; }
#boxing-cup .league-area .league-group .group-half.winner .tnm-card{ width:100%; height:165px; background:#0d0f22; border-radius:20px; box-shadow:0px 0px 10px 3px #fff1b7; padding:20px 0; top:-5px; }
#boxing-cup .league-area .league-group .group-half.winner .leaf{ display:block; position:absolute; top:24px; left:50%; margin-left:-44px; }
#boxing-cup .league-area .league-group .group-half.winner .img{ border-radius:50px; height:70px; width:70px; margin:0 auto 10px auto; overflow:hidden; }
#boxing-cup .league-area .league-group .group-half.winner .img>img{ width:70px; }
#boxing-cup .league-area .league-group .group-half.winner .name{ font-size:15px; color:#fff3d4; text-align:center;  }
#boxing-cup .league-area .league-group .group-half.winner .amount{ color:#f2ce6e; }
#boxing-cup .league-area .league-group .group-half.winner .amount .cnt{ font-size:22px; }
#boxing-cup .league-area .league-group .group-half.winner .amount .unit{ font-size:18px; }
    /* 지는중 */
#boxing-cup .league-area .league-group .group-half.loser{ width:45%; top:20px; }
#boxing-cup .league-area .league-group .group-half.loser .tnm-card { width:100%; height:130px; border-radius:20px; box-shadow:0px 2px 5px 1px #ecd269; padding:13px 0; }
#boxing-cup .league-area .league-group .group-half.loser .img{ border-radius:50px; height:55px; width:55px; margin:0 auto 10px auto; overflow:hidden; }
#boxing-cup .league-area .league-group .group-half.loser .img>img{ width:55px; }
#boxing-cup .league-area .league-group .group-half.loser .name{ font-size:12px; color:#fff3d4; text-align:center; }
#boxing-cup .league-area .league-group .group-half.loser .amount{ color:#f2ce6e; }
#boxing-cup .league-area .league-group .group-half.loser .amount .cnt{ font-size:19px; }
#boxing-cup .league-area .league-group .group-half.loser .amount .unit{ font-size:15px; }

/* 콜드컵 2차 - 2차 리뉴얼 */

#boxing-cup2{ float:left; position:relative; width:100%; background:url(../img/call-bg.png) center no-repeat; background-size:cover; }
#boxing-cup2 h1.tournament{ background:url(../img/call-top-bg.png) center no-repeat; height:560px; margin-bottom:-150px; }
#boxing-cup2 h1.tournament img{ width:130%; }
#boxing-cup2 .league-area{ float:left; width:100%; }
#boxing-cup2 .league-area .match{ position:absolute; top:380px; left:10px; }
#boxing-cup2 .league-area .league-row{ float:left; width:1903px; }
#boxing-cup2 .league-area .league-row .league-group{ position:relative; float:left; width:350px; margin:30px 14px; }
#boxing-cup2 .league-area .league-row .league-group .league-group-inner{ height:230px; background:linear-gradient(45deg, #0b0d3090, #00205490); padding:40px 0; }
#boxing-cup2 .league-area .league-row .league-group .league-group-inner:before{ content:''; display:block; position:absolute; height:4px; width:100%; left:0; top:-3px; background:linear-gradient(to right, #1d36d1, #aefcff); }
#boxing-cup2 .league-area .league-row .league-group .league-group-inner:after{ clear:both; content:''; display:block; }
#boxing-cup2 .league-area .league-row .league-group .vs-img{ position:absolute; top:39%; left:50%; margin-left:-33px; z-index:2; }
#boxing-cup2 .league-area .league-row .league-group.fight .vs-img{ position:absolute; top:39%; left:55%; margin-left:-33px;  }

#boxing-cup2 .league-area .league-group .group-half{ width:50%; float:left; padding:0 20px; position:relative; }
#boxing-cup2 .league-area .league-group .tnm-card{ display:flex; flex-flow:column; justify-content:center; width:100%; height:150px; position:relative; background:linear-gradient(to right, #000a59, #0f72be); }
#boxing-cup2 .league-area .league-group .tnm-card .leaf{ display:none; }
#boxing-cup2 .league-area .league-group .tnm-card .img{ border-radius:50px; height:60px; width:60px; margin:0 auto 10px auto; overflow:hidden; background:#fff; }
#boxing-cup2 .league-area .league-group .tnm-card .img>img{ width:60px; }
#boxing-cup2 .league-area .league-group .tnm-card .name{ font-size:14px; color:#fff; text-align:center; }
#boxing-cup2 .league-area .league-group .tnm-card .amount{ font-size:21px; color:#b99c50; text-align:center; font-weight:600; }
    /* 이기는중 */
#boxing-cup2 .league-area .league-group .group-half.winner{ width:55%; }
#boxing-cup2 .league-area .league-group .group-half.winner .tnm-card{ width:100%; height:165px; border-image:linear-gradient(to right, #1d36d1, #aefcff); border-image-slice:1; border-style:solid; border-width:4px; box-shadow:0 0 15px 2px #6091e6; top:-7px; }
#boxing-cup2 .league-area .league-group .group-half.winner .leaf{ display:block; position:absolute; z-index:2; top:17px; left:50%; margin-left:-44px; }
#boxing-cup2 .league-area .league-group .group-half.winner .img{ border-radius:50px; height:70px; width:70px; overflow:hidden; }
#boxing-cup2 .league-area .league-group .group-half.winner .img>img{ width:70px; }
#boxing-cup2 .league-area .league-group .group-half.winner .name{ font-size:15px; text-align:center;  }
#boxing-cup2 .league-area .league-group .group-half.winner .amount{ color:#f2ce6e; }
#boxing-cup2 .league-area .league-group .group-half.winner .amount .cnt{ font-size:22px; }
#boxing-cup2 .league-area .league-group .group-half.winner .amount .unit{ font-size:18px; }
    /* 지는중 */
#boxing-cup2 .league-area .league-group .group-half.loser{ width:45%; top:10px; }
#boxing-cup2 .league-area .league-group .group-half.loser .tnm-card { width:100%; height:130px; }
#boxing-cup2 .league-area .league-group .group-half.loser .img{ border-radius:50px; height:55px; width:55px; overflow:hidden; }
#boxing-cup2 .league-area .league-group .group-half.loser .img>img{ width:55px; }
#boxing-cup2 .league-area .league-group .group-half.loser .name{ font-size:13px; text-align:center; }
#boxing-cup2 .league-area .league-group .group-half.loser .amount{ color:#f2ce6e; }
#boxing-cup2 .league-area .league-group .group-half.loser .amount .cnt{ font-size:19px; }
#boxing-cup2 .league-area .league-group .group-half.loser .amount .unit{ font-size:15px; }

#boxing-cup2 .boxing-cup-btn{ position:absolute; top:30px; right:30px; border-radius:20px; border:2px solid #fff; padding:10px; z-index:3; transition:.4s ease-in; }
#boxing-cup2 .boxing-cup-btn:hover{ box-shadow:0 0 15px 1px #fff; }
#boxing-cup2 .boxing-cup-btn a{ display:block; }
#boxing-cup2 .boxing-round{ position:absolute; top:100px; right:30px; border-radius:20px; border:2px solid #fff; padding:14px; z-index:3; color:#fff; text-align:center; font-size:18px; font-weight:500; }

/* 콜드컵에서 파조직 버튼 */
#boxing-cup .boxing-cup-btn {background-color: #1e1f24;position: absolute;top: 41px;right: 41px;border: 3px solid #f1cd6e;padding-top: 29px;width: 120px;height: 120px;border-radius: 50%;text-align: center;color: #fff;font-size: 20px; transition: 0.7s;}
#boxing-cup .boxing-cup-btn > a {color: #f1cd6e; transition: 0.7s; font-weight: bold;}
#boxing-cup .boxing-cup-btn:hover {background-color: #f1cd6e; border: 3px solid #1e1f24;}
#boxing-cup .boxing-cup-btn:hover  a { color:#000; }

/* 콜드컵 2차 상대 선택 */
#boxing-cup .boxing-against{ position:absolute; top:20px; right:10px; z-index:1; }
#boxing-cup .boxing-against h2{ font-size:20px; color:#fff3d4; font-weight:600; }
#boxing-cup .boxing-against .boxing-container{ width:1000px; display:flex; flex-flow:row wrap; justify-content:space-evenly; }
#boxing-cup .boxing-against .boxing-item{ color:#fff3d4; background:#15161a; border-radius:10px; text-align:center; box-shadow:0 0 5px 1px #ecd269; width:175px; margin-bottom:10px; padding:3px; cursor:pointer; transition:.2s; }
#boxing-cup .boxing-against .boxing-item:first-child{ color:#15161a; background:#FFF3d4; }
#boxing-cup .boxing-against .boxing-item:first-child .name{ font-weight:600; }
#boxing-cup .boxing-against .boxing-item:first-child:hover{ color:#15161a; background:#FFF3d4; }
#boxing-cup .boxing-against .boxing-item:hover{ background:#0d0f22; color:#f2ce6e; box-shadow:0px 0px 6px 2px #ecd269; }
#boxing-cup .boxing-against .boxing-item .name { font-size:19px; font-weight:500; }
#boxing-cup .boxing-against .boxing-item .cnt { font-size:17px; }
#boxing-cup .boxing-against .boxing-item .unit { font-size:13px; }

/* 콜선생 (現 디맵) */
#call-teacher-wrap{ position:relative; }
#call-teacher-wrap .seeya{ display:inline-block; margin-bottom:10px; position:relative; bottom:2px; left:6px; }
#call-teacher-wrap .btn-outline-primary{ background:#5d97d4; border:0; padding:2px 7px; font-size:13px; transition:.2s; color:#fff !important; }
#call-teacher-wrap .btn-outline-primary:hover{ background:#d2e8ff; }
#call-teacher-wrap .label-btn .label-chk:checked+.btn-outline-primary{ background:#3f51b5; color:#fff !important; }

/*  디맵 - 시야 버튼 */
#call-teacher-wrap .seeya.right{ position:relative; left:-24px; }
#call-teacher-wrap .seeya.right .hover-box{ display:inline-block; background:#555; font-weight:500; border-radius:5px; padding:4px 7px; cursor:pointer; }
#call-teacher-wrap .seeya.right .hover-box span:first-child{ color:#fff; }
#call-teacher-wrap .seeya.right .hover-box span:last-child{ color:#ffdb75; }
#call-teacher-wrap .seeya.right .hover-box:hover~.balloon-box{ display:block; }
#call-teacher-wrap .seeya.right .goal-app-rate {display: inline-block;background: #3f51b5;font-weight: 500;border-radius: 5px;padding: 4px 7px;cursor: pointer;}
#call-teacher-wrap .seeya.right .goal-app-rate .goal-app-rate-title {color: #ffffff;}
#call-teacher-wrap .seeya.right .goal-app-rate .goal-app-rate-value {color: #ffeb3b;}

/* 현재 승인율에 마우스 갖다대면 나오는 설명창 */
#call-teacher-wrap .balloon-box{ display:none; position:absolute; left:-250px; top:-10px; width:240px; height:45px; padding:5px 10px; font-size:12px; background:url(../img/balloon.png) no-repeat; }
#call-teacher-wrap .balloon-box>div span:first-child{ color:#000; font-weight:500; }
#call-teacher-wrap .balloon-box>div span:last-child{ color:#9f9f9f; }
#call-teacher-wrap .balloon-box .date{ font-size:13px; font-weight:600; color:#3f51b4; float:right; padding-right:10px; }

/* 디맵 테이블 테마 색깔 */
#call-teacher-wrap .theme-paleblue-table{ background:#fff; border-collapse:collapse; text-align:center; margin-bottom:4px; font-size:13px; box-shadow:0 0 3px 1px #dedede; }
#call-teacher-wrap .theme-paleblue-table .bg-paleblue{ background:#4d6cba; color:#fffcc5; }
#call-teacher-wrap .theme-paleblue-table:first-of-type{ border-radius:5px; overflow:visible; }
#call-teacher-wrap .theme-paleblue-table thead th{ background:#839bd9; color:#fff; border-right:1px solid #afbce3; padding:5px 0; }
#call-teacher-wrap .theme-paleblue-table thead th:last-child{ border:0; }
#call-teacher-wrap .theme-paleblue-table thead th span{ font-weight:400; color:#c5d5fe; font-size:12px; }
#call-teacher-wrap .theme-paleblue-table tbody tr{}
#call-teacher-wrap .theme-paleblue-table tbody tr th{ background:#839bd9; color:#fff; font-size:11px; padding:0; border:1px solid #d1d1d1; }
#call-teacher-wrap .theme-paleblue-table tbody tr td{ font-weight:500; border:1px solid #d1d1d1; }
#call-teacher-wrap .theme-paleblue-table tbody .data-decrease{ color:#f44336; }
#call-teacher-wrap .theme-paleblue-table tbody .data-increase{ color:#1f3ea0; }
#call-teacher-wrap .theme-paleblue-table.table-important{ /* background:#eaf3ff; */ }
#call-teacher-wrap .theme-paleblue-table.table-important tbody tr{ border:1px solid #d1d1d1; }
#call-teacher-wrap .theme-paleblue-table.table-important tbody tr th{ background:#1b4a7c; color:#fff; font-size:11px; padding:0; /* border:1px solid #d1d1d1; */}
#call-teacher-wrap .theme-paleblue-table.table-important tbody tr td{ border:1px solid #d1d1d1; padding:2px 0; }

.bg-semiblue{ background:#789cc1; font-weight:500; }
.bg-cherryred{ background:#ff7a6d; font-weight:500; }
.bg-lightsky{ background:#d8dff1; font-weight:500; }

/* D-MAP */
.dmap-wrap { position: relative; padding: 0px;}
.dmap-inner{ display:none; position:absolute; right:118px; bottom:0px; background-color:#fff; width:74px; height:33px; z-index:1000; border:1px solid red; line-height:33px;}
.dmap-inner::after{ content:'';	position:absolute;	right:0;	top:102%;	width:0;	height:0;	border:9px solid transparent;	border-left-color:red; border-right:0; border-top:0;	margin-top:-9px;	margin-right:-9px; }
.dmap-wrap:hover .dmap-inner{ display:block; }
.dmap-wrap:hover .dmap-gap-inner {display:block; }
.dmap-gap-inner{ display: none; position:absolute; bottom:0px; left:-110px; width:109px; height:35px; background-color:white; border:1px solid red; font-size:12px; }
.dmap-gap-inner::after{ content:'';	position:absolute;	right:0;	top:80%;	width:0;	height:0;	border:15px solid transparent;	border-left-color:red;	border-right:0;	border-top: 0;	margin-top:-7.5px;	margin-right:-15px; }
.dmap-wrap2:hover + .dmap-inner {display: block;}


/* 제휴처 퍼블 */

#partner-wrap{ padding:30px; height:930px; background:url(../partners/img/background.png) center no-repeat,url(../partners/img/bbg.jpg); }
#partner-wrap .black-overlay{ display:none; background:rgba(0, 0, 0, 0.5); position:absolute; z-index:102; width:100%; height:100%; top:0; left:0; }

/* 제휴처 팝업창 */
#partner-wrap .pop-up{ display:none; position:absolute; left:50%; transform:translate(-50%, 22%); z-index:103; }
#partner-wrap .pop-up .close-btn{ position:absolute; right:20px; cursor:pointer; }
#partner-wrap .view{ position:relative; background:#fff; display:flex; border-radius:5px; box-shadow:0 0 10px 2px #00000040; width:900px; height:600px; }
#partner-wrap .view .close-btn{ position:absolute; right:-30px; top:10px; transition:.2s ease-in; }
#partner-wrap .view .close-btn:hover{ filter:drop-shadow(4px 3px 2px #00000050); }
 /* 제휴처 팝업창- 왼쪽 사진+정보 있는 부분 */
#partner-wrap .view .info-wrap{ background:#fff; display:flex; flex-flow:column; }
#partner-wrap .view .info-wrap .bg{ height:320px; width:520px; background-size:cover; background-position:center; }
#partner-wrap .view .info-wrap .info{ display:flex; flex-flow:column; justify-content:space-evenly; flex-grow:1; padding:40px 25px; background:#fcfbf9; width:520px; }
#partner-wrap .view .info-wrap .info .header{ display:flex; padding-bottom:5px; }
#partner-wrap .view .info-wrap .info .header .title{ color:#000; font-size:30px; }
#partner-wrap .view .info-wrap .info .header .likes{ display:flex; align-items:center; }
#partner-wrap .view .info-wrap .info .header .likes div{ padding:3px 5px; background:#fff; color:#666; font-size:14px; border-radius:20px; box-shadow:0 0 5px 2px #00000020; margin-left:10px; }
#partner-wrap .view .info-wrap .info .header .likes div img{ width:22px; }
#partner-wrap .view .info-wrap .info .hash-tag{ font-size:18px; color:#4a3020; font-weight:500; }
/* 제휴처 팝업창 - 주소, 전화번호 아이콘 + 영업시간도있음 */
#partner-wrap .view .info-wrap .info .info-content{ display:flex; flex-flow:column; justify-content:center; padding-top:10px; }
#partner-wrap .view .info-wrap .info .info-content .list{ display:flex; align-items:center; font-size:16px; font-weight:500; padding-top:5px; }
#partner-wrap .view .info-wrap .info .info-content .list.adress{ color:#80624f; }
#partner-wrap .view .info-wrap .info .info-content .list.adress .icon{ background:#80624f; }
#partner-wrap .view .info-wrap .info .info-content .list.tel{ color:#4a3020; }
#partner-wrap .view .info-wrap .info .info-content .list.tel .icon{ background:#4a3020;}
#partner-wrap .view .info-wrap .info .info-content .list.time{ color:#7c4e40; }
#partner-wrap .view .info-wrap .info .info-content .list.time .icon{ background:#7c4e40; }
#partner-wrap .view .info-wrap .info .info-content .list .icon{ width:30px; height:30px; border-radius:50px; margin-right:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
/* 제휴처 팝업창 - 오른쪽 탭영억 */
#partner-wrap .view .tab-wrap{ flex-grow:1; background:#f8f4f3; }
#partner-wrap .view .tab-wrap input[type="radio"]{ display:none; }
#partner-wrap .view .tab-wrap label{ display:inline-block; float:left; width:50%; padding:10px 0; text-align:center; background:#e3dbd8; color:#ab9b91; font-size:18px; font-weight:500; cursor:pointer; transition:.2s ease-out; }
#partner-wrap .view .tab-wrap label:hover{ color:#4b3222; }
#partner-wrap .view .tab-wrap input:checked+label{ color:#4b3222; background:#f8f4f3; }

#partner-wrap .view .tab-wrap #discount:checked~ #tab2{ display:none; }
#partner-wrap .view .tab-wrap #review:checked~ #tab1{ display:none; }

#partner-wrap .view .tab-wrap .tab-box{ padding:15px; display:flex; flex-flow:column; height:92%; }
#partner-wrap .view .tab-wrap .tab-box .inner-box{ padding:10px 15px; background:#fff; border-radius:20px; height:100%; box-shadow:0 0 5px 1px #00000020; }
#partner-wrap .view .tab-wrap #tab1 .scrollbar-inner{ max-height:500px; }
#partner-wrap .view .tab-wrap #tab2 .scrollbar-inner{ max-height:450px; }
#partner-wrap .view .tab-wrap .inner-box .anti-sale{ font-size:14px; font-weight:600; color:#c25959; }
#partner-wrap .view .tab-wrap .inner-box .topic{ color:#4a3020; font-size:15px; font-weight:600; background: linear-gradient(transparent 0%,transparent 60%,#f1e8dc 60%,#f1e8dc 100%); }
#partner-wrap .view .tab-wrap .inner-box .sub-topic{ font-weight:600; color:#4a3020; font-size:15px; }
#partner-wrap .view .tab-wrap .inner-box .description{ position:relative; margin-left:13px;font-weight:500; color:#80624f; font-size:15px; }
#partner-wrap .view .tab-wrap .inner-box .description:before{ content:''; display:block; width:4px; height:4px; border-radius:50px; background:#80624f; position:absolute; left:-7px; top:10px; }
#partner-wrap .view .tab-wrap .inner-box .inner-item{ display:flex; align-items:center; border-bottom:1px solid #eaeaea; padding:5px 0; }
#partner-wrap .view .tab-wrap .inner-box .inner-item img{ width:24px; }
#partner-wrap .view .tab-wrap .inner-box .sentence{ font-size:15px; font-weight:500; color:#4a3020; margin-left:5px; }
#partner-wrap .view .tab-wrap {  }
#partner-wrap .view .tab-wrap .comment{ display:flex; font-size:15px; margin-top:20px; }
#partner-wrap .view .tab-wrap .comment .emoji{ width:35px; height:35px; background:#fff; border-radius:50px; display:flex; justify-content:center; align-items:center; box-shadow:0 0 5px 1px #00000020; transition:.2s; cursor:pointer; }
#partner-wrap .view .tab-wrap .comment .emoji:hover{ box-shadow:0 0 5px 1px #80624f20; }
#partner-wrap .view .tab-wrap .comment .emoji img{ width:24px; }
#partner-wrap .view .tab-wrap .comment .emoji .bad{ display:none; }
#partner-wrap .view .tab-wrap .comment input[type="text"]{ flex-grow:1; margin:0 10px; font-family:'Spoqa Han Sans Neo'; border:0; background:#e3dbd8; color:#4a3020; border-radius:20px; outline:none; padding:0 15px; }
#partner-wrap .view .tab-wrap .comment input[type="submit"]{ font-family:'Spoqa Han Sans Neo'; border:0; border-radius:20px; background:#4a3020; color:#fff; outline:none; padding:0 10px; transition:all .5s; }
#partner-wrap .view .tab-wrap .comment input[type="submit"]:hover{ background:#80624f; }
/* 여기까지가 제휴처 팝업창~~ */


/* 제휴처 페이지 */
/*제휴처 HEADER */
#partner-wrap header{ padding:50px 0 40px; background:url(../partners/img/title-bg.png) center 5px no-repeat; width:1600px; margin:0 auto; position:relative; }
#partner-wrap header h1{ font-size:44px; color:#68442d; font-weight:600; text-align:center; }
#partner-wrap header .warning{ position:absolute; left:50%; transform:translate(-50%, -50%); bottom:0; color:#634a30;  }
#partner-wrap header .btn-more{ position:absolute; right:-65px; top:60px; background:#68442c; border-radius:5px; padding:5px 10px; font-size:16px; color:#fff; text-align:center; width:180px; font-family:'Spoqa Han Sans Neo'; }
#partner-wrap header .btn-more img{ margin-bottom:2px; margin-right:5px; }
#partner-wrap header .search-area{ position:absolute; bottom:10px; right:-65px; }
#partner-wrap header .search-area .search-icon{ position:absolute; top:8px; left:10px; }
#partner-wrap header .search-area .search-icon:after{ content:''; display:block; width:2px; height:20px; background:#bfb0a7; position:absolute; top:0; left:30px; }
#partner-wrap header .search-area input[type="text"]{ width:260px; font-size:18px; color:#80624f; border:0; box-shadow:0 0 5px 2px #00000020; outline:none; padding:4px 10px 4px 55px; }
#partner-wrap .scrollbar-inner{ max-height:650px; }
#partner-wrap .scrollbar-inner > .scroll-element .scroll-bar{ background-color:#f0eae8;}
#partner-wrap .section { display:flex; margin:0 auto; width:1800px; }

/* 제휴처 페이지 - 왼쪽 카테고리 영역 */
#partner-wrap .section .category{ padding:5px 30px; width:460px; }
#partner-wrap .section .category:after{ content:''; display:block; clear:both; }
#partner-wrap .section .category ul{  }
#partner-wrap .section .category li{ width:45%; float:left; background:#fff url(../partners/img/click1.png) center no-repeat; box-shadow:0 0 5px 2px #00000020; margin-bottom:27px; transition:.5s; }
#partner-wrap .section .category li:nth-of-type(2n+1){ margin-right:40px; }
#partner-wrap .section .category li a{ display:block; color:#967d6e; text-align:center; padding:25px 0; font-size:23px; font-weight:500; transition:.5s; }
#partner-wrap .section .category li:hover ,#partner-wrap .section .category li.active { background:#967d6e url(../partners/img/click1.png) center no-repeat; }
#partner-wrap .section .category li:hover a , #partner-wrap .section .category li.active a{ color:#fff; }

/* 제휴처 페이지 - 오른쪽 제휴사 나열 영역 */
#partner-wrap .section .main{ }
#partner-wrap .section .partner-list{ padding:5px 30px; }
#partner-wrap .section .partner-list:after{ content:''; display:block; clear:both; }
#partner-wrap .section .partner-inner{ position:relative; float:left; text-align:center; background:#fff; box-shadow:0 0 5px 2px #00000020; margin-bottom:20px; border:2px solid #fff; }
#partner-wrap .section .partner-inner .logo{ height:145px; overflow:hidden; }
#partner-wrap .section .partner-inner .logo img{ width:100%; }
#partner-wrap .section .partner-inner:nth-child(3n+2){ margin:0 30px; }
#partner-wrap .section .partner-inner a.partner-item { position:relative; display:block; width:400px; height:192px; }
#partner-wrap .section .partner-inner a .company-title{ font-size:22px; font-weight:400; }
#partner-wrap .section .partner-inner:hover{  border:2px solid #80624f; }
#partner-wrap .section .partner-inner:hover .company-title{ display:none; }
#partner-wrap .section .partner-inner:hover .partner-item:after { display:block; width:100%; height:100%; content:""; position:absolute; left:0; top:0; background:url(../partners/img/item_over.png) center no-repeat; z-index:100;  } 

/* 파조직 토너먼트 페이지 */
#part-cup{ float:left; width:100%; }
#part-cup .part-cup-wrap{ padding:40px 30px; width:1900px; }
#part-cup .header{  }
#part-cup .header .title{ background:#e5e5e5; border-radius:20px; margin:120px auto 0; padding:12px 20px; width:740px; position:relative; display:flex; justify-content:space-between; }
#part-cup .header .title .logo{ position:absolute; bottom:0; left:calc(50% - 212px); }
#part-cup .header .title .round select{ color:#630000; border:2px solid #630000; background:#fff; font-size:16px; font-weight:600; border-radius:5px; margin-right:5px; vertical-align:middle; }

/* 파조직 토너먼트 에서 콜드컵 버튼 */
#part-cup .part-cup-btn {background-color: #1e1f24;position: absolute;top: 41px;right: 41px; border:3px solid #f1cd6e; padding-top: 29px;width: 120px;height: 120px;border-radius: 50%;text-align: center;color: #fff;font-size: 20px; transition: 0.7s;}
#part-cup .part-cup-btn > a {color: #f1cd6e; transition: 0.7s; font-weight: bold;}
#part-cup .part-cup-btn:hover {background-color: #f1cd6e; border: 3px solid #1e1f24;}
#part-cup .part-cup-btn:hover  a { color:#000; }

#part-cup .group-section{ display:flex; justify-content:space-between; padding:30px 0; }
#part-cup .group-section:last-child{ width:1370px; margin:0 auto; }
#part-cup .group-section .group-card{ position:relative; display:flex; justify-content:space-between; width:440px; padding:55px 15px 20px; background:#3b3b3e; border-radius:10px; box-shadow:0 -4px 6px #ffde7c; }
#part-cup .group-section .group-card .vs-img{ position:absolute; top:20px; left:46%; z-index:10; }
#part-cup .group-section .group-card .vs-img img{ width:37px; }
#part-cup .group-section .group-card .team-card{ position:relative; width:190px; border-radius:5px; border:2px solid #fff; background:#27272a; }
#part-cup .group-section .group-card .team-card .team-inner{ position:relative; padding:7px 15px; }
#part-cup .group-section .group-card .team-card .total{ background:#fff; font-size:16px; font-weight:500; text-align:center; padding:6px 0; } 
#part-cup .group-section .group-card .team-card .total .total-name{ color:#8c8c94; }
#part-cup .group-section .group-card .team-card .total .cnt{ color:#27272a; font-size: 20px; font-weight: bold; }
#part-cup .group-section .group-card .team-card .total .cnt .unit { font-size:14px; }
#part-cup .group-section .group-card .team-card .team-name{ position:absolute; top:-40px; left:0; width:100%; font-size:20px; color:#fff; text-align:center; }
#part-cup .group-section .group-card .team-card .info{ position:relative; border-bottom:1px solid #666; }
#part-cup .group-section .group-card .team-card .info.king{ background:url(../img/crown.png) 12px 0px no-repeat; }
#part-cup .group-section .group-card .team-card .info:last-child{ border:0; }
#part-cup .group-section .group-card .team-card .info .img{ position:absolute; border-radius:50px; overflow:hidden; width:40px; height:40px; top:12px; }
#part-cup .group-section .group-card .team-card .info .img img{ width:40px; }
#part-cup .group-section .group-card .team-card .info-wrap{ padding:10px 0 10px 50px; }
#part-cup .group-section .group-card .team-card .info-wrap .name{ color:#fff; font-size:16px; font-weight:600; }
#part-cup .group-section .group-card .team-card .info-wrap .cnt{ color:#999; font-size:13px; }

/* winner */
#part-cup .group-section .group-card .team-card.winner{ border-color:#ffde7c; box-shadow:0 0 5px 2px #ffde7c; }
#part-cup .group-section .group-card .team-card.winner .total{ background:#ffde7c; }
#part-cup .group-section .group-card .team-card.winner .total .total-name{ color:#ac840b; }
#part-cup .group-section .group-card .team-card.winner .team-name{ color:#ffde7c; }

            /* 계산기 */
#calc-wrap{ padding:40px 20px; width:1040px; background:#fff; }
#calc-wrap .calc-flex{ display:flex; justify-content:space-between; }
#calc-wrap .grad-box{ box-shadow:0 0 3px 1px #00000020; border-radius:5px 5px 0 0; overflow:hidden; }
#calc-wrap .grad-box .head-title{ padding:15px 20px; line-height:30px; height:60px; }
#calc-wrap .grad-box .head-title:after{ content:''; display:block; clear:both; }
#calc-wrap .grad-box .head-title h2{ color:#fff; font-size:16px; float:left; }
#calc-wrap .grad-box .head-title .calendar-btn{ border-radius:20px; padding:6px 20px; background:#5262a9; float:right; color:#fff; font-size:13px; font-weight:600; }
#calc-wrap .grad-box .head-title .calendar-btn i{ padding-right:5px; font-size:16px; }
#calc-wrap .grad-box .body-outer{ padding:20px; }
#calc-wrap .grad-box .body-inner{ background:#fff; border-radius:5px; box-shadow:0 0 3px 1px #00000020; overflow:hidden; }
#calc-wrap .grad-box .body-inner .text-box{ background:#ebebeb; border-radius:5px; width:140px; font-size:16px; font-weight:600; color:#000; padding:8px 15px; outline:none; border:0; text-align:right; display:inline-block; }
#calc-wrap .grad-box .body-inner .text-box.mint{ background:#d7f1f4; }
#calc-wrap .grad-box .body-inner .cnt{ font-size:16px; color:#000; }
#calc-wrap .grad-box .body-inner .unit{ font-size:13px; color:#666; font-weight:500; margin-left:3px; }
#calc-wrap .grad-box .body-inner .dv-wrap{ height:180px; padding:20px; }
#calc-wrap .grad-box .body-inner .dv-wrap .sub-title{ font-size:16px; color:#000; font-weight:500; display:inline-block; width:80px; }
#calc-wrap .grad-box .body-inner .dv-wrap.flex-col{ display:flex; flex-flow:column; justify-content:space-between; }
#calc-wrap .grad-box .body-inner .dv-wrap.flex-row{ display:flex; flex-flow:row; }
#calc-wrap .grad-box .body-inner .radio div{ padding-bottom:8px; }
#calc-wrap .grad-box .body-inner .radio input[type="radio"]{ display:none; }
#calc-wrap .grad-box .body-inner .radio label{ font-size:16px; font-weight:500; color:#666; position:relative; }
#calc-wrap .grad-box .body-inner .radio label:before{ content:''; width:18px; height:18px; display:inline-block; position:relative; top:3px; background:url(../img/rdo-circle.png) no-repeat; margin-right:10px; transition:.2s; }
#calc-wrap .grad-box .body-inner .radio .method-rdo:hover+label:before{ background:url(../img/rdo-hover.png) no-repeat; }
#calc-wrap .grad-box .body-inner .radio .method-rdo:checked+label{ color:#2a3979; }
#calc-wrap .grad-box .body-inner .radio .method-rdo:checked+label:before{ background:url(../img/rdo-check.png) no-repeat; }
#calc-wrap .grad-box .body-inner .nhis-year{ border-radius:5px; font-size:16px; font-weight:500; color:#000; border:2px solid #dedede; height:35px; }
#calc-wrap .grad-box .body-inner table{ border-spacing:0 !important; height:160px; font-weight:500; width:100%; }
#calc-wrap .grad-box .body-inner table td{ border-top:1px solid #dedede; padding:1px 15px; }

/* 연봉계산기 */
#calc-wrap .grad-box.loan .head-title{ background:linear-gradient(135deg, #3a4a8d 0%, #2a3979 100%); }
#calc-wrap .grad-box.loan .body-outer{ background:#f2f4fc; }
#calc-wrap .grad-box .inner-devider{ display:flex; }

/* 대출계산기 */
#calc-wrap .grad-box.salary .head-title{ background:linear-gradient(135deg, #2d7a96 0%, #206984 100%); }
#calc-wrap .grad-box.salary .body-outer{ background:#f0fafb; }


/* 현황보기 통계별 소속호버 */
.team-tooltip-wrap {position: relative;}
.team-tooltip-wrap .team-tooltip {display:none;left: 50%;position: absolute;bottom: 100%;width: 100px;margin-left: -50px;padding: 2px;margin-bottom: -3px;/* width: 120px; *//* height: 32px; */border-radius: 10px;background-color: #3f51b5;/* border: 1px solid skyblue; *//* line-height: 0px; */color: #fff;}
.team-tooltip-wrap:hover .team-tooltip {display:block}

/* 대출계산기 - 리뉴얼2 */
#loancalc-wrap{ padding:10px; }
#loancalc-wrap .flex-row{ display:flex; }
#loancalc-wrap .flex-row table{ border-spacing:0; box-shadow:0 0 5px 3px #dedede; }
#loancalc-wrap .flex-row table td{ background:#fff; padding:5px; font-size:13px; }
#loancalc-wrap .flex-row .cnt{ font-size:13px; font-weight:400; color:#000; }
#loancalc-wrap .flex-row .unit{ font-size:12px; font-weight:400; color:#666; }

#loancalc-wrap .flex-row .loan{ }
#loancalc-wrap .flex-row .loan .header{ color:#fff; background:linear-gradient(135deg, #3a4a8d, #2a3979); border-radius:5px; display:flex; justify-content:space-between; align-items:center; padding:15px 20px; box-shadow:0 0 5px 3px #dedede; }
#loancalc-wrap .flex-row .loan .header h1{ font-size:16px; }
#loancalc-wrap .flex-row .loan .header button{ border-radius:15px; padding:5px 15px; font-size:13px; text-align:center; color:#fff; font-family:'Spoqa Han Sans Neo'; }
#loancalc-wrap .flex-row .loan .header .refresh{ background:#f65858; }
#loancalc-wrap .flex-row .loan .header .add{ background:#43abf4; }
#loancalc-wrap .flex-row .loan .add-table{ display:none; }
#loancalc-wrap .flex-row .loan input[type="text"]{ width:80px; border-radius:5px; background:#ebebeb; outline:none; border:0; padding:5px 10px; text-align:right; font-weight:500; font-size:16px; color:#000; height:auto; }
#loancalc-wrap .flex-row .loan select{ border:0; font-size:14px; color:#2a3979; font-weight:500; font-family:'Spoqa Han Sans Neo'; text-align:center; }

/* 연봉계산기- calc , 연봉대비-percentage */
#loancalc-wrap .yearly-earn{ position:absolute; top:10px; right:20px; display:flex; border-radius:5px; box-shadow:0 0 5px 2px #00000020; overflow:hidden; }
#loancalc-wrap .yearly-earn .unit{ color:#666; font-weight:500; }
#loancalc-wrap .yearly-earn .calc{ font-size:14px; border-spacing:0; font-weight:500; }
#loancalc-wrap .yearly-earn .calc th{ background:linear-gradient(135deg, #2d7a96 0%, #206984 100%); color:#fff; }
#loancalc-wrap .yearly-earn .calc tr td:first-of-type{ font-weight:500; padding-left:15px; }
#loancalc-wrap .yearly-earn .calc tr td:last-of-type{ padding:0 5px; }
#loancalc-wrap .yearly-earn .calc select{ width:85px; font-size:16px; color:#000; font-weight:500; border-radius:5px; border:2px solid #dedede; text-align:center; float:right; height:auto !important; }
#loancalc-wrap .yearly-earn .calc input[type="text"]{ border-radius:5px; border:0; outline:none; width:90px; padding:3px 10px; text-align:right; font-size:16px; font-weight:500; float:right; height:auto !important; }

#loancalc-wrap .yearly-earn .percentage{ font-size:14px; border-spacing:0; font-weight:500; }
#loancalc-wrap .yearly-earn .percentage th{ background:#155167; color:#fff; }
#loancalc-wrap .yearly-earn .percentage tr td{ border-bottom:1px solid #dedede; }
#loancalc-wrap .yearly-earn .percentage tr:last-child td{ border:0; }
#loancalc-wrap .yearly-earn .percentage tr td:first-of-type{ background:#ebebeb; color:#155167; text-align:center; }
#loancalc-wrap .yearly-earn .percentage tr td:last-of-type{ background:#fff; text-align:right; padding:0 5px; }

/* 좌측(계산기) */
#loancalc-wrap .table-area table { margin-top:10px; border-radius:5px; overflow:hidden; font-weight:500; }
#loancalc-wrap .table-area table tr{ }
#loancalc-wrap .table-area table th{ background:#5262a9; color:#fff; font-size:16px; font-weight:500; }
#loancalc-wrap .table-area table td{ border-right:1px solid #dedede; border-bottom:1px solid #dedede; }
#loancalc-wrap .table-area table tr:last-child td{ border-bottom:0; }

#loancalc-wrap .table-area table.table-title tr{ border-radius:5px; }
#loancalc-wrap .table-area table.table-title th{ border-right:1px solid #dedede; padding:5px 0; }
#loancalc-wrap .table-area table.table-title th:last-child{ border:0; }
#loancalc-wrap .table-area table.total-table th{ background:#2a3979; color:#ffd966; }

/* 우측(상환 스케줄) */
#loancalc-wrap .schedule{ margin-left:20px; margin-top:80px; }
#loancalc-wrap .schedule .header span{ font-weight:500; font-size:16px; }
#loancalc-wrap .schedule .header button{ background:transparent; }
#loancalc-wrap .schedule .header button.close{ display:none; }
#loancalc-wrap .schedule .schedule-wrap{ display:flex; }
#loancalc-wrap .schedule .schedule-wrap .schedule-table{ margin-right:15px; display:none; }
#loancalc-wrap .schedule .schedule-wrap .schedule-table:last-child{ margin:0; }

#loancalc-wrap .schedule .schedule-wrap .schedule-table .title{ background:#5262a9; color:#fff; font-size:16px; font-weight:500; text-align:center; border-radius:5px; padding:5px; box-shadow:0 0 5px 3px #dedede; }
#loancalc-wrap .schedule .schedule-wrap .schedule-table .form{ border-radius:5px; overflow:hidden; }
#loancalc-wrap .schedule .schedule-wrap .schedule-table .form td{ padding:10px; border-right:1px solid #dedede; }
#loancalc-wrap .schedule .schedule-wrap .schedule-table .form td:last-child{ border:0; color:#2a3979; font-size:14px; font-weight:500; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table{ border-radius:5px; box-shadow:0 0 5px 3px #dedede; height:568px; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table .scrollbar-inner{ height:540px; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table .scrollbar-inner .scroll-bar{ opacity:.3; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table .odd-table{ box-shadow:none; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table .odd-table tr:nth-child(2n+1) td{ background:#f4f4f4; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table th{ color:#fff; font-weight:400; border-right:1px solid #dedede; padding:5px; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table th:last-child{ border:0; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table tr td{ border-right:1px solid #dedede; border-bottom:1px solid #dedede; transition:.1s; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table tr:hover td{ background:#e0e2ea !important; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table tr td:first-child{ color:#000; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table tr td:last-child{ border-right:0; }
#loancalc-wrap .schedule .schedule-wrap .scroll-table tr:last-child td{ border-bottom:0; }

/* 카드랭킹 팝업페이지 */
.stats_card_rank{ position:relative; }
.stats_card_rank .card:first-of-type{ margin-top:150px; }
.stats_card_rank .card:nth-of-type(2){ background:none; border:0; box-shadow:none; }
.stats_card_rank .card:nth-of-type(2) .card-body{ padding:0; }
.stats_card_rank .card-body{ position:inherit; }

.stats_card_rank .logo{ position:absolute; top:10px; left:0; width:97%; height:122px; background:#2d2d2d; margin:10px; border-radius:10px; }
.stats_card_rank .logo a{ display:block; text-align:center; }

.stats_card_rank .shadow{ width:100%; box-shadow:0 0 5px 1px #00000030; text-align:center; border-radius:5px; overflow:hidden; }
.stats_card_rank .table-header{ display:flex; background:linear-gradient(to right, #505050, #373737 ); color:#ffd966; font-weight:600; font-size:17px; margin:20px 0 10px; }
.stats_card_rank .table-header div{ padding:10px; }
.stats_card_rank .table-header div:nth-of-type(2){ border-right:1px solid #dedede; border-left:1px solid #dedede; }

.stats_card_rank .table-body{ display:flex; flex-flow:column; }
.stats_card_rank .table-body .column{ display:flex; align-items:center; background:#fff; font-size:16px; font-weight:500; border-bottom:1px solid #dedede; }
.stats_card_rank .table-body .column div{ height:60px; line-height:60px; border-left:1px solid #dedede; }
.stats_card_rank .table-body .column div:first-child{ border:0; }
.stats_card_rank .table-body .column.total-column{ background:#17205a; color:#fff; font-size:20px; font-weight:600; border:0; }

.stats_card_rank .table-body .column .flex-row{ display:flex; justify-content:space-evenly; align-items:center; }
.stats_card_rank .table-body .img{ display:inline-flex; width:40px; height:40px; border-radius:50px; box-shadow:0 0 5px 1px #00000050; background:#fff; overflow:hidden; }
.stats_card_rank .table-body .img img{ width:40px; }

/* 카드페이지 - 버튼영역 */
.list-control-right{ position:relative; }
.btn-box{ position:absolute; top:300px; left:65px; padding:10px; background:linear-gradient(45deg, #e3e3e3, #fff); border-radius:15px; border:2px solid #e3e3e3; }
.btn-box .btn{ font-family:'Spoqa Han Sans Neo'; padding:5px 10px; border-radius:3px 12px; margin-right:5px; transition:.3s; }
.btn-box .btn:hover{ border-radius:15px; text-shadow:0 0 2px #fff; box-shadow:2px 2px 2px 0 #424242; }
.btn-box div:first-child .btn{ background:linear-gradient(to right, #5138d9, #006ccf); }
.btn-box .stats-btn .btn{ background:linear-gradient(to right, #18a9d5, #8a25b9); }