@charset "utf-8";

/**************************************
** 공통
***************************************/
.size-1140 .line, .size-1140 .grid {
	max-width: 71rem;
}

.size-1280 .line, .size-1280 .grid {
	max-width: 80rem;
}

.size-1520 .line, .size-1520 .grid {
	max-width: 95rem;
}

.size-960 .line, .size-1140 .line, .size-1280 .line, .size-1520 .line {
	margin: 0 auto;
}

.content {
	padding: 20px 0;
}

.line {
	clear: left;
}

.line::after, nav::after, .center::after, .box::after, .margin::after,
	.margin2x::after, .grid.full::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* 포지션 */
.pxB {
	position: fixed;
	bottom: 0px;
	width: 100%;
}

/* 최상단 layout */
.content-wrap {
	overflow: auto
}

.header-layout {
	position: fixed;
	width: 100%;
	z-index: 99;
}

.container-layout {
	position: relative;
	top: 0;
	height: calc(100% - 110px);
}

.aside-layout {
	position: fixed;
	top: 93px;
	bottom: 0;
	left: 0;
	z-index: 98;
	background: #fff;
	box-shadow: 1px 1px 1px -1px rgb(158 158 158/ 21%), 0 1px 3px 0
		rgb(170 170 170/ 10%), 0 1px 3px 0 rgb(0 0 0/ 6%);
}

.aside-layout p.aside-title {
	height: 90px;
	line-height: 90px;
	color: #181818;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	background: #ffffff;
}

.content-layout {
	padding-left: 200px;
	padding-top: 95px;
	min-height: calc(100vh - 95px);
	width: 100%;
}

.content-section {
	padding: 20px 0;
	margin: 0 20px;
}

.container { /* background: #fff; */ /* padding: 10px; */
	border-radius: 5px;
}

/**************************************
** headerSection
***************************************/
.header-section {
	box-shadow: 0 10px 30px 0 rgb(138 125 161/ 8%);
}

.header {
	background-color: #fff;
	box-sizing: border-box;
	overflow: hidden;
}

.header .paL {
	position: absolute;
	left: 10px;
	top: 15px;
	display: inline-block;
	clear: both;
	float: inherit
}

.header .paR {
	position: absolute;
	right: 10px;
	top: 15px;
}

.header-top {
	background: #fff;
	border-bottom: 1px solid #0b8ae6;
	display: flex;
	align-items: center;
	padding: 0 20px;
	height: 42px;
}

.header-top .logo {
	font-weight: 600;
	width: 150px;
}
/* .header-top .logo span:first-child::after {display: inline-block;content: '';border-right: 1px solid #eaeaea;width: 1px;height: 20px;    padding-right: 5px;vertical-align: middle;} */
.header-top .logo img {
	height: 30px;
}

.header-top .gnb {
	margin-left: auto;
	align-self: center;
}

.header-top .gnb li {
	height: 100%;
}

.header-top .gnb li a {
	display: block;
	padding: 0 0 0 10px;
	font-size: 12px;
	color: #a1a1a1;
	line-height: 22px;
}

.sub-header {
	background: #005eaf;
	padding: 0 20px;
	display: flex;
	align-items: center;
	height: 52px;
	overflow: hidden;
}

.sub-header .sub-title {
	font-size: 16px;
	font-weight: 600;
	color: #181818;
}

.sub-header .sub-stit {
	font-size: 13px;
	font-weight: 600;
	color: #b3b3b3;
	display: inline-block;
}

.sub-header .sub-stit:before {
	content: '|';
	height: 0;
	margin-left: 10px;
	position: relative;
	left: -5px;
}

sub-header2 {
	background: #ffa8ff;
	padding: 0 20px;
	display: flex;
	align-items: center;
	height: 52px;
	overflow: hidden;
}

.sub-header2 .sub-title {
	font-size: 16px;
	font-weight: 600;
	color: #181818;
}

.sub-header2 .sub-stit {
	font-size: 13px;
	font-weight: 600;
	color: #b3b3b3;
	display: inline-block;
}

.sub-header2 .sub-stit:before {
	content: '|';
	height: 0;
	margin-left: 10px;
	position: relative;
	left: -5px;
}

.top-menu {
	color: #2b4c61;
}

.top-menu .top-nav ul {
	padding: 0;
}

.top-menu .top-nav li:first-child {
	padding-left: 0;
}

.top-menu .top-nav li {
	float: left;
	list-style: none outside none;
	cursor: pointer;
	padding: 0 5px;
}

.top-menu .top-nav li>a {
	color: #e6f2ff;
	display: block;
	font-size: 13px;
	padding: 8px 15px;;;
	font-weight: 600;
}

.top-menu .top-nav li>a:hover {
	color: #ffffff;
	border-radius: 5px;
	background: #0b8ae6;
}

.top-menu .top-nav li.active-item a {
	background: #ffffff;
	color: #000000;
	border-radius: 5px;
}
/****  // headerSection //  ****/

/* lnb */
#lnb {
	position: relative;
	width: 200px;
}

#lnb .lnb_tit {
	height: 70px;
	text-align: center;
	color: #fdfdfd;
	font-size: 15px;
	line-height: 70px;
	letter-spacing: -2px;
	background: #484848;
}

#lnb>ul {
	
}

#lnb>ul>li {
	
}

#lnb>ul>li>a {
	display: block;
	padding: 0 10px;
	color: inherit;
	font-size: 14px;
	position: relative;
	height: 45px;
	line-height: 45px;
	color: #838383;
}

#lnb>ul>li>a.arrow:after {
	font-family: 'Material Icons';
	content: "chevron_right";
	position: absolute;
	right: 10px;
}

#lnb>ul>li.on>a {
	color: #005eaf;
}

#lnb>ul>li.on>a.arrow:after {
	font-family: 'Material Icons';
	content: "expand_more";
}

#lnb>ul>li ul.sub_menu {
	display: none;
	margin-bottom: 10px;
}

#lnb>ul>li>ul.sub_menu>li>a {
	display: block;
	padding: 12px 25px 12px 25px;
	font-size: 14px;
	color: #525252;
}

#lnb>ul>li>ul.sub_menu>li>a.arrow:after {
	font-family: 'Material Icons';
	content: "chevron_right";
	color: #aaa;
	display: inline;
	position: absolute;
	right: 10px;
}

#lnb>ul>li>ul.sub_menu>li>a:hover {
	color: #005eaf;
}

#lnb>ul>li>ul.sub_menu>li.on>a {
	color: #005eaf;
}

#lnb>ul>li>ul.sub_menu>li.on>a.arrow:after {
	color: #005eaf;
	font-family: 'Material Icons';
	content: "expand_more";
}

#lnb>ul>li>ul.sub_menu>li.noDepth>a:after {
	content: "";
	position: absolute;
}

#lnb>ul>li>ul.sub_menu li ul {
	display: none;
	background: #ffffff;
	padding-bottom: 10px;
}

#lnb>ul>li>ul.sub_menu li li a {
	display: block;
	padding: 10px 0 10px 45px;
	color: #666;
	font-size: 14px;
}

#lnb>ul>li>ul.sub_menu>li li a:hover {
	color: #005eaf;
}

#lnb>ul li.noDepth a {
	background-image: none !important;
}

/**************************************
** login
***************************************/
#login-wrap {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	background: #f3f6f9;
	justify-content: center;
}

.login {
	background: #fff;
	background-size: 80%;
	margin: 0 20px;
	max-width: 1080px;
	width: 100%;
	display: flex;
	border: 1px solid #f3f6f9;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
	box-shadow: 4px 5px 5px 3px #0780c20a;
}

.login-img {
	background: #fff;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width: 450px;
	width: 100%;
	padding: 20px;
}

.login-img3 {
	/* background: #f3f6f9 url('../images/login.jpg') no-repeat center; */
	background-size: 790%;
	text-align: center;
	max-width: 470px;
	width: 100%;
}

.loing_inputBox { /* background: #fff; */
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.loing_input {
	max-width: 500px;
	min-width: 300px;
	width: 100%;
	height: 100%;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 60px;
}

.logo_title {
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px;
}

.logo_title>img {
	width: 28px;
}

.login .login-logo {
	width: 155px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.login .login-logo img {
	text-align: center;
	margin: 0 auto;
}

.login .login-tit {
	text-align: left;
	color: #181818;
	font-weight: bold;
	padding-bottom: 10px;
}

.login .form-input {
	margin-bottom: 10px;
}

.login .form-input input {
	height: 50px;
	border-radius: 5px;
}

.login .login-btn {
	padding-top: 20px;
}

.login .login-btn button {
	height: 50px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Noto Sans Korean';
}

.loginWrap {
	background: url('../images/bg-3.jpg');
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.login.tp2 {
	display: block;
	max-width: 600px;
	padding: 20px;
}

.login.tp2 .login-tit {
	padding: 10px 0;
}

.login.tp2 .loing_input {
	height: 300px;
}
/****  // login //  ****/

/**************************************
** subtitle nav
***************************************/

/*
 * Breadcrumb 구분자 중복 방지
 * - HTML에서 이미 '>' 또는 chevron 아이콘을 출력하고 있음.
 * - CSS의 li + li:before까지 적용되면 >> 처럼 2개가 보임.
 */
.ll-breadcrumb-nav li + li:before,
.ll-breadcrumb-nav li + li::before,
.breadcrumb-nav li + li:before,
.breadcrumb-nav li + li::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* HTML에 존재하는 breadcrumb 구분자 1개만 보기 좋게 정렬 */
.ll-breadcrumb-nav .breadcrumb-separator,
.ll-breadcrumb-nav .ll-breadcrumb-separator,
.ll-breadcrumb-nav li.separator,
.ll-breadcrumb-nav li.is-separator,
.breadcrumb-nav .breadcrumb-separator,
.breadcrumb-nav .ll-breadcrumb-separator,
.breadcrumb-nav li.separator,
.breadcrumb-nav li.is-separator {
    width: 24px !important;
    min-width: 24px !important;
    justify-content: center !important;
    color: #c7c7c7 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

.breadcrumb-nav {
	border-bottom: 1px solid #eaeaea;
	height: 33px;
	line-height: 30px;
	padding: 0 20px;
	background: #fff;
}

.breadcrumb-nav ul {
	list-style: none;
	padding: 0;
	height: 100%;
	padding-left: 5px;
}

.breadcrumb-nav ul li {
	float: left;
	font-size: 12px;
	color: #b3b3b3;
}

.breadcrumb-nav ul li a:hover {
	text-decoration: underline;
}

.breadcrumb-nav i {
	color: #b3b3b3;
}

.breadcrumb-nav ul li:after {
	font-family: 'Material Icons';
	content: '\e5cc';
	font-size: 22px;
	vertical-align: middle;
	color: #d4d4d4;
}

.breadcrumb-nav ul li:last-child:after {
	content: "";
	margin: 0;
}
/****  // subtitle nav //  ****/

/**************************************
** 공통 page title
***************************************/
/* 조회 결과 없음 박스 */
.No-box {
	padding: 90px 0px;
}

.No-box .txt {
	
}

.calBox {
	min-height: 62px;
	padding: 10px;
	background-color: #e9f1f6;
	box-sizing: border-box;
}
/****  // 공통 //  ****/
.page-title {
	padding: 15px 15px 0 15px;
	background: #fff;
}

.page-title>.title {
	font-size: 20px;
	border-bottom: 1px solid #484848; /* margin: 0 10px; */
	padding-bottom: 10px;
}

.page-title>.title-s {
	font-size: 14px;
	font-weight: 500;
}

.page-title>.title-m {
	font-size: 16px;
	font-weight: 500;
}

.page-title>.title-b {
	font-size: 18px;
	font-weight: 500;
}

.tpl-box {
	background: #fff;
	padding: 15px;
}

.tpl-box.gutter-b { /* height: calc(100% - 25px); */
	/*margin-bottom: 25px;*/ /* margin-bottom: 13px;*/
	margin-bottom: 0px;
}

.tpl-head {
	padding: 0 0 10px 0;
}

.tpl-head-title {
	font-size: 15px;
	align-self: center;
	font-weight: 600;
}

.tpl-head-title>.material-icons {
	vertical-align: sub;
}

.tpl-body {
	
}

.tpl-body-left {
	width: 50%;
	float: left;
}

.tpl-body-right {
	width: 40%;
	float: right;
}

/**************************************
** button & badge
***************************************/
/* 공통 */
button:hover {
	cursor: pointer;
	outline: none;
}

.btn {
	display: inline-block;
	zoom: 1;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	vertical-align: middle;
	box-sizing: border-box;
	border: 0px;
	position: relative;
	padding: 0 10px;
}

.btn-line {
	display: inline-block;
	zoom: 1;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	vertical-align: middle;
	box-sizing: border-box;
	border: 0px;
	position: relative;
	padding: 0 10px;
}

.wideBtn {
	padding: 0 30px;
}

.btn-group {
	
}

.btn-box {
	padding: 10px 0 10px;
}

/* 크기 */
.btn.s0 {
	height: 25px;
}

.btn.s {
	height: 25px;
	line-height: 25px;
}

.btn.s2 {
	height: 35px;
}

.btn.m {
	height: 40px;
}

.btn.l {
	height: 45px;
}

/* 칼라 */
.btn.gray {
	background-color: #969696;
	color: #fff;
} /* 취소 */
.btn.black {
	background-color: #545454;
	color: #fff;
} /* 삭제 */
.btn.primary {
	color: #fff;
	background-color: #3577f1;
} /* 등록 */
.btn.blue {
	color: #fff;
	background-color: #0069b5;
} /* 저장 */
.btn.green {
	color: #fff;
	background-color: #0ab39c;
} /* 검색 */
.btn.purple {
	color: #fff;
	background-color: #8950fc;
} /*목록*/
.btn.yellow {
	color: #fff;
	background-color: #ffa800;
} /*수정*/
.btn.gray-light {
	color: #181c32;
	background-color: #ddd;
}

.btn.navy {
	color: #fff;
	background-color: #062850;
}

.btn.dark {
	color: #fff;
	background-color: #181c32;
}

.btn.red {
	color: #fff;
	background-color: #ee2d41;
}

.btn.blue2 {
	color: #fff;
	background-color: #005eaf;
}

/* 라인 */
.btn-line.black {
	color: #54585b;
	background-color: #fff;
	border: 1px solid #54585b;
}

.btn-line.gray {
	color: #969696;
	background-color: #fff;
	border: 1px solid #b5b5b5;
}

.btn-line.gray-light {
	color: #ddd;
	background-color: #fff;
	border: 1px solid #ddd;
}

.btn-line.dark {
	color: #181c32;
	background-color: #fff;
	border: 1px solid #181c32;
}

.btn-line.red {
	color: #ee2d41;
	background-color: #fff;
	border: 1px solid #ee2d41;
}

.btn-line.blue {
	color: #005eaf;
	background-color: #fff;
	border: 1px solid #005eaf;
}

.btn-line.green {
	color: #0bb7af;
	background-color: #fff;
	border: 1px solid #0bb7af;
}

.btn-line.yellow {
	color: #ffa800;
	background-color: #fff;
	border: 1px solid #ffa800;
}

.btn-line.purple {
	color: #8950fc;
	background-color: #fff;
	border: 1px solid #8950fc
}

/* 뱃지 */
.badge {
	border-radius: 20px;
	padding: 0px 7px;
	display: inline-block;
	font-weight: 400;
	box-sizing: border-box;
	text-align: center;
}

/* 뱃지 사이즈 */
.badge.s {
	height: 15px;
	line-height: 15px;
	padding: 0px 5px;
	font-size: 10px;
	font-weight: 500;
}

.badge.m {
	font-size: 13px;
	height: 18px;
	line-height: 17px;
}

.badge.l {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
}

/* 뱃지 칼라 */
.badge.gray {
	background-color: #b5b5b5;
	color: #fff;
}

.badge.gray2 {
	background-color: #8d9090;
	color: #fff;
}

.badge.red {
	background-color: #da291c;
	color: #fff;
}

.badge.black {
	background-color: #000;
	color: #fff;
}

.badge.bd.black {
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
}

/* 뱃지 이미지 */
.badge.imgNum {
	background: #da291c url("../../common/img/icon-money.png") no-repeat
		2.5px 50%;
	background-size: 10px;
	padding-left: 15px;
	color: #fff;
}

.badge.blue {
	background-color: #015182;
}

.badge.bing {
	background: #fff url("../../common/img/icon-bing.png") no-repeat 2px 50%;
	background-size: 10px;
	border: 1px solid #da291c;
	color: #da291c;
	padding-left: 15px;
	line-height: 13px;
}
/****  // button 디자인 //  ****/

/**************************************
** 폼 스타일
***************************************/
/* 폼 그룹 */
.group-box {
	display: flex;
	align-items: center;
}

.group-box>span {
	margin-right: 7px;
}

.group-box>span:last-child {
	margin-right: 0;
}

.radio-box {
	position: relative;
}

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

.radio-box input[type="radio"]+label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radio-box label::before {
	font-family: 'Material Icons';
	content: '\e836';
	font-size: 22px;
	vertical-align: middle;
	color: #e8e8e8;
	margin-right: 3px;
}

.radio-box input[type="radio"]:checked+label::before {
	content: '\e837';
	color: #005eaf;
}

.radio-box.txt label::before {
	display: none;
}

.radio-box.txt input[type="radio"]+label {
	border: 1px solid #e1e1e1;
	background-color: #f5f5f5;
	padding: 0px 15px;
	background-image: none;
	font-size: 13px;
	line-height: 22px;
	height: 25px;
}

.radio-box.txt input[type="radio"]:checked+label {
	border: 1px solid #005eaf;
	background-color: #005eaf;
	color: #fff;
}

.radio-box.txt input[type="radio"]:checked+label::before {
	display: none;
}

/* 체크박스 아이콘*/
.chk-box {
	position: relative;
}

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

.chk-box input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 25px;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
}

.chk-box label::before {
	font-family: 'Material Icons';
	content: '\e835';
	font-size: 20px;
	vertical-align: bottom;
	color: #e8e8e8;
	margin-right: 3px;
}

.chk-box input[type="checkbox"]:checked+label::before {
	content: '\e834';
	color: #005eaf;
}

.chk-box.star label::before {
	font-family: 'Material Icons';
	content: '\e83a';
	font-size: 22px;
	vertical-align: bottom;
	color: #e8e8e8;
	margin-right: 3px;
}

.chk-box.star input[type="checkbox"]:checked+label::before {
	content: '\e834';
	color: #005eaf;
}

.chk-box.login input[type="checkbox"]+label {
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* 스위치박스 */
.switchBox {
	position: relative;
	overflow: hidden;
}

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

.switchBox input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	height: 25px;
}

.switchBox label {
	background: url('../../common/img/switch-off.png') no-repeat 0px 0px;
	background-size: 38px;
}

.switchBox input[type="checkbox"]:checked+label {
	background: url('../../common/img/switch-on2.png') no-repeat 0px 0px;
	background-size: 40px;
}

/* 셀렉트 */
.sel-group {
	display: flex;
}

.sel-group select, .sel-group>span {
	margin-right: 8px;
	display: flex;
}

.sel-group select:last-child, .sel-group>span:last-child {
	margin-right: 0px;
}

/*.sel-box{display:inline-block;}
.sel-box select{position: relative;background:#fff url('../images/icon-arrow-down.png') no-repeat calc(100% - 6px) 53%;background-size:9px;font-size: 12px;border: 1px solid #ebedf3;color: #181818;min-width: 120px;max-width: 164px;width: 100%;height: 30px;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.sel-box select:before {font-family: 'Material Icons';content: '\e835';font-size: 22px;width: 100%;background: red;position: absolute;background: rebeccapurple;left: 0;top: 0;}
*/
.sel-box {
	position: relative;
	display: inline-block;
}

.sel-box select {
	background: #fff url('../images/icon-arrow-down.png') no-repeat
		calc(100% - 5px) 50%;
	background-size: 10px;
	outline: none;
	scroll-behavior: smooth;
	font-size: 12px;
	border: 1px solid #ebedf3;
	color: #181818;
	min-width: 140px;
	max-width: 258px;
	width: 100%;
	height: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.sel-box select::-ms-expand {
	display: none
}

.sel-box.w100, select {
	width: 100%;
}

.sel-box-basic-size {
	width: 90px !important;
}

.sel-box-middle-size {
	width: 150px !important;
}

.sel-box-middle2-size {
	width: 200px !important;
}

.sel-box-middle3-size {
	width: 186px !important;
}

.sel-box-wide-size {
	width: 250px !important;
}

.sel-box-70 {
	position: relative;
	display: inline-block;
}

.sel-box-70 select {
	background: #fff url('../images/icon-arrow-down.png') no-repeat
		calc(100% - 5px) 50%;
	background-size: 10px;
	outline: none;
	scroll-behavior: smooth;
	font-size: 12px;
	border: 1px solid #ebedf3;
	color: #181818;
	min-width: 70px;
	max-width: 258px;
	width: 100%;
	height: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.sel-box-70 select::-ms-expand {
	display: none
}

.sel-box-100 {
	position: relative;
	display: inline-block;
}

.sel-box-100 select {
	background: #fff url('../images/icon-arrow-down.png') no-repeat
		calc(100% - 5px) 50%;
	background-size: 10px;
	outline: none;
	scroll-behavior: smooth;
	font-size: 12px;
	border: 1px solid #ebedf3;
	color: #181818;
	min-width: 100px;
	max-width: 258px;
	width: 100%;
	height: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.sel-box-100 select::-ms-expand {
	display: none
}

.inNum {
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
}

.inNum input[type="number"] {
	width: 40px;
	border-left: none;
	border-right: none;
	padding: 0px 5px;
}

/* 인풋 박스 */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type='text'], input[type='number'], input[type='email'], input[type='time'],
	input[type='password'] {
	padding: 5px 8px;
	border: solid 1px #ebedf3;
	background-color: #fff;
	height: 25px;
	vertical-align: middle;
	outline: none;
	min-width: 120px;
	font-size: 13px;
}

textarea:focus, select:focus, input:focus {
	border: solid 1px #005eaf;
	font-weight: 600;
}

textarea {
	border: solid 1px #ebedf3;
	padding: 10px;
	background: #fff;
	-webkit-appearance: none;
	outline: none;
	box-sizing: border-box;
	width: 100%;
	font-size: 12px;
	font-family: 맑은고딕, "Malgun Gothic", Dotum, Arial;
}

textarea:focus {
	
}

input:disabled {
	background-color: #f5f5f5 !important;
}

input.disabled {
	background-color: #E9E9E9 !important;
}

select:disabled {
	background-color: #E9E9E9 !important;
}

select.disabled {
	background-color: #E9E9E9 !important;
}

::placeholder {
	color: #9a9c9c;
}

/* 달력 */
input[type='text'].in-cal {
	background: #fff url('../images/icon-calendar.png') no-repeat 96% center;
	background-size: 16px;
	padding-right: 32px;
	box-sizing: border-box;
	max-width: 140px;
	width: 100%;
}

input.inbdb {
	border: none;
	border-bottom: 1px solid #ebedf3;
	background-color: initial;
}

input[type='text'].in-cal-left {
	background: #fff url('../images/icon-calendar.png') no-repeat 7px 3px;
	background-size: 16px;
	padding-left: 32px;
	box-sizing: border-box;
	min-width: 100px;
	max-width: 160px;
	width: 100%;
}

/* IOS */
input, textarea, select {
	-webkit-border-radius: 0; /* 모서리 스타일 제거 */
	-webkit-appearance: none; /* 인풋내 그림자 제거 */
}

.in-search {
	position: relative;
}

.in-search input {
	padding-right: 40px;
	box-sizing: border-box;
}

.in-search .btn {
	position: absolute;
	right: 0px;
	top: 0px;
}

.calin-box {
	overflow: hidden;
	position: relative;
}

.calin-box .calin {
	margin-right: 75px;
	width: auto;
}

.calin-box .btn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 70px;
}
/****  // 폼스타일 //  ****/

/**************************************
**  달력 스타일
***************************************/
#datepicker {
	width: 100%;
	height: 100%;
	font-size: 16px;
	text-align: center;
}

/* calendar table */
.ui-datepicker {
	display: none;
	background-color: #fff;
	border-radius: 5px;
	margin-top: 3px;
	padding: 5px;
	width: 20em;
	box-sizing: border-box;
	position: absolute;
	border: 1px solid #ebedf3;
}

.ui-datepicker-header {
	position: relative;
	height: 30px;
}

.ui-datepicker-title {
	text-align: center;
	font-size: 16px;
	position: absolute;
	width: 100%;
}

.ui-datepicker-prev span, .ui-datepicker-next span {
	display: none;
}

.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 99;
}

.ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker-prev:before {
	font-family: 'Material Icons';
	content: '\e314';
	font-size: 24px;
	position: absolute;
}

.ui-datepicker-next {
	right: 5px;
}

.ui-datepicker-next:before {
	font-family: 'Material Icons';
	content: '\e315';
	font-size: 24px;
	position: absolute;
}

.ui-state-disabled {
	color: #cccfcf;
}

.ui-datepicker-calendar {
	width: 100%;
}

.ui-datepicker-calendar>thead>tr>th {
	padding: 5px;
	font-weight: 400;
	background: #f3f6f9;
	text-align: center;
}

.ui-datepicker-calendar>thead>tr>th:nth-of-type(1) {
	color: #da291c;
}

.ui-datepicker-calendar>tbody>tr>td {
	border-radius: 100%;
	cursor: pointer;
	text-align: center;
	margin: 0 auto;
}

.ui-datepicker-calendar>tbody>tr>td>a {
	color: #181818;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	display: block;
	padding: 4px;
}

.ui-datepicker-calendar>tbody>tr>td>a.ui-state-active {
	background-color: #005eaf;
	display: inline-block;
	width: 26px;
	height: 26px;
	color: #fff;
	padding-top: 2px;
	border-radius: 100px;
}

.ui-datepicker-calendar>tbody td:first-child a {
	color: #da291c;
}

.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {
	cursor: auto;
	background-color: #fff;
}

.calArea .ui-datepicker-inline {
	z-index: 1;
}

.calArea .ui-state-active {
	
}

.ui-datepicker select.ui-datepicker-year {
	width: 25%;
}

.ui-datepicker select.ui-datepicker-month {
	width: 25% !important;
}

/******* // 달력 스타일 // *******/

/**************************************
** table 공통
***************************************/
.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table {
	width: 100%;
	margin-bottom: 1rem;
	color: #3f4254;
	background-color: transparent;
	font-family: 맑은고딕, "Malgun Gothic", Dotum, Arial;
	font-size: 12px;
}

.table:not(.table-border) thead td, .table:not(.table-border) thead th {
	
}

.table thead th {
	border-bottom: 2px solid #ebedf3;
	text-align: center;
}

.table thead td, .table thead th {
	border-bottom-width: 1px;
}

.table td, .table th {
	padding: 3px 8px;
	vertical-align: middle;
	border-top: 1px solid #ebedf3;
	font-weight: normal;
	line-height: 1.4;
	height: 32px;
}

.table tbody th {
	text-align: center;
	font-weight: 700;
}

.table td button, .table th button {
	
}

.table .thead-light th {
	color: #181818;
	background-color: #f3f6f9;
	border-color: #ebedf3; /* padding: 5px 8px; */
}

.table .thead-light.th-left th {
	text-align: left;
}

.table .thead-light td {
	border-bottom: 1px solid #ebedf3;
}

.table .tbody-light th {
	color: #181818;
	background-color: #f3f6f9;
	border-color: #ebedf3;
}

.table .tbody-light tr:last-child {
	border-bottom: 1px solid #ebedf3;
}

.table.border-line {
	border-top: 1px solid #ebedf3;
	border-bottom: 1px solid #ebedf3;
}

.table.border-line th {
	border-right: 1px solid #eaeaea;
	font-weight: 600;
	padding: 6px 8px;
}

.table.border-line td {
	border-right: 1px solid #eaeaea;
}

.table.border-line th:last-child, .table.border-line td:last-child,
	.table.border-line th:last-child, .table.border-line td:last-child {
	border-right: 0;
}

.table-border {
	border: 1px solid #ebedf3;
}

.table-border td, .table-border th {
	border: 1px solid #ebedf3;
}

.table thead .th-sort {
	color: #aeaeae;
	cursor: pointer;
	margin: 0px -2px;
}

.table thead .th-sort.active {
	color: #0b8ae6;
}

/**************************************
** 공통
***************************************/
.size-1140 .line, .size-1140 .grid {
	max-width: 71rem;
}

.size-1280 .line, .size-1280 .grid {
	max-width: 80rem;
}

.size-1520 .line, .size-1520 .grid {
	max-width: 95rem;
}

.size-960 .line, .size-1140 .line, .size-1280 .line, .size-1520 .line {
	margin: 0 auto;
}

.content {
	padding: 20px 0;
}

.line {
	clear: left;
}

.line::after, nav::after, .center::after, .box::after, .margin::after,
	.margin2x::after, .grid.full::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* 포지션 */
.pxB {
	position: fixed;
	bottom: 0px;
	width: 100%;
}

/* 최상단 layout */
.content-wrap {
	overflow: auto
}

.header-layout {
	position: fixed;
	width: 100%;
	z-index: 99;
}

.container-layout {
	position: relative;
	top: 0;
	height: calc(100% - 110px);
}

.aside-layout {
	position: fixed;
	top: 93px;
	bottom: 0;
	left: 0;
	z-index: 98;
	background: #fff;
	box-shadow: 1px 1px 1px -1px rgb(158 158 158/ 21%), 0 1px 3px 0
		rgb(170 170 170/ 10%), 0 1px 3px 0 rgb(0 0 0/ 6%);
}

.aside-layout p.aside-title {
	height: 90px;
	line-height: 90px;
	color: #181818;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	background: #ffffff;
}

.content-layout {
	padding-left: 200px;
	padding-top: 95px;
	min-height: calc(100vh - 95px);
	width: 100%;
}

.content-section {
	padding: 20px 0;
	margin: 0 20px;
}

.container { /* background: #fff; */ /* padding: 10px; */
	border-radius: 5px;
}

/**************************************
** headerSection
***************************************/
.header-section {
	box-shadow: 0 10px 30px 0 rgb(138 125 161/ 8%);
}

.header {
	background-color: #fff;
	box-sizing: border-box;
	overflow: hidden;
}

.header .paL {
	position: absolute;
	left: 10px;
	top: 15px;
	display: inline-block;
	clear: both;
	float: inherit
}

.header .paR {
	position: absolute;
	right: 10px;
	top: 15px;
}

.header-top {
	background: #fff;
	border-bottom: 1px solid #0b8ae6;
	display: flex;
	align-items: center;
	padding: 0 20px;
	height: 42px;
}

.header-top .logo {
	font-weight: 600;
	width: 150px;
}
/* .header-top .logo span:first-child::after {display: inline-block;content: '';border-right: 1px solid #eaeaea;width: 1px;height: 20px;    padding-right: 5px;vertical-align: middle;} */
.header-top .logo img {
	
}

.header-top .gnb {
	margin-left: auto;
	align-self: center;
}

.header-top .gnb li {
	height: 100%;
}

.header-top .gnb li a {
	display: block;
	padding: 0 0 0 10px;
	font-size: 12px;
	color: #a1a1a1;
	line-height: 22px;
}

.sub-header {
	background: #005eaf;
	padding: 0 20px;
	display: flex;
	align-items: center;
	height: 52px;
	overflow: hidden;
}

.sub-header .sub-title {
	font-size: 16px;
	font-weight: 600;
	color: #181818;
}

.sub-header .sub-stit {
	font-size: 13px;
	font-weight: 600;
	color: #b3b3b3;
	display: inline-block;
}

.sub-header .sub-stit:before {
	content: '|';
	height: 0;
	margin-left: 10px;
	position: relative;
	left: -5px;
}

sub-header2 {
	background: #ffa8ff;
	padding: 0 20px;
	display: flex;
	align-items: center;
	height: 52px;
	overflow: hidden;
}

.sub-header2 .sub-title {
	font-size: 16px;
	font-weight: 600;
	color: #181818;
}

.sub-header2 .sub-stit {
	font-size: 13px;
	font-weight: 600;
	color: #b3b3b3;
	display: inline-block;
}

.sub-header2 .sub-stit:before {
	content: '|';
	height: 0;
	margin-left: 10px;
	position: relative;
	left: -5px;
}

.top-menu {
	color: #2b4c61;
}

.top-menu .top-nav ul {
	padding: 0;
}

.top-menu .top-nav li:first-child {
	padding-left: 0;
}

.top-menu .top-nav li {
	float: left;
	list-style: none outside none;
	cursor: pointer;
	padding: 0 5px;
}

.top-menu .top-nav li>a {
	color: #e6f2ff;
	display: block;
	font-size: 13px;
	padding: 8px 15px;;;
	font-weight: 600;
}

.top-menu .top-nav li>a:hover {
	color: #ffffff;
	border-radius: 5px;
	background: #0b8ae6;
}

.top-menu .top-nav li.active-item a {
	background: #ffffff;
	color: #000000;
	border-radius: 5px;
}
/****  // headerSection //  ****/

/* lnb */
#lnb {
	position: relative;
	width: 200px;
}

#lnb .lnb_tit {
	height: 70px;
	text-align: center;
	color: #fdfdfd;
	font-size: 15px;
	line-height: 70px;
	letter-spacing: -2px;
	background: #484848;
}

#lnb>ul {
	
}

#lnb>ul>li {
	
}

#lnb>ul>li>a {
	display: block;
	padding: 0 10px;
	color: inherit;
	font-size: 14px;
	position: relative;
	height: 45px;
	line-height: 45px;
	color: #838383;
}

#lnb>ul>li>a.arrow:after {
	font-family: 'Material Icons';
	content: "chevron_right";
	position: absolute;
	right: 10px;
}

#lnb>ul>li.on>a {
	color: #005eaf;
}

#lnb>ul>li.on>a.arrow:after {
	font-family: 'Material Icons';
	content: "expand_more";
}

#lnb>ul>li ul.sub_menu {
	display: none;
	margin-bottom: 10px;
}

#lnb>ul>li>ul.sub_menu>li>a {
	display: block;
	padding: 12px 25px 12px 25px;
	font-size: 14px;
	color: #525252;
}

#lnb>ul>li>ul.sub_menu>li>a.arrow:after {
	font-family: 'Material Icons';
	content: "chevron_right";
	color: #aaa;
	display: inline;
	position: absolute;
	right: 10px;
}

#lnb>ul>li>ul.sub_menu>li>a:hover {
	color: #005eaf;
}

#lnb>ul>li>ul.sub_menu>li.on>a {
	color: #005eaf;
}

#lnb>ul>li>ul.sub_menu>li.on>a.arrow:after {
	color: #005eaf;
	font-family: 'Material Icons';
	content: "expand_more";
}

#lnb>ul>li>ul.sub_menu>li.noDepth>a:after {
	content: "";
	position: absolute;
}

#lnb>ul>li>ul.sub_menu li ul {
	display: none;
	background: #ffffff;
	padding-bottom: 10px;
}

#lnb>ul>li>ul.sub_menu li li a {
	display: block;
	padding: 10px 0 10px 45px;
	color: #666;
	font-size: 14px;
}

#lnb>ul>li>ul.sub_menu>li li a:hover {
	color: #005eaf;
}

#lnb>ul li.noDepth a {
	background-image: none !important;
}

/* 추가 ysc */
#lnb>ul>li ul.sub_menu>li>ul.sub_menu {
	display: none;
	margin-bottom: 10px;
}

#lnb>ul>li>ul.sub_menu>li>ul.sub_menu>li>a {
	display: block;
	padding: 12px 25px 12px 45px;
	font-size: 14px;
	color: #525252;
}

#lnb>ul>li>ul.sub_menu>li>ul.sub_menu>li>a.arrow:after {
	font-family: 'Material Icons';
	content: "chevron_right";
	color: #aaa;
	display: inline;
	position: absolute;
	right: 10px;
}

#lnb>ul>li>ul.sub_menu>li>ul.sub_menu>li>a:hover {
	color: #005eaf;
}

#lnb>ul>li>ul.sub_menu>li>ul.sub_menu>li.on>a {
	color: #005eaf;
}

#lnb>ul>li>ul.sub_menu>li>ul.sub_menu>li.on>a.arrow:after {
	color: #005eaf;
	font-family: 'Material Icons';
	content: "expand_more";
}

#lnb>ul>li>ul.sub_menu>li>ul.sub_menu>li.noDepth>a:after {
	content: "";
	position: absolute;
}

#lnb>ul>li>ul.sub_menu>li>ul.sub_menu li ul {
	display: none;
	background: #ffffff;
	padding-bottom: 10px;
}

#lnb>ul>li>ul.sub_menu>li>ul.sub_menu li li a {
	display: block;
	padding: 10px 0 10px 45px;
	color: #666;
	font-size: 14px;
}

#lnb>ul>li>ul.sub_menu>li>ul.sub_menu>li li a:hover {
	color: #005eaf;
}

/**************************************
** login
***************************************/
#login-wrap {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	background: #f3f6f9;
	justify-content: center;
}

.login {
	background: url('../images/login.jpg') no-repeat center;
	background-size: 800%;
	margin: 0 20px;
	max-width: 1080px;
	width: 100%;
	display: flex;
	border: 1px solid #f3f6f9;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
	box-shadow: 4px 5px 5px 3px #0780c20a;
}

.login-img {
	background: url('../images/login_bg.png') no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width: 470px;
	width: 100%;
}

.login-img3 {
	/* background: #f3f6f9 url('../images/login.jpg') no-repeat center; */
	background-size: 790%;
	text-align: center;
	max-width: 470px;
	width: 100%;
}

.loing_inputBox { /* background: #fff; */
	padding: 30px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.loing_input {
	max-width: 500px;
	min-width: 300px;
	width: 100%;
	height: 100%;
	height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 60px;
}

.logo_title {
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 15px;
	line-height: 30px;
}

.logo_title>img {
	width: 28px;
}

.login .login-logo {
	width: 155px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.login .login-logo img {
	text-align: center;
	margin: 0 auto;
}

.login .login-tit {
	text-align: left;
	color: #181818;
	font-weight: bold;
	padding-bottom: 10px;
}

.login .form-input {
	margin-bottom: 10px;
}

.login .form-input input {
	height: 50px;
	border-radius: 5px;
}

.login .login-btn {
	padding-top: 20px;
}

.login .login-btn button {
	height: 50px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Noto Sans Korean';
}

.loginWrap {
	background: url('../images/bg-3.jpg');
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.login.tp2 {
	display: block;
	max-width: 600px;
	padding: 20px;
}

.login.tp2 .login-tit {
	padding: 10px 0;
}

.login.tp2 .loing_input {
	height: 300px;
}
/****  // login //  ****/

/**************************************
** subtitle nav
***************************************/
.breadcrumb {
	
}

.breadcrumb-nav {
	border-bottom: 1px solid #eaeaea;
	height: 33px;
	line-height: 30px;
	padding: 0 20px;
	background: #fff;
}

.breadcrumb-nav ul {
	list-style: none;
	padding: 0;
	height: 100%;
	padding-left: 5px;
}

.breadcrumb-nav ul li {
	float: left;
	font-size: 12px;
	color: #b3b3b3;
}

.breadcrumb-nav ul li a:hover {
	text-decoration: underline;
}

.breadcrumb-nav i {
	color: #b3b3b3;
}

.breadcrumb-nav ul li:after {
	font-family: 'Material Icons';
	content: '\e5cc';
	font-size: 22px;
	vertical-align: middle;
	color: #d4d4d4;
}

.breadcrumb-nav ul li:last-child:after {
	content: "";
	margin: 0;
}
/****  // subtitle nav //  ****/

/**************************************
** 공통 page title
***************************************/
/* 조회 결과 없음 박스 */
.No-box {
	padding: 90px 0px;
}

.No-box .txt {
	
}

.calBox {
	min-height: 62px;
	padding: 10px;
	background-color: #e9f1f6;
	box-sizing: border-box;
}
/****  // 공통 //  ****/
.page-title {
	padding: 15px 15px 0 15px;
	background: #fff;
}

.page-title>.title {
	font-size: 20px;
	border-bottom: 1px solid #484848; /* margin: 0 10px; */
	padding-bottom: 10px;
}

.page-title>.title-s {
	font-size: 14px;
	font-weight: 500;
}

.page-title>.title-m {
	font-size: 16px;
	font-weight: 500;
}

.page-title>.title-b {
	font-size: 18px;
	font-weight: 500;
}

.tpl-box {
	background: #fff;
	padding: 15px;
}

.tpl-box.gutter-b { /* height: calc(100% - 25px); */
	/*margin-bottom: 25px;*/ /*margin-bottom: 13px;*/
	margin-bottom: 0px;
}

.tpl-head {
	padding: 0 0 10px 0;
}

.tpl-head-title {
	font-size: 15px;
	align-self: center;
	font-weight: 600;
}

.tpl-head-title>.material-icons {
	vertical-align: sub;
}

.tpl-body {
	
}

.tpl-body-left {
	width: 50%;
	float: left;
}

.tpl-body-right {
	width: 40%;
	float: right;
}

/**************************************
** button & badge
***************************************/
/* 공통 */
button:hover {
	cursor: pointer;
	outline: none;
}

.btn {
	display: inline-block;
	zoom: 1;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	vertical-align: middle;
	box-sizing: border-box;
	border: 0px;
	position: relative;
	padding: 0 10px;
}

.btn-line {
	display: inline-block;
	zoom: 1;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	vertical-align: middle;
	box-sizing: border-box;
	border: 0px;
	position: relative;
	padding: 0 10px;
}

.wideBtn {
	padding: 0 30px;
}

.btn-group {
	
}

.btn-box {
	padding: 10px 0 10px;
}

/* 크기 */
.btn.s0 {
	height: 25px;
}

.btn.s {
	height: 25px;
	line-height: 25px;
}

.btn.s2 {
	height: 35px;
}

.btn.m {
	height: 40px;
}

.btn.l {
	height: 45px;
}

/* 칼라 */
.btn.black {
	background-color: #545454;
	color: #fff;
}

.btn.gray {
	background-color: #cfcfcf;
	color: #fff;
}

.btn.gray-light {
	color: #181c32;
	background-color: #ddd;
}

.btn.dark {
	color: #fff;
	background-color: #181c32;
	border-color: #181c32;
}

.btn.red {
	color: #fff;
	background-color: #ee2d41;
	border-color: #ee2d41;
}

.btn.blue {
	color: #fff;
	background-color: #0069b5;
	border-color: #0069b5;
}

.btn.blue2 {
	color: #fff;
	background-color: #005eaf;
	border-color: #005eaf;
}

.btn.navy {
	color: #fff;
	background-color: #062850;
	border-color: #062850;
}

.btn.green {
	color: #fff;
	background-color: #0bb7af;
	border-color: #0bb7af;
}

.btn.yellow {
	color: #fff;
	background-color: #ffa800;
	border-color: #ffa800;
}

.btn.purple {
	color: #fff;
	background-color: #8950fc;
	border-color: #8950fc
}

/* 라인 */
.btn-line.black {
	color: #54585b;
	background-color: #fff;
	border: 1px solid #54585b;
}

.btn-line.gray {
	color: #969696;
	background-color: #fff;
	border: 1px solid #b5b5b5;
}

.btn-line.gray-light {
	color: #ddd;
	background-color: #fff;
	border: 1px solid #ddd;
}

.btn-line.dark {
	color: #181c32;
	background-color: #fff;
	border: 1px solid #181c32;
}

.btn-line.red {
	color: #ee2d41;
	background-color: #fff;
	border: 1px solid #ee2d41;
}

.btn-line.blue {
	color: #005eaf;
	background-color: #fff;
	border: 1px solid #005eaf;
}

.btn-line.green {
	color: #0bb7af;
	background-color: #fff;
	border: 1px solid #0bb7af;
}

.btn-line.yellow {
	color: #ffa800;
	background-color: #fff;
	border: 1px solid #ffa800;
}

.btn-line.purple {
	color: #8950fc;
	background-color: #fff;
	border: 1px solid #8950fc
}

/* 뱃지 */
.badge {
	border-radius: 20px;
	padding: 0px 7px;
	display: inline-block;
	font-weight: 400;
	box-sizing: border-box;
	text-align: center;
}

/* 뱃지 사이즈 */
.badge.s {
	height: 15px;
	line-height: 15px;
	padding: 0px 5px;
	font-size: 10px;
	font-weight: 500;
}

.badge.m {
	font-size: 13px;
	height: 18px;
	line-height: 17px;
}

.badge.l {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
}

/* 뱃지 칼라 */
.badge.gray {
	background-color: #b5b5b5;
	color: #fff;
}

.badge.gray2 {
	background-color: #8d9090;
	color: #fff;
}

.badge.red {
	background-color: #da291c;
	color: #fff;
}

.badge.black {
	background-color: #000;
	color: #fff;
}

.badge.bd.black {
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
}

/* 뱃지 이미지 */
.badge.imgNum {
	background: #da291c url("../../common/img/icon-money.png") no-repeat
		2.5px 50%;
	background-size: 10px;
	padding-left: 15px;
	color: #fff;
}

.badge.blue {
	background-color: #015182;
}

.badge.bing {
	background: #fff url("../../common/img/icon-bing.png") no-repeat 2px 50%;
	background-size: 10px;
	border: 1px solid #da291c;
	color: #da291c;
	padding-left: 15px;
	line-height: 13px;
}
/****  // button 디자인 //  ****/

/**************************************
** 폼 스타일
***************************************/
/* 폼 그룹 */
.group-box {
	display: flex;
	align-items: center;
}

.group-box>span {
	margin-right: 7px;
}

.group-box>span:last-child {
	margin-right: 0;
}

.radio-box {
	position: relative;
}

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

.radio-box input[type="radio"]+label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radio-box label::before {
	font-family: 'Material Icons';
	content: '\e836';
	font-size: 22px;
	vertical-align: middle;
	color: #e8e8e8;
	margin-right: 3px;
}

.radio-box input[type="radio"]:checked+label::before {
	content: '\e837';
	color: #005eaf;
}

.radio-box.txt label::before {
	display: none;
}

.radio-box.txt input[type="radio"]+label {
	border: 1px solid #e1e1e1;
	background-color: #f5f5f5;
	padding: 0px 15px;
	background-image: none;
	font-size: 13px;
	line-height: 22px;
	height: 25px;
}

.radio-box.txt input[type="radio"]:checked+label {
	border: 1px solid #005eaf;
	background-color: #005eaf;
	color: #fff;
}

.radio-box.txt input[type="radio"]:checked+label::before {
	display: none;
}

/* 체크박스 아이콘*/
.chk-box {
	position: relative;
}

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

.chk-box input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 25px;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
}

.chk-box label::before {
	font-family: 'Material Icons';
	content: '\e835';
	font-size: 20px;
	vertical-align: bottom;
	color: #e8e8e8;
	margin-right: 3px;
}

.chk-box input[type="checkbox"]:checked+label::before {
	content: '\e834';
	color: #005eaf;
}

.chk-box.star label::before {
	font-family: 'Material Icons';
	content: '\e83a';
	font-size: 22px;
	vertical-align: bottom;
	color: #e8e8e8;
	margin-right: 3px;
}

.chk-box.star input[type="checkbox"]:checked+label::before {
	content: '\e834';
	color: #005eaf;
}

.chk-box.login input[type="checkbox"]+label {
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* 스위치박스 */
.switchBox {
	position: relative;
	overflow: hidden;
}

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

.switchBox input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	height: 25px;
}

.switchBox label {
	background: url('../../common/img/switch-off.png') no-repeat 0px 0px;
	background-size: 38px;
}

.switchBox input[type="checkbox"]:checked+label {
	background: url('../../common/img/switch-on2.png') no-repeat 0px 0px;
	background-size: 40px;
}

/* 셀렉트 */
.sel-group {
	display: flex;
}

.sel-group select, .sel-group>span {
	margin-right: 8px;
	display: flex;
}

.sel-group select:last-child, .sel-group>span:last-child {
	margin-right: 0px;
}

/*.sel-box{display:inline-block;}
.sel-box select{position: relative;background:#fff url('../images/icon-arrow-down.png') no-repeat calc(100% - 6px) 53%;background-size:9px;font-size: 12px;border: 1px solid #ebedf3;color: #181818;min-width: 120px;max-width: 164px;width: 100%;height: 30px;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.sel-box select:before {font-family: 'Material Icons';content: '\e835';font-size: 22px;width: 100%;background: red;position: absolute;background: rebeccapurple;left: 0;top: 0;}
*/
.sel-box {
	position: relative;
	display: inline-block;
}

.sel-box select {
	background: #fff url('../images/icon-arrow-down.png') no-repeat
		calc(100% - 5px) 50%;
	background-size: 10px;
	outline: none;
	scroll-behavior: smooth;
	font-size: 12px;
	border: 1px solid #ebedf3;
	color: #181818;
	min-width: 140px;
	max-width: 258px;
	width: 100%;
	height: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.sel-box select::-ms-expand {
	display: none
}

.sel-box.w100, select {
	width: 100%;
}

.sel-box-basic-size {
	width: 90px !important;
}

.sel-box-70 {
	position: relative;
	display: inline-block;
}

.sel-box-70 select {
	background: #fff url('../images/icon-arrow-down.png') no-repeat
		calc(100% - 5px) 50%;
	background-size: 10px;
	outline: none;
	scroll-behavior: smooth;
	font-size: 12px;
	border: 1px solid #ebedf3;
	color: #181818;
	min-width: 70px;
	max-width: 258px;
	width: 100%;
	height: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.sel-box-70 select::-ms-expand {
	display: none
}

.sel-box-100 {
	position: relative;
	display: inline-block;
}

.sel-box-100 select {
	background: #fff url('../images/icon-arrow-down.png') no-repeat
		calc(100% - 5px) 50%;
	background-size: 10px;
	outline: none;
	scroll-behavior: smooth;
	font-size: 12px;
	border: 1px solid #ebedf3;
	color: #181818;
	min-width: 100px;
	max-width: 258px;
	width: 100%;
	height: 25px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.sel-box-100 select::-ms-expand {
	display: none
}

.inNum {
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
}

.inNum input[type="number"] {
	width: 40px;
	border-left: none;
	border-right: none;
	padding: 0px 5px;
}

/* 인풋 박스 */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type='text'], input[type='number'], input[type='email'], input[type='password']
	{
	padding: 5px 8px;
	border: solid 1px #ebedf3;
	background-color: #fff;
	height: 25px;
	vertical-align: middle;
	outline: none;
	min-width: 120px;
	font-size: 13px;
}

textarea:focus, select:focus, input:focus {
	border: solid 1px #005eaf;
	font-weight: normal;
}

textarea {
	border: solid 1px #ebedf3;
	padding: 10px;
	background: #fff;
	-webkit-appearance: none;
	outline: none;
	box-sizing: border-box;
	width: 100%;
	font-size: 12px;
	font-family: 맑은고딕, "Malgun Gothic", Dotum, Arial;
}

textarea:focus {
	
}

input:disabled {
	background-color: #f5f5f5 !important;
}

input.disabled {
	background-color: #E9E9E9 !important;
}

select:disabled {
	background-color: #E9E9E9 !important;
}

select.disabled {
	background-color: #E9E9E9 !important;
}

::placeholder {
	color: #9a9c9c;
}

/* 달력 */
input[type='text'].in-cal {
	background: #fff url('../images/icon-calendar.png') no-repeat 96% center;
	background-size: 16px;
	padding-right: 32px;
	box-sizing: border-box;
	max-width: 140px;
	width: 100%;
}

input.inbdb {
	border: none;
	border-bottom: 1px solid #ebedf3;
	background-color: initial;
}

input[type='text'].in-cal-left {
	background: #fff url('../images/icon-calendar.png') no-repeat 7px 3px;
	background-size: 16px;
	padding-left: 32px;
	box-sizing: border-box;
	min-width: 100px;
	max-width: 160px;
	width: 100%;
}

/* IOS */
input, textarea, select {
	-webkit-border-radius: 0; /* 모서리 스타일 제거 */
	-webkit-appearance: none; /* 인풋내 그림자 제거 */
}

.in-search {
	position: relative;
}

.in-search input {
	padding-right: 40px;
	box-sizing: border-box;
}

.in-search .btn {
	position: absolute;
	right: 0px;
	top: 0px;
}

.calin-box {
	overflow: hidden;
	position: relative;
}

.calin-box .calin {
	margin-right: 75px;
	width: auto;
}

.calin-box .btn {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 70px;
}
/****  // 폼스타일 //  ****/

/**************************************
**  달력 스타일
***************************************/
#datepicker {
	width: 100%;
	height: 100%;
	font-size: 16px;
	text-align: center;
}

/* calendar table */
.ui-datepicker {
	display: none;
	background-color: #fff;
	border-radius: 5px;
	margin-top: 3px;
	padding: 5px;
	width: 20em;
	box-sizing: border-box;
	position: absolute;
	border: 1px solid #ebedf3;
}

.ui-datepicker-header {
	position: relative;
	height: 30px;
}

.ui-datepicker-title {
	text-align: center;
	font-size: 16px;
	position: absolute;
	width: 100%;
}

.ui-datepicker-prev span, .ui-datepicker-next span {
	display: none;
}

.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 99;
}

.ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker-prev:before {
	font-family: 'Material Icons';
	content: '\e314';
	font-size: 24px;
	position: absolute;
}

.ui-datepicker-next {
	right: 5px;
}

.ui-datepicker-next:before {
	font-family: 'Material Icons';
	content: '\e315';
	font-size: 24px;
	position: absolute;
}

.ui-state-disabled {
	color: #cccfcf;
}

.ui-datepicker-calendar {
	width: 100%;
}

.ui-datepicker-calendar>thead>tr>th {
	padding: 5px;
	font-weight: 400;
	background: #f3f6f9;
	text-align: center;
}

.ui-datepicker-calendar>thead>tr>th:nth-of-type(1) {
	color: #da291c;
}

.ui-datepicker-calendar>tbody>tr>td {
	border-radius: 100%;
	cursor: pointer;
	text-align: center;
	margin: 0 auto;
}

.ui-datepicker-calendar>tbody>tr>td>a {
	color: #181818;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	display: block;
	padding: 4px;
}

.ui-datepicker-calendar>tbody>tr>td>a.ui-state-active {
	background-color: #005eaf;
	display: inline-block;
	width: 26px;
	height: 26px;
	color: #fff;
	padding-top: 2px;
	border-radius: 100px;
}

.ui-datepicker-calendar>tbody td:first-child a {
	color: #da291c;
}

.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {
	cursor: auto;
	background-color: #fff;
}

.calArea .ui-datepicker-inline {
	z-index: 1;
}

.calArea .ui-state-active {
	
}

.ui-datepicker select.ui-datepicker-year {
	width: 25%;
}

.ui-datepicker select.ui-datepicker-month {
	width: 25% !important;
}

/******* // 달력 스타일 // *******/

/**************************************
** table 공통
***************************************/
.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table {
	width: 100%;
	margin-bottom: 1rem;
	color: #3f4254;
	background-color: transparent;
	font-family: 맑은고딕, "Malgun Gothic", Dotum, Arial;
	font-size: 12px;
}

.table:not(.table-border) thead td, .table:not(.table-border) thead th {
	
}

.table thead th {
	border-bottom: 2px solid #ebedf3;
	text-align: center;
}

.table thead td, .table thead th {
	border-bottom-width: 1px;
}

.table td, .table th {
	padding: 3px 8px;
	vertical-align: middle;
	border-top: 1px solid #ebedf3;
	font-weight: normal;
	line-height: 1.4;
	height: 32px;
}

.table tbody th {
	text-align: center;
	font-weight: 700;
}

.table td button, .table th button {
	
}

.table .thead-light th {
	color: #181818;
	background-color: #f3f6f9;
	border-color: #ebedf3; /* padding: 5px 8px; */
}

.table .thead-light.th-left th {
	text-align: left;
}

.table .thead-light td {
	border-bottom: 1px solid #ebedf3;
}

.table .tbody-light th {
	color: #181818;
	background-color: #f3f6f9;
	border-color: #ebedf3;
}

.table .tbody-light tr:last-child {
	border-bottom: 1px solid #ebedf3;
}

.table.border-line {
	border-top: 1px solid #ebedf3;
	border-bottom: 1px solid #ebedf3;
}

.table.border-line th {
	border-right: 1px solid #eaeaea;
	font-weight: 600;
	padding: 6px 8px;
}

.table.border-line td {
	border-right: 1px solid #eaeaea;
}

.table.border-line th:last-child, .table.border-line td:last-child,
	.table.border-line th:last-child, .table.border-line td:last-child {
	border-right: 0;
}

.table-border {
	border: 1px solid #ebedf3;
}

.table-border td, .table-border th {
	border: 1px solid #ebedf3;
}

.table thead .th-sort {
	color: #aeaeae;
	cursor: pointer;
	margin: 0px -2px;
}

.table thead .th-sort.active {
	color: #0b8ae6;
}

.table thead .th-sort2 {
	color: #aeaeae;
	cursor: pointer;
	margin: 0px -2px;
}

.table thead .th-sort2.active {
	color: #0b8ae6;
}

.table td .link:hover {
	text-decoration: underline;
	cursor: pointer;
}
/******* // tableBox // *******/

/*  pagenation  */
.pgntn-wrap {
	padding-top: 20px;
	padding-bottom: 30px;
	overflow: hidden;
	margin: 0 auto;
}

.page-nav {
	display: flex;
	justify-content: center;
}

.page-nav a {
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}

.page-nav a.on {
	background: #b1c1d4;
	color: #fff;
}

.page-prev:after {
	font-family: 'Material Icons';
	content: '\e5de';
	font-size: 24px;
	color: #b1c1d4;
}

.page-next:after {
	font-family: 'Material Icons';
	content: '\e5df';
	font-size: 24px;
	color: #b1c1d4;
}
/*  //pagenation  */

/**************************************
** popup 공통
***************************************/
/* 공통 */
.popup-box {
	overflow: hidden;
}

.popup-box .popup-head {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	background-color: #f3f6f9;
	padding: 0px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	font-weight: bold;
}

.popup-box .popup-close {
	position: absolute;
	right: 10px;
	top: 3px;
}

.popup-box .popup-body {
	overflow: hidden;
	padding: 10px;
}

.popup-box .popup-body .info-box {
	border-top: 1px solid #ebedf3;
}

.popup-box .popup-body .info-box li {
	padding: 5px 0;
	border-bottom: 1px solid #ebedf3;
}

.popup-box .popup-footer {
	border-top: 1px solid #e1e1e1;
}

.popup-box .popup-footer .btnBox {
	overflow: hidden;
}

.popup-box.search {
	
}

.popup-box.send {
	
}

/**************************************
** cheditor
***************************************/
.cheditor-tb-wrapper {
	height: 56px !important;
}

/**************************************
** 첨부파일
***************************************/
::-webkit-file-upload-button {
	cursor: pointer;
}

.file-remove-btn {
	cursor: pointer;
	border: 1px solid #6e6e6e;
	border-radius: 4px;
	margin-left: 8px;
}

.filebox {
	border: 1px solid transparent;
	height: 24px;
	padding: 3px 8px;
}

.filebox:not(:last-child) {
	margin-bottom: 4px;
}

.file-link:hover {
	cursor: pointer;
	text-decoration: underline;
}

.table thead .th-sort2 {
	color: #aeaeae;
	cursor: pointer;
	margin: 0px -2px;
}

.table thead .th-sort2.active {
	color: #0780C2;
}

.table td .link:hover {
	text-decoration: underline;
	cursor: pointer;
}
/******* // tableBox // *******/

/*  pagenation  */
.pgntn-wrap {
	padding-top: 20px;
	padding-bottom: 30px;
	overflow: hidden;
	margin: 0 auto;
}

.page-nav {
	display: flex;
	justify-content: center;
}

.page-nav a {
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
}

.page-nav a.on {
	background: #b1c1d4;
	color: #fff;
}

.page-prev:after {
	font-family: 'Material Icons';
	content: '\e5de';
	font-size: 24px;
	color: #b1c1d4;
}

.page-next:after {
	font-family: 'Material Icons';
	content: '\e5df';
	font-size: 24px;
	color: #b1c1d4;
}
/*  //pagenation  */

/**************************************
** popup 공통
***************************************/
/* 공통 */
.popup-box {
	overflow: hidden;
}

.popup-box .popup-head {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	background-color: #f3f6f9;
	padding: 0px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	font-weight: bold;
}

.popup-box .popup-close {
	position: absolute;
	right: 10px;
	top: 3px;
}

.popup-box .popup-body {
	overflow: hidden;
	padding: 10px;
}

.popup-box .popup-body .info-box {
	border-top: 1px solid #ebedf3;
}

.popup-box .popup-body .info-box li {
	padding: 5px 0;
	border-bottom: 1px solid #ebedf3;
}

.popup-box .popup-footer {
	border-top: 1px solid #e1e1e1;
}

.popup-box .popup-footer .btnBox {
	overflow: hidden;
}

.popup-box.search {
	
}

.popup-box.send {
	
}

/**************************************
** cheditor
***************************************/
.cheditor-tb-wrapper {
	height: 56px !important;
}

/**************************************
** 첨부파일
***************************************/
::-webkit-file-upload-button {
	cursor: pointer;
}

.file-remove-btn {
	cursor: pointer;
	border: 1px solid #6e6e6e;
	border-radius: 4px;
	margin-left: 8px;
}

.filebox {
	border: 1px solid transparent;
	height: 24px;
	padding: 3px 8px;
}

.filebox:not(:last-child) {
	margin-bottom: 4px;
}

.file-link:hover {
	cursor: pointer;
	text-decoration: underline;
}

/*
** 툴팁
*/
.tooltip {
	position: fixed;
	padding: 10px 20px;
	border: 1px solid #b3c9ce;
	border-radius: 4px;
	text-align: left;
	font-size: 12px;
	font-family: 맑은고딕, "Malgun Gothic", Dotum, Arial;
	white-space: pre-line;
	color: #333;
	background: #fff;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}