@charset "utf-8";

/* ==================================================================================================== *
 *
 *     WEBIS BXSLIDER RESET STYLE SHEET
 *
 * ==================================================================================================== */

.bx-wrapper {
	margin-bottom:0 !important;
	border:0 !important;
	box-shadow:none !important;
}

.bx-wrapper .bx-pager {
	bottom:5% !important;
	padding-top:0 !important;
}


/* ==================================================================================================== *
 *
 *   WEBIS STYLE SHEET - COMMON
 *
 * ==================================================================================================== */

/* 둥근 테두리 속성 제거 */
* {border-radius:0 !important}

/* 바디 백그라운드 컬러 */
body {background-color:#FFFFFF;color:#454545}

/* 폰트 기본속성 */
a {color:#454545}
a,
a:link,
a:visited,
a:active,
a:focus,
a:hover {}
a:hover {/*text-decoration:underline*/}

/* 기본 컬러셋 */
.wd_col {color:#12b4e5 !important}
.wd_col_a:after {color:#12b4e5 !important}
.wd_col_b:before {color:#12b4e5 !important}
.wd_col_h:hover {color:#12b4e5 !important}
.wd_col_on {}

.wd_col_bd {border-color:#12b4e5 !important}
.wd_col_bd_a:after {border-color:#12b4e5 !important}
.wd_col_bd_b:before {border-color:#12b4e5 !important}
.wd_col_bd_h:hover {}
.wd_col_bd_on {}

.wd_col_bg {background-color:#12b4e5 !important}
.wd_col_bg_a:after {background-color:#12b4e5 !important}
.wd_col_bg_b:before {background-color:#12b4e5 !important}
.wd_col_bg_h:hover {}
.wd_col_bg_on {}

.wd_col_bdg {background-color:#12b4e5 !important;border-color:#12b4e5 !important}
.wd_col_bdg_a:after {background-color:#12b4e5 !important;border-color:#12b4e5 !important}
.wd_col_bdg_b:before {background-color:#12b4e5 !important;border-color:#12b4e5 !important}
.wd_col_bdg_h:hover {}
.wd_col_bdg_on {}

/* FORM 기본속성 */
input,
select,
button,
textarea {
    padding:0 10px;
    min-height:21px;
    line-height:21px;
    border-color:#D5D5D5;
    border-width:1px;
    border-style:solid;
    background-color:#FFFFFF;
}
select {padding-right:0}
input[type="checkbox"] {background-color: transparent}

/* ==================================================================================================== *
 *
 *   WEBIS STYLE SHEET - LAYOUT
 *
 * ==================================================================================================== */

* {font-family:'Noto Sans KR', dotum, '돋움', sans-serif;}
/* ie8 에서 비밀번호 부분 문제로 추가 */
.input_pass {letter-spacing: 5px;}

/* [공통] 공통 레이아웃 */
.wd_full {}
.wd_area {width:980px !important}

/* [공통] 웹이즈 */
.ws_app_design_wrap {height:100%}
.ws_hide {display: none}
.ws_show {display: block !important;}

/* [공통] 헤더 */
.ws_app_header_wrap {position:relative;width:100%;height:120px;min-width:1200px;}
.ws_app_header_wrap:after {display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content:'.'} /* FOR IE8, ETC */

/* [공통] 로고영역 */
.ws_app_header_wrap .es_logo_area {position:absolute;left:0;top:0;width:170px;height:80px;background:#3567bc}
.ws_app_header_wrap .es_logo_area .bs_title {}
.ws_app_header_wrap .es_logo_area .bs_menu_btn {position:absolute;left:0;top:80px;width:170px;height:40px;background:#19242a}
.ws_app_header_wrap .es_logo_area .bs_menu_btn li {float:left;width:100%;text-align:center}
.ws_app_header_wrap .es_logo_area .bs_menu_btn li a {color:#fff;width:100%;height:40px;font-size:1.05em;font-weight:bold;line-height:40px;display: block;}

/* [공통] 상단(탑영역, 상단메뉴) 그룹 */
.ws_app_header_wrap .es_top_area {margin-left:170px;height:100px;}
.ws_app_header_wrap .es_top_area .bs_info_box {height:35px;line-height:35px;color:#fff;font-size:1em;background:#576871}
.ws_app_header_wrap .es_top_area .bs_info_box .is_left_place {}
.ws_app_header_wrap .es_top_area .bs_info_box .is_left_place .ss_title {display:inline-block;padding:0 10px;font-weight:bold;background:#37474F}
.ws_app_header_wrap .es_top_area .bs_info_box .is_left_place .ss_title a {color:#fff}
.ws_app_header_wrap .es_top_area .bs_info_box .is_left_place  strong {margin-left:10px;margin-right:3px;color: #cfff00}
.ws_app_header_wrap .es_top_area .bs_nav_box {height:45px;line-height:45px;font-size:1.05em;background:#3567bc}

/* [공통] 상단 > 사용자 정보 */
.ws_app_header_wrap .es_top_area .bs_user_box {overflow:hidden;height:40px;line-height:40px;background:#ededed}
.ws_app_header_wrap .es_top_area .bs_user_box ul {}
.ws_app_header_wrap .es_top_area .bs_user_box ul li {float:left;margin-left:5px;font-size:1em}
.ws_app_header_wrap .es_top_area .bs_user_box ul li .is_title {padding:5px 10px;background: #464f6e;color:#fff}
.ws_app_header_wrap .es_top_area .bs_user_box ul li .is_title.is_suju {background: #5c3a66}
.ws_app_header_wrap .es_top_area .bs_user_box ul li .is_key {margin-right:3px}
.ws_app_header_wrap .es_top_area .bs_user_box ul li .is_count {display:inline-block;padding:0 5px;height:18px;line-height:18px;font-family:arial;font-size:0.95em;background: #7b89ae;color:#fff}
.ws_app_header_wrap .es_top_area .bs_user_box ul li .is_space {margin:0 5px}
/* [공통] 상단메뉴 */
.ws_app_nav_wrap .es_1st_ul {}
.ws_app_nav_wrap .es_1st_ul .bs_1st_li .is_1st_a {height:45px;line-height:45px}
.ws_app_nav_wrap .es_2nd_ul {}

/* [공통] 컨테이너 */
.ws_app_container_wrap {position:relative;min-width:1200px;height:auto;min-height:100%}

/* [서브] 서브 메뉴 */
.ws_app_aside_wrap {position:absolute;top:0;left:0;overflow-y:auto;width:170px;height:100%;font-size:1.1em;background:#263238;z-index: 99; padding-bottom: 100px;}
.ws_app_aside_wrap {-ms-overflow-style:none}
.ws_app_aside_wrap::-webkit-scrollbar {display:none}

/* [서브] 서브 컨텐츠 */
.ws_app_contents_wrap {margin-left:170px;padding:10px}
.ws_app_contents_wrap .es_content_head_area {}
.ws_app_contents_wrap .es_content_body_area {margin-bottom: 30px;}
.ws_app_contents_wrap .es_content_tail_area {}

/* [서브] 서브메뉴, 서브컨텐츠 열고 닫기 */
.ws_app_aside_wrap.an_sub_menu_off {left:-170px}
.ws_app_contents_wrap.an_sub_menu_off {margin-left:0}
.ws_app_aside_wrap.an_sub_menu_on {left:0}
.ws_app_contents_wrap.an_sub_menu_on {margin-left:170px}

/* [공통] 푸터 */
.ws_app_footer_wrap {display:none;height:25px;line-height:25px;font-size:0.85em;text-align:center}

/* ================================================== *
 *
 *   WEBIS STYLE SHEET - HEADER
 *
 * ================================================== */

/* 로고영역 */
.ws_app_header_wrap .es_logo_area {text-align:center}
.ws_app_header_wrap .es_logo_area .bs_title {margin:15px 0;font-size:1.5em}
.ws_app_header_wrap .es_logo_area .bs_title a {color:#fff}
.ws_app_header_wrap .es_logo_area .bs_tel {font-size:1.3em;color:#fff}

/* 상단메뉴 > 1차 */
.ws_app_nav_wrap .es_1st_ul {width:100%;}
.ws_app_nav_wrap .es_1st_ul .bs_1st_li {float:left;position:relative}
.ws_app_nav_wrap .es_1st_ul .bs_1st_li:hover {}
.ws_app_nav_wrap .es_1st_ul .bs_1st_li_on {}
.ws_app_nav_wrap .es_1st_ul .bs_1st_li .is_1st_a {overflow:hidden;display:block;padding:0 13px;font-size:1.10em;font-weight:bold;text-align:center;color:#fff}
.ws_app_nav_wrap .es_1st_ul .bs_1st_li .is_1st_a:hover {color:#1976D2; background:#ffffff;}
.ws_app_nav_wrap .es_1st_ul .bs_1st_li_on .is_1st_a:hover,
.ws_app_nav_wrap .es_1st_ul .bs_1st_li .is_1st_a_on {background:#fff;color:#1976D2;}


/* 서브상단 > 탭메뉴 */
.ws_app_contents_wrap .es_tabs_wrap {margin-bottom:10px;}
.ws_app_contents_wrap .es_tabs_wrap ul {overflow: hidden;padding-top:1px;}
.ws_app_contents_wrap .es_tabs_wrap ul li {float:left;min-width:70px;margin-top:-1px;padding:7px 10px;border:1px solid #eee;}
.ws_app_contents_wrap .es_tabs_wrap ul li a {text-align:center;}
.ws_app_contents_wrap .es_tabs_wrap ul li span {margin-left:7px;cursor:pointer;}
.ws_app_contents_wrap .es_tabs_wrap ul li span i {margin-top:-3px}
.ws_app_contents_wrap .es_tabs_wrap ul li:hover {background:#EEE;}
.ws_app_contents_wrap .es_tabs_wrap ul li.active {background:#C7DFF4}
.ws_app_contents_wrap .es_tabs_wrap ul li.active a {font-weight:bold;color:#005A9E}
.ws_app_contents_wrap .es_tabs_wrap ul li.active span {color:#005A9E}

/* 서브메뉴 > 타이틀 */
.ws_app_aside_wrap .es_title {height:60px;line-height:60px;font-size:1.3em;text-align:center;color:#fff}

/* 서브메뉴 > 1차 */
.ws_app_aside_wrap .es_1st_ul {}
.ws_app_aside_wrap .es_1st_ul .bs_1st_li {position:relative;margin-bottom:5px;}
.ws_app_aside_wrap .es_1st_ul .bs_1st_li:hover {}
.ws_app_aside_wrap .es_1st_ul .bs_1st_li_on {}
.ws_app_aside_wrap .es_1st_ul .bs_1st_li .is_1st_icon {position: absolute;right:15px;top:10px}
.ws_app_aside_wrap .es_1st_ul .bs_1st_li .is_1st_icon i {color:#fff}
.ws_app_aside_wrap .es_1st_ul .bs_1st_li .is_1st_a {display:block;padding-left:15px;height:40px;line-height:40px;font-size:1.1em;background:#37474F;color:#ddd}
.ws_app_aside_wrap .es_1st_ul .bs_1st_li .is_1st_a:hover {}
.ws_app_aside_wrap .es_1st_ul .bs_1st_li .is_1st_a_on:hover,
.ws_app_aside_wrap .es_1st_ul .bs_1st_li .is_1st_a_on {}

/* 서브메뉴 > 2차 */
.ws_app_aside_wrap .es_2nd_ul {display:none;margin:10px 0;}
.ws_app_aside_wrap .es_2nd_ul_show {display:block}
.ws_app_aside_wrap .es_2nd_ul .bs_2nd_li {}
.ws_app_aside_wrap .es_2nd_ul .bs_2nd_li:hover {}
.ws_app_aside_wrap .es_2nd_ul .bs_2nd_li_on {}
.ws_app_aside_wrap .es_2nd_ul .bs_2nd_li .is_2nd_a {display:block;padding-left:20px;height:35px;line-height:35px;font-size:0.95em;color:#A1A2A2}
.ws_app_aside_wrap .es_2nd_ul .bs_2nd_li .is_2nd_a:hover {background:#2f3d46;color:#FFF}
.ws_app_aside_wrap .es_2nd_ul .bs_2nd_li .is_2nd_a_on:hover,
.ws_app_aside_wrap .es_2nd_ul .bs_2nd_li .is_2nd_a_on {background:#3567BD;font-weight:bold;color:#fff}

/* 2019-12.19 좌측메뉴 > 계좌정보 */
.ws_app_aside_wrap .es_bottom_place {padding:10px 5px;background:#3f535d;color:#fff;font-weight:100;font-size:0.95em;}
.ws_app_aside_wrap .es_bottom_place .bs_charge_btn {display:inline-block; vertical-align:middle; margin-right:3px; padding:0 3px; border-radius:50px !important; border:1px solid #cfff00; background:#cfff00; font-weight:bold;}
.ws_app_aside_wrap .es_bottom_place .bs_charge_btn:hover {background:#3f535d; color:#cfff00;}
.ws_app_aside_wrap .es_bottom_place .bs_place_title {display:block; color:#cfff00; font-weight:bold;}


/* 부재중 */
.wk_status_group {display: flex;flex-flow: wrap;justify-content: center;align-items: center;page-break-after: always;break-after: always;}
.wk_status_group .wk_status_btn input[type="checkbox"] {position: absolute; visibility: hidden;box-sizing: border-box;padding: 0;vertical-align: middle;}
.wk_status_group .wk_status_btn label {display: block;position: absolute;background-color: #BF5B16;border: 1px solid #CCCCCC;width: 100%;height: 100%;transition-duration: 0.4s;}
.wk_status_group .wk_status_btn label span {position: absolute;left: 0;top: 0;z-index: 1;background-color: #FFFFFF;width: 100px;height: 34px;transition-duration: 0.3s;font-size: 1.3em;line-height: 40px;display: inline-block;vertical-align: middle;font-weight: bold;color:black;text-align: center;}
.wk_status_group .wk_status_btn label div.on {color: #FFFFFF;}
.wk_status_group .wk_status_btn label div {display: inline-block;width: 45px;height: 34px;line-height: 34px;font-weight: 800;font-size: 11px;}
.wk_status_group .wk_status_btn label div.off {color: #FFFFFF;}
.wk_status_group .wk_status_btn {display: flex;justify-content: center;align-items: center;position: relative;width: 100px;height: 34px;}
