@charset "utf-8";
@import url("reset.css?pq=20250703104408");
@import url("jqx.base.css?pq=20250703104408");
@import url("jquery-ui.css?pq=20250703104408");
@import url("new-qna.css?pq=20250703104408");
@import url("new-qna-dev.css?pq=20250703104408");
/*@import "https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css?pq=20250703104408";*/

/*
Project Name		: 세콤매니저
HTML/CSS Author		: IM CHUMHEE (ich@theloca.co.kr)
Written date		: 2018-06-08 ~
Browser				: IE, Chrome
*/


/*************HEADER***********/
.header_area {position: fixed; overflow: hidden; width: 100%; height: 36px; padding: 26px 0 20px 0; background-color: #ffffff; border-bottom: 1px solid #a6a6a6; z-index: 999;}
.header_area .bar {position: fixed; width: 100%; height: 6px; top: 0; left: 0; background-color: #0072ce;}
.header_area .bar > div {height: 100%; width: 338px; background-color: #ee2737;}
.header_area .logo {float: left; margin: 6px 0 0 40px;}
.header_area .logo img {display: block;}
.header_area .header_company {overflow: hidden; float: left; margin-left: 10px;}
.header_area .header_company ul {overflow: hidden; float: left;}
.header_area .header_company ul li {overflow: hidden; float: left; line-height: 36px; font-size: 20px; padding-left: 11px}
.header_area .header_company ul li .company_name {font-size: 20px; color: #222222;}
.header_area .header_company ul li .change_company_box {height: 17px; padding: 0 3px; margin-top: 9px; border-radius: 3px; background-color: #ffffff; border: 1px solid #8c8c8c;}
.header_area .header_company ul li .change_company {font-size: 11px; color: #333333;}

.header_area .utill_menu {overflow: hidden; float: right; margin-right: 24px;}
.header_area .utill_menu .user_info,.header_area .utill_menu ul,.header_area .utill_menu ul li,.header_area .utill_menu ul li a {overflow: hidden; float: left; line-height: 36px;}
.header_area .utill_menu .user_info {height: 31px; padding: 0 3px; margin-top: 2px; border-radius: 3px; background-color: #ffffff; border: 1px solid #8c8c8c;}
.header_area .utill_menu .user_info span,.header_area .utill_menu .user_info a {float: left; padding:0 8px; font-size: 14px; line-height: 31px;}
.header_area .utill_menu .user_info span {background: url(../images/ico/ico_header_info_line.png) no-repeat right center; color: #164092;}
.header_area .utill_menu .user_info a {color: #3c3c3c;}
.header_area .utill_menu ul {overflow: hidden; margin-left: 30px;}
.header_area .utill_menu ul li {height: 36px;}
.header_area .utill_menu ul li a {padding:0 11px; background: url(../images/ico/ico_header_utill_line.png) no-repeat 0 center; color: #333333; font-size: 14px;}
.header_area .utill_menu ul li:first-child a {padding-left: 0; background: none;}
.header_area .utill_menu ul li.noti_ico_box a {position: relative; display: block; padding-top: 2px; padding-right: 2px; margin-top: 6px; margin-right: 9px;}
.header_area .utill_menu ul li.noti_ico_box a .noti_ico {position: relative; z-index: 5;}
.header_area .utill_menu ul li.noti_ico_box a .noti_num {position: absolute; width: 5px; height: 5px; top: 0; right: 0; background-color: #ee2737; border-radius: 17px; color: #ffffff; font-size: 0; text-align: center; line-height: 17px; z-index: 10;}

/*Container*/
.container {overflow: hidden; padding-top: 83px; padding-left: 353px; clear: both;}
.container.login {padding-left: 0;}

/*************LNB***********/
.lnb_area {overflow: hidden; position: fixed; width:342px; left: 0; top: 83px; bottom: 0; background-color: #ffffff; border-right: 1px solid #a7a7a7;}
.lnb_area .lnb_in {overflow-y: auto; width:384px; max-height:calc(100% - 113px);}
.lnb_area .lnb_in .lnb_chksize {padding-bottom: 18px;}
.lnb_area .lnb_menubox {width:343px; background-color: #ffffff;}
.lnb_area .lnb_menubox:first-child {margin-top: 0;}
.lnb_area .lnb_menubox a,.lnb_area .lnb_menubox a span {display: block;}

/*Depth1*/
.lnb_area .lnb_menubox .depth1_box .btn_depth1 {padding:0 22px;}
.lnb_area .lnb_menubox .depth1_box .btn_depth1 span {padding-right:10px; background: url(../images/ico/ico_lnb_close.png) no-repeat right center; color: #3c3c3c; font-size: 20px; font-weight: 600; line-height: 63px;}
/*Depth2*/
.lnb_area .lnb_menubox .depth1_box .depth2_box {display: none; background-color: #e9eef5; border: solid 1px #c6ceda; border-left: none; border-right: none;}
.lnb_area .lnb_menubox .depth1_box .depth2_box .menu_depth2,
.lnb_area .lnb_menubox .depth1_box .depth2_box .btn_depth2 {padding: 0 30px; }
.lnb_area .lnb_menubox .depth1_box .depth2_box .menu_depth2 span,
.lnb_area .lnb_menubox .depth1_box .depth2_box .btn_depth2 span {padding-left: 20px; background: url(../images/ico/ico_lnb2_close.png) no-repeat left center; color: #3c3c3c; font-size: 18px; line-height: 44px;}
/*Depth3*/
.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box {display: none; margin-top: 3px; margin-bottom: 7px;}
.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box li {position: relative; height: 44px; padding-left: 20px; /*background: url(../images/bg/bg_lnb_depth3.png) no-repeat 0 0;*/ line-height: 44px;}
/*.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box li.last {background-image: url(../images/bg/bg_lnb_depth3_last.png);}*/
.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box li:before {position: absolute; display: block; width: 3px; height: 3px; content: ''; top:21px; left: 55px; background-color: #000000; opacity: 0.45;}
.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box li a,.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box li span {display: block;}
.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box li a {padding-left: 36px;}
.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box span {padding-left: 9px; color: #000000; line-height: 44px; z-index: 10;}
.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box li.active {background: #ced4dc;}
/*Open*/
.lnb_area .lnb_menubox .depth1_box .open .btn_depth1 span {background-image: url(../images/ico/ico_lnb_open.png); color: #0072ce; font-weight: 800;}
.lnb_area .lnb_menubox .depth1_box .open .depth2_box {display: block;}
.lnb_area .lnb_menubox .depth1_box .depth2_box .open .menu_depth2 span {background-image: url(../images/ico/ico_lnb2_focus.png); color: #0072ce;}
.lnb_area .lnb_menubox .depth1_box .depth2_box .open .btn_depth2 span {background-image: url(../images/ico/ico_lnb2_open.png); color: #0072ce;}
.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box li.focus {background-color: #ced4dc;}
.lnb_area .lnb_menubox .depth1_box .depth2_box .depth3_box li.focus::before {opacity: 1;}

.lnb_area .lnb_menubox.st1 .depth1_box .btn_depth1 span {padding:0; background-image: none; font-size:18px; line-height: 48px;}
.lnb_area .lnb_menubox.st1 .depth1_box > li.open {background-color: #e9eef5;}
.lnb_area .lnb_menubox.st1 .depth1_box + .depth1_box {position: relative; padding-top: 1px;}
.lnb_area .lnb_menubox.st1 .depth1_box + .depth1_box:before {content: ''; position: absolute; left: 10px; right: 10px; top: 0; height: 1px; background: #d3d3db;}

.lnb_area .lnb_menubox.st_ico .depth1_box > li {position: relative;}
.lnb_area .lnb_menubox.st_ico .depth1_box > li > a:before {content: ''; position: absolute; left: 18px; top: 16px; width: 34px; height: 34px; background: #000;}
.lnb_area .lnb_menubox.st_ico .depth1_box > li:nth-child(1) > a:before {background: url(../images/ico/lnb-ic-register.png) no-repeat 0 0;}
.lnb_area .lnb_menubox.st_ico .depth1_box > li:nth-child(2) > a:before {background: url(../images/ico/lnb-ic-mandate.png) no-repeat 0 0;}
.lnb_area .lnb_menubox.st_ico .depth1_box > li:nth-child(3) > a:before {background: url(../images/ico/lnb-ic-schedule.png) no-repeat 0 0;}
.lnb_area .lnb_menubox.st_ico .depth1_box > li:nth-child(4) > a:before {background: url(../images/ico/lnb-ic-refer.png) no-repeat 0 0;}
.lnb_area .lnb_menubox.st_ico .depth1_box > li:nth-child(5) > a:before {background: url(../images/ico/lnb-ic-access.png) no-repeat 0 0;}
.lnb_area .lnb_menubox.st_ico .depth1_box .btn_depth1 {padding:0 22px 0 64px;}

/*MenuBox*/
.lnb_menubox .btn_submenu {padding:20px 22px;}
.lnb_menubox .btn_submenu span {padding-right:10px; background:url(../images/ico/ico_lnb_close.png) no-repeat right center; color: #3c3c3c; font-weight: 800;}
.lnb_menubox.open .btn_submenu span {background-image: url(../images/ico/ico_lnb_open.png); color: #0072ce; font-weight: 800;}
/*Connect*/
.lnb_menubox .menubox_area .menubox_connect {overflow: hidden; width: 300px; height: 49px; padding: 18px 0; margin: 0 auto; border: 1px solid #c4c4c4;}
.lnb_menubox .menubox_area .menubox_connect li {position: relative; float: left; width: 33.33%; text-align: center;}
.lnb_menubox .menubox_area .menubox_connect li:before {position: absolute; width: 1px; top: 16px; bottom: 9px; left: 0; content: ''; background-color: #e5e5ed;}
.lnb_menubox .menubox_area .menubox_connect li p {position: relative; display: inline-block; text-align: center;}
.lnb_menubox .menubox_area .menubox_connect li .tit {position: relative; color: #888b98;}
.lnb_menubox .menubox_area .menubox_connect li .tit span {position: absolute; display: block; width: 6px; height: 6px; top: 50%; margin-top: -3px; margin-left: -10px; border-radius: 6px;}
.lnb_menubox .menubox_area .menubox_connect li .txt {display: block; margin-top: 10px; color: #000000; font-size: 22px; text-align: center;}

/*Secure*/
.menubox_secure {overflow: hidden; padding: 0 13px 15px 13px;}
.menubox_secure li {float: left; width:25%;}
.menubox_secure li .prog_secure {position: relative; width: 60px; height: 60px; margin: 0 7px;}
.menubox_secure li .prog_secure canvas {position: relative; width: 100% !important; height: 100% !important; z-index: 5;}
.menubox_secure li .prog_secure span {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; color: #000000; font-size: 20px; text-align: center; line-height: 60px; z-index: 10;}
.menubox_secure li .txt {margin-top: 12px; color: #888b98; font-size: 14px; text-align: center;}

/*Continue*/
.lnb_area .lnb_cont {position: relative; width:254px; padding:17px 23px; margin: 4px 0 0 20px; background-color: #ffffff; border: 1px solid #c4c4c4;}
.lnb_area .lnb_cont .btn_menu_del {position: absolute; display: block; width: 10px; height: 9px; top: 17px; right: 23px; background: url(../images/ico/ico_lnb_delete.png) no-repeat 0 0;}
.lnb_area .lnb_cont .btn_menu_del span {font-size: 0;}
.lnb_area .lnb_cont .menu_continue .tit_box {color: #3c3c3c; font-weight: 800;}
.lnb_area .lnb_cont .menu_continue .tit_box .per {margin-left: 13px; color: #888b98; font-weight: 400;}
.lnb_area .lnb_cont .menu_continue .prog_bar {height: 3px; margin-top: 17px; background-color: #dcdce6; border-radius: 1.5px;}
.lnb_area .lnb_cont .menu_continue .prog_bar > img {width: 100%;}
.lnb_area .lnb_cont .menu_continue .prog_bar span {display: block; width: 0px; height: 100%; background-color: #0072ce; border-radius: 1.5px;}

/*Content*/
.container .content_box {min-height: 730px; margin: 10px 12px 10px 0;}
.lnb_menubox .menubox_area .menubox_connect *,.menubox_secure *,.lnb_cont *,.date_slick .date_txt *,.cont_week .weekbox_day thead th * {font-family: 'Gilroy','Notosans', 'Noto Sans KR', sans-serif, 'Dotum';}

/*************FOOTER***********/
.container .footer_area.footer_side {position: absolute; left: 30px; bottom: 24px; color: #a6a6a6; font-size: 12px; line-height: 20px; text-align: left; margin: 0;}
.container .footer_area {margin:33px 0 31px 0; color: #666666; font-size: 13px; font-weight: 300; line-height: 1.38; text-align: center;}

.login.container .footer_area {color: #6d6c6c;}


/*************LAYER***********/
.layerpopup_area {display: none; position: fixed; top:0; left:0; right:0; bottom:0; text-align: center; z-index: 6000;}
.layerpopup_area > .dim {position: fixed; top:0; left:0; right:0; bottom:0; background-color: #000000; z-index: 5; opacity: 0.15;}
.layerpopup_area .layerpopup_box {position: relative; overflow-y: auto; display: inline-block; /*height: 100%; */max-height: 100% !important; /*margin-left: 353px;*/ top: 50%; background-color: #ffffff; box-shadow: 0 5px 20px rgba(0,0,0,0.31); border: 1px solid #767880; text-align: left; line-height: 1; z-index: 10; transform: translateY(-50%); -ms-transform: translateY(-50%);}
/*scroll*/
.layerpopup_area .layerpopup_box.over_visible {overflow: visible;}
/*title*/
.layerpopup_area .layerpopup_box .layerpopup_titbox {position: relative; height: 61px; padding-left: 30px; padding-right: 70px; background-color: #f1f5fa;}
.layerpopup_area .layerpopup_box .layerpopup_titbox .tit {position: relative; color: #000000; font-size: 22px; line-height: 61px; z-index: 5;}
.layerpopup_area .layerpopup_box .layerpopup_titbox > a {position: absolute; display: block; width: 61px; height: 61px; top:0; right: 8px; background: url(../images/ico/ico_popup_close.png) no-repeat center center; color: transparent; font-size: 0; text-align: center; line-height: 61px; z-index: 10;}
/*cont*/
.layerpopup_area .layerpopup_box .layerpopup_cont {/*overflow: hidden;*/ position: relative; /*height: calc(100% - 165px); padding-bottom:30px; margin-bottom:74px;*/ z-index: 5;}
.layerpopup_area .layerpopup_box .layerpopup_cont .layerpopup_cont_scroll {overflow-x: visible; overflow-y:auto; height: 100%;}
/*button*/
.layerpopup_area .layerpopup_box .layerpopup_btn {/*position: absolute; */width: 100%; height: 44px; /*left:0; bottom: 30px; */ padding: 30px 0; font-size: 0; text-align: center; z-index: 4;}
.layerpopup_area .layerpopup_box .layerpopup_btn a {width: 123px; height: 38px; padding-left: 0; padding-right: 0; font-size: 18px; line-height:38px;}
.layerpopup_area .layerpopup_box .layerpopup_btn .btn_blue {background-color: #0072ce; border-color: #0072ce;}
.layerpopup_area .layerpopup_box .layerpopup_btn .btn_blue:hover {background-color: #003d70; border-color: #003d70;}
.layerpopup_area .layerpopup_box .layerpopup_btn .btn_dark_gray:hover {background-color: #6a6a6a; border-color: #6a6a6a; color: rgba(255, 255, 255, 0.5);}
.layerpopup_area .layerpopup_box .layerpopup_btn .btn_dark_gray:active {color: #fff;}
.layerpopup_area .layerpopup_box .layerpopup_btn .btn_gray {background-color: #eeeeee; border: 1px solid #a6a6a6;}
.layerpopup_area .layerpopup_box .layerpopup_btn .btn_gray:hover {border-color: #6f6f75;}
.layerpopup_area .layerpopup_box .layerpopup_btn .btn_gray:active {background-color: #d0d0d0; border-color: #d0d0d0;}
/*width*/
.layerpopup_area .layerpopup_box .layerpopup_btn.wauto {width: auto;}
.layerpopup_area .layerpopup_box .layerpopup_btn .w195 {width: 195px; box-sizing: border-box;}
/*align*/
.layerpopup_area .layerpopup_box .layerpopup_btn.btn_right {text-align: right;}
.layerpopup_area .layerpopup_box .layerpopup_btn.btn_right button,
.layerpopup_area .layerpopup_box .layerpopup_btn.btn_right a {text-align: center;}
.layerpopup_area .layerpopup_box .layerpopup_btn.btn_right {padding-top: 30px; padding-right: 30px; padding-left: 30px;}

/*table*/
.layerpopup_area .table_area {min-height: 56px; border-top: 1px solid #d3d3db; border-bottom: 1px solid #d3d3db;}
.layerpopup_area .table_area.border_r_d3 {border-right: 1px solid #d3d3d3;}
.layerpopup_area .table_area table {border-bottom:0;}
.layerpopup_area .table_area table.border_t_d3 {border-top: 1px solid #d3d3d3;}
.layerpopup_area .table_area table.border_b_d3 {border-bottom: 1px solid #d3d3d3;}
.layerpopup_area .table_area thead tr:first-child th,
.layerpopup_area .table_area tbody tr:first-child td,.layerpopup_area .table_area tbody tr:first-child th {border-top: 0;}
.layerpopup_area .table_area thead + tbody tr:first-child td,.layerpopup_area .table_area thead + tbody tr:first-child th {border-top: 1px solid #d3d3db;}

.layerpopup_area.layer_setconfig {left: auto; top: 89px; bottom:auto; right: 10px; line-height: 1 !important;}
.layerpopup_area.layer_setconfig .setconfig_dim {position:fixed; left:343px; right:0; top:83px; bottom:0; background-color: #000000; opacity: 0.15;}
.layerpopup_area .layerpopup_box.layer_config {margin-left: 0; border: 0 none; background-color: #f7f7f7; transform: none;}
.layerpopup_area .layerpopup_box.layer_config .layerpopup_titbox {height: 41px; background-color: #f7f7f7;}
.layerpopup_area .layerpopup_box.layer_config .layerpopup_cont {height: calc(100% - 61px); margin-bottom: 0;}
.layerpopup_area .layerpopup_box.layer_config .setconfig_box .tit {margin: 0 0 13px 13px; font-size: 16px; font-weight: bold; color: #0072ce;}
.layerpopup_area .layerpopup_box.layer_config .setconfig_box .btn_style {background: #fff; border-color: #ced1da; font-size: 14px; color: #5e5e5e;}
.layerpopup_area .layerpopup_box.layer_config .setconfig_box .box_per50.space_10 {width: calc(50% - 3.5px);}
.layerpopup_area .layerpopup_box.layer_config .setconfig_box .ml10 {margin-left: 7px;}
.layerpopup_area .layerpopup_box.layer_config .setconfig_box .mt10 {margin-top: 7px;}
.layerpopup_area .layerpopup_box.layer_config .setconfig_box .font_13 {font-size: 13px; padding: 0;}
.layerpopup_area .layerpopup_box.layer_config .setconfig_box + .setconfig_box {margin-top: 45px;}

/* 글로벌 로딩 레이어 추가 */
.global_loading_area {display: block; position: fixed; top:0; left:0; right:0; bottom:0; text-align: center; z-index: 9999;}
.global_loading_area > .dim {position: fixed; top:0; left:0; right:0; bottom:0; background-color: #000000; z-index: 5; opacity: 0.5;}
.global_loading_area .loading_contents {margin: 0 auto; margin-top: calc(25%)}

/*
20180727 김남길 : 레이어팝업 레이아웃 깨지는 문제로 주석처리
.layerpopup_box .jqx-grid-cell > * {padding-left: 6px !important; margin-top: 21px !important;}
*/
.layerpopup_area.add_file .layerpopup_box {vertical-align: top;}
/*************LOGIn***********/
.login {min-height: 920px; height:100%; background: #e4eaf0;}
.login .container {height: 100%; padding: 0;}
.login .container .footer_area {position: absolute; left: 0; right: 0; bottom: 30px;}
.login .container .footer_area span {display: inline-block; padding: 0 6px; font-size: 10px; color: rgba(62, 71, 80, 0.4);}
.login .container .footer_area > a {display: inline-block; margin-bottom: 9px; padding: 1px 0; border-bottom: 1px solid #3c3c3c; color:#3c3c3c; font-size: 12px; text-align: center;}
.login_area {width: 930px; margin: 183px auto 0; background: #fff; box-shadow: 19px 18px 0px 0px rgba(0,0,0,0.05);}
.login_area .login_inner {overflow: hidden; height: 584px; background:url(../images/bg/login-bg-b.png) no-repeat left bottom;}
.login_area .login_join {float: left; width: 250px; border-top: 6px solid #ee2737;}
.login_area .join_titbox {padding: 156px 0 0 65px;}
.login_area .join_titbox:before {content: ''; display: block; width: 51px; height: 53px; margin-bottom: 36px; background:url(../images/ico/member-ic.png) no-repeat 0 0;}
.login_area .join_titbox p {font-size: 24px; color: rgba(255, 255, 255, 0.8); line-height: 28px;}
.login_area .join_titbox span {display: block; margin: 20px 0 48px; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 17px;}
.login_area .join_titbox .btn_join {display: block; width: 114px; height: 39px; border: 1px solid #fff; color: rgba(255, 255, 255, 0.9); text-align: center; line-height: 37px; box-sizing: border-box;}
.login_area .login_box {float: left; width: 680px; padding: 60px 0 0 255px; border-top: 6px solid #0072ce; box-sizing: border-box;}
.login_area .login_titbox p {margin-top: 20px; color: #000;}
.login_area .login_titbox p img {display: inline-block; vertical-align: top;}
.login_area .login_inputbox > div {position:relative; margin-top: 26px;}
.login_area .login_inputbox > div label {display: block; font-size: 14px; font-weight: bold; color: rgba(0, 0, 0, 0.5);}
.login_area .login_inputbox > div input {position:relative; width: 288px; height: 42px; border-bottom: 2px solid #3a3a3a; font-size: 20px; color: #000; line-height: 42px; z-index:5;}
.login_area .login_inputbox > div input.has_txt {border-color: #0a78d0;}
.login_area .login_inputbox > div input::-moz-placeholder {font-size: 16px; color: #b2b2b2;}
.login_area .login_inputbox > div input:-ms-input-placeholder {font-size: 16px; color: #b2b2b2;}
.login_area .login_inputbox > div input::-webkit-input-placeholder {font-size: 16px; color: #b2b2b2;}

.login_area .login_inputbox .chk {margin-top: 13px;}
.login_area .login_inputbox .btn_login {display: block; width: 302px; height: 54px; margin-top: 43px; background: #0072ce; font-size: 18px; font-weight: bold; color: #fff; line-height: 54px; text-align: center;}
.login_area .login_btnbox {overflow: hidden; margin-top: 15px;}
.login_area .login_btnbox li {float: left;}
.login_area .login_btnbox li + li:before {content: ''; display: inline-block; width: 1px; height: 9px; margin: 0 14px; background: #b2b2b2; vertical-align: middle;}
.login_area .login_btnbox a {font-size: 14px; color: #000;}

.login_area_otp {width: 930px; margin: 183px auto 0; background: #fff; box-shadow: 19px 18px 0px 0px rgba(0,0,0,0.05);}
.login_area_otp .login_inner {overflow: hidden; height: 584px; background:url(../images/bg/login-bg-b.png) no-repeat left bottom;}
.login_area_otp .login_join {float: left; width: 250px; border-top: 6px solid #ee2737;}
.login_area_otp .join_titbox {padding: 156px 0 0 65px;}
.login_area_otp .join_titbox:before {content: ''; display: block; width: 51px; height: 53px; margin-bottom: 36px; background:url(../images/ico/member-ic.png) no-repeat 0 0;}
.login_area_otp .join_titbox p {font-size: 24px; color: rgba(255, 255, 255, 0.8); line-height: 28px;}
.login_area_otp .join_titbox span {display: block; margin: 20px 0 48px; font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 17px;}
.login_area_otp .join_titbox .btn_join {display: block; width: 114px; height: 39px; border: 1px solid #fff; color: rgba(255, 255, 255, 0.9); text-align: center; line-height: 37px; box-sizing: border-box;}
.login_area_otp .login_box {float: left; width: 680px; padding: 30px 0 0 225px; border-top: 6px solid #0072ce; box-sizing: border-box;}
.login_area_otp .login_titbox p {margin-top: 20px; color: #000;}
.login_area_otp .login_titbox p img {display: inline-block; vertical-align: top;}
.login_area_otp .login_inputbox > div {position:relative; margin-top: 10px;}
.login_area_otp .login_inputbox > div label {display: block; font-size: 14px; font-weight: bold; color: rgba(0, 0, 0, 0.5);}
.login_area_otp .login_inputbox > div input {position:relative; width: 288px; height: 42px; border-bottom: 2px solid #3a3a3a; font-size: 20px; color: #000; line-height: 42px; z-index:5;}
.login_area_otp .login_inputbox > div input.has_txt {border-color: #0a78d0;}
.login_area_otp .login_inputbox > div input::-moz-placeholder {font-size: 16px; color: #b2b2b2;}
.login_area_otp .login_inputbox > div input:-ms-input-placeholder {font-size: 16px; color: #b2b2b2;}
.login_area_otp .login_inputbox > div input::-webkit-input-placeholder {font-size: 16px; color: #b2b2b2;}

.login_area_otp .login_inputbox .chk {margin-top: 13px;}
.login_area_otp .login_inputbox .btn_login {display: block; width: 302px; height: 54px; margin-top: 23px; background: #0072ce; font-size: 18px; font-weight: bold; color: #fff; line-height: 54px; text-align: center;}
.login_area_otp .login_inputbox .login_time {position:absolute; bottom:0; right:0; color:#7f7f7f; font-size: 14px; line-height: 42px; z-index:10;}
.login_area_otp .login_inputbox .width288 {width: 288px;}

.login_area_otp .login_btnbox {overflow: hidden; margin-top: 15px;}
.login_area_otp .login_btnbox li {float: left;}
.login_area_otp .login_btnbox li + li:before {content: ''; display: inline-block; width: 1px; height: 9px; margin: 0 14px; background: #b2b2b2; vertical-align: middle;}
.login_area_otp .login_btnbox a {font-size: 14px; color: #000;}

.logout_header {position: fixed; overflow: hidden; width: 100%; height: 36px; padding: 26px 0 20px 0; background-color: #ffffff; border-bottom: 1px solid #a6a6a6; z-index: 999;}
.logout_header .bar {position: fixed; width: 100%; height: 6px; top: 0; left: 0; background-color: #0072ce;}
.logout_header .bar > div {height: 100%; width: 338px; background-color: #ee2737;}
.logout_header .logo {float: left; margin: 6px 0 0 40px;}
.logout_header .logo img {display: block;}
.logout_whitebox {position: fixed; width: 100%; height: 100%; margin-top : 82px; padding: 160px 0 20px 0; background-color: #ffffff;}
.logout_whitebox .tit_center {float: none; height: 54px; color: #000000; font-size: 24px; font-weight: 800; line-height: 30px; text-align: center;}
.logout_whitebox .tit_cen {float: none; height: 50px; color: #000000; font-size: 14px; font-weight: 140%; line-height: 140%; text-align: center;}
.logout_btn_login {display: block; width: 200px; height: 50px; margin-top: 40px; background: #0072ce; font-size: 18px; font-weight: bold; color: #fff; line-height: 54px; text-align: center;}


/*************DASHBOARD***********/
/*Select*/
.select_area {position: relative; display: inline-block;}
.select_area label {position: relative; display: block; min-width:192px; height: 38px; padding: 0 10px; border: solid 1px #767880; z-index: 5;}
.select_area label span {display: block; background:url(../images/ico/ico_selectbox.png) no-repeat right center; color: #000000; font-size: 16px; line-height: 38px;}
.select_area select {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; opacity: 0;}
.select_area.w94 label {min-width: 74px; width: 74px;}
.select_area.dim label,
.select_area.dim label span,
.select_area.dim select {background-color: #eceff3; border-color: #eceff3;}
.select_area.dim label span {opacity: 0.3;}

/*DateSlick*/
.date_slick {overflow: hidden; margin-right: 8px;} /* 0613 개발 margin-right 추가 */
.date_slick > a,.date_slick .date_txt {float: left;}
.date_slick .btn_prev {overflow:hidden; width: 39px;}
/*.date_slick .btn_prev > img {height: 100%;}*/
.date_slick .date_txt {width: 305px; height: 38px; border: solid 1px #d3d3db; border-right: none; color: #000000; font-size: 17px; text-align: center; line-height: 38px;}

.date_slick.slick_input {}
.date_slick.slick_input .btn_next {overflow: hidden; width: 39px;}
.date_slick.slick_input .btn_next > img {float: right;}


/*Location*/
.cont_whitebox .cont_location {margin-top: 25px; text-align: center;}
.cont_whitebox .cont_location.location_sub {min-height: 334px;}
.cont_whitebox .cont_location .location_box {position: relative; display: inline-block;}
.cont_whitebox .cont_location .location_box img {position: relative; /*width:100%; max-width:100%;*/ z-index: 5;}
.cont_whitebox .cont_location .location_tag {position: absolute; top: 0; left: 0; z-index: 10;}
.cont_whitebox .cont_location .location_tag .location_tagin {position: relative;}
.cont_whitebox .cont_location .location_tag .location_tagin .btn_ico {display: block; width: 49px; height: 50px; margin-left: 8px;}
.cont_whitebox .cont_location .location_tag .location_tagin .btn_ico > img {display: block;}
.cont_whitebox .cont_location .location_tag .location_tagin .btn_ico.close.unlock {background: url(../images/ico/ico_close_unlock.png) no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tagin .btn_ico.close.lock {background: url(../images/ico/ico_close_lock.png) no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tagin .btn_ico.close.undefined {background: url(../images/ico/ico_close_undefined.png) no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tagin .btn_ico.open.unlock {background: url(../images/ico/ico_open_unlock.png) no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tagin .btn_ico.open.lock {background: url(../images/ico/ico_open_lock.png) no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tagin .btn_ico.open.undefined {background: url(../images/ico/ico_close_undefined.png) no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tagin .btn_ico.undefined.unlock {background: url(../images/ico/ico_undefined_unlock.png) no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tagin .btn_ico.undefined.lock {background: url(../images/ico/ico_undefined_lock.png) no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tooltip {position: absolute; right: 0; top: -94px; display: none; padding: 10px 0; /*height: 58px;*/ background: #f8f8fa; border: 1px solid #b6b6c1; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3);}
.cont_whitebox .cont_location .location_tag .location_tooltip > p {position: absolute; height: 100%; top: 0; z-index: 5;}
.cont_whitebox .cont_location .location_tag .location_tooltip .bg_l {width: 50px; left: 0; background: url(../images/bg/bg_location_tooltip_l.png) no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tooltip .bg_r {width: 16px; right: 0; background: url(../images/bg/bg_location_tooltip_r.png) no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tooltip .bg {height: 100%; top: 0; left: 50px; right:16px; background: url(../images/bg/bg_location_tooltip.png) repeat-x 0 0;}
.cont_whitebox .cont_location .location_tag .location_tooltip .location_in {position: relative; overflow: hidden; padding: 0 9px; font-size: 0; z-index: 10; white-space: nowrap;}
.cont_whitebox .cont_location .location_tag .location_tooltip .location_in span,.cont_whitebox .cont_location .location_tag .location_tooltip .location_in a {display: inline-block; padding:0 10px; margin-top: 12px; margin-bottom: 7px; background: url(../images/ico/ico_tooltip_line.png) no-repeat 0 center; color: #ffffff; line-height: 39px;}
.cont_whitebox .cont_location .location_tag .location_tooltip .location_in .txt_last {color: #0087f3;}
.cont_whitebox .cont_location .location_tag .location_tooltip .location_in *:first-child {background: none;}
.cont_whitebox .cont_location .location_tag .location_tooltip:after {content: ''; position: absolute; right: 14px; bottom: -9px; display: block; width: 17px; height: 9px; background: url('../images/bg/bg_location_tooltip_arrow.png') no-repeat 0 0;}
.cont_whitebox .cont_location .location_tag .location_tooltip .location_in .tit {display: block; margin-bottom: 10px; color: #343434; font-weight: 600; text-align: left;}
.cont_whitebox .cont_location .location_tag .location_tooltip .location_in .btn_style{width: 92px; height: 32px; margin: 0; padding: 0; background: #efefef; border: 1px solid #d4d4dc; font-size: 14px; color: #3c3c3c; line-height: 28px; box-sizing: border-box;}
.cont_whitebox .cont_location .location_tag .location_tooltip .location_in .btn_style + .btn_style {margin-left: -1px;}
.cont_whitebox .cont_location .location_tag .location_tooltip .location_in .btn_style.btn_blue {background: #0072ce; color: #fff;}
/*secure*/
.cont_whitebox .cont_location .location_tag .location_tagin .location_secu {position: relative; display: block; margin-left:0;}
.cont_whitebox .cont_location .location_tag .location_tagin .location_secu + .location_tooltip {top: -94px; right: 50%; margin-right: -20px;}
.cont_whitebox .cont_location .location_box .location_secu {position: absolute; opacity: 0.6; z-index: 10; cursor: pointer;}
.cont_whitebox .cont_location .location_box .location_secu.nonshow {opacity: 0;}
.cont_whitebox .cont_location .location_box .location_secu.def {background-color: #0084ff;}
.cont_whitebox .cont_location .location_box .location_secu.set {background-color: #00c12d;}
.cont_whitebox .cont_location .location_box .location_secu.err {background-color: #f11212;}

/*TooltipInMain*/
.main_location.location_tooltip {position: absolute; /*right: 0; top: -94px;*/ display: none; padding: 10px 0; /*height: 58px;*/ background: #f8f8fa; border: 1px solid #b6b6c1; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3); z-index: 20;}
.main_location.location_tooltip > p {position: absolute; height: 100%; top: 0; z-index: 5;}
.main_location.location_tooltip .bg_l {width: 50px; left: 0; background: url(../images/bg/bg_location_tooltip_l.png) no-repeat 0 0;}
.main_location.location_tooltip .bg_r {width: 16px; right: 0; background: url(../images/bg/bg_location_tooltip_r.png) no-repeat 0 0;}
.main_location.location_tooltip .bg {height: 100%; top: 0; left: 50px; right:16px; background: url(../images/bg/bg_location_tooltip.png) repeat-x 0 0;}
.main_location.location_tooltip .location_in {position: relative; overflow: hidden; padding: 0 9px; font-size: 0; z-index: 10; white-space: nowrap;}
.main_location.location_tooltip .location_in span,.main_location.location_tooltip .location_in a {display: inline-block; padding:0 10px; margin-top: 12px; margin-bottom: 7px; background: url(../images/ico/ico_tooltip_line.png) no-repeat 0 center; color: #ffffff; line-height: 39px;}
.main_location.location_tooltip .location_in .txt_last {color: #0087f3;}
.main_location.location_tooltip .location_in *:first-child {background: none;}
.main_location.location_tooltip:after {content: ''; position: absolute; right: 14px; bottom: -9px; display: block; width: 17px; height: 9px; background: url('../images/bg/bg_location_tooltip_arrow.png') no-repeat 0 0;}
.main_location.location_tooltip .location_in .tit {display: block; margin-bottom: 10px; color: #343434; font-weight: 600; text-align: left;}
.main_location.location_tooltip .location_in .btn_style{width: 92px; height: 32px; margin: 0; padding: 0; background: #efefef; border: 1px solid #d4d4dc; font-size: 14px; color: #3c3c3c; line-height: 28px; box-sizing: border-box;}
.main_location.location_tooltip .location_in .btn_style + .btn_style {margin-left: -1px;}
.main_location.location_tooltip .location_in .btn_style.btn_blue {background: #0072ce; color: #fff;}

/*RealTime*/
.btn_more {display: block; height: 36px; text-align: center; line-height: 36px;}
.btn_more span {vertical-align: top; display: inline-block; padding-right: 17px; background: url(../images/ico/ico_arr_more.png) no-repeat right center; color: #989db0; font-size: 14px; line-height: 36px;}
.btn_more.open span {background: url(../images/ico/ico_arr_more_up.png) no-repeat right center;}

/*WeekWater*/
.weekstatus_area {position: relative; overflow: hidden; margin-top: 15px; font-size: 0; text-align: center;}
.weekstatus_area .weekstatus_l {position: absolute; left: 0; top: 0; z-index: 10;}
.weekstatus_area .weekstatus_l > a,.weekstatus_area .weekstatus_l > div {float: left;}
/*.weekstatus_area .weekstatus_l > a {margin-left: 8px;} 0613 개발 삭제 */
.weekstatus_area .weekstatus_c {position: relative; vertical-align: top; display: inline-block; z-index: 5;}
.weekstatus_area .weekstatus_r {position: absolute; right: 0; top: 0; z-index: 10;}
.weekstatus_area .weekstatus_r > a {margin-left: 15px; background: #eee;}
.weekstatus_area .weekstatus_r, .weekstatus_area .weekstatus_r strong {font-size: 18px; color: #3f3f3f; line-height:40px;}
.weekstatus_area .weekstatus_r strong {font-weight: 800;}
.weekstatus_area.weekstatus_noabs .weekstatus_l,.weekstatus_area.weekstatus_noabs .weekstatus_r {position: relative;}
.weekstatus_area.weekstatus_noabs .weekstatus_l {float: left;}
.weekstatus_area.weekstatus_noabs .weekstatus_r {float: right;}
.weekstatus_area.no_hidden {overflow: visible; height: 40px; clear: both;}

/*Table*/
.cont_week {margin-top: 10px;}
.cont_week.mt20 {margin-top: 20px;}
.cont_week .weekbox_day {position: relative;}
.cont_week .weekbox_day .tbody th, .cont_week .weekbox_day .tbody td {height: 170px;}
.cont_week .weekbox_day table {border: 1px solid #dcdce6;}
.cont_week .weekbox_day td {border-top: 1px solid #d7dae3;}
.cont_week .weekbox_day th *,.cont_week .weekbox_day td * {font-family: 'Gilroy','Notosans', 'Noto Sans KR', sans-serif, 'Dotum';}
.cont_week .weekbox_day tr th:first-child {border-left: none;}
.cont_week .weekbox_day table div {padding: 6px 0; line-height: 21px;}
.cont_week .weekbox_day table div:after {content: ''; display: block; width:0; height:0; font-size: 0; clear: both; opacity: 0;}
.cont_week .weekbox_day table div.td_in_visible {overflow:visible;}
.cont_week .weekbox_day table div.td_in_visible:after {content: ''; display: block; width:0; height:0; font-size: 0; clear: both; opacity: 0;}
.cont_week .weekbox_day table div .txt_l {float: left; padding:0 3px;}
.cont_week .weekbox_day table div .txt_r {float: right; padding:0 3px;}
.cont_week .weekbox_day table .weekbox_ico {vertical-align: top; display: inline-block; width: 5px; height: 5px; margin-top: 7px; margin-right: 4px; border-radius: 7px;}
/*th*/
.cont_week .weekbox_day th {padding: 15px 20px; border-left: 1px solid #d7dae3;}
.cont_week .weekbox_day th p {font-weight: 400; text-align: left; letter-spacing: -1px; line-height: 21px;}
.cont_week .weekbox_day th .desc {color: #7f7f7f; font-size: 18px;}
.cont_week .weekbox_day th .tit {color: #000000; font-size: 30px; margin-top: 10px;}
/*td*/
.cont_week .weekbox_day td {padding: 7px 20px 15px; border-left: 1px solid #d7dae3;}
/*.cont_week .weekbox_day td:first-child {border-left: none;}*/
.cont_week .weekbox_day td p {overflow: hidden; color: #3c3c3c;}
.cont_week .weekbox_day td .dim p {opacity: 0.3;}
.cont_week .weekbox_day td.single_ico {text-align: center;}
.cont_week .weekbox_day td.single_ico .weekbox_ico {vertical-align: middle; width: 9px; height: 9px; margin: 0; opacity: 0.3;}
/*cell Today*/
.cont_week .weekbox_day .table_today,
.cont_week .weekbox_day .table_today {background-color: #f1f5fa;}
/*.cont_week .weekbox_day th.table_today .desc {color: #000000;}*/
.cont_week .weekbox_day .table_sat .desc,
.cont_week .weekbox_day .table_sat .tit {color: #0072ce;}
.cont_week .weekbox_day .table_sun .desc,
.cont_week .weekbox_day .table_sun .tit {color: #ee2737;}

.cont_week .weekbox_day .btn_white {height:28px; font-size: 15px; font-weight: normal; line-height: 30px;}


.cont_week .weekbox_day.today th,.cont_week .weekbox_day.today td {padding: 17px 20px 10px 20px;}
.cont_week .weekbox_day.today .today_tit {font-size: 22px;}
.cont_week .weekbox_day.today th .today_tit .weekbox_ico {width: 6px; height: 6px; margin-top: 8px;}
.cont_week .weekbox_day.today .today_txt {overflow: hidden; margin-top:50px; line-height: 46px; text-align: right;}
.cont_week .weekbox_day.today .today_txt span,.cont_week .weekbox_day.today .today_txt strong {vertical-align: top; display: inline-block; font-weight: 200;}
.cont_week .weekbox_day.today .today_txt span {margin-top: 20px; color: #2e2421; font-size: 20px;}
.cont_week .weekbox_day.today .today_txt strong {margin-right: 6px; font-size: 48px; font-weight: 200;}
.cont_week .weekbox_day.today td .today_txt {margin-top: 0;}
/*.cont_week .weekbox_day.today td {padding-top: 15px; padding-bottom: 5px;}*/

/*Water*/
.cont_week .weekbox_day.table_meal td {padding: 11px 13px 7px 13px; border-top: 1px solid #d7dae3; text-align: right;}
.cont_week .weekbox_day.table_meal tr:first-child td {border-top: none;}
.cont_week .weekbox_day.table_meal td:first-child {border-left: none; text-align: center;}
.cont_week .weekbox_day th.meal_head p {color: #000000; font-size: 0;}
.cont_week .weekbox_day th.meal_head .desc {font-size: 18px;}
.cont_week .weekbox_day th.meal_head .desc span {font-size: 16px;}
.cont_week .weekbox_day th.meal_head .tit a,
.cont_week .weekbox_day th.meal_head .tit span {display: inline-block;}
.cont_week .weekbox_day th.meal_head .tit span {color: #000000; font-size: 24px; text-align: center;}
.cont_week .weekbox_day.table_meal td > p {height: 35px; color: #3c3c3c; text-align: right; line-height: 35px;}

.cont_week .weekbox_day.today .table_total,
.cont_week .weekbox_day .table_total {vertical-align: top; width: 12.6%; padding: 9px 20px 13px; background-color: #fdf0f1; border-bottom: none;}
.cont_week .weekbox_day.today .table_total > div:first-child,
.cont_week .weekbox_day .table_total > div:first-child {margin-bottom: 7px;}
.cont_week .weekbox_day.today .table_total .desc, .cont_week .weekbox_day.today .table_total .tit,
.cont_week .weekbox_day .table_total .desc, .cont_week .weekbox_day .table_total .tit {color: #ee2737;}
.cont_week .weekbox_day.today .table_total .weekbox_ico,
.cont_week .weekbox_day .table_total .weekbox_ico {background-color: #ee2737;}

.cont_week .weekbox_day.table_meal td.td_txt_r > p {text-align: right;}
.cont_week .weekbox_day.table_meal td.td_txt_r > p:first-child {margin-top: 0;}
.cont_week .weekbox_day.table_meal td.td_txt_r .ico_meal {vertical-align: top; display: inline-block; background-repeat: no-repeat; background-position: 0 center;}
.cont_week .weekbox_day.table_meal td.td_txt_r .ico_meal.meal_morning {width: 24px; height: 13px; margin: 10px 10px 0 0; background-image: url(../images/ico/breakfast-ic.png);}
.cont_week .weekbox_day.table_meal td.td_txt_r .ico_meal.meal_lunch {width: 23px; height: 23px; margin: 5px 10px 0 0; background-image: url(../images/ico/lunch-ic.png);}
.cont_week .weekbox_day.table_meal td.td_txt_r .ico_meal.meal_dinner {width: 17px; height: 18px; margin: 8px 14px 0 0; background-image: url(../images/ico/dinner-ic.png);}
.cont_week .weekbox_day.table_meal td.td_txt_r .ico_meal.meal_night {width: 22px; height: 13px; margin: 9px 11px 0 0; background-image: url(../images/ico/chicken-ic.png);}

/*Tab*/
.tab_area {overflow: hidden; margin: 0 auto; border: 1px solid #d3d3db;}
.tab_area li {float: left;}
.tab_area li a {display: block; min-width:104px; height:34px; padding: 0 15px; background-color: #eeeeee; border: solid 3px #eeeeee; color: #282828; font-size: 18px; text-align: center; line-height:34px;}
.tab_area li:first-child a {border-right: none;}
.tab_area li.focus a {background-color: #0072ce; border: 3px solid #0072ce; color: #ffffff;}

/*************SUB PAGE ITEMS***********/
/*************LIST SELECT AREA***********/
.listsel_area {padding: 16px 25px 16px 25px;background-color: #f8f8fa;}
.listsel_area.single_listsel {padding: 0 0 0 0; background-color: transparent;}
.listsel_area.pb40 {padding-bottom: 66px;}
.listsel_area .list_tit {/*padding-left: 10px;*/ margin-bottom: 14px; /*background: url(../images/ico/ico_tit_bul.png) no-repeat 0 center;*/ color: #3c3c3c; font-size: 18px; font-weight: 600; line-height: 21px;}
.listsel_area .listsel_box {overflow: hidden; overflow-y: auto; height: 599px; background-color: #ffffff; border: 1px solid #dcdce6;}
.listsel_area .listsel_box.h340 {height: 338px;}
.listsel_area .listsel_box.h436 {height: 434px;}
.listsel_area .listsel_box .normal_list {overflow: hidden; overflow-y: auto; height: calc(100% - 24px); padding:12px 0;}
.listsel_area .listsel_box .normal_list li a {overflow: hidden; display: block; padding: 0 18px;}
.listsel_area .listsel_box .normal_list li a span {display: inline-block; line-height: 36px;}
.listsel_area .listsel_box .normal_list li a span.txt {float: left; max-width: 70%; color: #3c3c3c;}
.listsel_area .listsel_box .normal_list li a span.num {float: right; height: 20px; padding: 0 8px; margin: 8px 0; background-color: #e9eef5; border-radius: 20px; color: #000000; font-size: 14px; line-height: 20px;}
.listsel_area .listsel_box .normal_list li.on a {background-color: #d9e1eb;}
.listsel_area .listsel_box .normal_list li.on a span.num {background-color: #b1b7c8;}
.listsel_area .listsel_btn {font-size: 0;}
.listsel_area .listsel_btn a {width: calc(50% - 4px); padding-left: 0; padding-right: 0; margin-left: 4px;}
.listsel_area .listsel_btn a:first-child {margin-left: 0;}

/*************COLORBOX SCHEDULE***********/
.colorbox_schedule {position: relative; width: 460px; z-index: 15}
.colorbox_schedule > a {position: absolute; right: 0; top: 0; display: block; width: 9px; height: 40px; margin-left: 15px; background: url(../images/ico/ico_colorbox_down.png) no-repeat 0 center;}
.colorbox_schedule.open > a {background: url(../images/ico/ico_colorbox_up.png) no-repeat 0 center;}
.colorbox_schedule ul {float: left; font-size: 0;}
.colorbox_schedule ul li {display: inline-block; margin-left: 4px;}
.colorbox_schedule ul li:first-child {margin-left: 0;}
.colorbox_schedule ul li a {display: block; width: 36px; height: 36px; border: 2px solid transparent; border-radius: 2px;}
.colorbox_schedule ul li a span {display: block; width: 32px; height: 32px; margin: 2px;}
.colorbox_schedule ul li.on a {background-color: transparent; border-radius: 5px;}
.colorbox_schedule ul li.on a {background-color: transparent; border-color: #0072ce;}
.colorbox_schedule ul.colorbox_more {position: absolute; top: 44px;}
.colorbox_schedule ul.colorbox_more .schedule_color1 {background-color: #a9eba9;}
.colorbox_schedule ul.colorbox_more .schedule_color1.schedule_line span {background-color: #a9eba9; border-color: #a9eba9;}
.colorbox_schedule ul.colorbox_more .schedule_color2 {background-color: #9feaf3;}
.colorbox_schedule ul.colorbox_more .schedule_color2.schedule_line span {background-color: #9feaf3; border-color: #9feaf3;}
.colorbox_schedule ul.colorbox_more .schedule_color3 {background-color: #92c5ff;}
.colorbox_schedule ul.colorbox_more .schedule_color3.schedule_line span {background-color: #92c5ff; border-color: #92c5ff;}
.colorbox_schedule ul.colorbox_more .schedule_color4 {background-color: #ffae6a;}
.colorbox_schedule ul.colorbox_more .schedule_color4.schedule_line span {background-color: #ffae6a; border-color: #ffae6a;}
.colorbox_schedule ul.colorbox_more .schedule_color5 {background-color: #32ccbc;}
.colorbox_schedule ul.colorbox_more .schedule_color5.schedule_line span {background-color: #32ccbc; border-color: #32ccbc;}
.colorbox_schedule ul.colorbox_more .schedule_color6 {background-color: #c7a1ff;}
.colorbox_schedule ul.colorbox_more .schedule_color6.schedule_line span {background-color: #c7a1ff; border-color: #c7a1ff;}
.colorbox_schedule ul.colorbox_more .schedule_color7 {background-color: #ffe986;}
.colorbox_schedule ul.colorbox_more .schedule_color7.schedule_line span {background-color: #ffe986; border-color: #ffe986;}
.colorbox_schedule ul.colorbox_more .schedule_color8 {background-color: #ff9ec7;}
.colorbox_schedule ul.colorbox_more .schedule_color8.schedule_line span {background-color: #ff9ec7; border-color: #ff9ec7;}
.colorbox_schedule ul.colorbox_more .schedule_color9 {background-color: #76dde9;}
.colorbox_schedule ul.colorbox_more .schedule_color9.schedule_line span {background-color: #76dde9; border-color: #76dde9;}
.colorbox_schedule ul.colorbox_more .schedule_color10 {background-color: #c4ccdd;}
.colorbox_schedule ul.colorbox_more .schedule_color10.schedule_line span {background-color: #c4ccdd; border-color: #c4ccdd;}
/*************COLORBOX in config***********/
.colorbox_schedule.config_colorbox {display:inline-block; width: auto; max-width: 460px; padding-right: 25px;}
.colorbox_schedule.config_colorbox ul li {display: block; float: left; margin: 2px 0 2px 4px;}
.colorbox_schedule.config_colorbox ul.colorbox_more {top: auto; bottom: -100%; right: 25px;}
.colorbox_schedule.config_colorbox ul,
.colorbox_schedule.config_colorbox ul.colorbox_more {position:relative; top:auto; bottom: auto; right:auto; float: none; overflow: hidden;}
.colorbox_schedule.config_colorbox ul.visible,.colorbox_schedule.config_colorbox ul li.visible {overflow: visible;}

/*************CALENDER YEAR LAYER***********/
.layer_calen_year {position: absolute; width: 264px; right: 0; top:48px; padding: 18px 20px; background-color: #ffffff; box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.15); border: solid 1px #767880; z-index:30;}
.layer_calen_year .layer_calen_year_tit {overflow: hidden; font-size:0; text-align:center;}
.layer_calen_year .layer_calen_year_tit a {vertical-align:top; display:inline-block; width: 10px; height: 26px; text-indent:-999px; font-size:0;}
.layer_calen_year .layer_calen_year_tit a.btn_next {background:url(../images/ico/page-btn-right.png) no-repeat 0 center;}
.layer_calen_year .layer_calen_year_tit a.btn_prev {background:url(../images/ico/page-btn-left.png) no-repeat 0 center;}
.layer_calen_year .layer_calen_year_tit p {vertical-align:top; display:inline-block; width: 200px; margin: 0 10px; color:#000000; font-family: Gilroy; font-size: 17px; text-align:center; line-height: 26px;}
.layer_calen_year .layer_calen_year_box {overflow: hidden; margin: 20px auto 0 auto;}
.layer_calen_year .layer_calen_year_box li {display:block; float: left;}
.layer_calen_year .layer_calen_year_box li a {display:block; width: 54px; height: 54px; margin: 6px; color: #54565f; font-size: 16px; text-align:center; line-height: 54px;}
.layer_calen_year .layer_calen_year_box li.focus a {background-color:#0072ce; color:#ffffff;}


/*************FINGER PRINT***********/
.box_finger_print {background: url(../images/bg/bg_fingerprint_gray.png) no-repeat 0 0; background-size: 100% 100%; text-align: center;}
.box_finger_print img {display: inline-block; max-width: 100%; max-height: 100%; opacity: 0.2;}
.box_finger_print.focus {background: url(../images/bg/bg_fingerprint_blue.png) no-repeat 0 0; background-size: 100% 100%; text-align: center;}
.box_finger_print.focus img {opacity: 1;}
.box_finger_print.err {background: url(../images/bg/bg_fingerprint_red.png) no-repeat 0 0; background-size: 100% 100%; text-align: center;}
.box_finger_print.err img {opacity: 1;}

/*************Face PRINT***********/
.box_face_print {background: url(../images/bg/bg_fingerprint_gray.png) no-repeat 0 0; background-size: 100% 100%; text-align: center;}
.box_face_print img {display: inline-block; max-width: 100%; max-height: 100%;}
.box_face_print.focus {background: url(../images/bg/bg_fingerprint_blue.png) no-repeat 0 0; background-size: 100% 100%; text-align: center;}
.box_face_print.focus img {opacity: 1;}
.box_face_print.err {background: url(../images/bg/bg_fingerprint_red.png) no-repeat 0 0; background-size: 100% 100%; text-align: center;}
.box_face_print.err img {opacity: 1;}

/*************SCHEDULE TIMELINE***********/

/*Timeline*/
.table_timeline .timeline_box {border-bottom: 1px solid #d3d3db;}
.table_timeline .timeline_box .tr {position: relative; padding-left: 75px; border-right: 1px solid #d3d3db; font-size: 0;}
.table_timeline .timeline_box .tr .td {position: relative; display: inline-block; width: calc(2.78% - 1px); height: 41px; border-top: 1px solid #f6f6f8; border-left: 1px solid #f6f6f8; line-height: 41px;}
.table_timeline .timeline_box .tr .td:last-child,
.table_timeline .timeline_box .tr .td.last {width:calc(2.7% - 1px);}
.table_timeline .timeline_box .tr .tr_in .td:first-child {border-left: none;}
.table_timeline .timeline_box .tr > .td:first-child {position: absolute; width: 73px; top:0; left: 0; bottom: 0; border-left: 1px solid #d3d3db; border-right: 1px solid #d3d3db;}
.table_timeline .timeline_box .thead {border-bottom: 1px solid #d3d3db;}
.table_timeline .timeline_box .thead .td {height: 46px; background-color: #f1f5fa; border-top: 1px solid #d3d3db; border-left-color: #d3d3d3; color: #3c3c3c; font-size: 14px; text-align: center; line-height: 46px;}
.table_timeline .timeline_box .thead .td .mt2:first-child {margin-top: 10px;}
.table_timeline .timeline_box .tbody .tr:first-child > .td:first-child {border-top: none;}
.table_timeline .timeline_box .tbody .tr:first-child > .td:first-child + .tr_in .td {border-top: none;}
.table_timeline .timeline_box .tbody .tr > .td:first-child + .tr_in .td {border-top: 1px solid #d3d3db;}
.table_timeline .timeline_box .tbody .tr > .td:first-child {height: 83px; border-top: none; border-top: 1px solid #d3d3db; color: #3c3c3c; font-size: 16px; text-align: center; line-height: 83px;}

/*noline*/
.table_timeline .timeline_box.no_line .thead .td {border-left: none;}
.table_timeline .timeline_box.no_line .thead .tr_in .td {width: 2.78%;}
.table_timeline .timeline_box.no_line .thead .tr_in .td:last-child {width: 2.7%;}
.table_timeline .timeline_box.no_line .thead .tr .td.line_dash {width: calc(2.78% - 1px);}
.table_timeline .timeline_box.no_line .thead .tr > .td:first-child {border-left:1px solid #d3d3db;}


.table_timeline .timeline_box .thead .td.td_red {color: #ee2737;}
.table_timeline .timeline_box .tbody .td.td_red {background-color: #fef7f7;}
.table_timeline .timeline_box .tr .td.line_dash {border-left:1px dashed #d3d3db;}

.table_timeline .timeline_box .tbody .tr .td_fill {position: absolute; height: 41px; left: 0; top:0; line-height: 41px; cursor: pointer;}
.table_timeline .timeline_box .tbody .tr .td_fill .fill_in {position: relative; width: 100%; height: 100%;}
.table_timeline .timeline_box .tbody .tr .td_fill .fill_in strong {position: relative; overflow: hidden; display: block; width: calc(100% - 13px); padding-left: 10px; padding-right: 3px; color: #fff; font-size: 18px; font-weight: 200; text-overflow: ellipsis; white-space: nowrap; line-height: 41px; z-index: 10;}
.table_timeline .timeline_box .tbody .tr .td_fill .fill_in strong > i {font-size: 18px; color: #fff; font-style: normal;}
.table_timeline .timeline_box .tbody .tr .td_fill .fill_in .fill_bg {position: absolute; display: block; width:100%; height: 100%; top: 0; left: 0; z-index: 5;}

.table_timeline .timeline_box .tbody .tr .td_fill:hover .fill_in.over_tooltip > .btn_layer .btn_layerbox {display:block;}
.table_timeline .timeline_box .tbody .tr .td_fill .fill_in.over_tooltip > .btn_layer .btn_layerbox li:hover a {background-color: #f1f5fa;}

/* cursor로 잡을수 있는 영역이 필요하므로, before 제거 */
.table_timeline .timeline_box .tbody .tr .td_fill .fill_in .cursorLeft {position: absolute; left: -6px; top: -2px; width: 11px; height: 46px; background:url(../images/ico/daily-schedule-handle.png) no-repeat 0 0; z-index: 10; cursor: e-resize;}
.table_timeline .timeline_box .tbody .tr .td_fill .fill_in .cursorRight {position: absolute; right: -6px; top: -2px; width: 11px; height: 46px; background:url(../images/ico/daily-schedule-handle.png) no-repeat 0 0; z-index: 10; cursor: e-resize;}

.table_timeline .timeline_box .tbody .tr .tooltip_area {position: absolute; width: 250px; display: none; padding: 0; margin: 10px 0 0; top: 32px; z-index: 30;}
.table_timeline .timeline_box .tbody .tr .tooltip_area .tooltip_in {position: relative; padding: 0; margin: 0;}
.table_timeline .timeline_box .tbody .tr .tooltip_area .tooltip_in > p {position: absolute; z-index: 5;}
.table_timeline .timeline_box .tbody .tr .tooltip_area .bg_l,.table_timeline .timeline_box .tbody .tr .tooltip_area .bg_r {width: 35px; top:0; bottom:0;}
.table_timeline .timeline_box .tbody .tr .tooltip_area .bg_l {left: 0; background:url(../images/bg/bg_tooltip_w_l.png) no-repeat 0 0;}
.table_timeline .timeline_box .tbody .tr .tooltip_area .bg {height: 100%; top: 0; left: 35px; right: 35px; background:url(../images/bg/bg_tooltip_w.png) repeat-x 0 0;}
.table_timeline .timeline_box .tbody .tr .tooltip_area .bg_r {right: 0; background:url(../images/bg/bg_tooltip_w_r.png) no-repeat 0 0;}
.table_timeline .timeline_box .tbody .tr .tooltip_area .tooltip_box {position: relative; width: auto; padding: 26px 15px; margin: 0; font-size: 0; z-index: 10;}
.table_timeline .timeline_box .tbody .tr .tooltip_area .tooltip_box span.time_ico {position:relative; width: 20px; height: 20px; border-radius: 3px;}
.table_timeline .timeline_box .tbody .tr .tooltip_area .tooltip_box span {color: #3c3c3c; font-size: 16px; line-height: 20px;}
.table_timeline .timeline_box .tbody .tr .td_fill:hover + .tooltip_area {display: block; cursor: pointer;}
.table_timeline .timeline_box .tbody .tr .td_fill.td_tooltip_in:hover .tooltip_area {display: block; cursor: pointer;}

.h_small .table_timeline {width: 136%; transform: matrix(0.74,0,0,0.74,-189.74,-48.74);}
.h_small > div {height: 270px;}

/*Days*/
.table_days{}
.table_timeline.table_days .timeline_box .tr {padding-left: 35px;}
.table_timeline.table_days .timeline_box .tr > .td:first-child {width: 35px;}
.table_timeline.table_days .timeline_box .thead .td {background-color: #ffffff; border-left: none;}
.table_timeline.table_days .timeline_box .thead .tr_in .td {width: 4.165%;}
.table_timeline.table_days .timeline_box .tbody .td {width: calc(4.17% - 1px); height: 34px; border-color: #d3d3d3;}
.table_timeline.table_days .timeline_box .tbody .td:last-child {width: calc(4.1% - 1px);}
.table_timeline.table_days .timeline_box .tbody .td.red {color: #ee2737;}
.table_timeline.table_days .timeline_box .thead .tr > .td:first-child {border-left: 1px solid #dcdce6; border-right: 1px solid #dcdce6;}
.table_timeline.table_days .timeline_box .tbody .tr > .td:first-child {height: 34px; line-height: 34px;}
.table_timeline.table_days .timeline_box .tbody .tr .td_fill {height: 34px; line-height: 34px;}
.table_timeline.table_days .timeline_box .tbody .tr .td_fill .fill_in .fill_bg {width: auto; height: auto; top:2px; left: 2px; right: 2px; bottom: 2px;}
.table_timeline.table_days .timeline_box .tbody .tr .td_fill .fill_in:before {display:none;}
.table_timeline.table_days .timeline_box .tbody .tr .td_fill .fill_in:after {display:none;}

.table_timeline.table_days .timeline_box .tbody.td_h38 .td {height: 38.5px;}
.table_timeline.table_days .timeline_box .tbody.td_h38 .tr > .td:first-child,
.table_timeline.table_days .timeline_box .tbody.td_h38 .tr .td_fill {height: 38.5px; line-height: 38.5px;}


.table_area .timeline_bottom {cursor: pointer;}
.table_area .timeline_bottom .txt {text-decoration: underline;}

.timeline_bottom {display: inline-block; margin-left: 40px;}
.timeline_bottom.ml20 {margin-left: 17px;}
.timeline_bottom:first-child {margin-left: 0;}
.timeline_bottom span.time_ico {width: 20px; height: 20px; margin-right: 7px; border-radius: 3px;}
.timeline_bottom span.time_ico.ico_small {width: 12px; height: 12px; margin-top: 4px; margin-right: 10px; border-radius: 0;}
.timeline_bottom span {color: #3c3c3c; font-size: 16px; line-height: 20px;}
.timeline_bottom span.font_connect {color: #0072ce;}

.timeline_box .fill_bg.blue, .timeline_bottom .fill_bg.blue {background: #398cff;}
.timeline_box .fill_bg.red, .timeline_bottom .fill_bg.red {background: #f3586a;}
.timeline_box .fill_bg.yellow, .timeline_bottom .fill_bg.yellow {background: #ffcc00;}
.timeline_box .fill_bg.green, .timeline_bottom .fill_bg.green {background: #93d526;}
.timeline_box .fill_bg.violet, .timeline_bottom .fill_bg.violet, .calendar_box .fill_bg.violet {background: #31aec5;}
.timeline_box .fill_bg.orange, .timeline_bottom .fill_bg.orange, .calendar_box .fill_bg.orange {background: #ff8a1c;}
.timeline_box .fill_bg.pink, .timeline_bottom .fill_bg.pink {background: #ae27e0;}
.timeline_box .fill_bg.gray, .timeline_bottom .fill_bg.gray {background: #838e9e;}

/*Equipment Manage*/
.equip_mngbox {overflow: hidden;}
.equip_mngbox li {position: relative; float: left; width: 33.33%; text-align: center;}
.equip_mngbox li:before {position: absolute; width: 1px; height: 27px; bottom: 0; left: 0; content: ''; background-color: #c4c4c4;}
.equip_mngbox li:first-child:before {display: none;}
.equip_mngbox li p {position: relative; display: inline-block; text-align: center;}
.equip_mngbox li .tit {position: relative; color: #888b98; font-size: 20px;}
.equip_mngbox li .tit span {position: absolute; display: block; width: 6px; height: 6px; top: 50%; margin-top: -3px; margin-left: -10px; border-radius: 6px;}
.equip_mngbox li .txt {display: block; margin-top: 20px; color: #000000; font-size: 36px; text-align: center;}
.equip_mngbox.col2 li {width: 50%;}

/*************SCHEDULE TIMELINE***********/
.box_photo {margin-top: 19px;}
.box_photo > a {width: 32px; height: 32px; top:50%; margin-top: -16px;}
.box_photo > a.btn_prev {left:0;}
.box_photo > a.btn_next {right:0;}
.box_photo > .photo_area {width: 168px; height: 178px; border: 1px solid #d3d3db; line-height: 178px; text-align: center;}
.box_photo > .photo_area > img {vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%;}


/*************SCHEDULE HOLIDAY***********/
.holiday_calendar .box_per16 {padding: 0 10px; box-sizing: border-box;}
.holiday_calendar .box_per16 .calendar_year.year_small {height: 166px;}
.holiday_calendar .box_per16 .calendar_year.year_small .calendar_year_in .calendar_box .thead {text-align: center;}


/*************ETC***********/
.overtime_area {position: relative; margin-top: 10px;}
.overtime_area .warn:before {content: ''; display: inline-block; width: 20px; height: 18px; background-image: url(../images/ico/danger-ic.png);vertical-align:top;}
.overtime_area .over:before {content: ''; display: inline-block; width: 20px; height: 18px; background-image: url(../images/ico/excess-ic.png);vertical-align:top;}
.overtime_area .group_total {position: absolute; left: 0; top: 0;}
.overtime_area .group_total .box {float: left; width: 180px; height: 181px; padding: 15px 20px 20px; border: solid 1px #d3d3db; box-sizing: border-box;}
.overtime_area .group_total .box p {display: block; font-size: 20px; color: #3f3f3f; line-height: 22px;}
.overtime_area .group_total .box:before{margin-bottom:5px;}
.overtime_area .group_total p.num {margin-top: 30px; font-size: 48px; line-height: 48px; text-align: right;}
.overtime_area .group_total .warn {background-color: #fdf7e9;}
.overtime_area .group_total .warn .num {color: #eeb52b;}
.overtime_area .group_total .over {background-color: #fdf0f1; border-left: 0;}
.overtime_area .group_total .over .num {color: #ee2737;}
.overtime_area .group_box {overflow: hidden; height: 181px; padding-left:370px;}
.overtime_area .group_box .info_emptybox {border: 1px solid #d3d3db; box-sizing: border-box;}
.overtime_area .group_box.open{height: auto;}
.overtime_area .group_box ul {border-top: solid 1px #d3d3db; border-left: solid 1px #d3d3db;}
.overtime_area .group_box li {float: left; width: 16.666%; height: 180px; padding: 17px 1.5% 20px; border-bottom: solid 1px #d3d3db; border-right: solid 1px #d3d3db; cursor: pointer; box-sizing: border-box;}
.overtime_area .group_box li .tit {font-size: 18px; color: #a4a4a4;}
.overtime_area .group_box li .num {display: block; margin-top: 10px; font-size: 30px; color: #000;}
.overtime_area .group_box li .member {margin-top: 25px;}
.overtime_area .group_box li .member p {padding: 8px 0; color: #000;}
.overtime_area .group_box li .member p:before {margin-right: 5px;}
.overtime_area .group_box li .member span {float: right;}
.overtime_area .group_box li:hover, .overtime_area .group_box li.on {position: relative; background: #f2f8fd; border-color: #0072ce;}
.overtime_area .group_box li:hover:before, .overtime_area .group_box li.on:before {content: ''; position: absolute; top: -1px; left: 0; right: -1px; height: 1px; background: #0072ce;}
.overtime_area .group_box li:hover:after, .overtime_area .group_box li.on:after {content: ''; position: absolute; top: -1px; left: -1px; bottom: -1px; width: 1px; background: #0072ce;}
.overtime_area .group_box .info_emptybox::before {margin-top: -40px;}


/*************TECHNIC***********/
.technic .menubox_area .menubox_connect {overflow: hidden;}
.technic .menubox_area .menubox_connect.col3 li {width: 33.33%;}
.technic .menubox_area .menubox_connect.col4 li {width: 25%;}
.technic .menubox_area .menubox_connect li {position: relative; float: left; padding: 10px 0; text-align: center;}
.technic .menubox_area .menubox_connect li + li:before {position: absolute; top: 68%; left: 0; width: 1px; height: 12px; margin-top: -6px; content: ''; background-color: #e5e5ed;}
.technic .menubox_area .menubox_connect li p {display: block;}
.technic .menubox_area .menubox_connect li .tit {font-size: 14px;}
.technic .menubox_area .menubox_connect li .txt {margin-top: 8px; color: #000000; font-family: 'Gilroy','Notosans', 'Noto Sans KR', sans-serif, 'Dotum';}

.tooltip_wrap.technic .tooltip_area {width: 370px; bottom: 100%; left: 50%; margin-bottom: -5px; margin-left: -250px;}
.tooltip_wrap.technic .menubox_area {margin-top: 10px;}
.tooltip_wrap.technic .menubox_area .menubox_connect {background: #fff; border: 1px solid #c4c4c4;}
.tooltip_wrap.technic .menubox_area .menubox_connect.col3 {width: 250px;}
.tooltip_wrap.technic .menubox_area .menubox_connect.col4 {width: 338px;}
.tooltip_wrap.technic .menubox_area .menubox_connect li .tit {font-size: 13px;}

.memo_area {position:relative; padding-right: 120px;}
.memo_area textarea {box-sizing: border-box;}
.memo_area .btn_style {position: absolute; right: 0; top: 0;}

.reply_area {margin-top: 10px; padding: 20px 25px; background: #f8f8fa;}
.reply_area .tit {display: block; margin-bottom: 15px; font-weight: bold; color: #3c3c3c;}
.reply_area .input {position: relative; padding-right: 90px;}
.reply_area .input textarea {border: 1px solid #a7a7a7; box-sizing: border-box;}
.reply_area .input .btn_style {position: absolute; right: 0; top: 0;}
.reply_area .list li {position: relative; padding: 28px 0;}
.reply_area .list li + li {border-top: 1px solid #d3d3db;}
.reply_area .list .writer span {display: inline-block; color: #0072ce;}
.reply_area .list .date {position: absolute; right: 0; top: 30px; padding-right: 30px;}
.reply_area .list .date span {display: inline-block; font-size: 14px; color: #8a8a8b; vertical-align: top;}
.reply_area .list .date .btn_ico{position: absolute; right: 0; top: -1px;}
.reply_area .list .btn_ico {display: inline-block; margin-left: 5px; vertical-align: top;}
.reply_area .list .btn_ico img {display: inline-block;}
.reply_area .list .txt {margin-top: 10px; font-size: 15px;}

.box_per50.space_52 + .box_per50.w_52 .btn_style {width: 32px; box-sizing: border-box;}

.fl_l.box_per70.space_25 {width: calc(100% - 422px)}
.fl_l.box_per70.space_25 + .fl_r.box_per30 {width: 396px;}


/*************IT관리자***********/
.stats_box .box_border.box_tit > .tit {left: 10px; padding: 0 5px;}
.stats_box .refresh {display: inline-block; width: 30px; height: 30px; margin-top: 5px; border: 1px solid #a6a6a6; border-radius: 50%; background: url(../images/ico/btn-ic-clear-s.png) no-repeat center center; vertical-align: top; text-indent: -9999px;}
.stats_box > div {box-sizing: border-box;}
.stats_box > div:nth-child(1), .stats_box > div:nth-child(2) {width: calc(25% - 10px); margin-right: 10px;}
.stats_box > div:nth-child(3) {width: calc(30% - 10px); margin-right: 10px;}
.stats_box > div:nth-child(4) {width: 20%;}
.stats_box .equip_mngbox {height: 76px;}
.stats_box .equip_mngbox li {width: 50%;}

.event_stats {padding: 30px 39px; border: 1px solid #d3d3db; background: #f8f8fa;}
.event_stats > div {position: relative; padding-left: 44px;}
.event_stats > div + div {margin-top: 23px;}
.event_stats > div p {position: absolute; left: 0; top: 4px; font-size: 16px; color: #000;}
.event_stats .prog_bar {background: #d3d3db; border-radius: 3px; line-height: 25px;}
.event_stats .prog_bar em{font-size: 13px; font-weight: bold; font-style: normal;}
.event_stats .prog_bar > span {display: block; background: #007adb; border-radius: 3px; line-height: 25px;}
.event_stats .prog_bar > span em {position: relative; left: 20px; top: -2px; color: #fff;}
.event_stats .prog_bar > em {position: absolute; right: 24px; top: 0;}
.event_stats .s2 .prog_bar > span {background: #045391;}
.event_stats .s3 .prog_bar > span {background: #082c48;}

.sum_area {padding: 48px 10px 49px; text-align: center;}
.sum_area img {display:inline-block; margin-top: 15px; vertical-align: middle;}
.sum_area span {font-size: 39px; vertical-align: middle;}

.graph_stats {overflow-y: scroll; margin: 38px 0 20px; padding: 25px; background: #f8f8fa; border: 1px solid #d3d3db;}
.graph_stats > div {position: relative; padding-left: 145px;}
.graph_stats > div + div {margin-top: 36px;}
.graph_stats > div p {position: absolute; left: 0; top: -2px; font-size: 14px; font-weight: bold; color: #3c3c3c;}
.graph_stats .prog_bar {position: relative; height: 12px;}
.graph_stats .prog_bar .graph {display: block; position: absolute; left: 1px; top: 0; width: 100%; height: 12px;}
.graph_stats .prog_bar .graph em {float: left; display: inline-block; height: 12px;}
.graph_stats .prog_bar .graph .calc {background: #d3d3db; border-radius: 0 6px 6px 0;}
.graph_stats .prog_bar .line {display: inline-block; float: left; height: 12px; width: 33.333%;}
.graph_stats .prog_bar .c1 {background: #0072ce; border-radius: 6px 0 0 6px;}
.graph_stats .prog_bar .c1:after {content: '70'; position: absolute; left: 33.333%; bottom: -13px; margin-left: -7px; font-size: 12px; font-weight: 600;}
.graph_stats .prog_bar .c2 {background: #ebb126;}
.graph_stats .prog_bar .c2:after {content: '100'; position: absolute; left: 66.666%; bottom: -13px; margin-left: -10px; font-size: 12px; font-weight: 600;}
.graph_stats .prog_bar .c3 {background: #ee2737; border-radius: 0 6px 6px 0;}

.clouding_event {overflow-y: scroll; margin-top: 10px; padding: 10px 15px;}
.clouding_event li {position: relative; padding: 15px 14px; background: #f8f8fa; border: 1px solid #a6a6a6;}
.clouding_event li + li {margin-top: 2px;}
.clouding_event li strong {font-size: 14px;}
.clouding_event li span {position: absolute; right: 14px; top: 15px; font-size: 13px; color: #909090;}
.clouding_event li .clear_both {margin-top: 16px;}
.clouding_event li .face_clear_both {margin-top: 26px;}
.clouding_event li p {float:left; font-size: 16px;}
.clouding_event li em {float:right; font-size: 14px; font-style: normal;}
.clouding_event li em.d1 {color: #ee2737;}
.clouding_event li em.d2 {color: #ebb126;}
.clouding_event li em.d3 {color: #0072ce;}
.clouding_event + .close {position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; background: url(../images/ico/ico_popup_close.png) no-repeat center center;}
.clouding_event_more {position: absolute; right: 0; top: 0; z-index: 1; display: none;}

.agent_info {margin-bottom: 20px;}
.agent_info ul {overflow: hidden;}
.agent_info li {float: left; padding-right:40px; color: #3c3c3c;}
.agent_info li em {font-style: normal;}
.agent_info li em.green:before {background: #22ac38;}
.agent_info li em.red:before {background: #ee2737;}
.agent_info li em:before {content: ''; display: inline-block; width: 13px; height: 13px; margin-right: 7px; border-radius: 50%;}

/*************TOASTPOPUP***********/
.toast_popup {overflow: visible; position: fixed; height: 0; bottom: 100px; left: 353px; right: 0; text-align: center; z-index: 11000;}
.toast_popup .inner {display: inline-block; min-width: 398px; height: 59px; padding: 0 20px; margin-top: -28px; background-color: rgba(0, 0, 0, 0.6); box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.4); box-sizing: border-box; line-height: 59px;}
.toast_popup .inner span {font-size: 18px; color: #fff; line-height: 25px;}


.photo_view {position: relative; margin-left: 30px;}
.photo_view > img {height: 50px;}
.photo_view > span {display: block; font-size: 11px; color: #0072ce;}
.photo_view > a {position: absolute; left: 31px; top: -9px; width: 18px; height: 18px; background: url(../images/ico/img-del-btn.png) no-repeat 0 0; text-indent: -9999px;}

/*************등록_사원등록***********/
.userphoto_box {}
.userphoto_box .userphoto {vertical-align: middle; display:inline-block; width: 73px; height: 97px; margin-right: 20px; background: url(../images/img/add_user_default.png) no-repeat 0 0;}
.userphoto_box .userphoto img {width: 100%; height: 100%;}
.userphoto_box .userinfo {vertical-align: middle; display:inline-block; width: calc(100% - 100px); margin-top: 0;}

/*************등록_카드등록***********/
.card_area .card_box {border: 1px solid #d3d3db;}
.card_area .card_box + .card_box {margin-top: -1px;}
.card_area .card_box .card_tit {position: relative; display: block; padding: 10px 26px; background: #f8f8fa;}
.card_area .card_box .card_tit:after {content: ''; position: absolute; right: 29px; top: 16px; width: 10px; height: 6px; background: url(../images/ico/lnb-1-depth-arrow-n.png) no-repeat 0 0; vertical-align: top;}
.card_area .card_box .card_reg {display: none; padding: 26px; border-top: 1px solid #d3d3db;}
.card_area .card_box.open .card_tit:after {background: url(../images/ico/lnb-1-depth-arrow-n-s.png) no-repeat 0 0;}
.card_area .card_box .card_tit > .card_chk {position: relative; z-index: 10;}
.card_area .card_box .card_tit > a {position: absolute; width: 100%; height: 100%; top:0; left:0; z-index: 5;}

/*************조회_환경설정***********/
.setup_main li {overflow: hidden; padding: 11px 26px 11px 20px; border: 1px solid #d3d3db;}
.setup_main li.focus {overflow: hidden; padding: 11px 26px 11px 20px; border: 1px solid #0072ce;}
.setup_main li + li {margin-top: 5px;}
.setup_main li .tit {float: left; line-height: 28px;}
.setup_main li .btns {float: right;}
.setup_main li .btns .btn_blue_round {width: 100px; line-height: 28px; /*border-radius: 14px; */font-size: 14px; color: #0072ce; box-shadow: none; box-sizing: border-box;}
.setup_main li .btns.dim .btn_blue_round {background-color: #eeeeee; border-color: #767880; font-size: 13px; color: #767880;}
.setup_main li .btns .set {display: inline-block; width: 27px; height: 27px; text-indent: -9999px; vertical-align: middle;}

.setup_main li .btns.dim .set {cursor: default;}

.setup_btn .set {display: inline-block; width: 27px; height: 27px; text-indent: -9999px; vertical-align: middle;}
.setup_btn .set.up {background: url(../images/ico/btn-edit-up.png) no-repeat 0 0;}
.setup_btn .set.down {background: url(../images/ico/btn-edit-down.png) no-repeat 0 0;}
.setup_btn .set.dim.up {background: url(../images/ico/btn-edit-up-d.png) no-repeat 0 0;}
.setup_btn .set.dim.down {background: url(../images/ico/btn-edit-down-d.png) no-repeat 0 0;}

/*************환경설정_백업복원***********/
.box_config_backup .btn_style.btn_border_94 {border-color: #c6c6c8;}
.box_config_backup.on {background-color: #e9eef5; border-color: #0072ce;}
.box_config_backup.on .btn_style.btn_border_94 {border-color: #949494;}

.backup_line:before {position:absolute; content:''; display:block; width: 1px; height: 14px; top:2px; right:0; background-color:#c6c6d0;}

/*************환경설정_기기관리***********/
.btn_set_device {min-height: 75px; margin-top: 20px;}
.btn_set_device:nth-child(4n+1) {clear:left;}
.btn_set_device > span.font_16 {word-break:break-all;}
.btn_set_device .btn_setico {display:block; height: 45px; margin: 0 5%; border-radius: 4px; box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.12), inset 0px 0px 3px 1px rgba(255, 255, 255, 0.6); background: #ffffff; background: linear-gradient(to top, #ebebeb 5%, #ffffff 100%);  border: solid 1px #d3d3db; text-align: center; line-height: 45px;}
.btn_set_device .btn_setico:hover {border-color:#b6b6c1;}
.btn_set_device .btn_setico:active,
.btn_set_device.check .btn_setico {box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(255, 255, 255, 1); background: #ffffff; background: linear-gradient(to top, #e8e8e8 5%, #a8a8a8 100%); border-color:#b6b6c1;}
.btn_set_device .btn_setico img {vertical-align: middle; display: inline-block;}
.btn_set_device.dim .btn_setico,.btn_set_device.dim .btn_setico:hover,.btn_set_device.dim .btn_setico:active {background: #ffffff; background: linear-gradient(to top, #ebebeb 5%, #ffffff 100%); border-color: #d3d3db;}
.btn_set_device.dim .btn_setico img {opacity: 0.2;}


/*************구역설정_도면그리기 팝업***********/
.drawing_edit {padding: 12px; background: #f1f5fa;}
.drawing_edit .btn_layer .color {position: relative; display: inline-block; width: 14px; height: 14px; margin-right: 10px; border: 1px solid #3c3c3c; border-radius: 2px; box-sizing: border-box;}
.drawing_edit .type1 {width: 128px;}
.drawing_edit .type2 {width: 155px;}
.drawing_edit .type3 {width: 155px;}
.drawing_edit .type4 {width: 40px;}


.btn_layer.select.type1 > .btn_style,
.btn_layer.select.type2 > .btn_style,
.btn_layer.select.type3 > .btn_style {width: calc(100% - 32px); padding-right: 20px;}

.drawing_edit > div {float: left;}
.drawing_edit > div + div .btn_style.btn_ico {padding-left: 0;}
.drawing_edit > div + div:before {content: ''; display: inline-block; width: 1px; height: 16px; margin: 0 13px 0 17px; background: #d4d4dc;}
.drawing_edit > div:first-child .btn_layer.select.open > .btn_style {background: #fff;}
.drawing_edit .btn_layer.select.open > .draw_layer {top: 42px; width: 334px; height: 352px; border: 1px solid #767880; box-sizing: border-box;}
.drawing_edit .draw_layer {padding: 10px;}
.drawing_edit .draw_layer .figure_area {}
.drawing_edit .draw_layer .figure_area span {display: inline-block; width: 39px; height: 39px; text-align:center; line-height: 39px; cursor: pointer;}
.drawing_edit .draw_layer .figure_area span + span {margin-left: 5px;}
.drawing_edit .draw_layer .figure_area span:nth-child(4) {margin-left:0;}
.drawing_edit .draw_layer .figure_area img {vertical-align:middle; display: inline-block;}
.drawing_edit .btn_layer.select.open > .color_layer {overflow: visible; top: 42px; width: 229px; height: 133px; border: 1px solid #767880; box-sizing: border-box;}
.drawing_edit .color_layer {padding: 10px 9px 9px 10px;}
.drawing_edit .color_layer li {font-size: 0;}
.drawing_edit .color_layer span {display: inline-block; width: 15px; height: 15px; margin: 0 1px 1px 0; cursor: pointer;}
.drawing_edit .color_layer .btn_style.btn_ico span {margin-top:-3px;}

.drawing_edit .draw_layer .icon_area {overflow: hidden; padding-top: 3px;}
.drawing_edit .draw_layer .icon_area a {display:block; float: left; width: 39px; height: 39px; margin-right: 7px; margin-top: 5px; background-color: #ffffff; text-align: center; line-height: 39px;}
.drawing_edit .draw_layer .icon_area a:nth-child(4n) {margin-right:0;}
.drawing_edit .draw_layer .icon_area a > img {vertical-align: middle; display:inline-block;}

.drawing_edit .draw_layer .icon_area a:hover,
.drawing_edit .draw_layer .figure_area span:hover {background-color: #cdcdcd; box-shadow: inset 0px 1px 3px 0 #838383;}


.drawing_edit .btn_layer.type2 .color.only_ico.color {width: 11px; height: 14px; margin-right: 4px; background: url(../images/ico/ico_text.png) no-repeat 0 0; border:none;}
.drawing_edit .btn_layer.type2 .color.only_ico.color:after {display:none;}

.drawing_edit .type3 .color {margin-right: 25px;}
.drawing_edit .type3 .color:after {content: ''; position: absolute; left: 21px; top: -1px; }

.drawing_edit .btn_layer.type4 .color {margin-left: 2px; margin-right:0px;}
.drawing_edit .btn_layer.type4 .color.only_img {width: 20px; height: 20px; border:none; margin: -3px 0 0 0; background: url(../images/ico/btn-ic-image-n.png) no-repeat 0 0;}



/*JqueryUI*/


/* 그리드 CSS 재정의 */
/* .jqx-widget .jqx-grid-cell.jqx-grid-cell-selecte, .jqx-widget .jqx-grid-cell.jqx-grid-cell-hover, .jqx-widget .jqx-grid-cell.jqx-fill-state-pressed,.listsel_box .jqx-fill-state-pressed,.listsel_box .jqx-fill-state-hover {background-color: #f5f5f5} */

/*THELOCA*/
.ui-datepicker.ui-widget-content.ui-corner-all {position: absolute; width: 264px; right: 0; padding: 11px 10px 13px 10px; margin:0; background-color: #ffffff;box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.15); border: solid 1px #767880; border-radius:0; z-index:6005 !important;}
.ui-datepicker.ui-widget-content.ui-corner-all *,.ui-datepicker.ui-widget-content.ui-corner-all *:hover,.ui-datepicker.ui-widget-content.ui-corner-all *:active {top:auto; bottom:auto; right:auto; left:auto;}
.ui-datepicker.ui-widget-content.ui-corner-all .ui-datepicker-header {height:32px; padding:0; margin:0 10px 11px 10px; background:none; background-color:transparent; border:none; border-radius: 0; line-height:22px;}
.ui-datepicker.ui-widget-content.ui-corner-all .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker.ui-widget-content.ui-corner-all .ui-datepicker-header .ui-datepicker-next span {display:none; visibility:hidden;}
.ui-datepicker.ui-widget-content.ui-corner-all .ui-datepicker-header .ui-datepicker-prev {vertical-align:top; width: 14px; height: 30px; left:0; margin-top:2px; background:url(../images/ico/page-btn-left.png) no-repeat left center; cursor: pointer;}
.ui-datepicker.ui-widget-content.ui-corner-all .ui-datepicker-header .ui-datepicker-next {vertical-align:top; width: 14px; height: 30px; right:0; margin-top:2px; background:url(../images/ico/page-btn-right.png) no-repeat right center; cursor: pointer;}
.ui-datepicker.ui-widget-content.ui-corner-all .ui-datepicker-header .ui-datepicker-title {vertical-align:top; height:32px; margin-top: 0; line-height:32px}
.ui-datepicker.ui-widget-content.ui-corner-all .ui-datepicker-header .ui-datepicker-title select {display:inline-block; height:32px; margin:0; border:0; color:#000000; font-family: 'Gilroy','Notosans', 'Noto Sans KR'; font-size:17px; line-height:32px;}
.ui-datepicker.ui-widget-content.ui-corner-all .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {width:65px; margin-right: 5px;}
.ui-datepicker.ui-widget-content.ui-corner-all .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {width: 60px;}

.ui-datepicker.ui-widget-content.ui-corner-all th,.ui-datepicker.ui-widget-content.ui-corner-all th span,.ui-datepicker.ui-widget-content.ui-corner-all td,.ui-datepicker.ui-widget-content.ui-corner-all a {height: 28px; padding:0; margin:0; background:none; background-color:transparent; border:none;  font-family: 'Gilroy','Notosans', 'Noto Sans KR'; font-size:14px; text-align:center; line-height:28px;}
.ui-datepicker.ui-widget-content.ui-corner-all th {padding:0 0 10px 0; margin:0; color:#7f7f7f; font-size:14px; font-weight:normal;}
.ui-datepicker.ui-widget-content.ui-corner-all td,.ui-datepicker.ui-widget-content.ui-corner-all td a {color: #000000;}
.ui-datepicker.ui-widget-content.ui-corner-all td a {display:block; width: 28px; margin: 0 auto;}
.ui-datepicker.ui-widget-content.ui-corner-all th.ui-datepicker-week-end:first-child span,
.ui-datepicker.ui-widget-content.ui-corner-all td.ui-datepicker-week-end:first-child a {color:#ee2737;}

.ui-datepicker.ui-widget-content.ui-corner-all td.ui-datepicker-current-day {color: #0072ce;}
.ui-datepicker.ui-widget-content.ui-corner-all td.ui-datepicker-current-day a,
.ui-datepicker.ui-widget-content.ui-corner-all td a.ui-state-active {background-color: #0072ce; border-radius: 24px; color:#ffffff;}



div .rowCheckbox {background: url(../images/img/cb_0.png); background-repeat:no-repeat; background-position: center center; background-color: #fff;}
div .rowCheckbox.jqx-grid-cell-selected {background: url(../images/img/cb_1.png); background-repeat:no-repeat; background-position: center center;}

div .rowWorkDateCol {background-color: #fff;}



/*210420*/
.add_face_recognition .border_box_d3 {border: 1px solid #d3d3db;}
.add_face_recognition .add_face_area {overflow: hidden;}
.add_face_recognition .add_face_area .add_area > div {height: 398px;}
.add_face_recognition .add_face_area .add_area .left_box {float: left; width: 300px; margin-right: 10px; background-color: #f8f8fa; font-size: 0; line-height: 400px;}
.add_face_recognition .add_face_area .add_area .left_box p {vertical-align: middle; display: inline-block; width: 100%; padding-top: 130px; background: url(../images/img/img_face_recog.png) no-repeat center 0;}
.add_face_recognition .add_face_area .add_area .left_box .img {}
.add_face_recognition .add_face_area .add_area .left_box .img img {width: 100%; height: 100%;}
.add_face_recognition .add_face_area .add_area .right_box {float: right; width: 141px;}
.add_face_recognition .add_face_area .add_area .right_box a {display: block; width: 100%; border-top: 1px solid #d3d3db;}
.add_face_recognition .add_face_area .add_area .right_box a:first-child {border-top: none;}
.add_face_recognition .add_face_area .add_area .right_box a img {width: 100%;}

.add_face_recognition .add_face_area .add_btn_area .btn_style {width: 141px; padding-left: 0; padding-right: 0;}

.show_face_recognition {}
.show_face_recognition .border_box_d3 {border: 1px solid #d3d3db;}
.show_face_recognition .show_face_area {font-size: 0;}
.show_face_recognition .show_face_area > div {vertical-align: top; display: inline-block;}

.show_face_recognition .show_face_area .left_box {height: 451px; margin-right: 10px; background-color: #f8f8fa;}
.show_face_recognition .show_face_area .left_box .img {width: 298px; height: 398px; border: 1px solid #d3d3db;}
.show_face_recognition .show_face_area .left_box .img img {width: 100%; height: 100%;}

.show_face_recognition .show_face_area .left_box .page_arr {margin-top: 15px; font-size: 0; text-align: center;}
.show_face_recognition .show_face_area .left_box .page_arr > * {vertical-align: top; display: inline-block;}
.show_face_recognition .show_face_area .left_box .page_arr a {width: 19px; height: 19px; background-color: #eeeeee; background-repeat: no-repeat; background-position: center center; border: 1px solid #a6a6a6;}
.show_face_recognition .show_face_area .left_box .page_arr .btn_next {background-image: url(../images/ico/arr_w5_prev.png);}
.show_face_recognition .show_face_area .left_box .page_arr .btn_prev {background-image: url(../images/ico/arr_w5_next.png);}
.show_face_recognition .show_face_area .left_box .page_arr .page {padding: 0 18px; color: #8a8a8a; font-size: 16px; line-height: 19px;}

.show_face_recognition .show_face_area .right_box {overflow: hidden; width: 738px; height: 476px;}

.show_face_recognition .show_face_area .right_box div {overflow: hidden;}
.show_face_recognition .show_face_area .right_box div .left {float: left; width: 143px; border-right: 1px solid #d3d3db; box-sizing: border-box;}
.show_face_recognition .show_face_area .right_box div .right {float: left; width: calc(100% - 143px);box-sizing: border-box;}

.show_face_recognition .show_face_area .right_box .tit_area {overflow: hidden; width: 100%;}
.show_face_recognition .show_face_area .right_box .tit_area p {height: 32px; padding: 0 18px; background-color: #f1f5fa; border-bottom: 1px solid #d3d3db; color: #000000; font-size: 14px; font-weight: bold; line-height: 32px; }
.show_face_recognition .show_face_area .right_box .tit_area .left {}
.show_face_recognition .show_face_area .right_box .tit_area .right {}

.show_face_recognition .show_face_area .right_box .cont_area {overflow: hidden; overflow-y: auto; height: 443px;}
.show_face_recognition .show_face_area .right_box .cont_area .row {height: 190px; border-bottom: 1px solid #d3d3db;}
.show_face_recognition .show_face_area .right_box .cont_area .row > div {height: 100%; padding-top: 20px;}
.show_face_recognition .show_face_area .right_box .cont_area .row > div .img {width: 101px; height: 135px; margin: 0 auto; border: 1px solid #d3d3db;}
.show_face_recognition .show_face_area .right_box .cont_area .row > div .img img {width: 100%; height: 100%;}

.show_face_recognition .show_face_area .right_box .cont_area .row .left {}
.show_face_recognition .show_face_area .right_box .cont_area .row .left .name {overflow: hidden; max-width: 100%; font-size: 16px; color: #3c3c3c; text-align: center; line-height: 37px; text-overflow: ellipsis; white-space: nowrap;}
.show_face_recognition .show_face_area .right_box .cont_area .row .right {overflow: hidden; overflow-x: auto; padding-left: 20px; padding-right: 20px; font-size: 0; white-space: nowrap;}
.show_face_recognition .show_face_area .right_box .cont_area .row .right .img {display: inline-block; margin-left: 10px; margin-right: 0;}
.show_face_recognition .show_face_area .right_box .cont_area .row .right .img:first-child {margin-left: 0;}


/*210526 추가*/
.show_face_recognition .show_face_area .right_box .cont_area .row > div .img {position: relative;}
.show_face_recognition .show_face_area .right_box .cont_area .row > div .img a img {position: relative; z-index: 5;}
.show_face_recognition .show_face_area .right_box .cont_area .row > div .img a::after {position: absolute; display: none; top: 0; left: 0;right: 0; bottom: 0; border: 2px solid #0072ce; z-index: 10; content: ''; box-sizing: border-box;}
.show_face_recognition .show_face_area .right_box .cont_area .row > div .img.on {border-color: #0072ce;}
.show_face_recognition .show_face_area .right_box .cont_area .row > div .img.on a::after {display: block;}


/*220125 추가*/
.alert_notice_area {position: fixed; width: 560px; padding: 30px 20px; top: 50%; left: 50%; margin-left: -280px; background-color: #fff; border: solid 1px #a2a2a2; border-radius: 4px; z-index: 300; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.alert_notice_area .txt {margin-bottom: 28px; color: #000; font-size: 18px; line-height: 26px;}
.alert_notice_area .btn_box {font-size: 0; text-align: right;}
.alert_notice_area .btn_box a {display: inline-block; width: 86px; height: 39px; padding: 0 28px; border-radius: 4px; font-size: 16px; text-align: center; line-height: 39px;}
.alert_notice_area .btn_box .btn_blue {background-color: #408aec; border: 1px solid #408aec; color: #fff;}
.alert_notice_area .btn_box .btn_white {margin-left: 4px; border: 1px solid #dadce0; color: #408aec;}

.switch-container {margin-top: 3px; display: flex; align-items: center;}
.switch-container .switch-text {margin-right: 10px;}
.switch-container .toggle-btn {width: 80px; height: 30px; border-radius: 10px; background-color: #eeeeee;
    display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none; border: 1px solid #333333;}
.switch-container #toggleText {color: #767880;}
.switch-container #toggleText.on {color: #0072CE; font-weight: bold;}
.switch-container #toggleBtn.on {background-color: #EBFAFF; border: 1px solid #0072CE;}