@charset "utf-8";



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: 400;
	/*font-family: 'Noto Sans KR';
	font-family: 'notokr';*/
    font-family: 'SMTOWN','NanumGothic';
    font-family: 'SMTOWN','notokr';
}

img {
	image-rendering: -moz-auto; /* Firefox */
	image-rendering: -o-auto; /* Opera */
	image-rendering: -webkit-optimize-contrast;
	/* Webkit (non-standard naming) */
	image-rendering: auto;
	-ms-interpolation-mode: bicubic;; /* IE (non-standard property) */
}

a {
	color: #ffffff;
}

a:hover, a:link, a:visited {
	text-decoration: none;
	color: #000;
	box-shadow: none;
	outline: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	/* font-size: 0; */
	background: #323232;
/* min-width: 1440px; */
/* 1440px 에도 보이게하기위해 수정 0827	min-width: 1910px; */
	min-width: 1885px;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	background-clip: padding-box;
	width: 100%;
	table-layout: fixed;
}

th {
	background-clip: padding-box !important;
}

caption {
	display: none;
}

input[type="text"], input[type="password"] {
	border: 1px solid #a9a9a9;
	height: 36px;
	line-height: 1.5;
	padding: 0px 15px;
	color: #8FB0D2;
	border-radius: 4px;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	color: #6C6C6C !important;
	font-size: 14px;
	letter-spacing: -1px;
}
input.readonly, input:read-only, input[readonly], input[readonly="readonly"],
input[type='text'].readonly, input[type='password'].readonly, .readonly{
	background:#eaeaea !important;
}
.readonly{
	background:#eaeaea !important;
}
select {
	    background-image: url(../images/common/select_arrow2.png) !important;
    background-size: 8px !important;
    background-position: right 10px bottom 48% !important;
    background-repeat: no-repeat !important;
	background-color: #fff;
}

select {
	vertical-align: top;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #a9a9a9;
	padding: 8px 15px;
	height: 36px;
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	-webkit-appearance: none;
	position: relative;
	color: #373737;
	appearance: none;
}
select option{
	color: #a4acb6;
}
select::-ms-expand {
	display: none;
}
/* 서브 */
body.subBody.line {
	
}

/* 헤더 */
.header {
	
}

.topArea {
	
}

.topMenu {
	
}

.topMenu li {
	
}

.topMenu li:hover {
	
}

.topMenu li a {
	
}

.topMenu li.logout {
	
}

.topMenu li.logout a {
	
}

.header .logo {
	position: static;
	height: 60px;
	display: inline-block;
}

.header .logo a {
	height: 100% !important;
}

.gnbArea {
	
}

.gnbMenu {
	position: static;
	float: right;
}

.gnbMenu>li {
	
}

.gnbMenu>li>a {
	padding: 0 30px;
}

.gnbMenu>li.selected>a, .gnbMenu>li:hover>a {
	
}

.gnbMenu>li:hover .gnbSub {
	
}

.gnbSub {
	
}

.gnbSub li a {
	
}

.gnbSub li a:hover {
	
}

/* 컨텐츠 */
.container {
	
}

/* 열기,접기 버튼 */
.gnbToggleBtn {
	
}

.gnbToggleBtn.on {
	
}

.lnbToggleBtn {
	
}

.lnbToggleBtn.on {
	
}

/* LNB메뉴 */
.lnbArea {
	
}
.lnbArea.trans{
	width: 40px;
	overflow: hidden;
}
.lnbtit {
	height: auto;
	border: 0;
}

.lnbtit:after {
	background: #fff;
	display: none;
}

.lnbtit h2 {
	color: #010101;
	background-image: none;
	padding-left: 0;
	line-height: 40px;
	    display: none;
}

.lnbMenu {
	/*border-bottom:2px solid #e6e7e7;*/
    height: 575px;
    overflow: auto;
}

.lnbMenu li {
	padding: 0;
	border: 0;
	position: relative;
	/*transition: all 0.5s;*/
}
.lnbMenu>li:before{font-family: "epicfont2";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;position: absolute;left: 26px;font-size: 19px;top: 10px;color:#6C6C6C;z-index: 100;}
.lnbMenu>li:hover:before, .lnbMenu>li.selected:hover:before,lnbMenu>li.selected:before{color:#fff;/* z-index:10; */}
.lnbMenu>li:nth-child(1):before{
	content: "\e866";
}
.lnbMenu>li:nth-child(2):before{
	content: "\e86d";
}
.lnbMenu>li:nth-child(3):before{
	content: "\e877";
}
.lnbMenu>li:nth-child(4):before{
	content: "\e87c";
}
.lnbMenu>li:nth-child(5):before{
	content: "\e886";
}
.lnbMenu>li:nth-child(6):before{
	content: "\e88f";
}
.lnbMenu>li:hover{
	background: #434867;
}
.lnbMenu li:hover a{
	color: #fff;
}
.lnbMenu li.selected{background: #ffffff;}
.lnbMenu li.selected>a {
	background: #434867;
	z-index: 9;
}
.lnbMenu li.selected>a{
	color:#fff;
	z-index: 10;
	font-weight: 500;
}

.lnbMenu li.selected:before{color:#fff;}
.lnbMenu li.selected>a:hover {
	color: #fff;
}

.lnbMenu li a {
	background-image: none;
	padding: 0;
	line-height: 1;
	transition: all 0.5s;
	color: #6C6C6C;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -1px;
	background-image: none;
	line-height: 18px;
}
.lnbMenu li>a{
	padding: 11px 60px;
	position:relative;
}
.lnbMenu li>a:after{
	content: '\e82a';
	position:absolute;
	font-family: "epicfont";
	right: 37px;
	font-size: 14px;
	font-weight: 900;
	transition: transform 0.5s;
} 
.lnbMenu li.selected>a:after{
	transform: rotate(90deg);
}
.lnbMenu li .new_window{
	cursor: pointer;
	float: right;
	position: absolute !important;
	right: 0;
	top: 4px;
	color: #ffffff !important;
	width: auto !important;
	z-index: 100;
	font-size: 22px !important;
	opacity: 0;
	padding: 0 !important;
	z-index: 20;
}
.lnbMenu li .new_window:before,.lnbMenu li .new_window:after{
	display:none;
}
.lnbMenu li .lev1,.lnbMenu li .lev2{
	display:none 
}
.lnbMenu li .lev1.trans,.lnbMenu li .lev2.trans{
	display:block;
}

.lnbMenu li .lev1{margin-top: 0;position: relative;}
.lnbMenu li .lev1 li{border-bottom: 0;margin-bottom: 0;padding: 0;}
.lnbMenu li .lev1>li:before{
	content:"";
	width: 1px;
	height: 100%;
	display: inline-block;
	background: #BBBBBB;
	position: absolute;
	top: 0;
	left: 34px;
}
.lnbMenu li .lev1>li:last-child:before{
	height:13px;
}
.lnbMenu li .lev1>li>a{
	background-image: none;
	padding-left: 10px;
	line-height: 1;
	color: #6C6C6C;
	font-size: 14px;
	padding: 8px 5px;
	width: 210px;
	padding-left: 54px;
	position:relative;
}
.lnbMenu li .lev1>li>a>.menu_icon{

}
.lnbMenu li .lev1>li>a>.menu_icon:before{
  font-family: "epicfont2";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lnbMenu li>.lev1>li>a>.menu_icon:before{font-size: 18px;margin: 0 3px;}

.lnbMenu li .lev1>li>a.active,.lnbMenu li .lev1>li>a:hover{
	color: #434867;
	font-weight: 600;
}
.lnbMenu li .lev1>li:hover .new_window{
	color: #434867;
	opacity: 1;
}
.lnbMenu li .lev1>li>a.active .menu_icon:before{
	color: #434867;
}
.lnbMenu li .lev1>li>a:before{
	content:'';
	width: 10px;
	height: 1px;
	background: #BBBBBB;
	position:absolute;
	left: 35px;
	top: 13px;
	z-index: 10;
}
.lnbMenu li .lev1>li>a:after{
	content:'';
	width: 5px;
	height: 5px;
	border-radius:100%;
	position:absolute;
	left: 45px;
	background: #bbb;
	top: 11px;
}

.lnbMenu li .lev2 li{
}
.lnbMenu li .lev2>li:before{
	content:"";
	width: 1px;
	height: 100%;
	display: inline-block;
	background: #bbb;
	position: absolute;
	top: 0;
	left: 43px;
}
.lnbMenu li .lev2>li:last-child:before{
	height:13px;
}
.lnbMenu li .lev2 li a{
	font-size: 14px;
	line-height: 1;
	color: #e0e0e0;
	padding: 5px;
	padding-left: 70px;
	position:relative;
}
.lnbMenu li .lev2 li a:before{
	content:'';
	width: 12px;
	height: 1px;
	background: #bbb;
	position:absolute;
	left: 44px;
	top: 12px;
	z-index: 10;
}
.lnbMenu li .lev2 li a:after{
	content:'';
	width: 5px;
	height: 5px;
	border-radius:100%;
	position:absolute;
	left: 55px;
	background: #bbb;
	top: 10px;
}
/*계약관리 레벨2 icon*/
.lnbMenu li:nth-child(1)>.lev1>li:nth-child(1)>a>.menu_icon:before{
	content:"\e85f";
}
.lnbMenu li:nth-child(1)>.lev1>li:nth-child(2)>a>.menu_icon:before{
	content: '\e860';
}
.lnbMenu li:nth-child(1)>.lev1>li:nth-child(3)>a>.menu_icon:before{
	content: '\e861'; 
}
.lnbMenu li:nth-child(1)>.lev1>li:nth-child(4)>a>.menu_icon:before{
	content: '\e862'; 
}
.lnbMenu li:nth-child(1)>.lev1>li:nth-child(5)>a>.menu_icon:before{
	content: '\e863';
}
.lnbMenu li:nth-child(1)>.lev1>li:nth-child(6)>a>.menu_icon:before{
	content: '\e864';
}
.lnbMenu li:nth-child(1)>.lev1>li:nth-child(7)>a>.menu_icon:before{
	content: '\e865';
}
.lnbMenu li:nth-child(2)>.lev1>li:nth-child(1)>a>.menu_icon:before{
	 content: '\e867'; 
}
.lnbMenu li:nth-child(2)>.lev1>li:nth-child(2)>a>.menu_icon:before{
	content: '\e868';
}
.lnbMenu li:nth-child(2)>.lev1>li:nth-child(3)>a>.menu_icon:before{
	content: '\e869'; 
}
.lnbMenu li:nth-child(2)>.lev1>li:nth-child(4)>a>.menu_icon:before{
	content: '\e86a'; 
}
.lnbMenu li:nth-child(2)>.lev1>li:nth-child(5)>a>.menu_icon:before{
	content: '\e86b'; 
}
.lnbMenu li:nth-child(2)>.lev1>li:nth-child(6)>a>.menu_icon:before{
	content: '\e86c'; 
}

.lnbMenu li:nth-child(3)>.lev1>li:nth-child(1)>a>.menu_icon:before{
	content: '\e86e';
}
.lnbMenu li:nth-child(3)>.lev1>li:nth-child(2)>a>.menu_icon:before{
	content: '\e86f';
}
.lnbMenu li:nth-child(3)>.lev1>li:nth-child(3)>a>.menu_icon:before{
content: '\e870'; 
}
.lnbMenu li:nth-child(3)>.lev1>li:nth-child(4)>a>.menu_icon:before{
	content: '\e871';
}
.lnbMenu li:nth-child(3)>.lev1>li:nth-child(5)>a>.menu_icon:before{
	content: '\e872';
}
.lnbMenu li:nth-child(3)>.lev1>li:nth-child(6)>a>.menu_icon:before{
content: '\e873';
	
}
.lnbMenu li:nth-child(3)>.lev1>li:nth-child(6)>a>.menu_icon:before{
content: '\e873';
}
.lnbMenu li:nth-child(3)>.lev1>li:nth-child(7)>a>.menu_icon:before{
content: '\e874'; 
}
.lnbMenu li:nth-child(3)>.lev1>li:nth-child(8)>a>.menu_icon:before{
content: '\e875';
}
.lnbMenu li:nth-child(3)>.lev1>li:nth-child(9)>a>.menu_icon:before{
content: '\e876';
}



.lnbMenu li:nth-child(4)>.lev1>li:nth-child(1)>a>.menu_icon:before{
 content: '\e878';
}
.lnbMenu li:nth-child(4)>.lev1>li:nth-child(2)>a>.menu_icon:before{
content: '\e879';
}
.lnbMenu li:nth-child(4)>.lev1>li:nth-child(3)>a>.menu_icon:before, .lnbMenu li:nth-child(4)>.lev1>li:nth-child(5)>a>.menu_icon:before{
content: '\e87a';
}
.lnbMenu li:nth-child(4)>.lev1>li:nth-child(4)>a>.menu_icon:before{
content: '\e87b'; 
}


.lnbMenu li:nth-child(5)>.lev1>li:nth-child(1)>a>.menu_icon:before{
	 content: '\e87d'; 
}
.lnbMenu li:nth-child(5)>.lev1>li:nth-child(2)>a>.menu_icon:before{
	content: '\e87e'; 
}
.lnbMenu li:nth-child(5)>.lev1>li:nth-child(3)>a>.menu_icon:before{
	content: '\e87f';
}
.lnbMenu li:nth-child(5)>.lev1>li:nth-child(4)>a>.menu_icon:before{
	content: '\e880';
}
.lnbMenu li:nth-child(5)>.lev1>li:nth-child(5)>a>.menu_icon:before{
	content: '\e881';
}
.lnbMenu li:nth-child(5)>.lev1>li:nth-child(6)>a>.menu_icon:before{
	content: '\e882'; 
}
.lnbMenu li:nth-child(5)>.lev1>li:nth-child(7)>a>.menu_icon:before{
	content: '\e883';	
}
.lnbMenu li:nth-child(5)>.lev1>li:nth-child(8)>a>.menu_icon:before{
	content: '\e884';	
}
.lnbMenu li:nth-child(5)>.lev1>li:nth-child(9)>a>.menu_icon:before{
	content: '\e885';
}


.lnbMenu li:nth-child(6)>.lev1>li:nth-child(1)>a>.menu_icon:before{
content: '\e887';
}
.lnbMenu li:nth-child(6)>.lev1>li:nth-child(2)>a>.menu_icon:before{
	content: '\e888';
}
.lnbMenu li:nth-child(6)>.lev1>li:nth-child(3)>a>.menu_icon:before{
	 content: '\e889';
}
.lnbMenu li:nth-child(6)>.lev1>li:nth-child(4)>a>.menu_icon:before{
	 content: '\e88a';
}
.lnbMenu li:nth-child(6)>.lev1>li:nth-child(5)>a>.menu_icon:before{
	 content: '\e88b';
}
.lnbMenu li:nth-child(6)>.lev1>li:nth-child(6)>a>.menu_icon:before{
	 content: '\e88c';
	
}
.lnbMenu li:nth-child(6)>.lev1>li:nth-child(7)>a>.menu_icon:before{
 content: '\e88d';
	
}
.lnbMenu li:nth-child(6)>.lev1>li:nth-child(8)>a>.menu_icon:before{
	 content: '\e88e';
	
}
.lnbMenu li>.lev1>li>a>.menu_icon:before{
	content: '\e86b';
}
/* 컨텐츠 내용 */
.content {
	background: #f5f5f5;
	width: 100%;
	margin: auto;
	padding: 0;
	font-size: 0;
	padding-left: 245px;
	/*transition: all 0.5s;*/
	min-height: 100vh;
	position: relative;
}
.content.trans{
	padding-left: 40px;
}
/* 타이틀 디자인 */
.topTit {
	
}

.topTit h4 {
	
}

.sub_tit {
	
}

.sub_tit h3 {
	font-weight: 900;
}

.sub_tit h3:after {
	display: none;
}

.sub_tit h3 em {
	
}

/* 검색폼 */
.stit {
	
}
th .stit{
	height: auto;
	line-height: 1;
	vertical-align: middle;
}
.search_field_wrap {
	
}

.search_field_area {
	display: block;
	padding-bottom: 20px;
}
.pop-wrap .popup-content .search_field_wrap{
	    width: 100%;
	    position: static;
	    height: auto;
	    border-radius: 6px;
	    overflow: hidden;
	    border: 0 !important;
}
.pop-wrap .popup-content .search_field_wrap .search_field_area{
	background-color: #F5F5F5;
	margin-bottom: 20px;
    border-radius: 6px;
       padding-bottom: 0;
}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul{font-size: 0;padding: 20px;display: block;  white-space: normal;}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul li{
	width:19.1%;
	display: inline-block;
	margin-right:10px;
	margin-top:0;
	vertical-align: top;
   
}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul li:last-child{
	margin-right:0;
}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_1 li{
	width: 100%;
}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_2 li{
	width: 49.44%;
	margin-top: 0;
}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_3 li{
	width: 32.5%;
	margin-top: 0;
}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_4 li{
	width: 24.16%;
	margin-top:0;
}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_5 li{
	
}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_9 li{
	width: 32.58%;
	margin-bottom: 10px;
}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_9 li:nth-child(3),
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_9 li:nth-child(6){
	margin-right:0;
}
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_9 li:nth-child(7),
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_9 li:nth-child(8),
.pop-wrap .popup-content .search_field_wrap .search_field_area ul.li_9 li:nth-child(9){
	margin-bottom:0;
}
.pop-wrap .popup-content .search_btn_box{
	padding:0;
	text-align: center;
	margin-bottom: 20px;
}
.pop-wrap .popup-content .search_btn_box .search_btn{
	width:116px;
	margin:auto;
}
.search_field_area ul{padding: 20px 10px;}
.search_field_area ul li{
	margin-top: 20px;
}
.search_field_area ul li:first-child{
	margin-top: 0;
}
.search_field_area ul li p{
	font-size: 14px;
	color: #373737;
	font-weight: 600;
	margin-bottom: 7px;
	letter-spacing: -1px;
}
.search_field_area ul.function_ver{
	transition: max-height 0.5s;
	max-height: 480px;
	overflow: hidden;
}
.search_field_area ul.function_ver.trans{
	max-height:1500px;
}
.search_field {
	
}
.search_field_area ul li.check_radio_box_ver p{
	display:inline-block;
}
.search_field_area ul li.check_radio_box_ver .check_radio_box {
	display:inline-block;
	    position: relative;
    top: 3px;
    margin-left: 10px;
	
}
.search_field_area ul li.check_radio_box_ver .check_radio_box input[type="checkbox"]:checked+label:after{
	left: 3px;
    top: 4px;
}
.search_field tbody th, .search_field tbody td {
	
}

.search_field tbody th {
	
}

.search_btn_area {
	
}
.search_btn_box{
	padding: 0 10px;
}

.search_btn_box .search_btn {
	width:100%;
	text-align:center;
	border-radius: 4px;
	background-color: #434867;
	height: 36px;
	font-size: 14px;
	padding: 5px;
	font-weight: 400;
}
.search_btn_box .search_btn i{
	font-size: 18px;
	margin-left: -10px;
	position: relative;
	top: -1px;
	margin-right: 2px;
}
.search_btn_box .search_btn i.fas.fa-search:before{
	font-family: "epicfont";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
	font-variant: normal;
	text-transform: none;
	margin-left: .2em;
	/* font-size: 120%; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
	content: '\e8d3';
}
.search_btn:hover {
	
}

.search_btn i {
	
}

.search_field td label:first-child {
	
}

.search_field td label input {
	
}

.search_field td label {
	
}

.readonly, .v_visible {
	
}

.v_hidden {
	visibility: hidden;
}

.inputView {
	border: 0 !important;
	outline: none;
}

/* 테이블 스타일 */
.tableStyle {
	border: 0;
}
.tableStyle table{

}
.tableStyle th {
	
}

.tableStyle tbody th {
	padding: 5px 10px;
	/* padding-bottom:0; */
	vertical-align: top;
}
.tableStyle tbody tr:last-child th{
	/*padding-bottom:5px;*/
}
.tableStyle td {
	height: auto;
	/* border: 0; */
	padding: 5px;
	padding: 8px 15px;
	/* padding-bottom: 0; */
	vertical-align: top;
	box-sizing: border-box;
	border-bottom: 0;
	vertical-align: middle;
	position: relative;
}
.tableStyle tr:last-child td {
	/*padding-bottom:5px;*/
}
.tableStyle td label:first-child {
	
}

.tableStyle td label input {
	
}

.tableStyle td label {
	
}

.tableStyle td label.tBtn {
	
}

/* 버튼 */
.btnArea {
	
}

.btn,.topTit+.grid_box .sub_tit .btn,.topTit+.duble_grid_box .grid_box .sub_tit .btn{
	background: #007fe6;
	border: 1px solid #A7A7A7;
	border-radius: 4px;
	background-color: #FFFFFF;
	box-shadow: 0 1px 0 0 rgba(22,29,37,0.05) !important;
	padding: 0;
	color: #373737 !important;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: -1px;
	padding: 6px 18px;
	width: auto;
	height: auto;
	line-height: 1;
	min-height: auto;
}
.topTit+.duble_grid_box.ver1 .grid_box .sub_tit .btn,.topTit+.grid_box.ver2 .sub_tit .btn{
	font-size: 12px;
	font-weight: 900;
	letter-spacing: -0.7px;
    height: 27px;
    padding: 4px 15px;
}
.btn:hover {
	
}

.btn i,.topTit+.grid_box .sub_tit +.btn i ,.topTit+.duble_grid_box .grid_box .sub_tit +.btn i {
	color: #373737 !important;
	font-size: 18px;
	font-weight: 400;
	margin-right: 5px;
}
.btn i.fa-edit:before{content: '\e8c8';font-family: "epicfont2";}
.btn i.fa-clipboard-check:before{
content: '\e85e';
    font-family: "epicfont";
    position: relative;
    top: 2px;
}
.tBtn {
	height: auto;
	line-height: 36px;
	border-radius: 5px;
	background: #007fe6;
	border: 0;
	height: 100%;
	line-height: 24px;
	background-color: #434867;
}

.tBtn:hover {
	
}

.ibtn {
	
}

.ibtn i {
	
}

.iconArea i {
	
}

.popBtn {
	
}

.popBtn:hover {
	
}

.popBtn.navy {
	
}

.popBtn.navy:hover {
	
}

.popBtn.gray {
	
}

.popBtn.gray:hover {
	
}

.btn.icon {
	
}

.btn.icon i {
	
}

.btmBtnArea {
	
}

/* 팝업 */
.popup-header {
	padding: 12px 20px;
	background-color: #EDEDED;
}

.popup-header h2 {
	color: #373737;
	font-size: 20px;
	font-weight: 900;
	letter-spacing: -1px;
	height: auto;
	float: none;
	line-height: 1;
}
.popup-header h2:before {
    font-family: 'newsm_icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e90a";
    font-size: 20px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.popup-header .closeBtn {
	text-indent: 0;
	background: none;
	width: auto;
	height: auto;
	font-size: 28px;
	top: 16px;
}
.popup-header .closeBtn i{
	color: #373737;
}
	
.pop-wrap .popup-content {
    max-height: 822px;
    overflow: auto;
}
.pop-wrap .popup-content .grid_box.ver2{
	border: 0;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
}
.pop-wrap .popup-content .grid_box.ver2 .table_box{
	padding: 0;
}
.pop-wrap .popup-content .grid_box.ver2 .table_box tr:nth-child(1) td,
.pop-wrap .popup-content .grid_box.ver2 .table_box tr:nth-child(1) th{
	border-top:0;
}
.pop-wrap .popup-content .grid_box.ver2 .tableStyle tbody tr:last-child th,
.pop-wrap .popup-content .grid_box.ver2 .tableStyle tbody tr:last-child td{
	padding-bottom:10px;
}
/* 기타 */
.upload-hidden {
	
}

.req {
	
}

.color01 {
	
}

.color02 {
	
}

.color03 {
	
}

/* 양분할 레이아웃 가운데 버튼 */
.doubleLayout {
	
}

.doubleLayout .layer {
	
}

.doubleLayout .layer.left {
	
}

.doubleLayout .layer.center {
	
}

.doubleLayout .layer.right {
	
}

/* 양분할 레이아웃 */
.layoutArea {
	
}

.layoutLeft {
	
}

.layoutRight {
	
}

.layoutArea.st2 .layoutLeft {
	
}

.layoutArea.st2 .layoutRight {
	
}

/* 기타 */
.infotxt {
	
}

.infotxt strong, .infotxt a {
	
}

/* 페이징 */
.pageing {
	position: static;
	font-size:0;
	overflow: auto;
	margin-top: 10px;
}

.pageing a {
	height: 36px;
	width: 36px;
	border: 1px solid #A7A7A7;
	background-color: #FFFFFF;
	box-shadow: 0 1px 0 0 rgba(22,29,37,0.05);
	margin: 0;
	line-height: 34px;
	color: #6C6C6C;
	font-size: 14px;
	letter-spacing: -1px;
	vertical-align: top;
	border-right: 0;
}

.pageing a[onclick]:first-child{
    border-radius: 4px;
    margin-right: 10px;
    border-right: 1px solid #a7a7a7;
}
.pageing a.first.true_select{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0px;
	margin-right:0;
}
.pageing a[onclick]:first-child+.pre{
	border-left:0;
	margin-right: 10px;
	border-radius: 0 4px 4px 0;
	border-right: 1px solid #a7a7a7;
}
.pageing .first+a:not(.pre),.pageing .pre+a,.pageing a:first-child{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}




.pageing a.last{
    border-radius:4px;
    border-right: 1px solid #a7a7a7;
    margin-left: 10px;
}
.pageing a.next{
	border-radius:4px 0 0 4px;
	margin-left:10px;
}
.pageing a.next+.last{
    border-radius: 0 4px 4px 0;
    margin-left: 0px;
}

.pageing a.true_select1, 
.pageing a:not(.next).true_select2, 
.pageing a:last-child{	
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-right: 1px solid #a7a7a7;
}
.pageing a:hover {
	border-color: #434868;
}

.pageing a.selected {
	
}

.pageing a.first i, .pageing a.pre i, .pageing a.next i, .pageing a.last i
	{
	
}

.total {
	text-indent: -999px;
	    display: none;
}

.total em {
	
}

/* 풋터 */
.footer {
	
}

.footer .inner {
	width: 1200px;
	margin: 0 auto;
}

.footer .inner p {
	color: #373737;
	font-size: 12px;
	letter-spacing: -0.7px;
	line-height: 18px;
    margin-bottom: 9px;
    margin-top: 2px;
}
.footer .inner p:last-child{
	margin:0;
}
.footer .inner p i{
	font-size: 14px;
	font-weight: 500;
}
.familySite {height: 36px;width: 202px;border: 1px solid #51545C;border-radius: 4px;background-color: #E3E3E3;box-shadow: 0 1px 0 0 rgba(22,29,37,0.05);}

/* 텝디자인 */
.tabDesign {
	height: auto;
	font-size: 0;
	width: 100%;
	border-bottom: 1px solid #BBBBBB;
}

.tabDesign li {
	float: none;
	display: inline-block !important;
	border: 0;
	background: #fff;
	padding: 0;
	margin-right: 20px;
	padding-bottom: 10px;
}
.tabDesign li:last-child{margin-right:0;}
.tabDesign li a.tabtext {
	height: auto;
	line-height: 1;
}

.tabDesign li a.tabtext {
	
}

.tabDesign li.on {
	border: 0;
	height: auto;
	line-height: 1;
	color: #BF7D8F;
	font-weight: 600;
	position: relative;
}
.tabDesign li.on:before{
	content:"";
	height:4px;
	width:100%;
	position:absolute;
	background:#bf7d8f;
	bottom:0;
}
.tabDesign li.on a.tabtext {
	color: #BF7D8F;
	font-weight: 600;
	height: auto;
	line-height: 1;
}

.tabDesign li .ibtn {
	
}

.tabDesign li .ibtn i {
	
}

.tabCont {
	
}

.tabArea {
	
}

.tabArea .tabBtn {
	
}

/* 로그인 */
.loginArea {
	
}

.loginArea h2 {
	color: #434867;
	font-family: 'SMTOWN';
	font-size: 30px;
	font-weight: 900;
	line-height: 1;
	text-align: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #BBBBBB;
}
.loginArea h2>.info{
	    font-size: 14px;
    display: block;
    margin-top: 5px;
    font-weight: 500;
}
.loginArea h2>.info>span{
	font-weight: 500;
	color:#c06f81;
}
.loginCont {
	
}

.loginCont:after {
	
}

.logininput {
	padding: 0;
}

.logininput input {
	
}
.logininput.mobile input{
	padding-right:35px;
}
.logininput input+.timer{
	position: absolute;
	right: 8px;
	top: 13px;
	font-size: 12px;
}
.logininput input:focus {
	
}

.logininput input[type="text"] {
}

.logininput input[type="password"] {
}

.loginBtn {
	
}

.loginBtn {
	
}

.idsave {
	
}

.idsave label {
	color: #6C6C6C;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 18px;
	font-weight: 400;
}
.idsave .check_radio_box input[type="checkbox"]+label:before{
	top: -2px;
	position: relative;
}
.idsave .check_radio_box input[type="checkbox"]:checked+label:after{top: 0;left: 2px;}
.idsave label:hover, .idsave a:hover {
	
}

.idsave a {
	color: #6C6C6C;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 18px;
	padding: 0;
	font-weight: 400;
	margin: 0;
	float: right;
	border: 0;
}

.loginCopyt {
	
}

.testlink {
	
}

.testlink li a {
	
}

.testlink li a:hover {
	
}

/* 메인 */
.header.main .inner {
	
}

.header.main .gnbArea {
	
}

.mainCont {
	
}

.footer.main {padding-left: 285px;width: 100%;left: 0;margin-left: 0;z-index: 0;}
.footer.main.trans2{
	padding-left: 80px;
	width: 100%;
	margin-left: 0;
}
.footer .inner {
	background-image: none;
	width: auto;
	padding: 0;
	margin: 0;
}

/* layer popup */
.layerPop {
	
}

.layerPop .bg {
	
}

.pop-layer {
	
}

.pop-container {
	
}

.alertText {
	
}

.popBtnArea {
	
}

/* jquery UI datepicker */
.ui-datepicker-trigger {
	background: rgba(255, 255, 255, 0);
}
.ui-datepicker-trigger:after{
	    content: '\e827';
    font-family: 'epicfont2' !important;
    font-weight: 400;
    font-size: 15px;
    color: #434868;
}
.ui-datepicker-trigger img {
	display:none;
}

/* jquery UI 텝 디자인 */
.ui-tabs {
	background: rgba(0, 0, 0, 0);
}

.ui-tabs .ui-tabs-nav {
	background: rgba(204, 204, 204, 0);
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #BBBBBB;
	margin-bottom: 20px;
	margin-top: 20px;
}

.ui-tabs .ui-tabs-nav li {
	font-size: 14px;
	letter-spacing: -1px;
	color: #6C6C6C;
	background: rgba(204, 204, 204, 0);
	margin: 0;
	line-height: 1;
	height: auto;
	margin-left: 20px;
	cursor: pointer;
}
.ui-tabs .ui-tabs-nav li.active{
	color: #BF7D8F;	font-size: 14px;	font-weight: 600;
	position:relative;
}
.ui-tabs .ui-tabs-nav li.active:before{
	content:"";
	width:100%;
	height:4px;
	position:absolute;
	background:#BF7D8F;
	bottom:0;
}
.ui-tabs .ui-tabs-nav li:first-child {
	
}

.ui-tabs .ui-tabs-nav li.ui-state-default .ui-tabs-anchor {
	background: rgba(204, 204, 204, 0);
	border: 0;
	height: auto;
	line-height: 1;
	padding: 0;
	color: #6C6C6C;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 18px;
	padding-bottom: 10px;
	font-weight: 500;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	color: #BF7D8F;
	font-weight: 600;
	position:relative;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor:before{
	content:"";
	width:100%;
	height:4px;
	position:absolute;
	background:#BF7D8F;
	bottom:0;
	left:0;
}
.ui-tabs .ui-tabs-panel {
	
}
.tabs.ver1 .ui-tabs-nav {
	margin-top:0;
	margin-bottom: 0;
}
.tabs.ver1 .ui-tabs-nav li{
	padding-bottom: 10px;
}
/* jquery UI 다이얼로그 */
.ui-dialog.ui-widget.ui-widget-content {
	
}

.ui-dialog .ui-dialog-titlebar {
	
}

.ui-dialog .ui-dialog-title {
	
}

.ui-dialog .ui-dialog-content {
	
}

.ui-dialog .ui-dialog-titlebar-close {
	
}

.ui-dialog .ui-dialog-titlebar-close span {
	
}

input[type=text]::-ms-clear {
	
}

input[type=text] {
	
}

/*new 요소*/
.day_choice_box { /*날짜 선택기*/
	font-size: 0;
	overflow: hidden;
    text-align: center;
}

.day_choice_box>.input_btn_box {
	background: #fff;
	display: inline-block;
	border: 1px solid #a9a9a9;
	overflow: hidden;
	border-radius: 4px;
	width: 46.5%;
	position: relative;
	text-align: left;
}
.day_choice_box>.input_btn_box:nth-child(1){
	float:left;
}
.day_choice_box>.input_btn_box:nth-child(3){
	float:right;
}
.day_choice_box>.input_btn_box input {
	border: 0;
	width: 80%;
	vertical-align: top;
	padding: 0 2px;
}

.day_choice_box>.wave {
	font-size: 16px;
	margin: 0 2px;
	position: relative;
	display: inline-block;
	top: 11px;
	color: #373737;
	font-weight: 400;
	vertical-align: top;
}

.day_choice_box>.input_btn_box input+button {
	background: rgba(255, 255, 255, 0);
	height: 36px;
	display: inline-block;
	border: 0;
	color: #373737;
	position: absolute;
	right: 0;
	top:0;
}

.day_choice_box>.input_btn_box input+button>i {
	font-size: 17px;
	color: #373737;
}
.day_choice_box>.input_btn_box input+button>i:before{margin:0;}
.duble_box>div{
	display:inline-block;
	width:47%;	
	vertical-align: top;
}
.duble_box>div:nth-child(1){
	margin-right:10px;	
}
.input_search_box { /*검색요소*/
	min-width: 100px;
	background: #fff;
	display: inline-block;
	border: 1px solid #a9a9a9;
	overflow: hidden;
	border-radius: 4px;
	vertical-align: top;
	box-sizing: border-box;
	width: 100%;
	height: 36px;
}
.input_search_box.readonly,.input_search_box.readonly input{
	background: #eaeaea;
}
.input_search_box input {
	border: 0;
	vertical-align: top;
	width: 87%;
}

.input_search_box a {
	display: inline-block;
	height: 100%;
	vertical-align: top;
	cursor: pointer;
}

.input_search_box a i {
	display: block;
	line-height: 32px;
	font-size: 16px;
	color: #373737;
}

.search_field_box {
	
}

.search_field_box ul {
	padding: 5px;
	font-size: 0;
	background: #ccc;
}

.search_field_box ul li {
	padding: 5px;
	width: 25%;
	display: inline-block;
	font-size: 16px;
	box-sizing: border-box;
}

.search_field_box ul li p {
	display: inline-block;
	vertical-align: top;
	line-height: 36px;
	width: 50px;
}

input:focus {
	outline: 0;
}

.check_radio_of_box{
	display:inline-block;	
}
.grid_box.ver2 .sub_tit .check_radio_of_box{
	margin-left:10px;
	position:relative;
	top: 8px;
}
.check_radio_box {
	overflow: hidden;
	display: inline-block;
	font-size: 12px;
}

.check_radio_box input {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
}

.check_radio_box input[type="checkbox"], .check_radio_box input[type="radio"]
	{
	width: 0px;
	height: 0px;
	z-index: -100000;
	position: absolute;
	display: none;
}

.check_radio_box input[type="checkbox"]+label {
	margin: 0;
	position: relative;
	font-size:14px;
}

.check_radio_box input[type="checkbox"]+label:before {
	content: '';
	display: inline-block;
	line-height: 21px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	height: 16px;
	width: 16px;
	border: 1px solid #A7A7A7;
	border-radius: 4px;
}

.check_radio_box input[type="checkbox"]:checked+label:before {
	background-color: #434867;
}

.check_radio_box input[type="checkbox"]+label:after {
	content: '';
}

.check_radio_box input[type="checkbox"]:checked+label:after {
	content: '\e84c';
	color: #fff;
	font-family: "epicfont";
	position: absolute;
	left: 0px;
	font-size: 10px;
	top: -3px;
}
/*라디오 S*/
.check_radio_box input[type="radio"] {
	width: 0px;
	height: 0px;
	z-index: -100000;
	position: absolute;
	display: none;
}
.check_radio_box+.check_radio_box{
	margin-left:10px
}
.check_radio_box input[type="radio"]+label {
	margin: 0;
	position: relative;
	color: #6C6C6C;
}

.check_radio_box input[type="radio"]+label:before {
	content: '';
	display: inline-block;
	line-height: 21px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	height: 14px;
	width: 14px;
	border: 1px solid #A7A7A7;
	border-radius: 100%;
	letter-spacing: -0.7px;
	top: -1px;
	position: relative;
}
.check_radio_box input[type="radio"]:checked+label{
	color: #373737;
	font-weight:900;
}
.check_radio_box input[type="radio"]:checked+label:before {
	/* background: #2EA2F8; */
	background-color: #434867;
	border-color: #434867;
}

.check_radio_box input[type="checkbox"]+label:after {
	content: '';
}

.check_radio_box input[type="radio"]:checked+label:after {
	content: '';
	color: #fff;
	position: absolute;
	left: 4px;
	font-size: 10px;
	top: 4px;
	width: 6px;
	height: 6px;
	display: block;
	background: #fff;
	border-radius: 100%;
}
.grid_box .sub_tit h3+.check_radio_box_of_box .check_radio_box input[type="radio"]:checked+label:after{
	top:5.5px;
}
/*라디오 E*/
.sm_btn {
	color: #1B2431;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.78px;
	padding: 13px 24px;
	border-radius: 4px;
	border: 1px solid #B1B5C8;
	display: inline-block;
	line-height: 1;
	cursor: pointer;
	background: linear-gradient(0deg, #F2F4F7 0%, #FFFFFF 100%);
}

.sm_btn i {
	color: #373737;
	font-size: 16px;
	font-weight: 900;
}

.main-content {
	min-height: 740px;
}
/*ui.commons 선택자*/
@charset "utf-8";

/* 서브 */
body.subBody.line {
	background: none;
	background: #e3e3e3;
}

/* 헤더 */
.header {
	display: none;
}

.header.main .topArea .inner {
	
}

.header.main .gnbArea .inner {
	
}

.topArea {
	
}

.topMenu {
	
}

.topMenu li {
	
}

.topMenu li:hover {
	
}

.topMenu li a {
	
}

.topMenu li a strong {
	
}

.topMenu li a em {
	
}

.topMenu li a span {
	
}

.topMenu li.logout {
	
}

.topMenu li.logout a {
	
}

.header .logo.smcc a {
	
}

.header .logo.dm a {
	
}

.header .logo.smej a {
	
}

.gnbArea {
	
}

.gnbMenu>li:hover .gnbSub {
	
}

.gnbSub {
	
}

.gnbSub li a {
	
}

.gnbSub li a:hover {
	
}

/* 컨텐츠 */
.container {
	padding: 0;
	width: 100%;
    min-width: auto;
}

/* 열기,접기 버튼 */
.gnbToggleBtn {
	
}

.gnbToggleBtn.on {
	
}

.lnbToggleBtn {
	
}

.lnbToggleBtn.on {
	
}

/* LNB메뉴 */
.lnbArea {
	/*min-height:880px;*/
    height: 100vh;
    width: 245px;
    z-index: 100;
    overflow: auto;
    display: inline-block;
    float: none;
    vertical-align: top;
    background: #ffffff;
    white-space: nowrap;
    position: fixed;
    border-right: 1px solid #bbbbbb;
}
.lnbArea .logo a{
    display: block;
    padding: 13.4px 10px;
    text-align: center;
    border-bottom: 1px solid #BBBBBB;
    height: 55px;
}
.lnbArea .logo a img{
    width: 160px;
}
.lnbArea .logo.dm a{
   
}
.lnbArea .logo.smcc a{
   
}
.lnbArea .logo.smej a{
   
}
.lnbMenu {
	/*border-bottom:2px solid #e6e7e7;*/
	
}




/* 타이틀 디자인 */
.topTit {
	color: #fff;
	padding-bottom: 10px;
	border-bottom: 1px solid #bbb;
	overflow: hidden;
	height: auto;
	margin-bottom: 10px;
}

.topTit h4 {
	color: #373737;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -1px;
	position: relative;
}
.topTit h4:before{
	font-family: 'newsm_icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: "\e90a";
	font-size: 20px;
	margin-right: 10px;
}
.topTit .navigation{
	float:right;
	position: relative;
	top: 10px;
}
.navigation{

}
.navigation li{
	float: left;
	margin-left: 10px;
	position:relative;
}
.navigation li a{
	font-size: 12px;
	letter-spacing: -0.7px;
	color: #6C6C6C;
	    font-weight: 500;
}
.navigation li.now_page{
}
.navigation li.now_page a{
    color: #BF7D8F;
    font-weight: 600;
}
.navigation li.right_arrow{
	margin-right: 10px;
}
.navigation li:nth-child(2) a {
    cursor: pointer;
}
.navigation li.right_arrow:after{
	content:'\e81d';
	font-family: "epicfont";
	font-size: 15px;
	position:absolute;
	right: -19px;
	top: -1px;
	color: #949494;
}
.navigation li.now{
	
}
.navigation li.now a{
    color: #373737;
    font-weight: 600;
}
.grid_box{
	margin-bottom:20px;
	    vertical-align: top;
	    
}
.grid_box:last-child{
	margin-bottom:0;
}


.grid_box .sub_tit {
	margin: 0;
	height: auto;
	overflow: hidden;
	min-height: 30px;
	margin-bottom: 5px;
}
.grid_box .sub_tit .inCharge{
	float: right;
	position: relative;
	top: 3px;
}
.grid_box .sub_tit .inCharge p{
	font-size: 12px;
	letter-spacing: -0.5px;
}
.grid_box .sub_tit .btn{
	margin-left: 10px;
}
.grid_box .sub_tit .check_radio_box_of_box{
	display:inline-block;
    position: relative;
    top: 8px;
}
.grid_box .sub_tit .check_radio_box_of_box .check_radio_box{
	
}
.grid_box .sub_tit h3 {
	height: auto;
	padding-left: 0;
	color: #373737;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -1px;
	vertical-align: middle;
	float: none;
	display: inline-block;
	line-height: 1;
	position: relative;
	top: 7px;
}
.grid_box .sub_tit h3+.f_right{
	
}
.grid_box .sub_tit h3+.check_radio_box_of_box{
    display: inline-block;
    padding-left: 20px;
    position: relative;
    top: 4px;
}

.grid_box .sub_tit.plus_s_btn{
    position: relative;
    overflow: inherit;
}
.grid_box .sub_tit.plus_s_btn .f_right{
    float: none !important;
    position: absolute;
    right: 0;
    top: -6px;
}
.topTit+.grid_box>.sub_tit{
	    float: none !important;
    position: static;
    right: 0;
    top: -6px;
}

.topTit+.grid_box>.sub_tit h3,.topTit+.duble_grid_box .grid_box>.sub_tit h3,
.sub_tit.btn_in_ver h3{
	position: relative;
	top: 7px;
}
.sub_tit.no_btn_ver {
    min-height: auto;
    margin-bottom:20px;
}
.topTit+.duble_grid_box.ver1 .grid_box>.sub_tit h3,
.topTit+.grid_box>.sub_tit.no_btn_ver>h3{
	top:0
}
.sub_tit.no_btn_ver h3+.total{
	top:5px;
}
.sub_tit h3+.total{
	text-indent: 0;
	display: inline-block;
	color: #6C6C6C;
	margin-left: 10px;
	line-height: 1;
	position: relative;
	
	float: none;
	top: 9px;
	vertical-align: top;
}
.sub_tit h3+.total em{
	font-weight: 500;
}
.grid_box.ver2 .sub_tit .btn{
	/*float: right;
	padding: 5px 10px;*/
	font-size: 12px !important;
	font-weight: 900 !important;
	letter-spacing: -0.7px !important;
	padding: 4px 13px !important;
	height: 27px !important;
}
.pop-wrap .popup-content .grid_box .sub_tit .btn{
	height:auto;
}
.grid_box .sub_tit .btn i{
	/*	font-size: 16px;
	margin-right: 5px;*/
	    font-size: 16px;
    height: 16px;
    display: inline-block;
	}
.grid_box .sub_tit .btn i.icon-add-bold,.grid_box .sub_tit .btn i.icon-remove-bold,.grid_box .sub_tit .btn i.icon2-plus-circle,.grid_box .sub_tit .btn i.icon2-save-disk{
    position: relative;
    top: 1px;
}
.grid_box .sub_tit .btn i:before{
	margin:0;
}
.grid_box .sub_tit h3:before {
	content: '\e897';
	width: auto;
	height: auto;
	background: rgba(204, 204, 204, 0);
	font-family: "epicfont2";
	margin: 0;
	top: 0;
	left: 0;
	content: "\e82d";
	content:'\e838';
	margin-right: 10px;
}

.grid_box .sub_tit h3 em {
	
}
.grid_box>.contentBlock, .grid_box>.realGridArea{
	/*	border: 1px solid #a7a7a9;
	border-radius: 10px;*/
    overflow: inherit;/*페이징 때문에 히든에서 인헐트로 바꿈 */

	}
.duble_grid_box>.grid_box{
	display: inline-block;
	width: 50%;
}
.duble_grid_box>.grid_box:nth-child(1){padding-right: 10px;}
.duble_grid_box>.grid_box:nth-child(2){
	padding-left: 10px;
}
.grid_box.ver2{
	background: #fff;
	border: 1px solid #a7a7a7;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 2px 2px 6px 0 rgba(25,42,70,0.13);
	padding-left: 0 !important;
}
.grid_box.ver2 .sub_tit{padding: 11px 18px;border-bottom: 1px solid #A7A7A7;background: #ededed;margin: 0;}
.grid_box.ver2 .sub_tit h3{top: 0 !important;line-height: 18px;font-size: 14px;font-weight: 900;}
.grid_box.ver2 .sub_tit h3:before{
	display:none;
}

.grid_box.ver2 .table_box{
	padding: 20px;
}
.grid_box.ver2 .sub_tit.icon_btn_ver h3{
    top: 5px;
}
/* 검색폼 */
.stit {
	
}

.search_field_wrap  {
	display: inline-block;
	width: 240px;
	height: 100vh;
	border: 0;
	margin: 0;
	vertical-align: top;
	background: #fff;
	padding: 0;
	overflow:auto;
	position: fixed;
	border-right: 1px solid #bbbbbb;
	/*transition: all 0.5s;*/
	white-space: nowrap;
	z-index:100;
}
.temporary{
	width:100%;
	    position: static;
    height: auto;
}
.search_field_wrap.trans{
	    width: 20px;
    overflow: hidden;
}
.search_field {
	
}

.search_field tbody th, .search_field tbody td {
	
}

.search_field tbody th {
}

.search_btn_area {
	display: block;
	width: 100%;
	overflow: hidden;
	/* width: 200px; */
	text-align: left;
	height: 55px;
	padding: 15.5px 10px;
	border-bottom: 1px solid #bbb;
}
.search_btn_area p{
	display:inline-block;
	font-size: 16px;
	color: #373737;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 24px;
}
.search_btn_area p span{
	color: #373737;
	font-weight: 600;
	margin:0 5px;
}
.search_btn_area p i{
	font-size:18px;
	color: #373737;
	
}
.search_btn_area p i:before{
	font-weight:600;
	margin-left: 0;
}
.search_btn_area .search_btn{    margin-left: 20px;}
.search_btn {
}

.search_btn:hover {
	
}

.search_btn i {
	
}

.search_field td label:first-child {
	
}

.search_field td label input {
	
}

.search_field td label {
	
}

.readonly, .v_visible {
	
}

.v_hidden {
	visibility: hidden;
}

.inputView {
	
}

/* 테이블 스타일 */
.tableStyle {
	
}

.tableStyle th {
	
}
.tableStyle tbody tr td,.tableStyle tbody tr th{
	border-bottom: 1px solid #aaa;
}
.tableStyle tbody tr:first-child th, .tableStyle tbody tr:first-child td{
	border-top: 1px solid #aaa;
}
.tableStyle+.tableStyle tbody tr:first-child th, .tableStyle+.tableStyle tbody tr:first-child td{
	border-top:0;
}
.tableStyle tbody tr.border_t0 th, .tableStyle tbody tr.border_t0 td{
	border-top:0;
}
.tableStyle tbody th {
	color: #373737;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: -0.9px;
	background-color: #F7F7F7;
	border-bottom: 0;
	border-left: 0;
	padding: 10px 15px;
	vertical-align: middle;
}

.tableStyle td {
	font-size: 12px;
	font-weight: 500;
	}
.tableStyle td input,.tableStyle td select{
	width:100%;
	height:24px;
	padding: 0 15px;
	border-radius: 4px;
	outline: none;
	padding-left: 5px;
}
.tableStyle td .input_search_box input.text_r{
	padding-right: 5px;
}
.popup-content .tableStyle td select{
	background-position: right 10px bottom 48% !important;
    padding-left: 5px;
}
.tableStyle td>input:read-only,.tableStyle td div.input_box>input:read-only{
    border: 1px solid #a9a9a9 !important;
   }
.tableStyle td .day_choice_box>.input_btn_box input+button{
	height: 24px;
}
.tableStyle td .day_choice_box>.wave{
	top: 4px;
}
.tableStyle td .day_choice_box>.input_btn_box>input{
	width: 100%;
	padding: 0 10px;
}
.tableStyle td .day_choice_box.size_ver1>.input_btn_box>input{
	width: 80%;
}
.tableStyle td textarea{
	height: 65px;
	border: 1px solid #A7A7A7;
	border-radius: 4px;
	box-sizing: border-box;
	width: 100%;
}
.tableStyle td label:first-child {
	
}

.tableStyle td label input {
	
}

.tableStyle td label {
	
}

.tableStyle td label.tBtn {
	
}
.tableStyle tbody tr td .btn{
	padding: 5px 5px;
	font-size: 12px;
	font-weight: 600;
	display: block;
    min-height: auto;
}
.tableStyle tbody tr td .btn+.btn{
	margin-top:5px
}
/* 버튼 */
.btnArea {
	
}



.btn:hover {
	
}



.tBtn {
	
}

.tBtn:hover {
	
}

.ibtn {
	
}

.ibtn i {
	
}

.iconArea i {
	
}

.popBtn {
	
}

.popBtn:hover {
	
}

.popBtn.navy {
	
}

.popBtn.navy:hover {
	
}

.popBtn.gray {
	
}

.popBtn.gray:hover {
	
}

.btn.icon {
	
}

.btn.icon i {
	
}

.btmBtnArea {
	
}

/* 팝업 */
.popup-header {
	
}

.popup-header h2 {
	
}

.popup-header .closeBtn {
	
}

.pop-wrap .popup-content {
	
}
/* 기타 */
.upload-hidden {
	
}

.req {
	
}

.req_input {
	    border: 1px solid #BF7D8F !important;
	    background-color: #FDE0E8 !important;
	    box-shadow: 0 1px 0 0 rgba(20,29,38,0.05);
}
.input_search_box.req_input input,.req_input>input,.req_input>button{
	background-color: #FDE0E8 !important;
}
label.disabled {
	
}

label.disabled input {
	
}

.color01 {
	
}

.color02 {
	
}

.color03 {
	
}

/* 양분할 레이아웃 가운데 버튼 */
.doubleLayout {
	
}

.doubleLayout .layer {
	
}

.doubleLayout .layer.left {
	
}

.doubleLayout .layer.center {
	
}

.doubleLayout .layer.right {
	
}

/* 양분할 레이아웃 */
.layoutArea {
	
}

.layoutLeft {
	
}

.layoutRight {
	
}

.layoutArea.st2 .layoutLeft {
	
}

.layoutArea.st2 .layoutRight {
	
}

/* 기타 */
.infotxt {
	
}

.infotxt strong, .infotxt a {
	
}

/* 페이징 */


.total {
	
}

.total em {
	font-size: 13px;
	font-weight: bold;
	color: #d87b98;
}

/* 풋터 */
.footer {
    margin: 0;
    bottom: -5px;
    z-index: 99;
    box-sizing: border-box;
    height: 102px;
    padding: 20px 40px;
    position: absolute;
    padding-left: 525px;
    border-top-color: #c0c0c0;
    background-color: #E3E3E3;
    width: 100%;
    bottom: 0;
    left: 0;
}
.content_box.no_search+.footer{
width: 100%;
    padding-left: 275px;
    left: 0;
    margin: 0;
}
.content_box.no_search.trans2+.footer.trans2{
    width: 100%;
    left: 0;
    margin-left: 0;
    padding-left: 75px;
}

.footer .inner p {
	
}
.footer.trans2{
	width: 1660px;
	margin-left: 260px;
	    width: 100%;
    margin: 0;
    padding-left: 320px;
}


/* 텝디자인 */
.tabDesign {
	
}

.tabDesign li {
}

.tabDesign li a.tabtext {
	
}

.tabDesign li a.tabtext:hover {
	
}

.tabDesign li.on {
	
}

.tabDesign li.on a.tabtext {
	
}

.tabDesign li .ibtn {
	
}

.tabDesign li .ibtn:hover i {
	
}

.tabCont {
	
}

.tabArea {
	
}

.tabArea .tabBtn {
	
}

/* 로그인 */
.loginArea {
	position: relative;
	top: 0;
	left: 0;
	height: 363px;
	font-size: 0;
	margin: auto;
	overflow: hidden;
	width: 522px;
	border: 1px solid #A7A7A7;
	border-radius: 8px;
	background-color: #FFFFFF;
	box-shadow: 8px 12px 18px 0 rgba(25,42,70,0.13);
	}
}

.loginArea h2 {
	display: inline-block;
	color: #fff;
}

.loginCont {
	background-image: none;
	border: 0;
	padding: 0;
	margin-top: 20px;
}

.loginCont:after {
	display: none;
}

.logininput {
	border: 1px solid #A7A7A7;
	margin-bottom: 15px;
	border-radius: 4px;
}
.logininput i{
	font-size:14px;
	color:#373737;
	position: absolute;
	top: 12px;
	left: 5px;
}
.logininput input {
	
}

.logininput input:focus {
	border: 0;
}
.logininput input{
	border:0;
	width: 100%;
	min-width: auto;
	background-image: none !important;
	color: #6C6C6C !important;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 18px;
	padding-left: 25px;
}
.logininput input[type="text"] {
	
}

.logininput input[type="password"] {
	
}

.loginBtn {
	position: static;
	display: block;
	background-color: #434867;
	width: 100%;
	height: auto;
	letter-spacing: -1px;
	font-size: 14px;
	padding: 10px;
	line-height: 18px;
	margin: auto;
	font-weight: 600;
	border-radius: 4px;
}
.loginBtn i{
	font-size: 18px;
	color:#fff;
	position: relative;
	top: 2px;
	margin-left: -5px;
}
.loginBtn:hover {
	background: #434867;
}

.idsave {
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-top: 0;
}

.idsave label input[type="checkbox"] {
	
}

.idsave label:hover, .idsave a:hover {
	color: #434867;
}

.idsave a {
	
}

.loginCopyt {
	text-align: left;
	width: 522px;
	margin: 20px auto;
	color: #373737;
	font-size: 12px;
	letter-spacing: -0.7px;
	line-height: 18px;
}

.explorerInfo {
	display: inline-block;
	margin-bottom: 30px;
	margin-left: 10px;
	color: #373737;
	font-size: 13px;
	letter-spacing: -0.7px;
	vertical-align: middle;
}

.testlink {
	
}

.testlink li a {
	
}

.testlink li a:hover {
	
}

/* 메인 */
.header.main .inner {
	
}

.header.main .gnbArea {
	
}

.mainCont {
	
}

.footer.main {
}

.footer.main .inner {
	width:auto;
	height: auto;
}
.footer .inner svg{
	display: inline-block;
	vertical-align: top;
	margin-right: 35px;
}
/* layer popup */
.layerPop {
	
}

.layerPop .bg {
	
}

.pop-layer {
	
}

.pop-container {
	
}

.alertText {
	
}

.popBtnArea {
	
}

/* jquery UI datepicker */


/* jquery UI 텝 디자인 */
.ui-tabs {
	
}

.ui-tabs .ui-tabs-nav {
	
}

.ui-tabs .ui-tabs-nav li {
	
}

.ui-tabs .ui-tabs-nav li:first-child {
	
}

.ui-tabs .ui-tabs-nav li.ui-state-default .ui-tabs-anchor {
	
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	
}

.ui-tabs .ui-tabs-panel {
	background: rgba(30, 30, 30, 0);
	padding: 0;
}

/* jquery UI 다이얼로그 */
.ui-dialog.ui-widget.ui-widget-content {
	
}

.ui-dialog .ui-dialog-titlebar {
	
}

.ui-dialog .ui-dialog-title {
	
}

.ui-dialog .ui-dialog-content {
	
}

.ui-dialog .ui-dialog-titlebar-close {
	
}

.ui-dialog .ui-dialog-titlebar-close span {
	
}

.selectCompany {display: block;vertical-align: top;}

.selectCompany label {
	
}

.selectCompany label:hover {
	
}

.selectCompany  label input {
	
}

.selectCompany select {
	    background-image: url(../images/common/select_arrow2.png);
	    background-size: 8px;
	    background-position: right 10px bottom 48%;
	    background-repeat: no-repeat;
	    height: 36px;
	    background-color: #fff;
	    width: 100%;
	    position: relative;
	    border: 0;
	    color: #6C6C6C;
	    font-size: 14px;
	    letter-spacing: -1px;
	    line-height: 18px;
	    top: 2px;
	    border: 1px solid #A7A7A7;
	    padding: 8px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
	{
	
}

/* 메인 */
.main-content {
	display: inline-block;
	width: 100%;
	padding-left: 245px;
	box-sizing: border-box;
	min-height: 100vh;
	background: #FBFBFB;
	/*transition: all 0.5s;*/
	position: relative;
	min-width:auto;
}
.main-content.trans{
	padding-left: 40px;
} 
.top-section {
	background-image: none;
	height: auto;
	padding:38px  40px;
	padding-bottom: 0;
}

.todo-area {
	width: auto;
	display: block;
}

.todo-area dt {
	width: auto;
	display: block;
	padding: 0;
	text-align: left;
}

.user-photo {
	
}

.user-photo span {
	
}

.user-info {
	margin: 0;
}

.user-info strong {
	color: #fff;
	text-align: center;
	display: block;
}

.user-info span {
	display: none;
}

.user-info button {
	
}

.list-tit {
    color: #373737;
    border: 0;
    padding: 0;
    line-height: 1;
    font-weight: 900;
    margin: 0;
    letter-spacing: -1px;
    font-size: 20px;
    margin-bottom: 20px;
  / * font-family: 'notokr';*/
}
.list-tit i{margin-right:12px;}
.list-tit:after {
	display: none;
}

.list-tit:before {
	display: none;
}

.list-tit strong {
	
}

.todo-area dd {
	display: block;
}

.todo-list {
	font-size: 0;
	margin: 0;
}

.todo-list li {
	padding: 10px 15px;
	border: 1px solid #a7a7a7;
	background: #ffffff;
	margin-right: 21px;
	position: relative;
	display: inline-block;
	float: none;
	border-radius: 20px;
	width: 11.34%;
	height: auto;
	vertical-align: top;
	text-align: left;
	min-width: 116px;
	border: 1px solid #A7A7A7;
	border-radius: 8px;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 6px 0 rgba(25,42,70,0.13);
	/*20190827 수정*/
	margin-right: 1.3%;
	padding-right: 0;
}
.todo-list li:last-child{
	margin-right:0;
}
.todo-list li a {
	background: none;
	height: auto;
	border: 0;
	padding: 0;
}

.todo-list li a:after {
	
}

.todo-list li a:hover:after {
	display: none;
}

.todo-list li a h4 {
	background-image: none !important;
	padding: 0;
	text-align: center;
	font-weight: 400;
	color: #6C6C6C;
	font-size: 14px;
	display: inline-block;
	height: auto;
	letter-spacing: -1px;
	line-height: 32px;
	vertical-align: top;
	padding-left: 28px;
}
.todo-list li a h4:before{
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: auto;
	border: 0;
	font-size: 20px;
	border-radius: 100%;
	background-color: #FDE0E8;		
	position: absolute;
	left: -5px;
}
.todo-list li a h4:after{
	font-family: 'epicfont2' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	position: relative;
	font-variant: normal;
	text-transform: none;
	color: #6C6C6C;
	font-size: 18px;
	position: static;
	line-height: 1;
	position: absolute;
	left: 2px;
	top: 7px;
}
.todo-list li a h4.icon01 {
	
}
.todo-list li a h4.icon01:before{
	   
}
.todo-list li a h4.icon01:after{
	content: "\e800";
	
}
.todo-list li a h4.icon02 {
	
}
.todo-list li a h4.icon02:after{
	   content: "\e801";
}
.todo-list li a h4.icon03 {
	
}
.todo-list li a h4.icon03:after{
	   content: "\e802";
}
.todo-list li a h4.icon04 {
	
}
.todo-list li a h4.icon04:after{
	   content: "\e803";
}
.todo-list li a h4.icon05 {
	
}
.todo-list li a h4.icon05:after{
	   content: "\e804";
}
.todo-list li a h4.icon06 {
	
}
.todo-list li a h4.icon06:after{
	    content: "\e805";
}
.todo-list li a h4.icon07 {
	
}
.todo-list li a h4.icon07:after{
	    content: "\e806";
}
.todo-list li a h4.icon08 {
	
}
.todo-list li a h4.icon08:after{
	    content: "\e807";
}
.todo-list li a span {
	font-size: 18px;
	color: #434867;
	font-weight: 900;
	width: 100%;
	top: 54px;
	left: 0;
	text-align: center;
	position: static;
	margin-left: 7px;
	vertical-align: top;
	position: relative;
	top: 6px;
}
.main-content.trans .todo-list li{
	width: 11.36%;
}
.bottom-section {
	width: auto;
	margin: auto;
	display: block;
}

.bottom_area_box{
	padding: 40px;
	padding-top: 30px;
}
.bottom_area_box ul{
	font-size: 0;
	margin-bottom: 30px;
}
.bottom_area_box ul li{
	display: inline-block;
	width: 49.37%;
	margin-right: 20px;
	border:1px solid #A7A7A7;
	border-radius: 8px;
	box-sizing: border-box;
	overflow: hidden;
	background: #fff;
	vertical-align: top;
	
	/*20190827수정*/
	width: 49.3%;
	margin-right: 1.3%;
	
}
.bottom_area_box ul li:last-child{
	margin-right:0;
}
.bottom_area_box ul li .title{
	border-bottom: 1px solid #a7a7a7;
	color: #373737;
	font-family: "Noto Sans CJK KR";
	background-color: #EDEDED;
	font-size: 16px;
	font-weight: 900;
	letter-spacing: -1px;
	line-height: 24px;
	padding: 10px;
}
.bottom_area_box ul li .title i{
	color: #373737;
    font-size: 18px;
	display:inline-block;
	margin-right: 5px;
} 
.bottom_area_box ul li .table_box, .bottom_area_box ul li>div{
	padding: 15px 15px;
	font-size: 19px;
	height: 375px;
}
.bottom_area_box ul.size_2 li>div{height: auto;max-height: 280px;min-height:  166px;}
 .bottom_area_box ul li .chart_banner  .area{
 	width: 500px;
 	margin:auto;
 }
 .bottom_area_box ul li .chart_banner  .area canvas{
 	margin:auto;
 }
.bottom_area_box ul li .table_box table{
	
}
.bottom_area_box ul li .table_box table tr{
	
}
.bottom_area_box ul li .table_box table td{
	padding: 5px;
	line-height: 22px;
	color: #373737;
	font-size: 14px;
	letter-spacing: -1px;
}
.bottom_area_box ul li .table_box table td.text_r{
		color: #6C6C6C;
		font-size: 12px;
		letter-spacing: -0.7px;
}
.bottom_area_box ul li .table_box table thead tr{
	border-bottom:1px solid #ddd;
	border-top: 1px solid #ddd;
}
.bottom_area_box ul li .table_box table thead th{
    font-size: 14px;
    font-weight:900;
    text-align:center;
    padding: 5px 0;
    background: #ededed;
}

.bottom_area_box ul li .table_box table td .icon-arrow-line-right01{
	color: #363636;
	font-size: 18px;
	position: relative;
	top: 2px;
	margin-left: -5px;
}
.bottom_area_box ul li .table_box table .class_symbol{
	padding: 5px 20px;
	border: 0;
	border-radius: 5px;
	font-size: 12px;
	color: #fff;
	width: auto;
	text-align: center;
	line-height: 1;
	font-weight: 600;
	display: inline-block;
	margin-right: 5px;
	box-shadow: none;
}
.bottom_area_box ul li .table_box table .class_symbol.notice{
	background: #FDE0E8;
	color: #373737;
}
.bottom_area_box ul li .table_box table .class_symbol.notify{
	background-color: #434867;
}
.main-content.trans .bottom_area_box ul li{
	width: 49.35%;
}
.weekly-area {
	
}

.weekly {
	
}

.weekly h4 {
	
}

.weekly h4 span {
	
}

.weekly-list {
	
}

.weekly-list li a {
	
}

.weekly-list li a:hover {
	
}

.notice-area {
	
}

.notice {
	
}

.notice-head {
	
}

.notice-head h4 {
	
}

.notice-head button {
	
}

.notice-list {
	
}

.notice-list li a {
	
}

.notice-list li a:hover {
	
}

.banner-area {
	
}

.chart_banner {
	background-image: none;
}
.calendar{
	
}
.calendar>.ui-corner-all{
	width: 100%;
	padding: 0;
	border-radius: 0;
	background: #fff;
	border: 0;
	padding: 15px;
}
.calendar .ui-datepicker .ui-datepicker-header{
	padding: 0;
	border: 0;
	border-radius: 0;
	background: rgba(204, 204, 204, 0);
}
.calendar .ui-datepicker .ui-datepicker-prev span,.calendar  .ui-datepicker .ui-datepicker-next span{
	/* left: 0; */
	background-image: none;
	position: relative;
	text-indent: 0;
	font-size: 0;
	width: auto;
	height: auto;
	display: block;
	margin: 0;
	left: 0;
	top: 0;
}
.calendar .ui-datepicker .ui-datepicker-prev span{
	
}
.calendar .ui-datepicker .ui-datepicker-prev span:after,.calendar .ui-datepicker .ui-datepicker-next span:after{
	display:none;
}
.calendar .ui-datepicker .ui-datepicker-prev span:before,.calendar .ui-datepicker .ui-datepicker-next span:before{
	font-family: "epicfont";
	font-size: 21px;
	color: #757575;
}
.calendar .ui-datepicker .ui-datepicker-prev span:before{
	content: '\e819';
	
}

.calendar .ui-datepicker .ui-datepicker-next span{
	
}
.calendar .ui-datepicker .ui-datepicker-next span:before{
	content: '\e81c';
	

}
.calendar .ui-datepicker th span{
	color: #9d9d9d;
}
.calendar .ui-datepicker tr{
	border-bottom: 1px solid #ffffff;
}
.calendar .ui-datepicker td{
	font-size: 0;
	padding: 1px;
	text-align: center;
	background: #fff;
	border-right: 1px solid #ffffff;
	position:relative;
}
.calendar .ui-datepicker td:hover a{
	    background: #3e76a5;
    color: #fff;
}
.calendar .ui-datepicker td.ui-datepicker-today a{
	z-index: 10;
	border-radius: 100%;
	background: #3e76a5;
	height: auto;
	display: inline-block;
	margin: 0 auto;
	color: #fff;
}
.calendar .ui-datepicker td.ui-datepicker-today:after{
	content:"";
	width:20px;
	height:20px;
	border-radius:100%;
	background:#ff6384;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	z-index: 1;
	top: 3px;
	display: none;
}
.calendar .ui-state-default,.calendar .ui-widget-content .ui-state-default,.calendar .ui-widget-header .ui-state-default{
	background: #f5f5f5;
	text-align: center;
	color: #393939;
	border: 0;
	font-size: 14px;
	padding: 5px;
}
.calendar .ui-datepicker .ui-datepicker-prev, .calendar .ui-datepicker .ui-datepicker-next{
	width: auto;
	height: auto;
	display: inline-block;
	top: 6px;
	padding: 3px;
	background: #fafafa;
	border-radius: 100%;
}
.calendar .ui-datepicker .ui-datepicker-title{
	color: #5a5a5a;
	font-size: 18px;
}
.calendar .ui-datepicker .ui-datepicker-title span{
	color: #34404c;
}
/* 본인인증 */
.loginCont .desc {
	
}

.loginCont .desc span {
	
}

.certification .loginCont {
	
}

.loginArea.certification h2 {
	
}

.certification .logininput input[type="text"] {
	
}

.certification .loginBtn {
	
}
.left_right_box{
	position: relative;
}
.fold_btn{
	text-align: right;
	padding: 10px 0;
	border-bottom: 1px solid #BBBBBB;
}
.fold_btn svg{
	display:none;
}
.fold_btn.trans svg{
	
	width: 40px;
	height: 54px;
	margin: auto;
	padding: 5px;
	/* padding-top: 0; */
}
.fold_btn button{
	border:0;
}
.fold_btn button i{
	color: #6C6C6C;
	font-size:20px;
}
.spread_btn{
	display:none;
	position: absolute;
	height: 100%;
	width: 100%;
	background: #3e3838;
	top: 0;
	z-index: 10;
	border-radius: 0 4px 4px 0;
}
.spread_btn button,.fold_btn.trans button{
	border:0;
	position: absolute;
	top: 54px;
	left: 0;
	padding: 10px 0;
	width: 100%;
	border: 1px solid #6c6c6c;
	border-right: 0;
	border-left: 0;
}
.spread_btn button i,.fold_btn.trans button i{
	font-size: 20px;
	color: #6C6C6C;
}
.fold_btn.trans button i:before{
	content: '\e83d';
}
.fold_btn.trans{
	position: absolute;
	height: 100%;
	width: 100%;
	background: #fff;
	top: 0;
	z-index: 200;
	border-radius: 0;
	padding: 0;
}

.content_box {
   width: 1435px;
   display: inline-block;
   vertical-align: top;
   padding: 20px 35px;
   margin-left: 240px;
   box-sizing: border-box;
   min-height: 720px;
   background: #f5f5f5;
   /*transition: all 0.5s;*/
   padding-bottom: 122px;
   padding-left: 275px;
   margin-left: 0;
   width: 100%;
   padding-top: 14px;
}

.content_box.no_search{
	width: 1675px;
	margin-left:0;
}
.content_box.no_search {/*0829수정*/
    width: 100%;
     padding-left: 35px;
  }
.content_box.trans2{
	width: 1640px;
	/*width: 100%;0829수정*/
	width: 100%;
}
.content_box.no_search.trans2{
    width: 1880px;
   	width: 100%;/*0828수정*/
}
.content_box.trans{
	width: 1880px;
	margin-left: 20px;
}
/*scroll_style S*/
.scroll_style::-webkit-scrollbar-track,body::-webkit-scrollbar-track,
.search_field_wrap::-webkit-scrollbar-track,.lnbMenu::-webkit-scrollbar-track,
.lnbArea::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}

.scroll_style::-webkit-scrollbar,body::-webkit-scrollbar,
.search_field_wrap::-webkit-scrollbar,.lnbMenu::-webkit-scrollbar,
.lnbArea::-webkit-scrollbar{
	width: 6px;
	height:6px;
	position: absolute;
	background-color: #F5F5F5;
}

.scroll_style::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,
.search_field_wrap::-webkit-scrollbar-thumb,.lnbMenu::-webkit-scrollbar-thumb,
.lnbArea::-webkit-scrollbar-thumb{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #007fe6;
}
/*scroll_style E*/
.fold_btn_sub {
    text-align: right;
    padding: 10px 0;
        display: none;
}
.fold_btn_sub button{
    border: 0;
}
.fold_btn_sub button i{
    color: #fff;
    font-size: 20px;
}
.spread_btn_sub{
	display:none;
	position: absolute;
	height: 100%;
	width: 100%;
	background: #3e3838;
	top: 0;
	z-index: 10;
	border-radius: 0 4px 4px 0;
}
.spread_btn_sub button{
	border: 0;
	position: relative;
	top: 0;
	left: -5px;
	height: 100%;
}
.spread_btn_sub button i{
	font-size: 20px;
    color: #fff;
}
/*로그인 화면*/

.login_box{
	height: 100vh;
	background: #FBFBFB;
	padding-top: 27vh;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.login_logo{
	display: inline-block;
	vertical-align: top;
	background-color: #FDE0E8;
	height: 100%;
	padding: 110px 45px;
}
.login_logo+.right{
	display:inline-block;
	vertical-align:top;
	padding: 35px 40px;
	box-sizing: border-box;
	width: 320px;
}
.login_logo svg{
	width:110px;
}
.login_text{
}
.login_text>span{
	display:block;
	color: #fff;
	margin-top: 10px;
	line-height: 1.5;
}
.trans_s,.trans_e,.trans_n,.trans_w,.trans{overflow: hidden;} 
.trans_s{
    margin-bottom: 20px;
}
.ui-resizable-e{
    background: #a8def7;
    width: 7px !important;
    right: 0px !important;
    border-radius: 10px;
    height: 95% !important;
    /*transition: all 0.5s;*/
    display:none !important;
}
.ui-resizable-s{
    background: #a8def7;
    border-radius: 10px;
    /*transition: all 0.5s;*/
    width: 97.3% !important;
    left: 1.3% !important;
    bottom: 0px !important;
        /*transition: all 0.5s;*/
 }
 .ui-resizable-n{
  background: #a8def7;
    border-radius: 10px;
    /*transition: all 0.5s;*/
    width: 97.3% !important;
    left: 1.3% !important;
    top: 0px !important;
        /*transition: all 0.5s;*/
 }
 .ui-resizable-w{
 background: #a8def7;
    width: 7px !important;
    left: 0px !important;
    border-radius: 10px;
    height: 95% !important;
    /*transition: all 0.5s;*/
 }
.ui-icon-gripsmall-diagonal-se{
	display:none !important;
}
.ui-resizable-e:hover,.ui-resizable-s:hover{background:#51c8ff;}

/*color 변경 버전*/
	/*백그라운드 컬러*/
	/*보더 컬러*/
	/*글자 컬러*/
	/*글자 컬러2*/
	
	/*그림자 컬러*/
.color_1 .main-content{
  
}
.color_1 .lnbArea{background: #fff;border-color: #a9b2b7;}
.color_1 .lnbtit h2{

}
.color_1 .lnbMenu li{
	
}
.color_1 .lnbMenu li a{

}
.color_1 .lnbMenu li.selected{
	
}
.color_1 .lnbMenu li.selected a{
	
}
.color_1 .fold_btn button i{
	
}
.color_1 .main-content{
  
}
.color_1 .todo-list li{
   
}
.color_1 .todo-list li a h4{
	
}
.color_1 .lnbMenu li:hover{
	
}
.color_1 .lnbMenu li:hover a{
	
}
.color_1 .bottom_area_box ul li{
	
}
.color_1 .bottom_area_box ul li .title{
	    
}
.color_1 .bottom_area_box ul li .table_box table td{
	
}
.color_1 .calendar .ui-datepicker .ui-datepicker-prev,.color_1 .calendar .ui-datepicker .ui-datepicker-next{
	
}
.color_1 .calendar .ui-datepicker .ui-datepicker-prev span:before,.color_1 .calendar .ui-datepicker .ui-datepicker-next span:before{
	
}
.color_1 .list-tit{

}
.color_1 .todo-list li a h4:before{
	
}
.color_1 .user-info strong,.color_1 .calendar .ui-datepicker .ui-datepicker-title span{
	
}
.color_1 .calendar>.ui-corner-all{

}
.color_1 .calendar .ui-datepicker td{
	
}
.color_1 .calendar .ui-datepicker td,.color_1 .calendar .ui-datepicker tr{
	
}
.color_1 .calendar .ui-state-default,.color_ .calendar .ui-widget-content .ui-state-default,.color_ .calendar .ui-widget-header .ui-state-default{
	
}
.color_1 .calendar .ui-datepicker td.ui-datepicker-today a{
	
}
.color_1 .footer{
	
}
.color_1 .footer .inner p{
	
}
.color_1 select.familySite{
	
}
.color_1 .content_box,.color_1 .content{
	
}
.color_1 .topTit h4{
	
}
.color_1 .grid_box .sub_tit h3{
	
}
.color_1 .search_field_wrap{
   
}
.color_1 .search_btn_area p,.color_1 .search_field_area ul li p{
	
}
.color_1 input[type="text"],.color_1 input[type="password"],.color_1 select{
	
}
.color_1 .day_choice_box>.input_btn_box input+button>i{
	
}
.color_1 .input_search_box,.color_1 .day_choice_box>.input_btn_box,.color_1 .day_choice_box>.input_btn_box input+button{
	
}
.color_1 select{
	

}

/*상세 테이블 css 인풋 디자인 경우의 수*/
.input_box_plus_btn{}
.input_search_box{
    vertical-align: middle;
}
.select_box_plus_btn,.input_search_box_plus_btn{
    width: 100%;
    font-size: 0;
    /* max-width: 250px; */
}
.input_search_box_plus_btn{
    font-size: 0;
}
.input_box_plus_btn{}
.select_box_plus_btn select{}/*셀렉트 옆 버튼 {셀렉트}*/
.select_box_plus_btn select+.btn{}/*셀렉트 옆 버튼 {버튼}*/
.input_box_plus_btn input{}/*인풋(텍스트) 옆 버튼 {인풋}*/
.input_box_plus_btn input+.btn{}/*인풋(텍스트) 옆 버튼 {버튼}*/
.select_box_plus_btn select+a{
}/*select 옆 버튼*/
.select_box_plus_btn select+.tBt{}/*select 옆 버튼*/
.input_search_box_plus_btn .input_search_box{}/*텍스트 박스에(아이콘 추가)[검색,날짜용]옆에 버튼 있을 경우*/
.input_search_box_plus_btn .input_search_box input{}/*텍스트 박스에(아이콘 추가)[검색,날짜용]옆에 버튼 있을 경우 {인풋}*/
.input_search_box_plus_btn .input_search_box button{ color: #fff;   height: 100%;}/*텍스트 박스에(아이콘 추가)[검색,날짜용]옆에 버튼 있을 경우 {아이콘}*/
.input_search_box_plus_btn .input_search_box+.tBtn{
	margin-right: 4px;
}/*텍스트 박스에(아이콘 추가)[검색,날짜용]옆에 버튼 있을 경우 {버튼}*/
.three_box{/*select 다음 인풋 그리고 변경 버튼 ver*/
	
}
.three_box{/*select 다음 인풋 그리고 변경 버튼 ver*/
	font-size: 0;
}
.three_box .select_box{
	display: inline-block;
	margin-right: 5px;
}
.three_box .select_box select{
	
}
.three_box .input_search_box_plus_btn{
	display: inline-block;
}
.three_box .input_search_box_plus_btn .input_search_box{
	
}
.three_box .input_search_box_plus_btn .input_search_box input{
	
}
.three_box .input_search_box_plus_btn .input_search_box input+a{
	
}
.three_box .input_search_box_plus_btn .input_search_box input+a i{
	    line-height: 22px;
}
.tableStyle td .input_search_box,.tableStyle td .select_box{
	width: 100%;
	vertical-align: middle;
	height: 24px;
	min-width: auto;
	position: relative;
	color: #6C6C6C !important;
	font-size: 14px;
	letter-spacing: -1px;
	line-height: 24px;
}
.tableStyle td .input_search_box.plus_checkbox{
	width: 85%;
	margin-right: 10px;
}
.tableStyle td .check_radio_box{
	vertical-align: top;
	position: relative;
	top: 2px;
}
.tableStyle td .check_radio_box input[type="checkbox"]+label{
    margin: 0;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    top: -2px;
    vertical-align: top;
}
.tableStyle td .check_radio_box input[type="checkbox"]+label:before{
    margin-right: 3px;
    position: relative;
    top: -2px;
}
.tableStyle td .check_radio_box input[type="checkbox"]:checked+label:after{
	top: 1px;
	left: 3px;
}
.tableStyle td .input_search_box input{
	width: 100%;
	vertical-align: top;
	padding-right: 20px;
}
.tableStyle td .input_search_box input+a{
	position: absolute;
	right: 0;
	top:0;
	z-index: 1;
}
.tableStyle td .input_search_box input+a.text{
	    color: #000;
    right: 9px;
}
.tableStyle td .input_search_box input+button.ui-datepicker-trigger{
	height: 100%;
	vertical-align:top;
	position: absolute;
    right: 0;
    top: 0;
}
.tableStyle td .input_search_box a i{line-height:22px;}
.tableStyle td .input_search_box input+button:after{
	color: #454545;
}
.tableStyle td .input_box_plus_btn{
	
}
.tableStyle td .input_box_plus_btn input,
.tableStyle td .select_box_plus_btn select{
	width: 88%;
	margin-right: 5px;
	max-width: 206px;
}
.tableStyle td .input_box_plus_btn input+.btn,
.tableStyle td .select_box_plus_btn select+.btn{
	
}
.tableStyle td>.input_search_box_plus_btn .input_search_box{
    width: 82.2%;
    margin-right: 5px;
    max-width: 206px;
}
.tableStyle td .input_search_box_plus_btn .input_search_box input{
	width: 100%;
}
.tableStyle td .duble_box{/*인풋 다음 서치인풋 ver*/
	width: 100%;
}
.tableStyle td .duble_box>div input{
	width: 90%;
	width: 100%;
}
.tableStyle td .duble_box>div:nth-child(1){
	width: 35%;
	margin-right: 10px;
}
.tableStyle td .duble_box>div:nth-child(2){
	width: 63.3%;
}
.tableStyle td .duble_box.ratio_3_7>div:nth-child(1){
	width: 30%;
	margin-right: 10px;
}
.tableStyle td .duble_box.ratio_3_7>div:nth-child(2){
	width: 63.3%;
}
.tableStyle td .duble_box.input_day_ver{/*시스템관리 회사 관리 회계연도 용 콜스펜 3 정도 버전*/

}
.tableStyle td .duble_box.input_day_ver>div{
	vertical-align: top;
}
.tableStyle td .duble_box.input_day_ver>div .text{
	color:#373737;
	font-weight: 900;
	line-height: 24px;
	cursor: inherit;
}
.tableStyle td .duble_box.input_day_ver>div:nth-child(1){width: 15%;}
.tableStyle td .duble_box.input_day_ver>div:nth-child(2){
	width: 47%;
}
.tableStyle td .addrees_box{
	font-size: 0;
}
.tableStyle td .addrees_box>div>input{
	width: 90%;
}
.tableStyle td .addrees_box>div:nth-child(1){
	width: 20%;
	margin-right: 10px;
}
.tableStyle td .addrees_box>div:nth-child(2){
	width: 34%;
	margin-right: 10px;
}
.tableStyle td .addrees_box>div:nth-child(3){
	width: 42.5%;
}
.tableStyle td .three_box{/*select 다음 인풋 그리고 변경 버튼 ver*/
	width: 100%;
	max-width: 250px;
}
.tableStyle td .three_box .select_box{
	width: 30%;
}
.tableStyle td .three_box .select_box select{
	vertical-align: top;
}
.tableStyle td .three_box .input_search_box_plus_btn{width: 68%;/* white-space: nowrap; */}
.tableStyle td .three_box.reverse .input_search_box_plus_btn{
    width: 53%;
}
.tableStyle td .three_box .input_search_box_plus_btn .input_search_box{
	width: 73.6%;
	margin-right: 6px;
}
.tableStyle td .three_box .input_search_box_plus_btn .input_search_box input{
	width: 100%;
}
.tableStyle td .three_box .input_search_box_plus_btn .input_search_box input.text_r{
	padding-right:5px;
}
.tableStyle td .three_box .input_search_box_plus_btn .input_search_box input+a{
	
}
.tableStyle td .three_box .input_search_box_plus_btn .input_search_box input+a i{
	
}
.tableStyle td .three_box.reverse .select_box{width: 45%;}
.tableStyle td .three_box.reverse .input_search_box_plus_btn .input_search_box{
	width: 66%;
	min-width: auto;
}
.tableStyle td .three_box.reverse .input_search_box_plus_btn .input_search_box>input{
	padding-right:5px;
}
.tableStyle td .select_input_text_box{
	
}
.tableStyle td .select_input_text_box .select_box{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.tableStyle td .select_input_text_box .input_box{
	display: inline-block;
	width: 35%;
	vertical-align: top;
}
.tableStyle td .select_input_text_box .text{
	vertical-align: middle;
	display: inline-block;
	position: relative;
	top: 3px;
}
/*제이쿼리 달력 css*/

.ui-widget-content{
    padding: 0;
     z-index: 100000 !important;
}
.grid_box.ver2 .ui-widget-content{
	padding:20px;
}
.ui-datepicker .ui-datepicker-header{height: 35px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{}
.ui-datepicker .ui-datepicker-title select{
    padding: 5px;
    line-height: 1;
    font-size: 15px;
    height: auto;
}
.ui-datepicker .ui-datepicker-title select:nth-child(1){
	margin-right:5px;
}
.ui-datepicker .ui-datepicker-prev{
}
.ui-datepicker .ui-datepicker-next{
	float:right;
	right: 10px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
}
.ui-widget-header .ui-icon{
	background-image:none;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
}
.ui-widget-header .ui-icon{
	position:relative;
}
.ui-widget-header .ui-icon:after{
	content:"";
	font-family: "epicfont";
	display: block;
	font-size: 17px;
	top: 0;
	width: auto;
	text-indent: 0;
	z-index: 10;
	position: absolute;
}
.ui-datepicker .ui-datepicker-prev span:after{content: '\e819';left: -2px;}
.ui-datepicker .ui-datepicker-next span:after{content: '\e81d';right: -2px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{text-align: center;}
.ui-datepicker td{}
.bottom_box{
	position:absolute;
	bottom: 25px;
	padding:0 12px;
	text-align: center;
	width: 100%;
	
	    position: static;
}
.user_info_box{
    text-align: center;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 30px 0;
}
.user_info_box i{
    font-size: 31px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
    color: #fff;
    width: 46px;
    height: 46px;
    padding: 5px 1px;
    border-radius: 100%;
    background: #434867;
}
.user_info_box p{
    color: #373737;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 24px;
    margin-bottom: 5px;
}
.user_info_box em{
    color: #6C6C6C;
    font-size: 12px;
    letter-spacing: -0.7px;
    line-height: 18px;
    text-align: center;
}
.sm_btn{border: 1px solid #A7A7A7;border-radius: 4px;background: #FFFFFF;box-shadow: 0 1px 0 0 rgba(22,29,37,0.05) !important;padding: 9px 18px;}
.user_info_box+.sm_btn{
    margin-top: 20px;
}

.content_min_height_value{
	min-height: 100vh;
	padding-bottom: 102px;
}
.grid_box .sub_tit h3+.text_design{
	    margin-left: 20px;
	    display: inline-block;
	    margin-top: 0;
	    font-weight: 900;
	    position: relative;
	    top: 5px;
}
.text_design{
    color: #373737;
    font-size: 13px;
    letter-spacing: -0.7px;
}
.table_border_box{
	border:1px solid #d7d7d7;
}
.btn_box .btn,.btn_box select{
	margin-right:10px;
	padding: 6px 14px;
}
.btn_box>*:last-child{
	margin-right:0;
}
.btn_box select{
	height:33px;
}
.btn_box.btn_padding_value1 .btn{
	    padding: 8px 18px;
}
.btn_box .btn i{

}
.btn_box .btn i:before{margin:0;}
.btn_box .btn:last-child{
	margin-right:0;
}
.btn_box.border_b_ver{
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #BBBBBB;
}
@media (min-width: 768px){
	.modal-dialog {
		width: 970px;
		margin: 30px auto;
	}

}
.modal-content{
	border: 1px solid #A7A7A7;
	border-radius: 8px;
	overflow: hidden;
}

.function_ver_btn{position: relative;text-align: center;margin: 10px 0;}
.function_ver_btn:hover a{color: #434867;}
.function_ver_btn:hover:before,.function_ver_btn:hover:after{background: #434867;}

.function_ver_btn:before,.function_ver_btn:after{
	content:"";
	width: 31%;
	height:1px;
	background:#a7a7a7;
	position:absolute;
	left:0;
	top: 7px;
	transition: background 0.5s;
}
.function_ver_btn:after{right: 0;left: auto;}
.function_ver_btn a{
	font-size: 14px;
	color: #373737;
	font-weight: 600;
	margin-bottom: 7px;
	letter-spacing: -1px;
	cursor: pointer;
	transition: color 0.5s;
}
.function_ver_btn a i{
	color: #373737;
	font-size: 15px;
}
.rg-calendar{
    max-width: 250px;
}
.fa-angle-double-left:before{
	content: '\e810'; 
	font-family: 'epicfont2';
}
.fa-angle-left:before{
	content: '\e811'; 
	font-family: 'epicfont2';
}
.fa-angle-right:before{
	content: '\e815';
	font-family: 'epicfont2';
}
.fa-angle-double-right:before{
	content: '\e80f'; 
	font-family: 'epicfont2';
}

.topTit+.grid_box.ver2>.sub_tit {
    position: relative;
    top: 0;
}

.grid_box.ver2 .sub_tit.plus_s_btn .f_right,
.duble_grid_box .grid_box.ver2 .sub_tit.plus_s_btn .f_right {
    top: 7px;
    right: 18px;
}
td .btn_box.list_ver{
    position: absolute;
    right: 0;
    top: 4px;
}
td .btn_box.list_ver a{
    display: inline-block !important;
    margin-top: 0 !important;
    height: auto;
    vertical-align: top;
}

/*20190830 회의후 나온 이슈 css*/
/*.content_box.no_search.ver0830 .grid_box,.content_box.no_search.ver0830 .duble_grid_box {
    max-width: 81%;
    margin-left: auto;
    margin-right: auto;
}
*/
 .tableStyle td>.input_search_box, .tableStyle td>.select_box,.tableStyle td>.day_choice_box,.tableStyle td .duble_box>div:nth-child(1){
	max-width: 250px;
}
.tableStyle td .input_search_box.plus_checkbox{
	     width: 49%;
}

.ver0830_ver1 .duble_grid_box_of_box>.grid_ver1 {
    display: inline-block;
    width: 49.53%;
   /* width: 49%;*/
    margin-right: 0.941%;
    vertical-align: top;
}
.ver0830_ver1 .duble_grid_box_of_box>.grid_ver1:nth-child(2){
	margin-right:0;
}
.ver0830_ver1 .duble_grid_box_of_box>.grid_ver1>.grid_box{
   width:100%;
   max-width: 100% !important;
   margin-bottom: 0;
   border-bottom: 0;
   border-radius: 0;
   }
   
.ver0830_ver1 .duble_grid_box_of_box>.grid_ver1>.grid_box:first-child{border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-top-left-radius: 8px;border-top-right-radius: 8px;}
 .ver0830_ver1 .duble_grid_box_of_box>.grid_ver1>.grid_box:last-child{
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-top-right-radius: 0;
      border-top-left-radius: 0;
      border-bottom: 1px solid #a7a7a7;
 }
.ver0830_ver1 .duble_grid_box_of_box>.grid_ver1>.grid_box .grid_area{
	padding: 20px;
}
 .ver0830_ver1 .duble_grid_box_of_box {
	display: flex;
    margin-bottom: 20px;
}
 .ver0830_ver1 .tableStyle td .input_search_box, .ver0830_ver1 .tableStyle td .select_box{
	max-width: 100%;
}

 .ver0830_ver1 .tableStyle td .check_radio_box{
 	margin-right:10px;
 }
  .ver0830_ver1 .tableStyle td .check_radio_box+.check_radio_box{
  	margin-left:0;
  }
   .ver0830_ver1 .tableStyle td .input_search_box.plus_checkbox{
   	width:68.5%;
   }
    .ver0830_ver1  .tableStyle td textarea{
    	height:70px;
    }
/*모달 사이즈에 따른 css*/    
.modal-content.small_siz{
	width:500px;
	margin:auto;
}
.modal-content.small_siz .tableStyle td .duble_box.input_day_ver>div:nth-child(1){    width: 30%;}
.modal-content.small_siz .tableStyle td .duble_box.input_day_ver>div:nth-child(2){
	width: 65.5% !important;
}
.grid_box.ver2 .sub_tit+.sub_tit.ver1{
	margin-top:20px;
}
.grid_box.ver2 .sub_tit.ver1+.table_box{
	padding-top:10px;
}
.grid_box.ver2 .sub_tit.ver1{
	padding: 0 18px;
    background: #fff;
    border-bottom: 0;
    min-height: auto;
    font-size: 12px;
}
.grid_box.ver2 .sub_tit.ver1 h3{
    font-size: 12px;
    line-height: 1;
    color: #434867;
}
.grid_box.ver2 .sub_tit.ver1+.grid_area{
	padding-top:10px;
}
.left_img_right_text{
	margin-bottom:20px;
}
.left_img_right_text .left_img{
	display:inline-block;
}
.left_img_right_text .right_text{
	display:inline-block;
}
/*텝 css*/
.tab_box{
	background: rgba(204, 204, 204, 0);
	height: auto;
	border-bottom: 1px solid #BBBBBB;
	margin-bottom: 20px;
	margin-top: 20px;
}
.tab_box>ul{
	font-size:0
}
.tab_box>ul>li{
	display:inline-block;
}
.tab_box>ul>li>a{
	 font-size: 14px;
	 letter-spacing: -1px;
	 color: #6C6C6C;
	 background: rgba(204, 204, 204, 0);
	 margin: 0;
	 line-height: 1;
	 height: auto;
	 line-height: 18px;
	 padding: 0 5px;
	 padding-bottom: 10px;
	 display: block;
	 min-width: 60px;
	 cursor: pointer;
}
.tab_box>ul>li>a.active{
	color: #BF7D8F;
	font-weight: 600;
	position: relative;
}
.tab_box>ul>li>a.active:before{
	content: "";
	width: 100%;
	height: 4px;
	position: absolute;
	background: #BF7D8F;
	bottom: 0px;
	left: 0;
	z-index: 100;
}
.grid_box .sub_tit h3+.input_search_box{
	position:relative;
	display: inline-block;
	width: 150px;
	margin-left: 20px;
	height: 24px;
}
.grid_box .sub_tit h3+.input_search_box input{
	width:100%;
	height: 100%;
}
.grid_box .sub_tit h3+.input_search_box a{
	position:absolute;
	right: 0;
}
.grid_box .sub_tit h3+.input_search_box a i{
	line-height: 22px;
}
.modal-open .modal{
	z-index:9999;
}
.only_conetent_ver .content_box{
	padding-left: 35px;
}
.only_conetent_ver.content{
	padding-left: 0;
}
/*color_ver1*/
:root { 
	-main-white-color: #f2f2f2; 
	-main-black-color: black; 
	-main-purple-color: #9e89b8;
	
	--kd-fff: #150f0f;/*fff;*/
	--kd-bbb: #f1f1f1;/*bbb;*/
	--kd-6c6c6c:#ffffff;/*6c6c6c;*/
	--kd-434867:#ffffff;/*434867;*/
	--kd-373737:#373737;/*#373737;*/
	--kd-color1:#434867;
	--kd-color2:#d4d4d4;
	--kd-main-color1:#1d1d1d;
	--kd-main-color2:#21201f;
	--kd-main-color1-active:#2b3573;
	--kd-main-color1-active1:#fde0e8;
	--kd-color-text:#fff;
}


.color_ver1 .lnbArea,
.color_ver1 .lnbMenu li.selected,
.color_ver1 .lnbMenu>li.selected:hover {
	background: var(--kd-main-color1);
}

.color_ver1 .lnbArea .logo a, .color_ver1 .fold_btn {
	border-color:var(--kd-bbb);
}

.color_ver1 .fold_btn button i, .color_ver1 .lnbMenu>li:before, .color_ver1 .lnbMenu li a, .color_ver1 .lnbMenu li .lev1>li>a,.color_ver1 .lnbMenu li .lev1>li>a .menu_icon:before  {
	color: var(--kd-6c6c6c);
}


.color_ver1 .lnbMenu li.selected>a,.color_ver1 .lnbMenu>li:hover {
	background: var(--kd-main-color1-active);
}


.color_ver1 .lnbMenu li.selected>a, .color_ver1 .lnbMenu>li:hover:before,
.color_ver1 .lnbMenu>li.selected:hover:before, .color_ver1 .lnbMenu>li.selected:before,
.color_ver1 .lnbMenu li.selected:before, .color_ver1 .lnbMenu li:hover a
{
	color: var(--kd-6c6c6c);
}

.color_ver1 .lnbMenu li .lev1>li:before,
 .color_ver1 .lnbMenu li .lev1>li>a:before,
.color_ver1 .lnbMenu li .lev1>li>a:after {
	background: var(--kd-bbb);
}

.color_ver1 .lnbMenu li .lev1>li>a:hover, .color_ver1 .lnbMenu li .lev1>li>a:hover .new_window, .color_ver1 .lnbMenu li .lev1>li>a:hover .menu_icon::before  {
	color: var(--kd-main-color1-active1);
}
.color_ver1 .lnbMenu li .lev1>li>a:hover{
	font-weight:400;
}
.color_ver1 .lnbMenu li.selected>a:hover {
	
}

.color_ver1 .user_info_box p{
	color: var(--kd-color2);
}
.color_ver1  .user_info_box i{
	background: var(--kd-color1);
	color: var(--kd-color2);
}
.color_ver1 .user_info_box em{
	color: var(--kd-color2);
}
.color_ver .sm_btn{
	
}
.color_ver1 .search_field_wrap {
    background: var(--kd-fff);
}

.color_ver1 .search_btn_area p, .color_ver1 .search_btn_area p i, .color_ver1 .search_btn_area p span,.color_ver1 .search_field_area ul li p {
    color: var(--kd-bbb);
}

.color_ver1 .search_btn_box .search_btn {
    background: var(--kd-fff);
    border: 1px solid #ccc;
    border-color: var(--kd-bbb);
    color: var(--kd-bbb) !important;
}
.color_ver1 select,.color_ver1 input[type="text"],.color_ver1 input[type="password"]{
	background: var(--kd-fff);
	border-color: var(--kd-6c6c6c);
	color: var(--kd-bbb);
}
.color_ver1 .content_box{
	background: var(--kd-373737);
}
.color_ver1 .topTit h4{
	color: var(--kd-434867);
	font-weight: 600;
}
.color_ver1 .btn,
.color_ver1 .topTit+.grid_box .sub_tit .btn,
.color_ver1 .topTit+.duble_grid_box .grid_box .sub_tit .btn{
	background: var(--kd-373737);
	color: var(--kd-6c6c6c) !important;
}
.color_ver1 .footer{
	background-color: var(--kd-373737);
	
}
.color_ver1 .footer .inner p{
	color: var(--kd-6c6c6c);
}
.color_ver1 .main-content{
	background: var(--kd-main-color2);
}
.color_ver1 .list-tit,.color_ver1 .list-tit i{
	color: var(--kd-color-text);
}
.color_ver1 .todo-list li{
	background:var(--kd-main-color2);
	border:1px solid #ccc;
	border-color: var(--kd-color-text);
}

/*modal-dialog add class css*/
.modal-dialog.size1605{
	width:1605px;
}
.modal-dialog .ver0830_ver1 .duble_grid_box_of_box>.grid_ver1{
	width: 49.3%;
	border: 1px solid #aaa;
	    min-height: 702px;
}

.modal-dialog .ver0830_ver1 .duble_grid_box_of_box>.grid_ver1>.grid_box{
	border-radius:0;
	border-bottom: 0;
}
.pop-wrap .popup-content .grid_box.ver2 .table_box td.border_t_add, .pop-wrap .popup-content .grid_box.ver2 .table_box th.border_t_add{
	border-top:1px solid #aaa !important;
}
.pop-wrap .popup-content .grid_ver1 .grid_box.ver2:last-child .tableStyle tbody tr:last-child th,
 .pop-wrap .popup-content .grid_ver1 .grid_box.ver2:last-child .tableStyle tbody tr:last-child td{
	border-bottom:0;
}
.grid_box.ver2 .sub_tit.border_t_add{
	border-top:1px solid #A7A7A7;
}
/*fullcalendar css*/
.fc{
	font-size:14px !important;
}
.fc-toolbar h2 {
  font-size: 20px !important;
    display: inline-block;
    font-weight: 600;
    margin: 0 10px !important;
}
.fc-button .fc-icon{
	color:#fff;
}
.grid_box.ver2>.fc{
	padding:20px;
	
	height: 665px;/*지워두 될 것 */
	
}
.fc-button-primary{
	    background-color: #434867 !important;
    border-color: #434867 !important;
}
.fc-title{
	color:#fff;
}


.more{
    float: right;
    color: #717171 !important;
    font-size: 12px;
}

.newPage{

}
.newPage .lnbArea{
	display:none;
}
.newPage .content{
	padding-left:0
}
.newPage .footer{
	display:none;
}
.newPage .content_box{
	padding-bottom:20px;
}


/**/


.whether_not{
	font-size: 12px;
    color: #434867;
    font-weight: 900;
    margin-left: 20px;
    display: inline-block;
    position: relative;
}
.whether_not>span{
	  font-size: 12px;
	  margin-left: 5px;
	  display:inline-block;
	  border-radius: 100%;
	  text-align: CENTER;
	  vertical-align: top;
	  font-weight: 500;
	  color: #437ff4;
}
.whether_not i{
	display:none;
}
.whether_not i.icon-circle-check-02{
	    color: #437ff4;
}
.whether_not i.icon-circle-close{
	color: #ee4646;
}
.rg-dropdown-select, .rg-dropdown-item {
    font-size: 14px;
}
.ydm_alignment>em{
	display:inline-block;
	text-align: center;
}
.ydm_alignment>em:nth-child(1){
	width: 42px;
}
.ydm_alignment>em:nth-child(2){
	width: 25px;
}
.ydm_alignment>em:nth-child(3){
	width: 25px;
}
.duble_grid_box.cen_btn_ver>.grid_box{
	display: inline-block;
	width: 45%;
	margin: 0;
}
.duble_grid_box.cen_btn_ver>.grid_box:nth-child(1){padding-right: 0;}
.duble_grid_box.cen_btn_ver>.btn_box{
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 85px;
	padding: 0 10px;
	box-sizing: border-box;
}
.duble_grid_box.cen_btn_ver>.btn_box>a{
	display:block;
	padding: 5px;
	width: 50px;
	margin: 0;
	margin-bottom: 10px;
}
.duble_grid_box.cen_btn_ver>.grid_box:nth-child(3){
	padding-left: 0;
}
.cal_head{
	
}
.cal_head>ul{
	background: #ededed;
	border-bottom: 1px solid #a7a7a7;
	font-size: 0;
	border-radius: 8px 8px 0 0;
}
.cal_head>ul>li{
	display: inline-block;
	width: 33.3%;
	vertical-align: top;
	text-align: center;
	height: 45px;
}
.cal_head>ul>.left{
    width: 25%;
    padding-left: 20px;
}
.cal_head>ul>.cen{width: 50%;}
.cal_head>ul>.cen a{
	background: none;
	text-align: center;
	border-radius: 0;
	width: auto;
	height: auto;
	border: 0;
	min-width: auto;
	box-sizing: border-box;
	box-shadow: none !important;
	vertical-align: top;
	padding: 0;
	display: inline-block;
	height: 100%;
}
.cal_head>ul>.cen a i{
	margin: 6px 0;
	font-size: 34px;
	display: block;
}
.cal_head>ul>.cen a i:before{
	margin:0;
	position: relative;
	
}
.cal_head>ul>.cen .prev_y i:before,
.cal_head>ul>.cen .prev_m i:before{
	left: -3px;
}
.cal_head>ul>.cen .next_y i:before,
.cal_head>ul>.cen .next_m i:before{
	right: -3px;
}
.cal_head>ul .prev_y{
	
}
.cal_head>ul .prev_m{
	
}
.cal_head>ul .next_y{
	
}
.cal_head>ul .next_m{
	
}

.cal_head>ul>.right{
	width: 25%;
	padding-top: 12px;
	padding-right: 20px;
}
.cal_head>ul>.right>.btn{
	padding: 4px 10px;
	font-size: 14px;
}
.cal_head>ul h3{
	font-size: 14px;
	font-weight: 900;
	display: inline-block;
	margin: 0 5px;
	line-height: 45px;
	font-size: 20px;
	color: #373737;
}
a.fc-more,.fc-popover .fc-header .fc-title{
	color: #373737;
}




.main_duble {
    font-size: 0;
}

.main_duble .left {
    display: inline-block;
    /* max-width: 1350px; */
    width: 100%;
    padding-right: 350px;
}

.main_duble .right {
    display: inline-block;
    width: 350px;
    vertical-align: top;
    height: 100%;
    position: absolute;
    right: 0;
    background: #fff;
    border-left: 1px solid #bbbbbb;
}

.main_box {
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #a7a7a7;
    padding-bottom:;
}

.main_box>.title {
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #a7a7a7;
    color: #373737;
    font-family: "Noto Sans CJK KR";
    background-color: #EDEDED;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 24px;
    padding: 10px;
}

.main_box .table_box {
    padding: 10px;
}

.main_box .table_box table tr td {
    font-size: 14px;
    font-weight: 300;
    padding: 7px 0;
	/*20200514css*/    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.ui-datepicker-calendar thead {}

table.ui-datepicker-calendar thead th {
    font-size: 14px;
}

.duble_grid_box .grid_box .sub_tit.plus_s_btn .f_right{
	top:0;
}
.main-content .bottom_area_box ul li .title{
	background: #434867;
	color:#fff;
}
.main-content .bottom_area_box ul li .title i,.main-content .bottom_area_box ul li .more{
	color:#fff !important;
}


/*en,ja css 20200601*/
.en .tBtn{
	font-weight:500 !important;
}
.en .tableStyle tbody th {padding:10px;  word-break: break-word;}
.en .main_duble .todo-area{
	    height: 60px !important;
}
.en .todo-list li a span{
    position: static;
    left: auto;
    right: 0;
    width: auto;
    flex: auto;
}
.en .todo-list li{
    padding: 10px;
    height: 100%;
}
.en .todo-list li a{
	display: flex;
	align-items: center;
	position: static;
	height: 100%;
}
.en .todo-list li a h4{
    text-align: left;
    padding-left: 0;
    line-height: 18px;
    display: block;
    flex: auto;
}
.en .todo-list li a h4:before{
	background:none;
	width: auto;
	height: auto;
	display: none;
	
}
.en .todo-list li a h4:after{
	content:"";
}
.en .search_btn_box .search_btn i{
	top:0;
}
.en .function_ver_btn:before,.en .function_ver_btn:after{
	width: 20%;
}
.en .lnbMenu li .lev1>li>a{
	white-space: initial;
    word-break: break-word;
}
.en .lnbMenu li .lev1>li>a>.menu_icon{display: none;}
.ja .todo-list li{height:100%;}
.ja .todo-list li a h4{ font-weight: 600; padding-left:23px;}
.ja .todo-list li a h4:before{left: -10px;}
.ja .todo-list li a h4:after{left:-3px;}

.h250 {
	height: 250px !important;
}