@charset "utf-8";
@import url('reset.css');

#skipnavi {position:relative;width:100%;z-index:2;*height:0px;}
#skipnavi a {display:block;overflow:hidden;height:0px;width:0px;margin:-1px -1px -1px 0;*margin:-5px -1px -1px 0;font-size:0;line-height:0;text-align:center;}
#skipnavi:focus {overflow:hidden;height:100px;background:#0d2f51;font-size:12px;font-weight:700;line-height:140%;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#0d2f51;font-size:12px;font-weight:700;line-height:140%;color:#fff;}
 
/***** layout *****/
#wrapper {position:relative;min-width:1200px;margin:0 auto;height:100%;}
#header {position:relative;background-color: #0a62c6;height: 60px;overflow: hidden;z-index:100;}
#header .header_box {position:relative;height: 60px;padding-right:25px;}
#header .header_box:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
#header .logo {float:left;width: 230px;}
#header .logo a {display:block;width: 230px;height: 60px;text-indent:-9999em;background: #083c92 url(../images/common/logo.png) no-repeat 44% 50%;}
#header .util_box {margin-top:15px;float:right;text-align:right;color:#000;font-size: 14px;}
#header .util_box .user_info {color:#fff;}
#header .util_box .user_info .fa {font-size:14px;margin-right:3px;vertical-align:baseline;}
#header .util_box .user_info strong {color:#fff;vertical-align:baseline;}
#header .util_box .user_info .btn_logout {display:inline-block;line-height: 24px;width: 80px;height: 30px;font-size: 12px;letter-spacing:-0.08em;text-align:center;color:#fff;border: 2px solid
#fff;border-radius: 15px;margin-left:5px;}
#header .util_box .user_info .btn_logout:hover {background:#087bbf;border:2px solid #087bbf; color:#fff}
#header .util_box .user_info .btn_logout strong {color:#fff;}
#header .util_box .user_info .util_date {color:#000; margin-right:15px;}
#header .go_homepage {display:inline-block; line-height: 25px;width: 75px;height: 30px;font-size: 12px;letter-spacing:-0.08em;text-align:center;color:#0c53c7;border: 2px solid
#fff;border-radius: 15px;margin:0 5px;background:#ffffff}
#header .go_homepage .fa {margin-right:5px;}
#header .go_homepage:hover {background:#087bbf;border:2px solid #087bbf; color:#fff}

/*gnb*/
.gnb_bg{position:absolute;left:0;top:104px;width:100%;height:118px;background:rgba(255,255,255,0.9);display:none;z-index:50;border-bottom:1px solid #1d8fcb;}
#gnb_area {position: absolute;left: 230px;height: 60px;}
.gnb > li {position:relative;float:left;/* width: 145px; */}
.gnb > li:after {position:absolute;width:1px;height: 15px;background: rgba(255,255,255,0.5);content:"";right:0;top: 23px;}
.gnb > li > a {display:block;height: 60px;line-height: 60px;padding: 0 10px;text-align:center;font-size: 18px;font-weight:600;color:#fff;}
.gnb > li > a:hover, 
.gnb > li > a:focus {color:#082244}
.gnb > li.active > a {color:#2db6ea;}
.gnb .fa {vertical-align: 0;font-size: 16px;}

#container {position:relative;width:100%;height:100%;margin-top:-60px;}
#content {position:relative;width:100%;min-height:100%;padding-left:230px;}
#content:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}

.color_purple {color: #3f51b5;}
.color_green {color: #4caf50;}
.color_blue {color: #2196f3;}
.color_navy {color: #1c5cb0;}
.color_orange {color: #ea7d57;}
.color_yellow {color: #f09a2b;}
.color_red {color: #e91e63;}

/*main*/
#main_content {position:relative;padding:172px 30px 60px 30px;}
#main_content .title {margin-bottom: 10px;padding-left: 14px;font-size: 18px;background: url(../images/main/bg_tit.png) no-repeat 0 50%;}
.main_top .main_infobox {float:left;position: relative;width:23.5%;height:168px;margin-right:2%;margin-bottom: 10px;background-color: #fff;}
.main_top .main_box {float:left;position: relative;width:23.5%;height:168px;margin-right:2%;margin-bottom: 30px;background-color: #fff;border-radius: 10px;}
.main_top .main_box.last  {margin-right: 0;}
.main_box .box {height: 132px;text-align: center;border: 1px solid #d0d4d8;border-bottom: 0; border-top-left-radius: 10px;border-top-right-radius: 10px;}
.main_box .tit {position: absolute;left: 20px;top:15px;text-align: left;font-size: 18px;}
.main_box .cont {padding-top: 58px;font-size: 14px;color: #484848;}
.main_box .big_num {font-size: 30px;vertical-align: 0;}
.main_box .case_txt {font-size: 16px;color: #484848;vertical-align: 0;}
.main_box .box_count {height: 36px;line-height: 36px; text-align: center;color: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.main_box .box_count.bg01 {background-color: #3f51b5;}
.main_box .box_count.bg02 {background-color: #4caf50;}
.main_box .box_count.bg03 {background-color: #2196f3;}
.main_box .box_count.bg04 {background-color: #1c5cb0;}
.main_box .box_count.bg05 {background-color: #ea7d57;}
.main_box .box_count.bg06 {background-color: #f09a2b;}
.main_box .box_count.bg07 {background-color: #e91e63;}
.main_box .btn_more {position: absolute;right: 20px;top:10px;width: 24px;height: 24px;text-indent: -9999em;background: url(../images/main/btn_more.png) no-repeat 50% 50%;}
.bg_i01 {background: url(../images/main/bg_i01.png) no-repeat 50% 15px;}
.bg_i02 {background: url(../images/main/bg_i02.png) no-repeat 50% 15px;}
.bg_i03 {background: url(../images/main/bg_i03.png) no-repeat 50% 15px;}
.bg_i04 {background: url(../images/main/bg_i04.png) no-repeat 50% 15px;}
.bg_i05 {background: url(../images/main/bg_i05.png) no-repeat 50% 15px;}
.bg_i06 {background: url(../images/main/bg_i06.png) no-repeat 50% 15px;}
.bg_i07 {background: url(../images/main/bg_i07.png) no-repeat 50% 15px;}

.color_purple {color: #3f51b5;}
.color_green {color: #4caf50;}
.color_blue {color: #2196f3;}
.color_navy {color: #1c5cb0;}
.color_orange {color: #ea7d57;}
.color_yellow {color: #f09a2b;}
.color_red {color: #e91e63;}

.tbl_mypage {border:1px solid #e8ecf1;}
.tbl_mypage thead {background: #2674bf;
background: -moz-linear-gradient(left, #2674bf 0%, #2590bc 47%, #25a9b9 100%);
background: -webkit-linear-gradient(left, #2674bf 0%,#2590bc 47%,#25a9b9 100%);
background: linear-gradient(to right, #2674bf 0%,#2590bc 47%,#25a9b9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2674bf', endColorstr='#25a9b9',GradientType=1 );}
.tbl_mypage thead th {height:51px;padding-right:20px;font-size:14px;text-align:right;color:#fff;}
.tbl_mypage thead th strong {display:block;padding-left:20px;text-align:left;font-size:17px; font-weight:600;}
.tbl_mypage tbody th {height:39px;font-size:14px;padding-left:20px;border-top:1px solid #e8ecf1;}
.tbl_mypage tbody td {height:39px;font-size:14px;border-top:1px solid #e8ecf1;text-align:center;}
.tbl_mypage tbody tr:nth-child(even) th, .tbl_mypage tbody tr:nth-child(even) td {background:#f7f7f7;}

.main_btm .box02 {float: left;position: relative;width: 49%;/*height: 253px;*/margin-bottom: 30px;background-color: #fff;overflow: hidden;}
.main_btm .box02:last-child {float: right;}
.main_btm .tit {margin-bottom: 10px;padding-left: 14px;font-size: 18px;background: url(../images/main/bg_tit.png) no-repeat 0 50%;}
.main_btm .all_txt {position: absolute;right: 0;top:10px;}
.main_btm .all_txt  strong {vertical-align: 0;}
.tbl_board {table-layout: fixed; border-top: 2px solid #1f2c7a;}
.tbl_board th {height: 34px;text-align: center;font-weight: bold;border-bottom: 1px solid #e3e3e3;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0);}
.tbl_board td {height: 34px;text-align: center;border-bottom: 1px solid #e3e3e3;}
.tbl_board td.subject {text-align:left;}
.tbl_board td.subject a {float: left;display: block;width:70%;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.tag_notice {float: left;width: 40px;height: 21px;line-height: 21px;text-align: center;color: #fff;font-size: 12px;background: #1e3b7f;border-radius: 10px; margin-right: 10px;;}
.tbl_board02 {table-layout: fixed; border-top: 1px solid #1f2c7a;font-size: 13px;}
.tbl_board02 th {height: 34px;text-align: center;font-weight: bold;border-bottom: 1px solid #e3e3e3;border-right: 1px dashed #d9d9d9;background: url(../images/main/bg_th.png) repeat-x 0 0;}
.tbl_board02 td {height: 34px;padding: 0 20px;;border-bottom: 1px solid #e3e3e3;}

.chartbox {border: 1px solid #f5f5f5;border-top: 0;}

/*그림자 효과*/
.box_shadow{webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), inset 0 0 0 rgba(0, 0, 0, 0.1);}
.box_shadow:before, 
.box_shadow:after {position: absolute;width: 40%;height: 10px;content: ' ';left: 9px;bottom: 10px;background: transparent;
-webkit-transform: skew(-5deg) rotate(-5deg);
-moz-transform: skew(-5deg) rotate(-5deg);
-ms-transform: skew(-5deg) rotate(-5deg);
-o-transform: skew(-5deg) rotate(-5deg);
transform: skew(-5deg) rotate(-5deg);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
z-index: -1;}
.box_shadow:after {left: auto;right: 12px;
-webkit-transform: skew(5deg) rotate(5deg);
-moz-transform: skew(5deg) rotate(5deg);
-ms-transform: skew(5deg) rotate(5deg);
-o-transform: skew(5deg) rotate(5deg);
transform: skew(5deg) rotate(5deg);}

/*left menu*/
#left_content {position:absolute;left:0;top: 60px;bottom:0;width: 230px;background: #354052;}
.lnb_wrap {position:relative;height:100%;}
.lnb_wrap h2 {position:relative;font-size:20px;padding-left: 25px;height: 85px;line-height: 80px;background: #354052 url(../images/common/left_line.png) no-repeat 0 bottom;}
.lnb_wrap h2 .fa {font-size:24px;margin-right:5px;line-height:1;}
.lnb_wrap h2 strong {line-height:1;color: #fff;}
.lnb_wrap h2 strong:after {content:"";position:absolute;right: 20px;top: 40px;width: 11px;height: 6px;background:url(../images/common/bul_03.png) no-repeat 0 0;}
#lnb, 
#lnb ul,
#lnb ul li, 
#lnb ul li a {line-height: 1;display: block;position: relative;}
#lnb {width:100%;color: #333;}
#lnb ul ul {display: none;}
#lnb > ul > li {}
#lnb > ul > li.open > ul {display: block;border-bottom:1px solid #cfcfcf;}
#lnb > ul > li > a {z-index: 2;background: #354052 url(../images/common/left_line.png) no-repeat 0 100%;-webkit-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
#lnb > ul > li > a span {display:block;padding: 16px 20px 16px 25px;font-size: 15px;color: #fff;}
#lnb > ul > li.open > a span, 
#lnb > ul > li.on > a span,
#lnb > ul > li > a:hover span {background:#2f3949 url(../images/common/left_line.png) no-repeat 0 100%;color:#2db6ea}
#lnb > ul > li.active > a span:after,
#lnb > ul > li.on > a span:after {background:#16aad8; width:5px; height:46px;right:0;top:0;position:absolute;content:""}
#lnb ul > li.has_sub.open > a {}
#lnb ul > li.has_sub.open > ul > li.has_sub.open > a {background: #f1f1f1;border-bottom: 0;border-top: 1px solid #dbdbdb;font-weight: bold;color:#1c5cb0;}
#lnb ul > li.has_sub > a:after {position: absolute;right: 26px;top: 19px;z-index: 5;display: block;height: 10px;width: 2px;background: #6f6f6f; content: "";-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#lnb ul > li.has_sub > a:before {position: absolute;right: 22px;top: 23px;display: block;width: 10px;height: 2px; background: #6f6f6f; content: "";-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#lnb ul > li.has_sub.open > a:after, 
#lnb ul > li.has_sub.open > a:before {background:#2db6ea;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#lnb ul ul li a {padding: 14px 20px 14px 40px;cursor: pointer;z-index: 2;font-size: 14px;color: #fff;background: #626a78;-webkit-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;border-top: 1px dashed rgba(255,255,255,0.3);}
#lnb > ul > li > ul > li:first-child > a {border-top:0;}
#lnb ul ul ul li a {padding-left: 32px;background:#f9f9f9; color:#333;}
#lnb ul ul li a:hover {color:#2db6ea;}
#lnb ul ul > li.has_sub > a:after {top: 16px;right: 26px;}
#lnb ul ul > li.has_sub > a:before {top: 20px;}
#lnb ul li a.on {font-weight:600; color:#2db6ea;}

.btn_sides {position:absolute;top:350px;z-index:1000;right:-19px; display:none;}
.btn_sideClose {position:relative;display:inline-block;width:19px !important;height:72px;background:#2a3542;cursor: pointer;}
.btn_sideClose span {display:block;position:absolute;left:50%;top:50%;margin:-0.25em 0 0 -0.25em;width:0.5em;height: 0.5em;border-top: 2px solid #fff;border-left: 2px solid #fff;transform: rotate(-54deg) skew(-20deg);}
.btn_sideClose.open {transform: rotate(180deg);}

/*right content*/
#right_content {position:relative;min-width:960px;padding:60px 0 40px 0;}
.top_title {position:relative;padding: 20px 30px 0px 30px;}
.tit_page {font-size:26px;font-weight:400;height:60px; line-height:60px;background:url(../images/common/bul_01.png) no-repeat 0 55%;padding-left:30px;letter-spacing:-1.5px}
.location {position:absolute; right:35px; top:40px;text-align:right;}
.location span,
.location a {vertical-align: baseline;}
.location .fa {margin-right:5px;font-size:14px;vertical-align: baseline;line-height:1;}
.content_box {position: relative;padding:0 30px 50px;}
.content_box::after {content:'';display:block;clear:both;}

#footer {position:fixed;left:0;bottom:0;width:100%;height:40px;line-height:40px; text-align:center;border-top:1px solid #cfcfcf;z-index: 10;background:#fff;}

/***** content *****/
/* button */
.btn_area {margin:20px 0 30px;text-align: right; clear:both;}
.btn_area02 {margin:20px 0 30px;text-align: center;}

.btn {display: inline-block;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;border:1px solid transparent;border-color: rgba(0, 0, 0, 0); white-space: nowrap;font-size: inherit;color:#fff;line-height: 1;border-radius: 2px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.btn_sml {min-width:60px;height:28px;line-height:25px;font-size:13px;border-radius:5px;}
.btn_sml02 {min-width:40px;height:28px;line-height:25px;font-size:13px;border-radius:5px;padding: 0 10px;}
.btn_mdl {min-width:85px;height:35px;line-height:32px;border-radius:5px;padding: 0 10px;}

/* .btn_del {border-color:#5f5f5f;background-color:#5f5f5f;}
.btn_del:hover {border-color: #b52b38;background-color: #b52b38;}
.btn_list, 
.btn_overlap, 
.btn_cancel, 
.btn_close, 
.btn_url, 
.btn_worker, 
.btn_adress {background-color:#a1a1a1;border-color:#a1a1a1;}
.btn_write, 
.btn_save,
.btn_add, 
.btn_confirm, 
.btn_send,
.btn_print {background-color:#0c53c7;border-color:#0c53c7;}
.btn_rewrite {border-color: #438fdc;background-color: #438fdc;}

.btn_write:hover, 
.btn_save:hover, 
.btn_rewrite:hover, 
.btn_add:hover, 
.btn_confirm:hover, 
.btn_send:hover {border-color: #061f44;background-color: #061f44;}

.btn_visu_preview {background-color:#333;border-color:#222;padding: 0 5px;}
.btn_visu_preview i {font-size:12px !important;vertical-align: 0;}
 */

.btn_change {border-color: #136916;background-color: #136916;}
.btn_write,
.btn_save,
.btn_request,
.btn_matching,
.btn_confirm,
.btn_overlap {border-color: #0c53c7;background-color: #0c53c7;}
.btn_apply {border-color: #0c53c7;border-radius:20px;background-color: #0c53c7;}
.btn_rewrite,
.btn_join,
.btn_step,
.btn_return {border-color: #438fdc;background-color: #438fdc;}
.btn_write:hover,
.btn_save:hover,
.btn_request:hover,
.btn_matching:hover,
.btn_confirm:hover,
.btn_join:hover,
.btn_step:hover,
.btn_apply:hover {border-color: #061f44;background-color: #061f44;}
.btn_rewrite:hover,
.btn_overlap:hover {border-color: #061f44;background-color: #061f44;}
.btn_nomatching,
.btn_del {border-color:#5f5f5f;background-color:#5f5f5f;}
.btn_nomatching:hover,
.btn_del:hover {border-color: #b52b38;background-color: #b52b38;}
.btn_cancel,
.btn_close,
.btn_list,
.btn_step_prev,
.btn_inquiry {color:#fff;border-color:#a1a1a1;background-color:#a1a1a1;}
.btn_cancel:hover,
.btn_close:hover,
.btn_list:hover,
.btn_step_prev:hover,
.btn_inquiry:hover {color:#fff;border-color:#767676;background-color:#767676;}
.btn_add,
.btn_address,
.btn_see,
.btn_down,
.btn_adress {color:#3c3c3c;border-color:#6b6d6e;background-color: #fff;}
.btn_add:hover {color:#fff;border-color:#0075d8;background-color: #0075d8;}

.btn_approval {border-color: #0c53c7;background-color: #0c53c7;float:left}
.btn_approval:hover {border-color: #061f44;background-color: #061f44;}
.btn_return02 {border-color:#5f5f5f;background-color:#5f5f5f;;float:left;margin-left:3px;}
.btn_return02:hover {border-color: #b52b38;background-color: #b52b38;}
.btn_return03 {border-color:#f14e4e;background-color:#f14e4e;}
.btn_return03:hover {border-color: #4e1a1a;background: #4e1a1a;}

.btn_excel {padding:0 10px;/*height:28px;line-height:25px;*/color:#0c53c7;background-color:#fff;border-color:#0c53c7;font-size:13px;border-radius:3px;}
.btn_excel i {margin-right:3px;display:inline-block;width:13px;height:14px;background: url(../images/sub/i_down02.png) no-repeat 0 50%;vertical-align:middle;}
.btn_down02 {min-width:90px;padding:0 10px;color:#0c53c7;border:2px solid #0c53c7;background-color: #fff;border-radius:15px;}
.btn_down02 span {line-height:28px; font-size:14px;padding-left:15px;background: url(../images/sub/i_down02.png) no-repeat 0 50%;}

/*tag*/
.tag {min-width: 60px;height:25px;line-height:23px;font-size:13px;color:#fff;text-align: center;background-color:#fff;border-radius:3px;}
.qna_ing,
.tag_unreceived,
.tag_use,
.tag_unexposed,
.tag_apply {background:#91b3e6;}
.qna_end,
.tag_approval,
.tag_unused,
.tag_exposed {background:#c4c1c1;}
.tag_record {background:#c4c1c1;}
.tag_unrecord {background:#58c5d6;}
.tag_unapply {background:#58c5d6;}
.tag02 {display: inline-block;min-width:60px;height: 32px;padding:0 8px;text-align: center; letter-spacing: -0.08em;border:1px solid #ccc;border-radius: 16px;line-height: 32px;}
.consult_tag {width: 95px;height: 30px;text-align: center;color: #fff;border-radius: 5px;line-height: 30px;}
.consult_tag02 {min-width: 115px;padding:0 5px;height: 30px;text-align: center;color: #fff;border-radius: 5px;line-height: 30px;}
.consult_tag02.ing,
.consult_tag.ing {background: #91b3e6;}
.consult_tag02.end,
.consult_tag.end {background: #c4c1c1;}


/*text*/
.md_tit {position: relative;margin: 10px 0 5px;padding-top: 10px;color: #202020;background: url(../images/sub/i_md_tit.png) no-repeat 0 0;background-size:18px auto;font-size: 20px;font-weight: 500;line-height: 1.1;}
.tbl_wrap + .md_tit {margin-top:20px;}
.md_tit02 {font-size: 20px;font-weight: 400;line-height: 50px;color: #232323;letter-spacing: -0.5px;}

/*login*/
.login_wrap {width: 900px;position:absolute;left:50%;top:50%;margin-top:-200px;margin-left: -450px;color:#251b15;}
.login_wrap  h1 {padding-bottom:12px;}
.login_box {position:relative;display:table; width:100%;border: 1px solid #e3e3e3;border-top:0;}
.login_bg {position:relative;display:table-cell;width: 350px;vertical-align: middle;text-align:center;color:#555555;border-top: 5px solid #cccccc;background:url(../images/common/bg_login.png) repeat-y 100% 0;}
.login_bg i {display:block;}
.login_bg i img  {width: 75%;}
.login {padding: 50px;border-top: 5px solid #0c53c7;}
.login_input {position:relative;}
.login_input li {position:relative; margin-bottom:5px;}
.login_input .text {width: 100%;box-sizing:border-box;height: 45px;}
.id_save {font-size:12px;margin-bottom:10px;}
.btn_login {display:block;width:100%;height: 45px;border:0;background: #0c53c7;color:#fff;font-size:14px;border-radius:3px;margin-top:10px;}
.login_link {border-top:1px dashed #ccc;margin-top:15px; padding-top:15px;}
.login_link li {position:relative;margin-bottom:5px;font-size: 14px;color: #888;}

.security {margin-left:15px;vertical-align:middle;font-size:18px;;}
.security.no {color:#d02222}
.security.ok {color:#0c53c7;}

/*search*/
.search_box {position:relative;border: 1px solid #e1e2e3;padding: 12px 25px;margin-bottom: 37px;background: #f9f9f9;border-radius: 5px;}
.search_box select {min-width:100px;height: 30px;border: 1px solid #d5d4d4;border-radius: 5px;}
.search_box .text {height: 30px;border: 1px solid #d5d4d4;padding:0 0 0 5px;border-radius: 5px;}
.search_basic {position:relative;padding:0 85px 0 10px;}
.search_box.upDown .search_basic {padding:0 155px 0 10px;}
.search_btns {display:block;position:absolute;text-align:right;right: 0px;top: 0px;}
.search_basic .tit {color:#494b50;margin-left:25px;margin-right:5px;font-weight:600; background:url(../images/common/bul_02.png) no-repeat 0 50%;padding-left:10px;}
.search_basic .tit:first-child {margin-left:0;}
.search_detail {text-align:left;margin-top:5px;}
.detail_line {padding:5px 0;}
.detail_line .tit {color:#494b50;margin-left:55px;margin-right:5px;font-weight:600;}
.detail_line .tit:first-child {margin-left:0;padding:0 0 0 10px;}
.search_box .btn_search {width:75px;height:30px;letter-spacing:-0.05em; font-weight:600;text-align:center;background-color:#6a6a6a;border-radius:25px}
.search_box .btn_reset {width:75px;height:30px;letter-spacing:-0.05em; font-weight:600;text-align:center;color: #3c3c3c;border:1px solid #6b6d6e;border-radius: 25px;background-color: #fff;line-height:30px;}
.search_box .btn_detail {width:68px;padding-right:16px;background:#015a9c;}

.search_box02 select {min-width:100px;height:30px;border-radius: 5px;}
.search_box02 .search_text {position:relative;overflow: hidden;width: 335px;height:30px;padding:0 34px 0 12px;vertical-align: top;border:1px solid #d1d1d1;border-radius: 5px;}
.search_box02 .text {width: 100%;height: 100%; color: #7a7a7a;border: 0;}
.search_box02 .btn_search {position: absolute;top: 0;right: 0;width: 60px;font-size:13px;height:100%;color: #fff;background:#6a6a6a;font-weight: 300;}

.btn_filenum {min-width: 93px;padding: 0 5px;font-size: 14px;line-height: 28px;border-radius: 3px;color: #636363;border-color: #898d9f;background-color: #fff;}
.btn_filenum + span {margin-left: 15px;font-size: 12px;color: #262626;}

/*detapick*/
.datepick {width: 80%;}
.calendar_input {position:relative;}
.calendar_input img {cursor:pointer;margin-left:5px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:44% !important;}
.ui-widget-header { background: none !important; border: 0 !important;}
.ui-datepicker td {padding:0 !important;border: 1px solid #eaeaea !important; background: #fff;}
.ui-datepicker td span, .ui-datepicker td a {padding:0.5rem !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:0;}
.ui-widget.ui-widget-content {border: none; background: #eaeaea;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:0 !important; background:none !important; text-align: center; line-height: 1;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color: #007fff !important; font-weight:bold !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background: #007fff !important; color:#fff !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {border: 0 !important;}
.ui-datepicker .ui-datepicker-prev-hover  {top:2px !important;left:2px !important;}
.ui-datepicker .ui-datepicker-next-hover {top:2px !important;right:2px !important;}

/*tab*/
.tab_menu {position:relative;border-bottom:1px solid #1c5cb0;height:41px;}
.tab_menu:after {clear:both;content:'.';height:0;font-size:0;display:block;visibility:hidden;}
.tab_menu li {float:left;width:150px;margin-left:3px;}
.tab_menu li:first-child {margin-left:0;}
.tab_menu li a {display:block;height:40px;line-height:40px;text-align:center;border:1px solid #ccc;border-bottom:0;border-top-left-radius:5px;border-top-right-radius:5px;background:#eee;overflow:hidden;}
.tab_menu li.current a {font-weight:600;background:#1c5cb0;color:#fff;border-color:#1c5cb0;}
.tab_content {position:relative;padding:20px 0;}
.tab_menu + .tbl {margin-top:20px;}

/*code*/
.code_area {}
.code_area::after{display:table;clear:both;content:"";}
.code_box {float: left;width: 32%;}
.code_box:nth-child(2) {margin: 0 2%;}
.code_tit {text-align: center;border: 1px solid #dddddd;border-top:2px solid #0c59af;background: #ebf0f3;line-height: 45px;}
.code_top {border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;}
.code_scl {overflow-x: hidden;overflow-y: scroll;width: 100%;height:450px;border:1px solid #e6e6e6;border-top: 0}
.code_add {border-right:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background: #f6f6f6;}
.code_tbl {table-layout: fixed;}
.code_tbl.type02 {border-top: 1px solid #888;}
.code_tbl .text {width: 100%;background:#fff;border-color:#dedede;}
.code_tbl thead th {height: 40px;padding:0 5px;text-align: center;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;background: #f6f6f6;font-weight: 600;}
.code_tbl tbody th {height: 40px;padding:0 5px;text-align: center;border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.code_tbl td {height: 40px;padding:0 5px;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.code_tbl th:last-child,
.code_tbl td:last-child {border-right: 0;}
.code_tbl .no_code td {cursor: default;text-align: center;}
.code_tbl td .code_basic {cursor:pointer;}
.code_add .code_tbl td {height:45px;}
.code_correct {display:none;}
.code_basic button,
.code_correct button {width: 24px;height: 24px;border:1px solid #d9d9d9;border-radius:0;background-color: #f9f9f9;background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px;}
.code_basic button + button,
.code_correct button + button {margin-left:1px;}
.code_up {background-image: url(../images/sub/i_code_up.png);}
.code_down {background-image: url(../images/sub/i_code_down.png);}
.code_rewrite {background-image: url(../images/sub/i_code_rewrite.png);}
.code_del {background-image: url(../images/sub/i_code_del.png);}
.code_save {background-image: url(../images/sub/i_code_save.png);}
.code_cancel {background-image: url(../images/sub/i_code_cancel.png);}
.btn_code_add {display:block; width:100%;height:34px;color:#fff;line-height:34px;border-color:#5c6679;background: #5c6679;}
.q_option + .q_option {margin-top: 3px;}

/* .code_btns {position: absolute;right: 7px;bottom: 7px;}
.list_code {position: relative;}
.list_code li {text-align: center;height:40px;border-bottom: 1px dashed #ccc;}
.list_code02 {position: relative;}
.list_code02 li {text-align: left;position: relative;height:40px;padding:0 80px 0 7px;border-bottom: 1px dashed #ccc;}
.list_code li > a, .list_code02 li > a {display: block;line-height:40px;}
.list_code li.on, .list_code02 li.on  {background: #ececec;}
.list_code02 li.recode {padding: 7px;}
.list_code02 li.recode a {display: inline-block;}
.code_box {position: absolute;left: 0;right: 0;bottom: 0px;padding: 5px 7px;border-top: 1px solid #ccc;background: #fafafa;}


.code_btns {position: absolute;right: 7px;bottom: 7px;}
.list_code {position: relative;}
.list_code li {text-align: left;height:40px;padding-left: 7px;border-bottom: 1px dashed #ccc;}
.list_code02 {position: relative;}
.list_code02 li {text-align: left;position: relative;height:40px;padding:0 80px 0 7px;border-bottom: 1px dashed #ccc;}
.list_code02 li.recode {padding:7px; background: #f6f7f9; height:70px;}
.list_code02 li.recode div.code > input:nth-child(2) {margin:0 3px;}
.list_code li > a, .list_code02 li > a {display: block;line-height:40px;} 
.list_code li.on, .list_code02 li.on  {background: #f6f7f9;}
.list_code02 li.recode a {display: inline-block;}
.list_code02 .tit{color: #33528b;font-weight: bold;font-size: 13px;vertical-align: middle;margin-left:10px;}
.list_code02.last {line-height:40px;}
.list_code02.last .code_btns {bottom:0;}
.code_box {position: absolute;left: 0;right: 0;bottom: 0px;padding: 5px 7px;border-top: 1px solid #ccc;background: #fafafa;}
.btn_code {float:right;margin-top:5px;} 
.btn_codebox {float:right;}
 */
/*table*/
.essential_txt {margin-bottom: 5px;text-align: right;font-size: 13px;}
.essential_txt span {color: red;}
.tbl_right .essential_txt {margin-bottom:0;}
.tbl_top {position:relative;display: table;width: 100%;margin-bottom:5px;}
.tbl_left {display: table-cell;width: 50%;text-align: left;vertical-align: bottom;color:#6c6e6f;line-height:1;margin-top:5px;}
.tbl_left .fa {font-size:14px;vertical-align: baseline;}
.tbl_left span {margin-left:3px;vertical-align: baseline;}
.tbl_left strong {font-weight:600;vertical-align: baseline;}
.tbl_right {display: table-cell;width: 50%;vertical-align: bottom;text-align:right;}
.tbl_wrap {position: relative;}
.tbl_wrap .fa {font-size:18px;}
.tbl_wrap .fa-bullhorn {color:#1c5cb0;}
.tbl_wrap label + label {margin-left:10px;}
.tbl_wrap + .tbl_top {margin-top:20px;}
.tbl_scroll {width:100%;min-height:500px;overflow:auto; padding-bottom:15px;}

.tbl_col_type01 {table-layout: fixed;border-top: 2px solid #323232;}
.tbl_col_type01 thead th {font-weight: 600;padding: 12px 0;border: 1px solid #e6e6e6;color: #333;text-align:center;background: #f0f0f1;}
.tbl_col_type01 td {padding:7px 10px;border:1px solid #e6e6e6;color: #5e5e5f;text-align:center;word-wrap: break-word;}
.tbl_col_type01 td.subject {padding:10px;text-align:left;}
.tbl_col_type01 td.subject a {display:inline-block;}
.tbl_col_type01 td.subject img {margin-left:5px;}
.tbl_col_type01 td.code {position: relative;vertical-align: top;padding:0 0 34px 0;}
.tbl_col_type01 thead th:first-child,
.tbl_col_type01 td:first-child {border-left:0;}
.tbl_col_type01 thead th:last-child,
.tbl_col_type01 td:last-child {border-right:0;}
.tbl_col_type01 tr:hover td {background:#f0f4f7;}
.tbl_col_type01 tbody th {font-weight: 600;padding: 12px 0;border: 1px solid #e6e6e6;color: #333;text-align:center;background: #f0f0f1;}

.tbl_col_type02 {table-layout: fixed;border-top: 1px solid #e5e5e5;}
.tbl_col_type02 thead th {font-weight: 600;padding: 12px 0;border: 1px solid #e1e2e2;color: #333;text-align:center;background: #f5f5f5;}
.tbl_col_type02 td {padding:7px 10px;border:1px solid #e1e2e2;color: #5e5e5f;text-align:center;word-wrap: break-word;}

.tbl_row_type01 {table-layout: fixed;border-top: 2px solid #585858;}
.tbl_row_type01 th {padding:10px 0 10px 2%;border-bottom: 1px solid #e1e2e2;background:#f5f5f5;color: #31343f; font-weight:600;}
.tbl_row_type01 td {padding:7px 10px;border-bottom: 1px solid #e1e2e2;color: #5e5e5f;word-wrap: break-word;}
.tbl_row_type01 th strong {font-weight:600;}
.tbl_row_type01 .tbl_text {min-height:150px;line-height:1.5;padding:10px;vertical-align:top;}
.tbl_row_type01 .th_tit {display:block;}
.tbl_row_type01 .bg_answer {background:#f2f3f3;}
.tbl_row_type01 .top_line {border-top: 2px solid #585858;}

.tbl_answer {margin-top:20px;}
.tbl_answer th {padding:8px 0 8px 3%;background: url(../images/sub/icon_reply.png) no-repeat 1.5% 7px;}
.tbl_answer .th_tit {text-align: left;}

.no_hover td {background:none !important;}
td.no_data {background:none !important; padding: 10px 0;}
.th_tit {position: relative;margin-left: -9px;padding-left:10px;}
.th_tit::before {position: absolute;top:13px;left:0;display:block;content: '*';transform:translateY(-50%);color: #e61212;}
.bdl {border-left: 1px solid #e1e2e2 !important;}

.txt_area {padding:5px; height:150px;width:100%;}
.txt_area80 {padding:5px; height:80px;width:100%;}
.min_txtarea {padding:5px; min-height:150px;}
.pre_wrap {white-space:pre-wrap;}
.down_file .fa {vertical-align:0}
.down_file + .down_file {margin-top:3px;}
.refer {padding-left:16px;font-size:14px;color:#666666;background: url(../images/sub/i_info.png) no-repeat 0 4px;background-size:auto 14px;}

.check_tit {display:block;}
.check_tit strong {font-weight:600;vertical-align:baseline;}
.radio_list {margin-top:10px;}
.radio_list li {float:left;width:27%;margin-bottom:5px;}
.radio_list li.last {width:33%;}
.radio_list li.last input[type="text"] {width:200px;}
.radio_list + .check_tit {margin-top:20px;padding-top:20px;border-top:1px dashed #e5e5e5;}

.reply_bytes {font-size:12px;text-align:right;}
.viewByte {font-weight:600;vertical-align:baseline;}

.confrim {padding-left:20px;}

.mail_count {display:inline-block;vertical-align: top;margin-right: 10px;padding:10px;}
.mail_list_box {display:inline-block;position:relative;width: 500px;padding-top:30px;border: 1px solid #e1e2e2;}
.list_mail {width: 500px;height:200px;overflow-x:hidden;overflow-y:scroll; }
.tbl_mail {table-layout: fixed;}
.tbl_mail thead tr {position:absolute;left:0;top:0;height:30px;}
.tbl_mail th {padding:0; height:30px;text-align: center;}
.tbl_mail th:first-child {border-right: 1px solid #e1e2e2;}
.tbl_mail th.th01 {width:121px;}
.tbl_mail th.th02 {width:380px;}
.tbl_mail td {padding:5px 10px;}
.tbl_mail tr td:first-child {border-right: 1px solid #e1e2e2;}

.address_book {display:inline-block;position:relative;width: 600px;padding-top:30px;border: 1px solid #e1e2e2;}
.maill_adress {width: 600px;height:400px;overflow-x:hidden;overflow-y:scroll; }
.maill_adress .tbl_mail th {text-align: center;border-bottom: 1px solid #e1e2e2;border-right: 1px solid #e1e2e2;background:#f5f5f5;color: #31343f; font-weight:600;}
.maill_adress .tbl_mail td {text-align: center;border-bottom: 1px solid #e1e2e2;border-right: 1px solid #e1e2e2;color: #5e5e5f;}
.maill_adress .tbl_mail tr th:last-child ,
.maill_adress .tbl_mail tr td:last-child {border-right: 0;}
.tbl_mail th.th03 {width:50px;}
.tbl_mail th.th04 {width:100px;}
.tbl_mail th.th05 {width:151px;}
.tbl_mail th.th06 {width:201px;}
.tbl_mail th.th07 {width:95px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tbl_mail th.th01 {width:122px;}
    .tbl_mail th.th03 {width:51px;}
    .tbl_mail th.th04 {width:101px;}
    .tbl_mail th.th05 {width:150px;}
    .tbl_mail th.th06 {width:201px;}
}
.sms_top {position: relative;margin-bottom: 5px;padding-top: 10px;}
.sms_top .btn_sml02 {position: absolute;right: 0;bottom:0;;}

/*file*/
.file_wrap {position:relative;}
.file_wrap .btn {position:relative;width: 75px;height:25px;line-height:25px;cursor:pointer;}
.btn_file {border-color:#ccc;background:#eee;color:#333;padding:0 5px;font-size: 13px;}
.btn_fileDel {border-color:#000;background:#555;color:#fff;padding:0 5px;font-size: 13px;}
.tbl_file {margin-top:5px;}
.tbl_file th {border:1px solid #d9d8d8;text-align:center;padding:5px 0;background:#e8e8e8;font-weight:600;}
.tbl_file td {border:1px solid #e6e6e6;text-align:center;padding:5px 10px;}
.tbl_file td:nth-child(2) {text-align:left;}
.file_tit {position:relative;padding-right:70px;}
.btn_preview {display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:60px; height:20px;line-height:17px;font-size:12px;text-align:center;border-radius:3px;border-color:#ccc;background:#aaa;color:#fff;}

.file_thum::after {display:table;clear:both;content:'';}
.file_thum li {position:relative;float:left; width:200px;margin-right:10px;margin-bottom:10px;border:1px solid #e1e1e1;}
.file_thum li:nth-child(5n) {margin-right:0;}
.file_thum .file_img {width:100%;height:150px;}
.file_thum .file_img img {width:100%;height:100%;}
.file_thum .file_btns_box {padding:5px;border-top:1px solid #e1e1e1;}
.file_thum .fr {text-align:right;}
.file_thum .btn {width:24px;height:24px;margin-bottom:5px;padding:0 5px;font-size:13px;font-weight:300;line-height:30px;}
.file_thum .btn_file_del {border: 0;text-indent:-9999px;background:url(../images/sub/i_file_del.png) no-repeat 50% 50%;}
.file_thum .btn_file_add {border-color: #5f5f5f;background-color: #5f5f5f;}
.file_thum .fake_file {display:inline-block;position:relative;width:24px;height:24px;}
.file_thum .fake_btn {width:100%;height:100%;text-indent:-9999px;cursor:pointer;background: url(../images/sub/i_file_add.png) no-repeat 50% 50%;}
.file_thum .hidden_file {position:absolute;top:0;left:0; width:100%;height:100%;cursor: pointer;opacity:0; border:0;filter:alpha(opacity=0); -moz-opacity:0;}

/*prev & next*/
.tbl_prevNext {font-size:12px;width:100%;border-top:1px solid #585858;border-bottom:1px solid #a0a0a0;margin-top: 20px;}
.tbl_prevNext th {font-weight:600; padding:11px 16px 11px 3%;background: #f2f3f3 url(../images/sub/icon_next.gif) no-repeat 85% 50%;}
.tbl_prevNext tr:first-child th {border-bottom:1px solid #e1e2e2;background: #f2f3f3 url(../images/sub/icon_prev.gif) no-repeat 85% 50%;}
.tbl_prevNext tr:first-child td {border-bottom:1px solid #e1e2e2;}
.tbl_prevNext td {padding:11px 0 11px 20px;}

/*page*/
.paging_wrap {position:relative;margin-top:20px;}
.paging_wrap:after {content:' ';display:block;height:0;font-size:0;visibility:hidden;clear:both;}
.btn_left {position:absolute;top:0;left:0;}
.btn_right {position:absolute;top: 0;right:0;}
.paging {text-align:center;font-size:0;}
.paging a {display:inline-block; min-width:40px; height:40px; line-height:40px; color:#000; font-size:12px;background-color:#fff; border:1px solid #dedede; margin-left: -1px;}
.paging a:hover {background-color:#1c5cb0;color:#fff;}
.paging strong {position: relative;display:inline-block; min-width:40px; height:40px; line-height:40px; color:#1c5cb0; font-size:12px;background-color:#fff; border:1px solid #dedede; margin-left: -1px; }
.paging strong:after {content: ' ';display: block; position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background: #1c5cb0;}
.paging a.btn_page {text-indent:-9999em; font-size:0;background-image:url(../images/sub/btn_page.gif); background-repeat:no-repeat;}
.paging a.first {background-position:13px 14px;}
.paging a.first:hover {background-position:-137px 14px;}
.paging a.prev {background-position:-65px 14px;}
.paging a.prev:hover {background-position:-215px 14px;}
.paging a.next {background-position:-105px 14px;}
.paging a.next:hover {background-position:-255px 14px}
.paging a.last {background-position:-28px 14px}
.paging a.last:hover {background-position:-179px 14px}

/*faq*/
.faqs {position:relative; width:100%;border-top:2px solid #66575a;}
.faqs dt {position:relative;cursor:pointer;padding:13px 0;border-bottom:1px solid #e4e4e4;background:url(../images/sub/faq_open.png) no-repeat 99% 50%;}
.faqs dt:nth-child(1) {border-top:0;}
.faqs dt:after, .faqs dd:after {content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.faq_num {display:block;float:left;width:4%;vertical-align:top;text-align:center;}
.faq_tit {display:block;float:left;position:relative; width:82%;vertical-align:top;padding-left:15px;}
.faq_tit .faq_q {position:absolute; left:0; top:0;}
.faqs dd {border-bottom:1px solid #e4e4e4;padding:20px 0 20px 4%;background:#f9f9f9;*zoom:1}
.faqs .expanded {background:#1c5cb0;}
.faqs .expanded .faq_num, .faqs .expanded .faq_q, .faqs .expanded .faq_tit {color:#fff; font-weight:600;}
.faq_txt {float:left;position:relative;; width:93%;vertical-align:top;padding-left:15px;}
.faq_txt .faq_a {position:absolute; left:0; top:0;color:#1c5cb0; font-weight:600;}

.btn_popSave {width: 105px; height: 35px; line-height: 35px; font-size: 14px; background: #1f3243; color: #fff;}
.btn_popCancel {width: 105px; height: 35px; line-height: 35px; font-size: 14px; background: #666666; color: #fff;}

/*popup*/
.popup {background:#fff;border:1px solid #626262;z-index:1200;display:none;}
.pop_size1000 {width:1000px;}
.pop_size600 {width:600px;}
.pop_header {position:relative;padding:15px;background:#1658d6;}
.pop_header .pop_tit {font-size:17px; color:#fff; font-weight: normal;}
.pop_header .pop_close {position:absolute; right:10px; top:50%; width:19px; height:18px; margin-top:-9px;background:url(../images/common/all_menu_close.png) no-repeat 50% 50%;}
.pop_content {position:relative;padding:15px;min-height:80px;}
.pop_footer {position:relative;padding:10px 0 20px; text-align:center;}
.popup_bg {display:none;width:100%; height:100%; _height:800px;background:#000; filter:alpha(opacity=70); opacity:0.7; position:fixed;_position:absolute; _filter:alpha(opacity=70); top:0px; left:0px; z-index:1000;}
.pop_close{width: 100%;position: relative;height: 22px;text-align: right;margin-left: 0px;margin-top: 180px;}

/*error*/
.error_wrap {position:absolute; left:50%;top:50%;margin-left:-500px;margin-top:-194px; width:1000px;}
.error_wrap h1 {position:relative;font-size:25px;margin-bottom:10px;}
.error_box {position:relative;padding:60px 0px 60px 445px; border:1px solid #cccccc; letter-spacing:-0.08em;background:#fff;}
.error_img {position:absolute;left:20px; top:60px;bottom:60px;width:395px;background:url(../images/sub/error_500.png) no-repeat 50% 50%;line-height:1;}
.error_tit {font-size:20px; color:#333;letter-spacing:-0.1em;}
.error_tit strong {display:block;font-size:30px;}
.txt_error {font-size: 16px;margin-top:25px;line-height:1.5;color:#808080;}
.txt_error02 {font-size: 16px;margin-top:30px;}
.error_btns {margin-top:30px;}
.error_btns a {width:150px;height:40px;line-height:40px;}

.info_box {margin-top:15px;padding:15px;color:#666666;border:1px solid #eee; font-size:14px;}
.info_box dt {margin-bottom:5px;}
.info_box dt .refer {color:#000;font-size:14px;font-weight:500;} 
.info_box dd {padding-left:20px;}
.info_box li {margin-top:3px;}

.info_box02 {padding: 50px;border: 1px solid #e3e3e3;border-top: 3px solid #005eb7;background:#fefefe;font-size:16px;}
.info_box02 .bul_squ li {position:relative;margin-top:15px;padding-left:10px;text-align:left;}
.info_box02 .bul_squ li:first-child {margin-top:0;}
.info_box02 .bul_squ li:before {position:absolute;top:9px;left:0;display:block;width:4px;height:4px;content:'';background:#464646;}

.termsArea {padding: 55px;border: 1px solid #cbcbcb;}
.termsArea .bigTitle {margin-bottom: 20px;font-size: 30px;font-weight: 700;color: #000;text-align:center;}
.termsArea .termshd {margin-bottom: 20px;font-size: 18px;font-weight: 700;color: #000;}
.termsArea .tlast {margin-bottom: 50px;}
.termsArea .tlasttop {margin-bottom: 50px;font-size: 18px;color: #000;}
.termsArea ol {margin-bottom: 50px;}
.termsArea ol li {position: relative;padding: 0 0 0 20px;}
.termsArea ol li ol {margin: 10px 0 15px;}
.termsArea ol li span {position: absolute;top: 0;left: 0;}
.termsArea .ostList {margin-bottom: 50px;}
.termsArea .ostList>li {position: relative;padding: 0 0 0 30px;}
.termsArea .ostList>li>span {position: absolute;top: 0;left: 0;}
.agreement {text-align:center;font-size:18px;}


.pw_box {position:relative;display:table; width:100%;border-top:0;border: 1px solid #e3e3e3;width:1200px;margin:60px auto 0;}
.pw_bg {position:relative;display:table-cell;width:498px;padding:70px 0;vertical-align: middle;text-align:center;color:#666;font-size:16px;border-top: 5px solid #cccccc;background:url(/publish/front/images/sub/bg_login.png) repeat-y 100% 0;}
.pw_bg i {display:block;}
.pw_bg p strong {color:#000000;font-size:24px;font-weight:400;}
.pw_info {position:relative;display:table-cell;padding:70px 100px;border-top: 5px solid #0c53c7;}
.pw_txt {color:#333;font-size:20px; font-weight:400; line-height:1.5;}
.pw_txt .color_blue {color:#0152fb;vertical-align:baseline;}
.pw_set {margin-top:40px;}
.pw_set li {margin-top:10px;font-size:20px;}
.pw_set li:first-child {margin-top:0;}
.pw_set li:after {content:'';display:table;clear:both;}
.pw_set strong {width:134px;color:#999999;font-weight:400;font-size:18px;}
.pw_set li .text {height:40px;width:calc(100% - 138px);}
.pw_info .btn_confirm {width: 150px;height: 45px;background: #0c53c7;line-height: 45px;font-size: 15px;}
.pw_info .btn_cancel {width: 150px;height: 45px;background: #a1a1a1;line-height: 45px;}



.mainPop {position:absolute;border:2px solid #0a4d96;background:#fff;z-index:2000;}
.mainPop_tag {position:absolute; top:0; left:0;z-index: 2; width:86px; height:86px;padding-top: 22px;color:#fff;font-size:17px;line-height: 19px;text-align: center;
background: #0b4789;
background: -moz-linear-gradient(top, #0b4789 0%, #115bb0 100%);
background: -webkit-linear-gradient(top, #0b4789 0%,#115bb0 100%);
background: linear-gradient(to bottom, #0b4789 0%,#115bb0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b4789', endColorstr='#115bb0',GradientType=0 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d529f', endColorstr='#0b488b',GradientType=1 );
-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.24);
-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.24);
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.24);}
.mainPop_tit {position:relative;margin:0 32px 0 105px;padding: 27px 0;min-height:112px;font-size:21px;text-align:left;color:#3d3e3f;}
.mainPop_cont {margin: 0 32px;padding:30px 15px;color:#545454; border-top:1px solid #cccccc;}
.mainPop_cont img {width:100%;}
.mainPop_foot:after {content:"";display:block;clear:both;}
.mainPop_foot .no_today {display:block;float:left; padding-left:12px;width:80%;height:50px; line-height:50px;border-top:1px solid #ccc; }
.mainPop_foot .checkbox {vertical-align:0;}
.mainPop_foot .btn_close {float:right;width: 20%;height:50px; line-height:50px;text-align:center;font-size:13px;border-top:1px solid #0a4d96;border-left:1px solid #0a4d96;}


.support_half.little_half {width:43%; margin-bottom:20px;margin-right:1%;}
.support_half {width:56%; float:left; height:75vh; overflow-x:hidden;  padding-right:0.5%; overflow-y:auto; }
.support_half table thead tr th {text-align:center;}
.mt20 {margin-top:20px}
.mt10 {margin-top:10px}
.ml10 {margin-left:10px}
.mr10 {margin-right:10px}
.support_half .comment {background:url(../images/sub/icon_reply.png) no-repeat 10px center; padding-left:30px}
.tbl_row_type01.center tr td, .tbl_row_type01.center2 tr td {text-align:center !important; padding:7px 0}
.tbl_row_type01.center thead th, .tbl_row_type01.center2 thead th {padding:7px 0}
.tbl_row_type01.center tr td:nth-child(1){text-align:left !important; padding:10px 15px}
.tbl_row_type01.center tr td.align {text-align:left !important; padding:10px 15px; letter-spacing:-1px;}
.tbl_row_type01 tr td a.search_btn {width:28px; height:28px; display:block; border-radius:50%; background:linear-gradient(to right, #2673bf 0%,#25a9b9 100%); color:#fff; margin:0 auto}
.tbl_row_type01 tr td a.search_btn i {font-size:14px; margin-top:2px;}
.no_mb {margin-bottom:0}
.support_half .tab_content {padding:10px 0}

/*고효율 관리자메인*/
.main_top {position:relative;width:100%; margin-bottom:20px;}
.admin_info {display:table;width: 100%;table-layout:fixed;}
.admin_info > li {display:table-cell;vertical-align:top;padding-left:20px;}
.admin_info li.first {padding-left:0;}
.admin_info li.last {width:430px;}
.content_box .box {float:left;width:49%;margin-top:20px;}
.content_box .box:nth-child(even) {float:right;}

.access_tit {padding-left:5%;height:51px;line-height: 51px; color:#fff;font-weight:700;font-size:18px;opacity: 0.92;background: #2673bf;
	background: -moz-linear-gradient(left, #2673bf 0%, #25a9b9 100%);
	background: -webkit-linear-gradient(left, #2673bf 0%,#25a9b9 100%);
	background: linear-gradient(to right, #2673bf 0%,#25a9b9 100%);}
.tbl_access {color:#484848; font-size:14px;}
.tbl_access th {height:42px;padding-left:5%;font-weight:700;}
.tbl_access td {height:42px;padding-right:5%;text-align:right;}
.tbl_access tr {background:#fff;}
.tbl_access tr:nth-child(odd) {background:#f5f5f5;}

.top_count {position:relative;border: 1px solid #f0f0f0;text-align:center;border-radius:5px;overflow: hidden;background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #f2f2f2 100%);
	background: -webkit-linear-gradient(top, #ffffff 1%,#f2f2f2 100%);
	background: linear-gradient(to bottom, #ffffff 1%,#f2f2f2 100%);}
.top_count .title {font-size: 18px;font-weight: 700;color: #484848;position: absolute;left:5%; top:10%;}
.top_count .more {position:absolute;right:20px;top:20px; width: 24px; height: 25px; display:block; background: url(../images/main_plus.png) no-repeat;text-indent: -9999px;}
.top_count i {display:block;width: 50px;height: 50px;margin:8% auto 0;line-height:1;}
.top_count .icons01 {background: url(/publish/ma/images/admin_icon_01.png) no-repeat 50% 0%;}
.top_count .icons02 {background: url(/publish/ma/images/admin_icon_02.png) no-repeat 50% 0%;}
.top_count .icons03 {background: url(/publish/ma/images/admin_icon_03.png) no-repeat 50% 0%;}
.top_count .icons04 {background: url(/publish/ma/images/admin_icon_04.png) no-repeat 50% 0%;}
.top_count .icons05 {background: url(/publish/ma/images/admin_icon_05.png) no-repeat 50% 0%;}
.top_count .icons06 {background: url(/publish/ma/images/admin_icon_06.png) no-repeat 50% 0%;}
.top_count .icons07 {background: url(/publish/ma/images/admin_icon_07.png) no-repeat 50% 0%;}
.top_count strong {font-family: 'Arial';font-weight: bold;font-size: 30px;line-height:1;vertical-align:text-bottom;}
.top_count strong + span {vertical-align:text-bottom;}
.top_count .tit {margin:3px 0;font-weight:400;}
.top_count p {height:34px;line-height:34px;color:#fff;background:#549d66;}
.top_count.type02 p {background:#9550ff;}
.top_count .info_top {width:100%; height:140px; padding:45px 20px 20px 20px; display: flex; align-items: center; justify-content: center;}
.top_count .info_top li {padding:8px 10px; width:50%; text-align:center; font-size:16px;}
.top_count .info_top li span {display:block; padding:8px; margin-top:5px; border:1px solid #eee; background:#fff; border-radius:10px; font-size:20px; font-weight:600}

.main_scroll_wrap {position: relative; padding-top: 40px;border: 1px solid #dddddd; background:#fff;}
.main_scroll_box {width: 100%;overflow:auto; overflow-x:hidden;height:135px;}
.main_tbl_scroll {width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse;}
.main_tbl_scroll thead {display:block; background:#eee;}
.main_tbl_scroll thead tr {position:absolute;top:0; width:100%; height:40px;background:#eee}
.main_tbl_scroll .w96 {width: 96px;}
.main_tbl_scroll .w123 {width: 123px;}
.main_tbl_scroll .w209 {width: 209px;}
.main_tbl_scroll thead tr:last-child {bottom: 0;}
.main_tbl_scroll thead th {height:40px;text-align: center; color:#333; border-left:1px solid #dddddd;}
.main_tbl_scroll td {position: relative;height:35px;text-align: center;border:1px solid #dddddd;border-right: 0; }
.main_tbl_scroll tr th:first-child,
.main_tbl_scroll tr td:first-child {border-left: 0;}

.main_mdl::after {display:table;clear:both;content:'';}
.main_tit {font-size: 18px;color: #444444; font-weight:700;background: url(../images/bul_04.png) no-repeat 0 50%;padding-left: 18px;margin-bottom: 5px;}
.main_tab {position:relative;width: 100%;height:42px;margin-bottom: 10px;padding-right:30px;}
.main_tab::before {content:'';display:block; position:absolute;left:0;bottom:0;width:100%;height:1px;background:#dbdbdb;    z-index: -1;}
.main_tab::after {clear:both;content:"";display:table;}
.main_tab li {float:left;width:50%;width:30%;border:1px solid #dbdbdb;margin-left:-1px;}
.main_tab li:first-child {margin-left:0;}
.main_tab li.current {border-top:1px solid #6176ed; border-bottom:1px solid #fff;}
.main_tab li a {position:relative;display:block;font-weight:400;height:40px;line-height:40px;text-align:center;background:#fbfcfc;overflow:hidden;}
.main_tab li.current a {font-weight:600;background:#fff;}
.main_tab li.current a::after {content:'';display:block; position:absolute;left:0;top:0;width:100%;height:2px; background:#6176ed;} 
.main_mdl .tab_content {position:relative;padding:0;}
.main_mdl .more {position:absolute;right:0;top:-45px; width: 24px; height: 25px; display:block; background: url(../images/main_plus.png) no-repeat;text-indent: -9999px;}

.main_mdl {clear:both;}
.main_mdl .box02 {float:left; position:relative; width:49%;}
.main_mdl .box02:nth-child(even) {float: right;}
.main_mdl .box03 {float: left;position: relative;width: 100%;background-color: #fff;overflow: hidden;}
.main_tab {position: relative;width: 100%;height: 42px;margin-bottom: 10px;padding-right: 30px;border-bottom: 1px solid #dbdbdb;}
.main_tab::before {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #dbdbdb;z-index: -1;}
.main_tab::after {clear: both;content: "";display: table;}
.main_tab li {float: left;width: 50%;width: 30%;margin-left: -1px;border: 1px solid #dbdbdb;}
.main_tab li:first-child {margin-left: 0;}
.main_tab li.current {border-top: 1px solid #6176ed;border-bottom: 1px solid #fff;}
.main_tab li a {position: relative;display: block;font-weight: 400;height: 40px;line-height: 40px;text-align: center;background: #fbfcfc;overflow: hidden;}
.main_tab li.current a {font-weight: 600;background: #fff;}
.main_tab li.current a::after {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 2px;background: #6176ed;}
.main_btm {clear:both; position:relative; min-height:285px;}

.main_chart {position:relative;border: 1px solid #f0f0f0; }
.main_chart .loding {position:absolute;left:50%;top:50%;margin:-32px 0 0 -32px;}
.main_tit {font-size: 18px;color: #444444; font-weight:700;background: url(../images/bul_04.png) no-repeat 0 50%;padding-left: 18px;margin-bottom: 5px;}
.main_btm::after {display:table;clear:both;content:'';}
.tit_area {display:table;table-layout:fixed;width:100%;}
.tit_area .cell {display:table-cell;vertical-bottom: baseline;}
.tit_area .all {vertical-align: baseline;}
.tit_area .all strong {vertical-align: baseline;font-weight:600;}
.main_board {border-top:2px solid #1e3b7f;font-size: 14px;}
.main_board thead th {vertical-align:middle; font-weight:bold;height: 40px;padding:3px 0;border-bottom:1px solid #ccc;text-align:center;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 41%, #f2f2f2 100%);background: -webkit-linear-gradient(top, #ffffff 41%,#f2f2f2 100%);background: linear-gradient(to bottom, #ffffff 41%,#f2f2f2 100%);}
.main_board td {height: 35px;text-align:center;border-bottom:1px solid #dbdbdb;}
.main_board td.subject {padding-left:15px;text-align:left;}
.main_board tr:hover td {background:#f3f6fd;}




/*체크 일때*/
.check_row {border:3px solid #f23b3b;}
.check_row:not(:first-of-type){border-top:0; border-bottom:0}

/*체크를 여러 줄 할 때 첫번째 tr에 추가*/
.check_row.first {border-top:3px solid #f23b3b;}

/*체크를 여러 줄 할 때 마지막 tr에 추가*/
.check_row.last {border-bottom:3px solid #f23b3b !important}

/*tr의 반쪽만 체크될때 */
.check_row_half {border:3px solid #f23b3b !important;}
/*tr의 반쪽만 체크될때 첫번째에 first, 마지막에 last를 해야 감싸짐*/
.check_row_half.first{border-right:0 !important;}
.check_row_half.last{border-left:0 !important;}

/*크롬 colspan 오류 추가 <tr class="chrome_fix"><td></td><td></td></tr> */
.chrome_fix {height:0 !important}
.chrome_fix td {height:0; padding:0 !important}


/*ppa 전기사용신청 20210324*/
.info_box03 {padding: 20px 20px 0px 20px;border: 1px solid #e3e3e3;border-top: 3px solid #005eb7;background:#fefefe;font-size:16px;}
.info_box03 .bul_squ li {position:relative;margin-top:15px;padding-left:10px;text-align:left;}
.info_box03 .bul_squ.type02 li {margin-top:5px;}
.info_box03 .bul_squ li:first-child {margin-top:0;}
.info_box03 .bul_squ li:before {position:absolute;top:9px;left:0;display:block;width:4px;height:4px;content:'';background:#464646;}
.info_box03 .info_txt {font-size:13px; color:#0d5bc1; display:block}
.info_box03 strong {color:#000;}
.info_box03 .inbox {margin:10px 0 0;padding:10px;}
.info_box03 .tit {font-weight:600;color:#212121;}
.info_box03 .tit.big {font-size:18px;}
.info_box03 .txt {line-height:1.6;}
.info_box03 .import {color:#e61212 !important;font-weight:600;}
.info_box03 .txt + .tit {margin-top:10px;}
.info_box03 .inbox > ul {margin-bottom:20px;}
.info_box03 .inbox > ul > li {margin-top:10px;position:relative;font-size:15px;padding-left:12px;}
.info_box03 .inbox > ul > li:before {position:absolute;top:9px;left:0;display:block;width:4px;height:4px;content:'';background:#464646;}
.info_box03 .inbox .clear {margin-top:10px;padding-top:10px;border-top:1px dashed #222;}

.inbox_tit {font-size:20px; text-align:center;width:100%}
.inbox ol {margin-bottom: 20px; font-size:15px}
.inbox ol li {position: relative;padding: 0 0 0 24px; margin-top:10px;}
.inbox ol li ol {margin: 5px 0 15px;}
.inbox ol ul {margin: 10px 0 15px;}
.inbox ol ul li {padding:0;}
.inbox ol li span {position: absolute;top: 0;left: 0;}
.inbox ol li span.txt_spe {position: relative;font-size:20px; font-weight:600; color:#2684ff}
.inbox ol li span.txt_spe01 {position: relative;font-size:15px; font-weight:600; color:#2684ff}
.termshd {margin: 20px 0 10px 0;color: #000;font-size: 17px;font-weight: 600;}

.tab_container {position:relative; margin-top:20px;}
.tblh2_inbox {width: 100%;margin:10px 0 30px;border-top: 1px solid #005eb7;}
.tblh2_inbox thead tr {background: url(/publish/front/images/sub/bg_th.png) repeat-x 0 0;}
.tblh2_inbox thead th {padding: 10px;text-align: center;color: #474747;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;font-size:16px;font-weight:600;}
.tblh2_inbox tbody th {background: url(/publish/front/images/sub/bg_th.png) repeat 0 0; padding: 10px;text-align: center;color: #474747;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;font-size:16px;font-weight:600;}
.tblh2_inbox tbody td {padding: 10px;text-align: center;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.tblh2_inbox thead th:last-child {border-right: 0;}
.tblh2_inbox tbody td:last-child {border-right: 0;}
.tblh2_inbox tbody td.last {border-right: 1px solid #e5e5e5;}
.tblh2_inbox tbody td span {padding-right:15px;}

.tblh2_in_agree {width: 100%;margin:10px 0 30px;}
.tblh2_in_agree tbody td {padding:8px 10px}

.tab_link04 {position:relative;margin-bottom: 9px;}
.tab_link04 li {display:inline-block;width: 150px;margin-left:5px;}
.tab_link04 li:first-child {margin-left:0;}
.tab_link04 li a {display:block;text-align:center;overflow:hidden;height:45px;padding:0 5px;color: #7e7e7e;font-weight:400;background:#fafafa;font-size:17px;line-height:42px;border:1px solid #e5e5e5;}
.tab_link04 li.current a {color:#fff;background:#0c53c7;border-color:#0c53c7;}

.board_row_type03 {table-layout:fixed;color: #000;border-top: 1px solid #e5e5e5;}
.board_row_type03 td {padding: 8px 10px; background:#fff; text-align:center;border-bottom: 1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}

.Nobd_b {border-bottom:0!important}
/* 전기사용신청 끝  */

tr.average td,
tr.average:hover td {background:#808c9f !important;color:#fff;}
tr.mini_maxi td,
tr.mini_maxi:hover td {background:#f4f9fc !important;}
tr.mini_maxi02 td,
tr.mini_maxi02:hover td {background:#e6eef3 !important;}
tr.mini_maxi03 td,
tr.mini_maxi03:hover td {background:#9facc0 !important;color:#fff;}



/*고효율 공지사항 추가*/
.top_tit {width:100%; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #ddd}
.top_tit a {display:block; width:100%; font-size:18px;}
.top_tit .plus {float:right; color:#6176ed}
.notice_top {width:100%;}
.notice_top li {position:relative; width:100%}
.notice_top li a {display:block; padding:0 0 0 12px; height:30px; line-height:30px; width:100%; overflow:hidden; text-overflow:ellipsis}
.notice_top li a:hover {color:#0a62c6; font-weight:500}
.notice_top li:before {position:absolute; top:13px; left:3px; width:3px; height:3px; background:#6176ed; content:''}

.clr_box {display: inline-block;width: 13px;height: 13px;border-radius: 2px;}
.clr_box.red {background: #cd3b3b;}
.clr_box.gray {background: #c4c1c1;}
.main_scroll_box .tbl_col_type01 tbody tr:first-child td {border-top: 0;}


.map_area_top {position: absolute;left: 0;right: 0;top: 0;}
.map_area_top li {float: left;width: calc(100% / 3);height: 45px;padding-left: 44px;border: 1px solid #eee;font-size: 14px;}
.map_area_top li:not(.i01) {border-left: 0;}
.map_area_top li input {width: 100%;height: 100%;margin: 0;padding: 0 25px;border: 0;background: #fff;outline: none;}
.map_area_top li input:placeholder {color: #8c8c8c;}
.map_area_top li.i01 {background: url(/publish/front/images/sub/i_mat01.png) no-repeat 0 0;}
.map_area_top li.i02 {background: url(/publish/front/images/sub/i_mat02.png) no-repeat 0 0;}
.map_area_top li.i03 {padding-left: 54px;font-family: 'Montserrat';font-size: 21px;font-weight: 500;line-height: 43px;color: #191919;background: #f9f9f9 url(/publish/front/images/sub/i_mat03.png) no-repeat 0 0;}
.map_area_top li.i03 span {margin-left: 3px;font-size: 12px;font-weight: 300;}

#ctg, .vw-notice, .vw-logo {display: none;}
.vw-scale-line {position: absolute;left: 10px;top: 15px;}
.vw-scale-line-inner {width: auto !important;background: #fff;border-radius: 5px;padding: 5px 7px;border: 1px solid #ccc;font-size: 13px;}
#chgBtnArea {position: absolute;top: 60px; right: 5px;width: 87px;border:none;z-index: 1;}
#chgBtnArea button {border: none; border-radius: 8px; padding: 7px;}
#chgBtnArea button.active {background: #1c5cb0; color: #fff;}
#chgBtnArea button:first-child { margin-right: 3px;}
.smap_view_area {overflow: hidden;height: 168px;right: 10px;}
.smap_view_area,
#chkBoxArea {position: absolute;bottom: 30px;width: 177px;border: 1px solid #ccc;border-radius: 5px;background: #fff;z-index: 1;}
#chkBoxArea {right: 10px;padding: 1px;font-size: 12px;line-height: 20px;color: #666;letter-spacing: -0.3px;}
#chkBoxArea .tit {height: 23px;border-radius: 5px;color: #fff;text-align: center;background: #031444 url(/publish/front/images/sub/chkBoxArea_tit.png) no-repeat 95% 50%;cursor: pointer;}
#chkBoxArea .tit.open {background: #031444 url(/publish/front/images/sub/chkBoxArea_tit_open.png) no-repeat 95% 50%;}
#chkBoxArea ul {padding: 5px 7px;}
#chkBoxArea ul li input[type="checkbox"] {margin-right: 5px;}
#chkBoxArea ul li input[type="checkbox"] + label {padding-left: 20px;cursor: pointer;}
#LT_C_AISUAC + label {background: url(/publish/front/images/sub/LT_C_AISUAC.png) no-repeat 0 50%;}
#LT_C_AISCTRC + label {background: url(/publish/front/images/sub/LT_C_AISCTRC.png) no-repeat 0 50%;}
#LT_C_AISALTC + label {background: url(/publish/front/images/sub/LT_C_AISALTC.png) no-repeat 0 50%;}
#LT_C_AISPRHC + label {background: url(/publish/front/images/sub/LT_C_AISPRHC.png) no-repeat 0 50%;}
#LT_C_AISRESC + label {background: url(/publish/front/images/sub/LT_C_AISRESC.png) no-repeat 0 50%;}
#LT_C_AISATZC + label {background: url(/publish/front/images/sub/LT_C_AISATZC.png) no-repeat 0 50%;}
#LT_C_AISFLDC + label {background: url(/publish/front/images/sub/LT_C_AISFLDC.png) no-repeat 0 50%;}
.tbl_row_type01 label {background: none !important;}

.distance_box {display: flex;align-items: center;position: absolute;left: 10px;top: 60px;height: 68px;padding: 3px 6px 3px 18px;border-radius: 8px;font-size: 14px;color: #191919;background: #fff;box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.06);z-index: 1;}
.distance_box::before {content: '';position: absolute;left: 8px;top: 7px;width: 4px;height: 53px;border-radius: 2px;background: #5577ee;}
.distance_box strong {padding: 0 18px;font-family: 'Montserrat';font-size: 25px;font-weight: 500;}
.distance_box strong span {margin-left: 3px;font-size: 12px;font-weight: 300;}
.distance_box ul {margin-right: 18px;}
.distance_box li {position: relative;padding-left: 20px;}
.distance_box li:first-child {padding-bottom: 10px;}
.distance_box li::before {content: '';position: absolute;left: 0;top: 3px;width: 12px;height: 12px;border-radius: 6px;background: #fff;}
.distance_box li:first-child::before {border: 3px solid #3c57b3;}
.distance_box li:first-child::after {content: '';position: absolute;left: 5px;top: 15px;width: 2px;height: calc(100% - 12px);border: 1px dashed #d2d2d2;}
.distance_box li:last-child::before {border: 3px solid #ce2e34;}
.distance_box .btn_close {width: 22px;height: 100%;border: 1px solid #eee;border-radius: 5px;font-size: 0;background: #f0f0ff url(/publish/front/images/sub/i_distance_box.png) no-repeat 50% 50%;}

.ol-overlay-container {visibility: hidden;}
.vw-popup {visibility: visible;position: relative;	min-width: 210px;height: 68px;padding: 4px 4px 4px 15px;border-radius: 5px;font-size:13px;bottom: 10px;left: -50%;top: -80px;background: #fff;-moz-box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.06);box-shadow: 0 0 10px 8px rgba(0, 0, 0, 0.06);}
.vw-popup:after,
.vw-popup:before {top: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.vw-popup:after {border-top-color: white;border-width: 8px;left: 50%;transform: translateX(-50%);}
.vw-popup > div:not(.vw-popup-closer) {position: relative;width: 100%;height: 100%;padding: 5px 10px 7px;border: 1px solid #eee;border-radius: 5px;text-align: center;background: #f0f0ff;}
.vw-popup > div:not(.vw-popup-closer)::before {content: '';position: absolute;left: -9px;top: 3px;width: 4px;height: 53px;border-radius: 2px;background: #5577ee;}
.vw-popup > div #areaInfoWrap,
.vw-popup > div #areaInfo {width: 100% !important;}
.vw-popup > div #areaTitle {margin-bottom: 7px;font-size: 14px;line-height: 1;color: #191919;}
.vw-popup > div #areaInfo button {width: 80px;height: 25px;line-height: 23px;border: 1px solid #5577ee;border-radius: 5px;font-size: 12px;font-weight: 500;}
.vw-popup > div #areaInfo button:first-child {margin-right: 4px;color: #fff;background: #5577ee;}
.vw-popup > div #areaInfo button:last-child {color: #5577ee;background: #fff;}
.vw-popup-closer {display: none;}


/* 220318 에너지캐시백 */
.page_title {position: relative;margin-bottom: 40px;padding-bottom: 20px;text-align: center;letter-spacing: -1px;color: #0c53c7;font-size: 40px;font-weight: 700;line-height: 1.2;}
.page_title::after {position: absolute;bottom:0;left: 50%;display: block;width: 0;height: 2px;margin-left: -16px;content: '';transition: all 1.5s ease-in;}
.cashback_box {width:1280px;margin:0 auto;}
.cashback {display:flex;justify-content:space-between;}
.cashback .box {position: relative;width:420px;height:400px;padding: 12px 18px;border:1px solid #e5e5e5;}
.cashback .left .box {width:400px;}
.cashback .left .box.gauge {height:485px;border:0;padding:0;}
.cashback .box.gauge .chartbox {position:relative;padding: 30px 40px 25px;border:5px solid;text-align: center;}
.cashback .box.gauge.good .chartbox {border-image:linear-gradient(135deg,#0a72ca,#11a1d1);border-image-slice:1;}
.cashback .box.gauge.bad .chartbox {border-image:linear-gradient(135deg,#ef3b00,#f59820);border-image-slice:1;}
.cashback .box.gauge .chartbox .chart {height: 180px;}
.cashback .box.gauge .chartbox .per_standard {position:absolute;left: 50%;top: 20px;transform: translateX(-50%);font-size: 14px;color: #000;letter-spacing: -0.7px;}
.cashback .box.gauge .chartbox .per_standard::before {content:'';position:absolute;left: 50%;bottom: -9px;width: 14px;height: 8px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #000;transform: translateX(-50%);}
.cashback .box.gauge .chartbox .per_me {width: 200px;padding: 3px 0;margin-bottom: 20px;border:1px solid #000;border-radius: 15px;font-size:14px;text-align: center;font-weight: 500;color: #000;}
.cashback .box.gauge .chartbox .count {padding: 20px 0;background:#f6f6f6;font-size:20px;text-align: center;line-height: 1.3;font-weight: 600;color: #333;}
.cashback .box.gauge.good .chartbox .count strong {color:#0865c8;}
.cashback .box.gauge.bad .chartbox .count strong {color:#fe3000;}
.cashback .box.gauge .ment {display:none;padding:20px 0 20px 66px;line-height:1.2;}
.cashback .box.gauge .ment strong {font-size:18px;letter-spacing:-0.9px;}
.cashback .box.gauge .ment p {font-size:16px;letter-spacing:-0.8px;}
.cashback .box.gauge .ment.good {color:#0865c8;background:#e5f0fb url(../images/sub/i_good.png) no-repeat 18px 50%;}
.cashback .box.gauge .ment.bad {color:#fd5434;background:#fbefe5 url(../images/sub/i_bad.png) no-repeat 18px 50%;}

.cashback .left .box:last-child {height:315px;}
.cashback > div > .box:last-child {margin-top:23px;}
.cashback .cash_tit {position:relative;margin-top: 8px;padding-left: 10px;font-size:18px;font-weight:700;letter-spacing:-0.9px;color:#0c53c7;line-height: 1;}
.cashback .cash_tit::before {content:'';position:absolute;left:0;top: 1px;width:4px;height:16px;background:#0c53c7;}
.cashback .tip_list {margin-top:18px;height: 245px;}
.cashback .tip_list li {margin-bottom: 10px;padding: 17px 14px;border:1px solid #ddd;border-radius: 5px;background: #fff;}
.cashback .tip_list li:hover {border-color:#437dea;}
.cashback .tip_list li:last-child {margin-bottom:0;}
.cashback .tip_list li .tit {color: #000;letter-spacing: -0.75px;}
.cashback .tip_list li .tit .num {width: 60px;height: 25px;margin-right: 4px;font-size: 13px;letter-spacing: -0.6px;color: #fff;background: #c8c8c8;text-align: center;line-height: 25px;border-radius: 12px;}
.cashback .tip_list li:hover .tit .num {background:#437dea;}
.cashback .tip_list li .txt {margin-top: 6px;font-size: 13px;letter-spacing: -0.6px;color: #888;word-break: break-all;}
.cashback .btn_more {position: absolute;display:inline-block;right: 18px;top: 13px;width:30px;height:30px;font-size:0;background:url(../images/sub/cash_btn_more.png) no-repeat;}
.cashback .chart {margin-top:20px;height:340px;}
.cashback .period {position:absolute;color:#0c53c7;right: 18px;top: 20px;font-size: 14px;font-weight: 600;}
.cashback .total_list {margin-top:18px;}
.cashback .total_list > li {display: flex;justify-content: space-between;align-items: center;height:63px;padding: 0 23px;background:#e6f3fb;border-bottom:1px solid #d6e5ee;}
.cashback .total_list > li:first-child {background: linear-gradient(90deg, #0a72ca, #11a1d1);border-bottom: 0;}
.cashback .total_list > li:last-child {border-bottom:0;}
.cashback .total_list .tit {font-size:18px;letter-spacing:-0.8px;font-weight:600;color:#2c3a48;/* line-height: 63px; */}
.cashback .total_list .num strong {font-weight:900;font-size: 25px;vertical-align: bottom;line-height: 1;color: #0865c8;letter-spacing: -1.2px;}
.cashback .total_list .num.sml strong {font-size:21px;letter-spacing:-1.5px;}
.cashback .total_list .unit {width: 32px;vertical-align: bottom;text-align: left;line-height: 1;color: #93aac3;letter-spacing: -0.7px;}
.cashback .total_list > li:first-child .tit,
.cashback .total_list > li:first-child .num strong,
.cashback .total_list > li:first-child .unit {color:#fff;}
.cashback .total_list > li:last-child .tit {color:#0865c8;}
.cashback .total_list > li:hover .tit {text-decoration:underline;}
.cashback .mCSB_inside > .mCSB_container {margin-right:12px;}
.cashback .mCSB_scrollTools {width:6px;}

    /** 조회하기 **/
    .chart_board {display: flex;justify-content: space-around;padding: 0 30px;}
    .chart_board > div {width: 380px;}
    .chart_board > div > div:first-child {position: relative;height: 390px;margin-bottom: 50px;}
    .chart_board .cont_tit {margin-bottom: 7px;font-size: 18px;letter-spacing: -0.9px;}
    .chart_board .cont > div {height: 330px;border:1px solid #ddd;}

    .barchart_top {position:relative;min-height: 70px;}
    .barchart_top .search {margin-top: 30px;font-weight: 600;font-size: 16px;letter-spacing: -0.8px;}
    .barchart_top .search select {margin-left: 10px;width: 120px;}
    .barchart_top .face {position: absolute;top: 0;right: 0;width: 124px;height: 109px;z-index: 1;}
    .barchart_top .face.bad {background:url(../images/sub/bar_bad.png) no-repeat 100% 50%;}
    .barchart_top .face.good {background:url(../images/sub/bar_good.png) no-repeat 100% 50%;}
    .barchart {height: 300px;margin-top: 28px;}
    .barchart + .unit {position: absolute;right: 0;font-size:13px;color: #505050;}

    .chart_board .talk {position: relative;padding: 35px 16px;background: #f4f4f4;}
    .chart_board .talk::after {content:'';display:block;clear:both;}
    .chart_board .talk .me {float: right;text-align: right;}
    .chart_board .talk p {padding: 10px 17px;font-size:15px;letter-spacing:-0.7px;}
    .chart_board .talk .doctor {float: left;width: 100%;margin-top: 15px;}
    .chart_board .talk .name {margin-bottom: 5px;font-size:15px;font-weight: 600;letter-spacing: -0.7px;}
    .chart_board .talk .me .name {padding-right: 25px;background: url(../images/sub/talk_me.png) no-repeat 100% 50%;color: #3a56c8;}
    .chart_board .talk .doctor .name {padding-left: 25px;color: #414141;background: url(../images/sub/talk_doctor.png) no-repeat 0 50%;}
    .chart_board .talk .me p {margin-right: 25px;background: #3a56c8;color: #fff;border-radius: 20px 0 20px 20px;}
    .chart_board .talk .doctor p {width: calc(100% - 50px);margin-left: 25px;padding: 15px 17px;background: #fff;border-radius: 0 20px 20px;}
    .chart_board .talk .doctor p:last-child {margin-top: 8px;border-radius: 20px;}

    .chart_board .check {width: 390px;height: 390px;margin-left: -5px;border-radius: 20px;border: 6px solid #46b0ee;box-shadow: 0 10px 10px rgb(0 100 157 / 15%);}
    .chart_board .chk_tit {text-align: center;}
    .chart_board .chk_tit span {padding: 0 28px;height: 49px;line-height: 43px;font-size: 17px;letter-spacing: -0.8px;color: #fff;background: #46b0ee;font-weight: 400;border-radius: 0 0 20px 20px;}
    .chart_board .chk_tit strong {padding-right: 18px;margin-left:5px;color: #fcff00;font-weight: 700;background: url(../images/sub/i_chk.png) no-repeat 100% 50%;}
    .chart_board .chk_cont {padding: 30px 16px;}
    .chart_board .chk_cont .prev li {display:flex;justify-content:space-between;align-items: center;margin-bottom: 10px;}
    .chart_board .chk_cont .prev li .tit {position: relative;padding-left: 10px;font-size: 16px;letter-spacing: -0.8px;color:#464646;font-weight: 600;}
    .chart_board .chk_cont .prev .tit::before {content:'-';position:absolute;left:0;}
    .chart_board .chk_cont .prev .num {font-size: 12px;color: #000;}
    .chart_board .chk_cont .prev .num strong {width: 22px;height: 30px;font-family: 'LABDigital';font-size: 20px;font-weight: 400;background: #000;color: #fff;text-align: center;border-radius: 5px;vertical-align: bottom;}
    .chart_board .chk_cont .prev .num strong:last-child {margin-right:5px;}
    .chart_board .chk_cont .today {display:flex;padding-bottom: 10px;margin-bottom: 10px;justify-content:space-between;align-items: center;border-bottom: 2px solid #000;}
    .chart_board .chk_cont .today > p {position:relative;padding-left: 10px;font-size: 15px;letter-spacing: -0.7px;color: #46b0ee;font-weight: 600;}
    .chart_board .chk_cont .today > p::before {content: '';position:absolute;left:0;top: 50%;width: 5px;height:7px;background: url(../images/sub/i_arrow_s.png) no-repeat;transform: translateY(-50%);}
    .chart_board .chk_cont .today > div {width: 125px;text-align:right;}
    .chart_board .chk_cont .today .num strong {margin-right: 3px;font-family: 'LABDigital';font-size: 25px;font-weight: 400;}
    .chart_board .chk_cont .notice_chk {margin: 15px 0 3px;font-size: 12px;letter-spacing: -0.6px;text-align: right;color: #46b0ee;}
    .chart_board .chk_cont .now {padding: 10px;background: #e8f3ff;}
    .chart_board .chk_cont .now ul li {display: flex;justify-content: space-between;align-items: center;}
    .chart_board .chk_cont .now ul li:first-child {margin-bottom:5px;}
    .chart_board .chk_cont .now ul li > div {width: 125px;text-align:right;}
    .chart_board .chk_cont .now .tit {position: relative;padding-left: 10px;font-size:15px;letter-spacing:-0.7px;font-weight: 700;}
    .chart_board .chk_cont .now .tit::before {content: '';position:absolute;left:0;top: 50%;width: 5px;height: 7px;background: url(../images/sub/i_arrow_s1.png) no-repeat;transform: translateY(-50%);}
    .chart_board .chk_cont .now .num {width: 100%;height: 35px;padding: 0 10px;line-height: 35px;background: #46b0ee;color: rgba(255,255,255,0.5);font-size: 12px;border-radius: 4px;text-align: right;}
    .chart_board .chk_cont .now .num strong {margin-right: 5px;font-family: 'LABDigital';font-size:22px;color: #fff;font-weight: 400;}
    .chart_board .chk_cont .now + .notice {margin-top: 10px;font-size: 11px;letter-spacing: -0.5px;color: #b8b8b8;text-align: center;}
    .chart_board .chk_cont .now .num {width: 100%;height: 35px;padding: 0 10px;line-height: 35px;background: #46b0ee;color: rgba(255,255,255,0.5);font-size: 12px;border-radius: 4px;text-align: right;}
    .chart_board .chk_cont .now .num input {background:transparent;width: calc(100% - 3rem);height: 100%;padding-right: 5px;border: 0;font-family: 'LABDigital';font-size: 22px;color: #fff;text-align: right;vertical-align: top;}

    .chart_board .tip {padding: 30px;}
    .chart_board .tip ul li {padding: 15px 0;border-bottom: 1px solid #cbcbcb;}
    .chart_board .tip ul li:first-child {padding-top:0;}
    .chart_board .tip ul li:last-child {padding-bottom:0;border-bottom:0;}
    .chart_board .tip .tit {font-size:17px;letter-spacing:-0.8px;font-weight:700;color: #414141;}
    .chart_board .tip .tit strong {margin-right:6px;font-weight:800;color:#46b0ee;}
    .chart_board .tip .txt {margin-top: 3px;font-size:14px;font-weight: 300;letter-spacing:-0.7px;color:rgba(0,0,0,0.6);line-height: 1.3;word-break: keep-all;}

    .chart_board .chart_tit {text-align: center;}
    .chart_board .chart_tit span {padding: 16px 30px;margin-bottom: 2px;font-size: 15px;color: #3a56c8;letter-spacing: -0.7px;background: #eaeefb;border-radius: 27px;font-weight: 600;}
    .chart_board .chart_box {height: 330px;}

/* 가전제품 입력현황 */
.tab.basic > .tab_cont {margin-top: 30px; text-align: left;}

/*에너지사용량측정*/
.energy_survey {display:flex;flex-wrap: wrap;}
.energy_survey [class^='item'] {display: flex;width: 50%;margin-bottom: 30px;background:#fff;}
.energy_survey [class^='item'] .name {width:120px;height:120px;margin-right: 20px;background: #f5f5f5;border: 1px solid #e4e4e4;text-align: center;}
.energy_survey [class^='item'] .name span {width: 100%;padding-top: 85px;font-size: 14px;letter-spacing: -0.7px;background-repeat: no-repeat;background-position: 50% 50%;}
.energy_survey [class^='item'] .question {width: 30%;letter-spacing: -0.8px;}
.energy_survey [class^='item'] ul {display: flex;width: calc(100% - 160px);flex-wrap: wrap;align-items: center;}
.energy_survey [class^='item'] ul li {display: flex;width:100%;align-items: center;}
.energy_survey [class^='item'] ul li:first-child {margin-top:0;}
.energy_survey [class^='item'] .answer {width: 67%;font-size: 14px;}
.energy_survey [class^='item'] .answer > span {width: 47.5%;font-size: 14px;letter-spacing: -0.7px;color: #57585b;}
.energy_survey [class^='item'] .answer > span:first-child {margin-right: 4%;}
.energy_survey [class^='item'] .answer > span.line {border-bottom:1px solid #000;text-align: right;}
.energy_survey [class^='item'] .answer > span input[type="text"] {display: inline-block;border:0;margin-right: 3px;padding: 0 3px;height: auto;width: 65px;text-align: right;vertical-align: bottom;font-size: 16px;font-weight: 600;}
.energy_survey [class^='item'] .answer > div > span.line {border-bottom:1px solid #000;text-align: right;}
.energy_survey [class^='item'] .answer > div > strong {width: 45px;}
.energy_survey [class^='item'] .answer > div > strong + span.line {width: calc((100% - 65px)/2);margin: 0 10px;}
.energy_survey [class^='item'] .answer > div > strong + .line + .line {width: calc((100% - 74px)/2);}
.energy_survey [class^='item'] .answer > div > span input[type="text"] {display: inline-block;border:0;margin-right: 3px;padding: 0 3px;height: auto;width: 65px;text-align: right;vertical-align: bottom;font-size: 16px;font-weight: 600;}
.energy_survey [class^='item'] .answer > span input[type="text"].grade {width: 40px;}
.energy_survey [class^='item'] .answer > span input[type="text"].count {width: 90px;}
.energy_survey [class^='item'] .answer > span input[type="text"]:focus {outline:none;}
.energy_survey [class^='item'] .no .answer > span {color: #d5d6d6;border-color: #d5d6d6;}
.energy_survey [class^='item'] .no .answer > span input[type="text"] {background:#fff;}
.energy_survey [class^='item'] .no .answer > div > span {color: #d5d6d6;border-color: #d5d6d6;}
.energy_survey [class^='item'] .no .answer > div > span input[type="text"] {background:#fff;}
.energy_survey [class^='item'] input[type="radio"] {display:none;}
.energy_survey [class^='item'] input[type="radio"] + label {padding-left: 25px;background:url(../images/sub/radio_off.png) no-repeat 0 50%;background-size: 19px auto !important;}
.energy_survey [class^='item'] .answer input[type="radio"]:checked + label {background:url(../images/sub/radio_on.png) no-repeat 0 50%;}
.energy_survey [class^='item'] label + input[type="radio"] + label {margin-left:10px;}
.energy_survey [class^='item'] .qna_line {width:100%;}
.energy_survey [class^='item'] .qna_line .question {width: auto;margin-left:0.5rem;letter-spacing:-0.08rem;}
.energy_survey [class^='item'] .qna_line .question:first-of-type {margin-left:0;}
.energy_survey [class^='item'] .qna_line .answer {width: 21%;}
.energy_survey [class^='item'] .qna_line .answer .line {width:100%;}
.energy_survey [class^='item'] .qna_line input[type="text"] {width:4.5rem !important;}

.energy_survey .item1 .name > span {background-image: url(../images/sub/energy_item01.png);}
.energy_survey .item2 .name > span {background-image: url(../images/sub/energy_item01.png);}
.energy_survey .item3 .name > span {background-image: url(../images/sub/energy_item03.png);}
.energy_survey .item4 .name > span {background-image: url(../images/sub/energy_item04.png);}
.energy_survey .item5 .name > span {background-image: url(../images/sub/energy_item05.png);}
.energy_survey .item6 .name > span {background-image: url(../images/sub/energy_item06.png);}
.energy_survey .item7 .name > span {background-image: url(../images/sub/energy_item07.png);}
.energy_survey .item8 .name > span {background-image: url(../images/sub/energy_item08.png);}
.energy_survey .item9 .name > span {background-image: url(../images/sub/energy_item09.png);}
.energy_survey .item10 .name > span {background-image: url(../images/sub/energy_item10.png);}
.energy_survey .item11 .name > span {background-image: url(../images/sub/energy_item11.png);}
.energy_survey .item12 .name > span {background-image: url(../images/sub/energy_item11.png);}


/* 220607 로딩딤드화면 추가 */
.loading {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);z-index: 9; display:flex; align-items:center; justify-content:center; font-size:16px;}
.loading p { font-size:25px; color:#fff; background:url(../images/sub/loading.svg) no-repeat top; text-transform:uppercase; font-weight:500; font-family:"Montserrat";padding-top: 100px; background-size:100%;margin-top:-30px;}