@charset "utf-8";

/* font 관련 CSS 추가 *****************************************************************************/
@import url(../css/font/nanumgothic.css);

@import url(../css/login/font.css);

/************************************************************************************************/
/* 화면 설정 시 모달창 외 스크롤 삭제 */
html{
	overflow: auto;
}

html, body, table, div, p {
	font-family: 'Pretendard';
}

body {
	overflow-x: hidden;
}

ul {
	list-style: none;
}

/* Type Selector */
#skipNav, .blind, legend {
	position: absolute;
	left: -9999em;
}

* {
	margin: 0;
	padding: 0;
	font-family: 'Pretendard', Dotum, sans-serif;
}

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 12px;
	color: #303030;
	line-height: 1.4;
	overflow-x: auto;
	overflow-y: auto;
} /*  background:url("../images/sub/sub_bg.gif") 0 0  repeat-y;  지움*/
img, fieldset, button {
	border: 0 none;
}

fieldset {
	margin: 0;
	padding: 0;
}

hr, button img, .hidden {
	display: none;
}

li, input {
	list-style: none;
	vertical-align: middle;
}

em, address {
	font-style: normal;
}

body a {
	text-decoration: none;
	color: #565656;
}

header, nav, section, article, footer {
	display: block;
}

a.one:link {color:#ff0000;}
a.one:visited {color:#0000ff;}
a.one:hover {color:#ffcc00;}

a.two:link {color:#ff0000;}
a.two:visited {color:#0000ff;}
a.two:hover {font-size:150%;}

a.three:link {color:#ff0000;}
a.three:visited {color:#0000ff;}
a.three:hover {background:#66ff66;}

a.four:link {color:#ff0000;}
a.four:visited {color:#0000ff;}
a.four:hover {font-family:monospace;}

a.five:link {color:#ff0000;text-decoration:none;}
a.five:visited {color:#0000ff;text-decoration:none;}
a.five:hover {text-decoration:underline;}
a:hover, a:active, a:focus {
	text-decoration: none;
	outline: none;
}

textarea {
	overflow: auto;
	background: #fffff;
}

table {
	border-collapse: inherit;
	table-layout: fixed;
	border-spacing : 0;
	overflow: hidden;
}

td, th {
	display: table-cell;
}

div {
	display: block
}

html:first-child select {
	padding-right: 6px;
	height: 20px;
	background-color: #fff;
} /* Opera 9 & Below Fixf */
option {
	padding-right: 6px;
} /* Firefox Fix */
caption, legend, .alt {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	display: none;
	font-size: 0;
	line-height: 0;
}

img, input, select {
	vertical-align: middle;
}

.area {
	position: relative;
	width: 1250px;
	margin: auto;
}

.clear {
	clear: both;
}

.bold {
	font-weight: 600;
}

.block {
	display: block;
}

.inblock {
	display: inline-block;
}

.a-right {
	float: right;
}

.a-left {
	float: left;
}

.ListNumber {
	margin-left: 20px;
}

.ListNumber li {
	list-style-type: decimal;
}

.tleft {
	text-align: left;
}

.tcenter {
	text-align: center;
	padding: 7px !important;
}

.tcenter01 {
	text-align: center;
	padding: 5px !important;
}

.tcenter01 a:visited, .tcenter01 a:focus {
	color: #254c88;
}

.tcenter01 a:hover, .tcenter01 a:active {
	color: #254c88;
	border-bottom: 1px solid #254c88;
	padding-bottom: 0px;
}

#tbl-managetTarget th.tcenter01:nth-child(n + 3):nth-child(-n + 4){
	color: #f14c4c;
}

#tbl-managetTarget td.tcenter01:nth-child(n + 3):nth-child(-n + 4) a{
	font-weight: 500;
    font-size: 14px;
    text-align: center;
    border-radius: 6px;
    padding: 4px 6px;
	color: #c62828;
    background: #FDEBEB;
}

#tbl-managetTarget td.tcenter01:nth-child(n + 3):nth-child(-n + 4) a:hover,
#tbl-managetTarget td.tcenter01:nth-child(n + 3):nth-child(-n + 4) a:active{
	border: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px;
}
#tbl-managetTarget td.tcenter01:nth-child(n + 3):nth-child(-n + 4) a:active{
	box-shadow: none;
}
/** txt Design custom style **/
.info_txt_gray {
	padding: 4px;
	background: #F1F3F5;
	border-radius: 4px;
}
.info_txt_blue {
	padding: 4px;
	color: #1D9ADD;
	background: #E3F5FF;
	border-radius: 4px;
}
.info_txt_red {
	padding: 4px;
	color: #F03636;
	background: #FDEBEB;
	border-radius: 4px;
}
.fw500{
	font-weight: 500;
}

.tright {
	text-align: right;
}

/* 기본 레이아웃*/
#container_all_area {
	position: relative;
	width: 100%;
	margin-top: 0;
	min-height: 810px;
	background: #F8F9FA 0 0px repeat-y;
	overflow: hidden
}

#content_all_area {
	margin-left: 0px;
	padding: 0px 0 0px 0;
	width: 1200px;
	height: 100%;
}

#content_all_group {
	position: relative;
	margin-top: 0px;
	padding: 20px;
	background: #F8F9FA;
}

#warp {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

#header-area {
	position: sticky;
	top: 0px;
	z-index: 1;
	width: 100%;
	background-color: #ffffff;
	min-width: 1200px;
}

#header-area .topt_area {
	position: relative;
	width: 100%;
	height: 65px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 30px;
}

#header-area .topb_area {
	position: relative;
	width: 100%;
	height: 44px;
	background: #F1F3F5;
	border: 1px solid #DEE2E6;
	border-right: 0;
	border-left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px;
}
/*#header-area .topb_area {position: relative; width:100%; height:103px; background:url("../images/top/menu_bg.jpg") top left repeat-x;} */

/* #container_area{position:relative; margin:10 auto; width:100%; margin-top:0; min-height:500px;} */
#container_area {
	position: relative;
	margin: 10px auto;
	width: 100%;
	margin-top: 0;
	min-height: 500px;
}

#container_area #left_area_xe {
	float: left;
	clear: both;
	width: 100%;
	height: 100%; /* padding:37px 0 -20px 0; */
}

/* #content_area{position:relative; margin-left:0px; background:url("../images/sub/sub_contentbg.gif") 0 0 repeat-x; min-width:1000px;} */
#content_group {
	position: relative;
	margin-top: 2px;
	padding: 3px 6px 6px 6px;
}

#content_group_popup {
	position: relative;
	margin-top: 0px;
	padding: 6px 10px 15px 10px;
	overflow: hidden;
}

#content_group_popup01 {
	position: relative;
}

#content_group_officers {
	position: relative;
	padding: 10px;
}
#content_group_officers .ezui_panel_hcls2{
	margin-top: 10px;
}
#content_group_officers .icon-search{
	filter: brightness(0) invert(1);
}
#content_group_officers .company-board-list .panel-body {
	border-left: 0;
    border-right: 0;
    border-top: 0;
}

.top_menu_div_area {
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
	z-index: 1000;
} 

/* z-index로 우선 순위를 높게 한다. */
.top_menu_div_area_fixed{position:absolute; top:0px; }
.max_top_div_area_hide{position:fixed; top:-300px; }

	/* 임시로 만들어질 새 속성을 지정해 둔다. */
.top-scroll-showhide-div.fixed {position: fixed !important; top:-85px !important; }
.max-top-div-area.fixed {position: fixed; top:-45px !important; }

/* TOP 영역 */
.topt_area div, ul {
	letter-spacing: -0.02em;
}

.topt_area li {
	display: flex;
}
.topt_area .topt_menu>li {
	padding: 6px;
}

.topt_area li a {
	text-decoration: none;
}

.topt_area .topt_logo {
	display: inline-block;
	height: 34.24px;
	padding-left: 0px;
	padding-top: 0px;
}

.topt_area .topt_logo * {
	display: inline-block;
	height: 100%;
}
.topt_area .topt_logo>a{
	margin-right: 10px;
}

.topt_area .topt_banner {
	float: left;
	width: 10%;
	text-align: right;
	padding-top: 9px;
}

.topt_area .topt_center {
	overflow: hidden;
	float: right;
	width: 10%;
	height: 30px;
	text-align: right;
	padding-top: 9px;
	position: absolute;
}

.topt_area .topt_menu {
	display: flex;
	align-items: center;
}

.topt_area .t_menu01 {
	color: #636363;
	text-align: center;
}

.topt_area .t_menu01 a {
	color: #636363;
	line-height: 20px;
}
/* .topt_area .t_menu01 a:link, .topt_area .t_menu01 a:visited, .topt_area .t_menu01 a:focus{color:#636363;} */
/* .topt_area .t_menu01 a:hover, .topt_area .t_menu01 a:active{color:#526aa6;} */
.topt_area .t_menu01 .panel {
	margin-bottom: 0;
	border: 0;
	box-shadow: none;
}

.topt_area .t_menu01 .panel .panel-body {
	border: 0;
	border-radius: 0;
}

.topt_area .t_menu01 .panel .panel-body .l-btn {
	border: 0;
	border-radius: 0;
}

.topt_area span {
	color: #868E96;
}

.topt_area .tbtn_set a {
	border: 1px solid #44558b;
	background: #5267a8;
	color: #ffffff;
	text-align: center;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin: 0 0 0 1px;
	padding: 0 12px 0 12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.topt_area .tbtn_set a:link, .topt_area .tbtn_set a:visited, .topt_area .tbtn_set a:focus
	{
	background: #5267a8;
	border: 1px solid #44558b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.topt_area .tbtn_set a:hover, .topt_area .tbtn_set a:active {
	background: #40579d;
	border: 1px solid #44558b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.topt_area .tbtn_notify a {
	border: 1px solid #44558b;
	background: #f00;
	color: #ffffff;
	text-align: center;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin: 0 0 0 1px;
	padding: 0 12px 0 12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: bold;
}

.topt_area .tbtn_notify a:link, .topt_area .tbtn_set a:visited,
	.topt_area .tbtn_set a:focus {
	background: #5267a8;
	border: 1px solid #44558b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.topt_area .tbtn_notify a:hover, .topt_area .tbtn_set a:active {
	background: #f00;
	border: 1px solid #44558b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* 메뉴 네비게이션 영역 */
#header-area .gnb {
	position: relative;
	margin: 0 auto;
/* 	margin-left: 3.527%; */
	text-align: center;
}

#header-area .gnb .gnbMenu_ko {
	position: relative;
	padding: 10px 0 10px 0px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

#header-area .gnb .gnbMenu_ko li {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	display: inline-block
}
#header-area .gnb .gnbMenu_ko li:not(:last-child){
	padding: 0 20px 0 0;
}

#header-area .gnb .gnbMenu_ko li a,
#header-area .gnb .gnbMenu_en li a,
#header-area .gnb .gnbMenu_vi li a{
	color: #242424;
}

#header-area .gnb .gnbMenu_ko li:hover a,
#header-area .gnb .gnbMenu_en li:hover a,
#header-area .gnb .gnbMenu_vi li:hover a{
	color: #1D9ADD;
}

#header-area .gnb .gnbMenu_en {
	position: relative;
	padding: 10px 0 10px 20px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

#header-area .gnb .gnbMenu_en li {
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding: 0 10px;
	display: inline-block
}

/* #header-area .gnb .gnbMenu_en li a {
	color: #fdfffe;
} */

/* #header-area .gnb .gnbMenu_en li:hover a {
	color: #95aed5;
} */

#header-area .gnb .gnbMenu_vi {
	position: relative;
	padding: 10px 0 10px 20px;
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

#header-area .gnb .gnbMenu_vi li {
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding: 0 10px;
	display: inline-block
}

/* #header-area .gnb .gnbMenu_vi li a {
	color: #fdfffe;
} */

/* #header-area .gnb .gnbMenu_vi li:hover a {
	color: #95aed5;
} */

#header-area .gnb .btn_allview {
	float: right;
	padding: 15px 25px 0 0;
}

/* 탭메뉴 */
.tab_box01 {
	margin-bottom: 10px;
	padding: 0 10px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background-color: #254c88;
	border-left: 1px solid #022356;
	border-top: 1px solid #022356;
	border-right: 1px solid #022356;
}

.tab_menu01 {
	margin-top: 10px;
}

.tab_menu01 li {
	display: inline-block;
	padding: 7px 50px;
}

.menu_tabm01 {
	font-size: 14px;
	background: #dcdcdc;
	color: #969696;
	border-radius: 0px;
	padding: 0 30px 0 30px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.menu_tabm01 a {
	font-size: 14px;
	background: #dcdcdc;
	color: #969696;
	border-radius: 0px;
	padding: 0 30px 0 30px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.menu_tabm01:visited, .topt_area .t_menu01:focus {
	background-color: #FFFFFF;
	color: #254c88;
}

.menu_tabm01:hover, .menu_tabm01:active {
	background-color: #FFFFFF;
	color: #254c88;
}

.menu_tabm01_on {
	background-color: #FFFFFF;
	color: #254c88;
	font-size: 14px;
	border-radius: 0px;
	padding: 0 30px 0 30px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

/* bookmark 메뉴영역 */
#header-area .bookmark {
	display: flex;
	text-align: center;
}

#header-area .bookmark li{
	position: relative;
	display: inline-block;
	display: flex;
	align-items: baseline;
	margin-right: 12px;
	white-space: nowrap;
}
#header-area .bookmark li:last-child{
	margin-right: 0;
}
#header-area .bookmark li:hover .bm_menu_ko{
	color: #1D9ADD;
}
/* #header-area .bookmark li{position:relative; display:inline-block; margin:0 5px 0 5px; width:157px; height:54px; background-color:#ffffff; border:1px solid #000000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url("../images/top/bookmark_bg.gif") 0 0 repeat-x;} */
#header-area .bookmark li .bm_his {
	font-size: 11px;
	font-weight: 400;
	height: 15px;
	padding-top: 3px;
	color: #898989;
}

#header-area .bookmark li .bm_menu_ko {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.02em;
	margin-left: 6px;
} /*북마크 메뉴 폰트사이즈 여기서 변경*/
#header-area .bookmark li .bm_menu_en {
	font-size: 13px;
	font-weight: 600;
	height: 30px;
	padding-top: 5px;
} /*북마크 메뉴 폰트사이즈 여기서 변경*/
#header-area .bookmark li .bm_menu_vi {
	font-size: 12px;
	font-weight: 600;
	height: 30px;
	padding-top: 5px;
} /*북마크 메뉴 폰트사이즈 여기서 변경*/
#header-area .bookmark li .bm_menu a {
	color: #01173c;
}

#header-area .bookmark li .bm_menu:hover a {
	color: #2257a2;
}

#header-area .bookmark .bookmark_list {
	display: flex;
	align-items: center;
	margin: 0;
}

/* #header-area .bookmark .bm_leftbtn { */
/* 	float: left; */
/* 	text-align: center; */
/* 	width: 50px; */
/* 	border: 0; */
/* 	padding-top: 5px; */
/* 	margin: 0; */
/* 	background: url("../images/top/bookmark_bg.png") 0 0 repeat-x; */
/* } */

#header-area .bookmark_list li[class$="btn"]{
	display: flex;
	align-items: center;
}
#header-area .bookmark_list li[class$="btn"]>a{
    width: 22px;
}
#header-area .bookmark_list li[class="bm_leftbtn"]>a:nth-of-type(2){margin-left: 6px;}
#header-area .bookmark_list li[class="bm_rightbtn"]>a:nth-of-type(1){margin-right: 6px;}
#header-area .bookmark .btnimg {
	display: block;
	width: 100%;
}

#header-area .bookmark .bm_rightbtn {
	border: 0;
}
/*#header-area .bookmark .bm_rightbtn{float:right; text-align:center; width:50px; border:0; padding-top:3px; padding-left:50px; margin:0; background:url("../images/top/bookmark_bg.png") 0 0 repeat-x;}*/
#header-area .bookmark .bm_rightbtn .btnimg {
	position: relative;
}


/* #header-area .bookmark .bm_admin{border: 1px solid #DEE2E6; border-radius: 6px; padding: 2px 8px; background: #fff; color: #1D9ADD; font-weight: 500; position: relative; padding-left: 16px; height: 25px;} */
/* #header-area .bookmark .bm_admin::before{content:"+"; display: inline-block; position:absolute;  left: 5px; top: 1px;} */
/* #header-area .bookmark .bm_admin:hover{border: 1px solid #1D9ADD; background: #1D9ADD; color: #fff; cursor: pointer;} */
/* #header-area .bookmark .bm_admin:hover::before{color: #fff;} */

/* left 영역 */
#container_area #left_area_xe .left_title {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #032258;
	padding: 18px 0 17px 0;
	border-bottom: 1px solid #b4b4b4;
}

#container_area #left_area_xe .topnav {
	width: 100%;
	padding: 0;
}

#left_area_xe ul.topnav {
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: 400;
}

#left_area_xe ul.topnav>li[id^=sideMenu]>a {
	background: #42515E;
	color: #fff;
	display: flex;
	padding: 10px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
}

#left_area_xe ul.topnav>li[id^=sideMenu]>a::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background:
		url('../package/jquery-easyui-1.8.8/themes/gray/images/combo_arrow02.png')
		no-repeat center center;
	position: absolute;
	right: 20px;
	top: 15px;
}

#left_area_xe ul.topnav>li[id^=sideMenu].active>a::after {
	transform: rotateX(180deg);
}

#left_area_xe ul.topnav>li[id^=sideMenu]>a svg {
	margin-right: 8px;
}

#left_area_xe ul.topnav li a {
	background: #35414B;
	color: #fff;
	display: block;
}

#left_area_xe ul.topnav ul {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	display: none;
	background-color: #35414B;
}

#left_area_xe ul.topnav ul li {
	margin: 0;
	padding: 4px 32px;
	clear: both;
	border: 0px;
}

#left_area_xe ul.topnav ul li a::before {
	content: "-";
	padding-right: 4px;
}
#left_area_xe ul.topnav ul li li a::before {
	content: ".";
	padding-right: 4px;
}

#left_area_xe ul.topnav ul li a.active {
	color: #86CDF2;
}

#left_area_xe ul.topnav ul li a:hover {
	color: #86CDF2;
}

#left_area_xe ul.topnav ul li a:hover::before {
	color: #86CDF2;
}

#left_area_xe ul.topnav span {
	float: right;
}

/* 컨텐츠_상단 page공통 */
#container_area #content_area .page_title {
	padding: 4px 30px;
	font-size: 19px;
	font-weight: 400;
	color: #4f4f4f;
}

.btn_pg_admin01 {
	border: 1px solid #DEE2E6;
	border-radius: 4px;
	padding: 2px 8px;
	background: #fff;
	color: #1D9ADD;
	font-weight: 500;
	position: relative;
	padding-left: 16px;
	height: 22px;
	font-size: 12px;
	min-width: 90px;
}

.btn_pg_admin01:hover {
	border: 1px solid #1D9ADD;
	background: #1D9ADD;
	color: #fff;
	cursor: pointer;
}

.btn_pg_admin01::before {
	content: "+";
	display: inline-block;
	position: absolute;
	left: 5px;
	top: 1px;
}

#content_area .btn_pg_admin02 {
    font-size: 12px;
    border: 1px solid #DEE2E6;
    border-radius: 4px;
    background: #fff;
    font-weight: 500;
    position: relative;
    height: 22px;
    font-size: 12px;
    padding: 0px 12px;
    color: #868E96;
        
    display: flex;
    justify-content: center;
    align-items: center;
}

#content_area .btn_pg_admin02:hover {
	border: 1px solid #1D9ADD;
	background: #1D9ADD;
	color: #fff;
	cursor: pointer;
}


/* #content_area .btn_pg_admin03{font-size:13px; background-color:#ad4081;  height:23px; border:1px solid #733058; border-left:0; color:#FFF; padding:2.8px 10px 2.8px 10px; cursor:pointer; vertical-align:middle; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;} */
/* #content_area .btn_pg_admin03:hover{background-color:#c1669c;} */
#content_area .page_navi_left {
	float: left;
	padding: 5px 10px;
	font-size: 15px;
	color: #949494;
}

#content_area .page_navi_left li {
	display: inline-block;
	padding: 0 3px;
}

#content_area .page_navi_left li.page_bold {
	color: #863211;
}

#content_area .page_navi {
	float: right;
	padding: 5px 10px;
	font-size: 12px;
	color: #949494;
}

#content_area .page_navi li {
	display: inline-block;
	padding: 0 3px;
}

#content_area .page_navi li.page_bold {
	color: #4b4b4b;
}

.sub_title {
    font-size: 16px;
    font-weight: 600;
    color: #242424; /* 잘못된 ## 제거 */
    display: flex; /* 플렉스박스로 레이아웃 */
    align-items: center; /* 세로 정렬 */
    justify-content: flex-start; /* 텍스트와 이미지를 왼쪽 정렬 */
    padding-left: 25px;
    margin-top: 2px;
    background: url(../images/icon_title.png) no-repeat left center; /* 이미지 세로 가운데 정렬 */
}
.sub_title_l{font-size: 16px; font-weight: 600;padding-left:15px; margin:5px 0 0 5px; /*background:url(../images/icon_title.png) no-repeat left cente*/r;display:inline-block;}


/* 컨텐츠_box유형별 */
.box_type01 {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 16px;
	/* min-width: 960px; */
}

.box_type01_tit {
	font-size: 18px;
	font-weight: 600;
	color: #242424;
	padding-bottom: 12px;
	display: inline-flex;
	position: relative;
	top: -2px;
}

.box_type01 .box_span {
	position: absolute;
	right: 10px;
	top: -5px;
	z-index: 9999;
}

.box_type01 .box_span .btn_boxtype01_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type01_close.png") no-repeat 100% 50%;
}

.box_type01 .box_span .btn_boxtype01_open {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type01_open.png") no-repeat 100% 50%;
}

.box_type01_tit input[type=button] {
	margin-left: 7px;
}

.box_type02 {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 16px;
	min-width: 960px;
}

.box_type02_tit {
	font-size: 18px;
	font-weight: 600;
	color: #242424;
	padding-bottom: 12px;
	display: inline-flex;
    position: relative;
    top: -4px;
}

.box_type02 .box_span {
	position: absolute;
	right: 10px;
	top: -6px;
}

.box_type02 .box_span .btn_boxtype02_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type02_close.png") no-repeat 100% 50%;
}

.box_type02 .box_span .btn_boxtype02_open {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type02_open.png") no-repeat 100% 50%;
}

.box_type02_line {
	position: relative;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 26px;
	border: 1px solid #b8c2ce;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-width: 960px;
}

.box_help01 {
	color: #868E96;
	font-size: 14px;
}

.box_type01 .box_help01{
    margin-right: 40px;
    display: flex;
    width: -webkit-fill-available;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    margin-top: -38px;
    margin-bottom: 10px;
}
.box_type01 .box_help02{
    display: inline-block;
    width: auto;
    margin-top:auto;
    margin-bottom: 10px;
}
.box_type02 .box_help01{
    display: flex;
    width: -webkit-fill-available;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
    margin-top: -38px;
    margin-bottom: 10px;
	margin-right: 40px;
}

.box_type01 .box_help01.rayout_from01{
	margin: 0;
	display: block;
}
.box_help01.rayout_from02{
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
.box_type01 .box_help01.rayout_from01 .box_help01_item{
	padding-top: 4px;
	margin-left: 4px;
}

.box_type04 .box_type04_tit{
	display: inline-flex;
}
.box_type04 .box_help01{
	display: inline-flex;
    align-items: center;
	letter-spacing: -0.4px;
}  

.box_help01 img {
	margin: 0px 4px 2px 2px;
}

.box_help02 {
    color: #868E96;
    font-size: 14px;
}

.box_help03 {
	padding: 10px 0 5px 5px;
	color: #c89057;
	font-size: 13px;
}

.box_help04 {
	padding: 5px 10px 5px 5px;
	color: #c89057;
	font-size: 13px;
}

.box_help05 {
	padding: 10px 0 5px 5px;
	color: #578fc8;
	font-size: 13px;
}

.box_help01.box_help_v2{
	display: inline-flex;
    position: relative;
    top:-5px;
}

.box_help01.box_help_v3{
	margin-right: auto; 
    display: block;
    width: auto;
    margin-top: auto;
	margin-bottom: auto;
}

.box_label01_r {
	padding: 0 5px 0 0;
	color: #578fc8;
	font-size: 13px;
	height: auto;
	float: right;
}

.box_label02_l {
	padding: 5px 10px 0 10px;
	color: #000000;
	font-size: 12px;
	height: auto;
	float: left;
}

.box_label02_c {
	padding: 5px 10px 0 10px;
	color: #000000;
	font-size: 12px;
	height: auto;
	text-align: center; /* float:center; */
}

.box_label02_r {
	padding: 5px 10px 0 10px;
	color: #000000;
	font-size: 12px;
	height: auto;
	float: right;
}

.box_label03_l {
	padding: 5px 10px 0 10px;
	color: #578fc8;
	font-size: 12px;
	height: auto;
	float: left;
}

.box_listcount01 {
	padding: 3px 0 5px 5px;
	color: #c89057;
	font-size: 12px;
}

.box_type03 {
	position: relative;
	padding-bottom: 0px;
	border: 1px solid #d1bfa9;
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.box_type03_tit {
	font-size: 14px;
	padding: 0 0 0px 22px;
}

.btn_boxtype03_close {
	width: 61px;
	height: 20px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/helpbox_title_close.png") top right
		no-repeat;
}

.btn_boxtype03_open {
	width: 61px;
	height: 20px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/helpbox_title_open.png") top right
		no-repeat;
}

.box_type03_text {
	padding: 10px 20px 20px 20px;
	font-size: 13px;
	color: #616161;
	line-height: 22px;
}

.box_type04 {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 16px;
	/* min-width: 960px; */
}

.box_type04_tit {
	font-size: 18px;
	font-weight: 600;
	color: #242424;
    margin-bottom: 4px;
}

.box_type04 .box_span {
	position: absolute;
	right: 10px;
	top: 0;
}

.box_type04 .box_span .btn_box_type04_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type02_close.png") no-repeat 100% 50%;
}

.box_type04 .box_span .btn_box_type04_open {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type02_open.png") no-repeat 100% 50%;
}

.box_type04 .box_type04_tit .box_listCount04_label {
	position: absolute;
	margin: 1px;
	top: 2px;
	/* padding: 2px 10px; */
	right: 30px;
	letter-spacing: -0.4px;
}

.box_type05 {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 16px;
	border: 1px solid #DEE2E6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-width: 960px;
}

.box_type05_tit {
	font-size: 14px;
	font-weight: 500;
	color: #242424;
	padding: 8px 0 8px 22px;
	background-color: #F1F3F5;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background: #F1F3F5;
}

.box_type05 .box_span {
	position: absolute;
	right: 10px;
	top: 0;
}

.box_type05 .box_span .btn_box_type05_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type02_close.png") no-repeat 100% 50%;
}

.box_type05 .box_span .btn_box_type05_open {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type02_open.png") no-repeat 100% 50%;
}

.box_type06 {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 16px;
	overflow: hidden;
}

.box_type06_tit {
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	padding: 11px 0 11px 22px;
	background: #42515E;
}

.box_type06 .box_span {
	position: absolute;
	right: 10px;
	top: 0;
}

.box_type06 .box_span .btn_boxtype06_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type01_close.png") no-repeat 100% 50%;
}

.box_type06 .box_span .btn_boxtype06_open {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type01_open.png") no-repeat 100% 50%;
}

/* viewer box */
.viewer_top {
	margin: 0 auto;
	width: 98%;
	text-align: right;
	color: #8497b2;
}

.viewer_top div {
	display: inline-block;
	vertical-align: top;
	margin: 10px 10px;
}

.viewer_top div.text01 {
	margin-top: 13px;
}

.viewer_top div input {
	vertical-align: top;
	color: #ffffff;
}

.viewer_box01 {
	background-color: #f2f2f2;
	width: 100%;
}

/* popupLayer */
#popupLayer {
	display: block;
	border: 5px solid #cccccc;
	margin: 0;
	padding: 5px;
	background-color: #ffffff;
	z-index: 5;
}

#popupLayer .b-close {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #f37a20;
	font-weight: bold; /* cursor:hand; */
}

#popupLayer .popupContent {
	margin: 0;
	padding: 0;
	text-align: center;
	border: 0;
}

#popupLayer .popupContent iframe {
	width: 900px;
	height: 700px;
	border: 0;
	padding: 0px;
	margin: 0;
	z-index: 10;
}

/* 탭메뉴 */

/* sub menu*/
.submenu_tabbox01 {
	position: relative;
	margin-bottom: 16px;
	padding: 0;
}

.submenu_tab01 {
	margin: 0px;
}

.submenu_tab01 li {
	display: inline-block;
}

.submenu_tabm01 {
	background: #ffffff;
	color: #3c3c3c;
	border: 1px solid #b9b9b9;
	border-bottom: 2px solid #344376;
	font-size: 15px;
	cursor: pointer;
	vertical-align: middle;
	padding: 10px 30px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.submenu_tabm01 a {
	background: #ffffff;
	color: #3c3c3c;
	border: 1px solid #b9b9b9;
	border-bottom: 2px solid #344376;
	font-size: 15px;
	cursor: pointer;
	vertical-align: middle;
	padding: 10px 30px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.submenu_tabm01:hover, .submenu_tabm01:focus, .submenu_tabm01:visited {
	color: #ffffff;
	background-color: #344376;
	border: 1px solid #2a365f;
	font-size: 15px;
	cursor: pointer;
	vertical-align: middle;
	padding: 10px 30px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.submenu_tabm01:active {
	color: #ffffff;
	background-color: #344376;
	border: 1px solid #2a365f;
	font-size: 15px;
	cursor: pointer;
	vertical-align: middle;
	padding: 10px 30px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.submenu_tabm01_on {
	color: #ffffff;
	background-color: #344376;
	border: 1px solid #2a365f;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
	vertical-align: middle;
	padding: 10px 30px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

/* 내용tab */
.tab_box01 {
	position: relative;
	margin-bottom: 10px;
	padding: 0 10px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background-color: #254c88;
	border-left: 1px solid #022356;
	border-top: 1px solid #022356;
	border-right: 1px solid #022356;
}

.tab_menu01 {
	margin-top: 10px;
}

.tab_menu01 li {
	display: inline-block;
	padding: 7px 50px;
}

.menu_tabm01 {
	position: relative;
	font-size: 14px;
	background: #e5e5e5;
	color: #969696;
	border-radius: 0px;
	padding: 0 30px 0 30px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.menu_tabm01 a {
	font-size: 14px;
	background: #e5e5e5;
	color: #969696;
	border-radius: 0px;
	padding: 0 30px 0 30px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.menu_tabm01:visited, .menu_tabm01:focus {
	background-color: #FFFFFF;
	color: #254c88;
}

.menu_tabm01:hover, .menu_tabm01:active {
	background-color: #FFFFFF;
	color: #254c88;
}

.menu_tabm01_on {
	background-color: #FFFFFF;
	color: #254c88;
	font-size: 14px;
	font-weight: 700;
	border-radius: 0px;
	padding: 0 30px 0 30px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

/* 테이블관련 DIV */
.table_contents {
	margin: 0;
	padding: 0px;
	margin-bottom: 0px;
} /*overflow-x:auto; overflow-y: hidden;*/
.table_contents_h {
	position: relative;
	width: 98.5%;
	margin: 0;
	text-align: center;
	padding: 10px;
	margin-bottom: 5px;
}

.table_contents_h div {
	display: inline-block;
	vertical-align: middle;
}

.table_contents_h .table_cont_hleft {
	text-align: right;
	width: 44%;
}

.table_contents_h .table_cont_hright {
	text-align: right;
	width: 44%;
}

.table_contents_h .table_cont_hcenter {
	width: 9.3%;
	text-align: center;
}

.table_contents2_h {
	position: relative;
	width: 98.5%;
	margin: 10px;
	padding: 10px;
	margin-bottom: 5px;
}

.table_contents2_h div {
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.table_contents2_h .table_cont_hleft {
	background-color: #FFFFFF;
	width: 55%;
}

.table_contents2_h .table_cont_hcenter {
	background-color: #FFFFFF;
	text-align: center;
	width: 44.4%;
}

.menu_contents_h {
	position: relative;
	width: 98.5%;
	margin: 0;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url("../images/sub/line_center_h.gif") center top repeat-y;
}

.menu_contents_h div {
	display: inline-block;
	vertical-align: top;
}

.menu_contents_h .menu_cont_hleft {
	text-align: left;
	width: 44%;
}

.menu_contents_h .menu_cont_hright {
	text-align: right;
	width: 44%;
}

.menu_contents_h .menu_cont_hcenter {
	width: 1px;
	height: 100%;
	margin: 20px 30px;
	text-align: center;
	background-color: #d5d5d5;
}

.table_input01 #item_table_sub{
	width: 100%;
}

.table_stitle01 {
	width: 100%;
	text-align: left;
	padding: 8px 0px;
	font-size: 14px;
	font-weight: 600;
}

.table_stitle02 {
	font-size: 18px;
	font-weight: 600;
	color: #242424;
	padding-bottom: 12px;
}

.table_stitle03 {
	text-align: left;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: 600;
}

.menu_cont_box01 {
	width: 100%;
}

.menu_cont_box02 {
	float: right;
	width: 100%;
}

.menu_cont_box01 span {
	float: right;
	font-size: 12px;
}

.menu_cont_box02 span {
	float: right;
	font-size: 12px;
}

.menu_1depth {
	width: 90%;
	padding: 8px 10px 8px 40px;
	margin-bottom: -1px;
	color: #848484;
	background: url("../images/sub/menuicon_1depth.png") 8px 8px no-repeat;
	border: 1px solid #dddddd;
	font-size: 13px;
}

.menu_1depth:hover, .menu_1depth:active {
	background-color: #f7f7f7;
}

.menu_1depth_new {
	width: 90%;
	padding: 8px 10px 8px 40px;
	margin-bottom: -1px;
	color: #848484;
	background: url("../images/sub/menuicon_1depth.png") 8px 8px no-repeat;
	border: 1px solid #dddddd;
	border-left: 0px;
	border-right: 0px;
	font-size: 13px;
}

.menu_1depth_new:hover, .menu_1depth_new:active {
	background-color: #f7f7f7;
}

.menu_2depth {
	width: 90%;
	padding: 8px 10px 8px 40px;
	margin-bottom: -1px;
	color: #848484;
	background: url("../images/sub/menuicon_2depth.png") 8px 8px no-repeat;
	border: 1px solid #dddddd;
	font-size: 13px;
}

.menu_2depth:hover, .menu_2depth:active {
	background-color: #f7f7f7;
}

.smenu_1depth {
	width: 87%;
	padding: 8px 10px 8px 40px;
	margin-bottom: -1px;
	color: #848484;
	background: url("../images/sub/menuicon_1depth.png") 8px 8px no-repeat;
	border: 1px solid #dddddd;
	font-size: 13px;
	text-align: left;
}

.smenu_1depth:hover, .smenu_1depth:active {
	background-color: #f7f7f7;
}

.smenu_2depth {
	width: 78%;
	padding: 8px 10px 8px 40px;
	margin-bottom: -1px;
	color: #848484;
	background: url("../images/sub/menuicon_1depth.png") 8px 8px no-repeat;
	border: 1px solid #dddddd;
	font-size: 13px;
	text-align: left;
}

.smenu_2depth:hover, .smenu_2depth:active {
	background-color: #f7f7f7;
}

.smenu_3depth {
	width: 78%;
	padding: 8px 10px 8px 40px;
	margin-bottom: -1px;
	color: #848484;
	background: url("../images/sub/menuicon_2depth.png") 8px 8px no-repeat;
	border: 1px solid #dddddd;
	font-size: 13px;
	text-align: left;
}

.smenu_3depth:hover, .smenu_3depth:active {
	background-color: #f7f7f7;
}

.smenu_4depth {
	width: 68%;
	padding: 8px 10px 8px 40px;
	margin-bottom: -1px;
	color: #848484;
	background: url("../images/sub/menuicon_2depth.png") 8px 8px no-repeat;
	border: 1px solid #dddddd;
	font-size: 13px;
	text-align: left;
}

.smenu_4depth:hover, .smenu_4depth:active {
	background-color: #f7f7f7;
}

.smenu_1depth_New {
	width: 87%;
	padding: 8px 10px 8px 40px;
	margin-bottom: -1px;
	color: #848484;
	background: url("../images/sub/menuicon_1depth.png") 8px 8px no-repeat;
	border: 1px solid #dddddd;
	border-left: 0px;
	border-right: 0px;
	font-size: 13px;
	text-align: left;
}

.smenu_1depth_New:hover, .smenu_1depth_New:active {
	background-color: #f7f7f7;
}

.inp_menu01 {
	width: 90%;
	padding: 8px 10px 8px 20px;
	margin-bottom: -1px;
	color: #848484;
	border: 1px solid #dddddd;
	font-size: 13px;
	text-align: left;
}

.inp_menu01:hover, .inp_menu01:active {
	background-color: #f7f7f7;
}

/* 테이블관련 DIV : 추가 */
.table_stitle04 {
	width: 100%;
	text-align: left;
	padding: 8px 34px;
	font-size: 16px;
	font-weight: 600;
	color: #242424;
	background: url(../images/sub/check_ok_small.png) 8px center no-repeat;
}

.table_stitle05 {
	overflow: hidden;
	width: 90%;
	text-align: left;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: 600;
	color: #317d4c;
	background: url("../images/sub/box_stitle_bullet01.gif") 0 13px
		no-repeat;
}

.table_stitle06 {
	width: 90%;
	text-align: left;
	padding: 5px 15px;
	font-size: 14px;
	font-weight: 600;
	color: #557aa2;
	background: url("../images/sub/box_stitle_bullet01.gif") 0 13px
		no-repeat;
}

.menu_contents3_h {
	position: relative;
	width: 98.5%;
	margin: 0;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url("../images/sub/line_center_h.gif") 66.1% 5% repeat-y,
		url("../images/sub/line_center_h.gif") 33.8% 0% repeat-y;
}

.menu_contents3_h div {
	display: inline-block;
	vertical-align: top;
}

.menu_contents3_h .menu_cont3_hleft {
	text-align: left;
	width: 28%;
}

.menu_contents3_h .menu_cont3_hcenter {
	text-align: right;
	width: 28%;
}

.menu_contents3_h .menu_cont3_hright {
	text-align: right;
	width: 28%;
}

.menu_contents3_h .menu_cont3_hline {
	width: 1px;
	height: 100%;
	margin: 5% 2%;
	text-align: center;
	background-color: #d5d5d5;
}

.menu_contents3_h2 {
	position: relative;
	width: 98.5%;
	margin: 0;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url("../images/sub/line_center_h.gif") 53% 5% repeat-y,
		url("../images/sub/line_center_h.gif") 27.8% 0% repeat-y;
}

.menu_contents3_h2 div {
	display: inline-block;
	vertical-align: top;
}

.menu_contents3_h2 .menu_cont3_hleft {
	text-align: left;
	width: 20%;
}

.menu_contents3_h2 .menu_cont3_hcenter {
	text-align: right;
	width: 20%;
}

.menu_contents3_h2 .menu_cont3_hright {
	text-align: right;
	width: 42%;
}

.menu_contents3_h2 .menu_cont3_hline {
	width: 1px;
	height: 100%;
	margin: 5% 2%;
	text-align: center;
	background-color: #d5d5d5;
}

.menu_cont3_box01 {
	width: 100%;
}

.menu_cont3_box02 {
	float: right;
	width: 100%;
}

.menu_cont3_box03 {
	float: right;
	width: 100%;
}

.menu_cont3_box01 span {
	float: right;
	font-size: 12px;
}

.menu_cont3_box02 span {
	float: right;
	font-size: 12px;
}

.menu_cont3_box03 span {
	float: right;
	font-size: 12px;
}

.smenu3_1depth {
	float: right;
	width: 87%;
	padding: 8px 10px 8px 40px;
	margin-bottom: -1px;
	color: #848484;
	background: url("../images/sub/menuicon_1depth.png") 8px 8px no-repeat;
	border: 1px solid #dddddd;
	font-size: 13px;
	text-align: left;
}

.smenu3_1depth:hover, .smenu_1depth:active {
	background-color: #f7f7f7;
}

.smenu3_2depth {
	float: right;
	width: 78%;
	padding: 8px 10px 8px 40px;
	margin-bottom: -1px;
	color: #848484;
	background: url("../images/sub/menuicon_2depth.png") 8px 8px no-repeat;
	border: 1px solid #dddddd;
	font-size: 13px;
	text-align: left;
}

.smenu3_2depth:hover, .smenu_2depth:active {
	background-color: #f7f7f7;
}

.menu_contents4_h {
	position: relative;
	width: 98.5%;
	margin: 0;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.menu_contents4_h div {
	display: inline-block;
	vertical-align: top;
}

.menu_contents4_h .menu_cont4_hleft {
	text-align: left;
	width: 40%;
}

.menu_contents4_h .menu_cont4_hright {
	text-align: right;
	width: 40%;
}

.menu_contents4_h .menu_cont4_hline {
	height: 100%;
	margin: 5% 2%;
	text-align: center;
}

.menu_cont4_box01 {
	width: 100%;
}

.menu_cont4_box02 {
	float: right;
	width: 100%;
}

.menu_cont4_box03 {
	float: right;
	width: 100%;
}

.menu_cont4_box01 span {
	float: left;
	font-size: 12px;
}

.menu_cont4_box02 span {
	float: left;
	font-size: 12px;
}

.menu_cont4_box03 span {
	float: left;
	font-size: 12px;
}

/* 테이블01(입력및상세) */
.table_input01 {
	width: 100%;
	border: 1px solid #DEE2E6;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #ffffff;
	line-height: 22px;
	font-size: 12px;
}

.table_input01 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_input01>tbody>tr {
	border-top: 1px solid #DEE2E6;
}

.table_input01 th {
	font-weight: 500;
	font-size: 14px;
	background: #F1F3F5; 
/* 	height: 48px; */
	text-align: center;
}

.table_input01 td {
	font-weight: 500;
	font-size: 14px;
	text-align: left;
	padding: 6px;
}

.table_input01 tr:not(:last-child) th, .table_input01 tr:not(:last-child) td{
	border-bottom:1px solid #DEE2E6;
}
.table_input01 tr th[rowspan], .table_input01 tr td[rowspan]{
	border-bottom: 0;

}
.table_input01 .info_box02 tr{
	height: 35px;
}
.table_input01 .info_box02 tr th, 
.table_input01 .info_box02 tr td{
	border: 0;
	padding: 0 2px;
}

.table_input01 td.h24 {
	height: 24px;
	line-height: 24px;
	padding: 3.1px;
}

.table_input01 img {
	vertical-align: middle;
	padding: 0 0 0 0;
}

.table_input01 td span.text_align01 {
	display: inline-block;
	padding: 2px 5px;
	margin: 1px 1px;
	background-color: #efe3d2;
	font-weight: bold;
	border: 1px solid #eaeaea;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.table_input01 td em.table_input01 {
	padding: 5px 20px;
	margin: 1px 1px;
	font-weight: 500;
	font-size: 15px; /*border:1px solid #DEE2E6; */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #f8f9fa;
}


.table_input099 {
	width: 100%;
	margin: 0;
}

.table_input099 th, .table_input099 td {
	font-size: 13px;
	border: 1px solid #FFFFFF;
	color: #3f3e3e;
	height: 25px;
}

.table_input099 td {
	padding: 3px 10px;
	color: #76859a;
	background: #eef0f8;
	text-align: center
}

/* 테이블01(입력및상세) */
.table_input011 {
	width: 100%;
	border: 1px solid #DEE2E6;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #ffffff;
/*	line-height: 40px; */
	font-size: 12px;
}

.table_input011 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_input011>tbody>tr {
	border-top: 1px solid #DEE2E6;
	height: 60px;
}

.table_input011 th {
	font-weight: 500;
	font-size: 14px;
	background: #F1F3F5; 
/* 	height: 48px; */
	text-align: center;
}

.table_input011 td {
	font-weight: 500;
	font-size: 14px;
	text-align: left;
	padding: 6px;
}

.table_input011 tr:not(:last-child) th, .table_input011 tr:not(:last-child) td{
	border-bottom:1px solid #DEE2E6;
}
.table_input011 tr th[rowspan], .table_input011 tr td[rowspan]{
	border-bottom: 0;

}
.table_input011 .info_box02 tr{
	height: 35px;
}
.table_input011 .info_box02 tr th, 
.table_input011 .info_box02 tr td{
	border: 0;
	padding: 0 2px;
}

.table_input01 td.h24 {
	height: 24px;
	line-height: 24px;
	padding: 3.1px;
}

.table_input01 img {
	vertical-align: middle;
	padding: 0 0 0 0;
}

.table_input011 td span.text_align01 {
	display: inline-block;
	padding: 2px 5px;
	margin: 1px 1px;
	background-color: #efe3d2;
	font-weight: bold;
	border: 1px solid #eaeaea;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.table_input011 td em.table_input011 {
	padding: 5px 20px;
	margin: 1px 1px;
	font-weight: 500;
	font-size: 15px; /*border:1px solid #DEE2E6; */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #f8f9fa;
}

/* 테이블 상단,좌측 컬러02(입력및상세) */
.table_input02 {
	width: 100%;
	border: 1px solid #dddddd;
	margin: 0;
}

.table_input02 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_input02 th, .table_input02 td {
	font-size: 13px;
	border: 1px solid #e4e4e4;
	color: #3f3e3e;
	height: 25px;
}

.table_input02 th {
	padding: 3px 10px;
	color: #758c83;
	background: #e9f3ec;
	font-weight: bold;
}

.table_input01 th.table_tr1color {
	color: #ffffff;
	background: #8bc0ab;
	font-weight: 500;
}

.table_input01 th.table_tr2color {
	color: #ffffff;
	background: #5a5a5a;
	font-weight: 500;
}

.table_input01 th.table_tr3color {
	color: #ffffff;
	background: #8f8f8f;
	font-weight: 500;
}

.table_input01 th.table_tr4color {
	color: #ffffff;
	background: #328fb1;
	font-weight: 500;
}
.table_input01 td.table_td1color{
	background: #cce9f3;
}

.table_input02 td {
	color: #3f3e3e;
	background: #ffffff;
	padding: 3px 15px 3px 5px;
	text-align: right;
}

.table_input02 td.table_td1color {
	color: #ffffff;
	background: #7fcdad;
	padding: 3px 15px 3px 5px;
	font-weight: bold;
	text-align: right;
}

.table_input02 td em.table_input02 {
	padding: 2px 15px;
	margin: 1px 1px;
	background-color: #bffbdd;
	font-weight: bold;
	font-size: 15px;
	border: 1px solid #eaeaea;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* 테이블 상단,좌측 컬러03(입력및상세) */
.table_input03 {
	width: 100%;
	border: 1px solid #dddddd;
	margin: 0;
}

.table_input03 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_input03 th, .table_input03 td {
	font-size: 13px;
	border: 1px solid #e4e4e4;
	color: #3f3e3e;
	height: 25px;
}

.table_input03 th {
	padding: 3px 10px;
	color: #758c83;
	background: #e9f3ec;
	font-weight: bold;
}

.table_input03 th.table_tr1color {
	padding: 3px 10px;
	color: #ffffff;
	background: #8bc0ab;
	font-weight: bold;
}

.table_input03 th.table_tr2color {
	padding: 3px 10px;
	color: #ffffff;
	background: #63a88c;
	font-weight: bold;
}

.table_input03 th.table_tr3color {
	padding: 3px 10px;
	color: #ffffff;
	background: #8bc0ab;
	font-weight: bold;
}

.table_input03 th.table_tr4color {
	padding: 3px 10px;
	color: #ffffff;
	background: #7fcdad;
	font-weight: bold;
}

.table_input03 td {
	color: #3f3e3e;
	background: #ffffff;
	padding: 3px 15px 3px 5px;
	text-align: right;
}

.table_input03 td.table_td1color {
	color: #ffffff;
	background: #7fcdad;
	padding: 3px 15px 3px 5px;
	font-weight: bold;
	text-align: right;
}

/* 테이블 상단,좌측 컬러04(입력및상세) */
.table_input04 {
	width: 100%;
	border: 1px solid #dddddd;
	margin: 0;
}

.table_input04 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_input04 th, .table_input04 td {
	font-size: 13px;
	border: 1px solid #e4e4e4;
	color: #3f3e3e;
	height: 25px;
}

.table_input04 th {
	padding: 3px 10px;
	color: #758c83;
	background: #e9f3ec;
	font-weight: bold;
}

.table_input04 th.table_tr1color {
	padding: 3px 10px;
	color: #ffffff;
	background: #8bc0ab;
	font-weight: bold;
}

.table_input04 th.table_tr2color {
	padding: 3px 10px;
	color: #ffffff;
	background: #63a88c;
	font-weight: bold;
}

.table_input04 th.table_tr3color {
	padding: 3px 10px;
	color: #ffffff;
	background: #8bc0ab;
	font-weight: bold;
}

.table_input04 th.table_tr4color {
	padding: 3px 10px;
	color: #ffffff;
	background: #7fcdad;
	font-weight: bold;
}

.table_input04 td {
	color: #3f3e3e;
	background: #ffffff;
	padding: 3px 15px 3px 5px;
}

.table_input04 td.table_td1color {
	color: #ffffff;
	background: #7fcdad;
	padding: 3px 15px 3px 5px;
	font-weight: bold;
}

/* 테이블01(입력및상세) */
.table_input05 {
	width: 100%;
	border: 1px solid #dddddd;
	margin-top: 10px;
}

.table_input05 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_input05 th, .table_input05 td {
	font-size: 13px;
	border: 1px solid #e4e4e4;
	color: #3f3e3e;
	height: 25px;
	text-align: center;
}

.table_input05 th {
	padding: 3px 10px;
	color: #ffffff;
	background: #8D9FB3;
	font-weight: bold;
}

.table_input05 td {
	color: #3f3e3e;
	background: #ffffff;
	padding: 3px 5px;
}

/* 테이블01(입력및상세) */
.table_input06 {
	width: 100%;
	border: 1px solid #dddddd;
	margin-top: 10px;
	margin-bottom: 10px;
}

.table_input06 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_input06 th, .table_input06 td {
	font-size: 13px;
	border: 1px solid #e4e4e4;
	color: #3f3e3e;
	height: 25px;
}

.table_input06 th {
	padding: 3px 10px;
	color: #ffffff;
	background: #8D9FB3;
	font-weight: bold;
}

.table_input06 td {
	color: #3f3e3e;
	background: #ffffff;
	padding: 3px 5px;
}

.table_input06 td span.text_align05 {
	display: inline-block;
	padding: 10px 10px;
	margin: 2px 1px;
	background-color: #f9f9f9;
	border: 1px solid #eaeaea;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.table_input06 td span.text_align06 {
	display: inline-block;
	padding: 14px 10px;
	margin: 3px 1px;
	background-color: #f9f9f9;
	border: 1px solid #eaeaea;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.table_input06 th em.text_alignem06 {
	display: inline-block;
	padding: 14px 10px;
	margin: 3px 1px;
	background-color: #f9f9f9;
	border: 1px solid #eaeaea;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* 테이블내 추가 Input 표시 - kkh*/
.text_align_kkh {
	display: inline-block;
	padding: 1px 15px 1px 15px;
	background-color: #f9f9f9;
	border: 1px solid #eaeaea;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* 테이블속테이블 */
.table_in01_list {
	width: 98%;
	border: 1px solid #dddddd;
	margin: 5px 5px;
}

.table_in01_list caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_in01_list th, .table_in01_list td {
	font-size: 13px;
	border: 1px solid #e4e4e4;
	color: #3f3e3e;
	height: 28px;
}

.table_in01_list th {
	padding: 3px 10px;
	color: #ffffff;
	background: #cacaca;
	font-weight: bold;
}

.table_in01_list td {
	padding: 3px 10px;
	color: #a9a9a9;
}

/* 테이블 (마우스 온오버) */
.table_list01 tbody th, .table_list01 tbody td {
	background-color: #FFF;
}

.table_list01 tbody tr:hover td, .table_list01 tbody tr:hover th {
	background-color: #e9f3f6;
	cursor: pointer;
}

/* 테이블(리스트) */
.table_list01 {
	width: 100%;
	border: 1px solid #e4e4e4;
	margin: 0px;
}

.table_list01 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_list01 th, .table_list01 td {
	border: 1px solid #e4e4e4;
	color: #3f3e3e;
	height: 25px;
	font-size: 13px;
}

.table_list01 th {
	padding: 3px 3px;
	background: #a6b2bd;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

.table_list01 td {
	padding: 3px 5px;
	text-align: center;
	background: #ffffff;
}

/* 테이블(리스트) 50% */
.table_list02 {
	width: 100%;
	border: 1px solid #e4e4e4;
	margin: 0px;
}

.table_list02 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_list02 th, .table_list02 td {
	border: 1px solid #e4e4e4;
	color: #3f3e3e;
	height: 30px;
	font-size: 13px;
}

.table_list02 th {
	padding: 3px 3px;
    background: #F1F3F5;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    height: 40px;
}

.table_list02 td {
	padding: 3px 5px;
	text-align: center;
	background: #ffffff;
}

.table_list02 td.align_left {
	padding: 3px 20%;
	text-align: left;
	background: #ffffff;
}

/* 테이블(리스트) */
.table_list03 {
	width: 100%;
	border: 1px solid #e4e4e4;
	margin: 0px;
}

.table_list03 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_list03 th, .table_list03 td {
	border: 1px solid #e4e4e4;
	color: #3f3e3e;
	height: 25px;
	font-size: 13spx;
}

.table_list03 th {
	padding: 3px 3px;
	background: #7e96b8;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

.table_list03 td {
	padding: 3px 5px;
	text-align: center;
	background: #ffffff;
	text-align: center;
	width: 7.6%;
}

.table_list03 td.table_st01 {
	padding: 3px 5px;
	text-align: center;
	background: #f2f4f3;
}

/* 테이블(리스트) */
.table_list05 {
	width: 100%;
	background-color: #ffffff;
	line-height: 22px;
	border-style: hidden;
}

.table_list05 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_list05 th, .table_list05 td {
	border-top: 1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	color: #3f3e3e;
	height: 25px;
	font-size: 14px;
}
.table_list05 td{
	border-bottom: 1px solid #e4e4e4;
}
.table_list05 th:first-child, .table_list05 td:first-child{
	border-left: 1px solid #e4e4e4;
}
.table_list05 th {
	padding: 3px 3px;
	background: #F1F3F5;
	font-weight: 500;
	text-align: center;
	color: #687078;
}

.table_list05 td {
	padding: 3px 5px;
	text-align: center;
	background: #ffffff;
}

/* 테이블(리스트) */
.table_list06 {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	line-height: 22px;
}

.table_list06 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_list06 th, .table_list06 td {
	height: 28px;
	font-size: 14px;
	text-align: center;
}
.table_list06 tr:first-child th:first-child, .table_list06 tr:first-child td:first-child{
	border-left: 1px solid #dee2e6;
}
.table_list06 th:not(:last-child), .table_list06 td:not(:last-child){
	border-right: 1px solid #dee2e6;
}
.table_list06 th{
	border-bottom: 1px solid #dee2e6;
}

.table_list06 th {
	padding: 2px 2px;
	background: #F1F3F5;
	font-weight: 500;
	color: #687078;
}

.table_list06 td {
	padding: 1px 0.5px;
	font-weight: 400;
	color: #242424;
}
.table_list06 tr:not(:first-child) th:last-child{
	border-right: 1px solid #dee2e6;
}

/* 테이블(설정) */
.table_list07 {
	width: 100%;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #ffffff;
	line-height: 22px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #DEE2E6;
}

.table_list07 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_list07 th{
	height: 35px;
	font-size: 16px;
	text-align: center;
}

.table_list07 td {
	height: 35px;
	font-size: 14px;
	text-align: center;
}
.table_list07 tr th:not(:last-child), .table_list07 tr td:not(:last-child) {
    border-right: 1px solid #dee2e6;
}
.table_list07 tr:not(:last-child) th, .table_list07 tr:not(:last-child) td{
	border-bottom: 1px solid #dee2e6;
}
.table_list07 th {
	padding: 2px 2px;
	background: #F1F3F5;
	font-weight: 500;
	color: #687078;
}

.table_list07 td {
	padding: 5px 5px;
	font-weight: 400;
	color: #242424;
}

/* 테이블(설정) */
.table_list08 {
	width: 100%;
	height: 56px;
	background-color: #ffffff;
	line-height: 22px;
	border-style: hidden;
	box-shadow: 0 0 0 1px #DEE2E6;
}

.table_list08 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_list08 th, .table_list08 td {
	height: 28px;
	font-size: 14px;
	text-align: center;
}
.table_list08 th{
	border-bottom: 1px solid #DEE2E6;
}
.table_list08 th:not(:last-child), .table_list08 td:not(:last-child){
	border-right: 1px solid #DEE2E6;
}
.table_list08 th {
	padding: 2px 2px;
	background: #F1F3F5;
	font-weight: 500;
	color: #687078;
}

.table_list08 td {
	padding: 1px 0.5px;
	font-weight: 400;
	color: #242424;
}


/* 테이블속검색 */
.table_in01_sh {
	padding: 1px 3px 1px 5px;
}

.table_in01_sh .btn_search_img01 {
	font-size: 15px;
	background: #B6BDC5 url(../images/sub/btn_search.png) no-repeat 10px 5px;
	height: 34px;
    border: 1px solid #B6BDC5;
    border-left: 0;
    color: #FFF;
    padding: 0 20px 0 20px;
    cursor: pointer;
    vertical-align: middle;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 6px;
}

.table_in01_sh .btn_search_img01:hover {
	background: #ABB3BB url(../images/sub/btn_search.png) no-repeat 10px 5px;
}

.table_in01_sh0 {
	padding: 0;
}

.table_in01_sh0 .btn_search_img01 {
	font-size: 15px;
	background: #3176b1 url(../images/sub/btn_search.png) no-repeat 10px 3px;
	height: 28px;
	border: 1px solid #2c6a9d;
	border-left: 0;
	color: #FFF;
	padding: 0 20px 0 20px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.table_in01_sh0 .btn_search_img01:hover {
	background: #2166a0 url(../images/sub/btn_search.png) no-repeat 10px 3px;
}

/* 테이블상단 영역 */
.table_top_left01 {
	float: left;
	margin: 15px 10px 5px 10px;
	margin-bottom: 5px;
	width: 45%;
	font-size: 13px;
	color: #577aa2;
}

.table_top_right01 {
	float: right;
	margin: 5px 10px 5px 10px;
	width: 45%;
	text-align: right;
}

.table_top_left02 {
	float: left;
	margin: 15px 10px 5px 10px;
	margin-bottom: 5px;
	width: 45%;
	font-size: 13px;
	color: #577aa2;
}

.table_top_left02 div {
	display: inline-block;
}

.table_top_right02 {
	float: right;
	margin: 15px 10px 5px 10px;
	width: 45%;
	text-align: right;
}

/* 검색테이블 1단 */
.tabletopSearch_box01 {
	margin: 5px 0px 2px 0px;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #97c778;
	background-color: #f5fff7;
}

.tabletopSearch_box01 div {
	display: inline-block;
	font-size: 13px;
}

.tabletopSearch_box01 .tabletopSearch_box01_tr_f {
	background-color: #b4f3b3;
	color: #37363b;
	padding: 6px 0.5%;
	text-align: center;
	min-width: 80px;
	font-weight: bold;
	-moz-border-radius: 1px 0 0 1px;
	-webkit-border-radius: 1px 0 0 1px;
	border-radius: 5px 0 0 5px;
}

.tabletopSearch_box01 .tabletopSearch_box01_tr {
	background-color: #b4f3b3;
	color: #37363b;
	padding: 6px 0.5%;
	text-align: center;
	min-width: 70px;
	font-weight: bold;
}

.tabletopSearch_box01 .tabletopSearch_box01_td {
	background-color: #f5fff7;
	color: #37363b;
	padding-left: 5px;
	width: 25%;
	min-width: 130px;
}

/* 검색테이블 1단 */
.search_box01 {
	padding: 0;
	width: 100%;
	display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 4px;
		flex-wrap: wrap;
}

.search_box .search_box_wrap .search_box01:not(:last-child){
	margin-bottom: 4px;	
}
.search_box01 div.search_opt01 {
	display: flex;
	flex-wrap: nowrap;
	font-size: 14px;
	align-items: center;
}
/** 가장 왼쪽 **/
.search_box01 .search_box01_tr_f {
	color: #424242;
	text-align: center;
	min-width: 80px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

/** 가운데 부분 **/
.search_box01 .search_box01_tr {
	text-align: center;
    font-weight: 500;
}
.search_box01 .search_box01_tr:first-child{
	margin-right: 10px;
}
.search_box01 .search_box01_tr:not(:first-child){
	margin-left: 40px;
	margin-right: 4px;
}

.search_box01 .search_box01_td_w7 {
	padding-left: 3px;
	min-width: 60px;
	width: 7%;
}

.search_box01 .search_box01_td_w10 {
	padding-left: 3px;
	min-width: 60px;
	width: 10%;
}

.search_box01 .search_box01_td_w12 {
	padding-left: 3px;
	min-width: 60px;
	width: 12%;
}

.search_box01 .search_box01_td_w13 {
	padding-left: 3px;
	min-width: 60px;
	width: 13%;
}

.search_box01 .search_box01_td_w15 {
	padding-left: 3px;
	min-width: 60px;
	width: 15%;
}

.search_box01 .search_box01_td_w20 {
	padding-left: 3px;
	min-width: 80px;
	width: 20%;
}

.search_box01 .search_box01_td_w25 {
	padding-left: 3px;
	min-width: 130px;
	width: 25%;
}

.search_box01 .search_box01_td_w30 {
	padding-left: 3px;
	min-width: 130px;
	width: 30%;
}

.search_box01 .search_box01_td_w35 {
	padding-left: 3px;
	min-width: 130px;
	width: 35%;
}

.search_box01 .search_box01_td_w40 {
	padding-left: 3px;
	min-width: 130px;
	width: 40%;
}

.search_box01 .search_box01_td_w45 {
	padding-left: 3px;
	min-width: 130px;
	width: 45%;
}

.search_box01 .search_box01_td_w50 {
	padding-left: 3px;
	min-width: 130px;
	width: 50%;
}

.search_box01 .search_box01_td_w55 {
	padding-left: 3px;
	min-width: 130px;
	width: 55%;
}

.search_box01 .search_box01_td_w75 {
	padding-left: 3px;
	min-width: 130px;
	width: 75%;
}

.search_box01 .search_box01_btn {
	margin-left: auto;
	float: right;
	text-align: right;
}

/* 검색테이블 1단_4set */
/* .search_box11 {
	margin: 2px 5px;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c7c7c7;
	background-color: #ffffff;
}

.search_box11 div {
	display: inline-block;
	font-size: 13px;
}

.search_box11 .search_box11_tr_f {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 1%;
	text-align: center;
	min-width: 50px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.search_box11 .search_box11_tr {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 1%;
	text-align: center;
	min-width: 50px;
}

.search_box11 .search_box11_td {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 5px;
	width: 13%;
	min-width: 100px;
}

.search_box11 .search_box11_td_w25 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 25%;
}

.search_box11 .search_box11_btn {
	float: right;
	margin: 4px;
}

.search_box11 .search_box11_btn .btn_search01 {
	font-size: 15px;
	background-color: #3176b1;
	height: 32px;
	border: 1px solid #2c6a9d;
	border-left: 0;
	color: #FFF;
	padding: 0 25px 0 25px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.search_box11 .search_box11_btn .btn_search01:hover {
	background-color: #2166a0;
} */

.search_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}
.search_box .search_box01_btn .btn_search01{
	height: 40px;
}

/* 검색테이블 2단_높이100%_테이블 */
.search_box02_top_h {
	width: 100%;
	border-bottom: 0px solid #c8c8c8;
}

.search_table_h {
	width: 88%;
	border-right: 1px solid #d4d4d4;
}

.search_table_h .td_h01 {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0;
	text-align: center;
	min-width: 60px;
	border-bottom: 1px solid #d4d4d4;
}

.search_table_h .td_h02 {
	background-color: #ffffff;
	color: #37363b;
	padding: 5px 3px;
	width: 25%;
	border-bottom: 1px solid #d4d4d4;
}

.search_table_h .td_h03 {
	background-color: #eef2fb;
	color: #37363b;
	padding: 9px 0;
	text-align: center;
	min-width: 60px;
}

.search_table_h .td_h04 {
	background-color: #ffffff;
	color: #37363b;
	padding: 10px 3px;
	width: 25%;
}

.search_table_h select {
	margin: 1px; /*  0; */
}

/* 검색테이블 2단 */
.search_box02 {
	position: relative;
	border: 1px solid #DEE2E6;
	border-radius: 6pxx;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #ffffff;
	line-height: 22px;
	font-size: 12px;
	margin-bottom: 8px;
    overflow: hidden;
}

.search_box02>div {
	font-size: 14px;
	height: 48px;
	overflow: hidden;
}

.search_box02_normal {
	width:90%;
	display: flex;
	align-items: center;
}
.search_box02_top {
	width:90%;
	border-bottom: 1px solid #DEE2E6;
	display: flex;
	align-items: center;
}

.search_box02_bottom {
	width: 90%;
	display: flex;
	align-items: center;
}
/**** label 왼쪽 가장자리 ****/
.search_box02 .search_box02_tr_f2t {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.search_box02 .search_box02_tr_f2b {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	text-align: center;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 4px;
}

.search_box02 .search_box02_tr_f2t_140 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 140px;
	
    display: flex;
    justify-content: center;
    align-items: center;
}

.search_box02 .search_box02_tr_f2t_130 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 130px;
	
    display: flex;
    justify-content: center;
    align-items: center;
}

.search_box02 .search_box02_tr_f2b_130 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 130px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.search_box02 .search_box02_tr_f2t_120 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 120px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.search_box02 .search_box02_tr_f2b_120 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 120px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.search_box02 .search_box02_tr_f2t_100 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 100px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.search_box02 .search_box02_tr_f2b_100 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 100px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.search_box02 .search_box02_tr_f2t_105 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 100px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.search_box02 .search_box02_tr_f2b_105 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 100px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}
.search_box02 .search_box02_tr_f2t_80 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 80px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}
.search_box02 .search_box02_tr_f2t_90 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 90px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.search_box02 .search_box02_td_t {
	background-color: #ffffff;
	color: #242424;
	padding-left: 18px;
	width: 13%;
}
.search_box02 .search_box02_td_full {
	background-color: #ffffff;
	color: #242424;
	padding-left: 18px;
	width: -moz-available;   
    width: -webkit-fill-available;
    width: fill-available;
}

/*** label 중간자리 ****/
.search_box02 .search_box02_tr {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center; 
	min-width: 72px;	
	display: inline-flex;
    justify-content: center;
    align-items: center;
    word-break: keep-all;
}

.search_box02 .search_box02_tr_80 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 80px;
}

.search_box02 .search_box02_tr_100 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 100px;
	max-width: 100px;
	word-break: keep-all;
}

.search_box02 .search_box02_tr_105 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 105px;
}

.search_box02 .search_box02_tr_110 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 110px;
}

.search_box02 .search_box02_tr_120 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 120px;
}

.search_box02 .search_box02_tr_130 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 130px;
}

.search_box02 .search_box02_tr_140 {
	background-color: #F1F3F5;
	color: #242424;
	font-weight: 500;
	padding: 25px 0px;
	text-align: center;
	min-width: 140px;
}

/**** value ****/
.search_box02 div[class^="search_box02_td"] {
	background-color: #ffffff;
	color: #242424;
	padding: 8px;
    display: flex;
    align-items: center;
    min-width: 100px;
}
.search_box02 .search_box02_td_warp {
    flex-wrap: wrap;
}

.search_box02 .search_box02_td_w80 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 80%;
}

.search_box02 .search_box02_td_w70 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 70%;
}

.search_box02 .search_box02_td_w63 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 63%;
}

.search_box02 .search_box02_td_w60 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 60%;
}

.search_box02 .search_box02_td_w50 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 50%;
}

.search_box02 .search_box02_td_w47 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 47%;
}

.search_box02 .search_box02_td_w45 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 45%;
}

.search_box02 .search_box02_td_w42 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 42%;
}

.search_box02 .search_box02_td_w40 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 40%;
}

.search_box02 .search_box02_td_w35 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 35%;
}

.search_box02 .search_box02_td_w30 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 30%;
}

.search_box02 .search_box02_td_w25 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 25%;
}

.search_box02 .search_box02_td_w28 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 28%;
}

.search_box02 .search_box02_td_w20 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 20%;
}

.search_box02 .search_box02_td_w17 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 17%;
}

.search_box02 .search_box02_td_w14 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 14%;
}

.search_box02 .search_box02_td_w12 {
	background-color: #ffffff;
	color: #242424;
	padding: 16px 18px 16px 18px;
	width: 12%;
}

.search_box02 .search_box02_btn {
	position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    text-align: center;
    border-left: 1px solid #DEE2E6;
    background-color: #ffffff;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 70px;
    align-items: center;
}

.search_box02 .search_box02_report_btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 15%;
	height: 100%;
	text-align: center;
	border-left: 1px solid #DEE2E6;
	background-color: #ffffff;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	display: flex;
    align-items: center;
    justify-content: center;
}
.search_box02 .search_box02_report_btn2 {
	position: absolute;
	right: 0;
	top: 0;
	width: 10%;
	height: 100%;
/* 	padding-top: 28px; */
	text-align: center;
	border-left: 1px solid #DEE2E6;
	background-color: #ffffff;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 110px;
		align-items: center;
}

.search_box02 .search_box02_btn .btn_search01, .search_box02 .search_box02_report_btn2 .btn_search01{
	font-size: 16px;
	background-color: #1D9ADD;
	height: 48px;
	color: #FFF;
	padding: 0 28px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	outline: none;
	box-shadow: none;
}

.search_box02 .search_box02_btn .btn_search01, .search_box02 .search_box02_report_btn2 .btn_search02{
	font-size: 16px;
	background-color: #1D9ADD;
	height: 40px;
	color: #FFF;
	padding: 0 28px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	outline: none;
	box-shadow: none;
}

.search_box02 .search_box02_btn .btn_search01:hover {
	background-color: #1589C7;
}

.search_box02 .search_box02_report_btn .btn_search02 {
	font-size: 16px;
	background-color: #1D9ADD;
	height: 60px;
	color: #FFF;
	padding: 0 28px 0 28px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	outline: none;
	box-shadow: none;
}


.search_box02 .search_box02_report_btn .btn_search01:hover {
	background-color: #1589C7;
}

.table_input01 .search_box02_report_btn .btn_search01 {
	font-size: 16px;
	background-color: #1D9ADD;
	height: 60px;
	color: #FFF;
	padding: 0 28px 0 28px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	outline: none;
	box-shadow: none;
}

/* 검색테이블 3단 */
.search_box03 {
	position: relative;
	margin: 2PX 0;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c7c7c7;
	background-color: #ffffff;
}

.search_box03 div {
	display: inline-block;
	font-size: 13px;
}

.search_box03_top {
	width: 100%;
	border-bottom: 1px solid #c8c8c8;
}

.search_box03_bottom {
	width: 100%;
}

.search_box03 .search_box03_tr_f3t {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.search_box03 .search_box03_tr_f3b {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.search_box03 .search_box03_td_t {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 13%;
}

.search_box03 .search_box03_tr {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
}

.search_box03 .search_box03_td {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 13%;
}

.search_box03 .search_box03_td_w25 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 25%;
}

.search_box03 .search_box03_td_w14 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 14%;
}

.search_box03 .search_box03_td_w50 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 50%;
}

.search_box03 .search_box03_td_w70 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 70%;
}

.search_box03 .search_box03_btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 12%;
	height: 87px;
	padding-top: 50px;
	text-align: center;
	border-left: 1px solid #c8c8c8;
	background-color: #ffffff;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.search_box03 .search_box03_report_btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 12%;
	height: 100%;
	padding-top: 5px;
	text-align: center;
	border-left: 1px solid #c8c8c8;
	background-color: #ffffff;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.search_box03 .search_box03_btn .btn_search01 {
	font-size: 15px;
	background-color: #3176b1;
	height: 38px;
	border: 1px solid #2c6a9d;
	border-left: 0;
	color: #FFF;
	padding: 0 28px 0 28px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.search_box03 .search_box03_btn .btn_search01:hover {
	background-color: #2166a0;
}

.search_box03 .search_box03_btn .btn_search01:hover {
	background-color: #2166a0;
}

.search_box03 .search_box03_report_btn .btn_search01 {
	font-size: 15px;
	background-color: #3176b1;
	height: 33px;
	border: 1px solid #2c6a9d;
	border-left: 0;
	color: #FFF;
	padding: 0 28px 0 28px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.search_box03 .search_box03_report_btn .btn_search01:hover {
	background-color: #2166a0;
}

.search_box03 .search_box03_report_btn .btn_01 {
	font-size: 15px;
	background-color: #a63fcc;
	height: 33px;
	border: 1px solid #501677;
	border-left: 0;
	color: #FFF;
	padding: 0 28px 0 28px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.search_box03 .search_box03_report_btn .btn_01:hover {
	background-color: #8c32ad;
}

.search_box03 .search_box03_report_btn .btn_search02{font-size:15px; background-color:#7590a7; height:33px; border:1px solid #667581; border-left:0; color:#FFF; padding:0 28px 0 28px; cursor:pointer; vertical-align:middle; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.search_box03 .search_box03_report_btn .btn_search02:hover{background-color:#4f6576;}

/* 검색테이블 4단 */
.search_box04 {
	position: relative;
	margin: 10px;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c7c7c7;
	background-color: #ffffff;
}

.search_box04 div {
	display: inline-block;
	font-size: 13px;
}

.search_box04_top {
	width: 100%;
	border-bottom: 1px solid #c8c8c8;
}

.search_box04_bottom {
	width: 100%;
}

.search_box04 .search_box04_tr_f4t {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.search_box04 .search_box04_tr_f4t_80 {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 80px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.search_box04 .search_box04_tr_f4b {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.search_box04 .search_box04_tr_f4b_80 {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 80px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.search_box04 .search_box04_td_t {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 13%;
}

.search_box04 .search_box04_tr {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
}

.search_box04 .search_box04_tr_80 {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 80px;
}

.search_box04 .search_box04_td {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 13%;
}

.search_box04 .search_box04_td_w70 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 70%;
}

.search_box04 .search_box04_td_w65 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 65%;
}

.search_box04 .search_box04_td_w35 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 35%;
}

.search_box04 .search_box04_td_w25 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 25%;
}

.search_box04 .search_box04_td_w14 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 14%;
}

.search_box04 .search_box04_btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 12%;
	height: 145px;
	padding-top: 70px;
	text-align: center;
	border-left: 1px solid #c8c8c8;
	background-color: #ffffff;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.search_box04 .search_box04_btn .btn_search01 {
	font-size: 15px;
	background-color: #3176b1;
	height: 38px;
	border: 1px solid #2c6a9d;
	border-left: 0;
	color: #FFF;
	padding: 0 28px 0 28px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.search_box04 .search_box04_btn .btn_search01:hover {
	background-color: #2166a0;
}

/* 검색테이블 5단 */
.search_box05 {
	position: relative;
	margin: 10px;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c7c7c7;
	background-color: #ffffff;
}

.search_box05 div {
	display: inline-block;
	font-size: 13px;
}

.search_box05_top {
	width: 100%;
	border-bottom: 1px solid #c8c8c8;
}

.search_box05_bottom {
	width: 100%;
}

.search_box05 .search_box05_tr_f5t {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.search_box05 .search_box05_tr_f5b {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.search_box05 .search_box05_td_t {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 13%;
}

.search_box05 .search_box05_tr {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
}

.search_box05 .search_box05_td {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 13%;
}

.search_box05 .search_box05_td_w25 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 25%;
}

.search_box05 .search_box05_td_w14 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 14%;
}

.search_box05 .search_box05_td_w70 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 70%;
}

.search_box05 .search_box05_btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 12%;
	height: 139px;
	padding-top: 90px;
	text-align: center;
	border-left: 1px solid #c8c8c8;
	background-color: #ffffff;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.search_box05 .search_box05_btn .btn_search01 {
	font-size: 15px;
	background-color: #3176b1;
	height: 38px;
	border: 1px solid #2c6a9d;
	border-left: 0;
	color: #FFF;
	padding: 0 28px 0 28px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.search_box05 .search_box05_btn .btn_search01:hover {
	background-color: #2166a0;
}

.search_box06{
    display: flex;
    align-items: center;
    border: 1px solid #DEE2E6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    
}
.search_box06 .search_box06_tr{
	min-width: 100px;
    padding: 16px;
    background: #F1F3F5;
	text-align: center;
}
.search_box06 .search_box06_td{
	padding: 0 16px;
}
.search_box06>div:last-child{
	margin-left: auto;
	margin-right: 10px;
}

/* 검색테이블 : 조회버튼 없음 */
.search_box00 {
	position: relative;
	margin: 10px;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c7c7c7;
	background-color: #ffffff;
}

.search_box00 div {
	display: inline-block;
	font-size: 13px;
}

.search_box00_top {
	width: 100%;
	border-bottom: 1px solid #c8c8c8;
}

.search_box00_bottom {
	width: 100%;
}

.search_box00 .search_box00_tr_f2t {
	background-color: #eef2fb;
	color: #37363b;
	padding: 13px 1.8%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.search_box00 .search_box00_tr_f2b {
	background-color: #eef2fb;
	color: #37363b;
	padding: 13px 1.8%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

.search_box00 .search_box00_td_t {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 19%;
}

.search_box00 .search_box00_tr {
	background-color: #eef2fb;
	color: #37363b;
	padding: 13px 1.8%;
	text-align: center;
	min-width: 70px;
}

.search_box00 .search_box00_td {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 19%;
}

.search_box00 .search_box00_td_w25 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 25%;
}

.search_box00 .search_box00_td_w14 {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 3px;
	width: 14%;
}

/* 등록상단조회 */
.reg_t_area {
	position: relative;
	padding: 15px 15px 15px 15px;
	background-color: #f2f4f3;
}

/* 등록박스내 검색테이블 1단 */
.reg_sh_box01 {
	margin: 10px;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c7c7c7;
	background-color: #ffffff;
}

.reg_sh_box01 div {
	display: inline-block;
	font-size: 13px;
}

.reg_sh_box01 .reg_sh_box01_tr {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.reg_sh_box01 .reg_sh_box01_td {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 5px;
	width: 13%;
	min-width: 130px;
}

.reg_sh_box01 .reg_sh_box01_btn {
	margin: 7px;
}

.reg_sh_box01 .reg_sh_box01_btn .btn_reg_search01 {
	font-size: 15px;
	background-color: #3176b1;
	height: 32px;
	border: 1px solid #2c6a9d;
	border-left: 0;
	color: #FFF;
	padding: 0 25px 0 25px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.reg_sh_box01 .reg_sh_box01_btn .btn_reg_search01:hover {
	background-color: #2166a0;
}

.reg_sh_box01 .reg_sh_box01_btn .btn_reg_search02 {
	font-size: 15px;
	background-color: #328fb1;
	height: 32px;
	border: 1px solid #2089b0;
	border-left: 0;
	color: #FFF;
	padding: 0 25px 0 25px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.reg_sh_box01 .reg_sh_box01_btn .btn_reg_search02:hover {
	background-color: #3187a6;
}

.btn_reg_search03 {
	float: right;
	font-size: 15px;
	background-color: #63a89c;
	height: 32px;
	border: 1px solid #58978c;
	color: #FFF;
	padding: 0 25px 0 25px;
	margin: 7px;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_reg_search03:hover {
	background-color: #569c90;
}

.btn_reg_search033 {
	float: left;
	margin-left: 43%;
	font-size: 15px;
	background-color: #63a89c;
	height: 32px;
	border: 1px solid #58978c;
	color: #FFF;
	padding: 0 25px 0 25px;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_reg_search033:hover {
	background-color: #569c90;
}

.reg_sh_box01 .box_help01 {
	padding: 15px 10px 0 10px;
	color: #c89057;
	font-size: 12px;
}

/* 테이블내 버튼 */
.btn_tablebtn01 {
	cursor: pointer;
	font-size: 13px;
	background: #4e6fc6;
	border: 1px solid #4461ae;
	cursor: pointer;
	color: #FFF;
/* 	padding: 5px; */
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_tablebtn02 {
	cursor: pointer;
	font-size: 13px;
	background: #dd6e72;
	border: 1px solid #c86079;
	cursor: pointer;
	color: #FFF;
/* 	padding: 5px; */
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_tablebtn03 {
	cursor: pointer;
	font-size: 13px;
	background: #cacaca;
	border: 1px solid #c0c0c0;
	cursor: pointer;
	color: #FFF;
/* 	padding: 5px; */
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_tablebtn04 {
	cursor: pointer;
	font-size: 13px;
	background: #328fb1;
	border: 1px solid #2089b0;
	cursor: pointer;
	color: #FFF;
/* 	padding: 5px; */
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* 테이블하단영역 버튼 */
.btn_area {
	position: relative;
	padding: 12px 0;
}

.btn_area input[type=button] {
	margin-right: 5px;
}

.btn_area .btn_leftarea {
	display: inline;
	padding: 0 0 0 0;
}

.btn_area .btn_centerarea {
	display: inline;
	padding: 0 0 0 0;
}

.btn_area .btn_centerarea2 {
	padding: 0 0 0 0;
	text-align: center;
    display: flex;
    justify-content: center;
}
.btn_area .btn_centerarea3 {
	padding: 0 0 0 0;
	text-align: center;
	position: absolute;
	left: 50%;
    margin-left: -90px;
    display: inline-block;
}
.btn_area .btn_rightarea {
	display: inline;
	position: absolute;
	right: 0px;
	padding: 0 0 0 0;
}

.btn_area01 {
	position: relative;
	padding: 10px 10px 10px 10px;
	background-color: #f1f1f1;
}

.btn_area01 input[type=button] {
	margin-left: 0px;
}

.btn_area01 .btn_leftarea {
	width: 40%;
	padding: 0 0 0 0;
}

.btn_area01 .btn_centerarea {
	position: absolute;
	left: 42%;
	top: 0;
	padding: 0 0 0 0;
}

.btn_area01 .btn_centerarea2 {
	left: 42%;
	top: 0;
	padding: 1px 0 0 0;
	text-align: center;
}

.btn_area01 .btn_rightarea {
	position: absolute;
	right: 18px;
	top: 10px;
	padding: 0 0 0 0;
}

.btn_lefttype01 {
	font-size: 16px;
	font-weight: 600;
	background: #B6BDC5;
	height: 40px;
	padding: 0px 16px;
	color: #FFFFFF;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	outline: none;
	box-shadow: none;
	min-width: 110px;
}

.btn_lefttype01:hover {
	background-color: #ABB3BB;
}



.btn_lefttype02 {
	font-size: 15px;
	background: #557ba2;
	height: 30px;
	border: 1px solid #527497;
	color: #FFF;
	border-radius: 0px;
	padding: 0 10px 0 10px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_lefttype02:hover {
	background-color: #5f88b1;
}

.btn_lefttype03 {
	font-size: 12px;
	background: #557ba2;
	height: 24px;
	border: 1px solid #527497;
	color: #FFF;
	border-radius: 0px;
	padding: 0 10px 0 10px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_lefttype03:hover {
	background-color: #5f88b1;
}

.btn_lefttype07 {
	margin-top: 4.5px;
	font-size: 14px;
	background: #557ba2;
	height: 24px;
	border: 1px solid #527497;
	color: #FFF;
	border-radius: 0px;
	padding: 0 10px 0 10px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_lefttype07:hover {
	background-color: #5f88b1;
}

.btn_lefttype05 {
	font-size: 16px;
    font-weight: 600;
    background: #498a3e;
    height: 40px;
    padding: 0px 36px;
    color: #FFFFFF;
    cursor: pointer;
    vertical-align: middle;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: none;
    outline: none;
    box-shadow: none;
}

.btn_lefttype05:hover {
	background-color: #45a534;
}

.btn_lefttype06 {
	font-size: 15px;
	background: #8c5759;
	height: 30px;
	border: 1px solid #88363d;
	color: #FFF;
	border-radius: 0px;
	padding: 0 30px 0 30px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_lefttype06:hover {
	background-color: #af7274;
}

.btn_centertype01 {
	font-size: 16px;
	font-weight: 600;
	background: #1D9ADD;
	height: 40px;
	padding: 0px 51px;
	color: #FFFFFF;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	outline: none;
	box-shadow: none;
}

.btn_centertype01:hover {
	background-color: #1589C7;
}



.btn_centertype02 {
	font-size: 15px;
	background: #224f78;
	height: 30px;
	border: 1px solid #1e4669;
	color: #FFF;
	border-radius: 0px;
	padding: 0 20px 0 20px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_centertype02:hover {
	background-color: #265a89;
}

.btn_centertype04 {
	font-size: 15px;
	background: #f20606;
	height: 40px;
	border: 1px solid #1e4669;
	color: #FFF;
	border-radius: 0px;
	padding: 0 40px 0 40px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_centertype04:hover {
	background-color: #ed4b4b;
}

.btn_centertype03 {
	font-size: 15px;
	background: #f20606;
	height: 40px;
	border: 1px solid #1e4669;
	color: #FFF;
	border-radius: 0px;
	padding: 0 40px 0 40px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.btn_centertype03:hover {
	background-color: #ed4b4b;
}

.btn_type01{
	font-size: 15px;
	font-weight: 500;
	background: #1D9ADD;
	padding: 4px 8px;
	color: #FFFFFF;
	cursor: pointer;
	vertical-align: middle;
	border:0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	box-shadow: none;
}

.btn_type02{
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
}
.btn_type02.grayC{
	border: 1px solid #B6BDC5;
    background: #fff;
    color: #B6BDC5;
}
.btn_type02.mainC{
	border: 1px solid #1d9add;
    background: #fff;
    color: #1D9Add;	
}

.btn_righttype01:hover {
	background-color: #5f88b1;
}

.btn_area4 {
	position: relative;
	padding: 10px 8px;
	background-color: #f1f1f1;
}
.btn_area4 .btn_rightarea4{
	display: flex;
    align-items: center;
    width: 100%;
}

.btn_small {
	border: 1px solid #DEE2E6;
    border-radius: 6px;
    padding: 2px 8px;
    background: #fff;
    color: #1D9ADD;
    font-weight: 500;
    position: relative;
    height: 22px;
    font-size: 12px;
    cursor: pointer;
}
.btn_small:hover {
    border: 1px solid #1D9ADD;
    background: #1D9ADD;
    color: #fff;
}


/* 기본 버튼 style 추가 (Leo) */
.btn_de_main{
	background-color: #1D9ADD;
	color: #fff;
}
.btn_de_main:hover{
	background-color: #1589C7;
	color: #fff;
}
.btn_de_sub01{
	background-color: #fff;
	color: #1D9ADD;
}
.btn_de_sub01:hover{
	background-color: #1D9ADD;
	color: #fff;
}
*[class^=btn_de_]:hover{
	cursor: pointer;
	transition: 0.15s all ease;
}



/* 아이콘 버튼 */
.btn_icon_Large {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	background: #ffffff;
	background-image: url("../images/icon/icon_download.png");
	background-repeat: no-repeat;
	background-position: 15px 50%;
	height: 40px;
	padding: 8px 15px 8px 34px;
	color: #868E96;
	border: 1px solid #DEE2E6;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	box-shadow: none;
}

.btn_icon_Large02 {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	background: #ffffff;
	background-image: url("../images/icon/icon_upload.png");
	background-repeat: no-repeat;
	background-position: 15px 50%;
	height: 40px;
	padding: 8px 15px 8px 34px;
	color: #868E96;
	border: 1px solid #DEE2E6;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	box-shadow: none;
}

.btn_upload_icon_small {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	background: #ffffff;
	background-image: url("../images/icon/icon_download.png");
	background-repeat: no-repeat;
	background-position: 7px 50%;
	height: 25px;
	padding: 0px 8px 0px 25px;
	color: #1D9ADD;
	border: 1px solid #DEE2E6;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	box-shadow: none;
}

.btn_download_icon_small {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	background: #ffffff;
	background-image: url("../images/icon/icon_upload.png");
	background-repeat: no-repeat;
	background-position: 7px 50%;
	height: 25px;
	padding: 0px 8px 0px 25px;
	color: #1D9ADD;
	border: 1px solid #DEE2E6;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	box-shadow: none;
}

.btn_add_icon_small {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	background: #ffffff;
	background-image: url("../images/icon/icon_add.png");
	background-repeat: no-repeat;
	background-position: 7px 50%;
	height: 22px;
	padding: 0px 8px 0px 18px;
	color: #1D9ADD;
	border: 1px solid #DEE2E6;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	box-shadow: none;
}

/* 도움말 영역 버튼 */
.btn_common01 {
	font-size: 12px;
	background: #F49900;
	background-repeat: no-repeat;
	background-position: 7px 50%;
	height: 24px;
	border: 1px solid #F49900;
	color: #FFF;
	border-radius: 0px;
	padding: 0 10px 0 30px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	 font-weight: 600;
}

.btn_common_white {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	background: #ffffff;
	background-repeat: no-repeat;
	background-position: 7px 50%;
	height: 25px;
	padding: 0px 8px 0px 8px;
	color: #1D9ADD;
	border: 1px solid #DEE2E6;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	box-shadow: none;
}



/* 도움말 영역 버튼 */
.btn_lefttype04 {
	font-size: 12px;
	background: #F49900;
	height: 24px;
	border: 1px solid #F49900;
	color: #FFF;
	border-radius: 0px;
	padding: 0 10px 0 10px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	 font-weight: 600;
}
.btn_lefttype04:hover{
    background: #fff;
    color: #F49900;
    transition: 0.15s all ease;
}

/* 페이징 */
.paging {
	width: 100%;
	text-align: center;
	padding: 0 0 20px 0;
}

.paging a {
	padding: 3px;
	border: 1px solid #d1d1d1;
	width: 20px;
	height: 20px;
	line-height: 22px;
	display: inline-block;
	margin: 1px;
}

.paging a.on {
	padding: 3px;
	background: #568ebf;
	color: #ffffff;
	font-weight: 600;
}

.paging a.previous, .paging a.next {
	width: 30px;
}

/* inbox */
.ipbox01 {
	height: 27px;
    padding: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cccccc;
}

.iphide {
	background-color: #EAEAEA;
	border: #EAEAEA 0px solid
}

/* 푸터 영역 */
#footer {
	background: #F1F3F5;
	border-top: 1px solid #DEE2E6;
	margin: 0 auto;
	text-align: center;
	min-width: 1000px;
}

#footer .footer_sub_t {
	width: 100%;
	text-align: center;
	background-color: #ffffff;
}

#footer .footer_sub_logo {
	padding: 7px;
}

#footer .footer_area {
	position: relative;
	margin: 0 auto;
	color: #242424;
	text-align: center;
	padding: 50px;
}

#footer .footer_menu li {
	display: inline-block;
	font-weight: 600;
	font-size: 16px;
}

#footer .footer_menu a {
	color: #242424;
}

#footer .footer_menu a:active, a:link, a:visited {
	outline: 0;
	text-decoration: none;
}

#footer .footer_menu a:hover {
	outline: 0;
	text-decoration: none;
}

#footer .footer_area span {
	color: #687078;
	font-size: 12px;
	margin: 0 5px;
}

#footer .footer_area address {
	color: #687078;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 23px;
}

/********/
.w10 {
	width: 10px;
}

/********/
.inline_table01 li {
	float: left;
	display: inline;
	position: relative;
}

.inline_table01 .inline_table01_l {
	width: 360px;
	margin: 0 10px 0 10px;
	padding: 10px;
}

.inline_table01 .inline_table01_r {
	width: 520px;
	margin: 0 10px 0 10px;
	padding: 5px 10px 10px 10px;
	border: 0px solid red;
}

.inline_table01 .inline_table01_l2 {
	width: 520px;
	margin: 0 10px 0 30px;
	padding: 10px;
}

.inline_table01 .inline_table01_r2 {
	width: 250px;
	margin: 0 0px 0 10px;
	padding: 10px 10px 10px 30px;
}

.inline_table01 .s_search_box01 {
	background: #f3f7ff;
	border: 1px solid #c5d7df;
	width: 330px;
	padding: 7px;
	text-align: left;
}

.inline_table01_txt01 {
	width: 350px;
	float: left;
	font-size: 0.92em;
	color: #626262;
	margin: 20px 0px 10px -15px;
}

.inline_table01_txt02 {
	width: 350px;
	float: left;
	font-size: 13px;
	color: #4a6ca2;
	margin: 20px 0px 5px -2px;
	padding: 0 0 0 15px;
	background: url("../../images/back/stitle_bullet01.gif") 3px 6px
		no-repeat;
}

/* 이용 서비스 페이지 추가 20191023 */
#main_content_top {
	position: relative;
	margin: 0 auto;
	width: 100%;
	margin-top: 0;
	min-height: 500px;
}

#main_content_top div.inlinebox {
	display: inline-block;
	background: #ffffff;
}

.sv_box_type01_c {
	position: relative;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
	margin: 18px 5px 0 12px;
	padding-bottom: 0px;
	margin-bottom: 26px;
	border: 1px solid #DEE2E6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 64%;
	background-color: #ffffff;
}

.sv_box_type01_c_tit {
	font-size: 18px;
    font-weight: 600;
    color: #242424;
    text-align: left;
    padding: 20px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.sv_sbox01 div {
	display: inline-block;
	vertical-align: top;
	background: #F1F3F5;
	width: 30%;
	margin: 10px 0 32px 9px;
	padding: 26px 0;
	text-align: center;
	border: 1px solid #DEE2E6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.box_shadow{
	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.sv_stit01 {
	font-size: 17px;
    font-weight: 600;
	width: 100%;
	padding-bottom: 6px;
	text-align: center;
}

.sv_result01 {
	font-size: 16px;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
}

.sv_result02 {
	font-size: 14px;
	width: 100%;
	padding: 10px 0;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

.sv_sstit01 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #bd7e46;
	color: #ffffff;
	padding: 5px 10px;
	font-size: 12px;
}

.sv_box_type01_r {
	position: relative;
	vertical-align: top;
	padding-bottom: 20px;
	margin: 18px 0 18px 0;
	border: 1px solid #DEE2E6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 33%;
	background-color: #ffffff;
}

.sv_box_type01_r_tit {
	font-size: 18px;
    font-weight: 600;
    color: #242424;
    text-align: left;
    padding: 20px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.sv_area01 {
	margin: 0 auto;
	width: 80%;
	padding: 5px 0px;
}

.sv_area01 ul {
	width: 100%;
	height: 124px;
}

.sv_area01 li {
	padding: 5px 0px;
	border-bottom: 1px solid #c9d0e0;
}

.sv_area01 .sv_area01_tit {
	color: #23385a;
	font-size: 16px;
	text-align: center;
	width: 100%;
	font-weight: bold;
}

.sv_area01 .sv_area01_list {
	background: url("../images/sub/stitle_bullet01.gif") 30px 7px no-repeat;
	padding: 3px 0 3px 50px;
	font-size: 14px;
}

.m_box_type01 {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 26px;
	border: 1px solid #DEE2E6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 47.8%;
	margin: 18px 5px 0 12px;
}

.m_box_type01_tit {
	font-size: 18px;
    font-weight: 600;
    color: #242424;
    text-align: left;
    padding: 20px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.m_box_type01 .box_span {
	position: absolute;
	right: 10px;
	top: 0;
}

.m_box_type01 .box_span .btn_boxtype01_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type01_close.png") top right
		no-repeat;
}

.m_box_type02 {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 26px;
	border: 1px solid #DEE2E6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 47.8%;
	margin: 18px 5px 0 12px;
}

.m_box_type02_tit {
	font-size: 18px;
    font-weight: 600;
    color: #242424;
    text-align: left;
    padding: 20px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.m_box_type02 .box_span {
	position: absolute;
	right: 10px;
	top: 0;
}

.m_box_type02 .box_span .btn_boxtype01_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type01_close.png") top right
		no-repeat;
}

.m_box_type03 {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 26px;
	border: 1px solid #DEE2E6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 98%;
	margin: 18px 5px 0 12px;
}

.m_box_type03_tit {
	font-size: 18px;
    font-weight: 600;
    color: #242424;
    text-align: left;
    padding: 20px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

.m_box_type03 .box_span {
	position: absolute;
	right: 10px;
	top: 0;
}

.m_box_type03 .box_span .btn_boxtype03_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type01_close.png") top right
		no-repeat;
}

.gp_area01 {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.gp_area01 .farm_info {
	width: 100%;
}

.gp_area01 .farm_info li {
	border-bottom: 1px solid #f4f4f4;
	height: 24px;
}

.gp_area01 .farm_info .detail_icon {
	width: 25%;
	display: inline-block;
	text-align: right;
}

.gp_area01 .farm_info .detail_title {
	width: 25%;
	display: inline-block;
	text-align: right;
	padding-right: 15px;
	color: #4f4f4f;
	font-size: 13px;
}

.gp_area01 .farm_info .detail_text {
	width: 43%;
	display: inline-block;
	text-align: left;
	color: #89898a;
	font-size: 13px;
}

.gp_area02 {
	margin: 0 auto;
	width: 90%;
	padding: 12px 0px;
	color: #666666;
}

.gp_area02 li {
	float: left;
	width: 92%;
	text-align: left;
	padding: 4px 12px;
	font-size: 14px;
}

.gp_area02 li span {
	display: inline-block;
	float: right;
}

.gp_area02 li a:visited, .gp_area02 li a:focus {
	color: #254c88;
}

.gp_area02 li a:hover, .gp_area02 li a:active {
	color: #254c88;
	border-bottom: 1px solid #254c88;
	padding-bottom: 0px;
}

.gp_area03 {
	margin: 0 auto;
	width: 90%;
	padding: 12px 0px;
	text-align: center;
}

.help_state01 {
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #1f64ca;
	color: #ffffff;
	padding: 0px 5px;
	font-size: 11px;
}

.help_state02 {
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #012355;
	color: #ffffff;
	padding: 0px 5px;
	font-size: 11px;
}

.gp_area03 li {
	float: left;
	width: 92%;
	text-align: left;
	padding: 4px 12px;
	font-size: 14px;
}

.gp_area03 li .help_date {
	display: inline-block;
	float: right;
}

.gp_area03 li a:visited, .gp_area03 li a:focus {
	color: #254c88;
}

.gp_area03 li a:hover, .gp_area03 li a:active {
	color: #407ed9;
}

.gp_area_w {
	width: 100%;
    padding: 0px;
    text-align: center;
}

.gp_area_2w {
	padding: 2px 20px 30px 20px;
    display: flex;
    justify-content: space-between;
}

.gp_area_2w div {
	display: inline-block;
	vertical-align: top;
}

.gp_area {
	margin: 10px auto;
	width: 94%;
	padding: 10px;
	text-align: center;
}

.sv_search_box01 {
	margin: 10px;
	width: 30%;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c7c7c7;
	background-color: #ffffff;
}

.sv_search_box01 div {
	display: inline-block;
	font-size: 13px;
}

.sv_search_box01 .sv_search_box01_tr_f {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.sv_search_box01 .sv_search_box01_tr {
	background-color: #eef2fb;
	color: #37363b;
	padding: 10px 0.5%;
	text-align: center;
	min-width: 70px;
}

.sv_search_box01 .sv_search_box01_td {
	background-color: #ffffff;
	color: #37363b;
	padding-left: 15px;
	text-align: center;
	width: 13%;
	min-width: 130px;
}

/* 20200207 추가 - 오향실 */

/* 테이블속테이블 */
.table_in01_list2 {
	width: 100%;
	border: 0px solid #dddddd;
	margin: 0px;
	padding: 0;
}

.table_in01_list2 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_in01_list2 th, .table_in01_list2 td {
	font-size: 13px;
	color: #3f3e3e;
	height: 28px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.table_in01_list2 th {
	padding: 3px 5px;
	color: #ffffff;
	background: #eef0f8;
	font-weight: bold;
}

.table_in01_list2 td {
	padding: 3px 10px;
	color: #575c84;
	background: #eef0f8;
}

.table_in01_list3 { /*width:100%;*/
	border: 0px solid #dddddd;
	margin: 0 0 0 10px;
	padding: 0;
}

.table_in01_list3 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_in01_list3 th {
	padding: 0px 12px;
	background: #ffffff;
}

.table_in01_list3 td {
	padding: 0px 0px;
	color: #575c84;
	background: #ffffff;
}

.table_in01_list4 {
	width: 100%;
	border: 1px solid #dddddd;
	margin: 0px;
	padding: 0;
}

.table_in01_list4 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_in01_list4 th, .table_in01_list3 td {
	font-size: 14px;
	color: #3f3e3e;
	height: 28px;
}

.table_in01_list4 th {
	padding: 4px;
	background: #F1F3F5;
	color: #242424;
    font-weight: 500;
}

.table_in01_list4 td {
	padding: 4px;
	color: #575c84;
	background: #ffffff;
}

.table_in01_list5 {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.table_input01 .table_in01_list5 *:not([class^='info_box_tit05']){
	background : #fff;
}
.table_in01_list5 caption {
	top: auto;
	text-indent: -9999%;
	width: 1px;
	height: 1px;
	line-height: 0;
	color: #FFFFFF;
}

.table_in01_list5 th {
	font-size: 14px;
	font-weight: 500;
}

.table_in01_list5 td em {
	font-size: 14px;
	font-weight: 500;
	padding: 4px 8px;
	/*color:#F49900; background:#FFF6E5; padding: 4px 8px; border-radius: 6px;*/
}

.table_in01_list5 td label {
	font-size: 14px;
	font-weight: 500;
	padding: 4px 8px;
	/*color:#F49900; background:#FFF6E5; border-radius: 6px;*/
}

/*  */
.info_box01 {
	border: 1px solid #dde0ec;
	margin: 8px;
	padding: 0;
	background: #eef0f8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.info_box02 { /*border:1px solid #dde0ec;*/
	margin: 3px 0 3px;
	padding: 0;
	background: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.info_box03 {
	border: 1px solid #dde0ec;
	margin: 5px 0 5px;
	padding: 0;
	background: #eef0f8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.info_box04 {
	margin: 0;
	padding: 8px;
	background: #ffffff;
	border-bottom: 1px solid #dee2e6;
}

.info_box05 {
	font-size: 14px;
	color: #868E96;
	font-weight: 400;
	margin-left: 2px;
	background-image: url("../images/icon/icon_time2.png");
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

.info_box_tit01 {
	background: #929dbd;
	padding: 1px 0;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.info_box_tit04 {
	background: #865190;
	padding: 2px 0;
	margin: 0.5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.info_box_tit05 {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #F49900;
	background: #FFF6E5;
	padding: 4px 0;
	border-radius: 6px;
}

.info_box_tit06 {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #F49900;
	background: #FFF6E5;
	padding: 4px 8px;
	border-radius: 6px;
}

.info_box_tit06_td {
	color: #4d035a !important;
}

.info_box_tit07 {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #868E96;
	background: #F1F3F5;
	padding: 6px;
	border-radius: 6px;
}

.tdin_text01 {
	font-size: 13px;
	color: #1D9ADD;
	margin: 0 0 0 6px;
}

.btn_text01 {
	font-size: 14px;
	color: #868E96;
	font-weight: 400;
	margin-left: 2px;
	background-image: url("../images/icon/icon_time2.png");
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

.btn_text01 label {
	margin-left: 18px;
	color: #1D9ADD;
}

.btn_text02 {
	font-size: 14px;
	color: #868E96;
	font-weight: 400;
}

.btn_text03 {
	font-size: 14px;
	color: #1D9ADD;
	font-weight: 500;
}

/* 테이블 박스 */
.table_box {
	border: 1px solid #DEE2E6;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	background-color: #ffffff;
    overflow: hidden;
}
.table_box.panel-body{
	background-color: #F8F9FA;
}
.table_box .h2_table_stitle02 {
	background: #F1F3F5;
	width: 100%;
	padding: 11px 16px;
	margin: 0px;
	height: 40px;
	font-weight: 600;
	font-size: 14px;
	color: #242424;
}

.table_box .h2_table_stitle03 {
	background: #F1F3F5;
	width: 100%;
	padding: 11px 16px;
	margin: 0px;
	height: 40px;
	font-weight: 600;
	font-size: 14px;
	color: #242424;
	border-bottom: 1px solid #DEE2E6;
}

.table_box .h2_table_stitle02 .box_listcount01, .table_box .h2_table_stitle03 .box_listcount01 {
	padding: 0 0 0 3px;
	color: #868E96;
	font-size: 13px;
	font-weight: 500;
}

.table_box .table_contents {
	padding: 16px;
}

.h2_table_stitle01 {
	text-align: left;
	width: 95%;
	padding: 2px 0px;
	font-size: 14px;
	font-weight: 600;
	color: #242424;
	background: url(../images/sub/check_ok_small.png) 0 0 no-repeat;
    text-indent: 24px;
}

.h2_table_stitle02 {
	text-align: left;
	width: 95%;
	padding: 3px 15px 3px 15px;
	margin: 0px 0 0 5px;
	font-size: 14px;
	font-weight: 600;
	color: #557aa2;
	background: url("../images/sub/box_stitle_bullet01.gif") 0 10px
		no-repeat;
}

/*  */
.table_contents_h2 {
	margin: 0;
	padding: 0.5%;
	margin: 0px;
	overflow: hidden;
} /*overflow-x:auto; overflow-y: hidden;*/
.table_contents_h2 div {
	display: inline-block;
	margin: 0;
}

.box_inbox01 {
	float: lift;
	border: 1px solid #cad4e0;
	background: #ffffff;
	padding: 0.65%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.box_inbox02 {
	float: lift;
	border: 1px solid #cad4e0;
	background: #ffffff;
	padding: 0.65%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.h2_table_box01 {
	width: 100%;
}

/* 테이블하단영역 버튼 */
.btn_area2 {
	position: relative;
	width: 94%;
	margin-top: 20px;
	padding: 15px 15px 5px 15px;
	background-color: #ffffff;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.btn_area2 input[type=button] {
	margin-left: 2px;
}

.btn_area2 .btn_leftarea {
	width: 40%;
	padding: 0;
	font-size: 14px;
	color: #547aa1;
}

.btn_area2 .btn_centerarea {
	left: 42%;
	top: 0;
	padding: 0;
}

.btn_area2 .btn_centerarea2 {
	width: 100%;
	left: 0;
	top: 0;
	padding: 0;
	text-align: center;
}

.btn_area2 .btn_rightarea {
	position: absolute;
	right: 18px;
	top: 10px;
	padding: 10px 0 0 0;
}
.btn_area3{
	display: flex;
    align-items: center;
    justify-content: center;
}

.inlinebox {
	display: inline-block;
}

.t_box_type01 {
	position: relative;
	padding-bottom: 0px;
/* 	margin-bottom: 20px; */
	/*border: 1px solid #b8c2ce;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 49.6%;
}

.t_box_type01_tit {
	font-size: 16px;
	color: #ffffff;
	padding: 6px 0 6px 18px;
	background-color: #7d91b5;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.t_box_type01 .box_span {
	position: absolute;
	right: 10px;
	top: 0;
}

.t_box_type01 .box_span .btn_boxtype01_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type01_close.png") top right
		no-repeat;
}

.t_box_type02 {
	position: relative;
	float: right;
	padding-bottom: 0px;
/* 	margin-bottom: 20px; */
	/*border: 1px solid #b8c2ce;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 49.6%;
}

.t_box_type02_tit {
	font-size: 16px;
	color: #ffffff;
	padding: 6px 0 6px 18px;
	background-color: #7d91b5;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.t_box_type02 .box_span {
	position: absolute;
	right: 10px;
	top: 0;
}

.t_box_type02 .box_span .btn_boxtype01_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type01_close.png") top right
		no-repeat;
}

/**************************************************************  김길현 추가 ?? *************************************/
/** 20180822 추가 **/
#pg_calendar {
	padding: 15px;
	border: 1px solid #DEE2E6;
    background: #F8F9FA;
}

.memo_area div.minline {
	display: inline-block;
}

.memo_leftbox {
	width: 30%;
	margin-right: 1%;
	border: 1px solid #b8c2ce;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
}

.memo_rightbox {
	width: 65%;
	float: right;
}

.memo_rightbox .memo_rbox {
	width: 100%;
	float: right;
}

.memo_rbox01 {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 26px;
	border: 1px solid #b8c2ce;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.memo_rbox01_tit {
	font-size: 14px;
	width: 100%;
	color: #ffffff;
	padding: 8px 0 8px 0;
	background-color: #7C8B9C;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background: #7C8B9C url("../images/sub/box_type01_bullet.gif") 10px 12px
		no-repeat;
}

.m_rbox_tit_p {
	padding-left: 22px;
}

.memo_rbox01 .box_span {
	position: absolute;
	right: 10px;
	top: 0;
}

.memo_rbox01 .box_span .btn_boxtype01_close {
	width: 21px;
	height: 29px;
	cursor: pointer;
	border: 0;
	background: url("../images/sub/box_type01_close.png") top right
		no-repeat;
}

.m_btn_area {
	position: relative;
	width: 100%;
	padding: 15px 0px 15px 0px;
	text-align: center;
	background-color: #f1f1f1;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.m_btn_area input[type=button] {
	margin-left: 2px;
}

.m_btn_ctype01 {
	font-size: 13px;
	background: #224f78;
	height: 32px;
	border: 1px solid #1e4669;
	color: #FFF;
	border-radius: 0px;
	padding: 0 40px 0 40px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.m_btn_cype01:hover {
	background-color: #265a89;
}

/* tr안에 div 표 테이블 2단 -- 김길현 */
.trDivTable_box02 {
	position: relative;
	margin: 5px;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #acbcf4;
	background-color: #eaedfb;
}

.trDivTable_box02 div {
	display: inline-block;
	font-size: 13px;
}

.trDivTable_box02_top {
	width: 100%;
	border-bottom: 1px solid #acbcf4;
}

.trDivTable_box02_bottom {
	width: 100%;
}

.trDivTable_box02 .trDivTable_box02_tr_f2t {
	background-color: #b6c1fa;
	color: #37363b;
	padding: 5px 1.5%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 2px 0 0 0;
	-webkit-border-radius: 2px 0 0 0;
	border-radius: 2px 0 0 0;
}

.trDivTable_box02 .trDivTable_box02_tr_f2b {
	background-color: #eef2fb;
	color: #37363b;
	padding: 5px 1.5%;
	text-align: center;
	min-width: 70px;
	-moz-border-radius: 0 0 0 2px;
	-webkit-border-radius: 0 0 0 2px;
	border-radius: 0 0 0 5px;
}

.trDivTable_box02 .trDivTable_box02_td_t {
	background-color: #eaedfb;
	color: #37363b;
	padding-left: 3px;
	width: 13%;
}

/* grid안에 툴바  -- 김길현 */
.gridToolbasr {
	height: auto;
	padding: 2px 0px 2px 5px;
}

/* 저장버튼옆 상태표시명  -- 김길현 */
.btnSaveLabelforCls {
	color: #d84027;
	font-size: 15px;
}

/* Div형 팝업 최상단 타이틀  -- 김길현 */
.div_popup_title_bg {
	padding: 12px 0 0 15px;
	height: 53px;
	background: #42515E;
	/*background: url(../images/popup/title_bg.jpg) repeat-x 0px 0px;*/
	font-size: 22px;
	font-weight: 400;
	color: #ffffff;
}

.div_popup_title_bg_01 {
	height: 33px;
	background: #42515E;
	/*background: url(../images/popup/title_bg.jpg) repeat-x 0px 0px;*/
	font-weight: 150 !important;
	color: #ffffff;
}

.div_popup_title_bg_01 h2 {
	padding: 11px 0 7px 0 !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	font-size: 18px !important;
	font-weight: 400 !important;
}

.div_btn_title_close {
	float: right;
	background: url(../images/popup/title_close.png) no-repeat 0 0;
	width: 30px;
	height: 30px;
	border: 0;
	margin-right: 20px;
	margin-top: 2px;
	cursor: pointer;
}
#ezPopupBookMarkSetInnerDiv {
	padding: 10px!important;
}

/* 히든 */
.hidden {
	display: none;
}

/* 작은버튼 */
.smallButton01 {
	vertical-align: middle;
	border: 1px solid #44558b;
	background: #3176b1;
	color: #ffffff;
	text-align: center;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin: 0 0 0 1px;
	padding: 0 12px 0 12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.clearable-input {
	position: relative;
	display: inline-block;
}

.clearable-input>input {
	padding-right: 1.4em;
}

.clearable-input:hover>[data-clear-input] {
	display: block;
}

.clearable-input>[data-clear-input] {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
	font-size: 1.4em;
	padding: 0 0.2em;
	line-height: 1em;
	cursor: pointer;
}

.clearable-input>input::-ms-clear {
	display: none;
}

/************* 업체용 input contents ==> 손용환이 만든 관리자용 CSS(officers_admin.css)에서 pop_up분야를 복사해서 가공 함 ***********/
.tableInTable_style {
	position: relative; /* width:auto 0; */
	border: 2px solid #fff;
	background-color: #fff;
}

.tableInTable_style .tableInTable_form .pop_stit {
	font-size: 15px;
	color: #424242;
	line-height: 30px;
	font-weight: bold;
	padding-left: 5px;
}

.tableInTable_style .tableInTable_form .pop_stit span {
	font-size: 12px;
	float: right;
	display: inline-block;
	padding-top: 3px
}

.tableInTable_style .tableInTable_form .tableInTable_table {
	width: 100%;
	border-top: 1px solid #4c4c49b8;
	border-bottom: 1px solid #4c4c49b8;
	color: #424242;
	line-height: 22px;
	font-size: 14px;
}

.tableInTable_style .tableInTable_form .tableInTable_table tbody th {
	font-size: 13px;
	color: #424242;
	border-top: 1px solid #e3e3e3;
}

.tableInTable_style .tableInTable_form .tableInTable_table tbody td {
	padding: 5px 15px;
	height: 35px;
	text-align: left;
	border-top: 1px solid #e3e3e3;
}

.tableInTable_style .tableInTable_form .tableInTable_table tbody tr:first-child th,
	.tableInTable_style .tableInTable_form .tableInTable_table tbody tr:first-child td
	{
	border: none;
}

.tableInTable_style .tableInTable_form .tableInTable_table tbody tr:last-child th,
	.tableInTable_style .tableInTable_form .tableInTable_table tbody tr:last-child td
	{
	border: none;
}

.tableInTable_style .tableInTable_form .tableInTable_table tbody th {
	padding-left: 20px;
	font-weight: bold;
	color: #424242;
	background: #fbfbfb;
}

.tableInTable_style .tableInTable_form .tableInTable_table {
	width: 100%;
	border-top: 1px solid #a09d9d;
	border-bottom: 1px solid #a09d9d;
	color: #424242;
	line-height: 22px;
	font-size: 14px;
}

/************* 업체용 input contents ==> 손용환이 만든 관리자용 CSS(officers_admin.css)에서 pop_up분야를 복사해서 가공 함 ***********/
.company_style {
	position: relative; /* width:auto 0; */
}

.company_style .content {
	width: 100%;
	height: 900px;
}

.company_style .content_h {
	height: 100%
}

.company_style .title {
	width: 100%;
	background-color: #2a53a6;
}

.company_style .title h2 {
	font-size: 17px;
	color: #FFF;
	font-weight: 500;
	line-height: 50px;
	display: inline-block;
	padding-left: 15px
}

.company_style .title h2 span {
	display: inline-block;
	padding-left: 10px;
	font-size: 12px;
}

.company_style .b-close {
	background: url(../../images/bbs/layer-close.png) 0 0 no-repeat;
	position: absolute;
	right: 5px;
	top: 0;
	display: inline-block;
	cursor: pointer;
	width: 50px;
	height: 50px;
	font-size: 0;
}

.company_style .in_form {
	width: 100%;
	margin: 0px 0px;
}

.company_style .in_form .pop_stit {
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	padding-left: 5px;
}

.company_style .in_form .pop_stit span {
	font-size: 12px;
	float: right;
	display: inline-block;
	padding-top: 3px
}

.company_style .in_form .in_table {
	width: 100%;
	border-top: 1px solid #4c4c49b8;
	border-bottom: 1px solid #4c4c49b8;
	color: #424242;
	line-height: 22px;
	font-size: 14px;
}

.company_style .in_form .in_table tbody th {
	font-size: 13px;
	color: #424242;
	border-top: 1px solid #e3e3e3;
}

.company_style .in_form .in_table tbody td {
	padding: 5px 15px;
	height: 35px;
	text-align: left;
	border-top: 1px solid #e3e3e3;
}

.company_style .in_form .in_table tbody tr:first-child th,
	.company_style .in_form .in_table tbody tr:first-child td {
	border: none;
}

.company_style .in_form .in_table tbody th {
	padding-left: 10px;
	font-weight: bold;
	background: #fbfbfb;
}

.company_style .in_form .in_table {
	width: 100%;
	border-top: 2px solid #4c4c49b8;
	border-bottom: 1px solid #4c4c49b8;
	color: #424242;
	line-height: 22px;
	font-size: 14px;
}

.company_style .in_form .in_div {
	width: 100%;
	border-top: 2px solid #4c4c49b8;
	border-bottom: 1px solid #4c4c49b8;
	margin-top: 1px;
	color: #424242;
	line-height: 22px;
	font-size: 14px;
}

.company-admin-content {
	min-height: 350px;
	width: 100%;
	padding-top: 30px
}

.company-admin-content .title-section {
	margin-left: 20px;
	margin-right: 20px;
	border-bottom: 2px solid #4c4c49b8;
	font-family: 'Noto Sans KR', sans-serif;
	padding-bottom: 17px;
}

.company-admin-content .title-section .tit1 {
	font-size: 26px;
	line-height: 30px;
	color: #424242;
	font-weight: normal;
	margin-bottom: 11px;
}

.company-admin-content .title-section .para {
	font-size: 13px;
	line-height: 20px;
	color: #626262;
	position: absolute;
	top: 28px;
	right: 25px;
}

.company-admin-content .title-section .para span {
	float: left;
	height: 43px;
	line-height: 43px;
	padding-left: 36px;
	background: url(../../images/common/location-bg.gif) 0 center no-repeat;
	position: relative;
}

.company-admin-content .title-section .para a {
	float: left;
	padding-left: 22px;
	height: 43px;
	line-height: 43px;
}

/* main */
.company-admin-content .right-area {
	margin-left: 20px;
	border: 1px solid #4c4c49b8;
	font-family: 'Noto Sans KR', sans-serif;
	width: 25%;
	position: relative;
	float: left;
}

.company-admin-content .right-area .user_access {
	width: 100%;
	height: 70px;
	background: #2a53a6;
	font-size: 15px;
	color: #fff;
	border-bottom: 2px solid #4c4c49b8;
}

.company-admin-content .right-area .user_access span {
	padding: 20px;
	line-height: 50px
}

.company-admin-content .right-area .sub_info {
	font-size: 12px;
	line-height: 20px;
	color: #626262;
	color: #fff;
	position: absolute;
	top: 40px;
	left: 20px;
}

.company-admin-content .left-area {
	font-family: 'Noto Sans KR', sans-serif;
	width: 70%;
	float: right;
}

.company-admin-content .left-area .dash_title {
	margin-right: 20px;
	font-family: 'Noto Sans KR', sans-serif;
}

.company-admin-content .left-area .dash_title h2 {
	font-size: 18px;
	line-height: 30px;
	color: #424242;
	font-weight: normal;
	padding-bottom: 5px;
}
/* 그래프 영역지정 */
.company-admin-content .left-area .graph {
	width: 100%;
	height: 250px;
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
	margin-bottom: 10px;
}

.company-admin-content .left-area .graph_50 {
	width: 49%;
	height: 250px;
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
	margin-bottom: 10px;
}

.company-admin-content .left-area .graph h3 {
	font-size: 18px;
	margin: 30px;
	display: inline-block;
}

.company-btn-search {
	color: #fff;
	background: #818f96;
	width: 95px;
	border: none;
	padding: 8px 14px;
	font-size: 14px;
	cursor: pointer;
	line-height: 32px;
	font-weight: bold;
}

/* search-table */
.company-seh-tbl {
	width: 100%;
	/* border-top: 1px solid #DEE2E6; */
	color: #424242;
	line-height: 22px;
	font-size: 12px;
}
#eslayoutServiceMenu .company-seh-tbl,
#eslayoutMember .company-seh-tbl,
#easylayoutMainDiv .company-seh-tbl{
	padding: 0 10px;
    background: #fff;
    border-top: 1px solid #DEE2E6;
    border-bottom: 1px solid #DEE2E6;
}

.company-seh-tbl tbody th, .company-seh-tbl tbody td {
	padding: 5px;
	height: 37px;
	text-align: left;
}
.company-seh-tbl tbody tr:not(:first-child) th, .company-seh-tbl tbody tr:not(:first-child) td{
	border-top: 1px solid #e3e3e3;
}

.company-seh-tbl tbody tr th, .company-seh-tbl tbody tr td{
	/* border: none; */
	background: #fff;
}
/* .company-seh-tbl tbody tr:nth-of-type(2) th, .company-seh-tbl tbody tr:nth-of-type(2) td{
	border-top: 1px solid #e3e3e3;
} */

.company-seh-tbl tbody th {
	padding: 0 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}

.company-seh-tbl01 {
	width: 100%;
	border: 1px solid #DEE2E6;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	background-color: #ffffff;
	line-height: 22px;
	font-size: 12px;
	border-collapse: separate;
	border-spacing: 0px;
}

.company-seh-tbl01 tbody td {
	padding: 8px;
/* 	height: 60px; */
	text-align: left;
	font-weight: 500;
	font-size: 14px;
}

.company-seh-tbl01 tbody th {
	font-weight: 500;
	font-size: 14px;
	background: #F1F3F5;
	text-align: center;
}

.company-seh-tbl02 {
	width: 100%;
	border: 1px solid #DEE2E6;
	border-top: 0px;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	background-color: #ffffff;
	line-height: 22px;
	font-size: 12px;
	border-collapse: separate;
	border-spacing: 0px;
	margin-bottom: 20px;
    height: fit-content;
}

.company-seh-tbl02>tbody>tr>td {
	text-align: left;
}
.company-seh-tbl02>tbody>tr>td .table_contents{
	height: 100%;
}

.company-seh-tbl02>tbody>tr>th {
	font-weight: 500;
	font-size: 14px;
	background: #F1F3F5;
	height: 70px;
	text-align: center;
}

.company-seh-tbl03 {
	width: 100%;
	border: 1px solid #DEE2E6;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	background-color: #ffffff;
	line-height: 22px;
	font-size: 12px;
	border-collapse: separate;
	border-spacing: 0px;
	margin-bottom: 12px;
	height: fit-content;
}

.company-seh-tbl03>tbody>tr>td {
	height: 100%;
	text-align: left;
}
.company-seh-tbl03>tbody>tr>td .table_contents{
	height: 100%;
}
.company-seh-tbl03>tbody>tr>th {
	font-weight: 500;
	font-size: 14px;
	background: #F1F3F5;
	height: 70px;
	text-align: center;
}

.company-seh-tbl04 {
	width: 100%;
	border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	background-color: #ffffff;
	line-height: 22px;
	font-size: 12px;
    border-collapse: separate;
	border-spacing: 0px;
	margin-bottom: 20px;
    height: fit-content;
}

.company-seh-tbl04>tbody>tr>td {
	text-align: left;
}
.company-seh-tbl04>tbody>tr>td .table_contents{
	height: 100%;
}

.company-seh-tbl04>tbody>tr>th {
	font-weight: 500;
	font-size: 14px;
	background: #F1F3F5;
	text-align: center;
}




/* 게시판 리스트 */
.company-board-list {
	table-layout: fixed;
	margin-top: 6px;
	border-top: 2px solid #4c4c49b8;
	border-bottom: 0px solid #4c4c49b8;
}

/* 검색 */
.company-search-sec1 {
	padding: 10px 0px;
	position: relative;
	text-align: right;
	min-height: 30px;
}

.company-search-sec1 .division {
	position: absolute;
	left: 1px;
	top: 10px;
}

.company-search-sec1 .total {
	position: absolute;
	left: 1px;
	top: 18px;
}

.company-search-sec1 .total .num {
	color: #2a53a6;
}

.company-search-sec1 .text {
	position: absolute;
	left: 1px;
	top: 15px;
	font-size: 13px;
	color: #545454;
}

.company-search-sec1 .btn-search {
	display: inline-block;
	*zoom: 1;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	overflow: hidden;
	background: url(../../images/bbs/btn-search.gif) 0 0 no-repeat;
}

.company-search-sec1 .btn-search span {
	position: relative;
	z-index: -1;
	display: block;
	line-height: 30px;
	width: 28px;
	height: 28px;
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

.company-in_form {
	width: 100%;
	margin: 0px 0px;
}

.company-in_form .company-pop_stit {
	float: left;
	font-size: 15px;
	color: #424242;
	line-height: 36px;
	font-weight: bold;
	padding-left: 5px;
}

.company-in_form .company-pop_stit span {
	font-size: 12px;
	float: right;
	display: inline-block;
	padding-top: 3px
}

.company-in_form .company-pop_stit a {
	float: right; /* align:right */
}

.company-in_form .company-title {
	width: 100%;
	background-color: #2a53a6;
}

.company-in_form .company-title h2 {
	font-size: 17px;
	color: #FFF;
	font-weight: 500;
	line-height: 50px;
	display: inline-block;
	padding-left: 15px
}

.company-in_form .company-title h2 span {
	display: inline-block;
	padding-left: 10px;
	font-size: 12px;
}

.search_box01_btn {
	float: right;
}

.search_box01_btn .btn_search01 {
	font-size: 16px;
	background: #1D9ADD;
	height: 30px;
    line-height: 31px;
	padding: 0px 51px;
	color: #FFFFFF;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	outline: none;
	box-shadow: none;
}

.search_box01_btn .btn_search01:hover {
	background-color: #1589C7;
}


.search_box02_btn .btn_search02 {
	font-size: 15px;
	background-color: #3176b1;
	height: 32px;
	border: 1px solid #2c6a9d;
	border-left: 0;
	color: #FFF;
	padding: 0 25px 0 25px;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.search_box02_btn .btn_search02:hover {
	background-color: #2166a0;
}

.search_box03_btn .btn_search03 {
	font-size: 16px;
	font-weight: 600;
	background: #1D9ADD;
	padding: 20px 40px;
	margin-left: 0px;
	color: #FFFFFF;
	cursor: pointer;
	vertical-align: middle;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: none;
	outline: none;
	box-shadow: none;
}

.search_box03_btn .btn_search03:hover {
	background-color: #1589C7;
}

.load-mask-msg {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	padding: 10px 5px 10px 30px;
	width: auto;
	height: 16px;
	border-width: 1px;
	border-style: solid;
	display: none;
}

.load-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	display: none;
}

.load-mask-msg {
	background: #ffffff url('/images/icon/loading.gif') no-repeat scroll 5px
		center;
}

.load-mask-msg {
	border-color: #9790cd;
}

/*************  BootSideMenu ***********/
.bootsidemenu {
	z-index: 9999;
	position: fixed;
	top: -1px;
	bottom: -1px;
	padding: 0 !important;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.bootsidemenu>.menu-wrapper {
	padding: 0 !important;
	position: absolute;
	bottom: 0;
	top: 0;
	overflow: auto;
	width: 100%;
	background-color: #fff;
	z-index: 9999;
}

.toggler {
	-webkit-background-clip: padding-box;
	background-clip: padding-box;

	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: rgba(0,0,0,.15);

	width: 50px;
	height: 48px;
	position: absolute;
	top: 47%;
	cursor: pointer;
	background-color: #fff;

	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .175);
	box-shadow: 0 0 8px rgba(0, 0, 0, .175);
}

.bootsidemenu-left>.toggler {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	right: -20px;
}

.bootsidemenu-left>.toggler>span {
	margin: 15px 2px;
}

.bootsidemenu-right>.toggler {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	left: -50px;
}

.bootsidemenu-right>.toggler>span {
	width: 100%;
	height: 100%;
	transition: all 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.bootsidemenu-right>.toggler>span.slide_search_btn{
	background: url(../images/sub/btn_search3.svg) no-repeat center center;
}
.bootsidemenu-right>.toggler>span.btn_title_close{
	background: url(../images/sub/btn_close3.svg) no-repeat center center;
}

/************* (231212 Leo 추가) bootsidemenu - right - 보고서 검색 스타일 ***********/
#rightBookMarkSideMenu {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  padding: 0 !important;
}
#rightBookMarkSideMenu .rbms-wrap {
  position: relative;
  width: 0;
  height: 100vh;
  background: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  transition: all 0.3s ease-in-out;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev {
  position: absolute;
  z-index: 999998;
  left: 0;
  top: 50%;
	margin-top: -84px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev .rbms-nev-wrap {
  margin-left: -40px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev .rbms-nev-wrap li:hover {
  margin-left: -100px;
  transition: all 0.2s;
  box-shadow: 0 0 4px #1D9ADD;
  border: 1px solid #fff;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev .rbms-nev-wrap li:hover .rbms-nev-btn {
  cursor: pointer;
  background-color: #fff;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev .rbms-nev-wrap li.active {
  margin-left: -100px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev .rbms-nev-wrap li {
  width: 180px;
  height: 40px;
  margin-left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
  margin-bottom: 4px;
  transition: all 0.2s ease;
  overflow: hidden;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev .rbms-nev-wrap li .rbms-nev-btn {
  width: 100%;
  height: 100%;
  text-align: left;
  padding-left: 40px;
  color: #1D9ADD;
  background-color: #ededed;
  font-weight: bold;
  font-size: 14px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev .rbms-nev-wrap li .rbms-nev-btn {
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 8px center;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev .rbms-nev-wrap li .rbms-nev-btn[aria-selected=true] {
  background-color: #fff;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev .rbms-nev-wrap li:nth-of-type(1) .rbms-nev-btn {
  background-image: url(../images/sub/btn_search3.svg);
}
#rightBookMarkSideMenu .rbms-wrap .rbms-nev .rbms-nev-wrap li:nth-of-type(2) .rbms-nev-btn {
  background-image: url(../images/sub/pp_logo.svg);
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 999999;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body > div {
  display: none;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top {
  height: 124px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  padding: 20px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-input {
  padding: 0 10px;
  height: 40px;
  border-bottom: 1px solid #000;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-input #quickSearchFrm {
  width: inherit;
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-input #quickSearchFrm #inSearch {
  border: 0;
  font-size: 18px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-input #quickSearchFrm #inSearch:focus {
  outline: none;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-input #quickSearchFrm .btn-search {
  background-color: #fff;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-input #quickSearchFrm .btn-search .slide_search_btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/sub/btn_search4.svg) no-repeat center center/100%;
  transition: all 0.2s;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-input #quickSearchFrm .btn-search:hover {
  cursor: pointer;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-input #quickSearchFrm .btn-search:hover .slide_search_btn::before {
  background-image: url(../images/sub/btn_search3.svg);
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-recommend {
  margin-top: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-recommend .title {
  font-weight: bold;
  text-align: center;
  word-break: keep-all;
  margin-right: 10px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-recommend .keyword-list {
  display: flex;
  flex-wrap: wrap;
  color: #000;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-recommend .keyword-list li {
  padding: 2px 4px;
  border: 1px solid #000;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.2s;
  cursor: pointer;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-recommend .keyword-list li:not(:last-child) {
  margin-right: 4px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-top .quick-search-recommend .keyword-list li:hover {
  background-color: #000;
  color: #fff;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body {
  height: calc(100% - 124px);
  overflow-y: auto;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list {
  display: flex;
  flex-direction: column;
  align-items: center;
	height: 100%;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; 
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item:not(:last-child) {
	border-bottom: 1px solid #000;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item a {
  width: 100%;
  height: 100%;
  padding: 20px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item a:hover {
  text-decoration: none;
  background-color: #f2f2f2;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item a:hover .item-title {
  text-decoration: underline;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item > div > * {
  display: flex;
  align-items: center;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item .item-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item .item-info {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item .item-path {
  font-size: 13px;
  color: #000;
  margin-bottom: 4px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item .item-path::before {
  content: "경로";
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item .item-keyword {
  font-size: 13px;
  color: #000;
  display: flex;
	flex-wrap: wrap;
  align-items: center;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item .item-keyword::before {
  content: "연관 검색어";
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item .item-keyword li {
  font-size: 14px;
  transition: all 0.2s;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item .item-keyword li:not(:last-child) {
  margin-right: 4px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item .item-keyword li::before {
  content: "#";
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item *[class^=item-]::before {
  font-weight: 500;
  background-color: #666;
  padding: 2px 6px;
  color: #fff;
  border-radius: 4px;
  margin-right: 8px;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item.empty-item{
	height: 100%;
	border-bottom: 0;
}
#rightBookMarkSideMenu .rbms-wrap .rbms-body #rbmsPanel-1 .quick-search-body .quick-search-list .quick-search-item.empty-item p.item-title{
	color: #868E96;
}

/************* 0612 수정 ***********/
@media ( min-width : 992px) {
	.col-md-4 {
		width: 33.2% !important;
		vertical-align: top;
		margin-left: 0.1%
	}
}

.box-xs {
	border: 1px solid #ddd
}

.panel-body h4 {
	font-size: 14px !important;
}

.panel-body .table thead>tr>th {
	border-bottom: 1px solid #ddd !important;
	background: #f1f1f1;
	font-weight: 400;
	font-size: 12px
}

.table thead>tr>th {
	font-size: 12px;
	font-weight: 400;
	border-bottom: 1px solid #ddd !important;
	background: #f1f1f1
}

.panel-heading {
	padding: 7px 15px !important;
	border-top-right-radius: 2px !important;
	border-top-left-radius: 2px !important
}

.panel-heading01 {
	background-color: #662b2e;
	border-color: #4a2a2e;
	padding: 7px 15px !important;
	border-top-right-radius: 2px !important;
	border-top-left-radius: 2px !important
}

.panel-heading02 {
	background-color: #2c7f83;
	border-color: #4a2a2e;
	padding: 7px 15px !important;
	border-top-right-radius: 2px !important;
	border-top-left-radius: 2px !important
}

/* .datagrid-wrap, .panel-body, .panel-header {border-color:#fff!important}  <= 이것때문에 데이터 그리드 라인이 안보임*/
.table tbody>tr>td, .table tfoot>tr>td {
	font-size: 12px !important;
	color: #555
}

#footer .footer_sub_logo img {
	width: 50px
}

address {
	margin-bottom: 0 !important
}

.chartjs-render-monitor {
	padding: 20px;
}

#header-area .gnb .gnbMenu_ko li.allview {
	float: right;
	padding: 0 10px;
}

/************* 220727 Leo 추가(FAQ 사용자 페이지 스타일_아코디언)  ***********/
.table_contents .accor * {
	font-size: 13px;
	color: #333;
}

.table_contents .accor .accor_group {
	width: 100%;
}

.table_contents .accor .accor_group [id*=accorList] {
	width: 100%;
	border-top: 1px solid #d9d9d9;
}

.table_contents .accor .accor_group [id*=accorList].not_find>div {
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 50px;
}

.table_contents .accor .accor_group [id*=accorList]:first-child {
	border-top: 1px solid #000;
}

.table_contents .accor .accor_group [id*=accorList]:last-child {
	border-bottom: 1px solid #000;
}

.table_contents .accor .accor_group [id*=accorList]>ul {
	display: flex;
	flex-direction: column;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_top,
	.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom {
	padding: 16px;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_top .accor_wrap,
	.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .accor_wrap
	{
	display: flex;
	align-items: center;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_top .accor_wrap.accor_q::before,
	.table_contents .accor .accor_group [id*=accorList]>ul .accor_top .accor_wrap.accor_a::before,
	.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .accor_wrap.accor_q::before,
	.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .accor_wrap.accor_a::before
	{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 30px;
	background: #000;
	border-radius: 28px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	width: 24px;
	height: 24px;
	color: #fff;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_top .accor_wrap.accor_q::before,
	.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .accor_wrap.accor_q::before
	{
	content: " Q ";
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_top .accor_wrap.accor_a::before,
	.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .accor_wrap.accor_a::before
	{
	content: "";
	background: url(/images/icon/pigplan_faq_icon.png) no-repeat center/100%;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_top:hover
	{
	cursor: pointer;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_top .accor_depth
	{
	width: 16%;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_top .accor_title
	{
	width: 70%;
	font-weight: bold;
	text-indent: 10px;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom {
	border-top: 1px dashed rgba(29, 154, 221, 0.4901960784);
	display: none;
	visibility: hidden;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .accor_a
	{
	transition: all 0.3s ease;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .accor_contents
	{
	width: 70%;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .accor_contents p
	{
	font-size: 14px;
	font-weight: bold;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .arror_file
	{
	width: 20%;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .arror_file.true::before
	{
	content: "첨부파일";
	background: #1D9ADD;
	color: #fff;
	padding: 2px 8px;
	margin-right: 10px;
	border: 0;
	border-radius: 2px;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .arror_file:hover
	{
	color: #1D9ADD;
	font-weight: bold;
}

.table_contents .accor .accor_group [id*=accorList]>ul .accor_bottom .arror_file:hover::before
	{
	font-weight: normal;
}
/* 농장정보관리(시스템) selectBox-input 연계 style */
#eastLayout-farmInfo .outer_selected_option {
	display: none;
}

#eastLayout-farmInfo .outer_selected_option.active {
	display: table-row;
}

#eastLayout-farmInfo .gallery {
	position: relative;
}

#eastLayout-farmInfo .gallery img {
	position: absolute;
	z-index: 9999;
	background: #fff;
	padding: 19px;
	top: 6px;
	max-width: 87%;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/************* 221004 Rosie 추가(대시보드 UI)  ***********/
.main_dashboard .board_box {
	background: #FFFFFF;
	border: 1px solid #DEE2E6;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 20px;
}

.main_dashboard .prl {
	padding-right: 10px !important;
	padding-left: 10px !important;
	position: relative;
}

.main_dashboard .row {
	margin-right: -10px !important;
	margin-left: -10px !important;
}
.main_dashboard .select_box {
	margin-bottom: 20px;
}

.main_dashboard .board_box .board_header {
	padding: 12px 12px 10px 12px;
    background: #f1f3f5;
    border-bottom: 1px solid #DEE2E6;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
    margin-bottom: 20px;
    display: flex;
	justify-content: space-around;
    align-items: center;
    flex-direction: row;
    width: 100%;
}

.main_dashboard .board_box .board_header .title {
	font-size: 18px;
	font-weight: 600;
	color: #242424;
	float: left;
}

.main_dashboard .board_box .board_header .title span {
	font-size: 14px;
	font-weight: 500;
	color: #868E96;
}

.main_dashboard .board_box .board_header .sub_title {
	font-size: 14px;
	font-weight: 500;
	color: #868E96;
	float: right;
    display: flex;
    align-items: center;
	justify-content: flex-end;
}

.main_dashboard .board_box .board_header .sub_title img {
	margin: 0px 4px 2px 2px;
}

.main_dashboard .board_box .board_header .sub_title .textbox {
	margin-left: 6px;
}
/* 탭 */
.main_dashboard [data-tab-content] {
	display: none;
}

.main_dashboard .active[data-tab-content] {
	display: block;
}

.main_dashboard .board_box .tab_header {
	padding: 12px 12px 0px 12px;
    margin-bottom: 20px;
    background: #f1f3f5;
    border-bottom: 1px solid #DEE2E6;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
}

.main_dashboard .board_box ul {
	margin-bottom: 0px;
	float: left;
}


.main_dashboard .board_box .tab_header .tab_list.active {
	color: #242424 ;
	border-bottom: 2px solid #242424;
}

.main_dashboard .board_box .tab_header .tab_list.warning_txt.active {
	color: #F03636;
    border-bottom: 2px solid #F03636;
}

.main_dashboard .board_box .tab_header .tab_list {
	font-size: 18px;
	font-weight: 600;
	color: #868E96;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	margin-right: 20px;
	padding-bottom: 6px;
}

.main_dashboard .board_box .board_contents {
	padding: 0px 15px 10px 15px;
}

.main_dashboard .board_box .board_table {
	padding: 25px 0px 20px 0px;
	width: 100%;
}

.main_dashboard .board_box .board_table thead tr th {
	font-size: 14px;
	font-weight: 500;
	color: #687078;
	padding: 2px !important;
}

.main_dashboard .board_box .board_table tbody tr td {
	font-size: 14px;
	font-weight: 400;
	color: #242424;
	text-align: center;
}

.main_dashboard .board_box .board_table thead tr {
	border-top: 1px solid #F1F3F5;
	background-color: #F8F9FA;
	height: 48px;
}

.main_dashboard .board_box .board_table tbody tr {
	border-top: 1px solid #F1F3F5;
	height: 44px;
}

.main_dashboard .board_box .board_table .tag_green {
	font-weight: 500;
	font-size: 13px;
	text-align: center;
	border-radius: 6px;
	padding: 4px 8px;
	color: #03A83F;
	background: #E3F9EB;
}

.main_dashboard .board_box .board_table .tag_navy {
	font-weight: 500;
	font-size: 13px;
	text-align: center;
	border-radius: 6px;
	padding: 4px 8px;
	color: #2A5699;
	background: #EFF2FE;
}

.main_dashboard .board_box .board_table .tag_red {
	font-weight: 500;
	font-size: 13px;
	text-align: center;
	border-radius: 6px;
	padding: 4px 8px;
	color: #F03636;
	background: #FDEBEB;
}

.main_dashboard .board_box .board_contents .board_link{
	display: flex;
	justify-content: center;
	border-top: 1px solid #F1F3F5;
	padding-top: 10px;
}

.main_dashboard .board_info{
	position: absolute;
    right: 24px;
    margin-top: -8px;

	background: #F1F3F5;
    padding: 8px;
    border-radius: 6px;
}
.main_dashboard .board_info .info_box_tit07{
	margin-right: 6px;
}
.main_dashboard .board_info .btn_text03{
	background: #fff;
    padding: 4px;
    border-radius: 2px;
}

/* 주요 생산성 요인 구성도 */
#diagram.chart_area {
  position: relative;
}
#diagram.chart_area .chart_box {
  width: 15%;
  max-width: 145px;
  min-width: 100px;
  height: 78px;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  position: absolute;
}
#diagram.chart_area .chart_box .chart_desc, #diagram.chart_area .chart_box .chart_grid {
  position: relative;
  height: 50%;
  display: flex;
  align-items: center;
  font-size: 14px;
}
#diagram.chart_area .chart_box .chart_desc {
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  border-radius: 6px 6px 0px 0px;
  font-weight: 600;
  color: #242424;
  padding: 10px;
}
#diagram.chart_area .chart_box .chart_grid {
  font-weight: 400;
  color: #868e96;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  padding: 10px;
}
#diagram.chart_area .chart_box .chart_grid .chart_col {
  display: inline-block;
}
#diagram.chart_area .chart_box .chart_grid .chart_col:last-child {
  margin-left: auto;
}
#diagram.chart_area .chart_box.v_b::before, #diagram.chart_area .chart_box.v_b::after {
  content: "";
  border-style: solid;
  border-color: #dee2e6;
  position: absolute;
  left: 50%;
  height: 20px;
}
#diagram.chart_area .chart_box.v_b::before {
  margin-left: -0.5px;
  bottom: -20px;
  border-width: 0 1px 0 0;
}
#diagram.chart_area .chart_box.v_b::after {
  bottom: -40px;
  border-width: 1px 1px 0 1px;
}
#diagram.chart_area .chart_box.v_b[class~=chart_1]::after {
  width: 23vw;
  margin-left: calc(-11.5vw + 4px);
}
#diagram.chart_area .chart_box.v_b[class~=chart_2]::after, #diagram.chart_area .chart_box.v_b[class~=chart_4]::after, #diagram.chart_area .chart_box.v_b[class~=chart_11]::after, #diagram.chart_area .chart_box.v_b[class~=chart_13]::after {
  width: 8vw;
  margin-left: calc(-4vw + 4px);
}
#diagram.chart_area .chart_box.v_b[class~=chart_3]::after, #diagram.chart_area .chart_box.v_b[class~=chart_7]::after {
  width: 18vw;
  margin-left: calc(-9vw + 4px);
}
#diagram.chart_area .chart_box.h_m::before, #diagram.chart_area .chart_box.h_m::after {
  content: "";
  border-style: solid;
  border-color: #dee2e6;
  position: absolute;
}
#diagram.chart_area .chart_box.h_m::before {
  height: 1px;
  width: 100px;
  top: 50%;
  margin-top: -0.5px;
  right: 100%;
  border-width: 0 0 1px 0;
}
#diagram.chart_area .chart_box.h_m::after {
  height: 0px;
  width: 0px;
  border-width: 0 0 0 0;
}
#diagram.chart_area .chart_box.chart_1 {
  left: 39%;
}
#diagram.chart_area .chart_box.chart_2 {
  left: 19%;
  top: 116px;
}
#diagram.chart_area .chart_box.chart_3 {
  left: 60%;
  top: 116px;
}
#diagram.chart_area .chart_box.chart_4 {
  left: 12%;
  top: 232px;
}
#diagram.chart_area .chart_box.chart_5 {
  left: 27%;
  top: 232px;
}
#diagram.chart_area .chart_box.chart_6 {
  left: 45%;
  top: 232px;
}
#diagram.chart_area .chart_box.chart_7 {
  left: 60%;
  top: 232px;
}
#diagram.chart_area .chart_box.chart_8 {
  left: 75%;
  top: 232px;
}
#diagram.chart_area .chart_box.chart_9 {
  left: 5%;
  top: 348px;
}
#diagram.chart_area .chart_box.chart_10 {
  left: 20%;
  top: 348px;
}
#diagram.chart_area .chart_box.chart_11 {
  left: 45%;
  top: 348px;
}
#diagram.chart_area .chart_box.chart_12 {
  left: 60%;
  top: 348px;
}
#diagram.chart_area .chart_box.chart_13 {
  left: 75%;
  top: 348px;
}
#diagram.chart_area .chart_box.chart_14 {
  left: 37%;
  top: 464px;
}
#diagram.chart_area .chart_box.chart_15 {
  left: 52%;
  top: 464px;
}
#diagram.chart_area .chart_box.chart_16 {
  left: 67%;
  top: 464px;
}
#diagram.chart_area .chart_box.chart_17 {
  left: 82%;
  top: 464px;
}
#diagram.chart_area .chart_box.chart_18 {
  left: 20px;
}
#diagram.chart_area .chart_box.chart_19 {
  left: 60%;
}

.chart_area .chart_box .chart_grid .chart_col .top::after {
	content: "/";
	padding: 0 4px;
}

.chart_area .chart_box .chart_grid span[class^=tag] {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  border-radius: 6px;
  padding: 4px 6px;
}

.chart_area .chart_box .chart_grid .tag_red {
  color: #F03636;
  background: #FDEBEB;
}

.chart_area .chart_box .chart_grid .tag_sky {
  color: #1D9ADD;
  background: #E3F5FF;
}

.chart_area .chart_box .chart_grid .tag_none {
  color: #a9a9a9;
  background: #f5f5f5;
}

.chart_area .chart_box .chart_grid .tag_normal {
  color: #242424;
  background: none;
}

.board_tooltip {
	position: relative;
	display: block;
}

.board_tooltip .board_tooltiptext {
	visibility: hidden;
	background-color: #ffffff;
	border-radius: 6px;
	border: 1px solid #DEE2E6;
	padding: 30px 20px 25px 20px;
	position: absolute;
	z-index: 1;
	filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.08));
}

.board_tooltip:hover .board_tooltiptext {
	visibility: visible;
}

.board_tooltip .board_tooltip-bottom {
	top: 150%;
	right: 7%;
	margin-left: -60px;
}
/* 221029 검정종료기록 엑셀 업로드 Ui간격 수정(Leo) */
#stepExcelUploadMain .step-app > .step-steps{
	height: 48px;
}
#stepExcelUploadMain .step-app > .step-content .btn_area {
	display: flex;
    margin: 12px;
}

.rptTrue:hover{
	cursor: pointer;
	background : #FDEBEB;
}
span[class ^= "goalValue"]{
	position:relative;
}
span[class ^= "goalValue"]::after{
	content : "";
    width: 10px;
    height: 10px;
	display: inline-block;
	position: absolute;
    top: -5px;
    left: 4px;
	border-radius: 100px;
}
.goalValueOver1::after{ background : #00FFFF; }
.goalValueOver2::after{ background : #00FF00; }
.goalValueDown1::after{ background : #FFFF00; }
.goalValueDown2::after{ background : #5100FF; }
.goalValueDown3::after{ background : #FF0000; }


.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}

.sameple-img1{
	height: 261px;
	background : url(/images/sample/ex1.png) no-repeat center center / 96%;
}
.sameple-img2{
	height: 261px;
	background : url(/images/sample/ex2.png) no-repeat center center / 96%;
}
.tooltip2{
  	display: inline-block;
	float: right;
}
.tooltip2 .box_listcount01{
	font-size: 14px;
  	color: #1D9ADD;
  	font-weight: 500;
	line-height: 26px;
}
.tooltip_right01{
	float: right;
	margin-right: 8px;
	line-height: 30px;
}

.btn_style1{
	height: 23px;
	line-height: 22px;
}

.div_row1_flex{
	display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.div_row1_flex>*{
	margin-left: 12px;
}
span[class^=search_sub_info]{
	padding: 4px 8px;
    border-radius: 4px;
    word-break: keep-all;
}
.search_sub_info1{
	background: #F1F3F5;
}
.search_sub_info2{
	background: #1D9ADD;
	color: #ffffff;
}
.search_sub_info2.info_title{
	height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
span[class^=search_sub_info]+em{
	margin-left: 8px;
	margin-right: 16px;
}
.div_flex_h_cc{
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;	
}
.div_flex_v_cc{
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;	
}
.div_flex_cSb{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.div_iFlex{
	display: inline-flex;
    width: 80%;
    justify-content: center;
}
.div_iFlex .search_sub_info2{
	border-radius: 4px 0px 0px 4px;
}
.search_sub_form1{
	margin-top: 8%;
}
.search_sub_form1 .div_flex_v_cc.search_sub_btn{
	width: 30px;
	height: 50px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #DEE2E6;
}
.search_sub_form1 .div_flex_v_cc.search_sub_btn a{
    width: 100%;
    height: 50%;
}
.search_sub_form1 .search_sub_btn a:first-child{
	background : url("../images/sub/box_type02_close.png") center no-repeat;
	border-bottom: 1px solid #DEE2E6;
}
.search_sub_form1 .search_sub_btn a:last-child{
	background : url("../images/sub/box_type02_close.png") center no-repeat;
	transform : rotate(180deg);
}
.search_sub_form1 .search_sub_btn a:hover{
	background : url("../images/sub/box_type02_close_revers.png") center no-repeat #1D9ADD;
	transition: all 0.3s ease;
}

#JadonListDiv .datagrid-td-rownumber{
	height: 29px;
}

#JadonListDiv td[field=spermKey] td, #JadonListDiv td[field=salePackCnt] td{
	border:0;
}
.search_sub_form2{
	width: 100%;
}
.search_sub_form2 .datagrid-wrap{
    border-radius: 0 0 0 6px;
}
.craim_item_table{
    border-collapse: collapse;
    margin-bottom: 0;
}
.craim_item_table>tbody>tr{
    border-width: 0 1px 1px 1px;
    border-style: solid;
	border-color: #dee2e6;
}
.craim_item_table>tbody>tr:nth-of-type(n+3) td:not(td[class="craim_item_th"]){
	padding: 8px;
}
.jdSaleBack_reg_up{
	border-bottom:1px solid #DEE2E6;
}
.jdSaleBack_reg_up .table_contents .table_input01 tr td{
	padding:4px;
	padding-right: 4%;
}

.jdSaleBack_reg_up .table_contents .table_input01 tr:not(:first-child) td{
	display: flex;
    align-items: center;
    justify-content: flex-start;
}
.jdSaleBack_reg_up .table_contents .table_input01 tr:not(:first-child) td label{
	margin-left: 20px;
}
.jdSaleBack_reg_up .table_contents .table_input01 tr:not(:first-child) td div:nth-of-type(2){
    margin-left: 20px;
}
.jdSaleBack_reg_down{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 83px;
    background: #fff;
} 
.jdSaleBack_reg_down .jdSaleBack_reg_d_l label{
    height: auto !important;
    line-height: initial !important;
    
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 12px;
    padding-left: 11px;
    width: 7.4vw;
    text-align: center !important;
}
.jdSaleBack_reg_down .jdSaleBack_reg_d_l span.textbox.textboxbottomline.usertextbox-text-right.numberbox{
	width: 206px !important;
}
.jdSaleBack_reg_down .jdSaleBack_reg_d_r{
	margin-right: 16px;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.jdSaleBack_reg_down .jdSaleBack_reg_d_r .btn_type02{
	padding: 8px;
    width: 100px;
}
.jdSaleBack_reg_down .jdSaleBack_reg_d_r .btn_multi{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 210px;
}
.jdSaleBack_reg_down .jdSaleBack_reg_d_r .btn_multi input[type=button]:hover{
	cursor: pointer;
    transition: 0.3s all ease;
}
.jdSaleBack_reg_down .jdSaleBack_reg_d_r .btn_multi input[type=button].mainC:hover{
	background: #1D9Add;
	color: #fff;
}
.jdSaleBack_reg_down .jdSaleBack_reg_d_r .btn_multi input[type=button].grayC:hover{
	background: #ABB3BB;
	color: #fff;
}
.jdSalesMgn_info{
	border: 0;
	background: #fff;
    padding: 0;
    margin: 0;
}
.jdSalesMgn .box_help01.rayout_from01{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
	padding: 10px 0;
}
.jdSalesMgn .box_help01.rayout_from01>div{
	margin-right: 8px;
}
.jdSalesMgn .box_help01.rayout_from01 .textbox {
	width: auto !important;
}
.jdSalesMgn .jdSalesMgn_reg_list{
	display: flex;
}
.jdSalesMgn .jdSalesMgn_reg_list .box_type03{
	width: calc(100% / 5);
	border: 1px solid #DEE2E6;
}
.jdSalesMgn .jdSalesMgn_reg_list .box_type03:not(:last-child){
	margin-right: 8px;
}
.jdSalesMgn .jdSalesMgn_reg_list .box_type03_text{
	padding: 0;
}
.jdSalesMgn .jdSalesMgn_reg_list .table_stitle02{
	padding: 0;
}
.jdSalesMgn .jdSalesMgn_reg_list .table_stitle02 div{
    padding: 8px 10px;
}
.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4{
	border-left:0;
	border-right:0;
	border-bottom:0;
}
.jdSalesMgn .table_input01 .table_in01_list4 tr:last-child th, .jdSalesMgn .table_input01 .table_in01_list4 tr:last-child td{
	border-bottom: 0;
}
.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 td, .jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 td *{
	font-size: 13px;	
}
.jdSalesMgn .jdSalesMgn_reg_list .textbox-text{
	width: 50px;
}
.jdSalesMgn .jdSalesMgn_reg_list .textbox-text.validatebox-invalid{
	width: 50px;
}
.jdSalesMgn .jdSalesMgn_reg_list .textbox-text.validatebox-readonly{
	width: 70px;
	padding: 0 4px;
}
.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 tr:last-child td{
	display: flex;
}
.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 .textbox-icon{
	margin-right: 4px !important;
}
.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 .textbox .textbox-text{
	padding:0 2px;
}
.mg_l_2{
	margin-left: 2px;
}
.mg_l_4{
	margin-left: 4px;
}
.mg_r_2{
	margin-right: 2px;
}
.mg_r_4{
	margin-right: 4px;
}
.mg_b_2{
    display: flex;
    margin-bottom: 2px;
}
.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td>div{
    white-space: nowrap;
    width: 100%;	
}
.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td{
	width: 100%;
	overflow: hidden;
}
.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td>div p{
    display: inline-block;
	width: 84px;
}
.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td>div p.search_sub_info1{
    width: auto;
    padding: 4px 20px;
    border-radius: 4px;
}
.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td>div div{
    display: inline-block;
}
.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td>div>div span.textbox{
	width: 100px;
}
.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td>div>div .textbox-text.validatebox-readonly{
	width: 100% !important;
}
.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td:nth-of-type(2) div:last-child>div{
	width: auto;
}
.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td:nth-of-type(2) div:last-child>div>div{
	width: 70%;
}
.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td:nth-of-type(2)>div:last-child>div:not(:first-child){
	margin-left: 10px;
}
.font_c_00{color:#242424;}
.font_c_01{color:#1D9ADD;}
.font_c_02{color:#c71143;}
.sp::after{
	content:"｜";
    margin-right: -4px;
    color: #b7b7b7;
}
.filebox a.textbox-button{
    padding: 0px 10px;
    background: #1D9ADD;
    color: #fff;
}
.filebox a.textbox-button:hover{
    padding: 0px 10px;
    background: #1589C7;
    color: #fff;
}
#interval+span.combo
, #interUnit+span.combo
{
	width: 60px !important;
}
.l-btn-large .l-btn-icon{
    margin-left: 14px;
}
.sidebox_btn01{
	display: flex; width: 100%; flex-direction: column; align-items: center;
}
.sidebox_btn01 *{
	width: 100%;
}
.wd_8_per{width:8%;}
.wd_10_per{width:10%;}
.wd_12_per{width:12%;}
.wd_15_per{width:15%;}
.wd_20_per{width:20%;}
.wd_25_per{width:25%;}
.wd_30_per{width:30%;}
.wd_35_per{width:35%;}
.wd_40_per{width:40%;}
.wd_45_per{width:45%;}
.wd_50_per{width:50%;}
.wd_55_per{width:55%;}
.wd_60_per{width:60%;}
.wd_65_per{width:65%;}
.wd_70_per{width:70%;}
.wd_75_per{width:75%;}
.wd_80_per{width:80%;}
.wd_85_per{width:85%;}
.wd_90_per{width:90%;}
.wd_95_per{width:95%;}
.wd_100_per{width:100%;}
.wd_1_part{width:calc(100%/1);}
.wd_2_part{width:calc(100%/2);}
.wd_3_part{width:calc(100%/3);}
.wd_4_part{width:calc(100%/4);}
.wd_5_part{width:calc(100%/5);}
.wd_6_part{width:calc(100%/6);}

#printForm .table_input01 tr:first-child td:last-child{
	border-left: 1px solid #DEE2E6;
}

#MgnMonthDataLayout td {
    text-align: center;
	word-break: keep-all;
}
#MgnMonthDataLayout th:not(:last-child), #MgnMonthDataLayout td:not(:last-child){
	border-right: 1px solid #DEE2E6;
}
#MgnMonthDataLayout th.table_tr2color{
	border-bottom: 1px solid #DEE2E6;
}
#MgnMonthDataLayout th.table_tr3color{
	border-bottom: 1px solid #DEE2E6;
}
#MgnMonthDataLayout .table_contents:not(:nth-of-type(2)) th.table_tr2color{
	height: 46px;
}
#MgnMonthDataLayout .table_contents:nth-of-type(3) th[rowspan="3"]{
	border-bottom:0;
}

#farmInfo .textbox-label{
	width: auto;
}
.h2_table_stitle02+div .table_input01{
	border-top:1px solid #DEE2E6;
}

#divMngYearMonth .datagrid-body div[class^="datagrid-cell"] > div{
	display: flex;
    justify-content: center;
    align-items: center;
}
#dashInfo{
	position: relative;
}
#dashInfo #dash_info_help{
	position: absolute;
	top:30px;
    width: max-content;
    padding: 12px;
    background: #fff;
    border: 1px solid #DEE2E6;
    border-radius: 6px;
    right: 0;
    filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.08));
    z-index: 1;
}
.dashboard_info{
	float: right;
	margin-top: 4px;
}
.dashboard_info div{
	text-indent: 24px;
    float: left;
    margin-left: 12px;
    color: #868E96;
    width: auto;
    height: auto;
    margin-right: auto;
}
.dash_info_item.item01{
	background: url("../images/icon/icon_calendar_point.png") no-repeat left center / contain;
}
.dash_info_item.item02{
	background: url("../images/icon/icon_calendar_check.png") no-repeat left center / contain;
}
.dash_info_item{
	float: right;
    width: 20px;
    height: 20px;
    margin-left: 16px;
}
.ud_preserve_wr th{
	height: 46px;
}
.ud_preserve_wr td{
	text-align: center;
}
.ud_preserve_wr tr:first-child th:not(:last-child), .ud_preserve_wr td:not(:last-child){
	border-right: 1px solid #dee2e6;
}

.search_box01 > .search_opt01:not(:nth-last-child(2)),
.search_box_wrap .search_box01 .search_opt01:not(:nth-last-child(1)){margin-right: 32px; }
.box_type04 .search_opt01 .search_box01_tr{	margin-right: 4px; max-width: 120px;}

/* 
	- 웹브라우저 화면 배율 100%가 아닐시 input박스들의 width가 없어져버리는 현상으로 최소 넓이 값 부여 -- 23.07.17 Leo 수정 	
	- style 적용 우선순위를 위해 inline style을 배제하고, 페이지마다가 아닌 일괄적으로 관리하기위해 css로 처리
*/
/** 입력·기록 영역 .table_contents */
.table_contents input[class^="easyui-textbox"]+span[class*="textbox"]
, .table_contents input[class^="easyui-numberbox"]+span[class*="textbox"]
, .table_contents input[class^="easyui-datebox"]+span[class*="textbox"]
, .table_contents select[class^="easyui-combobox"]+span[class*="textbox"]
, .table_contents input[class^="easyui-combobox"]+span[class*="textbox"]
	{ min-width: 100px; }

.table_contents input[class^="easyui-textbox"] + span input
, .table_contents input[class^="easyui-numberbox"] + span input
, .table_contents input[class^="easyui-datebox"] + span input
, .table_contents input[class^="easyui-combobox"] + span input
, .table_contents select[class^="easyui-combobox"] + span input
	{ min-width: calc(100% - 25px);}

/* 조건에 따른 커스텀 */
.table_contents input[numberboxname*="silsan"]+span[class*="textbox"]
, .table_contents input[numberboxname*="dusu"]+span[class*="textbox"]
, .table_contents input[numberboxname*="junipDusu"]+span[class*="textbox"]
, .table_contents input[numberboxname*="junipDusuSu"]+span[class*="textbox"]
, .table_contents input[numberboxname*="junchulDusu"]+span[class*="textbox"]
, .table_contents input[numberboxname*="junchulDusuSu"]+span[class*="textbox"]
, .table_contents input[paesa*="paesa"]+span[class*="textbox"]
, .table_contents input[numberboxname*="junip"]+span[class*="textbox"]
, .table_contents input[numberboxname*="junchul"]+span[class*="textbox"]
, .table_contents input[numberboxname*="suckle"]+span[class*="textbox"]
, .table_contents input[numberboxname="cm"]+span[class*="textbox"]
, .table_contents input[numberboxname="gh"]+span[class*="textbox"]
, .table_contents input[numberboxname="sh"]+span[class*="textbox"]
, .table_contents input[numberboxname="cs"]+span[class*="textbox"]
, .table_contents input[numberboxname="tj"]+span[class*="textbox"]
, .table_contents input[numberboxname="ab"]+span[class*="textbox"]
, .table_contents input[numberboxname="sk"]+span[class*="textbox"]
, .table_contents input[numberboxname="kj"]+span[class*="textbox"]
, .table_contents input[numberboxname="gt"]+span[class*="textbox"]
, .table_contents input[numberboxname="mila"]+span[class*="textbox"]
, .table_contents input[numberboxname="sasan"]+span[class*="textbox"]
, .table_contents input[numberboxname*="teat"]:not(input[numberboxname="teatPatt"])+span[class*="textbox"]
	{ min-width: 60px; max-width: 70px;}
.table_contents input[comboname*="Yn"]+span[class*="textbox"]
	{ min-width: 70px; max-width: 80px;}
.table_contents input[numberboxname*="fat"]+span[class*="textbox"]
	{ min-width: 80px; max-width: 80px;}
.table_contents input[comboname="familyCd"]+span[class*="textbox"]
	{ min-width: 100px; max-width: 100px;}
.table_contents input[textboxname*="No"]+span[class*="textbox"]
	{ min-width: 100px; }

.table_contents input[textboxname*="bigo"]+span[class*="textbox"]
, .table_contents input[textboxname*="outReasonDetail"]+span[class*="textbox"]
, .table_contents input[textboxname*="outBigo"]+span[class*="textbox"]
, .table_contents input[textboxname*="prep"]+span[class*="textbox"]
	{ min-width: 90%; }



/** 기록 리스트 조회 조건 영역 .search_box01 
.search_box01_td{ display: flex; flex-wrap: nowrap; align-items: center; }
.search_box01 input[class^="easyui-textbox"]+span[class^="textbox"]{min-width: 120px;}
.search_box01 input[class^="easyui-textbox"]+span[class^="textbox"] input{width: 100% !important;}
.search_box01 input[class^="easyui-numberbox"]+span[class^="textbox"],
.search_box01 input[class^="easyui-datebox"]+span[class^="textbox"]{ min-width: 150px;}
.search_box01 input[class^="easyui-combobox"]+span[class^="textbox"]{ min-width: 100px;}
.search_box01 select[class^="easyui-combobox"]+span[class^="textbox"]{ min-width: 100px;}
.search_box01 select[class^="easyui-combobox"]+span[class^="textbox"] input{ width: 100% !important; }
 조건에 따른 커스텀 
.search_box01 input[comboname*="searchSort"]+span.textbox.combo{min-width: 100px; max-width: 100px; }
.search_box01 input[comboname*="searchAscDesc"]+span.textbox.combo,
.search_box01 input[comboname*="searchInputAscDesc"]+span.textbox.combo{min-width: 45px; max-width: 45px; }
.search_box01 input[comboname*="searchInputSort"]+span.textbox.combo{min-width: 120px; max-width: 120px;}
.search_box01 input[comboname*="searchFromWkDt"]+span.textbox.combo,
.search_box01 input[comboname*="searchToWkDt"]+span.textbox.combo{min-width: 134px; max-width: 134px; }
.search_box01 input[textboxname="searchFarmPigNo"]+span.textbox{min-width: 165px; max-width: 326px; }
.search_box01 input[comboname*="searchDtBacisItem"]+span.textbox.combo,
.search_box01 input[comboname*="searchModonItem"]+span.textbox.combo{ min-width: 120px; max-width: 120px;}
.search_box01 input[comboname*="searchSubGubunCd"]+span.textbox.combo{min-width: 120px; width: 100%; max-width: 100%; }
.search_box01 input[textboxname="searchGrpId"]+span.textbox{min-width: 100%; width: 100%; max-width: 100%; }
.search_box01 input[textboxname="searchMoveFarm"]+span.textbox{min-width: 100%; width: 100%; max-width: 100%; }

.search_box01 input[textboxname="searchSaleGubunCd"]+span.combo,
.search_box01 input[textboxname="searchExamGubunCd"]+span.combo,
.search_box01 input[textboxname="searchSex"]+span.combo
{ min-width: 110px; width: 100%; max-width: 110px; }
*/

/** 보고서 조회 조건 영역 #paneldown .search_box02 */
.search_box02 input[class^="easyui-textbox"],
.search_box02 input[class^="easyui-numberbox"],
.search_box02 input[class^="easyui-datebox"],
.search_box02 select[class^="easyui-combobox"]
{ min-width: 10%; }
.search_box02 input[class^="easyui-textbox"]+span[class^="textbox"],
.search_box02 input[class^="easyui-numberbox"]+span[class^="textbox"],
.search_box02 input[class^="easyui-datebox"]+span[class^="textbox"],
.search_box02 select[class^="easyui-combobox"]+span[class^="textbox"]
{ min-width: 60px; }
.search_box02 input[class^="easyui-textbox"]+span[class^="textbox"] input,
.search_box02 input[class^="easyui-numberbox"]+span[class^="textbox"] input,
.search_box02 input[class^="easyui-datebox"]+span[class^="textbox"] input,
.search_box02 select[class^="easyui-combobox"]+span[class^="textbox"] input
{ width: calc(100% - 20px) !important; }

.search_box02 select[comboname="searchReportGb"]+span[class^="textbox"]{ min-width: 80% !important;  }
.search_box02 select[comboname="searchReportGb"]+span[class^="textbox"] input{ min-width: 80% !important; }

/* 보고서 - 상세설명 디자인 추가(240109. Leo) */
#descBox.report_info {
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  margin-bottom: 16px;
}
#descBox.report_info .report_info_top {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  background-color: #F1F3F5;
  transition: all 0.3s ease-in-out;
}
#descBox.report_info .report_info_top:hover {
  cursor: pointer;
}
#descBox.report_info .report_info_top:hover .report_info_title {
  color: #1D9ADD;
}
#descBox.report_info .report_info_top:hover .report_info_btn {
  color: #1D9ADD;
}
#descBox.report_info .report_info_top:hover .report_info_btn:not(.active) {
  rotate: 90deg;
}
#descBox.report_info .report_info_top .report_info_btn {
  width: 10px;
  margin-right: 8px;
  font-size: 20px;
  transition: all 0.3s ease;
}
#descBox.report_info .report_info_top .report_info_btn::after {
  content: "+";
}
#descBox.report_info .report_info_top .report_info_btn.active::after {
  content: "-";
}
#descBox.report_info .report_info_top .report_info_btn:hover {
  cursor: pointer;
}
#descBox.report_info .report_info_top .report_info_title {
  font-weight: 600;
  line-height: normal;
}
#descBox.report_info .report_info_down {
  padding: 16px;
  background-color: #FFFFFF;
  border-top: 1px solid #DEE2E6;
  border-radius: 0 0 4px 4px;
}

/* 판매분양 - 종돈판매관리 */
.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 input[type='text']+span.textbox.combo{
	min-width: 100%;
}
.jdSalesMgn>table tr:nth-of-type(3) td input+span.textbox{
	min-width: 100px;
}
@media screen and (max-width: 1800px) {
	.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 td, .jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 td *{
		font-size: 12px;
	}
	.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 th{
		font-size: 13px;
	}
	.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 input[textboxname^='cnt']+span,
	.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 input[textboxname^='totalKg']+span,
	.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 input[textboxname^='incPrice']+span{
		min-width: 40px; max-width: 60px;
	}
	.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 input[textboxname^='basicKg']+span,
	.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 input[textboxname^='incKg']+span,
	.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 input[textboxname^='basicPrice']+span{
		min-width: 40px; max-width: 65px;
	}
	
	.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 font{font-size: 12px !important;}
	.jdSalesMgn .jdSalesMgn_reg_list .table_in01_list4 tr:nth-of-type(6) li:last-child{
		text-align: right;
	}
	.jdSalesMgn .table_input01 tbody>tr:nth-of-type(3) td>div p{
		width: 80px;
	}
	.jdSalesMgn>table tr:nth-of-type(3) td *{
		font-size: 13px;
	}
	.jdSalesMgn>table tr:nth-of-type(3) td input+span.textbox{
		min-width: 80px;
	}
}



/* 브라우저 글꼴크기 설정 시 넓이값 없어지는 현상 방지(최소값 부여) end */

.view_opt{
    display: flex;
    align-items: center;
} 
.view_opt li{
	float: left;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.view_opt li:first-child{
	margin-left: 6px;
} 
.view_opt li:not(:last-child){
	margin-right: 6px;
}
#stepExcelUploadMain .box_help02 li{
	padding-top: 6px;
}

#stepExcelUploadMain .step-content .btn_area3{
	width: 100%;
	height: 51px;
    padding-top: 10px;
    border-top: 1px solid #DEE2E6;
	position: relative;
}
#stepExcelUploadMain .step-content .btn_area3 .btn_leftarea{
	margin-right: auto;
}
#stepExcelUploadMain .step-content .btn_area3 .btn_centerarea{
	position: absolute;
    margin: 0 auto;
}

.shipmentForecast .box_type_result .total_result {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shipmentForecast .box_type_result .total_result li {
  display: flex;
  flex-direction: column;
  width: 24%;
  padding: 8px;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 3px 4px;
  background: #fff;
}
.shipmentForecast .box_type_result .total_result li .total_info {
  width: 100%;
  margin-bottom: 8px;
}
.shipmentForecast .box_type_result .total_result li .total_value {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  padding: 0px 32px;
}
.shipmentForecast .box_type_result li {
  width: 24%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  font-size: 18px;
  padding: 16px 44px;
  font-weight: 500;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 3px 4px;
  background: #fff;
}
.shipmentForecast .box_type_result li span {
  font-size: 26px;
  font-weight: 500;
  color: #1D9ADD;
}

/* 240326. Leo. 일괄출력 옵션 팝업 style */
#reportBatchOption{
	position: absolute;
	right: 8px;
	top: 8px;
}
#reportBatchOption .report-batch-option-btn{
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/images/icon/setting.svg) no-repeat center / 100%;
	transition: all 0.2s ease;
}
#reportBatchOption .report-batch-option-btn:hover{
	cursor: pointer;
	background: url(/images/icon/setting-hover.svg) no-repeat center / 100%;
	transform: rotate(90deg);
}
#reportBatchOptionModal.report-batch-option-modal li{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#reportBatchOptionModal.report-batch-option-modal li label{
	display: inline-block; width: auto;
}

.main-board-list .item-tit {
  padding: 5px 10px;
  width: 400px;
  table-layout: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
}

.icon-nGb{font-size: 13px; font-weight: bold; padding: 2px 4px; border-radius: 4px; border-width: 2px; border-style: solid;}
.icon-nGb.b-type{border-color:#1D9ADD; color: #1D9ADD;}
.icon-nGb.c-type{border-color: #F49900; color: #F49900;}

/* 대시보드 공통 테이블 스타일 적용 */
#breedingStatus, 
#totalFeedSales {
    width: 100%;
    border-collapse: collapse; /* 중복되는 경계선을 합쳐서 깔끔하게 */
    font-family: Arial, sans-serif; /* 간결한 폰트 적용 */
    border: 1px solid #ccc; /* 전체 테이블에 경계선 추가 */
}

#breedingStatus th, 
#breedingStatus td,
#totalFeedSales th, 
#totalFeedSales td {
    border: 1px solid #ccc; /* 모든 셀에 경계선 추가 */
    padding: 8px;
    text-align: center;
}

#breedingStatus thead th, 
#totalFeedSales thead th {
    background-color: #f7f7f7; /* 연한 회색 헤더 배경 */
    color: #333; /* 헤더 텍스트 색상 */
    font-weight: 600;
    text-transform: uppercase; /* 대문자 변환 */
    font-size: 14px;
}


/* 김길현 추가 -- 버튼 포커스시 확인 유무 */
.hps-container-h {
    display: flex;
    justify-content: space-between; /* or use justify-content: center; to center all items */
}
.hps-container-h > .hps-item-h {
    flex: 1; /* This makes all divs inside container have the same width */
    margin: 2px 3px; /* Optional: Add some space between divs */
    text-align: center; /* Optional: Center text inside divs */
    padding: 10px; /* Optional: Add some padding inside divs */
    background-color: transparent; /* Optional: Add background color for better visualization */
}

.btn_lefttype01:focus-visible {
	  outline: 2px solid #1ddda8;
}
.btn_lefttype01:focus:not(:focus-visible) {
  outline: none;
  box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);
}

.info-box-tlt02 {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #191a1c;
    background: #6d6af914;
    padding: 6px 6px;
    border-radius: 6px;
}

.btn_centertype01:focus-visible {
	  outline: 2px solid #1ddda8;
}
.btn_centertype01:focus:not(:focus-visible) {
  outline: none;
  box-shadow: 1px 1px 5px rgba(1, 1, 0, .7);
}

.neon-container {
    display: flex;              /* flexbox로 배치 */
    align-items: center;        /* 세로 정렬: 가운데 */
    justify-content: center;    /* 가로 정렬: 가운데 */
}
.neon-circle {
    width: 20px;            /* 원의 너비 */
    height: 20px;           /* 원의 높이 */
    background-color: red;   /* 빨간색 배경 */
    border-radius: 50%;      /* 원형으로 만들기 */
    box-shadow: 0 0 2px 1px rgba(255, 0, 0, 0.8), 0 0 2px 1px rgba(255, 0, 0, 0.6), 0 0 3px 2px rgba(255, 0, 0, 0.4); /* 네온 효과 */
     
}
.danger-circle {
    width: 18px;            /* 원의 너비 */
    height: 18px;           /* 원의 높이 */
    background-color: red;   /* 빨간색 배경 */
    border-radius: 50%;      /* 원형으로 만들기 */
    box-shadow: 0 0 2px 1px rgba(255, 0, 0, 0.8), 0 0 2px 1px rgba(255, 0, 0, 0.6), 0 0 3px 2px rgba(255, 0, 0, 0.4); /* 네온 효과 */
     
}
.grid-danger-circle {
    width: 10px;              /* 원의 너비 */
    height: 10px;             /* 원의 높이 */
    background-color: red;    /* 빨간색 배경 */
    border-radius: 50%;       /* 원형으로 만들기 */
    box-shadow: 0 0 1.5px 0.5px rgba(255, 0, 0, 0.8), 
                0 0 1.5px 0.5px rgba(255, 0, 0, 0.6), 
                0 0 2px 1px rgba(255, 0, 0, 0.4); /* 네온 효과 조정 */
}
.small-danger-circle {
    width: 8px;            /* 원의 너비 */
    height: 8px;           /* 원의 높이 */
    background-color: red;   /* 빨간색 배경 */
    border-radius: 50%;      /* 원형으로 만들기 */
    box-shadow: 0 0 1px 0.5px rgba(255, 0, 0, 0.8), 0 0 1px 0.5px rgba(255, 0, 0, 0.6), 0 0 1.5px 1px rgba(255, 0, 0, 0.4); /* 네온 효과 */
     
}

.warring-circle {
    width: 18px;                /* 원의 너비 */
    height: 18px;               /* 원의 높이 */
    background-color: #ffcd18;  /* 밝은 황금색 배경 */
    border-radius: 50%;         /* 원형으로 만들기 */
    box-shadow: 0 0 2px 1px rgba(255, 205, 24, 0.8),0 0 2px 1px rgba(255, 205, 24, 0.6),  0 0 3px 2px rgba(255, 205, 24, 0.4); /* 네온 효과 */
}
.grid-warring-circle {
    width: 10px;                /* 원의 너비 */
    height: 10px;               /* 원의 높이 */
    background-color: #ffcd18;  /* 밝은 황금색 배경 */
    border-radius: 50%;         /* 원형으로 만들기 */
    box-shadow: 0 0 1.5px 0.5px rgba(255, 205, 24, 0.8), 
                0 0 1.5px 0.5px rgba(255, 205, 24, 0.6), 
                0 0 2px 1px rgba(255, 205, 24, 0.4); /* 네온 효과 조정 */
}
.small-warring-circle {
    width: 8px;                /* 원의 너비 */
    height:8px;               /* 원의 높이 */
    background-color: #ffcd18;  /* 밝은 황금색 배경 */
    border-radius: 50%;         /* 원형으로 만들기 */
    box-shadow: 0 0 1px 0.5px rgba(255, 205, 24, 0.8),0 0 1px 0.5px rgba(255, 205, 24, 0.6),  0 0 1.5px 1px rgba(255, 205, 24, 0.4); /* 네온 효과 */
}
.small-normal-circle {
    width: 8px;            /* 원의 너비 */
    height: 8px;           /* 원의 높이 */
    background-color: #28a745;   /* 초록색 배경 */
    border-radius: 50%;      /* 원형으로 만들기 */
    box-shadow: 0 0 1px 0.5px rgba(40, 167, 69, 0.8), 
                0 0 1px 0.5px rgba(40, 167, 69, 0.6), 
                0 0 1.5px 1px rgba(40, 167, 69, 0.4); /* 초록색 네온 효과 */
}
.small-idle-circle {
    width: 8px;            /* 원의 너비 */
    height: 8px;           /* 원의 높이 */
    background-color: #6c757d;   /* 회색 배경 (유휴 상태) */
    border-radius: 50%;      /* 원형으로 만들기 */
    box-shadow: 0 0 1px 0.5px rgba(108, 117, 125, 0.8), 
                0 0 1px 0.5px rgba(108, 117, 125, 0.6), 
                0 0 1.5px 1px rgba(108, 117, 125, 0.4); /* 회색 네온 효과 */
}


.item-title-s {
    font-size: 13px;
    font-weight: bold;
    color: #325e89; /* 푸른색 계통 */
    text-align: left;
}

.item-value-s {
    font-size: 13px;
    font-weight: normal;
    color: #000000; /* 기본 색상 */
    text-align: right;
}

.div-circle {
    width: 100px;         /* 원하는 원의 너비 */
    height: 100px;        /* 원하는 원의 높이 */
    border-radius: 50%;   /* 원형으로 만들기 */
    background-color: #f0f0f0; /* 배경색 */
    display: flex;        /* Flexbox 사용 */
    align-items: center;  /* 수직 중앙 정렬 */
    justify-content: center; /* 수평 중앙 정렬 */
    text-align: center;   /* 텍스트 정렬 */
    overflow: hidden;     /* 텍스트가 넘치지 않도록 숨기기 */
    white-space: nowrap;  /* 텍스트 줄바꿈 방지 */
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid red; /* 빨간색 상승 */
    display: inline-block;
    margin-right: 4px;
}

.triangle-down {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid blue; /* 파란색 하락 */
    display: inline-block;
    margin-right: 4px;
}

/* 컨설팅 진단서 서비스 */
#top_consulting .btn_consulting_service {
    font-size: 16px;
    background: #1D9ADD;
    line-height: 25px;
    padding: 0px 20px;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 6px;
    border: 2px solid #1D9ADD;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(29, 154, 221, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
    /* margin-right: 55px; */
}

/* 컨설팅 진단서 라벨 */
#top_consulting {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* 컨설팅 버튼 기본 스타일 */
.btn_consulting_service {
    font-size: 16px;
    background: #1D9ADD;
    line-height: 25px;
    padding: 5px 30px;
    color: #FFFFFF;
    font-weight: bold;
    border-radius: 6px;
    border: 2px solid #1D9ADD;
    position: relative;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(29, 154, 221, 0.3);
    transition: all 0.3s ease;
}

/* BETA 라벨 스타일 */
#top_consulting::before {
    content: '신규';
    display: inline-block;
    font-size: 11px;
    font-weight: 750;
    color: #FFFFFF;
    padding: 3px 6px;
    border-radius: 4px;
    letter-spacing: 1px;
    background: linear-gradient(45deg, #FF4757, #FF2D55);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(255, 71, 87, 0.3);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    /* animation: pulse 2s infinite; */
    cursor: default; /* 마우스 커서를 기본값으로 설정 */
    
    z-index: 1;
}

/* NEW 라벨 */
.btn_consulting_service::after {
    content: 'NEW';
    position: absolute;
    top: -10px;
    right: -10px;
    background: #1D9ADD;
    color: white;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: bold;
    border: 2px solid white;
    box-shadow: 0 2px 4px rgba(29, 154, 221, 0.2);
    transition: all 0.3s ease; /* NEW 라벨에도 트랜지션 추가 */
}

/* 호버 효과 */
.btn_consulting_service:hover {
    background-color: white !important;
    color: #1D9ADD !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(29, 154, 221, 0.4);
}

/* 호버시 NEW 라벨 색상 변경 */
.btn_consulting_service:hover::after {
    background-color: white !important;
    color: #1D9ADD !important;
    border: 2px solid #1D9ADD !important;
}

/* BETA 라벨 애니메이션 */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 2px 4px rgba(255, 71, 87, 0.3);
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0 4px 8px rgba(255, 71, 87, 0.4);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 2px 4px rgba(255, 71, 87, 0.3);
    }
}

/* 추가: 컨설팅 영역 레이아웃 조정 */
#top_consulting {
    display: flex;
    align-items: center;
    padding: 10px 0;
}



/*  가운데  라인 생성 */
.hps_table01 { width: 100%; margin: 0; /*border-collapse: collapse; */border-spacing: 0; border-radius: 6px;box-sizing: border-box; table-layout: auto; position: relative; border: 1px solid #D1D3D9;  } 

.hps_table01 th, .hps_table01 td { padding: 5px 10px; height: 30px; border: 1px solid #D1D3D9; text-align: center; font-size: 14px;font-weight: 500; word-wrap: break-word; word-break: keep-all; vertical-align: middle; }
.hps_table01 th {color: #868E96;}
.hps_table01 th:first-child, .hps_table01 td:first-child { border-left: none; } 
.hps_table01 th:last-child, .hps_table01 td:last-child { border-right: none; } 
.hps_table01 tbody td * { vertical-align: middle; } 
.hps_table01-hover > tbody > tr:hover { cursor: pointer; } 
.hps_table01-hover > tbody > tr.hps_table01-active:hover { --bs-table-accent-bg: #1e5eb1; color: #fff; } 
.hps_table01 tbody:first-child > tr { border-top: 1px solid #D1D3D9; } 
.hps_table01 tr:last-child td { border-bottom: none; } 
.hps_table01 thead tr { background-color: #F8F9FA; font-size:14px; }

.hps_table02 { width: 100%; margin: 0; /*border-collapse: collapse; */border-spacing: 0;background-color: white; border-radius: 6px;box-sizing: border-box; table-layout: auto; position: relative; border: 1px solid #D1D3D9;  background: #FFFFFF; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.08);border-radius: 6px;} 

.hps_table02 { font-size:14px;}
/* 김길현 추가 -- 여기까지 */


.small-normal-div-circle{margin: 5px;box-sizing: border-box;background: #E3F9EB;border: 1px solid #DBF2E4;border-radius: 6px; display: inline-block;   padding: 2px 5px;color: #03A83F;}
.small-normal-div-number{display:inline-block;font-family: 'Pretendard';:font-style: normal;:font-weight: 500;:font-size: 14px;:line-height: 17px;:letter-spacing: -0.02em;color: #242424;}

.small-danger-div-circle {margin: 5px;box-sizing: border-box;background: #FAE7E7;border: 1px solid #F7D7D7;border-radius: 6px; display: inline-block;   padding: 2px 5px;color: #CC715D;}
.small-danger-div-number{display:inline-block;font-family: 'Pretendard';:font-style: normal;:font-weight: 500;:font-size: 14px;:line-height: 17px;:letter-spacing: -0.02em;color: #242424;}

.small-warring-div-circle{margin: 5px;box-sizing: border-box;background: #FFF6E5;border: 1px solid #F1E4CC;border-radius: 6px; display: inline-block;   padding: 2px 5px; color: #E38F03;}
.small-warring-div-number{display:inline-block;font-family: 'Pretendard';:font-style: normal;:font-weight: 500;:font-size: 14px;:line-height: 17px;:letter-spacing: -0.02em;color: #242424;}

.small-idle-div-circle{margin: 5px;box-sizing: border-box;background: #E1E3E7;border: 1px solid #E1E3E7;border-radius: 6px; display: inline-block;   padding: 2px 5px; color: #838486;}
.small-idle-div-number{display:inline-block;font-family: 'Pretendard';:font-style: normal;:font-weight: 500;:font-size: 14px;:line-height: 17px;:letter-spacing: -0.02em;color: #242424;}

.ictRadiusDiv{margin: 0 20;margin-bottom:10px;text-align:-webkit-center ;background: #F1F3F5;border-radius: 6px;padding-top:10px;}

.sub_title_lct{font-size: 16px; top: 3px; position: relative;    height: 20px;width: 20px;font-weight: 600;padding-left:15px; margin:5px 0 0 5px; background-image:url(../images/icon_title_ict.png) ;background-repeat: no-repeat; display:inline-block;background-size: cover;}