@charset "utf-8";

/****************************************/
/*  Name: MTC 
/*  PART: renewal style
/*  Version: 1.0
/*  Author: \
/*  description: adminLTE 스타일 재 정의
/****************************************/
@import url("/static/css/font-1237db275f19c016b6830ff80ac5214d.css");

html, pre {margin:0;padding:0;  font-family: 'NanumSquareR' , '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif; font-size:16px}
body {margin:0; padding:0; font-size:16px;line-height:1.5;color:#292a37;letter-spacing:0;-webkit-text-size-adjust:none; font-family: 'NanumSquareR','맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal}
img {border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0; display:none !important;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
strong,em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
input {}
input[type="password"] {font-family: 'NanumSquareR' , '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
input[placeholder] {font-size:18px; color:#31324a;}
input.datepicker_input::-webkit-input-placeholder {color: #31324a !important; }
input.datepicker_input::-moz-placeholder {color: #31324a !important}
input.datepicker_input:-ms-input-placeholder {color: #31324a !important;}
input.datepicker_input:-moz-placeholder {color: #31324a !important;}
::-ms-clear,
::-ms-reveal {display: none;}
select, textarea, button { -webkit-appearance: none;border-radius: 0 }
textarea.txt_edit {font-family:'NanumSquareR', '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif; width:100%; height:300px; font-size:18px; color:#555; line-height:30px; border:1px solid #e5e5e5; box-sizing:border-box; border-radius:2px; padding:11px 20px 11px 19px; overflow-x:hidden; overflow-y:auto; resize:none;}
input[type="text"],input[type="search"],input[type="date"] {-webkit-appearance: none; border-radius: 2px;  vertical-align:top;}
.skip {position:fixed;top:0;left:0;width:100%;z-index:500;}
.skip a{display:block;width:0;height:0;font-size:0;}
.skip a:hover, .skip a:focus,.skip a:active {display:block;padding:9px 0;height:16px;width:100%;text-align:center;font-size:14px;color:#fff;background:#282a37;}
.screen_out{ overflow: hidden;position: absolute;top: -9999px; left: -9999px;width: 1px;height: 1px;font-size: 1px;}
.black_dim{width:100%; height:100%; background:rgba(0,0,0,0.5); filter:alpha(opacity=60); background-color:#000; display:none; z-index:100; position:fixed; left:0; top:0;  opacity:0.5}
.black_dim.on{display:block; }
table{width:100%}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.black_dim{background:rgba(0,0,0,0.8); width:100%; height:100%; position:fixed; left:0; top:0; z-index:100; display:none;}
.black_dim.on{display:block;}

/* common */
.tit_21{font-size:21px; color:#212136; font-weight:bold }
.bold{font-weight:bold !important;}

.sm_select select{border:1px solid #cccad3; border-radius:3px; padding:8px 40px 8px 5px; font-size:14px; color:#212136; font-weight:bold; background: url('/static/images/btn_select-00cc3b0c90bde01ac5b09f8bb3d18967.png') no-repeat right center; -webkit-appearance: none;-moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}

.txtRight{text-align:right !important;}
.mat10{margin-top:10px;}
.mat20{margin-top:20px;}
.mat30{margin-top:30px;}
.mat40{margin-top:40px;}
.mat50{margin-top:50px;}
.mat60{margin-top:60px;}

/* align */
.txtLeft{text-align:left !important;}
.txtCenter{text-align:center !important;}
.txtRight{text-align:right !important;}


/* checkbox */
label{margin-bottom:0 !important;}
.checks_b {position: relative;} 
.checks_b input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
.checks_b input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; width:17px; height:17px;  } 
.checks_b input[type="checkbox"] + label:before {content: ''; position: absolute; left: 0; top: 0; width: 17px; height: 17px; line-height: 18px; text-align: center; background:url(/static/images/check_b_off-8d344d6e2390ff13edba7ef837c9b3e1.png) no-repeat center center; } 
.checks_b input[type="checkbox"] + label:active:before, 
.checks_b input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks_b input[type="checkbox"]:checked + label:before {content: ''; color: #99a1a7; text-shadow: 1px 1px #fff; background:url(/static/images/check_b_on-c50f287101bfb4fcc516c205ece9e8fd.png) no-repeat;  }

.checks_s {position: relative;} 
.checks_s input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
.checks_s input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; width:17px; height:17px} 
.checks_s input[type="checkbox"] + label:before {content: ''; position: absolute; left: 0; top:0; width: 17px; height: 17px; line-height: 18px; text-align: center; background:url(/static/images/check_s_off-027b83811c7d22aa7914b487d6d63a20.png) no-repeat; } 
.checks_s input[type="checkbox"] + label:active:before, 
.checks_s input[type="checkbox"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); } 
.checks_s input[type="checkbox"]:checked + label:before {content: ''; color: #99a1a7; background:url(/static/images/check_s_on-fb42079aa5bacce513ddd64af9efba1b.png) no-repeat;  }


/* Layout */
.wrap_container .navbar{height:70px; background-color:#424079 !important; margin-left:240px !important;}
.wrap_container .content-wrapper, .wrap_container .main-footer{margin-left:240px;}

/* left */
.wrap_container .logo{display:inline-block; width:240px; height:78px; font-size:0; color:transparent;background:#2e3042 url(/static/images/logo-50647ee4cb24e83e3fe1651a77ef1e1b.svg) no-repeat 93px center !important; margin:28px 0 20px 0;}
.wrap_container .main-sidebar{width:240px; background-color:#2e3042; padding-top:130px;}
.wrap_container .user-panel{padding:0;}
.wrap_container .user-panel .pic{width:75px; height:75px; padding:4px; border:2px solid #a4a4b8;border-radius:90px; margin:0 auto;}
.wrap_container .user-panel .pic img{border-radius:90px; width:100%;}
.wrap_container .user-panel .name{font-size:16px; color:#fff; text-align:center; margin:10px 0 30px 0;}
.wrap_container .sidebar-menu li a{position:relative; padding-left:40px; font-size:14px; color:#fff;}
.wrap_container .sidebar-menu li a:before{content:""; display:inline-block; width:17px; height:17px; position:absolute; left:20px; top:22px;}
.wrap_container .sidebar-menu > li:nth-child(1) > a:before{background:url(/static/images/left_ico01-c9b08c857cb190fc4714dc63699f6ec2.png) no-repeat center center;}
.wrap_container .sidebar-menu > li:nth-child(2) > a:before{background:url(/static/images/left_ico02-3699ca4416b3de41744d2ab87233afea.png) no-repeat center center;}
.wrap_container .sidebar-menu > li:nth-child(3) > a:before{background:url(/static/images/left_ico03-3882acac5977024b56c90f5bd0f9098b.png) no-repeat center center;}
.wrap_container .sidebar-menu > li:nth-child(4) > a:before{background:url(/static/images/ip_icon04-76b8e624a0292006ffd43de434730032.png) no-repeat center center;}
.wrap_container .sidebar-menu > li > a{padding:20px 10px 20px 50px; background:#3f3f65; margin-bottom:2px;}
.wrap_container .sidebar-menu > li:hover > a, 
.wrap_container .sidebar-menu > li.active > a, 
.wrap_container .sidebar-menu > li.menu-open > a{background:#56539f !important;}
.wrap_container .sidebar-menu .treeview-menu > li > a{font-size:13px; color:#9591ef;}
.wrap_container .treeview-menu{padding-left:0;}
.wrap_container .sidebar-menu > li > .treeview-menu{}
.wrap_container .treeview-menu > li > a{background-color:#343553; padding:13px 5px 13px 65px; color:#b4b3d0; font-size:13px;}
.wrap_container .treeview-menu > li > a:hover{background:#303061; color:#9591ef !important; position:relative;}
.wrap_container .treeview-menu > li > a:hover:after{content:""; display:inline-block; width:17px; height:17px; background:url(/static/images/ico_over-5140f901bb42c7da0f970c89cb59607a.png) no-repeat center center; position:absolute; right:15px; top:15px;}

/* header */
.wrap_container .navbar div.pg_tit{float:left;}
.wrap_container div p.h1_title{font-size:18px; color:#fff; padding:21px 30px; display:inline-block; } 
.wrap_container .navbar-custom-menu .logout{width:100px; height:70px; background:#303061; padding-top:15px; box-sizing:border-box}
.wrap_container .navbar-custom-menu .logout button{font-size:0; color:transparent; display:block; width:14px; height:22px; padding:20px; background:url(/static/images/ico_logout-2398cf7d56e5e4fcd8b9018aed908b21.png) no-repeat center center; margin:0 auto;}
.wrap_container .navbar .btn_prev{font-size:0; color:transparent; display:inline-block; background:url(/static/images/btn_back-0560f0f45ddcb9cbba718d536efa3a91.png) no-repeat center center; padding:20px; margin-left:20px;}

/* header team dash board*/
.wrap_container .navbar .team div p.h1_title{padding:21px 30px 21px 10px;}
.wrap_container .navbar .team .team_sel_area{position:relative; display:inline-block;}
.wrap_container .navbar .team .team_sel_area button{font-size:0; color:transparent; background:#3b3970 url(../images/top_toggle_off.png) no-repeat center center; width:70px; height:70px;}
.wrap_container .navbar .team .team_sel_area button.on{background:#3b3970 url(../images/top_toggle_on.png) no-repeat center center; }
.wrap_container .navbar .team .team_sel_area .team_list{position:absolute; left:0; top:70px; background:#fff; padding:25px 35px 25px 25px; border:1px solid #cccad3; width:120px; display:none; z-index:1001;}
.wrap_container .navbar .team .team_sel_area .team_list.on{display:block;}
.wrap_container .navbar .team .team_sel_area .team_list ul li a{font-size:14px; color:#5c5c66;}

/* contents */
.wrap_container .content{padding:40px 30px; background:#e0dee9;}
.wrap_container .col_2 > div{background:#fff; padding:20px 25px; border-radius:3px; box-shadow: 2px 2px 2px #c5c3cc; height:460px; box-sizing:border-box}
.wrap_container .col_2:after{content:""; display:block; clear:both;}
.wrap_container .col_2 > div.layout01{float:left; width:68%; box-sizing: border-box;}
.wrap_container .col_2 > div.layout02{float:right; width:30%; box-sizing: border-box;}

/* dashboard */
.wrap_container .mw_date select{width:144px;}
.wrap_container .mw_date select option{font-size:14px; color:#212136; font-weight:bold;}
.wrap_container .bl_list li{float:left; font-size:12px; color:#57575b; margin-left:25px;}
.wrap_container .bl_list li:first-child{margin-left:0;}
.wrap_container .bl_list:after{content:""; display:inline-block; clear:both;}
.wrap_container .bl_list li:before{content:""; display:inline-block; width:11px; height:11px; border-radius:90px; margin-right:10px;}
.wrap_container .bl_list li:nth-child(1):before{background:#84b6fa;}
.wrap_container .bl_list li:nth-child(2):before{background:#53d8e8;}
.wrap_container .bl_list li:nth-child(3):before{background:#f3df73;}
.wrap_container .bl_list li:nth-child(4):before{background:#b0a9f9;}
.wrap_container .graph_area p.tit_21{float:left; padding-top:5px;}
.wrap_container .graph_area .graph_right{float:right; margin-top:6px;}
.wrap_container .graph_area:after{content:""; display:block; clear:both;}
.wrap_container .graph_area .graph_right ul{float:left; margin-right:20px; vertical-align:top; padding-top:10px;}
.wrap_container .graph_area .graph_right:after{content:""; display:block; clear:both;}
.wrap_container .graph_area .graph_right .mw_date{float:left; vertical-align:top;}
.wrap_container .p_graph{margin-top:10px;}

.wrap_container .ip_container{background:#fff; padding:30px; margin-top:30px; border-radius:3px; box-shadow: 2px 2px 2px #c5c3cc; position:relative;}
.wrap_container .ip_container .ip_btn{position:absolute; right:40px; top:30px;}
.wrap_container .ip_container .ip_btn button{font-size:0; color:transparent; display:inline-block; width:35px; height:35px; background:url(/static/images/btn_dash_off-a12003c91a90101ceb672e584befcdbe.png) no-repeat center center; padding:10px;}
.wrap_container .ip_container .ip_btn.on button{font-size:0; color:transparent; display:inline-block; width:35px; height:35px; background:url(/static/images/btn_dash_on-43df8b7b0e82eab1e11eb15d5abaa871.png) no-repeat center center; padding:10px;}

.wrap_container .chart canvas{width:100% !important; height:340px !important;}
.wrap_container .box-body{padding:0;}

.wrap_container .col_2 > div.layout02 .piechart_area{margin-top:20px;}
.wrap_container .col_2 > div.layout02 .piechart_area canvas{width:100% !important; height:230px !important;}
.wrap_container .col_2 > div.layout02 .pie_aside_area{padding:0 20px; margin-top:20px;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li{float:left;  text-align:center;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul:after{content:""; display:block; clear:both;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li strong{font-size:15px; display:block; }
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li em,
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li em span{font-size:18px; color:#212136;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li:nth-child(1){width:35%;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li:nth-child(2){width:15%;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li:nth-child(3){width:30%;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li:nth-child(4){width:20%}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li:nth-child(1) strong{color:#84b6fa;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li:nth-child(2) strong{color:#53d8e8;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li:nth-child(3) strong{color:#f3df73;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li:nth-child(4) strong{color:#b0a9f9;}
.wrap_container .col_2 > div.layout02 .pie_aside_total{padding:0 15px 0 28px; margin-top:20px;}
.wrap_container .col_2 > div.layout02 .pie_aside_total strong{float:left; font-size:15px; color:#b0a9f9;}
.wrap_container .col_2 > div.layout02 .pie_aside_total em{float:right; font-size:18px; color:#212136;}
.wrap_container .col_2 > div.layout02 .pie_aside_total:after{content:""; display:block; clear:both;}
.wrap_container .col_4{margin-top:20px;}
.wrap_container .col_4 .step_area01,
.wrap_container .col_4 .step_area02{float:left; width:50%;}
.wrap_container .col_4:after{content:""; display:block; clear:both;}
.wrap_container .col_4 > div > div{float:left; width:49%; border-radius:3px; margin:0 0.5%; padding:20px 15px; box-sizing: border-box;}
.wrap_container .col_4:after{content:""; display:block; clear:both;}
.wrap_container .col_4 > div.step_area01 > div:nth-child(1){border:2px solid #84b6fa;}
.wrap_container .col_4 > div.step_area01 > div:nth-child(2){border:2px solid #9de6ef;}
.wrap_container .col_4 > div.step_area02 > div:nth-child(1){border:2px solid #eee19b;}
.wrap_container .col_4 > div.step_area02 > div:nth-child(2){border:2px solid #b0a9f9;}
.wrap_container .col_4 > div > div p:before{content:""; display:block; width:100%; height:21px;}
.wrap_container .col_4 > div.step_area01 > div:nth-child(1) > p:before{background:url(/static/images/ip_icon01-40cf76812237a1e1f46322c388a9c9ef.png) no-repeat 0 0;}
.wrap_container .col_4 > div.step_area01 > div:nth-child(2) > p:before{background:url(/static/images/ip_icon02-4831eb443b224346cc98c9b3fa8e9501.png) no-repeat 0 0;}
.wrap_container .col_4 > div.step_area02 > div:nth-child(1) > p:before{background:url(/static/images/ip_icon03-28a92812326b0c5a756c050fc5028d27.png) no-repeat 0 0;}
.wrap_container .col_4 > div.step_area03 > div:nth-child(2) > p:before{background:url(/static/images/ip_icon04-76b8e624a0292006ffd43de434730032.png) no-repeat 0 0;}
.wrap_container .col_4 > div > div > p {font-size:15px; color:#808085; margin-top:5px;}
.wrap_container .col_4 > div > div p span{display:inline-block; margin-left:5px;}
.wrap_container .col_4 > div.step_area01 > div:nth-child(1) p span{font-size:15px; color:#84b6fa;}
.wrap_container .col_4 > div.step_area01 > div:nth-child(2) p span{font-size:15px; color:#9de6ef;}
.wrap_container .col_4 > div.step_area02 > div:nth-child(1) p span{font-size:15px; color:#eee19b;}
.wrap_container .col_4 > div.step_area02 > div:nth-child(2) p span{font-size:15px; color:#b0a9f9;}
.wrap_container .g_per{font-size:20px; color:#212136;}
.wrap_container .graph_table{display:none;}
.wrap_container .graph_table.on{display:block; height:210px; overflow-y: scroll}
.wrap_container .col_4 > div .progress{margin-top:5px; border-radius:90px; margin-bottom:0;background:#e3e7ec; }
.wrap_container .col_4 > div .progress.sm, .wrap_container .col_4 > div .progress.progress-sm{height:6px;}
.wrap_container .col_4 > div.step_area01 > div:nth-child(1) .progress .progress_step01{background:#84b6fa;}
.wrap_container .col_4 > div.step_area01 > div:nth-child(2) .progress .progress_step02{background:#53d8e8;}
.wrap_container .col_4 > div.step_area02 > div:nth-child(1) .progress .progress_step03{background:#f3df73;}
.wrap_container .col_4 > div.step_area02 > div:nth-child(2) .progress .progress_step04{background:#b0a9f9;}
.wrap_container .col_4 .step_area01 > div{float:left;}

.h1_name{font-size:18px; color:#fff; display:inline-block; position:relative;}
.h1_name:after{content:""; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-3px;}
.h1_name:hover, .h1_name:active, .h1_name:focus{color:#fff;}


/* 테이블 타입 01 */
.wrap_container .tb_style01{ border-radius: 3px}
.wrap_container .tb_style01 table{width:100%;}
.wrap_container .tb_style01 table thead{background:#f2f1f7;}
.wrap_container .tb_style01 table thead tr th{color:#808085; font-size:13px; padding:5px 0; text-align:center;}
.wrap_container .tb_style01 table tbody tr td{font-size:13px; color:#212136; border-bottom:1px solid #f2f1f7; text-align:left; padding:10px;}

.wrap_container .bt_table_area{background:#fff; padding:20px 30px; border-radius:3px; box-shadow: 2px 2px 2px #d2d0da; margin-top:30px;}
.wrap_container .bt_table_area .bt_table table thead{border-radius:3px;}
.wrap_container .bt_table_area .bt_table table thead tr th{background:#e6e5ed; color:#3d3d77; font-size:18px; padding:15px 5px; text-align:center;}
.wrap_container .bt_table_area .bt_table table tbody tr td{font-size:15px; color:#212136; text-align:center; padding:10px; border-bottom:1px solid #e6e5ed;}
.bt_pic img{width:52px; height:52px; border-radius:90px;}
.bt_pic span{display:inline-block; margin:15px 0 0 25px; font-size:15px; color:#212136}


/* 테이블 타입 02 */
.wrap_container .tb_style02{ box-shadow: 2px 1px 4px #d2d0da;}
.wrap_container .tb_style02 table{width:100%; background:#fff; border-radius: 3px}
.wrap_container .tb_style02 table thead tr th{border-bottom:1px solid #edecf4; color:#212136; font-size:14px; font-weight:bold; text-align:center; padding:25px 0;}
.wrap_container .tb_style02 table tbody tr td{text-align:center; font-size:13px; color:#404045; padding:18px 20px; border-bottom:1px solid #edecf4;}
.wrap_container .tb_style02 table tbody tr td.time_tit{padding-left:40px; text-align:left;}

.wrap_container .team_group, .wrap_container .team{display:inline-block;}
.wrap_container .team_group .team_group_list{float:left;}
.wrap_container .team_group .tg_tit{width:375px; height:70px; padding:24px 50px 24px 20px; background:#3b3970; cursor: pointer; color:#fff; font-size:15px; position:relative;}
.wrap_container .team_group .tg_tit:after{content:""; display:inline-block; width:22px; height:22px; background:url(../images/top_toggle_off.png) no-repeat; position:absolute; right:20px; top:25px;}
.wrap_container .team_group .tg_tit.on:after{content:""; display:inline-block; width:22px; height:22px; background:url(../images/top_toggle_on.png) no-repeat; position:absolute; right:20px; top:25px;}
.wrap_container .team_group .tg_list_con{background:#fff; padding:20px; border:1px solid #cccad3; box-shadow: 2px 2px 4px #d2d0da; border-radius:0 0 3px 3px; display:none;}
.wrap_container .team_group .tg_list_con.on{display:block;}
.wrap_container .team_group .tg_list_con ul li{font-size:14px; color:#5c5c66; letter-spacing:-1px; cursor: pointer; margin-bottom:5px;}


/* 로그인 */
.login_container.bg01{background:url(/static/images/1-c85b8c922ef817972ff4b0d81018339b.jpg) no-repeat 0 0;  background-size:cover}
.login_container.bg02{background:url(/static/images/2-f06ceaa321dbea7f54b239e223451ab9.jpg) no-repeat 0 0;  background-size:cover}
.login_container.bg03{background:url(/static/images/3-480fa0250bf94eb849d6d6d91e27ef98.jpg) no-repeat 0 0;  background-size:cover}
.login_container{position:relative;}
.login_container .login_area{width:400px; height:280px; position:absolute; left:50%; top:50%; margin-left:-220px; margin-top:-140px;}
.login_container .login_area .login_logo{font-size:0; color:transparent; width:100%; height:138px; background:url(../images/login_ci.png) no-repeat center center;}
.login_container .login_area .login_btn a{font-size:15px; color:#000; text-align:center; display:block; padding:15px 80px; background:#fff; position:relative; text-align:center; box-sizing:border-box; border-radius:3px; padding-left:120px; margin-top:20px;}
.login_container .login_area .login_btn a:before{content:""; display:inline-block; width:31px; height:31px; background:url(../images/login_google.png) no-repeat 0 0; position:absolute; left:90px; top:11px;}


/* my time sheets */
.team_sheet_table{box-shadow:2px 1px 4px #d2d0da;  border-radius: 3px}
.team_sheet_table table{width:100%; border-radius: 3px}
.team_sheet_table table thead th{padding:20px 0; font-size:13px; color:#32334d; border-bottom:1px solid #c8c7db;background:#fff; text-align:center; }
.team_sheet_table table thead th.tb_tit{font-size:15px; color:#212136; font-weight:bold; border-bottom:1px solid #c8c7db;}
.team_sheet_table table thead th.color{background:#c8c7db; color:#fff; border-left:1px solid #c8c7db; border-right:1px solid #c8c7db;}
.team_sheet_table table thead th div.tb_check_big{position:relative;}
.team_sheet_table table thead th.tb_tit .checks_b_area{position:absolute; left:20px; top:7px;}
.team_sheet_table table thead tr:first-child th{font-weight:bold;}
.team_sheet_table table tbody td{background:#fff; border-bottom:1px solid #d0cfd7; border-left:1px solid #d0cfd7; text-align:center; padding:10px 0; font-size:13px; color:#32334d;}
.team_sheet_table table tbody td div.tb_default{ position:relative;}
.team_sheet_table table tbody td:first-child{border-left:none;}
.team_sheet_table table tbody td .checks_s_area{position:absolute; left:20px; top:15px;}
.team_sheet_table table tbody td select{font-weight: normal}
.team_sheet_table table tbody td .td_select_area{padding:0 20px 0 50px;}
.team_sheet_table table tbody td .td_select_area select{width:100%;}
.team_sheet_table table tfoot td{background:#f2f2f8; font-size:15px; color:#33334e; font-weight:bold; border-bottom:1px solid #e0dee9;text-align:center; padding:18px 0;}

.team_sheet_table table tbody td p{display:none;}
.team_sheet_table.agree table tbody td p{display:block;}
.team_sheet_table .agree_txt{display:none;}
.team_sheet_table.agree .agree_txt{display:block; text-align:left; padding-left:35px; font-size:13px; color:#37376d;}
.team_sheet_table.agree .tb_default{display:none;}
.team_sheet_table.agree .checks_b_area{display:none;}
.team_sheet_table.agree table tbody td .input_area{display:none;}
.team_sheet_table.agree table tbody td{padding:18px 0;}
.input_area input{border:1px solid #e7e6ef; font-size :13px; color:#7d7d89; font-weight:normal; text-align:center; width:38px; height:34px;}


/* box style */
.float_box div.float_left{float:left; width:50%; text-align:left;}
.float_box div.float_right{float:right; width:50%; text-align:right;}
.float_box:after{content:""; display:block; clear:both;}

/* button */
.button_set{text-align:center;}
.button_set button:first-child{margin-left:0; text-align:center;}
.button{display:inline-block; width:144px; height:42px; line-height:35px; color:#212136; font-size:14px; border:1px solid #cccad3; background:#fff; border-radius:3px; margin-left:10px; }
.button.bg{background:#bdbcd0; color:#fff; border:1px solid #bdbcd0;}
.button_set.save_ok .save{color:#0cbb9c;}
.button_set.save_ok .submit{border:3px solid #56539f; color:#212136;}


/* popup */
.popup{background:#fff; display:none; position:absolute; left:50%; top:50%; border-radius:3px;}
.popup.on{display:block; z-index:1001;}
.popup p{font-size:14px; color:#212136;}
.popup.team_popup{width:580px; padding:85px 0; height:280px; margin-left:-290px; margin-top:-140px; text-align:center; font-weight:bold;}

/* Team Assignment */
.tab_btn_area{background:#fff; height:60px; box-shadow: 2px 2px 3px #e3e2e9}
.tab_btn_area ul.tab_btn_list li{float:left; position:relative;}
.tab_btn_area ul.tab_btn_list:after{content:""; display:block; clear:both;}
.tab_btn_area ul.tab_btn_list li button{color:#949499; font-size:14px; display:inline-block; padding:20px 35px; font-weight:bold;}
.tab_btn_area ul.tab_btn_list li.on button{color:#56539f;}
.tab_btn_area ul.tab_btn_list li.on:after{content:""; display:block; width:100%; height:2px; background:#424079; position:absolute; left:0; bottom:0;}

.team_top_btn{padding:20px 0px;height:21px;}
.team_top_btn button{display:inline-block; font-size:11px; width:67px; height:21px; text-align:center; border-radius:2px; font-weight:bold;}
.team_top_btn button.btn_top_open{background:#d0d9f9; color:#2e5bfb;}
.team_top_btn button.btn_top_closed{background:#fcd5de; color:#e74060;}
.team_top_btn button.btn_top_complete{background:#fff; color:#303148; border:1px solid #56539f;}
.mem_info_area{position:relative;}
.mem_info_area .select_mem{padding-right:25px;  cursor:pointer; position:relative;}
.mem_info_area .select_mem:after{content:""; display:inline-block; width:20px; height:20px; background:url(/static/images/btn_tb_select_off-5b69079c1de7c0ee41a8d29b4b9870ee.png) no-repeat 0 0; position:absolute; right:0; top:0; }
.mem_info_area .select_mem.on:after{width:20px; height:20px; background:url(/static/images/btn_tb_select_on-0e52589069a584f589944d03a14633e0.png) no-repeat 0 0;}
.status_open{background:#d0d9f9; font-size:11px; color:#2e5bfb; width:61px; height:21px; line-height:19px; border-radius:3px; text-align:center; margin:0 auto; font-weight:bold;}
.status_close{background:#fcd5de; font-size:11px; color:#e74060;width:61px; height:21px; line-height:19px;  border-radius:3px; text-align:center; margin:0 auto; font-weight:bold;}
.mem_info_area .mem_list_area{border:2px solid #bbbacf; box-sizing:border-box; padding:20px 20px 30px 20px; position:absolute; left:50%; top:25px; margin-left:-250px; background:#fff; z-index:1001; display:none;}
.mem_info_area .mem_list_area.on{display:block; }
.mem_info_area .mem_list_area .mme_list_tit strong{font-size:15px; color:#56539f; font-weight:bold;}
.mem_info_area .mem_list_area ul{height:250px; overflow-y: scroll; width:465px; padding-bottom:70px; margin-top:30px;}
.mem_info_area .mem_list_area ul li{float:left; position:relative; width:25%;padding-bottom:20px; }
.mem_info_area .mem_list_area ul:after{content:""; display:block; clear:both;}
.mem_info_area .mem_list_area ul li p.name{position:relative; padding-top:50px; font-size:14px;  cursor:pointer; color:#c3c3cb;}
.mem_info_area .mem_list_area ul li p.name:before{content:""; display:block; width:100%; height:46px; background:url(../images/mem_list_off.png) no-repeat center center; position:absolute; left:0; top:0;}
.mem_info_area .mem_list_area ul li.on p.name{color:#37376d;;}
.mem_info_area .mem_list_area ul li.on p.name:before{background:url(../images/mem_list_on.png) no-repeat center center;}
.mem_info_area .mem_list_area ul li .mem_hover{background:#4d4f58; width:105px; padding:5px; color:#fff; border-radius:2px; position:absolute; left:50%; top:75px; z-index:1002; margin-left:-55px; display:none; box-sizing: border-box}
.mem_info_area .mem_list_area ul li .mem_hover.on{display:block;}
.mem_info_area .mem_list_area ul li .mem_hover .mem_tit{font-size:11px; color:#fff; font-weight:bold;}
.mem_info_area .mem_list_area ul li .mem_hover .mem_date_area span{font-size:11px;}
.mem_info_area .mem_list_area ul li .mem_hover .mem_date_area span.mem_date00{color:#c1c0c9;}
.mem_info_area .mem_list_area ul li .mem_hover .mem_date_area span.mem_date01{color:#fff;}

.btn_tb_setting{font-size:0; color:transparent; width:21px; height:21px; background:url(/static/images/btn_setting-5ea8e63bfce7b6e95a817e484268ee20.png) no-repeat 0 0;}
.popup_setting{background:#fff; width:699px; padding:35px; box-sizing:border-box; position:fixed; left:50%; top:200px; margin-left:-346px; z-index:1001; display:none; border-radius:3px;}
.popup_setting div.inner{position:relative;}
.popup_setting.on{display:block;}
.popup_setting .tit_setting{font-size:17px; color:#2f3043; text-align:center;}
.popup_setting .search_box_area{position:relative;}
.popup_setting .search_box_area .pop_search_input{width:100%; border:2px solid #8382a3; border-radius:3px; position:relative;}
.popup_setting .search_box_area .pop_search_input input{padding:10px 50px 10px 20px; border:none; display:block; width:100%; font-size:14px; color:#37376d; font-weight:normal;}
.popup_setting .search_box_area .pop_search_input label{width:100%;}
.popup_setting .search_box_area .pop_search_input button.btn_pop_search{font-size:0; color:transparent; width:25px; height:25px; background:url(/static/images/btn_pop_search-897f797e4d9182659bcd7e7d4639a264.png) no-repeat 0 0; position:absolute; right:10px; top:10px;}
.popup_setting .search_box_area .search_list_area {width:100%; border:2px solid #c1c0d1; border-radius:3px; display:none; position:absolute; left:0; top:55px; width:100%; background:#fff; height:200px; overflow-y: scroll; z-index:1002;}
.popup_setting .search_box_area .search_list_area.on{display:block;}
.popup_setting .search_box_area .search_list_area ul{padding:25px;}
.popup_setting .search_box_area .search_list_area ul li{position:relative; margin-top:15px;}
.popup_setting .search_box_area .search_list_area ul li:first-child{margin-top:0;}
.popup_setting .search_box_area .search_list_area ul li div.img{float:left; width:35px; height:35px; vertical-align: top; margin-top:5px;}
.popup_setting .search_box_area .search_list_area ul li div.img img{border-radius:90px; width:100%; height:100%;}
.popup_setting .search_box_area .search_list_area ul li p{float:left; padding:10px 50px 10px 10px;}
.popup_setting .search_box_area .search_list_area ul li p.tit{font-size:14px; color:#37376d; font-weight:bold;}
.popup_setting .search_box_area .search_list_area ul li:after{content:""; display:block; clear:both;}
.popup_setting .search_box_area .search_list_area ul li button.btn_add.on{ background:#5854b5;}
.popup_setting .search_box_area .search_list_area ul li button.btn_add{width:74px; height:25px; background:#bdbcd0; text-align:center; font-size:15px; color:#fff; position:absolute; right:0; top:10px; border-radius:2px;}
.popup_setting .search_result_area{background:#f6f6fa; padding:35px; height:260px; overflow-y:scroll; margin-top:25px;}
.popup_setting .search_result_area ul:after{content:""; display:block; clear:both;}
.popup_setting .search_result_area ul li{float:left; width:20%; text-align:center; margin-bottom:25px;}
.popup_setting .search_result_area ul li a.on p strong{background:#56539f; font-weight:bold; color:#fff; border-radius:2px;  font-weight:bold; }
.popup_setting .search_result_area ul li a{display: block}
.popup_setting .search_result_area ul li a p strong{font-size:14px; color:#424245;display:inline-block; margin-top:3px; padding:0 7px;}
.popup_setting .search_result_area ul li a p span{font-size:12px; display:block; vertical-align: top}
.popup_setting .search_result_area ul li a p span:hover,
.popup_setting .search_result_area ul li a p span:active,
.popup_setting .search_result_area ul li a p span:focus{color:#424245 !important;}
.popup_setting .search_result_area ul li a img{width:46px; height:46px; border-radius:90px;}
.popup_setting .search_result_area ul li a.off p strong,
.popup_setting .search_result_area ul li a.off p span{color:#c3c3cb;}
.popup_setting .search_result_area ul li a.off img{opacity:0.5}
.popup_setting .search_btn_set{margin-top:35px; text-align:center;}
.popup_setting .search_btn_set button{display:inline-block; width:144px; height:44px; border:1px solid #cccad3; border-radius:2px; line-height:40px; color:#212136; font-size:14px; margin-left:10px;}
.popup_setting .search_btn_set button:first-child{margin-left:0;}
.popup_setting .close_set_btn button{font-size:0; color:transparent; display:inline-block; width:26px; height:26px; background:url(/static/images/btn_pop_setting-cfccd8952d84a0e42f47c44bd13cf4a4.png) no-repeat 0 0; position:absolute; right:0; top:0;}
.popup_setting .close_set_btn button:hover{opacity: 1 !important}


/* past timesheets */
.time_sheets > div{float:left; width:45%; position:relative;}
.time_sheets:after{content:""; display:block; clear:both;}
.time_select_area div.time_result{background:#fff; box-shadow: 2px 2px 4px #d0cfd7; border-radius:3px;}
.time_select_area div.time_result p{text-align:center; padding:10px 50px 10px 20px; color:#8c88df; font-size:14px; font-weight:bold; position:relative; cursor: pointer; }
.time_select_area div.time_result p:after{content:""; display:inline-block; width:28px; height:28px; background:url(/static/images/btn_tb_select_off-5b69079c1de7c0ee41a8d29b4b9870ee.png) no-repeat center center; position:absolute; right:17px; top:6px;}
.time_select_area div.time_result p.on:after{ background:url(/static/images/btn_tb_select_on-0e52589069a584f589944d03a14633e0.png) no-repeat center center;}
.time_select_area .time_select_list{border:2px solid #b8b7cb; border-radius:3px; background:#fff; position:absolute; left:0; top:50px; width:100%; z-index: 1001; display:none;}
.time_select_area .time_select_list.on{display:block;}
.time_select_area .time_select_list ul li a{display:block; font-size:14px; color:#37376d; padding:8px 0; text-indent: 50px}
.time_select_area .time_select_list ul li a:hover{background:#edecf4;}
.time_select_area .time_select_list ul{margin:10px 0;}
.time_select_area .time_select_list ul li{}
.time_select_area .time_select_list .time_select_input{border-bottom:1px solid #edecf4;}
.time_select_area .time_select_list .time_select_input label{width:100%;}
.time_select_area .time_select_list .time_select_input label input{width:100%; border:none; height:43px; line-height: 40px; padding-left:50px; width:100%;background:url(/static/images/btn_pop_search-897f797e4d9182659bcd7e7d4639a264.png) no-repeat 20px 10px; font-size:14px; color:#37376d; font-weight:normal}

.time_date_area{margin-top:30px;}
.time_date_area div.datepicker{width:100%;}
.time_date_area div.datepicker .btn-datepicker{right:20px;}
.time_date_area div.datepicker .btn_cal_nt{right:75px;}
.time_date_area .datepicker-calendar{left:inherit !important; right:-90px !important; margin-left:0 !important;}

.tb_no_data{font-size:13px; color:#404045; text-align:center; padding:75px 0;}


/*
 *  스크롤바 
 .content ::-webkit-scrollbar-track{border-radius: 10px;	background-color: #F5F5F5;}
.content ::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;	height:8px;}
.content ::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #c7c6db;}
*/

/* dashboard 반응형 */ 
@media (max-width: 1280px){
.wrap_container .col_2 > div.layout01{width:100%;}
.wrap_container .col_2 > div.layout02{width:100%; margin-top:10px; height:340px; position:relative;}
.wrap_container .col_2 > div.layout02 .piechart_area canvas{width:auto !important; height:230px !important; margin-left:-180px;}
.wrap_container .col_2 > div.layout02 .pie_aside_area{position:absolute; right:120px; top:60px; margin:20px 0; padding:15px 25px; }
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li{float:inherit; width:100% !important; text-align:left; margin-bottom:8px;}
.wrap_container .col_2 > div.layout02 .pie_aside_area ul li strong{display:inline-block; width:170px;} 
.wrap_container .col_2 > div.layout02 .pie_aside_total{padding:0 0 0 0 !important;}
.wrap_container .col_4 > div{float:inherit;}
.wrap_container .col_4 .step_area01, 
.wrap_container .col_4 .step_area02{float:inherit; width:100%; display:block;}
.wrap_container .col_4 .step_area01:after,
.wrap_container .col_4 .step_area02:after{content:""; display:block; clear:both;}
.wrap_container .col_4 .step_area02{margin-top:10px;}
.wrap_container .col_4 > div > div{width:49%; box-sizing: border-box; margin:0 0.5%;}
.wrap_container .ip_container{margin-top:10px;}
.wrap_container .graph_table > div{ height:210px; overflow-y: scroll}
.wrap_container .bt_table_area{margin-top:10px;}

.w_1280 .team_sheet_table { overflow-x:scroll;}
.team_sheet_table table{width:1260px}
/*.team_sheet_table{width:1280px; overflow-x:scroll;}*/

.time_sheets > div{float:left; width:55%; position:relative;}
}