@charset "utf-8";
/* DEER. KJY. 20181128 */

/* Loading */
.page_loading {position:fixed; top:0; left:0; width:100%; height:100%; background:#02112e; z-index:9999;}
.loading_itemBox {display:block; position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-40px 0 0 -40px;}
.loading_itemBox span {position:absolute; top:33px; width:13px; height:13px; border-radius:50%; background:#007eff; animation-timing-function:cubic-bezier(0, 1, 1, 0);}
.loading_itemBox span:nth-child(1) {left:8px;  animation:loading_item1 0.6s infinite;}
.loading_itemBox span:nth-child(2) {left:8px;  animation:loading_item2 0.6s infinite;}
.loading_itemBox span:nth-child(3) {left:32px; animation:loading_item2 0.6s infinite;}
.loading_itemBox span:nth-child(4) {left:56px; animation:loading_item3 0.6s infinite;}

@keyframes loading_item1 {0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes loading_item3 {0% {transform:scale(1);}
100% {transform:scale(0);}
}
@keyframes loading_item2 {0% {transform:translate(0, 0);}
100% {transform:translate(24px, 0);}
}
.pageldg_hide {-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:pageldg_hide; animation-name:pageldg_hide;}

@-webkit-keyframes pageldg_hide {0% {opacity:1;}
100% {opacity:0;}
}

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

/* === 공통 === */

.fl {float:left;}
.fr {float:right;}

/* selectbox */
.selectbox {position:relative; z-index:1;}
.selectbox:before {content:''; position:absolute; top:50%; right:10px; width:0; height:0; margin-top:-3px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #999;}
.selectbox.disabled:before {content:''; position:absolute; top:50%; right:2px; width:0; height:0; margin-top:-3px; border:none;}
.selectbox label {position:absolute; top:0; left:0; padding:0; color:#fff; z-index:-1;}
.selectbox select {width:100%; height:auto; line-height:normal; font-family:inherit; padding:0 10px 0 0; border:0; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none;}

/* checkBox */
.checkBox {position:relative; z-index:1;}
.checkBox input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.checkBox input[type="checkbox"] + label {display:inline-block; overflow:hidden; position:relative; width:18px; height:18px; color:#767f89; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.checkBox input[type="checkbox"] + label:before {content:''; float:left; overflow:hidden; width:18px; height:18px; line-height:18px; margin:0 5px 0 0; text-align:center; vertical-align:middle; background:#fafafa; border:none; border-radius:2px; box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1); background:#e6ecf1; transition:all 0.3s ease-out;}
.checkBox input[type="checkbox"]:checked + label:before {content:'\2714'; color:#fff; font-size:10px; box-shadow:inset 2px 2px 3px rgba(0,0,0,0);  background:#007eff; transition:all 0.3s ease-out;}

/* input */
.inputUnderline {padding:5px;border:0;outline:0;background:transparent;border-bottom:1px solid black;}

/* pageing */
.pageing {clear:both; overflow:hidden; padding:30px 0; vertical-align:top; text-align:center; font-size:12px;}
.pageing a {display:inline-block; overflow:hidden; width:15px; height:20px; margin:0 3px; color:#999; font-size:13px; vertical-align:middle; border-radius:3px; text-decoration:none; transition:all 0.3s ease-out;}
.pageing a:hover {color:#333; transition:all 0.3s ease-out;}
.pageing a.first {width:20px; margin:0; border:1px solid rgba(0,0,0,0.1); text-indent:-99px; background:url(../img/ico_paging_first.png) 50% 50% no-repeat;}
.pageing a.first:hover,.pageing a.first:focus {color:#fff; border:1px solid rgba(0,0,0,0.3);}
.pageing a.prev {width:20px; border:1px solid rgba(0,0,0,0.1); text-indent:-99px; background:url(../img/ico_paging_prev.png) 50% 50% no-repeat;}
.pageing a.prev:hover,.pageing a.prev:focus {color:#fff; border:1px solid rgba(0,0,0,0.3);}
.pageing a.next {width:20px; border:1px solid rgba(0,0,0,0.1); text-indent:-99px; background:url(../img/ico_paging_next.png) 50% 50% no-repeat;}
.pageing a.next:hover,.pageing a.next:focus {color:#fff; border:1px solid rgba(0,0,0,0.3);}
.pageing a.end {width:20px; margin:0; border:1px solid rgba(0,0,0,0.1); text-indent:-99px; background:url(../img/ico_paging_end.png) 50% 50% no-repeat;}
.pageing a.end:hover,.pageing a.end:focus {color:#fff; border:1px solid rgba(0,0,0,0.3);}
.pageing strong {display:inline-block; width:20px; height:20px; color:rgba(14,173,255,1.0); font-size:13px; padding:0 2px; border:1px solid #fff;}
.pageing img {position:relative; top:-1px; vertical-align:top;}

#wrap {min-width:1280px; height:100%;}

/* header */
#header {clear:both; position:fixed; width:100%; min-height:42px; padding:15px 30px 15px 20px; background:#02112e; z-index:200;}
#header h1 {float:left; min-height:30px; margin:0 0 0 50px;}
#header h1 a {display:block; height:40px;}
#header h1 a img {height:100%;}

#header .hamBox {position:absolute; top:25px; left:20px; width:25px; height:20px;}
#header .hamBox .btn_ham {display:block; overflow:hidden; position:relative; width:100%; height:100%; opacity:0.3; transition:all 0.3s ease-out;}
#header .hamBox .btn_ham:hover,#header .hamBox .btn_ham:focus {opacity:1.0; transition:all 0.3s ease-out;}
#header .hamBox .btn_ham span {position:absolute; top:50%; width:100%; height:3px; margin:-1px 0 0 0; text-indent:-999px; border-radius:5px; background:#fff; transition:all 0.3s ease-out;}
#header .hamBox .btn_ham:before {content:''; position:absolute; top:0; width:100%; height:3px; border-radius:5px; background:#fff; transition:all 0.3s ease-out;}
#header .hamBox .btn_ham:after {content:''; position:absolute; bottom:0; width:100%; height:3px; border-radius:5px; background:#fff; transition:all 0.3s ease-out;}
#header .hamBox .btn_ham:hover span, #header .hamBox .btn_ham:hover:before, #header .hamBox .btn_ham:hover:after {background:#007eff; transition:all 0.3s ease-out;}

#header .hamBox .btn_ham.active {opacity:1.0; transition:all 0.3s ease-out;}
#header .hamBox .btn_ham.active span {background:#007eff; transition:all 0.3s ease-out;}
#header .hamBox .btn_ham.active:before {background:#007eff; transition:all 0.3s ease-out;}
#header .hamBox .btn_ham.active:after {background:#007eff; transition:all 0.3s ease-out;}

#header .etcmenu {position:absolute; right:60px;}
#header .etcmenu .groupBox {float:left; margin:0 20px 0 0; border-right:1px solid rgba(255,255,255,0.1);}
#header .etcmenu .groupBox dl {float:left; margin:0 20px 0 0; padding:10px 20px; border-radius:5px; background:rgba(255,255,255,0.1); transition:all 0.3s ease-out;}
#header .etcmenu .groupBox dl:last-child:hover {background:rgba(255,255,255,0.3); transition:all 0.3s ease-out;}
#header .etcmenu .groupBox dl dt {float:left; margin:0 15px 0 0;}
#header .etcmenu .groupBox dl dt.ico_team {overflow:hidden; width:20px; height:20px; text-indent:-999px; background:url(../img/ico_team_w.png) 50% 50% no-repeat; background-size:20px; opacity:0.3;}
#header .etcmenu .groupBox dl dt.ico_wspace {overflow:hidden; width:20px; height:20px; text-indent:-999px; background:url(../img/ico_workspace_w.png) 50% 50% no-repeat; background-size:15px; opacity:0.3;}
#header .etcmenu .groupBox dl dd {float:left; color:#fff;}

#header .etcmenu .userBox {float:left;}

#header .etcmenu .userBox {float:left;}
#header .etcmenu .userBox dl {float:left; padding:10px 20px; border-radius:5px; background:rgba(255,255,255,0.1); transition:all 0.3s ease-out;}
#header .etcmenu .userBox dl:hover {background:rgba(255,255,255,0.3); transition:all 0.3s ease-out;}
#header .etcmenu .userBox dl dt {float:left; margin:0 15px 0 0;}
#header .etcmenu .userBox dl dt.ico_user {overflow:hidden; width:20px; height:20px; text-indent:-999px; background:url(../img/ico_user_w.png) 50% 50% no-repeat; background-size:20px; opacity:0.3;}
#header .etcmenu .userBox dl dd {float:left; position:relative; color:#fff;}
#header .etcmenu .userBox dl dd > a {padding:0 25px 0 0; color:#fff;}
#header .etcmenu .userBox dl dd a:after {content:''; position:absolute; top:4px; right:0; width:13px; height:13px; background:url(../img/arrow_down_w.png) right 50% no-repeat; opacity:0.3;}
#header .etcmenu .userBox dl ul.lst {display:none;}
#header .etcmenu .userBox dl ul.lst li a {display:block; position:relative; padding:7px 10px 7px 30px; color:#fff; transition:all 0.3s ease-out;}
#header .etcmenu .userBox dl ul.lst li a:hover, #header .etcmenu .userBox dl ul.lst li a:focus {background-color:rgba(29,33,44,0.4); transition:all 0.3s ease-out;}
#header .etcmenu .userBox dl ul.lst li a:before {content:''; position:absolute; top:50%; left:10px; width:14px; height:14px; margin:-7px 0 0 0; opacity:0.5;}
#header .etcmenu .userBox dl ul.lst li.ico_profile a:before {background:url(../img/ico_profile_w.png) 50% 50% no-repeat; background-size:cover;}
#header .etcmenu .userBox dl ul.lst li.ico_logout a:before {background:url(../img/ico_logout_w.png) 50% 50% no-repeat; background-size:cover;}

#header .etcmenu .userBox dl.active {background:rgba(14,173,255,1.0); transition:all 0.3s ease-out;}
#header .etcmenu .userBox dl.active dd {margin:0 0 10px 0;}
#header .etcmenu .userBox dl.active ul.lst {display:block; clear:both; overflow:hidden; margin:7px 0 0 0; border-radius:3px; background:rgba(255,255,255,0.2);}
#header .etcmenu .userBox dl.active ul.lst li {display:block; border-bottom:1px solid rgba(14,173,255,1.0);}
#header .etcmenu .userBox dl.active ul.lst li:last-child {border:none;}
#header .etcmenu .userBox dl.active ul.lst li a {}

/* container */
#container {display:table; position:relative; width:100%; height:calc(100% - 102px); padding:72px 0 0 0; background:#f3f6f8;}

/* Side navigation Bar */
.snb {display:table-cell; width:230px; background:#23334d; transition:all 0.3s ease-out;}
.snb .ico_pjt_name {display:block; height:41px; padding:12px 20px; line-height:40px; text-align:center; vertical-align:middle; border-bottom:1px solid rgba(0,0,0,0.2); background:#122a46;  transition:all 0.3s ease-out;}
.snb .ico_pjt_name img {height:100%; max-height:35px; vertical-align:middle;}
.snb ul.nav {display:block;}
.snb ul.nav li {display:block; position:relative;}
.snb ul.nav li a {display:block; position:relative; padding:7px 20px; color:#ccc; font-size:15px; transition:all 0.3s ease-out;}
.snb ul.nav li a:hover {color:rgba(14,173,255,1.0); transition:all 0.3s ease-out;}

.snb ul.nav li a i {display:inline-block; width:20px; height:20px; margin:0 10px 0 0; vertical-align:middle; opacity:0.2; background-size:cover !important;}
.snb ul.nav li a i.ico_ass {background:url(../img/ico_snb_assess_w.png) 50% 50% no-repeat;}
.snb ul.nav li a i.ico_db {background:url(../img/ico_snb_db_w.png) 50% 50% no-repeat;}
.snb ul.nav li a i.ico_tts {background:url(../img/ico_snb_tts_w.png) 50% 50% no-repeat;}
.snb ul.nav li a i.ico_monitoring {background:url(../img/ico_snb_monitoring_w.png) 50% 50% no-repeat;}
.snb ul.nav li a i.ico_qna {background:url(../img/ico_snb_qna_w.png) 50% 50% no-repeat;}
.snb ul.nav li a i.ico_puzzle {background:url(../img/ico_snb_puzzle_w.png) 50% 50% no-repeat;}
.snb ul.nav li a i.ico_setting {background:url(../img/ico_snb_setting_w.png) 50% 50% no-repeat;}
.snb ul.nav li a i.ico_dictionary {background:url(../img/ico_snb_dictionary_w.png) 50% 50% no-repeat;}

.snb ul.nav > li {border-bottom:1px solid rgba(0,0,0,0.2);}
.snb ul.nav > li > a {padding:12px 20px; line-height:22px;}

.snb ul.nav li a span {display:inline-block; vertical-align:middle;}

.snb ul.nav li .sub_nav {overflow:hidden; height:0; padding:0 10px; background:#122a46; transition:all 0.3s ease-out;}
.snb ul.nav li .sub_nav li {}
.snb ul.nav li .sub_nav li > a {position:relative; padding:10px 0 10px 25px; font-size:13px;}
.snb ul.nav li .sub_nav li:last-child a {margin:0;}
.snb ul.nav li .sub_nav li > a:before {content:'';  position:absolute; top:50%; left:10px; width:7px; height:7px; margin:-4px 0 0 0; background:url(../img/arrow_snbSub_w.png) 50% 50% no-repeat; opacity:0.3;}
.snb ul.nav li .sub_nav li.active > a {color:#fff; background:rgba(14,173,255,1.0);}
.snb ul.nav li .sub_nav li.active > a:before {opacity:0.7;}

.snb ul.nav li .sub_nav li .third_nav {display:none; height:0; transition:all 0.3s ease-out;}
.snb ul.nav li .sub_nav li .third_nav li {}
.snb ul.nav li .sub_nav li .third_nav li a {position:relative; margin:0; padding:7px 0 7px 25px; font-size:13px;}
.snb ul.nav li .sub_nav li .third_nav li a:before {content:'-'; position:absolute; top:10px; left:15px; font-size:15px; background:none;}

.snb ul.nav li.active {color:rgba(14,173,255,1.0); background:#23334d;}
.snb ul.nav li.active > a {color:rgba(14,173,255,1.0);}
.snb ul.nav li.active > a:before {content:''; position:absolute; top:0; left:0; width:5px; height:100%; background:rgba(14,173,255,1.0);}
.snb ul.nav li.active > .sub_nav {display:block; height:auto; padding:10px; transition:all 0.3s ease-out;}
.snb ul.nav li.active .sub_nav li.active .third_nav {display:block; height:auto; padding:5px 0; transition:all 0.3s ease-out;}
.snb ul.nav li .sub_nav li.active .third_nav li.active a {color:rgba(14,173,255,1.0); background:none !important;}

.snb.transition {width:40px;}
.snb.transition .ico_pjt_name {display:table-cell; padding:12px 5px;}
.snb.transition .ico_pjt_name img {width:100%; height:auto;}
.snb.transition ul.nav > li > a > span {display:none;}
.snb.transition ul.nav li.active {background:rgba(14,173,255,1.0);}
.snb.transition ul.nav li.active a i {opacity:1.0;}
.snb.transition ul.nav li .sub_nav {display:none; position:absolute; top:0; left:70px; width:200px; z-index:1000;}
.snb.transition ul.nav li.active:hover .sub_nav {display:block;}

/* contents */
.contents {display:table-cell; vertical-align:top;}

/* titArea */
.titArea {display:block; clear:both; min-height:45px; padding:20px 30px 0 50px; border-bottom:1px solid rgba(0,0,0,0.1); background:#fff;}
.titArea h3 {float:left; color:#000; font-size:22px; font-weight:600; line-height:40px;}
.titArea .path {float:left; margin:15px 0 0 30px;}
.titArea .path span {float:left; margin:0 6px 0 0; padding:0 15px 0 0; color:#000; font-size:12px; font-weight:400; line-height:18px; background:url(../img/arrow_path_bk.png) right 50% no-repeat; opacity:0.5;}
.titArea .path span img {margin:-2px 0 0 0; vertical-align:middle; opacity:0.5;}
.titArea .path span:last-child {margin:0; padding:0; font-size:13px; background:none; opacity:0.8;}

.titArea .tab_nav {float:right; margin:10px 0 0 0;}
.titArea .tab_nav li {float:left; margin:0 0 0 10px;}
.titArea .tab_nav li a {display:block; height:34px; margin:0; padding:0 15px; color:#666; font-size:13px; line-height:34px; border:1px solid rgba(0,0,0,0.1); border-radius:3px 3px 0 0; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.titArea .tab_nav li a:hover, .titArea .tab_nav li a:focus {color:rgba(14,173,255,1.0); transition:all 0.3s ease-out;}
.titArea .tab_nav li a.active {color:#fff; background:rgba(14,173,255,1.0); transition:all 0.3s ease-out;}

/* infoArea */
.infoArea {display:block; clear:both; min-height:30px; padding:15px 30px 15px 50px; border-bottom:1px solid rgba(0,0,0,0.1); background:#fff;}
.infoArea .dl_infoBox {display:block; clear:both; overflow:hidden; margin:0 0 10px 0;}
.infoArea .dl_infoBox:last-child {margin:0;}
.infoArea .dl_infoBox dl {float:left; width:33.3333%; color:#333; font-size:14px;}
.infoArea .dl_infoBox dl dt {display:inline-block; color:#888;}
.infoArea .dl_infoBox dl dd {display:inline-block; margin:0 0 0 3px; font-weight:bold;}

/* content */
.content {display:block; padding:30px;}

/* section */
.stn {display:table; overflow:hidden; position:relative; width:100%; margin:0 0 30px 0; border-radius:5px; box-shadow:2px 2px 10px rgba(0,0,0,0.1); background:#fff;}

.tbl_info_btnBox {display:block; clear:both; overflow:hidden; padding:10px 15px;}
.tbl_info_btnBox h3 {float:left; color:#333; font-size:17px; font-weight:bold; line-height:30px;}
.tbl_info_btnBox dl {display:inline-block; margin:0 0 0 15px; font-size:14px; font-weight:normal;}
.tbl_info_btnBox dl dt {display:inline-block; color:#666;}
.tbl_info_btnBox dl dd {display:inline-block; color:rgba(14,173,255,1.0);}
.tbl_info_btnBox .dateBox {float:left; margin:0 15px 0 0;}
.tbl_info_btnBox .dateBox .hyphen {color:#999;}
.tbl_info_btnBox .dateBox .ipt_txt {display:inline-block; width:70px; height:30px; padding:0 30px 0 5px; line-height:30px; border:1px solid #fff; border-radius:3px; box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1); background:#f1f1f1 url(../img/ico_date_bk.png) right 7px top 50% no-repeat; transition:all 0.3s ease-out;}
.tbl_info_btnBox .dateBox .ipt_txt:focus {border:1px solid #c8135c; box-shadow:inset 2px 2px 5px rgba(0,0,0,0); transition:all 0.3s ease-out;}

.tbl_info_btnBox .selectbox {float:left; margin:1px 15px 0 0; border:none; border:1px solid #fff; border-radius:3px; box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1); background:#f1f1f1; transition:all 0.3s ease-out;}
.tbl_info_btnBox .selectbox.active {border:1px solid rgba(14,173,255,1.0); box-shadow:none; transition:all 0.3s ease-out;}
.tbl_info_btnBox .selectbox:before {right:5px;}
.tbl_info_btnBox .selectbox select {min-width:100px; min-height:28px; color:#333; border:1px solid #000;}
.tbl_info_btnBox .selectbox label {padding:0 5px; height:30px; color:#333; line-height:30px;}
.tbl_info_btnBox .selectbox select:hover {border:1px solid #000;}

.tbl_info_btnBox .srchbox {float:left;}
.tbl_info_btnBox .srchbox.line_l {margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px solid #e5e5e5;}
.tbl_info_btnBox .srchbox .ipt_txt {float:left; min-width:200px; height:30px; padding:0 5px; line-height:30px; border:1px solid #fff; border-radius:3px; box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1); background:#e6ecf1; transition:all 0.3s ease-out;}
.tbl_info_btnBox .srchbox .ipt_txt:focus {border:1px solid #c8135c; box-shadow:inset 2px 2px 5px rgba(0,0,0,0); transition:all 0.3s ease-out;}
.tbl_info_btnBox .srchbox .btn_srch {float:left; height:32px; margin:0; padding:0 15px 0 10px; color:#666; font-size:12px; line-height:30px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_info_btnBox .srchbox .btn_srch:hover {color:#333; border:1px solid rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.tbl_info_btnBox .srchbox .btn_srch img {display:inline-block; width:13px; margin:0 7px 0 0; vertical-align:middle; opacity:0.2;}

.tbl_info_btnBox .txtareaBox {display:block; clear:both; overflow:hidden; width:100%; }
.tbl_info_btnBox .txtareaBox .txtArea {float:left;; width:calc(100% - 123px); padding:5px 10px; font-size:13px; line-height:26px; vertical-align:top; border:1px solid #fff; border-radius:3px; box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1); background:#f1f1f1; transition:all 0.3s ease-out;}
.tbl_info_btnBox .txtareaBox .txtArea:focus {border:1px solid #c8135c; box-shadow:inset 2px 2px 5px rgba(0,0,0,0); transition:all 0.3s ease-out;}
.tbl_info_btnBox .txtareaBox .btn_textArea {float:left; width:100px; height:81px; margin:0 0 0 1px; padding:0; color:#666; font-size:12px; text-align:center; line-height:30px; vertical-align:top; border:1px solid rgba(0,0,0,0.1); border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_info_btnBox .txtareaBox .btn_textArea:hover, .tbl_info_btnBox .txtareaBox .btn_textArea:focus {color:#333; border:1px solid rgba(0,0,0,0.3); transition:all 0.3s ease-out;}

.tbl_info_btnBox .btn_lst {float:left;}
.tbl_info_btnBox .btn_lst li {float:left; position:relative; margin:0 0 0 10px;}
.tbl_info_btnBox .btn_lst li:first-child {margin:0;}
.tbl_info_btnBox .btn_lst li button {display:block; height:32px; margin:0; padding:0 10px; color:#666; font-size:12px; line-height:30px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_info_btnBox .btn_lst li button:hover, .tbl_info_btnBox .btn_lst li button:focus {color:#333; border:1px solid rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.tbl_info_btnBox .btn_lst li button img {display:inline-block; margin:0 7px 0 0; vertical-align:middle; opacity:0.2;}

.tbl_info_btnBox .btn_lst li button.btn_clr {display:block; height:32px; margin:0; padding:0 10px; color:rgba(255,255,255,1.0); font-size:12px; line-height:30px; border:1px solid rgba(14,173,255,1.0); border-radius:3px; background:rgba(14,173,255,1.0); cursor:pointer; transition:all 0.3s ease-out;}
.tbl_info_btnBox .btn_lst li button.btn_clr:hover, .tbl_info_btnBox .btn_lst li button.btn_clr:focus {color:rgba(255,255,255,1.0); border:1px solid rgba(14,173,255,1.0); transition:all 0.3s ease-out;}
.tbl_info_btnBox .btn_lst li button.btn_clr img {display:inline-block; margin:0 7px 0 0; vertical-align:middle; opacity:0.2;}

.tbl_info_btnBox .btn_lst li a {display:block; height:32px; margin:0; padding:0 10px; color:#666; font-size:12px; line-height:30px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_info_btnBox .btn_lst li a:hover, .tbl_info_btnBox .btn_lst li button:focus {color:#333; border:1px solid rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.tbl_info_btnBox .btn_lst li a img {display:inline-block; margin:0 7px 0 0; vertical-align:middle; opacity:0.2;}

.tbl_info_btnBox .btn_lst li label.btn_file {display:block; height:30px; margin:0; padding:0 10px; color:#666; font-size:12px; line-height:28px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_info_btnBox .btn_lst li label.btn_file:hover, .tbl_info_btnBox .btn_lst li label.btn_file:focus {color:#333; border:1px solid rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.tbl_info_btnBox .btn_lst li label.btn_file img {display:inline-block; margin:0 7px 0 0; vertical-align:middle; opacity:0.2;}
.tbl_info_btnBox .btn_lst li .ipt_file {overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; line-height:0;}

/* table(List) */
.tbl_lst {width:100%; background:#fff;}
.tbl_lst thead th {min-height:32px; padding:12px 10px; color:#fff; font-size:13px; font-weight:300px; text-align:left; line-height:18px; border-bottom:1px solid rgba(0,0,0,0.2); background:#455674; word-break:normal;}
.tbl_lst thead th:first-child {padding:10px 10px 10px 15px;}
.tbl_lst tbody td {padding:5px 10px; color:#02112e; font-size:13px; font-weight:300px; text-align:left; line-height:17px; border-bottom:1px solid #eaeaea; word-break:normal;}
.tbl_lst tbody td:first-child {padding:10px 10px 10px 15px;}
.tbl_lst tbody td .txt {display:inline-block; max-width:300px;}
.tbl_lst tbody td a.link {color:rgba(14,173,255,1.0);}
.tbl_lst tbody td a.link:hover, .tbl_lst tbody td a.link:focus {text-decoration:underline;}
.tbl_lst button.btn {display:block; height:26px; padding:0 15px; color:rgba(14,173,255,1.0); text-align:center; line-height:24px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_lst button.btn:hover {color:#fff; border:1px solid rgba(14,173,255,1.0); background:rgba(14,173,255,1.0); transition:all 0.3s ease-out;}

.tbl_lst .input_ck {border:none !important;}
.tbl_lst tbody td .dataNone {display:block; text-align:center;}
.tbl_lst tbody tr:hover td {background:#f2f6f9; transition:all 0.3s ease-out;}

.tbl_lst .btn_lst {display:block;}
.tbl_lst .btn_lst li {display:inline-block; margin:0 3px;}
.tbl_lst .btn_lst li button {display:block; height:32px; margin:0; padding:0 10px; color:#666; font-size:12px; line-height:30px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_lst .btn_lst li button:hover, .tbl_lst .btn_lst li button:focus {color:#333; border:1px solid rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.tbl_lst .btn_lst li button img {display:inline-block; margin:-1px 5px 0 0; vertical-align:middle; opacity:0.2;}

/* table(View) */
.tbl_view {width:100%; background:#fff; table-layout:fixed;}
.tbl_view thead th {min-height:32px; padding:12px 10px; color:#fff; font-size:11px; font-weight:300px; text-align:left; line-height:18px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; background:#455674; word-break:normal; text-align:center; font-weight:bold;}
.tbl_view thead th:first-child {padding:7px 10px 7px 15px;}
.tbl_view tbody th {padding:7px 10px 7px 15px; color:#fff; font-size:13px; font-weight:300px; text-align:left; line-height:18px; vertical-align:top; border-bottom:1px solid rgba(0,0,0,0.2); border-right:1px solid #fff; background:#455674; word-break:normal; text-align:center;}
.tbl_view tbody td {padding:7px 10px; color:#02112e; font-size:11px; font-weight:300px; text-align:left; line-height:17px; vertical-align:top; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; word-break:normal;}
.tbl_view tbody td:last-child {border-right:none;}
.tbl_view tbody tr:last-child th {border-bottom:none;}
.tbl_view tbody tr:last-child td {border-bottom:none;}
.tbl_view tbody td a.link {color:rgba(14,173,255,1.0);}
.tbl_view tbody td a.link:hover, .tbl_view tbody td a.link:focus {text-decoration:underline;}
.tbl_view tbody td .ipt_txt {display:block; width:calc(100% - 25px); height:30px; padding:0 10px; line-height:30px; color:#333; border:1px solid #ccc; border-radius:3px; background:#fff; transition:all 0.3s ease-out;}
.tbl_view tbody td .ipt_txt:focus {border:1px solid rgba(14,173,255,1.0); background:#fff; transition:all 0.3s ease-out;}
.tbl_view .tbl_select {display:block; position:relative; min-width:130px; height:32px; padding:0 35px 0 10px; color:#333; text-align:left; line-height:32px; border:1px solid #dadada; box-shadow:inset 2px 2px 0px #dadada; border-radius:30px; background:#f5f5f5 url(../img/btn_select.png) 99px 1px no-repeat; background-size:28px; transition:all 0.3s ease-out; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.tbl_view .tbl_select::-ms-expand {display:none;}
.tbl_view .tbl_select:focus {border:1px solid rgba(14,173,255,1.0); transition:all 0.3s ease-out;}
.tbl_view tbody td .dataNone {display:block; text-align:center;}
.tbl_view #report_infos {overflow:auto; display:block; width:950px; max-height:100px}
.tbl_view #report_infos td {width:158px; padding:7px 10px; color:#02112e; font-size:11px; font-weight:300px; text-align:left; line-height:17px; vertical-align:top; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; word-break:normal;}
.tbl_view #use_after_info {overflow:auto; display:block; width:950px; max-height:100px}
.tbl_view #use_after_info td {width:218px; padding:7px 10px; color:#02112e; font-size:11px; font-weight:300px; text-align:left; line-height:17px; vertical-align:top; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; word-break:normal;}

.tbl_info_txt {display:block; padding:0 0 10px 0;}
.tbl_info_txt dl {display:block; font-size:14px;}
.tbl_info_txt dl dt {display:inline-block; color:#666;}
.tbl_info_txt dl dd {display:inline-block; color:rgba(14,173,255,1.0);}

.btmArea {clear:both; overflow:hidden; display:block;}
.btmArea .btn_lst {}
.btmArea .btn_lst li {float:left; margin:0 0 0 10px;}
.btmArea .btn_lst li:first-child {margin:0;}
.btmArea .btn_lst li a {display:block; height:32px; margin:0; padding:0 15px; color:#666; font-size:12px; line-height:30px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.btmArea .btn_lst li a:hover, .btmArea .btn_lst li a:focus {color:#333; border:1px solid rgba(0,0,0,0.5); transition:all 0.3s ease-out;}
.btmArea .btn_lst li a img {display:inline-block; margin:0 7px 0 0; vertical-align:middle; opacity:0.2;}

.tbl_top_btnBox {clear:both; overflow:hidden; padding:0 0 7px 0;}
.tbl_top_btnBox ul {}
.tbl_top_btnBox ul.fl {margin:0;}
.tbl_top_btnBox ul.fl li {float:left; margin:0 5px 0 0;}
.tbl_top_btnBox ul.fr {margin:0;}
.tbl_top_btnBox ul.fr li {float:left; margin:0 0 0 5px;}
.tbl_top_btnBox ul li button {display:block; height:34px; margin:0; padding:0 15px; color:#666; font-size:12px; line-height:32px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_top_btnBox ul li button:hover, .tbl_top_btnBox ul li button:focus {color:#333; border:1px solid rgba(0,0,0,0.5); transition:all 0.3s ease-out;}
.tbl_top_btnBox ul li button img {display:inline-block; margin:-1px 5px 0 0; vertical-align:middle; opacity:0.2;}

.tbl_top_btnBox ul li a {display:block; height:32px; margin:0; padding:0 15px; color:#666; font-size:12px; line-height:32px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_top_btnBox ul li a:hover, .tbl_top_btnBox ul li a:focus {color:#333; border:1px solid rgba(0,0,0,0.5); transition:all 0.3s ease-out;}
.tbl_top_btnBox ul li a img {display:inline-block; margin:-1px 5px 0 0; vertical-align:middle; opacity:0.2;}

.tbl_top_btnBox label.btn_file {display:block; height:32px; margin:0; padding:0 10px; color:#666; font-size:12px; line-height:32px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_top_btnBox label.btn_file:hover, .srchArea label.btn_file:focus {color:#333; border:1px solid rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.tbl_top_btnBox label.btn_file img {display:inline-block; margin:0 7px 0 0; vertical-align:middle; opacity:0.2;}
.tbl_top_btnBox .ipt_file {overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; line-height:0;}

.tbl_btm_btnBox {position:absolute; width:100%; margin:25px 0 0 0;}
.tbl_btm_btnBox ul {}
.tbl_btm_btnBox ul.fl {margin:0 0 0 15px;}
.tbl_btm_btnBox ul.fl li {float:left; margin:0 5px 0 0;}
.tbl_btm_btnBox ul.fr {margin:0 15px 0 0;}
.tbl_btm_btnBox ul.fr li {float:left; margin:0 0 0 5px;}
.tbl_btm_btnBox ul li button {display:block; height:34px; margin:0; padding:0 15px; color:#666; font-size:12px; line-height:32px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_btm_btnBox ul li button:hover, .tbl_btm_btnBox ul li button:focus {color:#333; border:1px solid rgba(0,0,0,0.5); transition:all 0.3s ease-out;}
.tbl_btm_btnBox ul li button img {display:inline-block; margin:-1px 5px 0 0; vertical-align:middle; opacity:0.2;}

.tbl_btm_btnBox ul li a {display:block; height:32px; margin:0; padding:0 15px; color:#666; font-size:12px; line-height:30px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_btm_btnBox ul li a:hover, .tbl_btm_btnBox ul li a:focus {color:#333; border:1px solid rgba(0,0,0,0.5); transition:all 0.3s ease-out;}
.tbl_btm_btnBox ul li a img {display:inline-block; margin:-1px 5px 0 0; vertical-align:middle; opacity:0.2;}

.tbl_btnBox {clear:both; display:block; min-height:34px; margin:0 0 7px 0;}
.tbl_btnBox ul {}
.tbl_btnBox ul.fl li {float:left; margin:0 10px 0 0;}
.tbl_btnBox ul.fr li {float:left; margin:0 0 0 10px;}

.tbl_btnBox ul li a {display:block; height:32px; margin:0; padding:0 15px; color:#666; font-size:12px; line-height:32px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_btnBox ul li a:hover, .tbl_btnBox ul li a:focus {color:#333; border:1px solid rgba(0,0,0,0.5); transition:all 0.3s ease-out;}
.tbl_btnBox ul li a img {display:inline-block; margin:-1px 5px 0 0; vertical-align:middle; opacity:0.2;}

button.disabled {color:#ccc !important; border:1px solid #e7e7e7 !important; cursor:default;}
button.disabled img {opacity:0.1 !important;}

/* button */
button.btn_ico {display:block; width:30px; height:30px; margin:0; padding:0; color:#fff; font-size:12px; line-height:28px; border:none; border-radius:3px; vertical-align:middle; border:1px solid #ccd3df; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
button.btn_ico img {height:16px; vertical-align:middle; opacity:0.3; transition:all 0.3s ease-out;}
button.btn_ico:hover, button.btn_ico:focus {color:#333; border:1px solid #b7c0ce; transition:all 0.3s ease-out;}
button.btn_ico:hover img, button.btn_ico:focus img {opacity:0.5; transition:all 0.3s ease-out;}

/* index */
.indexArea {display:block; clear:both; overflow:hidden; position:relative; min-height:30px; border-bottom:1px solid rgba(0,0,0,0.1); background:#fff;}
.indexArea .txt {display:block; padding:30px 0 20px 0; color:#333; font-size:17px; font-weight:500; text-align:center;}
.indexArea .btn_index {display:block; margin:0 0 30px 0; text-align:center;}
.indexArea .btn_index li {display:inline-block; margin:0 5px;}
.indexArea .btn_index li button {display:block; min-width:70px; height:32px; margin:0; padding:0 10px; color:#666; font-size:12px; line-height:30px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.indexArea .btn_index li button:hover, .indexArea .btn_index li button:focus {color:#fff; border:1px solid rgba(0,0,0,0.1); background:rgba(14,173,255,1.0); transition:all 0.3s ease-out;}

.indexArea .gaugeBox {display:block; overflow:hidden; position:relative; height:0; background:rgba(0,0,0,0.05);}
.indexArea .gaugeBox.indexing {height:3px;}
.indexArea .gaugeBox .gauge {float:left; width:0%; height:3px; background:rgba(14,173,255,1.0);}

/* footer */
#footer {display:block; height:29px; color:#999; font-size:11px; text-align:center; line-height:28px; border-top:1px solid #e5e5e5; background:#fff;}

/* lyrWrap */
.lyrWrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:3000;}
.lyrWrap .lyr_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.lyrWrap .lyrBox {overflow:hidden; position:absolute; top:100px; left:50%; width:600px; margin:0 0 0 -300px; border-radius:10px; background:#fff;}
.lyrWrap .lyrWideBox {overflow:hidden; position:absolute; top:30px; left:50%; width:1000px; margin:0 0 0 -500px; border-radius:10px; background:#fff;}
.lyrWrap .modalWideBox {overflow:hidden; position:absolute; top:30px; left:50%; width:1000px; height:550px; margin:0 0 0 -500px; border-radius:10px; background:#fff;}
.lyrWrap .modalWideBox table tbody td {text-align: center;}
#report_summaries td {text-align: center;}
#report_history td {text-align: center;}

.lyrWrap .lyr_top {display:block; height:30px; padding:7px 20px; background:#31415d;}
.lyrWrap .lyr_top h3 {float:left; margin:5px 0 0 0; color:#fff; font-size:15px;}
.lyrWrap .lyr_top .btn_lyr_close {overflow:hidden; float:right; width:30px; height:30px; text-indent:-99px; border:none; border-color:none; background:url(../img/btn_legacy_close_w.png) 50% 50% no-repeat; opacity:0.5; cursor:pointer; transition:all 0.3s ease-out;}
.lyrWrap .lyr_top .btn_lyr_close:hover, .lyrWrap .lyrBox .lyr_top .btn_lyr_close:focus {opacity:1.0; transition:all 0.3s ease-out;}

.lyrWrap .lyr_mid {display:block; overflow:auto; max-height:300px; padding:25px; background:#e6ecf1;}
.lyrWrap .modalMid {display:block; overflow:auto; height: 400px; max-height: 750px; padding:25px; background:#e6ecf1;}

.lyrWrap .lyr_mid .tbl_view tbody th {vertical-align:middle; background:#74839d;}
.lyrWrap .lyr_mid .tbl_view tbody tr:first-child th {border-top:1px solid #5d7090;}
.lyrWrap .lyr_mid .tbl_view tbody tr:first-child td {border-top:1px solid #ccc;}
.lyrWrap .lyr_mid .tbl_view tbody tr:last-child th {border-bottom:1px solid #5d7090;}
.lyrWrap .lyr_mid .tbl_view tbody tr:last-child td {border-bottom:1px solid #ccc;}
.lyrWrap .lyr_mid .audioBox {display:none; width:100%; padding:10px 0 0 0;}
.lyrWrap .lyr_mid .audioBox audio {width:100%;}

.lyrWrap .lyr_mid .txtBox {display:block; padding:0; text-align:center;}
.lyrWrap .lyr_mid .txtBox .imgBox {margin:0 0 20px 0;}
.lyrWrap .lyr_mid .txtBox .txt {color:#333; font-size:18px; font-weight:400;}

.lyrWrap .lyr_mid .ipt_txt {display:inline-block; width:calc(100% - 12px); height:30px; padding:0 5px; line-height:30px; border:1px solid #ccd3df; border-radius:3px; background:#fff; transition:all 0.3s ease-out;}
.lyrWrap .lyr_mid .ipt_txt:focus {border:1px solid #007eff; box-shadow:inset 2px 2px 5px rgba(0,0,0,0); transition:all 0.3s ease-out;}
.lyrWrap .lyr_mid .ipt_txtarea {display:inline-block; width:calc(100% - 12px); height:100px; padding:5px; border:1px solid #ccd3df; border-radius:3px; background:#fff; transition:all 0.3s ease-out;}
.lyrWrap .lyr_mid .ipt_txtarea:focus {border:1px solid #007eff; box-shadow:inset 2px 2px 5px rgba(0,0,0,0); transition:all 0.3s ease-out;}

.lyrWrap .lyr_mid .ipt_treeview {display:inline-block; float:left; width:calc(100% - 44px); height:30px; padding:0 5px; line-height:30px; border:1px solid #ccd3df; border-radius:3px 0 0 3px; background:#fff; transition:all 0.3s ease-out;}
.lyrWrap .lyr_mid .ipt_treeview:focus {border:1px solid #007eff; box-shadow:inset 2px 2px 5px rgba(0,0,0,0); transition:all 0.3s ease-out;}
.lyrWrap .lyr_mid button.btn_treeview {display:inline-block; width:32px; height:32px; margin:0; padding:0; color:#fff; font-size:12px; line-height:28px; border:none; border-radius:0 3px 3px 0; vertical-align:middle; border:1px solid #8995aa; background:#8995aa; cursor:pointer; transition:all 0.3s ease-out;}
.lyrWrap .lyr_mid button.btn_treeview img {height:16px; vertical-align:middle; opacity:0.3; transition:all 0.3s ease-out;}
.lyrWrap .lyr_mid .btn_treeview:hover, .lyrWrap .lyr_mid .btn_treeview:focus {color:#333; border:1px solid #6e7a8f; background:#6e7a8f; transition:all 0.3s ease-out;}
.lyrWrap .lyr_mid .btn_treeview:hover img, .lyrWrap .lyr_mid .btn_treeview:focus img {opacity:0.5; transition:all 0.3s ease-out;}

.lyrWrap .lyr_btm {display:block;  height:30px; padding:15px 0; text-align:center;  background:#fff;}
.lyrWrap .lyr_btm .btn_lst {display:block;}
.lyrWrap .lyr_btm .btn_lst li {display:inline-block; margin:0 3px;}
.lyrWrap .lyr_btm .btn_lst li button {display:block; min-width:70px; height:32px; margin:0; padding:0 10px; color:#666; font-size:12px; line-height:30px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.lyrWrap .lyr_btm .btn_lst li button:hover, .lyrWrap .lyrBox .lyr_btm .btn_lst li button:focus {color:#333; border:1px solid rgba(0,0,0,0.5); transition:all 0.3s ease-out;}
.lyrWrap .lyr_btm .btn_lst li button img {display:inline-block; margin:0 7px 0 0; vertical-align:middle; opacity:0.2;}

.lyrWrap .lyr_btm .btn_lst li button.btn_clr {color:#fff; border:1px solid rgba(14,173,255,1.0); background:rgba(14,173,255,1.0); transition:all 0.3s ease-out;}

.lyrWrap .lyrBox02 {overflow:hidden; position:absolute; top:90px; left:50%; width:500px; margin:0 0 0 -250px; border-radius:10px;}

.lyrWrap .downloadBox {position:absolute; top:50%; left:50%; width:400px; height:140px; margin:-70px 0 0 -200px; text-align:center; border-radius:10px; background:#000;}
.lyrWrap .downloadBox a {display:inline-block; padding:20px; color:#fff; font-size:18px; line-height:40px; vertical-align:middle; transition:all 0.3s ease-out;}
.lyrWrap .downloadBox a:hover, .downloadBox a:focus {color:#007eff; text-decoration:underline; transition:all 0.3s ease-out;}
.lyrWrap .downloadBox a img {display:inline-block; width:40px; margin:0 15px 0 0;}
.lyrWrap .downloadBox dl.updateTxt {display:block; padding:10px 0 0 0; border-top:1px solid rgba(255,255,255,0.2);}
.lyrWrap .downloadBox dl.updateTxt dt {display:inline-block; margin:0 10px 0 0;}
.lyrWrap .downloadBox dl.updateTxt dd {display:inline-block; color:#ccc;}

.lyrWrap .selectbox {margin:1px 0 0 0; border:none; border:1px solid #fff; border-radius:3px; border:1px solid #ccd3df; background:#fff; transition:all 0.3s ease-out;}
.lyrWrap .selectbox.active {border:1px solid rgba(14,173,255,1.0); box-shadow:none; transition:all 0.3s ease-out;}
.lyrWrap .selectbox:before {right:5px;}
.lyrWrap .selectbox select {min-width:100px; min-height:32px; color:#333; border:1px solid #000;}
.lyrWrap .selectbox label {padding:0 5px; height:34px; color:#333; line-height:32px;}
.lyrWrap .selectbox select:hover {border:1px solid #000;}

#lyr_modify {display:none;}
#lyr_delete {display:none;}
#lyr_add {display:none;}
#lyr_delete .lyr_mid {padding:40px 0;}

.ipt_txt.disabled {background:#e9ecf2 !important;}

.btn_depth {display:inline-block; width:20px; height:20px; margin:0 5px 0 0; padding:0; color:#666; font-family:'Roboto',sans-serif; font-size:14px; font-weight:bold; line-height:18px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; vertical-align:middle; border:1px solid rgba(0,0,0,0.1); background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.btn_depth:hover, .btn_depth:focus {color:#8995aa; border:1px solid #8995aa; transition:all 0.3s ease-out;}
.btn_depth.active {color:#fff; background:#8995aa;}

.btn_subDepth {display:inline-block; width:20px; height:20px; margin:0 5px 0 0; padding:0; color:#666; font-family:'Roboto',sans-serif; font-size:14px; font-weight:bold; line-height:18px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; vertical-align:middle; border:1px solid rgba(0,0,0,0.1); background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.btn_subDepth:hover, .btn_subDepth:focus {color:#8995aa; border:1px solid #8995aa; transition:all 0.3s ease-out;}
.btn_subDepth.active {color:#fff; background:#8995aa;}

/* table(List) */
.tbl_depth01 {width:100%; background:#fff;}
.tbl_depth01 thead th {position:relative; min-height:32px; padding:12px 10px; color:#fff; font-size:13px; font-weight:300px; text-align:left; line-height:18px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:#31415d; word-break:normal;}
.tbl_depth01 tbody td {position:relative; padding:5px 10px; color:#02112e; font-size:13px; font-weight:300px; text-align:left; line-height:17px; border-bottom:1px solid #eaeaea; word-break:normal;}
.tbl_depth01 tbody tr:last-child td {border:none;}

.tbl_depth01 .btn_lst {display:block;}
.tbl_depth01 .btn_lst li {display:inline-block; margin:0 3px;}
.tbl_depth01 .btn_lst li button {display:block; height:32px; margin:0; padding:0 10px; color:#666; font-size:12px; line-height:30px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; background:#fff; cursor:pointer; transition:all 0.3s ease-out;}
.tbl_depth01 .btn_lst li button:hover, .tbl_depth01 .btn_lst li button:focus {color:#333; border:1px solid rgba(0,0,0,0.3); transition:all 0.3s ease-out;}
.tbl_depth01 .btn_lst li button img {display:inline-block; margin:-1px 5px 0 0; vertical-align:middle; opacity:0.2;}

.tbl_depth02 {display:none; padding:0 !important; background:#f9f9f9;}
.tbl_depth02 tbody tr td:first-child {padding:5px 10px 5px 35px;}
.tbl_depth02 tbody tr td {border-bottom:1px solid #eaeaea !important;}
.tbl_depth02 tbody tr:last-child td {border:none !important;}

.tbl_depth03 {display:none; padding:0 !important; background:#fff;}
.tbl_depth03 tbody tr td:first-child {padding:5px 10px 5px 60px;}
.tbl_depth03 tbody tr td {border-bottom:1px solid rgba(0,0,0,0.1) !important;}
.tbl_depth03 tbody tr:last-child td {border:none !important;}

.tbl_sub {width:100%; background:#f9f9f9;}
.tbl_depth03 .tbl_sub {width:100%; background:#eee;}

.subTab_box {clear:both; overflow:hidden; position:relative;}
.subTab_box:before {content:''; position:absolute; left:0; top:35px; width:100%; height:1px; background:rgba(14,173,255,1.0);}
.subTab_box .subTab_tit {float:right; margin:3px 10px 0 0;}
.subTab_box .subTab_tit dt {display:inline-block; color:#666; font-size:13px;}
.subTab_box .subTab_tit dd {display:inline-block; color:#666; font-size:13px;}

.subTab_nav {float:left; position:relative; height:36px; margin:0 0 0 5px;}
.subTab_nav li {float:left; position:relative; margin:0 0 0 5px;}
.subTab_nav li a {display:block; height:34px; margin:0; padding:0 15px; color:#6b80a5; font-size:13px; line-height:34px; border:1px solid #d8dfed; border-bottom:1px solid rgba(14,173,255,1.0); border-radius:3px 3px 0 0; background:#d8dfed; cursor:pointer; transition:all 0.3s ease-out;}
.subTab_nav li a:hover, .subTab_nav li a:focus {color:rgba(14,173,255,1.0); transition:all 0.3s ease-out;}
.subTab_nav li a.active {color:rgba(14,173,255,1.0); border:1px solid rgba(14,173,255,1.0); border-bottom:1px solid #fff; background:#fff; transition:all 0.3s ease-out;}

.subTab_container {overflow:hidden; width:calc(100% - 40px); margin:0 0 30px 0; padding:20px 20px 0 20px; border-radius:0 0 5px 5px; box-shadow:2px 2px 10px rgba(0,0,0,0.1); background:#fff;}

.historyBox {display:none;}

.ui-jqgrid-resize {position:absolute; width:100%; height:70%;}
.ui-th-column {position:relative; min-height:32px; padding:12px 10px; color:#fff; font-size:13px; font-weight:300px; text-align:left; line-height:18px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:#31415d; word-break:normal;}

@media screen and (-webkit-min-device-pixel-ratio:0){
#container {height:calc(100% - 30px);}
.srchArea .txtareaBox .txtArea {min-height:70px;}
}

/* ToggleSwitch */
.slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s;}
.slider:before {position:absolute; content:""; height:26px; width:26px; left:4px; bottom:4px; background-color:white; -webkit-transition:.4s; transition:.4s;}
input:checked + .slider {background-color:#0eadff;}
input:checked + .slider:before {-webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}
.slider.round {border-radius:34px;}
.slider.round:before {border-radius:50%;}

/* admin login */
.half-p {width:60%; height:20px; margin-left:auto; margin-right:auto;}
.login-form {width:50%; margin:0 auto;}
.login-input, select {width:100%; display:block; margin:8px 0; padding:8px; border:1px solid #ccc; border-radius:4px;}
.login-btn {width:100%; margin:10px 0; padding:10px 20px; background-color:#333; border:none; border-radius:4px; transition:0.2s ease; color:white;}
.login-btn:hover {background-color:#02112e}

/* admin common search */
.contents .search_txt {width:200px; height:30px; margin:30px auto 10px auto; color:#000; font-size:15px; text-align:center;}
.contents .search {display:table; width:380px; height:30px; margin:10px auto 10px auto;}
.contents .search_input_wrap {display:table-cell; width:300px; height:30px; vertical-align:middle; line-height:30px;}
.contents .search_input {width:300px; height:30px; padding-left:5px;}
.contents .search_btn {display:table-cell; width:50px; height:20px; padding:2px; border-radius:2px; background-color:#0eadff; color:#ffffff; font-size:11px; text-align:center; vertical-align:middle; cursor:pointer;}

/* admin office deer */
.idleDeerToggleLabel {position:relative; display:inline-block; float:left; width:65px; margin-left:20px; height:34px; line-height:34px;}
.idleDeerToggleSwitch {position:relative; display:inline-block; float:left; width:60px; height:34px;}
.idleDeerToggleSwitch input {opacity:0; width:0; height:0;}
.ridingDeerToggleLabel {position:relative; display:inline-block; float:left; width:65px; margin-left:20px; height:34px; line-height:34px;}
.ridingDeerToggleSwitch {position:relative; display:inline-block; float:left; width:60px; height:34px;}
.ridingDeerToggleSwitch input {opacity:0; width:0; height:0;}
.inactiveDeerToggleLabel {position:relative; display:inline-block; float:left; width:65px; margin-left:20px; height:34px; line-height:34px;}
.inactiveDeerToggleSwitch {position:relative; display:inline-block; float:left; width:60px; height:34px;}
.inactiveDeerToggleSwitch input {opacity:0; width:0; height:0;}
.hubToggleLabel {position:relative; display:inline-block; float:left; width:35px; margin-left:20px; height:34px; line-height:34px;}
.hubToggleSwitch {position:relative; display:inline-block; float:left; width:60px; height:34px;}
.hubToggleSwitch input {opacity:0; width:0; height:0;}

.deer_window li {padding:2px; color:black; font-size:12px;}
.deer_window li.deer_state_change_btn {display:block; height:20px; margin-top:2px; padding:0 5px; color:#666; font-size:12px; text-align:center; line-height:20px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer;}

#deer_table .selectbox select {min-height:20px; color:#333;}
#deer_table .selectbox label {height:20px; color:#333;}

.contents #deer_table table thead tr th {vertical-align:middle;}
.contents #deer_table table tbody tr td {vertical-align:middle;}
.contents #deer_table table tbody tr td input {padding:5px;}
.contents #deer_table table thead tr th:nth-child(1) {width:10%;}
.contents #deer_table table thead tr th:nth-child(2) {width:6%;}
.contents #deer_table table thead tr th:nth-child(3) {width:6%;}
.contents #deer_table table thead tr th:nth-child(4) {width:6%;}
.contents #deer_table table thead tr th:nth-child(5) {width:10%;}
.contents #deer_table table thead tr th:nth-child(6) {width:10%;}
.contents #deer_table table thead tr th:nth-child(7) {width:10%;}
.contents #deer_table table thead tr th:nth-child(8) {width:10%;}
.contents #deer_table table thead tr th:nth-child(9) {width:10%;}
.contents #deer_table table thead tr th:nth-child(10) {width:10%;}
.contents #deer_table table thead tr th:nth-child(11) {width:10%;}
.contents #deer_table table thead tr th:nth-child(12) {width:10%;}
.contents #deer_table table tbody tr td:nth-child(1) {width:10%;}
.contents #deer_table table tbody tr td:nth-child(2) {width:6%;}
.contents #deer_table table tbody tr td:nth-child(3) {width:6%;}
.contents #deer_table table tbody tr td:nth-child(4) {width:6%;}
.contents #deer_table table tbody tr td:nth-child(5) {width:10%;}
.contents #deer_table table tbody tr td:nth-child(6) {width:10%;}
.contents #deer_table table tbody tr td:nth-child(7) {width:10%;}
.contents #deer_table table tbody tr td:nth-child(8) {width:10%;}
.contents #deer_table table tbody tr td:nth-child(9) {width:10%;}
.contents #deer_table table tbody tr td:nth-child(10) {width:10%;}
.contents #deer_table table tbody tr td:nth-child(11) {width:10%;}
.contents #deer_table table tbody tr td:nth-child(12) {width:10%;}

.lyrWrap #deer_use_table {max-height:200px;}
.lyrWrap #deer_use_table table thead tr th {vertical-align:middle;}
.lyrWrap #deer_use_table table tbody tr td {vertical-align:middle;}
.lyrWrap #deer_use_table table thead tr th:nth-child(1) {width:8%;}
.lyrWrap #deer_use_table table thead tr th:nth-child(2) {width:10%;}
.lyrWrap #deer_use_table table thead tr th:nth-child(3) {width:10%;}
.lyrWrap #deer_use_table table thead tr th:nth-child(4) {width:10%;}
.lyrWrap #deer_use_table table thead tr th:nth-child(5) {width:15%;}
.lyrWrap #deer_use_table table thead tr th:nth-child(6) {width:15%;}
.lyrWrap #deer_use_table table thead tr th:nth-child(7) {width:8%;}
.lyrWrap #deer_use_table table thead tr th:nth-child(8) {width:8%;}
.lyrWrap #deer_use_table table thead tr th:nth-child(9) {width:8%;}
.lyrWrap #deer_use_table table thead tr th:nth-child(10) {width:8%;}
.lyrWrap #deer_use_table table tbody tr td:nth-child(1) {width:8%; text-align:center;}
.lyrWrap #deer_use_table table tbody tr td:nth-child(2) {width:10%; text-align:center;}
.lyrWrap #deer_use_table table tbody tr td:nth-child(3) {width:10%; text-align:center;}
.lyrWrap #deer_use_table table tbody tr td:nth-child(4) {width:10%; text-align:center;}
.lyrWrap #deer_use_table table tbody tr td:nth-child(5) {width:15%; text-align:center;}
.lyrWrap #deer_use_table table tbody tr td:nth-child(6) {width:15%; text-align:center;}
.lyrWrap #deer_use_table table tbody tr td:nth-child(7) {width:8%; text-align:center;}
.lyrWrap #deer_use_table table tbody tr td:nth-child(8) {width:8%; text-align:center;}
.lyrWrap #deer_use_table table tbody tr td:nth-child(9) {width:8%; text-align:center;}
.lyrWrap #deer_use_table table tbody tr td:nth-child(10) {width:8%; text-align:center;}

/* admin office hub */
.circleToggleLabel {position:relative; display:inline-block; float:left; margin-left:20px; width:60px;  height:34px; line-height:34px;}
.circleToggleSwitch {position:relative; display:inline-block; float:left; width:60px; height:34px;}
.deerToggleLabel {position:relative; display:inline-block; float:left; margin-left:20px; width:60px; height:34px; line-height:34px;}
.deerToggleSwitch {position:relative; display:inline-block; float:left; width:60px; height:34px;}
.circleToggleSwitch input {opacity:0; width:0; height:0;}
.deerToggleSwitch input {opacity:0; width:0; height:0;}

/* admin office hub-new */
.contents ul.menu_list {background:#fff; list-style:none; width:100px;}
.contents ul.menu_list li {display:block; padding:8px 5px; text-align:left; overflow:hidden; cursor:pointer; border: 1px solid #eee;}
.contents ul.menu_list li:hover {background:#eee}

#hub_table .selectbox select {min-height:20px; color:#333;}
#hub_table .selectbox label {height:20px; color:#333;}

.contents #hub_table table thead tr th {vertical-align:middle;}
.contents #hub_table table tbody tr td {vertical-align:middle;}
.contents #hub_table table tbody tr td input {padding:5px;}
.contents #hub_table table thead tr th:nth-child(1) {width:5%;}
.contents #hub_table table thead tr th:nth-child(2) {width:30%;}
.contents #hub_table table thead tr th:nth-child(3) {width:10%;}
.contents #hub_table table thead tr th:nth-child(4) {width:5%;}
.contents #hub_table table thead tr th:nth-child(5) {width:6%;}
.contents #hub_table table thead tr th:nth-child(6) {width:3%;}
.contents #hub_table table tbody tr td:nth-child(1) {width:5%; text-align:center;}
.contents #hub_table table tbody tr td:nth-child(2) {width:30%;}
.contents #hub_table table tbody tr td:nth-child(2) input {width:100%; border:none; font-size:13px;}
.contents #hub_table table tbody tr td:nth-child(2) input:focus {border-bottom:1px solid #ccc;}
.contents #hub_table table tbody tr td:nth-child(3) {width:10%;}
.contents #hub_table table tbody tr td:nth-child(3) input {width:100%; border:none; font-size:13px;}
.contents #hub_table table tbody tr td:nth-child(3) input:focus {border-bottom:1px solid #ccc;}
.contents #hub_table table tbody tr td:nth-child(4) {width:5%; text-align:center;}
.contents #hub_table table tbody tr td:nth-child(4) input {width:100%; border:none; font-size:13px;}
.contents #hub_table table tbody tr td:nth-child(5) {width:6%;}
.contents #hub_table table tbody tr td:nth-child(6) {width:3%; text-align:center;}
.contents #hub_table table tbody tr td:nth-child(6) input {width:100%; border:none; font-size:13px;}

.inactiveHubToggleLabel {position:relative; display:inline-block; float:left; width:65px; margin-left:20px; height:34px; line-height:34px;}
.inactiveHubToggleSwitch {position:relative; display:inline-block; float:left; width:60px; height:34px;}
.inactiveHubToggleSwitch input {opacity:0; width:0; height:0;}

.hub_window li {padding:2px; color:black; font-size:12px;}
.hub_window li.hub_activation_change_btn {display:block; height:20px; margin-top:2px; padding:0 5px; color:#666; font-size:12px; text-align:center; line-height:20px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer;}
.hub_window li.hub_save_btn {display:block; height:20px; margin-top:2px; padding:0 5px; color:#666; font-size:12px; text-align:center; line-height:20px; border:1px solid #dadada; border-radius:3px; background:#fff; cursor:pointer;}

/* admin office battery */
.contents #battery_table table thead tr th {vertical-align:middle;}
.contents #battery_table table tbody tr td {vertical-align:middle;}
.contents #battery_table table thead tr th:nth-child(1) {width:8%;}
.contents #battery_table table thead tr th:nth-child(2) {width:10%;}
.contents #battery_table table thead tr th:nth-child(3) {width:8%;}
.contents #battery_table table thead tr th:nth-child(4) {width:10%;}
.contents #battery_table table thead tr th:nth-child(5) {width:10%;}
.contents #battery_table table thead tr th:nth-child(6) {width:10%;}
.contents #battery_table table thead tr th:nth-child(7) {width:10%;}
.contents #battery_table table thead tr th:nth-child(8) {width:8%;}
.contents #battery_table table thead tr th:nth-child(9) {width:8%;}
.contents #battery_table table thead tr th:nth-child(10) {width:8%;}
.contents #battery_table table thead tr th:nth-child(11) {width:8%;}
.contents #battery_table table thead tr th:nth-child(12) {width:8%;}
.contents #battery_table table tbody tr td:nth-child(1) {width:8%;}
.contents #battery_table table tbody tr td:nth-child(2) {width:10%;}
.contents #battery_table table tbody tr td:nth-child(3) {width:8%;}
.contents #battery_table table tbody tr td:nth-child(4) {width:10%;}
.contents #battery_table table tbody tr td:nth-child(5) {width:15%;}
.contents #battery_table table tbody tr td:nth-child(6) {width:10%;}
.contents #battery_table table tbody tr td:nth-child(7) {width:10%;}
.contents #battery_table table tbody tr td:nth-child(8) {width:8%;}
.contents #battery_table table tbody tr td:nth-child(9) {width:8%;}
.contents #battery_table table tbody tr td:nth-child(10) {width:8%;}
.contents #battery_table table tbody tr td:nth-child(11) {width:8%;}
.contents #battery_table table tbody tr td:nth-child(12) {width:8%;}

/* admin office user */
.contents #user_table table thead tr th {vertical-align:middle;}
.contents #user_table table tbody tr td {vertical-align:middle;}
.contents #user_table table thead tr th:nth-child(1) {width:12%;}
.contents #user_table table thead tr th:nth-child(2) {width:5%;}
.contents #user_table table thead tr th:nth-child(3) {width:3%;}
.contents #user_table table thead tr th:nth-child(4) {width:3%;}
.contents #user_table table thead tr th:nth-child(5) {width:7%;}
.contents #user_table table thead tr th:nth-child(6) {width:5%;}
.contents #user_table table thead tr th:nth-child(7) {width:8%;}
.contents #user_table table thead tr th:nth-child(8) {width:5%;}
.contents #user_table table thead tr th:nth-child(9) {width:8%;}
.contents #user_table table thead tr th:nth-child(10) {width:5%;}
.contents #user_table table thead tr th:nth-child(11) {width:5%;}
.contents #user_table table thead tr th:nth-child(12) {width:4%;}
.contents #user_table table thead tr th:nth-child(13) {width:4%;}
.contents #user_table table thead tr th:nth-child(14) {width:4%;}
.contents #user_table table thead tr th:nth-child(15) {width:4%;}
.contents #user_table table thead tr th:nth-child(16) {width:4%;}
.contents #user_table table tbody tr td:nth-child(1) {width:12%;}
.contents #user_table table tbody tr td:nth-child(2) {width:5%;}
.contents #user_table table tbody tr td:nth-child(3) {width:3%;}
.contents #user_table table tbody tr td:nth-child(4) {width:3%;}
.contents #user_table table tbody tr td:nth-child(5) {width:7%;}
.contents #user_table table tbody tr td:nth-child(6) {width:5%;}
.contents #user_table table tbody tr td:nth-child(7) {width:8%;}
.contents #user_table table tbody tr td:nth-child(8) {width:5%;}
.contents #user_table table tbody tr td:nth-child(9) {width:8%;}
.contents #user_table table tbody tr td:nth-child(10) {width:5%;}
.contents #user_table table tbody tr td:nth-child(11) {width:5%;}
.contents #user_table table tbody tr td:nth-child(12) {width:4%;}
.contents #user_table table tbody tr td:nth-child(13) {width:4%;}
.contents #user_table table tbody tr td:nth-child(14) {width:4%;}
.contents #user_table table tbody tr td:nth-child(15) {width:4%;}
.contents #user_table table tbody tr td:nth-child(16) {width:4%;}

.lyrWrap .credit_add_title {margin-bottom:15px;}
.lyrWrap #credit-label {margin-right:10px;}
.lyrWrap #credit-input {width:100px; padding:5px; margin-right:20px;}
.lyrWrap #credit-reason-label {margin-right:10px;}
.lyrWrap #credit-reason-input {width:400px; padding:5px; margin-right:20px;}
.lyrWrap #credit-pwd-label {margin-right:10px;}
.lyrWrap #credit-pwd-input {width:100px; padding:5px; margin-right:20px;}
.lyrWrap .delete_title {margin-top:15px; margin-bottom:15px;}
.lyrWrap #delete-reason-label {margin-right:10px;}
.lyrWrap #delete-reason-input {width:500px; padding:5px; margin-right:20px;}
.lyrWrap #delete-pwd-label {margin-right:10px;}
.lyrWrap #delete-pwd-input {width:100px; padding:5px; margin-right:40px;}
.lyrWrap .temp_forbidden_title {margin-top:15px; margin-bottom:15px;}
.lyrWrap #temp-forbidden-days-label {margin-right:10px;}
.lyrWrap #temp-forbidden-days-input {width:60px; padding:5px; margin-right:20px;}
.lyrWrap #temp-forbidden-reason-label {margin-right:10px;}
.lyrWrap #temp-forbidden-reason-input {width:400px; padding:5px; margin-right:20px;}
.lyrWrap #temp-forbidden-pwd-label {margin-right:10px;}
.lyrWrap #temp-forbidden-pwd-input {width:100px; padding:5px; margin-right:40px;}
.lyrWrap .add_charger_role_title {margin-top:15px; margin-bottom:15px;}
.lyrWrap #add-charger-role-pwd-label {margin-right:10px;}
.lyrWrap #add-charger-role-pwd-input {width:100px; padding:5px; margin-right:40px;}

.lyrWrap .btn_clr {color: #fff; border: 1px solid rgba(14,173,255,1.0); background: rgba(14,173,255,1.0); transition: all 0.3s ease-out; min-width: 40px; height: 26px; margin: 0; padding: 0 10px; font-size: 10px; line-height: 24px; border-radius: 3px; cursor: pointer;}
.lyrWrap .btn_deact {color: #fff; border: 1px solid rgba(169,169,169,1.0); background: rgba(169,169,169,1.0); transition: all 0.3s ease-out; min-width: 40px; height: 26px; margin: 0; padding: 0 10px; font-size: 10px; line-height: 24px; border-radius: 3px;}

.lyrWrap.user_uses_refund_wrap {z-index:5000;}
.lyrWrap.user_uses_refund_wrap .lyr_mid h4 {margin-bottom:20px;} 
.lyrWrap.user_uses_refund_wrap label {margin-right:10px;}
.lyrWrap.user_uses_refund_wrap #pwd-input {width:200px; padding:5px; margin-right:20px;}
.lyrWrap.user_uses_refund_wrap #reason-input {width:400px; padding:5px; margin-right:20px;}

.lyrWrap.user_credit_purchases_refund_wrap {z-index:5000;}
.lyrWrap.user_credit_purchases_refund_wrap .lyr_mid h4 {margin-bottom:20px;} 
.lyrWrap.user_credit_purchases_refund_wrap label {margin-right:10px;}
.lyrWrap.user_credit_purchases_refund_wrap #pwd-input {width:160px; padding:5px; margin-right:20px;}
.lyrWrap.user_credit_purchases_refund_wrap #reason-input {width:360px; padding:5px; margin-right:20px;}
.lyrWrap.user_credit_purchases_refund_wrap #amount-input {width:100px; padding:5px; margin-right:20px;}

.lyrWrap .table_title {padding:1px; margin-top: 25px; margin-bottom:15px;} 

.lyrWrap #use_table thead tr th {vertical-align:middle;}
.lyrWrap #use_table tbody tr td {vertical-align:middle;}
.lyrWrap #use_table thead tr th:nth-child(1) {width:10%;}
.lyrWrap #use_table thead tr th:nth-child(2) {width:10%;}
.lyrWrap #use_table thead tr th:nth-child(3) {width:15%;}
.lyrWrap #use_table thead tr th:nth-child(4) {width:15%;}
.lyrWrap #use_table thead tr th:nth-child(5) {width:10%;}
.lyrWrap #use_table thead tr th:nth-child(6) {width:10%;}
.lyrWrap #use_table thead tr th:nth-child(7) {width:8%;}
.lyrWrap #use_table thead tr th:nth-child(8) {width:8%;}
.lyrWrap #use_table thead tr th:nth-child(9) {width:14%;}
.lyrWrap #use_table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.lyrWrap #use_table tbody tr td:nth-child(2) {width:10%; text-align:center;}
.lyrWrap #use_table tbody tr td:nth-child(3) {width:15%; text-align:center;}
.lyrWrap #use_table tbody tr td:nth-child(4) {width:15%; text-align:center;}
.lyrWrap #use_table tbody tr td:nth-child(5) {width:10%; text-align:center;}
.lyrWrap #use_table tbody tr td:nth-child(6) {width:10%; text-align:center;}
.lyrWrap #use_table tbody tr td:nth-child(7) {width:8%; text-align:center;}
.lyrWrap #use_table tbody tr td:nth-child(8) {width:8%; text-align:center;}
.lyrWrap #use_table tbody tr td:nth-child(9) {width:14%; text-align:center;}
.lyrWrap #use_table {margin-bottom:15px;}

.lyrWrap #credit_purchase_table thead tr th {vertical-align:middle;}
.lyrWrap #credit_purchase_table tbody tr td {vertical-align:middle;}
.lyrWrap #credit_purchase_table thead tr th:nth-child(1) {width:10%;}
.lyrWrap #credit_purchase_table thead tr th:nth-child(2) {width:30%;}
.lyrWrap #credit_purchase_table thead tr th:nth-child(3) {width:20%;}
.lyrWrap #credit_purchase_table thead tr th:nth-child(4) {width:20%;}
.lyrWrap #credit_purchase_table thead tr th:nth-child(5) {width:20%;}
.lyrWrap #credit_purchase_table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.lyrWrap #credit_purchase_table tbody tr td:nth-child(2) {width:30%; text-align:center;}
.lyrWrap #credit_purchase_table tbody tr td:nth-child(3) {width:20%; text-align:center;}
.lyrWrap #credit_purchase_table tbody tr td:nth-child(4) {width:20%; text-align:center;}
.lyrWrap #credit_purchase_table tbody tr td:nth-child(5) {width:20%; text-align:center;}

.lyrWrap #credit_provide_table thead tr th {vertical-align:middle;}
.lyrWrap #credit_provide_table tbody tr td {vertical-align:middle;}
.lyrWrap #credit_provide_table thead tr th:nth-child(1) {width:5%;}
.lyrWrap #credit_provide_table thead tr th:nth-child(2) {width:15%;}
.lyrWrap #credit_provide_table thead tr th:nth-child(3) {width:10%;}
.lyrWrap #credit_provide_table thead tr th:nth-child(4) {width:55%;}
.lyrWrap #credit_provide_table thead tr th:nth-child(5) {width:10%;}
.lyrWrap #credit_provide_table tbody tr td:nth-child(1) {width:15%; text-align:center;}
.lyrWrap #credit_provide_table tbody tr td:nth-child(2) {width:10%; text-align:center;}
.lyrWrap #credit_provide_table tbody tr td:nth-child(3) {width:5%; text-align:center;}
.lyrWrap #credit_provide_table tbody tr td:nth-child(4) {width:55%;}
.lyrWrap #credit_provide_table tbody tr td:nth-child(5) {width:10%; text-align:center;}

.lyrWrap #report_table table thead tr th {vertical-align:middle;}
.lyrWrap #report_table table tbody tr td {vertical-align:middle;}
.lyrWrap #report_table table thead tr th:nth-child(1) {width:5%;}
.lyrWrap #report_table table thead tr th:nth-child(2) {width:30%;}
.lyrWrap #report_table table thead tr th:nth-child(3) {width:10%;}
.lyrWrap #report_table table thead tr th:nth-child(4) {width:20%;}
.lyrWrap #report_table table thead tr th:nth-child(5) {width:10%;}
.lyrWrap #report_table table thead tr th:nth-child(6) {width:10%;}
.lyrWrap #report_table table thead tr th:nth-child(7) {width:20%;}
.lyrWrap #report_table table tbody tr td:nth-child(1) {width:5%; text-align:center;}
.lyrWrap #report_table table tbody tr td:nth-child(2) {width:30%;}
.lyrWrap #report_table table tbody tr td:nth-child(3) {width:10%; text-align:center;}
.lyrWrap #report_table table tbody tr td:nth-child(4) {width:20%; text-align:center;}
.lyrWrap #report_table table tbody tr td:nth-child(5) {width:10%; text-align:center;}
.lyrWrap #report_table table tbody tr td:nth-child(6) {width:10%; text-align:center;}
.lyrWrap #report_table table tbody tr td:nth-child(7) {width:20%; text-align:center;}

.lyrWrap #support_table table thead tr th {vertical-align:middle;}
.lyrWrap #support_table table tbody tr td {vertical-align:middle;}
.lyrWrap #support_table table thead tr th:nth-child(1) {width:5%;}
.lyrWrap #support_table table thead tr th:nth-child(2) {width:10%;}
.lyrWrap #support_table table thead tr th:nth-child(3) {width:20%;}
.lyrWrap #support_table table thead tr th:nth-child(4) {width:40%;}
.lyrWrap #support_table table thead tr th:nth-child(5) {width:10%;}
.lyrWrap #support_table table thead tr th:nth-child(6) {width:15%;}
.lyrWrap #support_table table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.lyrWrap #support_table table tbody tr td:nth-child(2) {width:10%; text-align:center;}
.lyrWrap #support_table table tbody tr td:nth-child(3) {width:20%;}
.lyrWrap #support_table table tbody tr td:nth-child(4) {width:40%;}
.lyrWrap #support_table table tbody tr td:nth-child(5) {width:10%; text-align:center;}
.lyrWrap #support_table table tbody tr td:nth-child(6) {width:15%; text-align:center;}

.lyrWrap #accident_table table thead tr th {vertical-align:middle;}
.lyrWrap #accident_table table tbody tr td {vertical-align:middle;}
.lyrWrap #accident_table table thead tr th:nth-child(1) {width:5%;}
.lyrWrap #accident_table table thead tr th:nth-child(2) {width:10%;}
.lyrWrap #accident_table table thead tr th:nth-child(3) {width:70%;}
.lyrWrap #accident_table table thead tr th:nth-child(4) {width:15%;}
.lyrWrap #accident_table table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.lyrWrap #accident_table table tbody tr td:nth-child(2) {width:10%; text-align:center;}
.lyrWrap #accident_table table tbody tr td:nth-child(3) {width:70%;}
.lyrWrap #accident_table table tbody tr td:nth-child(4) {width:15%; text-align:center;}

.lyrWrap #complaint_table table thead tr th {vertical-align:middle;}
.lyrWrap #complaint_table table tbody tr td {vertical-align:middle;}
.lyrWrap #complaint_table table thead tr th:nth-child(1) {width:5%;}
.lyrWrap #complaint_table table thead tr th:nth-child(2) {width:10%;}
.lyrWrap #complaint_table table thead tr th:nth-child(3) {width:70%;}
.lyrWrap #complaint_table table thead tr th:nth-child(4) {width:15%;}
.lyrWrap #complaint_table table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.lyrWrap #complaint_table table tbody tr td:nth-child(2) {width:10%; text-align:center;}
.lyrWrap #complaint_table table tbody tr td:nth-child(3) {width:70%;}
.lyrWrap #complaint_table table tbody tr td:nth-child(4) {width:15%; text-align:center;}

/* admin office faq */
.contents #faq_table table thead tr th {vertical-align:middle;}
.contents #faq_table table tbody tr td {vertical-align:middle;}
.contents #faq_table table thead tr th:nth-child(1) {width:10%;}
.contents #faq_table table thead tr th:nth-child(2) {width:10%;}
.contents #faq_table table thead tr th:nth-child(3) {width:60%;}
.contents #faq_table table thead tr th:nth-child(4) {width:10%;}
.contents #faq_table table thead tr th:nth-child(5) {width:10%;}
.contents #faq_table table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.contents #faq_table table tbody tr td:nth-child(2) {width:10%; text-align:center;}
.contents #faq_table table tbody tr td:nth-child(3) {width:60%;}
.contents #faq_table table tbody tr td:nth-child(4) {width:10%; text-align:center;}
.contents #faq_table table tbody tr td:nth-child(5) {width:10%; text-align:center;}

.contents .faq {height:480px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .faq .faq_mb {box-sizing:border-box; width:100%; height:50px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .faq .faq_mb .faq_question {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .faq .faq_mb .faq_category {height:50px; line-height:50px; font-size:14px;}
.contents .faq .faq_sb {box-sizing:border-box; width:100%; height:30px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .faq .faq_sb .faq_writer_name {height:30px; line-height:30px;}
.contents .faq .faq_sb .faq_created_at {height:30px; line-height:30px;}
.contents .faq .faq_answer {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}

.contents .faq_new {height:450px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .faq_new .faq_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .faq_new .faq_mb .faq_question {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .faq_new .faq_mb .faq_question input {width:100%; border:none;}
.contents .faq_new .faq_answer {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}
.contents .faq_new .faq_answer textarea {width:100%; height:100%; border:none;}
.contents .faq_new .faq_category {width:100px;}

.contents .faq_update {height:450px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .faq_update .faq_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .faq_update .faq_mb .faq_question {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .faq_update .faq_mb .faq_question input {width:100%; border:none;}
.contents .faq_update .faq_answer {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}
.contents .faq_update .faq_answer textarea {width:100%; height:100%; border:none;}
.contents .faq_update .faq_category {width:100px;}

/* admin office notice */
.contents #notice_table table thead tr th {vertical-align:middle;}
.contents #notice_table table tbody tr td {vertical-align:middle;}
.contents #notice_table table thead tr th:nth-child(1) {width:10%;}
.contents #notice_table table thead tr th:nth-child(2) {width:60%;}
.contents #notice_table table thead tr th:nth-child(3) {width:20%;}
.contents #notice_table table thead tr th:nth-child(4) {width:10%;}
.contents #notice_table table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.contents #notice_table table tbody tr td:nth-child(2) {width:60%;}
.contents #notice_table table tbody tr td:nth-child(3) {width:20%; text-align:center;}
.contents #notice_table table tbody tr td:nth-child(4) {width:10%; text-align:center;}

.contents .notice {height:480px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .notice .notice_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .notice .notice_mb .notice_title {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .notice .notice_sb {box-sizing:border-box; width:100%; height:30px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .notice .notice_sb .notice_writer_name {height:30px; line-height:30px;}
.contents .notice .notice_sb .notice_created_at {height:30px; line-height:30px;}
.contents .notice .notice_content {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}

.contents .notice_new {height:450px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .notice_new .notice_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .notice_new .notice_mb .notice_title {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .notice_new .notice_mb .notice_title input {width:100%; border:none;}
.contents .notice_new .notice_content {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}
.contents .notice_new .notice_content textarea {width:100%; height:100%; border:none;}

.contents .notice_update {height:450px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .notice_update .notice_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .notice_update .notice_mb .notice_title {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .notice_update .notice_mb .notice_title input {width:100%; border:none;}
.contents .notice_update .notice_content {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}
.contents .notice_update .notice_content textarea {width:100%; height:100%; border:none;}

/* admin staff office notice */
.contents #staff_notice_table table thead tr th {vertical-align:middle;}
.contents #staff_notice_table table tbody tr td {vertical-align:middle;}
.contents #staff_notice_table table thead tr th:nth-child(1) {width:10%;}
.contents #staff_notice_table table thead tr th:nth-child(2) {width:60%;}
.contents #staff_notice_table table thead tr th:nth-child(3) {width:20%;}
.contents #staff_notice_table table thead tr th:nth-child(4) {width:10%;}
.contents #staff_notice_table table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.contents #staff_notice_table table tbody tr td:nth-child(2) {width:60%;}
.contents #staff_notice_table table tbody tr td:nth-child(3) {width:20%; text-align:center;}
.contents #staff_notice_table table tbody tr td:nth-child(4) {width:10%; text-align:center;}

.contents .staff_notice {height:480px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .staff_notice .staff_notice_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .staff_notice .staff_notice_mb .staff_notice_title {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .staff_notice .staff_notice_sb {box-sizing:border-box; width:100%; height:30px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .staff_notice .staff_notice_sb .staff_notice_writer_name {height:30px; line-height:30px;}
.contents .staff_notice .staff_notice_sb .staff_notice_created_at {height:30px; line-height:30px;}
.contents .staff_notice .staff_notice_content {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}

.contents .staff_notice_new {height:450px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .staff_notice_new .staff_notice_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .staff_notice_new .staff_notice_mb .staff_notice_title {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .staff_notice_new .staff_notice_mb .staff_notice_title input {width:100%; border:none;}
.contents .staff_notice_new .staff_notice_content {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}
.contents .staff_notice_new .staff_notice_content textarea {width:100%; height:100%; border:none;}

.contents .staff_notice_update {height:450px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .staff_notice_update .staff_notice_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .staff_notice_update .staff_notice_mb .staff_notice_title {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .staff_notice_update .staff_notice_mb .staff_notice_title input {width:100%; border:none;}
.contents .staff_notice_update .staff_notice_content {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}
.contents .staff_notice_update .staff_notice_content textarea {width:100%; height:100%; border:none;}

/* admin office report */
.resolvedYes .report_answer_yes_th {height:100px;} 
.resolvedYes .report_answer_yes_td {height:100px;} 

.contents #report_table table thead tr th {vertical-align:middle;}
.contents #report_table table tbody tr td {vertical-align:middle;}
.contents #report_table table thead tr th:nth-child(1) {width:5%;}
.contents #report_table table thead tr th:nth-child(2) {width:8%;}
.contents #report_table table thead tr th:nth-child(3) {width:26%;}
.contents #report_table table thead tr th:nth-child(4) {width:5%;}
.contents #report_table table thead tr th:nth-child(5) {width:7%;}
.contents #report_table table thead tr th:nth-child(6) {width:10%;}
.contents #report_table table thead tr th:nth-child(7) {width:7%;}
.contents #report_table table thead tr th:nth-child(8) {width:7%;}
.contents #report_table table thead tr th:nth-child(9) {width:15%;}
.contents #report_table table thead tr th:nth-child(10) {width:5%;}
.contents #report_table table thead tr th:nth-child(11) {width:10%;}
.contents #report_table table tbody tr td:nth-child(1) {width:5%; text-align:center;}
.contents #report_table table tbody tr td:nth-child(2) {width:8%; text-align:center;}
.contents #report_table table tbody tr td:nth-child(3) {width:26%; text-align:center;}
.contents #report_table table tbody tr td:nth-child(4) {width:5%; text-align:center;}
.contents #report_table table tbody tr td:nth-child(5) {width:7%; text-align:center;}
.contents #report_table table tbody tr td:nth-child(6) {width:10%; text-align:center;}
.contents #report_table table tbody tr td:nth-child(7) {width:7%; text-align:center;}
.contents #report_table table tbody tr td:nth-child(8) {width:7%; text-align:center;}
.contents #report_table table tbody tr td:nth-child(9) {width:15%; text-align:center;}
.contents #report_table table tbody tr td:nth-child(10) {width:5%; text-align:center;}
.contents #report_table table tbody tr td:nth-child(11) {width:10%; text-align:center;}

.contents .report {height:480px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .report .report_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .report .report_mb .report_title {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .report .report_sb {box-sizing:border-box; width:100%; height:30px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .report .report_sb .report_user_deer {height:30px; line-height:30px;}
.contents .report .report_sb .report_created_at {height:30px; line-height:30px;}
.contents .report .report_content {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}

/* admin office deer broken */
.contents .broken_deer_search {display:table; width:320px; height:30px; margin:10px auto 10px auto; border-collapse:separate; border-spacing:5px;}
.contents .broken_deer_search_input_wrap {display:table-cell; width:180px; height:30px; vertical-align:middle; line-height:30px;}
.contents .broken_deer_search_input {width:150px; height:30px; padding-left:5px;}
.contents .broken_deer_search_btn {display:table-cell; width:50px; height:20px; padding:2px; border:5px solid transparent; border-radius:2px; background-color:#0eadff; color:#ffffff; font-size:11px; text-align:center; vertical-align:middle; cursor:pointer;}

.fixedYes .deer_broken_fixed_yes_th {height:100px;} 
.fixedYes .deer_broken_fixed_yes_td {height:100px;} 

.contents #deer_broken_table table thead tr th {vertical-align:middle;}
.contents #deer_broken_table table tbody tr td {vertical-align:middle;}
.contents #deer_broken_table table thead tr th:nth-child(1) {width:5%;}
.contents #deer_broken_table table thead tr th:nth-child(2) {width:5%;}
.contents #deer_broken_table table thead tr th:nth-child(3) {width:10%;}
.contents #deer_broken_table table thead tr th:nth-child(4) {width:15%;}
.contents #deer_broken_table table thead tr th:nth-child(5) {width:35%;}
.contents #deer_broken_table table thead tr th:nth-child(6) {width:20%;}
.contents #deer_broken_table table thead tr th:nth-child(7) {width:10%;}
.contents #deer_broken_table table tbody tr td:nth-child(1) {width:5%; text-align:center;}
.contents #deer_broken_table table tbody tr td:nth-child(2) {width:5%; text-align:center;}
.contents #deer_broken_table table tbody tr td:nth-child(3) {width:10%; text-align:center;}
.contents #deer_broken_table table tbody tr td:nth-child(4) {width:15%; text-align:center;}
.contents #deer_broken_table table tbody tr td:nth-child(5) {width:35%;}
.contents #deer_broken_table table tbody tr td:nth-child(6) {width:20%; text-align:center;}
.contents #deer_broken_table table tbody tr td:nth-child(7) {width:10%; text-align:center;}

.lyrWrap .deer_repair_table_title {padding:1px; margin-bottom:15px;} 

.lyrWrap #deer_repair_table thead tr th {vertical-align:middle;}
.lyrWrap #deer_repair_table tbody tr td {vertical-align:middle;}
.lyrWrap #deer_repair_table thead tr th:nth-child(1) {width:10%;}
.lyrWrap #deer_repair_table thead tr th:nth-child(2) {width:70%;}
.lyrWrap #deer_repair_table thead tr th:nth-child(3) {width:20%;}
.lyrWrap #deer_repair_table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.lyrWrap #deer_repair_table tbody tr td:nth-child(2) {width:70%;}
.lyrWrap #deer_repair_table tbody tr td:nth-child(3) {width:20%; text-align:center;}

.lyrWrap #deer_repair_user_name {width:100px; padding:5px; border:1px solid #ccd3df; border-radius:3px; transition:all 0.3s ease-out;}
.lyrWrap #deer_repair_user_name:focus {border:1px solid #007eff; box-shadow:inset 2px 2px 5px rgba(0,0,0,0); transition:all 0.3s ease-out;}

/* admin office support */
.resolvedYes .support_answer_yes_th {height:100px;} 
.resolvedYes .support_answer_yes_td {height:100px;} 

.contents #support_table table thead tr th {vertical-align:middle;}
.contents #support_table table tbody tr td {vertical-align:middle;}
.contents #support_table table thead tr th:nth-child(1) {width:5%;}
.contents #support_table table thead tr th:nth-child(2) {width:5%;}
.contents #support_table table thead tr th:nth-child(3) {width:6%;}
.contents #support_table table thead tr th:nth-child(4) {width:9%;}
.contents #support_table table thead tr th:nth-child(5) {width:5%;}
.contents #support_table table thead tr th:nth-child(6) {width:11%;}
.contents #support_table table thead tr th:nth-child(7) {width:25%;}
.contents #support_table table thead tr th:nth-child(8) {width:5%;}
.contents #support_table table thead tr th:nth-child(9) {width:14%;}
.contents #support_table table thead tr th:nth-child(10) {width:6%;}
.contents #support_table table thead tr th:nth-child(11) {width:10%;}
.contents #support_table table tbody tr td:nth-child(1) {width:5%; text-align:center;}
.contents #support_table table tbody tr td:nth-child(2) {width:5%; text-align:center;}
.contents #support_table table tbody tr td:nth-child(3) {width:6%; text-align:center;}
.contents #support_table table tbody tr td:nth-child(4) {width:9%; text-align:center;}
.contents #support_table table tbody tr td:nth-child(5) {width:5%; text-align:center;}
.contents #support_table table tbody tr td:nth-child(6) {width:12%;}
.contents #support_table table tbody tr td:nth-child(7) {width:25%;}
.contents #support_table table tbody tr td:nth-child(8) {width:5%; text-align:center;}
.contents #support_table table tbody tr td:nth-child(9) {width:14%; text-align:center;}
.contents #support_table table tbody tr td:nth-child(10) {width:6%; text-align:center;}
.contents #support_table table tbody tr td:nth-child(11) {width:10%; text-align:center;}

/* admin office accident */
.contents #accident_table table thead tr th {vertical-align:middle;}
.contents #accident_table table tbody tr td {vertical-align:middle;}
.contents #accident_table table thead tr th:nth-child(1) {width:10%;}
.contents #accident_table table thead tr th:nth-child(2) {width:10%;}
.contents #accident_table table thead tr th:nth-child(3) {width:60%;}
.contents #accident_table table thead tr th:nth-child(4) {width:10%;}
.contents #accident_table table thead tr th:nth-child(5) {width:10%;}
.contents #accident_table table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.contents #accident_table table tbody tr td:nth-child(2) {width:10%; text-align:center;}
.contents #accident_table table tbody tr td:nth-child(3) {width:60%;}
.contents #accident_table table tbody tr td:nth-child(4) {width:10%; text-align:center;}
.contents #accident_table table tbody tr td:nth-child(5) {width:10%; text-align:center;}

.contents .accident {height:480px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .accident .accident_mb {box-sizing:border-box; width:100%; height:50px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .accident .accident_mb .accident_summary {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .accident .accident_mb .accident_phone {height:50px; line-height:50px; font-size:14px;}
.contents .accident .accident_sb {box-sizing:border-box; width:100%; height:30px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .accident .accident_sb .accident_consultant_name {height:30px; line-height:30px;}
.contents .accident .accident_sb .accident_created_at {height:30px; line-height:30px;}
.contents .accident .accident_content {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}

.contents .accident_new {height:450px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .accident_new .accident_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .accident_new .accident_mb .accident_summary {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .accident_new .accident_mb .accident_summary input {width:100%; border:none;}
.contents .accident_new .accident_sb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .accident_new .accident_sb .accident_phone {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .accident_new .accident_sb .accident_phone input {width:100%; border:none;}
.contents .accident_new .accident_content {box-sizing:border-box; width:100%; height:350px; background-color:#fff; padding:20px;}
.contents .accident_new .accident_content textarea {width:100%; height:100%; border:none;}

.contents .accident_update {height:450px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .accident_update .accident_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .accident_update .accident_mb .accident_summary {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .accident_update .accident_mb .accident_summary input {width:100%; border:none;}
.contents .accident_update .accident_sb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .accident_update .accident_sb .accident_phone {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .accident_update .accident_sb .accident_phone input {width:100%; border:none;}
.contents .accident_update .accident_content {box-sizing:border-box; width:100%; height:350px; background-color:#fff; padding:20px;}
.contents .accident_update .accident_content textarea {width:100%; height:100%; border:none;}

/* admin office complaint */
.contents #complaint_table table thead tr th {vertical-align:middle;}
.contents #complaint_table table tbody tr td {vertical-align:middle;}
.contents #complaint_table table thead tr th:nth-child(1) {width:10%;}
.contents #complaint_table table thead tr th:nth-child(2) {width:10%;}
.contents #complaint_table table thead tr th:nth-child(3) {width:60%;}
.contents #complaint_table table thead tr th:nth-child(4) {width:10%;}
.contents #complaint_table table thead tr th:nth-child(5) {width:10%;}
.contents #complaint_table table tbody tr td:nth-child(1) {width:10%; text-align:center;}
.contents #complaint_table table tbody tr td:nth-child(2) {width:10%; text-align:center;}
.contents #complaint_table table tbody tr td:nth-child(3) {width:60%;}
.contents #complaint_table table tbody tr td:nth-child(4) {width:10%; text-align:center;}
.contents #complaint_table table tbody tr td:nth-child(5) {width:10%; text-align:center;}

.contents .complaint {height:480px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .complaint .complaint_mb {box-sizing:border-box; width:100%; height:50px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .complaint .complaint_mb .complaint_summary {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .complaint .complaint_mb .complaint_phone {height:50px; line-height:50px; font-size:14px;}
.contents .complaint .complaint_sb {box-sizing:border-box; width:100%; height:30px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .complaint .complaint_sb .complaint_consultant_name {height:30px; line-height:30px;}
.contents .complaint .complaint_sb .complaint_created_at {height:30px; line-height:30px;}
.contents .complaint .complaint_content {box-sizing:border-box; width:100%; height:400px; background-color:#fff; padding:20px;}

.contents .complaint_new {height:450px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .complaint_new .complaint_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .complaint_new .complaint_mb .complaint_summary {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .complaint_new .complaint_mb .complaint_summary input {width:100%; border:none;}
.contents .complaint_new .complaint_sb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .complaint_new .complaint_sb .complaint_phone {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .complaint_new .complaint_sb .complaint_phone input {width:100%; border:none;}
.contents .complaint_new .complaint_content {box-sizing:border-box; width:100%; height:350px; background-color:#fff; padding:20px;}
.contents .complaint_new .complaint_content textarea {width:100%; height:100%; border:none;}

.contents .complaint_update {height:450px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .complaint_update .complaint_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .complaint_update .complaint_mb .complaint_summary {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .complaint_update .complaint_mb .complaint_summary input {width:100%; border:none;}
.contents .complaint_update .complaint_sb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .complaint_update .complaint_sb .complaint_phone {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .complaint_update .complaint_sb .complaint_phone input {width:100%; border:none;}
.contents .complaint_update .complaint_content {box-sizing:border-box; width:100%; height:350px; background-color:#fff; padding:20px;}
.contents .complaint_update .complaint_content textarea {width:100%; height:100%; border:none;}

/* admin office main_ad */
.contents #main_ad_table table thead tr th {vertical-align:middle;}
.contents #main_ad_table table tbody tr td {vertical-align:middle;}
.contents #main_ad_table table thead tr th:nth-child(1) {width:6%;}
.contents #main_ad_table table thead tr th:nth-child(2) {width:6%;}
.contents #main_ad_table table thead tr th:nth-child(3) {width:42%;}
.contents #main_ad_table table thead tr th:nth-child(4) {width:30%;}
.contents #main_ad_table table thead tr th:nth-child(5) {width:10%;}
.contents #main_ad_table table thead tr th:nth-child(6) {width:8%;}
.contents #main_ad_table table thead tr th:nth-child(7) {width:8%;}
.contents #main_ad_table table tbody tr td:nth-child(1) {width:6%; text-align:center;}
.contents #main_ad_table table tbody tr td:nth-child(2) {width:6%; text-align:center;}
.contents #main_ad_table table tbody tr td:nth-child(3) {width:42%;}
.contents #main_ad_table table tbody tr td:nth-child(4) {width:30%;}
.contents #main_ad_table table tbody tr td:nth-child(5) {width:10%; text-align:center;}
.contents #main_ad_table table tbody tr td:nth-child(6) {width:8%; text-align:center;}
.contents #main_ad_table table tbody tr td:nth-child(7) {width:8%; text-align:center;}

.contents .main_ad {height:130px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .main_ad .main_ad_mb {box-sizing:border-box; width:100%; height:50px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .main_ad .main_ad_mb .main_ad_content {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .main_ad .main_ad_mb .main_ad_order {height:50px; line-height:50px; font-size:14px;}
.contents .main_ad .main_ad_mb .main_ad_url {height:50px; line-height:50px; font-size:12px;}
.contents .main_ad .main_ad_sb {box-sizing:border-box; width:100%; height:30px; padding:0 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .main_ad .main_ad_sb .main_ad_writer_name {height:30px; line-height:30px;}
.contents .main_ad .main_ad_sb .main_ad_created_at {height:30px; line-height:30px;}

.contents .main_ad_new {height:100px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .main_ad_new .main_ad_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .main_ad_new .main_ad_mb .main_ad_content {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .main_ad_new .main_ad_mb .main_ad_content input {width:100%; border:none;}
.contents .main_ad_new .main_ad_mb .main_ad_url {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .main_ad_new .main_ad_mb .main_ad_url input {width:100%; border:none;}

.contents .main_ad_new .main_ad_order {width:100px;}

.contents .main_ad_update {height:100px; margin:10px; border:1px solid rgba(0,0,0,0.1);}
.contents .main_ad_update .main_ad_mb {box-sizing:border-box; width:100%; height:50px; padding-left: 20px; background-color:#fff; border-bottom:1px solid rgba(0,0,0,0.1);}
.contents .main_ad_update .main_ad_mb .main_ad_content {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .main_ad_update .main_ad_mb .main_ad_content input {width:100%; border:none;}
.contents .main_ad_update .main_ad_mb .main_ad_url {height:50px; line-height:50px; font-size:15px; font-weight:bold;}
.contents .main_ad_update .main_ad_mb .main_ad_url input {width:100%; border:none;}

.contents .main_ad_update .main_ad_order {width:100px;}

/* admin office main_ad */
#all_check_label {display:inline-block; float:left; margin-left:15px; height:34px; line-height:34px;}
#all_check {display:inline-block; float:left; margin-left:5px; height:34px; line-height:34px;}
#license_infos {padding:20px 10px 20px 10px;}
#license_infos #license_infos_ul li {float:left; margin:0 10px 10px 0;}
.contents .license_search {display:table; width:580px; height:30px; margin:10px auto 10px auto;}
.contents .license_search_input_wrap {display:table-cell; width:500px; height:30px; vertical-align:middle; line-height:30px;}
.contents .license_search_input {width:100px; height:30px; padding-left:5px;}
#license_number_label {margin-right:5px;}
#license01 {width:20px;}
#license02 {width:20px;}
#license03 {width:50px;}
#license04 {width:20px;}
#license_name_label {margin-left:15px; margin-right:5px;}
#license_name {width:60px;}
#license_birth_label {margin-left:15px; margin-right:5px;}
#license_birth {width:60px;}
#license_sn_label {margin-left:15px; margin-right:5px;}
#license_sn {width:60px;}

/* admin dashboard user */
.user_dashboard_content {visibility:hidden; width:calc(100% - 20px); height:calc(100% - 186px); overflow-y:scroll; padding:10px;}
.user_dashboard_content .dashboard_card_col6 {float:left; width:40vw; height:20vw; margin:10px; padding:10px; background-color:#fff; box-shadow:2px 2px 8px #888888;}
.user_dashboard_content .dashboard_card_col12 {float:left; width:calc(80vw + 40px); height:20vw; margin:10px; padding:10px; background-color:#fff; box-shadow:2px 2px 8px #888888;}
.user_dashboard_content .dashboard_map_col12 {float:left; width:calc(80vw + 40px); height:calc(30vw + 25px); margin:10px; padding:10px; background-color:#fff; box-shadow:2px 2px 8px #888888;}
.user_dashboard_content .dashboard_map_col12 .dashboard_map_title {width:100px; height:15px; margin:0 auto 10px auto; font-size:12px; font-weight:bold;}
.contents #credit_purchase_table {float:left; width:calc(80vw + 60px); margin:10px;}
.contents #credit_purchase_table table {box-shadow:2px 2px 8px #888888;}
.contents #credit_purchase_table table thead tr th {vertical-align:middle; font-size:8px;}
.contents #credit_purchase_table table tbody tr td {vertical-align:middle; font-size:8px;}

/* admin dashboard finance */
.dashboard_content {width:calc(100% - 20px); height:calc(100% - 66px); overflow-y:scroll; padding:10px;}
.dashboard_content .dashboard_card_col6 {float:left; width:36vw; height:18vw; margin:10px; padding:10px; background-color:#fff; box-shadow:2px 2px 8px #888888;}
.dashboard_content .dashboard_card_col12 {float:left; width:calc(72vw + 40px); height:18vw; margin:10px; padding:10px; background-color:#fff; box-shadow:2px 2px 8px #888888;}
.dashboard_content .dashboard_map_col12 {float:left; width:calc(72vw + 40px); height:18vw; margin:10px; padding:10px; background-color:#fff; box-shadow:2px 2px 8px #888888;}

/* admin dashboard finance */
.finance_dashboard_content {width:calc(100% - 20px); height:calc(100% - 66px); overflow-y:scroll; padding:10px;}
.finance_dashboard_content .dashboard_card_col6 {float:left; width:40vw; height:20vw; margin:10px; padding:10px; background-color:#fff; box-shadow:2px 2px 8px #888888;}
.finance_dashboard_content .dashboard_card_col12 {float:left; width:calc(80vw + 40px); height:20vw; margin:10px; padding:10px; background-color:#fff; box-shadow:2px 2px 8px #888888;}

.contents #finance_table {float:left; width:calc(80vw + 60px); margin:10px;}
.contents #finance_table table {box-shadow:2px 2px 8px #888888;}
.contents #finance_table table thead tr th {vertical-align:middle; font-size:8px;}
.contents #finance_table table tbody tr td {vertical-align:middle; font-size:8px;}