/* 
	CSS File for BizSoft | Ubifirst
*/ 

/* -------------------------------------------------------- */

/*                    UPDATE LOG
	
/* -------------------------------------------------------- */

/*  
	2018.03.30
	
	01. 본사사용자등록 추가 및 사용자등록신청 페이지 변경
	02. 본사/지사 메뉴 추가
	03. 기타 기본 스타일 변경
*/


/* -------------------------------------------------------- */



/* -------------------------------------------------------- */

/*                    TABLE OF CONTENTS
	
/* -------------------------------------------------------- */

/*   01.00 GENERAL & BASIC STYLES      */
/*   01.10 TYPOGRAPHY (FONT) STYLES    */
/*   01.20 COLOR STYLES                */
/*   01.30 BUTTON STYLES               */
/*   01.40 SELECT/INPUT STYLES         */

/*   02.00 HEADER & NAVIGATION         */

/*   03.00 PAGE STYLES                 */
/*   03.10 TABLE STYLES                */
/*   03.20 LOGIN PAGE                  */

/*   04.00 BRANCH STYLES               */

/*   05.00 Register & Request          */

/* -------------------------------------------------------- */


@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');



/* -------------------------------------------------------- */

/*   01.00 GENERAL & BASIC STYLES
	
/* -------------------------------------------------------- */


html, body {
	margin: 0;
/* 	height: 100%; */
}

ul {
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
    margin: 0;
}

li {
	list-style: none;
}

body {
/*
	flex-wrap: wrap;
    align-content: space-between;
    display: flex;
*/
}

.body_wrap {
/*
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
*/
    width: 100%;
/*
	height: 100%;
    height: fit-content;
*/
}


/* Animation  */
a, label, div, input {
	-webkit-transition: all 0.3s; /* Safari */
    transition: all 0.3s;
}



/* ------------ 01.10 TYPOGRAPHY (FONT) STYLES ------------ */

body, h1, h2, h3, h4, h5, h6, li, a, b, span, div, td {
	font-family: 'Noto Sans KR', 'Dotum', 'Arial', sans-serif;
}

a {
	text-decoration: none;
}



/*----- FONT SIZE -----*/

/* FONT SIZE : Super */
.login .content_wrap .login_wrap h1 {
	font-size: 21px;
}

/* FONT SIZE : Head */
.ui-jqgrid .ui-jqgrid-title, .ui-jqgrid .jqg-second-row-header .ui-th-column-header, .login .input_group input, .login_wrap .btn_login_group input, .application section .title, .search_num {
	font-size: 16px;
}

/* FONT SIZE : Normal - High */
.nav_global li a, .btn.large, input.search_tb, #pagination a, .table_styleA th, .table_styleA td, select, .ui-datepicker-month, .ui-datepicker-year, .datepicker input, input[type=text], input[type=search] {
	font-size: 14px;
}

/* FONT SIZE : Normal */
body, li, a, b, span, div, td {
	font-size: 13px;
}

/* FONT SIZE : Small */
.content_top a, .login_wrap .user_info_group span a, .state_col span {
	font-size: 12px;
}

/* FONT SIZE : Tiny */
label.team {
	font-size: 11px;
}


/*----- FONT COLOR -----*/

/* FONT Color : Basic */
body, h1, h2, h3, h4, h5, h6, li, a, b, span, div, td {
	color:#000;
}

/* FONT Color : Link */
.nav_global li a:hover, .nav_global li.current a, #pagination a:hover {
	color: #3a93f7;
}

.tb_app_list td a {
	color: #196ac6;
}

.content_top a, .content_top .mark, .ui-datepicker-other-month a {
	color: #999;
}

.login .content_wrap .login_wrap h1 {
	color: #b1b1b1;
}

/* FONT Color : White */
.nav_global li a {
	color: #fff;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #b1b1b1;
	font-family: 'Noto Sans KR', 'Dotum', 'Arial', sans-serif;
	font-weight: 300;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #b1b1b1;
	font-family: 'Noto Sans KR', 'Dotum', 'Arial', sans-serif;
	font-weight: 300;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #b1b1b1;
	font-family: 'Noto Sans KR', 'Dotum', 'Arial', sans-serif;
	font-weight: 300;
}
:-moz-placeholder { /* Firefox 18- */
	color: #b1b1b1;
	font-family: 'Noto Sans KR', 'Dotum', 'Arial', sans-serif;
	font-weight: 300;
}



/* ------------ 01.20 COLOR STYLES ------------ */


/* Background Style */
.head_wrap {
	background-color: #3f3f3f;
}


/* BORDER COLOR */
.nav_global li.current a, .table_styleA tr:first-child th {
	border-color: #3a93f7;
}

.table_styleA tr:first-child td, .border_grey_a {
	border-color: #666666;
}

.login .input_group input, .table_styleA td, .table_styleA th, select, .border_grey_b, .border_grey_c {
	border-color: #bbb;
	border-width: 1px;
	border-style: solid;
}
/*

.border_grey_c {
	border-color: #e0e0e0;
}
*/

.content_top {
	border-color: #e3e3e3;
}



/* ------------ 01.30 BUTTON STYLES ------------ */

.btn {
	display: inline-block;
	text-align: center;
	padding: 5px 10px;
	background-color: #e3e3e3;
	color: #555;
	cursor: pointer;
	vertical-align: middle;
	opacity: 1;
	transition: all 0.3s;
}

.btn:hover {
	opacity: 0.8;
}

.btn.highlight {
	background-color: #196ac6;
	color: #fff;
}

.btn.large {
	padding: 8px 32px;
}

.btn.normal {
	background-color: #e3e3e3;
	min-width: 140px;
	padding: 10px;
	color: #555;
	font-size: 16px;
}

.btn.confirm {
	background-color: #196ac6;
	color: #fff;
	min-width: 140px;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}

.btn.tb_inside.save {
	background-color: #394758;
	color: #fff;
	min-width: 100px;
	padding: 10px 5px;
	font-size: 13px;
	font-weight: normal;
}

.btn.tb_inside.small {
	background-color: #999;
	color: #fff;
	min-width: 80px;
	padding: 8px;
	line-height: 1.1em;
	font-size: 12px;
	font-weight: normal;
}

input + .btn.tb_inside {
	vertical-align: top;
}




/* ------------ 01.40 SELECT/INPUT STYLES ------------ */


/*--- SELECT ---*/

select {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    padding-left: 10px;
/*
    -webkit-padding-start: 10px;
    -webkit-padding-end: 14px;
*/
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    padding-right: 20px;
    border-radius: 0;
    background-image: url('../img/ic_sel_arrow.png');
    background-position: 94% center;
    background-repeat: no-repeat;
	width: 206px;
	height: 34px;
}

select::-ms-expand {
    display: none;
}

select.medium {
	width: 120px;
}


/*--- TEXT ---*/

input[type="text"] {
	padding: 0 10px;
	border: 1px solid #bbb;
	width: 80px;
	box-sizing: border-box;
}

input[type="text"].small {
	width: 60px;
}

input[type="text"].medium {
	width: 120px;
}

input[type="text"].large {
	width: 160px;
}

input[type="password"] {
	box-sizing: border-box;
}


/*--- CHECKBOX ---*/

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:12px;
    height:12px;
    margin:-2px 6px 0 0;
    vertical-align:middle;
    border: 1px solid #b0b0b0;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url('../img/check_radio_img.jpg') left top no-repeat;
    border-color:#196ac6;
}


/*--- RADIO ---*/

input[type="radio"] {
	display: none;
}

input[type="radio"] + label span {
    display:inline-block;
    width:12px;
    height:12px;
    margin:-2px 6px 0 0;
    vertical-align:middle;
    border: 1px solid #b0b0b0;
    border-radius: 100px;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url('../img/bg_radio_on.png') left top no-repeat;
    width:14px;
    height:14px;
    border:none;
}


/*--- TEXTAREA ---*/

textarea {
	resize: none;
	font-size: 14px;
    line-height: 1.6em;
    padding: 5px;
    display: block;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
}

textarea.pop_txtarea {
    border: none;
    height: 80px;
    width: 200px;
}





/* -------------------------------------------------------- */

/*   02.00 HEADER & NAVIGATION
	
/* -------------------------------------------------------- */


/*----- Logo -----*/

.head_wrap {
	padding: 0 30px;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
/*     min-width: 960px; */
    min-width: 1020px;
	box-sizing: border-box;
}

.logo {
	margin-right: 40px;
}


/* Fixed Header */
header.fixed_header {
	box-shadow: 0 8px 0 rgba(0,0,0,0.2);
	position: fixed;
	z-index: 999;
	box-sizing: border-box;
}



/*----- Navigation -----*/

.nav_global {
/*
	border-right: 1px solid rgba(255,255,255,0.1);
    border-left: 1px solid rgba(255,255,255,0.1);
*/
	background-color: rgba(0,0,0,0.2);
    padding: 0 20px;
}

.nav_global li {
	display: inline-block;
}

.nav_global li a {
	padding: 15px 20px;
	font-weight: 300;
	display: inline-flex;
	align-items: center;
}

.nav_global li.current a {
	border-bottom-width: 3px;
	border-bottom-style: solid;
}



/*----- 본사/지사 메뉴 -----*/

.head_wrap .office.tab_group {
/*
	text-align: right;
    flex-grow: 8;
*/
    padding-left: 40px;
    /* padding-right: 0px; */
    border-right: 1px solid rgba(255,255,255,0.2);
    margin-right: 20px;
}

.head_wrap .office.tab_group .logout {
	color:#fff;
	width:100px;
	padding-right:20px;
}

input.stv-radio-tab {
	position: absolute;
	left: -99999em;
	top: -99999em;
}

input.stv-radio-tab + label {
	cursor: pointer;
	border-bottom: 0;
	background-color: #787878;
	color:#fff;
	padding: 16px 0;
	position: relative;
	width: 90px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	font-weight: 200;
}

input.stv-radio-tab + label:hover {
	background-color: #196ac6;
	color: #fff;
}

.head_office input.stv-radio-tab:checked + label {
	background-color: #fff;
	z-index: 1;
	color:#000;
	font-weight: bold;
}



/*----- 지사 메뉴 -----*/

.branch_office .head_wrap {
	background-color: #196ac6;
}

.branch_office .nav_global li.current a {
	border-color: #fff;
	color: #fff;
	font-weight: bold;
}

.branch_office .nav_global li a {
	color: #9ac0ec;
}

.branch_office .nav_global li a:hover {
	color: #fff;
}

.branch_office input.stv-radio-tab + label {
	background-color: #24446b;
}

.branch_office input.stv-radio-tab + label:hover {
	background-color: #729fd6;
}

.branch_office input.stv-radio-tab:checked + label {
	background-color: #fff;
	color:#000;
	font-weight: bold;
}



/*----- 탭 메뉴 -----*/

.sub_head.tab_group {
	padding-top: 20px;
	border-bottom: 3px solid #196ac6;
}

.sub_head.tab_group.branch {
	padding-top: 20px;
	border-bottom: 3px solid #333;
}

.sub_head.head input.stv-radio-tab + label {
	background-color: #aaa;
}

.sub_head.head input.stv-radio-tab + label:hover {
	background-color: #6a8eb7;
}

.btn_pop_ms {
    text-indent: -9999px;
    width: 44px;
    height: 36px;
    background-image: url(../img/ic_message.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
    margin-left: 20px;
    cursor: pointer;
    background-color: #2d5885;
    border-radius: 6px;
}

.sub_head.head input.stv-radio-tab:checked + label {
	background-color: #196ac6;
	color:#fff;
}

.sub_head.branch input.stv-radio-tab + label {
	background-color: #aaa;
}

.sub_head.branch input.stv-radio-tab + label:hover {
	background-color: #777;
}

.sub_head.branch input.stv-radio-tab:checked + label {
	background-color: #333;
	color:#fff;
}




/* -------------------------------------------------------- */

/*   03.00 PAGE STYLES
	
/* -------------------------------------------------------- */


.body_wrap > .content_wrap {
	padding: 0 30px;
/* 	width: 1240px; */
	box-sizing: border-box;
}

.content_middle {
	margin-top: 40px;
}

.content_bottom {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}

footer {
	height: 8px;
    background-color: #333;
    width: 100%;
    position: fixed;
    bottom: 0;
}



/*---------- Page Top Area ----------*/

.content_top {
	padding: 15px 0;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    display: -ms-flex;
	flex: 1;
    flex-direction: row;
    display: -ms-flexbox;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	-ms-flex: 1 1 0.000000001px;
    -webkit-flex: 1;
    align-items: center;
}

/* PageTitle */

.content_top .page_title {
	padding-right: 20px;
	margin: 0;
}


/* Breadcrumb */

.content_top .breadcrumb {
	flex-grow: 2;
	align-items: center;
	-ms-flex-align: center;
    display: flex;
    display: -ms-flex;
}

.breadcrumb .mark {
	margin-right: 5px;
	margin-left: 5px;
}

/* Profile */

.content_top .profile {
/*
	display: inline-flex;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
	-webkit-justify-content: flex-end;
    align-items: center;
    -ms-flex-align: center;
	-webkit-align-items: center;
    flex-grow: 7;
    line-height: 1;
*/
	text-align: right;
	flex-grow: 7;
}

.head_wrap .profile {
    flex-grow: 7;
}

.profile .name {
	font-weight: bold;
	color: #fff;
}

.profile .name:before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	background-image: url('../img/ic_profile_w.png');
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 5px;
	color: #fff;
}

.profile .team {
	margin-left: 5px;
	color: #fff;
}





/* -------------------------------------------------------- */

/*   03.20 TABLE STYLES
	
/* -------------------------------------------------------- */


table td .group_top {
	display: block;
	margin-bottom: 5px;
}

table td .group_bottom {
	display: block;
}

.ui-jqgrid tr.ui-row-ltr td.td_left {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

table .jqgfirstrow td {
	border:none;
}


/*----- Table styleA ------*/

.table_styleA tr:first-child td, .table_styleA tr:first-child th {
	border-top-style: solid;
	border-top-width: 2px;
}

.table_styleA td, .table_styleA th {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #b0b0b0 !important;
	text-align: left;
}

.table_styleA th {
	width: 124px;
	padding: 12px 20px;
	border-top: none;
}

.table_styleA td {
	padding: 2px 10px;
	border-right: none;
    border-left: none;
    border-top: none;
}



/*----- Table styleB ------*/

.table_styleB tr:first-child td, .table_styleB tr:first-child th {
    border-top-style: solid;
    border-top-width: 2px;
    border-color: #666666;
}

.table_styleB th {
	border-left: 1px solid #b0b0b0 !important;
    border-right: 1px solid #b0b0b0 !important;
    width: 100px;
    padding: 12px 20px;
}

.table_styleB th:first-child {
    border-left: none !important;
}

.table_styleB td, .table_styleB th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #b0b0b0 !important;
    text-align: left;
}

.table_styleB td {
    padding: 5px 10px;
}

.table_styleB input[type="text"] {
	padding: 5px;
}

.table_styleB select {
	height: 29px;
	min-width: 80px;
}



/*----- Table styleC ------*/

.table_styleC tr:first-child th {
    border-color: #0db2d4;
}

.table_styleC th {
	border-left: 1px solid #0db2d4 !important;
    border-right: 1px solid #0db2d4 !important;
}


/* 칼럼 넓이 4column */

table.four_column td:nth-child(2) {
	width: 300px;
}



/* 기타 */

td.btm_line, th.btm_line {
	border-bottom-width: 2px;
}







/* -------------------------------------------------------- */

/*   03.30 LOGIN PAGE
	
/* -------------------------------------------------------- */

body.login {
	height: 100vh;
    min-height: 100vh;
    background-image: url(../img/bg_login.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.login .body_wrap {
/* 	height: 100%; */
/*
	background-image: url('../img/bg_login.png');
    background-repeat: no-repeat;
    background-size: cover;
*/
}

.login .content_wrap {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    padding: 60px 0;
    width: auto;
}

.login .content_wrap .logo, .login .content_wrap .login_wrap {
	width: 220px;
}

.login .content_wrap .logo {
	margin-right: 0;
    text-align: center;
}

.login .content_wrap .login_wrap {
	margin-top: 30px;
	padding: 30px 50px 50px;
	background-color: #fff;
	
}

.login .content_wrap .login_wrap h1 {
	text-align: center;
	font-weight: 200;
	margin: 0px 0px 30px 0px;
}

.login .login_wrap input {
	width: 100%;
}

.login .input_group {
	display: flex;
    flex-direction: column;
}

.login .input_group input {
	padding: 10px;
	margin-bottom: 10px;
	border-width: 1px;
	border-style: solid;
}

.login_wrap .option_group {
	margin-bottom: 10px;
}

.login_wrap .btn_login_group input {
	border:none;
	background-color: #196ac6;
	padding: 12px 0;
	width: 100%;
	color:#fff;
	box-sizing: border-box;
}

.login_wrap .btn_login_group input:hover {
	background-color: #333;
	cursor: pointer;
/*
	box-shadow: 0px 5px 0px #09356c;
	margin-top: -5px;
	margin-bottom: 5px;
*/
}

.login_wrap .user_info_group {
	margin-top: 20px;
}

.login_wrap .user_info_group span:before {
	content:'';
	width: 3px;
	height: 3px;
	background-color: #000;
	margin-right: 3px;
	margin-top: -4px;
	display: inline-block;
    vertical-align: middle;
}

.login_wrap .user_info_group span a:hover {
	text-decoration: underline;
}




/* -------------------------------------------------------- */

/*   03.20 업무 요청 신청리스트
	
/* -------------------------------------------------------- */


.applist_wrap .head_wrap, .applist_wrap .body_wrap > .content_wrap {
	min-width: 1750px;
    max-width: 100%;
}

.applist_wrap footer {
	min-width: 1810px;
    max-width: 100%;
}


/* 테이블별 디자인 디테일 설정 */
.ui-jqgrid .ui-jqgrid-htable th.ui-th-column#app_list_control_memo:last-child {
	border-right: 1px solid #b0b0b0;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr:last-child {
/* 	border-right: none; */
}


/*----- 테이블 상단 버튼 Button -----*/
.btn_group {
	margin-bottom: 5px;
}

/*---------- JqGrid ----------*/

table {
	width: 100%;
}

.content_wrap .ui-jqgrid .ui-search-table td.ui-search-clear {
	width: auto;
}

.content_wrap .ui-search-clear a.clearsearchclass {
    background-color: #777;
    color: #fff;
    padding: 0px 4px 2px !important;
    line-height: 1em;
    display: inline-block;
    font-size: 10px;
 }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	color: #111;
}

.application .ui-jqgrid .ui-jqgrid-bdiv {
	overflow-y: auto;
	overflow-x: hidden;
/* 	box-shadow: inset 0px -3px 5px rgba(0,0,0,0.1); */
	max-height: 496px;
}

.ui-jqgrid .ui-jqgrid-title {
	float: none;
	font-weight: bold;
}

.ui-jqgrid thead th, .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column, .ui-state-default, .ui-widget-content .ui-state-default.ui-th-column-header {
	border-top: 1px solid #b0b0b0;
/* 	background-color: #f9f0f0; */
	background-color: #e4ecf2;
	padding: 10px 0;
}

.ui-jqgrid thead th, .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column, .ui-jqgrid tr.ui-row-ltr td {
	border-right: 1px solid #b0b0b0;
/* 	border-left: 1px solid #b0b0b0; */
}

.ui-jqgrid thead th, .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column:first-child {
	border-left: 1px solid #b0b0b0;
}

/*
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr.ui-th-column {
	border-top: 2px solid #111;
}
*/

.content_wrap .ui-jqgrid .ui-jqgrid-htable .jqg-third-row-header th.ui-th-ltr.ui-th-column, .content_wrap .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
	border-top: 1px solid #323a46;
	border-right: 1px solid #aebaca;
}

.content_wrap .ui-jqgrid .ui-jqgrid-htable .jqg-third-row-header th.ui-th-ltr.ui-th-column:first-child {
	border-left: 1px solid #aebaca;
}

.content_wrap .ui-jqgrid .ui-jqgrid-htable tr:last-child th.ui-th-ltr {
	border-bottom: 1px solid #aebaca;
}

.ui-jqgrid table td, .ui-jqgrid tr.ui-row-ltr td {
	border-bottom: 1px solid #b0b0b0;
	padding: 10px 0;
	text-align: center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-jqgrid tr.ui-row-ltr td:last-child {
/* 	border-right: none; */
}

.ui-jqgrid tr.jqgfirstrow td, .ui-state-default, .ui-widget-content .ui-state-default.ui-corner-top {
	border:none;
}

.ui-jqgrid .ui-jqgrid-htable th div.ui-th-div {
	line-height: 1.2em;
	height: auto !important;
}

.ui-jqgrid .ui-jqgrid-htable th, .ui-widget.ui-widget-content, .jqgrow.ui-widget-content {
	border:none;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-state-hover {
	background-color: #f2f6f6;
}

.ui-state-highlight {
	background-color: #d9e9ee;
}

.ui-jqgrid tr.jqgrow.ui-state-highlight td {
	font-weight: bold;
}

.ui-state-hover.ui-state-highlight {
	background-color: #cde6ee;
}

.ui-jqgrid tr.jqgrow td {
	white-space: inherit;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.4em;
    word-break: keep-all;
}

.state_col span {
	width: 60px;
	text-align: center;
	color: #fff;
	display: inline-block;
    padding: 5px 0;
}

.state_col span.label {
	width: 54px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
}

.state_col .defer {
	background-color: #f5ece4;
    color: #e49147;
    border-color: #efd1b7;
}

.state_col .partial {
	background-color: #ede4f5;
    color: #8e72a9;
    border-color: #ccc1d6;
}

.state_col .complete {
	background-color: #eaf3eb;
    color: #7c907d;
    border: 1px solid #d5e4d6;
}

input.search_tb {
	padding: 8px 10px;
	width: 80%;
    box-sizing: border-box;
}

label.team {
	background-color: #e3e3e3;
	padding: 5px;
	margin-right: 3px;
}

.tb_app_list td a {
	font-weight: bold;
	text-decoration: underline;
}

/*
.tb_app_list td a:hover {
	text-decoration: underline;
}
*/




/*-------------- 페이지별 테이블 디테일 ---------------*/


/* 공통 적용 */
.content_wrap .ui-jqgrid .ui-jqgrid-titlebar, .content_wrap .ui-jqgrid .jqg-second-row-header .ui-th-column-header {
	border-top: 1px solid #aebaca;
	border-right: 2px solid #4a5667;
/* 	background-color: #f9f0f0; */
	text-align: center;
	padding: 15px 0;
}


/***** 업무 요청 확인 > 업무 요청 신청 목록 *****/

/* 업무별 구분 */
.applist_wrap .content_wrap .ui-jqgrid .jqg-second-row-header .ui-th-column-header:first-child, .applist_wrap .content_wrap .ui-jqgrid .jqg-second-row-header .ui-th-column-header:nth-child(3), .applist_wrap .content_wrap .ui-jqgrid .jqg-second-row-header .ui-th-column-header:nth-child(4), .applist_wrap .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr#app_list_hold_memo, .applist_wrap .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr#gsh_app_list_hold_memo, .applist_wrap .ui-jqgrid tr.jqgrow td.hold_memo_col, .applist_wrap .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr#app_list_data_memo, .applist_wrap .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr#app_list_control_memo, .applist_wrap .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr#gsh_app_list_data_memo, .applist_wrap .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr#gsh_app_list_control_memo, .applist_wrap .ui-jqgrid tr.jqgrow td.data_memo, .applist_wrap .ui-jqgrid tr.jqgrow td.control_memo {
	border-right: 3px solid #323a46;
}

.applist_wrap .content_wrap .ui-jqgrid .jqg-second-row-header .ui-th-column-header:first-child {
	border-left: 1px solid #aebaca;
}

.applist_wrap .ui-jqgrid .ui-jqgrid-htable .jqg-third-row-header th.ui-th-column, .applist_wrap .ui-jqgrid .ui-jqgrid-htable .jqg-second-row-header th.ui-th-column#app_list_action, .applist_wrap .ui-jqgrid .ui-jqgrid-htable .jqg-second-row-header th.ui-th-column#app_list_print {
	border-bottom: none;
}
/* 업무 요청 확인 > 업무 요청 신청 목록 End */


/***** 지사 신청서 관리 *****/
.branch_office .content_wrap .ui-jqgrid .jqg-second-row-header .ui-th-column-header:nth-child(3) {
	border-left: 1px solid #aebaca;
}

.branch_office .content_wrap .ui-jqgrid .jqg-second-row-header .ui-th-column-header:nth-child(4) {
	border-right: 1px solid #aebaca;
}

.branch_office .content_wrap .ui-jqgrid .ui-jqgrid-htable tr:last-child th.ui-th-ltr {
	border-bottom: 1px solid #323a46;
}

/* 업무별 구분 */
.branch_office .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr#app_hold_list_hold_memo, .branch_office .ui-jqgrid tr.jqgrow td.hold_memo_col, .branch_office .content_wrap .ui-jqgrid .jqg-second-row-header .ui-th-column-header:nth-child(3) {
	border-right: 3px solid #323a46;
}

.branch_office.hold .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr#app_hold_list_status, .branch_office.hold .ui-jqgrid tr.jqgrow td.state_col {
	border-right:1px solid #b0b0b0;
}

.branch_office.standby .ui-jqgrid tr.jqgrow td:nth-child(3) {
	border-left: 1px solid #b0b0b0;
}

/* 지사 신청서 관리 End */

.ui-jqgrid .jqg-second-row-header .ui-th-column-header:last-child, .content_wrap .ui-jqgrid .jqg-second-row-header .ui-th-column-header:last-child {
	border-right: none;
}

/*-------------- 페이지별 테이블 디테일 End ---------------*/



/* Pagination */

#pg_pagination {
	padding: 20px;
}

.ui-jqgrid .ui-jqgrid-pager#pagination {
	width: 100%;
    margin-bottom: 60px;
    position: relative;
    background-color: transparent;
    border: none;
}

.ui-jqgrid #pagination table.ui-pager-table td {
	border-bottom: none;
	opacity: 1;
}

#pagination td a, #pagination td.current span {
	padding: 3px 9px;
	display: inline-block;
}

.ui-jqgrid #pagination td a:hover {
	text-decoration: underline;
}

.ui-jqgrid #pagination td span {
	background-color: #ddd;
    font-weight: bold;
    padding: 3px;
    background-repeat: no-repeat;
    
}

.ui-jqgrid #pagination td span.ui-icon-seek-first {
	background-position: -78px -158px;
}

.ui-jqgrid #pagination td span.ui-icon-seek-prev {
	background-position: -46px -158px;
}

.ui-jqgrid #pagination td span.ui-icon-seek-next {
	background-position: -28px -158px;
}

.ui-jqgrid #pagination td span.ui-icon-seek-end {
	background-position: -62px -158px;
}

.ui-jqgrid #pagination td#input_pagination span {
	background: none;
}

.ui-jqgrid #pagination td .ui-pg-input {
	padding: 4px 2px;
    height: auto;
    border-radius: 0;
    font-size: 12px;
    text-align: center;
    border: 1px solid #e3e3e3;
}

.ui-jqgrid table select.ui-pg-selbox {
	background-color: #fff;
    border: 1px solid #999;
    padding-left: 6px;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    padding-right: 0px;
    border-radius: 0;
    background-image: url(../img/ic_sel_arrow.png);
    background-position: 30px center;
    background-repeat: no-repeat;
    width: 46px;
    height: 23px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 20px;
}

.ui-jqgrid #pagination_right {
	display: none;
}

.ui-jqgrid #pagination td span.ui-separator {
	background:none;
	border: none;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pager-table, .ui-jqgrid .ui-jqgrid-toppager .ui-pager-table {
	table-layout: auto;
	width: auto;
	margin: 0 auto;
}

/*
#pagination > div, #pagination > ul {
	display: flex;
    display: -ms-flexbox;
    margin-top: 30px;
}
*/

#pagination > ul {
	padding: 0 15px;
}

#pagination .step a {
	font-weight: bold;
	padding: 3px;
}



/* -------------------------------------------------------- */

/*   03.30 업무 요청 신청 폼
	
/* -------------------------------------------------------- */

.application .body_wrap {
	width: auto;
}

.application .title {
	font-size: 16px;
	margin: 0 0 10px 0;
}

.content_middle .title:before {
	content:'';
	width: 20px;
	height: 10px;
	background-image: url('../img/ic_bul_circle.png');
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
}

.application section {
	margin-bottom: 34px;
}

.application td label {
	margin-right: 5px;
}

.application select {
	margin-right: 20px;
}



/* 제이쿼리 달력 DatePicker */

.datepicker {
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	width: 206px;
    height: 24px;
    padding: 4px 4px 4px 10px;
    margin-right: 20px;
}

.datepicker, .application td label, .application select, .datepicker input {
	vertical-align: middle;
}

.datepicker input {
	border: none;
	width: 158px !important;
    height: 22px !important;
    padding: 0;
}

.datepicker .ui-datepicker-trigger {
    float: right;
    margin: 3px 8px 0 0;
}

.ui-datepicker {
	background-color: #fff;
    border: 1px solid #b0b0b0;
}

.ui-datepicker .ui-datepicker-title {
	font-weight: bold;
}

.ui-datepicker td span, .ui-datepicker td a.ui-state-active {
	background-color: #c2d8f1;
	font-weight: bold;
}

.ui-datepicker td a.ui-state-highlight {
	background-color: #e9e9e9;
}

.ui-datepicker .ui-datepicker-next {
	background-image: url('../img/ic_sel_arrow.png');
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.ui-datepicker .ui-datepicker-prev {
	background-image: url('../img/ic_sel_arrow.png');
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


.search_wrap {
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	padding: 4px 36px 4px 4px;
	background-image: url('../img/ic_search.png');
	background-position: 94% center;
	background-repeat: no-repeat;
	margin-left: 10px;
}

.search_wrap input {
	border:none;
	width: 164px;
    height: 22px;
}



.application_wrap .ui-jqgrid {
	margin-top: 15px;
}

.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
	border-top: solid 2px #666666;
}

.application td label {
	margin-right: 10px;
}




.table_styleA td.inner_th {
	width: 150px;
}

.table_styleA td {
	height: 42px;
}

.table_styleA input[type=text] {
	height: 34px;
	width: 190px;
}

td.padd30 {
	padding: 20px 10px;
}

.table_styleA th {
	border-left: 1px solid #b0b0b0 !important;
	border-right: 1px solid #b0b0b0 !important;
}

.table_styleA th:first-child {
	border-left: none !important;
}

.table_styleA th.left_bdr {
	border-left: 1px solid #b0b0b0 !important;
}

td.tb_blank {
	background-color: #f3f3f3;
}

td.td_total {
	text-align: center;
	padding: 10px;
}

a.delete {
	background-color: #d1d1d6;
	color: #61636b;
    display: inline-block;
    padding: 4px 12px;
    font-size: 11px;
    font-weight: bold;
}

a.delete:hover {
	background-color: #b9b9b9;
}



/*----- 단말기 개통번호 검색 팝업 -----*/

.layer_pop.srch_result .ui-jqgrid .ui-jqgrid-bdiv {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px;
}

.srch_result.layer_pop .search_wrap {
	text-align: center;
	background-image: none;
	display: flex;
	display: -ms-flex;
	flex-wrap: wrap;
	align-items: center;
	margin-left: 0;
	padding-right: 4px;
	border:none;
}

.srch_result.layer_pop .search_wrap .search_txt {
	width: 190px;
	padding: 0 20px 0 0;
	text-align: left;
}

.srch_result.layer_pop .search_wrap .search_txt b {
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
}

.srch_result.layer_pop .search_wrap .search_txt span {
	color: #777;
	line-height: 1.4em;
	font-size: 12px;
}

.srch_result.layer_pop input[type="checkbox"] + label span {
	margin-right: 0;
}

.srch_result.layer_pop .search_wrap textarea.pop_txtarea {
	background-color: #f3f3f3;
	height: 70px;
    width: 260px;
}

.srch_result.layer_pop .search_wrap .btn.grp_srch {
	display: flex;
	display: -ms-flex;
    padding: 10px 30px;
    height: 60px;
    align-items: center;
    -ms-flex-align: center;
	-webkit-align-items: center;
    justify-content: center;
	-webkit-justify-content: center;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    background-color: #196ac6;
    color: #fff;
    margin-left: 5px;
}



/*----- 업무요청신청 확인 팝업 -----*/

.layer_pop section.guide p {
	text-align: center;
}

.layer_pop section.guide.alert p {
	color: #111;
    padding: 20px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.layer_pop .btn.close.normal {
	padding: 10px;
}

.layer_pop .table_styleA td label {
	font-weight: bold;
	padding-left: 20px;
}

.layer_pop .table_styleA td label:first-child {
	padding-left: 0;
}

.layer_pop.app_dacon_pop .table_styleA td.inner_th {
	border-right: 1px solid #e3e3e3;
}

.layer_pop .content_bottom {
	margin-top: 40px;
    margin-bottom: 40px;
}






/* -------------------------------------------------------- */

/*   04.00 BRANCH STYLES
	
/* -------------------------------------------------------- */

.branch_office .content_middle .title:before {
	background-image: url('../img/ic_bul_circle_sky.png');
}



/*---------- 신청서 작성 ----------*/

/* 파일 첨부 */

label.filebox {
	display: inline-block; 
	padding: 6px 20px;
	text-align: center;
	color: #fff; 
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	background-color: #111;
	cursor: pointer;
	transition: all 0.3s;
}

label.filebox:hover {
	opacity: 0.8;
}

input[type="file"].upload_hidden {
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0;
}

/* named upload */
.filebox_wrap {
	display: inline-block;
	vertical-align: bottom;
	margin: 8px 0;
}

/*
.filebox_wrap:first-child {
	margin-top: 0;
}
*/

.filebox_wrap .upload_name { 
	display: inline-block; 
	padding: 8px 10px; /* label의 패딩값과 일치 */ 
	font-size: 14px;
	width: 200px;
	vertical-align: middle; 
	background-color: #f5f5f5;
	border: none;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none;
	margin-top: -1px;
	color: #777;
}


/* 신청서 첨부한 후 */

.filebox_wrap.added label.filebox {
	display: none;
}

.filebox_wrap.added input.upload_name {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    float: left;
    cursor: pointer;
}


/* 보기/수정 버튼 */

.filebox_wrap .file.btn {
	display: none;
	width: 50px;
	line-height: 1.25em;
	font-size: 14px;
/* 	background-color: #999; */
	color: #fff;
	padding: 8px;
	float: left;
}

.filebox_wrap.added .file.btn {
	display: inline-block;
}


.btn.del_row.tb_inside {
	background-color: #999;
    float: right;
    color: #fff;
    font-weight: bold;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.25em;
}



/* 테이블 열 추가 버튼 */

.btn.vari_row {
	background-color: #999;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: middle;
}

.btn.add.vari_row:before, .btn.tb_inside.del_row:before {
	content:'';
	display: inline-block;
	width: 11px;
	height: 11px;
	background-position: center center;
    background-repeat: no-repeat;
}

.btn.add.vari_row {
	background-color: #196ac6;
	padding: 6px 12px;
}

.btn.add.vari_row:before {
	background-image: url('../img/ic_add.png');
}

.btn.tb_inside.del_row {
	background-color: #dc6720;
	padding: 8px 12px;
}

.btn.tb_inside.del_row:before {
	background-image: url('../img/ic_del.png');
}

.add_row_wrap {
	text-align: center;
	margin-top: 20px;
}



/*---------- 대기함 ----------*/

.branch_office.standby.index .head_wrap, .branch_office.standby.index .content_wrap {
	min-width: 1750px;
    max-width: 100%;
}

tr.req_del_row {
	background-color: #eff0f3;
}

tr.req_del_row td {
	color:#999;
}

.btn.jq_inside {
    font-size: 12px;
    font-weight: bold;
}

.btn.request {
	color: #2d3d50;
    background-color: #b6c8ce;
}

.btn.delete {
	background-color: #999;
    color: #fff;
}

#app_hold_list .state_col span.label {
	width: 46px;
}

.ui-jqgrid table select {
    -webkit-padding-start: 5px;
    -webkit-padding-end: 18px;
    padding-left: 6px;
    font-size: 12px;
    width: auto;
    background-size: 8px 5px;
    background-position: 85% center;
}

.branch_office .applist .ui-jqgrid table .datepicker {
	width: 100px;
	padding: 4px;
	background-color: #fff;
	margin-right: 0;
}

.branch_office .applist .ui-jqgrid table .datepicker input {
	width: 74px !important;
	font-size: 13px;
	height: 24px !important;
}

.branch_office .applist .ui-jqgrid table .datepicker .ui-datepicker-trigger {
	margin-right: 2px;
}

.branch_office #app_hold_list textarea {
	border-color: #e0e0e0;
    font-size: 13px;
    line-height: 1.2em;
/*     height: 18px; */
    width: 75%;
    display: inline-block;
    resize: vertical;
    vertical-align: middle;
    padding: 8px 10px;
}



/* 리스트 하단 버튼 */

#pagination > div.board_btm {
	position: absolute;
    right: 0;
    margin-top: 20px;
}

#pagination .btn_group.board_btm a.btn.confirm {
	min-width: auto;
    font-size: 13px;
    padding: 10px 20px;
}

#pagination .btn_group.board_btm a:hover {
	color: #fff;
}

.btn.accept {
	background-color: #1a69c6;
    color: #fff;
}


/*---------- 보류함 ----------*/

.branch_office.hold .head_wrap, .branch_office.hold .body_wrap > .content_wrap {
	min-width: 980px;
    max-width: 100%;
}

.branch_office.hold.index .body_wrap > .content_wrap {
	min-width: 980px;
    max-width: 1240px;
}

.btn.move_file {
	background-color: #1a69c6;
    color: #fff;
}

.ui-jqgrid table .filebox_wrap .upload_name {
	width: 120px;
	font-size: 13px;
	margin-top: 0;
}

.ui-jqgrid table label.filebox, .ui-jqgrid table .filebox_wrap .file.btn {
	font-size: 13px;
	padding: 7px 10px;
	line-height: 1.4em;
	width: auto;
}

.app_docu_link {
	color: #196ac6;
    font-weight: bold;
}

.filebox_wrap.added .file_name {
    text-decoration: underline;
    cursor: pointer;
    
}


/* 첨부된 파일 리스트 테이블 */

.pop_tb tbody td {
	padding: 10px;
}

.file_upload_wrap {
	padding: 20px;
	margin-bottom: 20px;
	border-color: #e3e3e3;
}



/*---------- 완료함 ----------*/

.branch_office.complete .head_wrap, .branch_office.complete .body_wrap > .content_wrap {
	min-width: 1690px;
    max-width: 100%;
}



/*---------- 공지사항 ----------*/

.notice_list .body_wrap > .content_wrap, .notice_view .body_wrap > .content_wrap, .request_list .body_wrap > .content_wrap, .request_write .body_wrap > .content_wrap, .notice_write .body_wrap > .content_wrap {
	width: 900px;
}

.tb_board_list thead th, .board_list .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
	background-color: #f3f3f3;
	border-top: 2px solid #333;
    border-bottom: 1px solid #333;
    border-right: none;
}

.tb_board_list .title:before {
	content: none;
}

.ui-jqgrid .tb_board_list tr.ui-row-ltr td {
	padding: 5px 20px;
    border-right: none;
    height: 44px;
}

.tb_board_list td.title, .ui-jqgrid .tb_board_list tr.ui-row-ltr td.title {
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}

.tb_board_list td.title a {
/* 	font-weight: bold; */
	font-size: 15px;
}

.tb_board_list td.title a:hover {
	text-decoration: underline;
}

.tb_board_list .ui-state-highlight {
	background:none;
}

.ui-jqgrid .tb_board_list tr.jqgrow.ui-state-highlight td {
	font-weight: normal;
}

.ui-jqgrid .tb_board_list .label.emerg {
	background-color: #bd1818;
    color: #fff;
    border-radius: 100px;
    padding: 0 9px;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 2;
}


/* 공지사항 보기 화면 */

.notice_view .boardview_wrap th {
	width: 20%;
	background-color: #f3f3f3;
	text-align: center;
	border: none;
	border-bottom: 1px solid #b0b0b0;
}

.notice_view .boardview_wrap .post_data {
	display: flex;
	display: -ms-flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 2px solid #111;
    margin-bottom: 0;
    background: #f3f3f3;
}

.notice_view .boardview_wrap .post_data .title {
	font-size: 21px;
    font-weight: 400;
    line-height: 1em;
    display: flex;
	display: -ms-flex;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-items: center;
}

.notice_view .boardview_wrap .post_data .title .label {
	color: #fff;
    border-radius: 100px;
    padding: 0 10px;
    display: inline-block;
}

.notice_view .boardview_wrap .post_data .title .emerg {
	background-color: #bd1818;
    margin-left: 5px;
    vertical-align: bottom;
}

.notice_view .boardview_wrap .post_data .title .normal {
	background-color: #aaa;
    margin-left: 5px;
    vertical-align: bottom;
}

.notice_view .boardview_wrap .title:before {
	content: none;
}

.notice_view .boardview_wrap .post_data .sub {
	text-align: right;
    flex-grow: 7;
}

.notice_view .boardview_wrap .post_data .writer {
	color: #777;
    margin-right: 10px;
    font-weight: bold;
/*     float: right; */
}

.notice_view .boardview_wrap .post_data date {
	color: #777;
/* 	float: right; */
    font-size: 14px;
}

.notice_view .boardview_wrap .post_content {
    padding: 40px 20px;
    font-size: 15px;
    border-bottom: 1px solid #999;
    margin-top: 0;
    line-height: 1.8em;
}

.btn.go_list {
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    background-color: #777;
    transition: all 0.3s;
}


/*----- 요청사항 게시판 -----*/

.branch_office.index .head_wrap, .branch_office.index .content_wrap {
	min-width: 960px;
}

.tab_board .header .style_tab > li {
	background-color: #f3f3f3;
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
}

.tab_board ul.style_tab {
	display: flex;
    align-items: stretch;
}

.tab_board .row_q {
	border-bottom: 1px solid #e9e9e9;
}

.tab_board .row_a {
	background-color: #edf1f3;
}

.tab_board ul.style_tab > li {
	text-align: center;
	padding: 10px 5px;
}

.tab_board ul.style_tab li.answer_wrap {
	padding: 20px 30px;
}

.tab_board li.no {
	width: 40px;
}

.tab_board li.date {
	width: 100px;
}

.tab_board li.item_req {
	width: 100px;
}

.tab_board li.label {
	width: 60px;
}

.tab_board li.req_who {
	width: 120px;
}

.tab_board li.type_cus {
	width: 60px;
}

.tab_board li.content {
    flex-grow: 1;
}

.tab_board ul.row_wrap .inner > li.answer_wrap {
	width: 100%;
	text-align: left;
}

.request_wrap .class {
	font-weight: bold;
    color: #fff;
    background-color: #a4b3b9;
    padding: 6px 10px;
    font-size: 12px;
    margin-right: 10px;
    border-radius: 100px;
}

.answer_wrap date {
    color: #777;
    
}

.answer_wrap .name {
	font-weight: bold;
	margin-right: 10px;
}

.answer_wrap .text {
	padding: 5px 20px;
    border-left: 1px solid #d4dbde;
    margin-top: 10px;
}

.tab_board .label.emerg {
	background-color: #bd1818;
	color: #fff;
    border-radius: 100px;
    padding: 2px 10px;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.7;
}

.board_btm .btn.write {
	padding: 10px 20px;
    color: #fff;
    font-size: 14px;
    background-color: #111;
    transition: all 0.3s;
}

.row_a .answer_wrap .write_wrap {
	text-align: center;
}

.row_a .answer_wrap .write_wrap textarea {
	width: 100%;
    border: 1px solid #caced0;
    padding: 10px;
}

.row_a .answer_wrap .write_wrap .btn.confirm {
	min-width: 80px;
    padding: 8px;
    font-size: 14px;
    background-color: #111;
    margin-top: 10px;
    font-weight: 400;
}


/* 글쓰기 */

section.boardwrite_wrap .title {
	font-size: 21px;
	font-weight: 400;
}

section.boardwrite_wrap .title:before {
	content: none;
}

.boardwrite_wrap .write_cont {
	padding: 10px;
}

.boardwrite_wrap textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
}



/*---------- 코드 관리 ----------*/

.table_style_m th {
	width: 124px;
    padding: 12px 20px;
    border-top: none;
	border-left: 1px solid #b0b0b0 !important;
    border-right: 1px solid #b0b0b0 !important;
}

.table_style_m td {
	padding: 2px 10px;
    border-right: none;
    border-left: none;
    border-top: none;
}

.table_style_m td, .table_style_m th {
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #b0b0b0 !important;
    text-align: left;
}

.table_style_m input[type=text] {
	height: 34px;
	width: auto !important;
}

.table_style_m tr:first-child td, .table_style_m tr:first-child th {
	border-top-style: solid;
    border-top-width: 2px;
}

.table_style_m th:first-child {
	border-left: none !important;
}

.table_style_m tr:first-child td {
	border-color: #666666;
}

.btn.del.tb_inside {
	background-color: #999;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.25em;
    color: #fff;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 10px;
}

.btn.tb_inside.del:before {
	content: '';
	background-image: url('../img/ic_del.png');
	display: inline-block;
    width: 11px;
    height: 11px;
    background-position: center center;
    background-repeat: no-repeat;
}

.btn.add_field {
	background-color: #111;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.25em;
    color: #fff;
    font-weight: bold;
    margin-left: 5px;
    vertical-align: top;
}

.btn.add_field:before {
	content: '';
	background-image: url(../img/ic_add.png);
	display: inline-block;
    width: 11px;
    height: 11px;
    background-position: center center;
    background-repeat: no-repeat;
}




/* -------------------------------------------------------- */

/*   05.00 Register & Request
	
/* -------------------------------------------------------- */

.form_wrap {
	margin-bottom: 30px;
}

/*----- 사용자등록요청 -----*/
body.req_register {
	display: block;
	background-color: #e3e3e3;
}

/*
.branch.register .body_wrap {
    height: fit-content;
}
*/

body.register {
	background-color: #e3e3e3;
}

.register .body_wrap {
/* 	background-color: #e3e3e3; */
/*
    justify-content: center;
    align-items: center;
    height: 100%;
*/
    padding: 80px 0;
    box-sizing: border-box;
    display: flex;
}

.register .content_wrap {
	background-color: #fff;
    padding: 0;
    max-width: 600px;
    margin: 0 auto;
}

.register .logo {
	padding: 30px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.branch.register .logo {
/* 	background: center center no-repeat url('../img/bg_login.png'); */
	background-color: #196ac6;
}

.head.register .logo {
	background-color: #3f3f3f;
}

.reg_form_wrap {
	padding: 20px 40px;
}

.reg_form_wrap h3:before {
	content:'';
	width: 12px;
	height: 10px;
	background-image: url('../img/ic_bul_circle_grey.png');
	background-position: center left;
	background-repeat: no-repeat;
	display: inline-block;
}

.terms_box {
	padding: 20px;
	overflow-y: scroll;
	height: 180px;
	width: 100%;
	box-sizing: border-box;
	background-color: #f3f3f3;
    color: #777;
    line-height: 1.8em;
}

.agreement {
	margin-top: 10px;
}

.agreement > span {
	display: block;
    color: #999;
    font-size: 12px;
    margin-top: 5px;
}

.req_register .table_styleB select {
	width: auto;
	-webkit-padding-start: 10px;
    -webkit-padding-end: 24px;
    background-position: 90% center;
}


/*----- Alert 안내 메시지 -----*/

.description {
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

.description:before {
	content:'|';
	display: inline-block;
	padding: 0 10px;
}

.message {
	font-size: 12px;
	color: #777;
	
}

td .message {
	padding-left: 10px;
}

.message.error {
	color: #e04f4f;
}

.message.validation.error {
	color: #e04f4f;
    text-align: center;
    padding: 20px;
    font-weight: bold;
    background-color: #fdf2ef;
}

.validation.error input {
	background-color: #fdf2ef;
	border: 1px solid #eac2c2;
    box-shadow: none;
}


/*----- 레이어 팝업 -----*/

.mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9999;
    background-color:#000;
    display:none;
}

.layer_pop {
    display: none;
    background-color: #ffffff;
    z-index:99999;
    padding-bottom: 20px;
    max-height: 90%;
    overflow: auto;
}

.layer_pop h3.head {
    padding: 15px;
    margin: 0;
    font-size: 16px;
    background-color: #333;
    color:#fff;
    text-align: center;
}

.layer_pop .close {
	padding: 8px 20px;
    background-color: #333;
    margin: 0 auto;
    width: 34px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.layer_pop .inner_text {
	padding: 30px;
}

.layer_pop.alert .inner_text {
	text-align: center;
}

.layer_pop .inner_text p {
	font-size: 15px;
	color: #555;
    line-height: 1.6em;
    margin: 0;
}