/*일정관리*/
.sch_main button { border:none; cursor:pointer; }
.sch_maina a { cursor:pointer; }
.sch_main { width:100%; float:left; }
.sch_main .maina {width: 350px; float:left; border:2px solid #ededed; border-radius:10px; padding: 30px 15px 15px 15px; margin-top: 20px;}
.sch_main .cal { width: 100%; float: left;}
.sch_main .name {width: 100%; float: left; margin-bottom :20px; font-size: 18px; line-height: 23px; height: 23px;}
.sch_main .name >i{font-size: 23px; color : #636363; margin-right: 8px; vertical-align: middle; top : -2px;}
.sch_main .name > b {font-size: 13px; color: #000; margin-right: 5px;}
.sch_main .name > span {color: #000; font-weight:500; letter-spacing: -0.5px; font-size: 13px;}
.sch_main .but {width: 100%; float: left; margin-bottom: 30px;}
.sch_main .but > button{ width:100%; height:40px; line-height:38px; font-weight:bold; font-size:15px; color: #fff;} 
.sch_main .but > button > i {color: #fff; margin-right: 5px;}
.sch_main .cal_date {width:100%; float: left;}
.sch_main .dateinfo {width: 100%; height: 30px; line-height:30px; float: left; margin-bottom: 20px;}
.sch_main .dateinfo > p {width:100%; font-size: 22px; text-align: center; float:left; font-weight:600; color:#000; }
.sch_main .dateinfo > p > span {font-size: 14px; color: #636363;}
.sch_main .dateinfo > a{ position : absolute; width:30px; height:30px; line-height:30px; border-radius:100%; background-color:#fff; border:1px solid #e2e2e2; text-align:center; font-size:17px; color:#000; top:0; z-index:2; }
.sch_main .dateinfo > a:first-of-type { left:0; padding-right:2px; }
.sch_main .dateinfo > a:last-of-type { right:0; padding-left:2px; }
.sch_main .table_cal{width: 100%; float: left; border: 2px solid #ededed; border-radius: 10px; padding: 10px 30px;}
.sch_main .table_cal > table { width:100%; float:left;}
.sch_main .table_cal > table th {height: 30px; text-align: center; color: #999; font-size: 12px; font-weight: bold;}
.sch_main .table_cal > table td {height: 30px; text-align: center; color: #222; font-size: 12px; font-weight: bold;}
.sch_main .table_cal > table td > .gray { color:#999; }
.sch_main .table_cal > table td > .activeaa { color:#fff; width:30px; height:30px; display:inline-block; line-height:30px; border-radius:100%; }
.sch_main .table_cal .bef {color: #999;}
.sch_main .today {width: 100%; float:left; margin-top:25px; border-top: 2px solid #ededed; border-bottom : 2px solid #ededed; padding:20px 0; }
.sch_main .today > .tit { color:#636363; width:100%; float:left; padding:0 10px; font-size:15px; font-weight:bold;}
.sch_main .today > .tit > i {margin-right: 8px; font-size: 17px; color: #636363;}
.sch_main .today > .tit > ul { width:100%; float:left; padding:0 20px 0 32px; margin-top:10px;}
.sch_main .today > .tit > ul > li { width:100%; float:left; margin:10px 0;}
.sch_main .today > .tit > ul > li > span {height: 15px; line-height: 15px; font-weight: 500;}
.sch_main .today > .tit > ul > li > .to {float: left; font-size: 14px; color: #000;}
.sch_main .today > .tit > ul > li > .me {float: right; font-size: 13px; color: #333; letter-spacing : -0.5px;}
.sch_main .mainb { width:calc(100% - 370px); float:left; margin-left:20px;}
.sch_main .top { width:100%; height: 100px; float:left; overflow: hidden; border-bottom: 2px solid #636363;}
.sch_main .top > div {width: 100%; float: left; height: 100%; padding-top :25px;}
.sch_main .left {position: absolute; z-index: 0; left: 0; bottom: -1px; padding-left: 5px;}
.sch_main .left > button {background-color: #fff; color: #999; font-size:14px; width: 180px; height: 50px; line-height: 48px; margin-left: 7px; border-radius:5px 5px 0px 0px; font-weight:600; border: 1px solid #636363;}
.sch_main .left *.active {border-color: #636363; color: #636363;}
.sch_main .right {position: absolute; right: 0; bottom: -1px; padding-left: 0px 10px 10px 0px;}
.sch_main .right > button {width:150px; height:40px; line-height:38px; margin-left:7px; font-size:14px; margin-bottom:10px; font-weight:600;}
.sch_main .right .schIn {color:#fff;}
.sch_main .right .memoup {color:#fff;}
.sch_main .right .schIn > i {color:#fff; margin-right: 5px;}
.sch_main .right .memoup > i {color:#fff; margin-right:5px;}
.sch_main .date { width:30%; float:left; position:absolute; transform : translatex(40%); text-align: center; height: 100%; left: 30%;}
.sch_main .date > a {width: 35px; height: 35px; border : 1px solid; border-radius :100%; float: left; z-index: 2; text-align: center; top: 16px;}
.sch_main .date > a > i {padding-top: 8px; color :#666;}
.sch_main .date > p {float:left; padding-top:5px;}
.sch_main .date span {font-size: 25px; font-weight: bold; color: #636363; display: inline-block; line-height: 22px; padding-left:10px;}
.sch_main .date > p > i {font-size: 42px; color: #666;}
.sch_main .date .date1 {font-size: 12px; font-weight: 500; color: #999; float: left; padding-left: 0px;}
.sch_main .text { width:100%; float:left; border-color :#636363; border-bottom:1px solid #636363; }
.sch_main .text > ul { width:100%; float:left; padding : 30px 20px; }
.sch_main .text > ul > li {width: 100%; float: left; border-radius :5px; background-color: #f3f3f3; padding :20px 30px;}
.sch_main .time{width: 100%; float: left; line-height:18px; font-size:13px; font-weight:bold; color:#333;}
.sch_main .time > i {font-size:18px; margin-right:10px; top:2px;}
.sch_main .date .date2 { font-size: 12px; }
.sch_main .mainb .todayschdule { width:100%; height:140px; line-height: 140px; float:left; text-align:center; font-weight:500; color:#aaa; border-bottom:1px solid #000; }
.sch_main .mainb .todayschdule > span {font-size: 14px; color: #aaa;}


/*충전관리*/
.chargeL { width:100%; float:left; border-bottom:1px solid #ededed; margin-bottom: 40px; }
.chargeL .active_box { width:45%; float:left; text-align:center; border-top: 1px solid; border-right: 1px solid; border-left: 1px solid; border-color: #ededed; }

.chargeL .active_box div { width:33.33%; float:left; cursor: pointer;}
.chargeL .active_box div.active { box-shadow: 0px 2px 0px 0px white; }
.chargeL .active_box div:not(:last-child) { border-right:1px solid #ededed; }
.chargeL .active_box div > ul { width:100%; float:left; }
.chargeL .active_box div > ul > li { font-size:13px; line-height:45px; }

.chargetop { width:100%; float:left; border-radius:10px; border:1px solid; margin-bottom:25px; padding:35px 40px; margin-top:25px; }
.chargetop .left { width:9%; float:left; }
.chargetop .left > ul { width:100%; float:left; }
.chargetop .left > ul > .sms_icon { width:80%; float:left; }
.chargetop .left > ul > .sms_icon > i { color:#fff; width:60px; height:60px; border-radius:100%; font-size:20px; text-align:center; line-height:60px; }
.chargetop .left > ul > .sms_cha { width:1%; height:50px; float:left; text-align:right; margin-top:5px; }
.chargetop .right { width:100%; float:left; }
.chargetop .right .right_h1 { width:46%; float:left; }

.chargetop .right .right_h1 .sms_1 {width: 26%;float:left;}
.chargetop .right .right_h1 .sms_1 > ul {width:100%;float:left;}
.chargetop .right .right_h1 .sms_1 > ul > .radio_sms { width:25%; float:left; line-height:32px; padding-top:3px; }
.chargetop .right .right_h1 .sms_1 > ul > .radio_sms > .top_circle { width:20px; height:20px; border: 1px solid #fff; border-radius:100%; display:inline-block; float:left; background-color:#999; }
.chargetop .right .right_h1 .sms_1 > ul > .radio_sms > .top_circle > p { width:10px; height:10px; border: 1px solid #fff; border-radius:100%; background-color:#fff; margin: 4px 0px 3px 4px; display:inline-block; text-align:center; }
.chargetop .right .right_h1 .sms_1 > ul > .radio_label { width:100%; float:left; }
.chargetop .right .right_h1 .sms_1 > ul > .radio_label > span { font-size:17px; font-weight:500; color: #999; float: left; text-align: center; line-height: 60px; margin-left: 20PX;}
.chargetop .right .right_h1 .sms_1 > ul > .radio_label > span:last-child { font-size: 14px; margin-left: 6px; margin-top: 1px; }

.chargetop .right .right_h1 .sms_2 {width: 36%;float:left; margin-top: 5px;}
.chargetop .right .right_h1 .sms_2 > .num_ul {width: 100%;float:left;}
.chargetop .right .right_h1 .sms_2 > .num_ul > .sms_num { width:100%; float:left; text-align:right; font-size:22px; line-height:32px; }
.chargetop .right .right_h1 .sms_2 > .num_ul > .sms_num > .sms_spa { font-weight:600; }
.chargetop .right .right_h1 .sms_2 > .num_ul > .sms_num > .color { color:#999; }
.chargetop .right .right_h1 .sms_2 > .num_ul > .sms_num span { font-size: inherit; }

.chargetop .right .right_h1 .sms_2 > .num_date { width:100%; float:left; text-align:right; }
.chargetop .right .right_h1 .sms_2 > .num_date span { font-size:12px; letter-spacing: 0; color:#999 }

.chargetop .right .right_h1 .sms_3 { width:25%; float:left; padding-left:10px; margin-top: 14px; margin-left: 4%; }
.chargetop .right .right_h1 .sms_3 > button { cursor: pointer; background-color:#fff; border:1px solid #999; font-size:14px; font-weight:600; border-radius:25px; padding:5px 0; text-align: center; width: 100%; color:#999; }
.chargetop .right .right_h1 .sms_3 > button i { padding-right:10px; color:#999; }
/*
.chargetop .right .right_h2 { width:50%; float:left; }
.chargetop .right .right_h2 .talk_1 { width:25%; float:left; }
.chargetop .right .right_h2 .talk_2 { width:40%; float:left; }
.chargetop .right .right_h2 .talk_3 { width:25%; float:left; }
.chargetop .right .right_h2 .talk_1 > ul { width:100%; float:left; padding-left:35px; }
.chargetop .right .right_h2 .talk_1 > ul > .radio_talk { width:25%; float:left; line-height:23px; padding-top:3px; }
.chargetop .right .right_h2 .talk_1 > ul > .radio_talk > .top_circle { width:20px; height:20px; border: 1px solid #fff; border-radius:100%; display:inline-block; float:left; background-color:#999; }
.chargetop .right .right_h2 .talk_1 > ul > .radio_talk > .top_circle > p { width:10px; height:10px; border: 1px solid #fff; border-radius:100%; background-color:#fff; margin: 4px 0px 3px 4px; display:inline-block; text-align:center; }
.chargetop .right .right_h2 .talk_1 > ul > .radio_label { width:75%; float:left; }
.chargetop .right .right_h2 .talk_1 > ul > .radio_label > label { font-size:17px; font-weight:500; padding-left:15px; color: #999;}
.chargetop .right .right_h2 .talk_2 > .number { width:20%; float:left; font-size:15px; color:#999; font-weight:500; line-height:26px; }
.chargetop .right .right_h2 .talk_2 > .num_ul { width:80%; float:left; }
.chargetop .right .right_h2 .talk_2 > .num_ul > .talk_num { width:100%; float:left; margin-bottom:10px; text-align:center; font-size:22px; padding-left:45px; line-height:26px; }
.chargetop .right .right_h2 .talk_2 > .num_ul > .talk_num > .color { color:#999; font-size:22px; }
.chargetop .right .right_h2 .talk_2 > .num_ul > .talk_text { width:100%; float:left; }
.chargetop .right .right_h2 .talk_2 > .num_ul > .talk_text > span { font-size:14px; color:#444; margin-left:45px; }
.chargetop .right .right_h2 .talk_2 > .num_ul > .talk_text > span i { color:#ccc; padding-right:5px; }
.chargetop .right .right_h2 .talk_3 > button { cursor: pointer; background-color:#fff; border:1px solid #999; font-size:15px; font-weight:600; border-radius:25px; padding:10px 45px 10px 45px; color:#999; }
.chargetop .right .right_h2 .talk_3 > button i { padding-right:10px; color:#999; }*/

/*결제창 팝업*/
.chargeW #SMS_sel { width:500px; font-size:15px; padding:10px 0px 10px 0px; border-color:#ededed; float:left; }
.chargeW #talk_sel { width:500px; font-size:15px; padding:10px 0px 10px 0px; border-color:#ededed; float:left; }
.chargeW .pay{ width:100%; float:left; }
.chargeW .pay .price { width:90%; float:left; }
.chargeW .pay .price > ul { width:100%; float:left; }
.chargeW .pay .price > ul > li { width:100%; float:left; }
.chargeW .pay .price > ul > .r_price { font-weight:600; color:#cc3333; font-size:17px; }
.chargeW .pay .vat { width:10%; float:left; }
.chargeW .card { width:25%; float: left; padding-right:10px; }
.chargeW .card > label { padding-left:10px; }
.chargeW .account { width:75%; float:left; }
.chargeW .account > label { padding-left:10px; }
.chargeW .privacy { width:100%; float:left; margin-top:50px; }
.chargeW .privacy .agree { width:100%; float:left; margin:0px 0px 15px 0px; font-weight:600; padding-left:10px; }
.chargeW .privacy .long_tex { width:100%; height:210px; float:left; overflow:auto; border:1px solid #ededed; border-radius:10px; color:#999; font-size:15px; padding:30px 15px 15px 30px; }
.chargeW .privacy .check { width:100%; float:left; margin:15px 0px 0px 15px; }
.chargeW .privacy .check .informa{ padding-left:10px; }
.chargeW .styleOn { text-align:center; background-color:#fff; margin-top: 80px; }

/*결제완료 팝업*/
.s_payment { width: 100%; float: left; padding: 130px 130px 10px 130px}
.s_payment .icon { width:100%; float: left; }	
.s_payment .icon  > ul{ width:100%; float:left; text-align:center; }
.s_payment .icon  > ul .check_icon { font-size:75px; }
.s_payment .icon  > ul .text { font-size:23px; font-weight:500; }
.s_payment .icon  > ul .text > span { color:#fc7019; }
.s_payment .formBox .content { width:100%; float: left; margin-top:50px; border-top:2px solid #2598e8; border-bottom:2px solid #2598e8; }
.s_payment .formBox .content .price { float:left; color:#cc3333; font-weight:500; }
.s_payment .formBox .content .VAT { float:right; color:#999; font-weight:500; }
.s_payment .formBox .content .code { font-weight:500; }
.s_payment .formBox .content .sms { color:#999; }
.s_payment .formBox .content .label{ font-weight:500; }
.s_payment .button { width:100%; float:left; text-align:center; margin-top:30px; }

/*구독시스템 공지사항(인트라넷 공지사항 연동)*/
#noticepopup { opacity:1; position:fixed; width:100%; height:100%; z-index:1000; left:0; top:0; background-color:rgba(0, 0, 0, 0.3); }
#noticeBox {  width: 1200px; height:700px; position: absolute; top: 50%; left: 50%; margin-left: -600px; background-color: #FFF; border-radius: 3px; box-shadow: 0 5px 5px rgb(0 0 0 / 40%); overflow: hidden; margin-top: -350px; }
#noticeBox > .topWrap { width: 100%; float: left; border-bottom: 1px solid #EEE; padding: 25px 0; }
#noticeBox > .topWrap .left { width: 80%; float: left; padding-left: 50px; font-size: 21px; color: #fff; font-weight: 600;}
#noticeBox > .topWrap .left .guide { font-size: 13px; color: #fff; font-weight: 500; margin-left: 15px; top: -3px; }
#noticeBox > .topWrap .right { width: 20%; float: left; height: 31px; }
#noticeBox > .topWrap .right i { position: absolute; font-size: 40px; right: 30px; top: 50%; margin-top: -20px; color: #fff; cursor: pointer; }
#noticeBox > .conWrap { width: 100%; height: calc(100% - 82px); float: left; padding: 0; overflow-y: auto; }
#noticeBox > .btnWrap { width: 100%; float: left; font-size: 12px; font-weight: bold; text-align: right; padding: 10px; background-color: #2598e8; }
#noticeBox > .conWrap > ul { height:560px; width:100%; float:left; overflow:auto; }	
#noticeBox > .conWrap > ul > .title { width:100%; font-size:18px; color:#cc3333; font-weight:bold; text-align:center; }
#noticeBox > .conWrap > ul > li > .con_not { width:100px; height:30px; cursor:pointer; border:none; color:#fff; font-weight:500; }
#noticeBox > .conWrap > ul > .text { width:100%; float:left; font-size:18px; margin-top:10px; }
#noticeBox > .conWrap > ul > .text > i { margin-right:5px; }
#noticepopup .noticeWrap { width:90%; float:left; margin-left:50px; margin-top:50px; }
#noticepopup .noticeWrap > div { width:100%; float:left; }
#noticepopup .noticeWrap > div > ul { width:100%; float:left; }
#noticepopup .noticeWrap > .titlediv > .date { text-align:center; }
#noticepopup .noticeWrap > .titlediv > .date span { margin-right:5px; font-size:25px;  color:#cc3333; font-weight:500; }
#noticepopup .noticeWrap > .titlediv > .title { margin-top:5px; font-size:30px; text-align:center; color:#333; font-weight:500; }
#noticepopup .noticeWrap > .contentdiv .contentul { margin-top:40px; }
/*#noticepopup .noticeWrap > .contentdiv > .contentul > li > p { color:#555; font-size:18px; }*/
#noticeBox > .conWrap .btnWrap { width:100%; float:left; border-top:1px solid #e9e9e9; }
#noticeBox > .conWrap .btnWrap > ul { float:right; cursor:pointer; }
#noticeBox > .conWrap .btnWrap .close { width:5%; font-size: 15px; line-height:57px; text-align:center; color:#fff; font-weight: 500; }
#noticeBox > .conWrap .btnWrap .todayclose { width:10%; line-height:57px; text-align:center;  border-left:1px solid #e9e9e9; }

/* 엑셀 양식, 업로드폼 */
.file_exc .tit { width:100%; display:inline-block; float:left; }
.file_exc .excFrm_d { float:left; border:1px solid; background-color:#fff; line-height:35px; font-weight:bold; color:#207244; width:130px; cursor:pointer; font-size:14px; }
.file_exc .excFrm_d .fa-file-download:before { color:#207244; margin-right:5px; }
.file_exc .waring { color:#cc3333; font-weight:bold; }
.file_exc .waring .fa-exclamation-circle:before { color:#cc3333; font-weight:bold; margin-right:5px; }
.file_exc .guide_a { float:left; font-size:13px; }
.file_exc .guide_b { float:left; font-size:13px; font-weight:bold; }
.file_exc .exc_up { float:left; border:1px solid; background-color:#207244; line-height:35px; font-weight:500; color:#fff; width:130px; font-size:14px; }
.file_exc .exc_up .fa-search:before { margin-right:5px; color:#fff; }
.file_exc #exc_F_Name{ font-size:13px; color:#aaa; float:left; padding:10px 0px 0px 10px; }
#excelResultInfoWrap { margin:50px 0px 50px 0px; }
#excelResultInfoWrap li{ width:16.4%; display:inline-block; height:60px; border:1px solid; text-align:center; }
#excelResultInfoWrap .label { border:none; }
#excelResultInfoWrap .value { border-color:#ededed; }
#excelResultInfoWrap .label span { color:#fff; padding-top:18px; display:inline-block; font-weight:bold; }
#excelResultInfoWrap .value span { padding-top:18px; display:inline-block; }
.contentWrap .styleOn .btnGreen01 { background-color:#207244; border:1px solid #207244; float:right; }
.contentWrap .styleOn .btnGreen02 { color:#207244; background-color:#fff; float:right; }
#popupBtnWrap .typeBtna { width:110px; height:40px; line-height:38px; font-weight:bold; font-size:14px; border:1px solid #666; color:#fff; text-align:center; }

/* 광고 슬라이드 */
#LeftSideMenu .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; }
#LeftSideMenu .bx-wrapper img { max-width: 100%; display: block; }
#LeftSideMenu .bxslider { margin: 0; padding: 0; }
#LeftSideMenu ul.bxslider { list-style: none; }
#LeftSideMenu .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
#LeftSideMenu .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
#LeftSideMenu .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: "Arial"; font-weight: bold; color: #666; padding-top: 20px; right: 20px; }
#LeftSideMenu .bx-wrapper .bx-pager.bx-default-pager a { background: #ddd; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#LeftSideMenu .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #2598e8;}
#LeftSideMenu .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
#LeftSideMenu .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }
#LeftSideMenu .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; }
#LeftSideMenu .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; }
#LeftSideMenu .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; cursor:default; }
#LeftSideMenu .bx-wrapper .bx-controls-direction a.disabled { display: none;}
#LeftSideMenu .bx-wrapper .bx-controls-auto { text-align: center; }
#LeftSideMenu .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; }
#LeftSideMenu .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; }
#LeftSideMenu .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px; }
#LeftSideMenu .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; }
#LeftSideMenu .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
#LeftSideMenu .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
#LeftSideMenu .bx-wrapper .bx-caption span { color: #fff; font-family: "Arial"; display: block; font-size: .85em; padding: 10px; }

/* 광고 슬라이드 border bottom 삭제 */
#LeftSideMenu .bx-controls { border:none; }
#LeftSideMenu .bx-viewport { -webkit-transform: translatez(0); right: 20px; border:none; }
/* 광고 슬라이드 cursor:pointer 삭제 */
#ppl_banner{ height:200px; position:relative; overflow:hidden; }

/* 검색영역 */
.datasearchWrap { width:100%; float:left; border:1px solid #ebebeb; padding:20px 30px; margin-bottom:75px; }
.datasearchWrap button { cursor:pointer; }
.datasearchWrap a { cursor:pointer; }
.datasearchWrap > form { width:100%; float:left; display:table; table-layout:fixed; }
.datasearchWrap .frmWrap { width:870px; height:25px; vertical-align: middle; display:table-cell; }
.datasearchWrap .frmWrap > li { width:100%; float:left; margin:5px 0; }
.datasearchWrap .label { width:80px; height:32px; line-height:32px; float:left; font-size:14px; font-weight:bold; }
.datasearchWrap .frmWrap > li > select { width:130px; height:32px; line-height:32px; margin-right:10px; margin-left: 5px; border:1px solid #ebebeb; color:#888; padding-left:10px;}
.datasearchWrap .frmWrap > li > select > option { color: #888; }
.datasearchWrap .frmWrap > li > input { width:530px; height:32px; line-height:32px; margin-right:10px; border:1px solid #ebebeb; padding-left:10px; }
.datasearchWrap .drag { width:100%; float:left; margin:5px 0; }
.datasearchWrap .drag span { width:50px; height:32px; line-height:32px; float:left; cursor:pointer; background-color:#ebebeb; font-weight:bold; font-size:12px; text-align:center; margin-right:5px; }
.datasearchWrap .drag .reg_term { width:80px; height:32px; line-height:32px; float:left; font-size:14px; font-weight:bold; background-color:#fff; text-align:inherit; }
.datasearchWrap .drag .search { width:140px; float:left; height:32px; color:#666; border:1px solid #ebebeb; padding: 0 10px; letter-spacing:-0.5px; margin-right:20px; }
.datasearchWrap .search_Btn { position:absolute; right:0; top: 50%; padding :0 65px; border-left: 1px solid #e1e1e1; margin-top:-30px; }
.datasearchWrap .search_Btn > button {color: #FFF; background-color: #666; margin-bottom:10px; margin-top: 10px; border:none; width:130px; height: 40px; line-height: 32px; float: left; font-weight: 500; font-size: 14px; text-align: center; }

/*데이터 영역*/
.datachartWrap { width:100%; float:left; border:3px solid #ebebeb; padding:35px 0px; margin-bottom:45px; }
.datachartWrap button { cursor:pointer; }
.datachartWrap a { cursor:pointer; }
.datachartWrap .iconchart { width:150px; height:50px; line-height:60px; text-align:center; border-right:1px solid #c8c8c8; display:inline-block; }
.datachartWrap .iconchart i { font-size:30px; color:#999; }
.datachartWrap .datachart { width:80%; display:inline-block; }
.datachartWrap .datachart ul { width:100%; float:left; }
.datachartWrap .datachart ul > span { font-size:17px; font-weight:600; }
.datachartWrap .datachart ul > span.small { font-size:12px; font-weight:auto; }
.datachartWrap .datachart ul .data { padding:0px 20px 0px 40px; color:#333; }
.datachartWrap .btnWrap { width: 260px; border-left: 1px solid #E1E1E1; padding: 0 30px; }
.datachartWrap .btnWrap > * { width: 200px; height: 50px; line-height: 50px; font-size: 17px; }

/*데이터 통계 그래프*/
#chartWrap { width:100%; float:left; border:1px solid #EEE; padding:20px; margin-bottom:50px; }
#chartWrap > #chartBox { width:100%; height:350px; float:left; position:relative; }



/* 데이터 간단정리표 */
.dataInfoSimpleWrap { width: 100%; float: left; border: 3px solid #DFDFDF; padding: 25px 0; margin-bottom: 35px; }
.dataInfoSimpleWrap > div { width: 100%; display: table; }
.dataInfoSimpleWrap > div > div { height: 50px; display: table-cell; vertical-align: middle; }

.dataInfoSimpleWrap .iconWrap { width: 150px; border-right: 1px solid #E1E1E1; text-align: center; }
.dataInfoSimpleWrap .iconWrap > i { color: #C8C8C8; font-size: 31px; }

.dataInfoSimpleWrap .conWrap > ul { width: 100%; float: left; }
.dataInfoSimpleWrap .conWrap > ul > li { float: left; margin-left: 40px; }
.dataInfoSimpleWrap .conWrap > ul > li > span { float: left; font-size: 17px; font-weight: bold; margin-right:5px; }
.dataInfoSimpleWrap .conWrap > ul > li > span > span { font-weight: 400; }
.dataInfoSimpleWrap .conWrap > ul > li > .label { color: #333; margin-right: 20px; }
.dataInfoSimpleWrap .conWrap > ul > li > .value { color: #6B7CC4; letter-spacing: -0.5px; }
 
.dataInfoSimpleWrap .btnWrap { width: 260px; border-left: 1px solid #E1E1E1; padding: 0 30px; }
.dataInfoSimpleWrap .btnWrap > * { width: 200px; height: 50px; line-height: 50px; font-size: 17px; }