html,body {min-width: 1400px}

/* 팝업 */
.login_box {display: flex;align-items: center;justify-content: center;height: 100vh;background: #F4F5F6;}
.login_box .lb_box {width: 500px;}
.login_box .lb_box h1 {margin-bottom: 30px;}
.login_box .lb_box h1 .mar {margin-bottom: 10px;}
.login_box .lb_box h1 img {display: block;margin: 0 auto;}
.login_box .box {background-color: #fff;border: 1px solid #ccc;border-radius: 16px;padding: 30px 50px;}
.input_wrap {height: 54px;padding-left: 100px;padding-right: 60px;position: relative;border: 1px solid #ccc;border-radius: 8px;}
.input_wrap.mb10 {margin-bottom: 10px;}
.input_wrap.mb30 {margin-bottom: 30px;}
.input_wrap .input {width: 100%;height: 100%;border: 1px solid transparent;border-radius: 8px;padding: 0 10px;font-size: 18px;color: #999999;font-weight: 400;}
.input_wrap .input:focus {border-color: #5C88DA;}
.input_wrap .input::placeholder {color: #bbb;}
.input_wrap label {position: absolute;left: 20px;top: 0;font-size: 18px;color: #333;font-weight: 700;height: 100%;display: flex;align-items: center;}
.input_wrap .del {position: absolute;right: 20px;top: 50%;margin-top: -10px;}
.login_box .box .submit {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;width: 100%;height: 63px;background-color: #5C88DA;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #fff;font-weight: 500;border: none;cursor: pointer;}
.login_box .box .submit:hover {background-image: linear-gradient(90deg,#8C5CDA,#5C88DA);-webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);box-shadow: 0 1px 5px rgb(0 0 0 / 10%);}

/* 팝업 */
.popup_wrap {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 10;}
.popup_box {display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;}
.popup_wrap:before {content: '';display: block;position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgb(0 0 0 / 40%);z-index: 1;}
.popup {width: 450px;background-color: #fff;border-radius: 16px;position: relative;z-index: 2;padding: 30px;-webkit-box-shadow: 0 7px 18px rgb(0 0 0 / 30%);box-shadow: 0 7px 18px rgb(0 0 0 / 30%);}
.popup .p_close {position: absolute;right: 20px;top: 20px;}
.popup .p_tit {font-size: 24px;color: #333333;font-weight: 700;text-align: center;margin-bottom: 15px;}
.popup .p_tit.mb30 {margin-bottom: 30px;}
.popup .p_txt {font-size: 16px;color: #333;font-weight: 400;text-align: center;}
.popup .p_stxt {font-size: 14px;color: #707070;font-weight: 400;}
.popup .p_btn {margin-top: 48px;}
.popup .p_btn a {margin: 0 auto;width: 160px;height: 37px;background-color: #5C88DA;border-radius: 8px;font-size: 16px;color: #fff;font-weight: 500;display: flex;align-items: center;justify-content: center;}

/* 헤더 */
.header {height: 80px;border-bottom: 1px solid #ccc;}
.header .container {height: 100%;}
.header_in {display: flex;align-items: center;height: 100%;justify-content: space-between;}
.header h1 {display: flex;align-items: center;height: 100%;margin-right: 80px;}
.header h1 .tlogo {margin-right: 7px;}
.gnb,
.gnb li {height: 100%;}
.gnb li {float: left;margin: 0 15px;}
.gnb > li > a {height: 100%;font-size: 18px;color: #222222;font-weight: 700;padding: 4px 10px 0 10px;display: flex;align-items: center;justify-content: center;position: relative;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.gnb > li > a:after {width: 100%;content: '';display: block;position: absolute;bottom: 0;left: 0;background-color: #5C88DA;height: 4px;opacity: 0;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.gnb > li.active > a,
.gnb > li > a:hover {color: #5C88DA;}
.gnb > li.active > a:after,
.gnb > li > a:hover:after {opacity: 1;}
.header_in .info {display: flex;align-items: center;}
.header_in .info .i_nm {display: flex;align-items: center;margin-right: 28px;font-size: 18px;color: #222222;font-weight: 500;}
.header_in .info .i_nm .i_user {width: 38px;height: 38px;background-color: #1C3775;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 12px;}
.header_in .info .logout {padding-left: 28px;position: relative;font-size: 18px;color: #222222;font-weight: 500;}
.header_in .info .logout:before {content: '';display: block;width: 19px;height: 17px;background: url('../img/ico_logout.png') no-repeat 0 0;position: absolute;left: 0;top: 5px;}

/*메인*/
.summary_wrap {background-color: #F8F8F8;padding: 18px 0 30px 0;}
.summary {overflow: hidden;margin: 0 -14px;}
.summary_tit {font-size: 56px;color: #1C3775;font-weight: 700;margin-bottom: 10px;line-height: 1;letter-spacing: -2.5px;}
.summary .item {float: left;width: 16.66666666666667%;padding: 0 14px;}
.summary .item .box {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;text-align: center;height: 263px;background-color: #fff;border: 1px solid #EFEFEF;border-radius: 30px;padding-top: 30px;}
.summary .item .box .ico {margin-bottom: 20px;}
.summary .item .box .ico span {display: inline-flex;width: 74px;height: 74px;border-radius: 50%;background-color: #F2F1F3;align-items: center;justify-content: center;}
.summary .item .box .tit_h {height: 40px;margin-bottom: 18px;display: flex;align-items: center;justify-content: center;}
.summary .item .box .tit {font-size: 16px;color: #333333;font-weight: 700;line-height: 1;}
.summary .item .box .stit {font-size: 16px;color: #999999;font-weight: 500;}
.summary .item .cnt strong {color: #1C3775;font-weight: 700;font-size: 56px;display: inline-block;padding-right: 17px;position: relative;line-height: 1;letter-spacing: -3px;}
.summary .item .cnt strong span {position: absolute;right: 0;bottom: 5px;font-size: 16px;color: #1C3775;font-weight: 700;}
.summary .item .box:hover {background-image: linear-gradient(150deg,#8C5CDA,#5C88DA);webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 16%);box-shadow: 0 6px 6px rgb(0 0 0 / 16%);}
.summary .item .box:hover .tit,
.summary .item .box:hover .stit,
.summary .item .box:hover .cnt strong,
.summary .item .box:hover .cnt strong span {color: #fff;}
.order_intro {margin-bottom: 45px;}
.sub_tit {font-size: 20px;color: #1C3775;font-weight: 700;margin-bottom: 20px;}
.order_total_wrap {overflow: hidden;margin: 0 -14px;}
.order_total_wrap .cell {float: left;}
.order_total_wrap .cell.cell1 {width: 75%;padding: 0 14px;}
.order_total_wrap .cell.cell2 {width: 25%;padding: 0 14px;}
.order_total {overflow: hidden;}
.order_total .item {float: left;width: 15%;}
.order_total .item.item1 .th {border-radius: 20px 0 0 0;border-left: 1px solid #ccc;}
.order_total .item.item6 .th {border-radius: 0 20px 0 0;border-right: 1px solid #ccc;}
.order_total .item.item1 .td {border-radius: 0 0 0 20px;border-left: 1px solid #ccc;}
.order_total .item.item6 .td {border-radius: 0 0 20px 0;border-right: 1px solid #ccc;}
.order_total .item.item5,
.order_total .item.item6  {width: 20%;}
.order_total .th {height: 70px;background-color: #ECEFF2;display: flex;align-items: center;justify-content: center;text-align: center;font-size: 16px;color: #333;font-weight: 500;line-height: 1.2;border-top: 1px solid #ccc;}
.order_total .td {height: 70px;background-color: #fff;border-bottom: 1px solid #ccc;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #222;font-weight: 400;}
.order_price {padding: 30px 20px;height: 140px;border: 1px solid #ccc;border-radius: 20px;}

.op_txt {font-size: 16px;color: #1C3775;font-weight: 500;}
.op_price strong {color: #1C3775;font-weight: 700;font-size: 56px;display: inline-block;padding-right: 17px;position: relative;line-height: 1;letter-spacing: -3px;}
.op_price strong span {position: absolute;right: 0;bottom: 5px;font-size: 16px;color: #1C3775;font-weight: 700;}
.real_content {padding: 50px 0;}

.sales_wrap {margin-bottom: 50px;}
.mtable_wrap {border: 1px solid #ccc;border-radius: 20px;padding: 0 15px;position: relative;}
.mtable_wrap:before {content: '';display: block;height: 70px;background-color: #ECEFF2;position: absolute;left: 0;top: 0;width: 100%;z-index: 0;border-radius: 20px 20px 0 0;}
.mtable {width: 100%;border-collapse: collapse;border-style: hidden;position: relative;z-index: 1;}
.mtable th {background-color: #ECEFF2;height: 70px;font-size: 16px;color: #333;font-weight: 500;line-height: 1.2;vertical-align: middle;margin-bottom: 8px;}
.mtable th:first-child {border-radius: 20px 0 0 0;}
.mtable th:last-child {border-radius: 0 20px 0 0;}
.mtable td {height: 60px;vertical-align: middle;text-align: center;border-bottom: 1px dashed #ccc;font-size: 14px;color: #707070;font-weight: 400;}
.mtable td:first-child {border-radius: 20px 0 0 20px;}
.mtable td:last-child {border-radius: 0 20px 20px 0;}
.mtable .hmar {height: 8px;border-bottom: none;}
.mtable .line {height: 1px;}
.mtable tr.data:hover td {background-color: #EDF3FD;}
.mtable .tleft {text-align: left;padding-left: 15px;}

.popup .mtable th {height: 50px;font-size: 15px;}
.popup .mtable_wrap {padding: 0 10px;}
.popup .mtable_wrap:before {height: 50px;}
.popup .mtable td {height: 40px;font-size: 14px;color: #707070;}
.popup .mtable td.hmar {height: 8px;}
.popup .page_wrap {margin-top: 25px;}

.board_wrap {overflow: hidden;margin: 0 -14px;}
.board_wrap .item {padding: 0 14px;float: left;width: 33.333333333%;padding: 0 14px;}
.board_wrap .item .box {height: 509px;background-color: #F8F7F6;padding: 25px 30px 30px 30px;border-radius: 20px;}
.board_wrap .tit {margin-bottom: 20px;font-size: 20px;color: #1C3775;font-weight: 700;display: flex;align-items: center;justify-content: space-between;}
.board_wrap .tit .itit {display: flex;align-items: center;}
.board_wrap .ilink a {width: 30px;height: 30px;border-radius: 10px;display: flex;align-items: center;justify-content: center;background-color: #fff;position: relative;}
.board_wrap .ilink a:before {width: 12px;height: 11px;background-image: url('../img/ico_link.png');background-position: 0 0;background-repeat: no-repeat;content: '';display: block;position: absolute;left: 50%;margin-left: -6px;top: 50%;margin-top: -6px;}
.board_wrap .ilink a:hover {background-color: #5C88DA;}
.board_wrap .ilink a:hover:before {background-position: -11px 0;}
.board_wrap .ilink a span {display: none;}
.board_wrap .tit img {margin-right: 8px;}
.board_list li {margin-bottom: 10px;}
.board_list li:last-child {margin-bottom: 0;}
.board_list .list_item {border: 1px solid transparent;height: 128px;background-color: #fff;border-radius: 15px;padding: 18px;display: block;}
.board_list .list_item .nmdate {font-size: 14px;color: #AAAAAA;font-weight: 400;display: flex;align-items: center;justify-content: space-between;padding-bottom: 17px;border-bottom: 1px dashed #ccc;}
.board_list .list_item .nm {font-size: 14px;color: #333;font-weight:500;display: flex;align-items: center;justify-content: center;}
.board_list .list_item .nm .man {margin-right: 10px;width: 30px;height: 30px;background-color: #6E96DE;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.board_list .list_item .cont {font-size: 16px;color: #333;font-weight: 400;padding-top: 20px;}
.board_list .list_item:hover {border-color: #5C88DA;}
.board_list .list_item:hover .cont {color: #5C88DA;}
.total_ddac {min-width: 81px;padding: 0 15px;height: 30px;border-radius: 25px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;font-weight: 500;text-align: center;}
.total_ddac.default {background-color: #6E96DE;}
.total_ddac.one {background-color: #6EBCDE;}
.total_ddac.event {background-color: #DE6E95;}

/* footer */
.footer {padding: 15px 0;font-size: 14px;color: #999999;font-weight: 500;text-align: center;border-top: 1px solid #ccc;}

/* 서브 */
.sub_container {padding: 50px 0 150px 0;min-height: 700px;}
.sub_content {padding-left: 247px;position: relative;}
.left_menu {position: absolute;left: 0;top: 0;width: 200px;}
.lm_tit {margin-bottom: 5px;display: flex;align-items: center;justify-content: center;height: 97px;background-image: linear-gradient(90deg,#8C5CDA,#5C88DA);width: 100%;border-radius: 30px;font-size: 28px;color: #fff;font-weight: 700;}
.lm_menu {border-radius: 30px;border: 1px solid #ccc;padding: 20px 12px 70px 12px;}
.lm_menu > ul > li {margin-bottom: 10px;}
.lm_menu > ul > li:last-child {margin-bottom: 0;}
.lm_menu > ul > li > a {height: 45px;display: flex;align-items: center;padding: 0 30px;font-size: 16px;color: #333;font-weight: 500;border-radius: 23px;}
.lm_menu > ul > li.active > a {background-color: #6E96DE;color: #fff;}
.lm_menu > ul > li:not(.active) > a:hover {color: #6E96DE;}
.bar_tit {margin-bottom: 40px;}
.bar_tit span {padding-bottom: 5px;font-size: 28px;color: #1C3775;font-weight: 700;display: inline-flex;position: relative;}
.bar_tit span::after {content: '';display: block;width: 100%;height: 3px;background-color: #5C88DA;position: absolute;left: 0;bottom: 0;}
.search_box {display: flex;align-items: center;height: 60px;border-radius: 20px;border: 1px solid #ccc;padding-right: 86px;position: relative;margin-bottom: 50px;}
.search_box.mb15 {margin-bottom: 15px;}
.search_box .sel {width: 190px;height: 100%;padding-right: 10px;margin-right: 10px;position: relative;}
.search_box .sel:after {content: '';display: block;width: 1px;height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px;background-color: #ccc;}
.search_box .sel select {height: 100%;width: 100%;border-radius: 20px;font-size: 16px;color: #333333;font-weight: 500;padding: 0 15px;outline: none;border: none;}
.search_box .input {height: 100%;width: 100%;}
.search_box .input input {outline: none;border: none;height: 100%;width: 100%;padding: 0 15px;font-size: 16px;color: #333;font-weight: 500;background-color: transparent;}
.search_box .input input::placeholder {font-size: 16px;color: #999;font-weight: 500;}
.search_box .submit {height: 100%;width: 26px;position: absolute;right: 30px;top: 0;display: flex;align-items: center;}
.search_box .submit input {font-size: 0;text-indent: -9999px;width: 100%;height: 26px;background: url('../img/ico_search.png') no-repeat 0 0;border: none;cursor: pointer;}
.search_box .submit input:hover {background-position: -26px 0;}
.count_box {overflow: hidden;display: flex;align-items: center;}
.count_box .item {display: flex;align-items: center;justify-content: center;margin-right: 10px;}
.count_box .item:last-child {margin-right: 10px;}
.bcount {border: 1px solid #ccc;border-radius: 10px;height: 48px;display: flex;align-items: center;justify-content: center;padding: 0 15px;-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 16%);box-shadow: 0 1px 3px rgb(0 0 0 / 16%);transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.bcount .th {display: inline-flex;padding-left: 27px;position: relative;font-size: 16px;color: #333;font-weight: 500;margin-right: 5px;}
.bcount strong {font-size: 16px;color: #6E96DE;font-weight: 700;}
.bcount .th:before {content: '';display: block;width: 23px;height: 20px;background: url('../img/ico_list.png') no-repeat 0 0;position: absolute;left: 0;top: 1px;}
.bcount:hover {border-color: #6E96DE;}
.count_total {margin-bottom: 30px;display: flex;align-items: center;border: 1px solid #ccc;border-radius: 20px;height: 62px;padding: 0 30px;}
.count_total .item {margin-right: 60px;font-size: 16px;color: #333;font-weight: 400;}
.count_total .item strong {font-weight: 700;}

.icheck {display: flex;justify-content: center;}
.icheck input[type="checkbox"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.icheck input[type=checkbox]:checked + label {background-position: 0 0;}
.icheck label {cursor: pointer;height: 20px;-webkit-box-align: center;align-items: center;display: flex;font-size: 18px;color: #333;font-weight: 700;}
.icheck.notxt label {font-size: 0;}
.icheck.notxt input[type="checkbox"] + label:before {margin-right: 0;}
.icheck input[type="checkbox"] + label:before {content: "";width: 20px;display: inline-block;height: 20px;overflow: hidden;background-position: 0 0;background-image:url('../img/ichk_sa.png');margin-right: 10px;}
.icheck input[type="checkbox"]:checked + label:before {background-position: -20px 0;}

.iradio {display: flex;}
.iradio input[type="radio"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.iradio input[type=radio]:checked + label {background-position: 0 0;}
.iradio label {cursor: pointer;height: 16px;-webkit-box-align: center;align-items: center;display: flex;font-size: 14px;color: #707070;font-weight: 400;border-radius: 50%;}
.iradio.notxt label {font-size: 0;}
.iradio.notxt input[type="radio"] + label:before {margin-right: 0;}
.iradio input[type="radio"] + label:before {content: "";width: 16px;display: inline-block;height: 16px;overflow: hidden;background-position: 0 0;background-image:url('../img/iradio_sa.png');margin-right: 10px;border-radius: 50%;}
.iradio input[type="radio"]:checked + label:before {background-position: -16px 0;}

.btn_area {margin-top: 30px;display: flex;align-items: center;}
.btn_area.right {justify-content: end;}
.btn_area.center {justify-content: center;}
.btn_area.nomarall {margin-top: 0;margin-bottom: 0;}
.btn {height: 38px;padding: 0 20px;display: flex;align-items: center;justify-content: center;border-radius: 10px;font-size: 14px;font-weight: 400;border: none;cursor: pointer}
.btn:hover {background-image: linear-gradient(90deg,#8C5CDA,#5C88DA);}
.btn-default {border: 1px solid #ccc;color: #222;background-color: #fff;}
.btn-default:hover {color: #fff;}
.btn-primary {color: #fff;background-color: #5C88DA;}
.btn_area .btn {margin-right: 5px;}
.btn_area .btn:last-child {margin-right: 0;}

.page_wrap {display: flex;align-items: center;margin-top: 60px;justify-content: center;}
.page_wrap.end {justify-content: end;}
.page_nation {-webkit-box-align: center;align-items: center;display: flex;justify-content: center;}
.page_nation a {transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;display:block;margin:0 4px;float:left;width:34px;height:34px;-webkit-box-align: center;align-items: center;display: flex;justify-content: center;text-align:center;color: #000;font-size: 16px;font-weight: 500;text-decoration:none;line-height: 1;border-radius: 10px;}
.page_nation .arrow {background-color: #fff;background-repeat: no-repeat;background-size: 50px auto;background-position: center center;opacity: 0.5;-webkit-background-size: 9px auto;background-size: 9px auto;}
.page_nation .prev {background-image: url('../img/ico_prev.png');}
.page_nation .next {background-image: url('../img/ico_next.png');}
.page_nation .pprev {background-image: url('../img/ico_pprev.png');-webkit-background-size: 9px auto;background-size: 15px auto;}
.page_nation .nnext {background-image: url('../img/ico_nnext.png');-webkit-background-size: 9px auto;background-size: 15px auto;}
.page_nation .prev:hover,
.page_nation .next:hover,
.page_nation .pprev:hover,
.page_nation .nnext:hover {background-color: #fff;opacity: 1;}
.page_nation a:hover,
.page_nation a.active {background-color:#5C88DA;color: #fff;}

.p_btn_two {display: flex;align-items: center;justify-content: center;}
.p_btn_two .btn {width: 90px;height: 37px;margin-top: 30px;}
.p_btn_two .btn-primary {margin-right: 5px;}
.btn_area.nomar {margin-top: 0;margin-bottom: 45px;}
.btn_area.between {justify-content: space-between;}
.order_num {font-size: 20px;color: #1C3775;font-weight: 500;margin-bottom: 45px;}
.order_num strong {font-size: 20px;color: #FF6600;font-weight: 700;display: inline-flex;margin-left: 10px;}
.sub_stit {font-size: 20px;color: #1C3775;font-weight: 700;margin-bottom: 20px;}
.dflex {display: flex;align-items: center;}
.ordertable_wrap {border: 1px solid #ccc;border-radius: 20px;padding: 0 15px;position: relative;}
.ordertable {width: 100%;border-collapse: collapse;border-style: hidden;position: relative;z-index: 1;table-layout: fixed;}
.ordertable th,
.ordertable td {height: 60px;border-bottom: 1px solid #ECEFF2;line-height: 1.5;vertical-align: middle;padding: 20px 0;}
.ordertable th {font-size: 15px;color: #333333;font-weight: 700;text-align: right;}
.ordertable td {font-size: 14px;color: #707070;font-weight: 400;padding-left: 30px;}
.ordertable .cont {vertical-align: top;}
.ordertable .vtop {vertical-align: top;}
.fblue {color: #5C88DA;}
.forange {color: #FF8000;}
.order_stable {width: 547px;border-collapse: collapse;position: relative;z-index: 1;table-layout: fixed;}
.order_stable th {background-color: #ECEFF2;font-size: 14px;color: #333;font-weight: 700;padding-right: 30px;}
.order_stable td {font-size: 14px;color: #707070;font-weight: 400;padding-left: 25px;}
.order_stable th,
.order_stable td {border: 1px solid #E5E5E5;padding-top: 15px;padding-bottom: 15px;}

.sub_txt {font-size: 16px;color: #1C3775;font-weight: 400;}
.adm_memo {height: 124px;background-color: #ECEFF2;border-radius: 10px;padding: 20px 25px;width: 100%;border: none;font-size: 14px;color: #707070;font-weight: 400;}
.qna_textarea {height: 124px;background-color: #ECEFF2;padding: 20px 25px;width: 100%;border: none;font-size: 14px;color: #707070;font-weight: 400;}
.ordertable td.textarea {padding-right: 47px;}
.p_msg textarea {height: 167px;width: 100%;border: 1px solid #ccc;font-size: 16px;color: #333333;font-weight: 500;padding: 10px;}
.p_cnt {text-align: right;font-size: 16px;color: #333333;font-weight: 500;margin-top: 10px;}
.ordertable .input {width: 100%;background-color: #ECEFF2;border: none;outline: none;height: 37px;padding: 0 10px;font-size: 15px;color: #707070;font-weight: 400;}
.ordertable .select {width: 100%;background-color: #fff;border: 1px solid #ccc;outline: none;height: 37px;padding: 0 10px;font-size: 15px;color: #707070;font-weight: 500;}
.iradio_btn {display: flex;align-items: center;}
.ib_input {position: relative;padding-left: 233px;flex: 1;}
.ib_input .btn_area {position: absolute;left: 0;top: 0;}
.editor_area {border: 1px solid #ccc;height: 450px;}
.img_list {overflow: hidden;margin: 0 -7px;}
.img_list .item {padding: 0 7px;float: left;width: 25%;}
.cal_wrap .input::placeholder {font-size: 14px;color: #707070;font-weight: 400;}
.cal_wrap {position: relative;}
.cal_wrap .input {padding-right: 40px;}
.cal_wrap a {position: absolute;; right: 10px; top: 9px;}
.cal_wrap img {width: 20px; height: 20px}
.dflex .bar {margin: 0 10px;font-size: 15px;color: #000;font-weight: 700;}
.dflex.mar30 {margin-right: 30px;}
.dflex .mar {margin-right: 10px;}
.datebtn {display: flex;align-items: center;}
.datebtn a {display: flex;align-items: center;justify-content: center;width: 83px;height: 32px;border: 1px solid #ddd;border-radius: 10px;font-size: 14px;color: #222222;font-weight: 400;margin-right: 5px;}
.datebtn a:last-child {margin-right: 0;}
.btn-search {font-size: 16px;}
.btn-search:after {content: '';display: block;width: 18px;height: 18px;background-image: url('../img/icon_bsearch.svg');background-size: 18px auto;background-position: 0 0;margin-left: 10px;}
.count_total.btnin {position: relative;}
.count_total .ct_btn {position: absolute;right: 15px;top: 0;height: 100%;display: flex;align-items: center;}
.btn-excel:before {content: '';display: block;width: 16px;height: 15px;background-image: url('../img/btn_excel.svg');background-size: 16px auto;background-position: 0 0;margin-right: 10px;}
.mtable td strong {font-size: 15px;color: #000;}
.mtable tr.total td {background-color: #F4F5F6;}
.fcblue {color: #5C88DA;}
.order_stable.wfull th,
.order_stable.wfull td {text-align: center;padding: 0 15px;border-left: none;border-right: none;}
.order_stable.wfull th:first-child,
.order_stable.wfull td:first-child {border-right: 1px solid #ddd;border-left: 1px solid #ddd;}
.order_stable.wfull th:last-child,
.order_stable.wfull td:last-child {border-right: 1px solid #ddd;}
.order_stable.wfull td.bdrn {border-right: none;}
.order_stable.wfull tr.total td {background-color: #ECEFF2;}
.mtable_wrap.nopad {padding: 0;}
.mtable_wrap.nopad tr:last-child th.datath {border-radius: 0 0 0 20px;}
.mtable_wrap th.datath {border-radius: 0;background-color: #F4F5F6;}
.chart_box {background-color: #ECEFF2;padding: 50px;position: relative;}
.chart_box .bum {position: absolute;right: 50px;top: 20px;font-size: 14px;color: #1C3775;font-weight: 400;}
.chart_box canvas {background-color: #fff;padding: 20px;}
.ordertable_wrap .icheck {justify-content: start;}
.ordertable_wrap .icheck label {font-size: 14px;color: #707070;font-weight: 400;}
.three_wrap {overflow: hidden;margin: 0 -40px;}
.three_wrap .item {float: left;width: 33.333333333%;padding: 0 40px;}
.three_wrap canvas {background-color: transparent;padding: 0;}
.three_wrap .box {position: relative;}
.three_wrap .box .tit {font-size: 18px;color: #000;font-weight: 500;position: absolute;left: 50%;top: 50%;text-align: center;line-height: 1;}
.three_wrap .box.box1 .tit {margin-left: -62px;margin-top: -9px;}
.three_wrap .box.box2 .tit {margin-left: -62px;margin-top: -15px;}
.three_wrap .box.box3 .tit {margin-left: -76px;margin-top: -25px;}

.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.w115 {width: 115px;}
.w165 {width: 165px;}
.wfull {width: 100%;}
.mw110 {max-width: 110px;}
.mw165 {max-width: 165px;}
.mw193 {max-width: 193px;}
.mw227 {max-width: 227px;}
.mw292 {max-width: 292px;}
.mw311 {max-width: 311px;}
.mw396 {max-width: 396px;}
.mb80 {margin-bottom: 80px;}
.mb60 {margin-bottom: 60px;}
.mb50 {margin-bottom: 50px;}
.mb45 {margin-bottom: 45px;}
.mb40 {margin-bottom: 30px;}
.mb30 {margin-bottom: 30px;}
.mb25 {margin-bottom: 25px;}
.mb20 {margin-bottom: 20px;}
.mb15 {margin-bottom: 15px;}
.mb10 {margin-bottom: 10px;}