@charset "utf-8";

.stat_header {display: inline-block;float: left;position: relative;width: 100%;height: 99px;background-color: #fff;}
.stat_header:after {display: inline-block;content: "";position: absolute;top: 0;right: 0;width: 87%;height: 100%;background: url(/web/resources/images/svg/stat_head.svg) left top no-repeat;background-size: cover;}
.stat_header .logo {display: block;position: absolute;top: 50%;left: 2%;transform: translateY(-50%);width: 264px;height: 68px;background: url(/web/resources/images/svg/ci.svg) left center no-repeat;background-size: cover;}

.stat_content {display: block;position: relative;width: calc(100% - 160px);max-width: 2400px;margin: 0 auto;}
.stat_content .stat_title {display: block;width: 100%;padding-top: 40px;box-sizing: border-box;float: left;}
.stat_content .stat_title ul {display: inline-block;width: 100%;float: left;}
.stat_content .stat_title ul li {display: block;position: relative;float: left;width: 100%;padding: 24px 0;border-bottom: 1px solid #B0B8C8;box-sizing: border-box;}
.stat_content .stat_title ul .t_tp h2 {display: inline-block;position: relative;font-weight: 400;font-size: 1.625rem;color: #333;padding-left: 25px;}
.stat_content .stat_title ul .t_tp h2:before {display: inline-block;content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 16px;height: 16px;background: url(/web/resources/images/svg/taeguk.svg) center center no-repeat;}
.stat_content .stat_title ul .t_tp .info {display: none;position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 107px;height: 38px;border-radius: 20px;background: #284785;}
.stat_content .stat_title ul .t_tp .info a {display: inline-block; width: 100%; height: 100%; font-weight: 400;font-size: 1rem;color: #fff; text-align: center; line-height: 38px;}
.stat_content .stat_title ul .t_bt span {display: inline-block;position: relative;font-weight: 400;font-size: 1.25rem;color: #4F4F4F;padding-left: 25px;}
.stat_content .stat_title ul .t_bt span:before {display: inline-block;content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 16px;height: 16px;background: url(/web/resources/images/svg/list_y.svg) center center no-repeat;}

.stat_content .stat_select {display: inline-block;margin-top: 24px;width: 100%;height: 56px;}
.stat_content .stat_select .stat_box {display: inline-block;position: relative;height: 56px;background: #F4F6FC;border-radius: 5px;margin-right: 24px;padding: 8px 8px 8px 0;box-sizing: border-box;}
.stat_content .stat_select .stat_box label {display: inline-block;position: absolute;top: 50%;left: 32px;transform: translateY(-50%);font-weight: 400;font-size: 1rem;color: #000;}
.stat_content .stat_select .stat_box .list {display: inline-block;position: absolute;top: 50%;right: 8px;transform: translateY(-50%);height: 40px;border: 1px solid #CED8EB;border-radius: 5px;padding: 10px 0 10px 24px;background: #fff url(/web/resources/images/svg/select_arrow.svg) 350px center no-repeat;font-weight: 300;font-size: 0.938rem;color: #828282;box-sizing: border-box;appearance: none;}
.stat_content .stat_select .stat_table {width: 543px;float: left;}
.stat_content .stat_select .stat_table .list {width: 384px;}
.stat_content .stat_select .stat_pereiod {width: 440px;float: left;}
.stat_content .stat_select .stat_pereiod .pereiod_box {display: inline-block;position: relative;width: auto;height: 40px;float: right;}
.stat_content .stat_select .stat_pereiod .pereiod_box .list {width: 128px;background-position: 98px center;}
.stat_content .stat_select .stat_pereiod .pereiod_box .list_s {right: 152px;}
.stat_content .stat_select .stat_pereiod .pereiod_box .list_e {right: 0;}
.stat_content .stat_select .stat_pereiod .pereiod_box span {position: absolute;top: 50%;right: 135px;transform: translateY(-50%);}
.stat_content .stat_select .stat_submit {display: inline-block;}
.stat_content .stat_select .stat_submit button {display: inline-block;width: 156px;height: 56px;border: none;border-radius: 5px;cursor: pointer;/* margin-right: 16px; */transition: all .3s;box-sizing: border-box;}
.stat_content .stat_select .stat_submit .search {background: #333a51;}
.stat_content .stat_select .stat_submit .search:hover {background: #13192E;}
.stat_content .stat_select .stat_submit .down_excel {background: #4CA763 ;}
.stat_content .stat_select .stat_submit .down_excel:hover {background: #286D47;}
.stat_content .stat_select .stat_submit button span {position: relative;font-weight: 300;font-size: 1rem;color: #fff;padding-right: 24px;}
.stat_content .stat_select .stat_submit .search span:after {display: inline-block;content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 14px;height: 14px;background: url(/web/resources/images/svg/search_wh.svg) 0 1px no-repeat;background-size: contain;}
.stat_content .stat_select .stat_submit .down_excel span:after {display: inline-block;content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 14px;height: 14px;background: url(/web/resources/images/svg/ms-excel.svg) 0 1px no-repeat;background-size: contain;}

.stat_content .statDiv {/* display: inline-block; */position: relative;float: left;width: 100%;/* height: 888px; */background: #F2F4F6;border-radius: 8px;margin-top: 24px;padding: 24px 32px 43px 32px;box-sizing: border-box;}
.stat_content .statDiv .unit {display: block;font-weight: 400;font-size: 0.875rem;color: #828282;margin-bottom: 16px;}
.stat_content .statDiv .stat_frame {width: 100%; height: 784px; border: 1px solid #BDBDBD;}

.stat_content .stat_copyright {display: inline-block;width: 100%;padding: 28px 0 26px 0;}
.stat_content .stat_copyright .ci_gray {display: inline-block;width: 145px;height: 38px;background: url(/web/resources/images/svg/ci_gray.svg) center center no-repeat;}
.stat_content .stat_copyright .stat_cr {display: inline-block; padding-left: 40px; font-weight: 300; font-size: 0.875rem; color: #BDBDBD; line-height: 24px;}
.stat_content .stat_copyright .stat_cr p {}