@charset "utf-8";

/** cont align **/
.ta-c{text-align:center !important}

/** font-style **/
.fa,.fa:before{line-height:14px;font-size:14px;font-family:FontAwesome}
.pop-body label,.pop-body p,.ui-widget,.nav-tabs-custom>.nav-tabs,table *,.btn,.rMateH5__Caption.captionStyle,.chart-service a i{font-family:'pretendard'}
.pop-body label,.pop-body p,.ui-widget{font-size:14px;}

/** input[type='text']/select **/
input[type='text'],select,.form-control{height:32px !important;padding-left:5px !important;border-color:#d2d6de;border-radius:3px !important;vertical-align:middle}

/** input[checkbox / radio] style **/
input[type=checkbox]:not(old), input[type=radio]:not(old){width:24px;}
input[type=checkbox]:not(old)+label,input[type=radio]:not(old)+label {background-image: url(/inno_resources/images/ver_2024/common/checks.png);background-repeat:no-repeat;}

input[type=checkbox]:not(old)+label{background-position:0 0;}
input[type=radio]:not(old)+label{background-position: 0 -46px;}

input[type=checkbox]:not(old):checked+label {background-position: 0 -22px;}
input[type=radio]:not(old):checked+label {background-position: 0 -68px;}

/** scroll style **/
::-webkit-scrollbar {width:10px;height:10px; border-width:0}
::-webkit-scrollbar-button{display:none;}
::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{-webkit-box-shadow: 0 0 0 transparent;}
::-webkit-scrollbar-track {border-radius:0; -webkit-border-radius:0; background:#e7e7e7;}
::-webkit-scrollbar-thumb {width:30px;height: 30px; border-radius:5px; -webkit-border-radius: 5px;background:#adadad;}

/** button **/
.btn{overflow:hidden;display:inline-block;min-width:40px;padding:5px 15px !important;color:#fff;text-align:center;border:1px solid transparent;background:#273d57 !important;}

.btn:active{box-shadow:0 0 0 transparent}
.btn:hover,.btn:focus{text-decoration:underline;background:#0d1927 !important;}

.btn-blakc{font-weight:500;}
.btnwrap .btn{margin:1px 2px !important;line-height:21px;font-size:13px;font-weight:500;border-width:0;border-radius:5px;}
.btnwrap .btn:hover,.btnwrap .btn:focus{border-width:0 !important;}

/** 모달 : dialog style **/
/** dialog 관련 정의건 **/
.ui-dialog.ui-corner-all{box-shadow:0 0 15px #888}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:'pretendard',Nanum Gothic, '나눔고딕', Malgun gothic, '맑은고딕', Dotum, '돋움','AppleSDGothicNeo', arial, sans-serif}
.ui-widget.ui-widget-content,.ui-dialog .ui-dialog-titlebar-close{border-width:0 !important;}
.ui-dialog .ui-dialog-content,.ui-widget-content{background:#f1f3f6 !important}
.ui-widget-content{overflow:hidden;padding:0;}

/** dialog-title 영역 **/
.ui-dialog .ui-dialog-titlebar{display:block;position:relative;margin:0;padding:10px 50px 10px 20px;color:#fff;font-size:18px;font-weight:bold;border-width:0;border-radius:5px 5px 0 0 !important;background-color:#3e4e6c;}
.ui-dialog .ui-dialog-title{display:block;width:100%;margin:0;}
.ui-dialog .ui-dialog-titlebar-close *{background:none !important;}
.ui-dialog .ui-dialog-titlebar-coloe:hover[area-describedby]{display:none !important;}
/** dialog- close button **/
.ui-dialog .ui-dialog-titlebar-close{display:block;position:absolute;top:18px;right:10px;width:28px;height:28px;color:transparent;font-size:0;text-indent:-9999px;border-radius:5px;background:#f1f3f8;z-index:10;}
.ui-dialog .ui-dialog-titlebar-close:before,.ui-dialog .ui-dialog-titlebar-close:after{content:'';display:block;position:absolute;top:calc(50% - 7px);left:calc(50% - 1px);width:2px;height:14px;border-radius:3px;transform:rotate(45deg);background:#515151;}
.ui-dialog .ui-dialog-titlebar-close:after{transform:rotate(-45deg)}

/** dialog-content 영역 **/
.ui-dialog .ui-dialog-content{overflow:hidden;overflow-y:auto;min-height:300px;height:auto !important;max-height:600px !important;padding:15px;border-radius:0 0 10px 10px;}

/** dialog-버튼영역 **/
.ui-dialog .ui-dialog-buttonpane{padding:10px 25px 25px}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{display:flex;}

/** 모달 : pop- **/
.pop-body{padding:0;}
.pop-body .pop-linebox .pop-itembox{border-color:#d9dfea;}
.pop-body .pop-linebox{height:220px;}

/** 팝업 사용content **/
.tool-desc01{display:block;margin:0 0 10px !important;padding:5px 10px;line-height:16px;color:#2b426d;font-weight:500 !important;border:1px dotted #6c8ac3;border-radius:5px;}

/** 탭스타일 **/
.nav-tabs-custom{box-shadow:0 0 0 transparent}
.nav-tabs-custom>.nav-tabs{border-bottom-color:#d1d5db;}
.nav-tabs-custom>.nav-tabs>li{margin-right:2px;margin-bottom:-1px;border-top-width:0;}
.nav-tabs-custom>.nav-tabs>li a{padding:10px 15px;line-height:20px;color:#5d5d5d !important;font-size:16px !important;border:0 solid #d1d5db;border-width:0 0 1px !important;background:#e6eaf2;}
.nav-tabs-custom>.nav-tabs>li a:hover,.nav-tabs-custom>.nav-tabs>li a:focus{text-decoration:underline;background:#dae5fd;}

.nav-tabs-custom>.nav-tabs>li.active a{color:#fff !important;border-bottom-color:#3e73da;background:#3e73da}
.nav-tabs-custom>.nav-tabs>li.active a:hover,.nav-tabs-custom>.nav-tabs>li.active a:focus{border-bottom-color:#2b5bb9;background:#2b5bb9;}

.nav-tabs-custom>.tab-content{padding-right:0;padding-left:0;}

/** table **/
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{color:#333;font-size:14px;font-weight:500;}
.table-hover>tbody>tr:hover,.table-hover>tbody>tr:hover td{background-color:#e0ebff;}
/** 예시테이블 스타일 **/
.exam-table{border-color:#ddd;}
.exam-table>tbody>tr{border-color:#d5d5d5;}
.exam-table>tbody>tr>td{padding:2px;font-size:13px;font-weight:normal;}
/** 데이터테이블 스타일 **/
.dataTable>thead>tr>th, .dataTable>tbody>tr>th, .dataTable>tfoot>tr>th, .dataTable>thead>tr>td, .dataTable>tbody>tr>td, .dataTable>tfoot>tr>td{padding:4px 10px;border-color:#d9dfea;}
.dataTable>thead>tr>th, .dataTable>tbody>tr>th{background:#eef2fa;}

/** 그래프 이미지-목록 그룹 **/
.graph-img{width:48px;margin:0 3px;padding:3px 5px;border-radius:5px;background-color:#f1f3f6;}
.graph-active{position:relative;border:1px solid #5374f6;background-color:#fff !important;}
.graph-img.disabled{background-color:#f1f3f6 !important;opacity:.5;}
.graph-red{border-style:dotted}

.graphwrap .sec1 .row{padding-right:10px;padding-left:10px;}
.graphwrap .form-group.sec3 label{padding:2px 0}
.table-striped>tbody>tr:nth-of-type(odd){background-color:#eef2fa;}

/** 셔틀형(좌우) 버튼스타일 **/
.graphwrap .sec1 .arrow_box .btn{min-width:auto !important;padding:15px 10px !important;border-color:#d7d8dd !important;background-color:#f1f3f8 !important;}
.graphwrap .sec1 .arrow_box .fa-arrow-circle-right:before{content:'\f061';}
.graphwrap .sec1 .arrow_box .fa-arrow-circle-left:before{content:'\f060';}

.graphwrap .sec1 .arrow_box a:active{box-shadow:0 0 0 transparent !important}
.graphwrap .sec1 .arrow_box a:hover,.graphwrap .sec1 .arrow_box a:focus{border-color:#3c4e55 !important;background-color:#3c4e55 !important;}
.graphwrap .sec1 .arrow_box a:hover .fa:before,.graphwrap .sec1 .arrow_box a:focus .fa:before{color:#fff !important;}

/** 버튼형 - 셀렉트스타일 **/
.filterBtn{display:inline-block;position:relative;height:20px;vertical-align:middle;font-size:0;border:1px solid #979797;border-radius:3px;background:#f1f3f8;}
.filterBtn:before{content:'';display:block;position:absolute;top:calc(50% - 5px);left:calc(50% - 4px);width:8px;height:8px;border:0 solid #666;border-width:0 0 2px 2px;transform:rotate(-45deg)}
.filterBtn:hover,.filterBtn:focus{border-color:#273d57;background-color:#273d57;}
.filterBtn:hover:before,.filterBtn:focus:before{border-color:#fff;}

/** 계산기 - 버튼스타일 **/
.table_temp2 .btn{color:#424242 !important;border:1px solid #afbdd7 !important;background:#f6f9fe !important;}
.table_temp2 .btn:active,.table_temp2 .btn:hover,.table_temp2 .btn:focus{text-decoration:none !important;border-color:#8397bb !important;background:#cbd3e2 !important;}

/** side pannel style **/
#window_pop [class*='side']{border-color:#afbdd7 !important;box-sizing:border-box;}
[class*='side'] [class*='btn_close']{background-repeat:no-repeat;background-position:50%;}
[class*='side'] [class*='btn_close'] img{display:none;}
[class*='side'] .btn{line-height:20px !important;}

.side{right:-216px;width:216px;padding:8px;}
.side .btn_close{left:-37px;width:29px;height:94px;background-image:url(/inno_resources/images/ver_2024/common/btn_close.png);}

.side .fontSettings .fontBtn button{display:inline-block;position:relative;margin-left:3px;color:transparent;font-size:0;border-width:0;border-radius:3px;background:#273d57;}
.side .fontSettings .fontBtn button:before,.side .fontSettings .fontBtn button:after{content:'';display:block;position:absolute;top:calc(50% - 1px);left:calc(50% - 5px);width:10px;height:2px;background:#fff;}
.side .fontSettings .fontBtn button:first-child:before{transform:rotate(90deg)}
.side .fontSettings .fontBtn button:hover,.side .fontSettings .fontBtn button:focus{background:#0d1927;}

.box-header{padding-top:15px;padding-bottom:7px;}
.box-header label{margin-bottom:0;font-size:15px;}
.box-header.with-border{border-bottom-style:dotted;border-bottom-color:#cbcbcb;}
.box-body > *:not(:first-child){margin-top:10px;}

.box-body{display:flex;flex-wrap:wrap;align-items:flex-end;}
.box-body > *{float:none !important;width:auto;height:auto !important;}
.box-body > *:has(.btn){margin:0 0 0 2px !important;}
.box-body .form-group{width:100% !important;margin-bottom:0;}

/** 그래프영역 **/
.chart-service,.chart-service > *{display:flex;align-items:center;}
.chart-service{position:absolute;width:100%;padding:0 5px;z-index:9;}
.chart-service .chart-app{margin-left:auto}

.chart-service a{display:inline-block;padding:5px 10px;line-height:22px;color:#fff;font-size:14px;border-radius:5px;box-sizing:border-box;background-color:#273d57;}
.chart-service a i{font-style:normal}
.chart-service a:hover,.chart-service a:focus{background-color:#0c1723}

.chart-app [class*='ico-']{position:relative;width:35px;height:32px;margin:0 0 0 3px;font-size:0;;background-repeat:no-repeat;background-position:50%;}
.chart-app .ico-down{background-image:url(/inno_resources/images/ver_2024/ico/ico_down01.png);}
.chart-app .ico-share{background-image:url(/inno_resources/images/ver_2024/ico/ico_share01.png);}
.chart-app .ico-resize{background-image:url(/inno_resources/images/ver_2024/ico/ico_resize01.png);}
.chart-app .ico-setting{background-image:url(/inno_resources/images/ver_2024/ico/ico_setting01.png);}

.rMateH5__Caption.captionStyle{width:calc(100% - 4px) !important;padding-right:100px;padding-left:100px;font-size:22px;font-weight:500;text-align:center;}


 @media screen and (max-width:480px){    
	#window_pop .histo_pop .side2 {padding:8px}	
    #window_pop .histo_pop .side2 .btn_close2{width:94px;height:29px;margin-left:-47px;background-image:url(/inno_resources/images/ver_2024/common/btn_close02.png)}

	.box-header{padding-right:0;padding-left:0;}
	.box-body{padding:10px 3px}

	.chart-service{position:relative;}

}