@font-face {
	font-family: Nanumgothic;
	src: url('../fonts/NanumGothic.eot'), local(※),
		url('../fonts/NanumGothic.woff') format('woff'),
		url('../fonts/NanumGothic.ttf') format('truetype');
}

@font-face {
	font-family: NanumSquare;
	src: url('../fonts/NanumSquareR.eot'), local(※),
		url('../fonts/NanumSquareR.woff') format('woff'),
		url('../fonts/NanumSquareR.ttf') format('truetype');
}

* {
	box-sizing: border-box;
}

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

label>strong {
	color: red;
	padding-right: 5px;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
	font: inherit;
	color: inherit;
}

.nice-select {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-color: transparent;
	border-radius: 0;
	border: solid 1px #c3c3c3;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	height: 30px;
	line-height: 28px;
	outline: none;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 100%;
}

.nice-select:hover {
	border-color: #dbdbdb;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
	border-color: #999;
}

.nice-select:after {
	border-bottom: 2px solid #393939;
	border-right: 2px solid #393939;
	content: '';
	display: block;
	height: 5px;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	top: 50%;
	transform-origin: 66% 66%;
	transform: rotate(45deg);
	transition: all 0.15s ease-in-out;
	width: 5px;
}

.nice-select.open:after {
	transform: rotate(-135deg);
}

.nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	transform: scale(1) translateY(0);
}

.nice-select.disabled {
	border-color: #ededed;
	color: #999;
	pointer-events: none;
}

.nice-select.disabled:after {
	border-color: white;
}

.nice-select.wide {
	width: 100%;
}

.nice-select.wide .list {
	left: 0 !important;
	right: 0 !important;
}

.nice-select.right {
	float: right;
}

.nice-select.right .list {
	left: auto;
	right: 0;
}

.nice-select.small {
	font-size: 12px;
	height: 36px;
	line-height: 34px;
}

.nice-select.small:after {
	height: 4px;
	width: 4px;
}

.nice-select.small .option {
	line-height: 34px;
	min-height: 34px;
}

.nice-select .current {
	color: #232323;
}

.nice-select .list {
	width: calc(100% - 2px);
	background-color: #fff;
	border: solid 1px #c3c3c3;
	border-radius: 0;
	box-sizing: content-box;
	margin-top: -2px;
	margin-left: -1px;
	opacity: 0;
	overflow: hidden;
	padding: 1px;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	transform-origin: 50% 0;
	transform: scale(0.75) translateY(-21px);
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s
		ease-out;
	z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
	background-color: transparent !important;
}

.nice-select .option {
	cursor: pointer;
	font-weight: 400;
	line-height: 30px;
	list-style: none;
	min-height: 30px;
	color: #252525;
	outline: none;
	padding-left: 18px;
	padding-right: 29px;
	text-align: left;
	transition: all 0.2s;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus
	{
	background-color: #e1edf4;
}

.nice-select .option.selected {
	font-weight: bold;
}

.nice-select .option.disabled {
	background-color: transparent;
	color: #999;
	cursor: default;
}

.no-csspointerevents .nice-select .list {
	display: none;
}

.no-csspointerevents .nice-select.open .list {
	display: block;
}

/*font*/
html, body, input, label, textarea, select, button, a {
	font-family: 'Nanumgothic', sans-serif;
	letter-spacing: -0.03em;
}

/*label*/
.label {
	display: inline-block;
	min-width: 55px;
	height: 28px;
	padding: 0 12px;
	font-size: 12px;
	line-height: 28px;
	margin: 0 2px;
	border-radius: 3px;
}

.label-01 {
	background: #ffdadc;
	color: #ff4851;
}

.label-02 {
	background: #ffeecc;
	color: #ffa800;
}

.label-03 {
	background: #d7f0f8;
	color: #36b6de;
}

.label-04 {
	background: #d5e7ce;
	color: #2f8708;
}

.label-05 {
	background: #d4e3ef;
	color: #2872af;
}

.input-group {
	margin-bottom: 5px;
	font-size: 14px;
	color: #232323;
}
/*text input*/
.text-control {
	width: 100%;
	height: 40px;
	border: solid 1px #dcdcdc;
	color: #3e3e3e;
	font-size: 14px;
	padding: 0 8px;
}

.text-control.small {
	width: 300px;
	max-width: 100%;
	height: 28px;
}

.w-50 {
	width: 50% !important;
	max-width: 100%;
}

.w-90 {
	width: 90% !important;
	max-width: 100%;
}

.w-8 {
	width: 80px !important;
	max-width: 100%;
}
/*checkbox*/
.check-control {
	display: none;
}

.check-control+label {
	display: inline-block;
	font-size: 14px;
	color: #232323;
	line-height: 16px;
	padding-left: 25px;
	margin-right: 10px;
	position: relative;
}

.check-control+label::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	line-height: 1;
	border: solid 1px #bdbdbd;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
}

.check-control:checked+label::before {
	content: "\e600";
	font-family: 'icomoon';
	font-size: 1rem;
	color: #337cbb;
	text-align: center;
	line-height: 14px;
}
/*radio*/
.radio-control {
	display: none;
}

.radio-control+label {
	display: inline-block;
	font-size: 14px;
	color: #232323;
	line-height: 16px;
	padding-left: 30px;
	margin-right: 20px;
	position: relative;
}

.radio-control+label::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	line-height: 1;
	border: solid 1px #bdbdbd;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
}

.radio-control:checked+label::after {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	background: #337cbb;
	position: absolute;
	left: 4px;
	top: 4px;
}
/*buttons*/
.page-link {
	text-decoration: underline;
}

.url-link {
	text-decoration: underline;
	color: #3e7bcf;
	word-break: break-all;
}

.btn-s {
	display: inline-block;
	width: auto;
	min-width: 55px;
	height: 30px;
	border: none;
	font-size: 0.813rem;
	font-weight: 300;
	padding: 0 15px;
	cursor: pointer;
	transition: .25s;
}

.btn-m {
	display: inline-block;
	width: auto;
	min-width: 100px;
	height: 38px;
	border: none;
	font-size: 0.875rem;
	font-weight: 300;
	padding: 0 15px;
	cursor: pointer;
	transition: .25s;
}

.btn-default {
	background: #015c92;
	color: #fff;
}
/*  .btn-default:disabled {
 background: #dcdcdc;
    color: #666666;
 } */
.btn-00 {
	background: #dcdcdc;
	color: #666666;
}

.btn-00:disabled {
	opacity: 1 !important;
	cursor: auto;
}

.btn-00:hover {
	opacity: 0.8;
}

.btn-01 {
	background: #005baa;
	color: #fff;
}

.btn-01:hover {
	background: #337cbb;
}

.btn-01:disabled {
	background: #dcdcdc;
	color: #666666;
	cursor: auto;
}

.btn-02 {
	background: #337cbb;
	color: #fff;
}

.btn-02:disabled {
	background: #dcdcdc;
	color: #666666;
	cursor: auto;
}

.btn-02:hover {
	background: #5c96c9;
}

.btn-03 {
	background: #5c96c9;
	color: #fff;
}

.btn-03:disabled {
	background: #dcdcdc;
	color: #666666;
	cursor: auto;;
}

.btn-03:hover {
	background: #7dabd2;
}

.btn-04 {
	background: #009fb0;
	color: #fff;
}

.btn-04:hover {
	background: #33b2c0;
}

.btn-04:disabled {
	background: #dcdcdc;
	color: #666666;
	cursor: auto;
}

.btn-cancel {
	background: #707070;
	color: #fff;
}

.btn-cancel:disabled {
	background: #dcdcdc;
	color: #666666;
	cursor: auto;
}

.btn-clr01 {
	background: #3e7857;
	color: #fff;
}

.btn-clr02 {
	background: #005b91;
	color: #fff;
}

.btn-default:hover, .btn-clr01:hover, .btn-clr02:hover, .btn-cancel:hover
	{
	opacity: 0.8;
}

.btn-right {
	float: right;
}

/*input*/
.sel-control {
	width: 100%;
	height: 40px !important;
	border: solid 1px #dadada;
	color: #2b2b2b;
	padding: 0 8px;
}

.textarea-control {
	background: #fff;
	width: 100%;
	height: 143px;
	border: solid 1px #dadada;
	padding: 15px;
	color: #252525;
	font-size: 0.815rem;
}

/*table*/
.table {
	border-collapse: collapse;
	width: 100%;
	min-width: 720px;
	font-size: 0.875rem;
}

.table th {
	background: #f0f0f0;
	border: solid 1px #dadada;
	padding: 15px 10px;
	font-weight: 600;
	line-height: 1.4em;
	color: #252525;
}

.table td {
	min-height: 50px;
	border-top: solid 1px #dadada;
	border-bottom: solid 1px #dadada;
	padding: 15px 10px;
	line-height: 1.4em;
	color: #252525;
}

.table-horizontal th {
	width: 120px;
	text-align: left;
}

.table-horizontal th:first-of-type {
	border-left: none;
}

.table-vertical th:first-of-type {
	border-left: none;
}

.table-vertical th:last-of-type {
	border-right: none;
}

.table-vertical th.th-chk {
	width: 80px;
}

.table-vertical th.th-sel {
	width: 206px;
}

.table-vertical td {
	border: solid 1px #dadada;
	min-width: 80px;
}

.table-vertical td:first-of-type {
	border-left: none;
}

.table-vertical td:last-of-type {
	border-right: none;
}

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

.table-vertical td.text-right {
	text-align: right;
	padding: 10px;
}

.table-vertical-search th:first-of-type {
	border-left: none;
}

.table-vertical-search th:last-of-type {
	border-right: none;
}

.table-vertical-search th.th-chk {
	width: 80px;
}

.table-vertical-search th.th-sel {
	width: 206px;
}

.table-vertical-search td {
	border: solid 1px #dadada;
	min-width: 80px;
}

.table-vertical-search td:last-of-type {
	border-right: none;
}

.table-vertical-search td.text-center {
	text-align: center;
	padding: 10px;
}

.table-vertical-search td.text-right {
	text-align: right;
	padding: 10px;
}

.table-vertical .link-to {
	cursor: pointer;
}

.table-vertical .link-to:hover td {
	background: #f8f8f8;
}

.table {
	table-layout: fixed;
}

.table td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.no-scroll.table {
	width: 100%;
	min-width: auto !important;
}

/*tab*/
.tab-btns {
	width: 100%;
	margin-bottom: 36px;
}

.tab-btns div {
	height: 42px;
	border-bottom: solid 2px #2c80b3;
}

.tab-btns div a {
	width: 120px;
	max-width: 25%;
	height: 42px;
	float: left;
	line-height: 40px;
	border: solid 1px #cecece;
	border-bottom: none;
	background: #e6f0f6;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 500;
	color: #757575;
	position: relative;
	top: -2px;
	margin-left: -1px;
	/*  z-index: 1; */
	letter-spacing: -0.03em;
}

.tab-btns div a:first-of-type {
	border-left: solid 1px #cecece;
	margin-left: 0;
}

.tab-btns div a:nth-of-type(2) {
	margin-left: -2px;
}

.tab-btns div a.active {
	height: 44px;
	border: solid 2px #2c80b3;
	border-bottom: none;
	background: #fff;
	/*  z-index: 2; */
	color: #2c80b3;
}

.m-tab-btns {
	margin-top: 10px;
	margin-bottom: 20px;
}

.m-tab-btns div {
	height: 32px;
}

.m-tab-btns div a {
	height: 32px;
	line-height: 30px;
	max-width: 33%;
}

.m-tab-btns div a.active {
	height: 34px;
	border-bottom: solid 1px #fff;
}

.tab-panel {
	display: none;
}

.tab-panel:first-of-type {
	display: block;
}

/*modal*/
.modal-wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.modal {
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
	display: none;
}

.modal-l {
	width:1024px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -60%);
	background: #fff;
	border: solid 1px #dadada;
}

.modal-l .modal-body {
	width: 100%;
	height: auto;
	max-height: 570px;
	overflow-y: auto;
}

.modal-xl {
	width: 1000px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -60%);
	background: #fff;
	border: solid 1px #dadada;
}

.modal-xl .modal-body {
	width: 100%;
	height: 650px;
	overflow-y: auto;
}

.modal-head {
	width: 100%;
	height: 45px;
	background: #2c80b3;
	color: #fff;
	padding: 0 30px;
	line-height: 45px;
}

.modal-head h2, .modal-head h3, .modal-head h4 {
	display: inline-block;
	font-size: 0.938rem;
	font-weight: 500;
	width: auto;
}

.modal-head .modal-close {
	float: right;
	line-height: 45px;
	border: none;
	background: transparent;
	color: #fff;
	cursor: pointer;
	width: auto;
	height: auto;
	padding: 0;
}

.modal-body {
	padding: 20px 30px;
}

.modal-foot {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 30px;
}

.modal-foot.center {
	text-align: center;
}

.modal-body .cont-box {
	margin-bottom: 30px;
}

.modal-body .cont-box:last-of-type {
	margin-bottom: 0;
}

.modal-body .cont-heading {
	min-height: 0;
	margin-bottom: 12px;
}

.modal-body .cont-heading h3 {
	font-size: 0.938rem;
	line-height: 30px;
}

.modal-body .table th, .modal-body .table td {
	padding: 10px 10px;
}

.modal-body .cont-title h4 {
	font-size: 0.875rem;
}

/*pagination*/
.pagination {
	padding-top: 25px;
	text-align: center;
}

.pagination ul li {
	width: 28px;
	height: 28px;
	display: inline-block;
	text-align: center;
	line-height: 26px;
}

.pagination ul li button {
	width: 100%;
	height: 100%;
	vertical-align: top;
	border: solid 1px #dcdcdc;
	background: #fff;;
	padding: 0;
	font-weight: 600;
	color: #4d4d4d;
	font-size: 13px;
	cursor: pointer;
	transition: .25s;
}

.pagination ul li button:hover, .pagination ul li button.active {
	background: #005baa;
	border-color: #005baa;
	color: #fff;
}

.chart {
	border: solid 1px #dadada;
}

.wrap {
	width: 100%;
	height: auto;
	min-height: 840px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.container {
	width: 1200px;
	margin: 0 auto;
}

.content {
	min-height: calc(100vh - 250px);
}

.header-wrap {
	width: 100%;
	height: 100px;
	background: #fff;
	border-bottom: solid 1px #eff3f8;
	position: relative;
	z-index: 3;
	transition: .25s;
}

.header-wrap .container {
	height: 100%;
}

.main-nav {
	width: auto;
	height: 100%;
	max-width: 780px;
	float: right;
}

.logo {
	display: inline-block;
	margin-top: 38px;
}

.logo img {
	display: inline-block;
	width: auto;
	max-width: 100%;
}

.logo .logo-b {
	display: none;
}

.btn-menu {
	float: right;
	margin-top: 15px;
	line-height: 25px;
	border: none;
	color: #232323;
	background: transparent;
	padding: 0 6px;
	cursor: pointer;
	font-size: 12px;
}

.btn-menu i {
	font-size: 1.125em;
}

.top-menu {
	float: right;
	width: auto;
	height: 40px;
	padding-top: 15px;
	line-height: 25px;
}

.top-menu::after {
	content: '';
	display: block;
	clear: both;
}

.top-menu ul {
	float: right;
}

.top-menu ul::after {
	content: '';
	display: block;
	clear: both;
}

.top-menu ul li {
	width: auto;
	float: left;
	padding: 0 10px;
	height: 16px;
	line-height: 27px;
	font-size: 0.813rem;
	color: #232323;
}

.top-menu ul li a {
	font-family: 'NanumSquareR', sans-serif;
	font-size: 0.813rem;
	font-weight: 400;
	color: #232323;
}

.top-menu ul li a.btn-logout {
	display: inline-block;
	width: 55px;
	height: 25px;
	font-size: 0.688rem;
	text-align: center;
	color: #232323;
	border: solid 1px #515252;
	line-height: 23px;
	background: transparent;
	cursor: pointer;
	transition: .25s;
	position: relative;
}

.top-menu ul li a.btn-logout:hover {
	background: #515252;
	color: #fff;
}

.top-menu ul li.user-name a {
	padding: 0 12px;
	font-weight: 500;
}

.top-menu ul li.login {
	position: relative;
}

.top-menu ul li.login::after {
	content: '';
	width: 1px;
	height: 16px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 5px;
}

.main-menu {
	width: 100%;
	float: right;
	/*   text-align: right; */
	text-align: left;
}

.gnb {
	display: inline-block;
	width: auto;
}

.gnb::after {
	content: '';
	display: block;
	clear: both;
}

.gnb>ul {
	width: auto;
	float: right;
	padding-right: 7px;
}

.gnb>ul::after {
	content: '';
	display: block;
	clear: both;
}

.gnb>ul>li {
	float: left;
	height: 60px;
	/*     padding: 0 30px; */
	padding: 0 45px;
	position: relative;
	z-index: 2;
}

.gnb>ul>li.menu-bg {
	padding: 0;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100vw;
	height: 172px;
	background: #fff;
	z-index: 1;
	box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.02);
	border-top: solid 1px #dadada;
	border-bottom: solid 1px #dadada;
	display: none;
}

.gnb>ul>li:nth-child(2) {
	padding-left: 0;
}

.gnb>ul>li:nth-child(2) .gnb-sub {
	left: -15px;
}

.gnb>ul>li:last-child {
	padding-right: 0;
}

.gnb>ul>li button {
	font-size: 1rem;
	font-weight: 700;
	color: #232323;
	line-height: 60px;
	font-family: 'NanumSquareR', sans-serif;
	letter-spacing: -0.04em;
	cursor: default;
	border: none;
	background: transparent;
	padding: 0;
	margin: 0;
	text-align: left;
	pointer-events: none;
}

.gnb-sub {
	position: absolute;
	top: 100%;
	/*   left: 15px; */
	left: 35px;
	width: auto;
	/*   padding: 10px 10px; */
	padding: 10px 10px;
	display: none;
}

.gnb-sub li {
	/*     min-width: 110px; */
	min-width: 200px;
	text-align: left;
}

.gnb-sub li a {
	font-family: 'NanumSquareR', sans-serif;
	font-size: 0.865rem;
	color: #252525;
	line-height: 30px;
	transition: .25s;
}

.gnb-sub li a:hover {
	color: #232323;
}

.header-wrap.open, .header-wrap:hover {
	background: #fff;
}

.header-wrap.open .gnb-sub, .header-wrap.open .menu-bg, .header-wrap:hover .gnb-sub,
	.header-wrap:hover .menu-bg {
	display: block;
	-webkit-animation: fadeIn .2s ease-out;
	animation: fadeIn .2s ease-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
}

.header-wrap.open .gnb>ul>li button, .header-wrap:hover .gnb>ul>li button
	{
	color: #232323;
}

.header-wrap.open .logo .logo-b, .header-wrap:hover .logo .logo-b {
	display: inline-block;
}

.header-wrap.open .logo .logo-w, .header-wrap:hover .logo .logo-w {
	display: none;
}

.header-wrap.open .top-menu ul li, .header-wrap.open .top-menu ul li a,
	.header-wrap:hover .top-menu ul li, .header-wrap:hover .top-menu ul li a
	{
	color: #232323;
}

.header-wrap.open .btn-logout, .header-wrap:hover .btn-logout {
	border-color: #515252;
	color: #515252;
}

.header-wrap.open .btn-logout:hover, .header-wrap:hover .btn-logout:hover
	{
	background: #515252;
	color: #fff;
}

.header-wrap.open .btn-menu, .header-wrap:hover .btn-menu {
	color: #232323;
}

@
-webkit-keyframes fadeIn { 0% {
	opacity: 0;
}

100
%
{
opacity
:
1;
}
}
@
keyframes fadeIn { 0% {
	opacity: 0;
}

100
%
{
opacity
:
1;
}
}
.footer-wrap {
	width: 100%;
	height: 150px;
	position: relative;
	background: #eeeeee;
	padding: 35px 0;
}

.f-left {
	width: 280px;
	float: left;
}

.logo-footer {
	display: inline-block;
	width: 210px;
}

.logo-footer img {
	display: block;
	width: 100%;
}

.f-right {
	width: calc(100% - 280px);
	float: left;
}

.f-line {
	display: block;
	font-size: 0.813rem;
	color: #2b2b2b;
	margin-bottom: 10px;
	line-height: 20px;
}

.f-line.copyright {
	margin-bottom: 0;
	padding-top: 20px;
}

.f-line a:hover {
	text-decoration: underline;
}

.f-line .policy {
	font-weight: 600;
}

.f-item {
	padding: 0 15px;
}

.f-tel {
	pointer-events: none;
}

/*main*/
.main .wrap {
	background: #dde5f0;
	height: 100vh;
}

/* 
  .main .header-wrap.open {
    background: #fff; }
  .main .header-wrap:hover {
    background: #fff; }
    .main .header-wrap:hover .gnb-sub, .main .header-wrap:hover .menu-bg {
      display: block; }
    .main .header-wrap:hover .gnb > ul > li button {
      color: #232323; }
    .main .header-wrap:hover .logo .logo-b {
      display: inline-block; }
    .main .header-wrap:hover .logo .logo-w {
      display: none; }
    .main .header-wrap:hover .top-menu ul li,
    .main .header-wrap:hover .top-menu ul li a {
      color: #232323; }
    .main .header-wrap:hover .btn-logout {
      border-color: #515252;
      color: #232323; }
      .main .header-wrap:hover .btn-logout:hover {
        background: #515252;
        color: #fff; }
    .main .header-wrap:hover .btn-menu {
      color: #232323; } */
.main .content {
	min-height: calc(100% - 250px);
	position: relative;
}

.main-cont {
	width: 956px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -40%);
}

.main-cont h1 {
	text-align: left;
}

.main-cont .title {
	background: url('../imgs/title_img.png') no-repeat;
	background-position: right center;
	padding-top: 36px;
	padding-bottom: 30px;
	margin-bottom: 35px;
}

.main-srch {
	width: 100%;
	padding: 60px 115px;
	background: #fff;
}

.main-srch .srch-input {
	margin-top: 0;
}

.srch-input {
	width: 100%;
	height: 60px;
	margin-top: 60px;
	margin-bottom: 30px;
	padding-right: 60px;
	position: relative;
}

.srch-input input[type="text"] {
	width: 100%;
	height: 100%;
	border: solid 1px #003b6f;
	box-sizing: border-box;
	padding: 15px;
	font-size: 1rem;
}

.srch-input button {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	background: url("../imgs/icon_srch.png") no-repeat;
	background-position: center center;
	background-color: #003b6f;
	border: none;
	cursor: pointer;
}

.srch-sel>span {
	padding-right: 12px;
	color: #232323;
	font-size: 1rem;
	font-weight: 600;
}

.sel-box {
	width: 150px;
	height: 40px;
	display: inline-block;
	border: solid 1px #fff;
	cursor: pointer;
	position: relative;
	margin-bottom: 4px;
}

.sel-box.w-200 {
	width: 200px;
}

.sel-box.w-300 {
	width: 300px;
}

.sel-box.w-full {
	width: 100%;
}

.sel-heading {
	width: 100%;
	height: 100%;
	display: inline-block;
	color: #fff;
	font-size: 0.875rem;
	line-height: 38px;
	padding: 0 10px;
	position: relative;
}

.sel-heading::after {
	content: "\e9c9";
	font-family: 'icomoon';
	position: absolute;
	top: 0px;
	right: 10px;
}

.sel-options {
	width: 100%;
	position: absolute;
	left: -1px;
	top: 39px;
	background: #2b2626;
	border: solid 1px #eeeeee;
	background: #fff;
	box-sizing: content-box;
	display: none;
}

.sel-item {
	width: 100%;
	height: 32px;
}

.sel-item input {
	display: none;
}

.sel-item label {
	width: 100%;
	height: 100%;
	display: inline-block;
	border: solid 1px #fff;
	color: #252525;
	line-height: 30px;
	font-size: 0.812rem;
	padding: 0 10px;
	cursor: pointer;
}

.sel-item label:hover {
	background: #e1edf4;
}

.sel-box.open .sel-heading::after {
	content: "\e9ca";
}

.sel-box.open .sel-options {
	display: block;
}

.main .footer-wrap {
	display: none;
}

/*sub*/
.sub-wrap {
	padding-top: 45px;
	padding-bottom: 80px;
/* 	display: flex;	 */
}

.sub-wrap::after {
	content: '';
	display: block;
	clear: both;
}

.sub-menu {
	/*   width: 280px; */
	height: 100%;
	float: left;
	display: none;
}

.sub-icon {
	background-image: url(../assets/imgs/ico_next_64_w.png);
}

.menu-heading {
	width: 100%;
	position: relative;
	margin-bottom: 35px;
}

.menu-heading h1 {
	width: auto;
	display: inline-block;
	font-size: 1.500rem;
	font-weight: 600;
	line-height: 1;
	padding-left: 15px;
	padding-right: 30px;
	background: #fff;
	position: relative;
	z-index: 2;
}

.menu-heading::after {
	content: '';
	width: 100%;
	height: 2px;
	background: #303030;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 1;
}

.sub-menu ul {
	width: 100%;
}

.sub-menu ul li {
	width: 100%;
	height: 50px;
	transition: background .25s;
	padding: 0 15px;
}

.sub-menu ul li:hover, .sub-menu ul li.active {
	background: #ebedf4;
}

.sub-menu ul li:hover h2, .sub-menu ul li.active h2 {
	color: #393939;
}

.sub-menu ul li h2 {
	font-size: 1.125rem;
	font-weight: bold;
	color: #646464;
	line-height: 50px;
	white-space: nowrap;
}

.sub-cont {
    width: 95%;
	height: 100%;
	float: right;
/*     display: contents;	 */
}

.cont-box {
	margin-bottom: 35px;
}

.cont-box::after {
	content: '';
	display: block;
	clear: both;
}

.cont-left {
	float: left;
	margin-bottom: 30px;
}

.cont-right {
	float: right;
	margin-bottom: 30px;
}

.w-s {
	width: 30%;
}

.w-m {
	width: 65%;
}

.cont-heading {
	height: auto;
	min-height: 40px;
	margin-bottom: 10px;
}

.cont-heading::after {
	content: '';
	display: block;
	clear: both;
}

.cont-heading h3 {
	font-size: 1.25em;
	color: #2e2e2e;
}

.cont-heading .h-left, .cont-heading .h-right {
	line-height: 40px;
}

.cont-bottom {
	margin-top: 20px;
}

.cont-bottom::after {
	content: '';
	display: block;
	clear: both;
}

.cont-title {
	margin-bottom: 5px;
}

.cont-title::after {
	content: '';
	display: block;
	clear: both;
}

.cont-title h4 {
	color: #252525;
	font-size: 1rem;
	line-height: 30px;
}

.h-left {
	width: auto;
	float: left;
}

.h-right {
	width: auto;
	float: right;
}

. /* sub-srch {
  margin-bottom: 40px; }
  .sub-srch .srch-input {
    margin-top: -20px;
    margin-bottom: 20px; }
    .sub-srch .srch-input input {
      border: solid 1px #52a6d7; }
    .sub-srch .srch-input button {
      background-color: #52a6d7; }
  .sub-srch .srch-sel {
    height: 42px; }
    .sub-srch .srch-sel > span {
      color: #2b2b2b;
      font-weight: 400;
      padding-left: 0;
      padding-right: 20px; }
  .sub-srch .sel-control {
    height: 40px;
    padding: 0 10px; }
 */
/**/
.cont-text {
	margin-bottom: 12px;
}

.box-item {
	padding: 12px 25px;
	background: #f4f4f4;
}

.cont-box p {
	color: #2b2b2b;
	font-size: 0.875rem;
	line-height: 30px;
}

.table-container {
	margin-bottom: 25px;
	overflow-x: auto;
}

.table-container:last-of-type {
	margin-bottom: 5px;
}

/*data information*/
.data-list ul::after {
	content: '';
	display: block;
	clear: both;
}

.data-list ul li {
	width: 50.0%;
	padding: 15px 0;
	float: left;
	text-align: center;
	border-right: solid 1px #dadada;
}

.data-list ul li:last-child {
	border-right: none;
}

.data-list ul li h4 {
	font-size: 1rem;
	color: #252525;
	margin-bottom: 15px;
}

.data-list ul li .line {
	display: inline-block;
	width: 180px;
	margin-top: 16px;
	line-height: 1;
}

.data-list ul li .line::after {
	content: '';
	display: block;
	clear: both;
}

.data-list ul li .line span {
	color: #252525;
	font-size: 0.875rem;
	line-height: 1;
}

.h-rignt {
	float: right;
	width: auto;
}

.header-wrap.research {
	background: #dde5f0;
	border-bottom: none;
}

.banner-wrap {
	background: #dde5f0;
}

.research-banner {
	padding: 80px 0;
	background: url('../imgs/title_img.png') no-repeat;
	background-position: right bottom;
}

.research-banner h1 {
	font-family: 'NanumSquareR', sans-serif;
	font-size: 65px;
	line-height: 1.35em;
	color: #003b6f;
	letter-spacing: -0.04em;
}

.research-content {
	padding-top: 30px;
	padding-bottom: 50px;
}

.research-content h2 {
	display: inline-block;
	font-size: 1.25rem;
	line-height: 1.4em;
	color: #337cbb;
	letter-spacing: -0.04em;
	margin-bottom: 30px;
	margin-top: 20px;
}

.r-q {
	padding: 12px 0;
	margin-bottom: 15px;
	line-height: 1.4em;
	border-top: solid 1px #dde5f0;
	border-bottom: solid 1px #dde5f0;
}

.r-q strong {
	font-size: 1rem;
	color: #3e3e3e;
}

.r-a {
	margin-bottom: 30px;
}

.research-content .input-group {
	line-height: 28px;
}

.research-btn {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 100px;
}

@media screen and (max-width: 1240px) {
	body, html {
		font-size: 15.5px;
	}
	.container {
		width: 100%;
		padding: 0 20px;
	}
	.gnb>ul>li {
		padding: 0 25px;
	}
	/*suv*/
	.sub-menu {
		width: 220px;
	}
	.logo {
		width: 220px;
	}
	.sub-cont {
		/*     width: calc( 100% - 260px);  */
		
	}
}

@media screen and (max-width: 991px) {
	.research-banner {
		background-size: 40%;
	}
	.research-banner h1 {
		font-size: 5.2vw;
	}
	.container {
		padding: 0 15px;
	}
	.logo {
		margin-top: 12px;
	}
	.header-wrap {
		height: 59px;
	}
	.header-wrap:hover {
		background: transparent;
		background-size: cover;
		border-bottom: solid 1px #dadada;
	}
	.header-wrap:hover .logo .logo-w {
		display: none;
	}
	.header-wrap:hover .logo .logo-b {
		display: inline-block;
	}
	.header-wrap:hover .btn-menu {
		color: #126799;
	}
	.header-wrap.open {
		background: transparent;
		background-size: cover;
		position: relative;
	}
	.header-wrap.open .logo .logo-w {
		display: none;
	}
	.header-wrap.open .logo .logo-b {
		display: inline-block;
	}
	.header-wrap.open .gnb-sub {
		display: none;
		position: relative;
		top: 0;
		left: 0;
	}
	.header-wrap.open .menu-bg {
		display: none;
	}
	.header-wrap.open .btn-menu i::before {
		content: "\ed6a";
		color: #232323;
	}
	.header-wrap.open .main-nav {
		right: 0;
	}
	.header-wrap.open .btn-menu {
		right: 0;
		color: #232323;
	}
	.main .header-wrap:hover {
		background: transparent;
		background-size: cover;
		border-bottom: solid 1px #dadada;
	}
	.main .header-wrap:hover .logo .logo-w {
		display: inline-block;
	}
	.main .header-wrap:hover .logo .logo-b {
		display: none;
	}
	.main .header-wrap:hover .btn-menu {
		color: #fff;
	}
	.header-wrap .gnb>ul>li button {
		color: #232323;
	}
	.header-wrap .top-menu ul li, .header-wrap .top-menu ul li a {
		color: #232323;
	}
	.header-wrap .btn-logout {
		border-color: #515252;
		color: #232323;
	}
	.header-wrap .btn-logout:hover {
		background: #515252;
		color: #fff;
	}
	.header-wrap .btn-menu {
		margin-right: 15px;
		position: absolute;
		right: 326px;
	}
	.main-nav {
		width: 320px;
		background: #fff;
		min-height: 100vh;
		position: fixed;
		right: -320px;
		top: 0;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
		transition: right .3s ease-in;
	}
	.top-menu {
		width: auto;
		position: relative;
		margin-top: 9px;
		padding-top: 6px;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
		float: left;
	}
	.top-menu ul {
		float: none;
		padding-left: 10px;
	}
	.gnb {
		width: 100%;
		margin-top: 9px;
		border-top: solid 1px #dadada;
	}
	.main-menu {
		width: 100%;
		position: relative;
		float: left;
	}
	.gnb>ul {
		display: block;
		width: 100%;
	}
	.gnb>ul>li {
		float: none;
		display: block;
		width: 100%;
		padding: 0;
		height: auto;
	}
	.gnb>ul>li button {
		width: 100%;
		text-align: left;
		height: 50px;
		line-height: 50px;
		pointer-events: all;
		padding: 0 20px;
	}
	.gnb-sub {
		position: relative;
		top: 0;
		left: 0;
		padding: 0 20px;
		background: #ebedf4;
	}
	.gnb-sub li {
		width: 100%;
		line-height: 40px;
		border-bottom: solid 1px #dadada;
	}
	.gnb-sub li a {
		display: inline-block;
		width: 100%;
	}
	.gnb-sub li:last-child {
		border-bottom: none;
	}
	.gnb>ul>li:nth-child(2) .gnb-sub {
		left: 0;
	}
	.btn-gnb {
		visibility: visible;
		float: right;
	}
	.gnb:hover .gnb-sub, .gnb.active .gnb-sub {
		display: none;
		-webkit-animation: none;
		animation: none;
	}
	.gnb:hover .menu-bg, .gnb.active .menu-bg {
		display: none;
		-webkit-animation: none;
		animation: none;
	}
	.menu-bg {
		display: none;
	}
	/*sub*/
	.sub-menu {
		width: 100%;
		float: none;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
	.menu-heading {
		margin-bottom: 10px;
	}
	.menu-heading h1 {
		padding-left: 0;
	}
	.sub-cont {
		width: 100%;
		float: none;
	}
	.menu-item {
		cursor: pointer !important;
	}
	.menu-item::after {
		content: "\e9c1";
		font-family: 'icomoon';
		float: right;
		color: #0441fe;
	}
	.menu-item.active::after {
		content: "\e9c2";
	}
	.w-s {
		width: 100%;
	}
	.w-m {
		width: 100%;
	}
	.footer-wrap {
		height: auto;
		padding: 25px 0;
	}
	.f-left, .f-right {
		float: none;
		display: block;
		width: 100%;
	}
	.f-left {
		margin-bottom: 20px;
	}
	.main-cont {
		max-width: 100%;
		position: relative;
		left: 0;
		top: 0;
		transform: translate(0, 0);
		margin-top: 10%;
	}
	.main-cont h1 {
		padding: 0 5%;
		width: 70%;
	}
	.main-cont h1>img {
		display: inline-block;
		max-width: 100%;
	}
	.main-cont .title {
		background-size: 40%;
	}
	.main-srch {
		padding: 50px;
	}
}

/*main*/
@media screen and (max-width: 820px) {
	.main-cont {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		transform: translate(0, 0);
		margin-top: 10%;
	}
	.main-cont h1 {
		padding: 0 5%;
	}
	.main-cont h1>img {
		display: inline-block;
		max-width: 100%;
	}
	/*modal*/
	.modal-l {
		width: calc(100% - 20px);
	}
}

@media screen and (max-width: 761px) {
	body, html {
		font-size: 15px;
	}
}

/*main*/
@media screen and (max-width: 685px) {
	.srch-input {
		height: 45px;
		padding-right: 45px;
	}
	.srch-input button {
		width: 45px;
		height: 45px;
	}
	.srch-sel>span {
		padding: 0;
		display: inline-block;
		margin-bottom: 15px;
	}
	.sel-box {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
		border-bottom: none;
	}
	.sel-box:last-of-type {
		border-bottom: solid 1px #fff;
	}
	.sub-srch .srch-sel {
		height: auto;
	}
}

@media screen and (max-width: 480px) {
	.research-banner {
		background: none;
		padding: 50px 0;
	}
	.research-banner h1 {
		font-size: 8vw;
	}
	.wrap {
		min-height: 100vh;
		height: auto;
	}
	/*modal*/
	.modal-l {
		width: calc(100% - 10px);
	}
	.modal-head, .modal-body {
		padding-left: 15px;
		padding-right: 15px;
	}
	.m-tab-btns div a {
		font-size: 0.813rem;
	}
	.data-list ul li {
		width: 100%;
		padding: 25px 0;
		float: left;
		text-align: center;
		border-right: none;
		border-bottom: solid 1px #dadada;
	}
	.data-list ul li:last-child {
		border-bottom: none;
	}
	.f-item {
		display: block;
		padding: 0;
	}
	.f-line.copyright {
		padding-top: 0;
	}
	.f-tel {
		pointer-events: all;
	}
	.main-srch {
		padding: 30px;
	}
}

.panelStrctTbl .listView {
	width: 100%;
	border-spacing: 0;
	table-layout: fixed;
}

.panelStrctTbl .listView tbody tr {
	border-bottom: 1px solid #e2e5e9;
}

.panelStrctTbl .listView tbody th {
	padding: 7px 15px;
	background: #eef2f8;
	color: #383838;
	text-align: center;
	border-right: 1px solid #e2e5e9;
	border-left: 1px solid #e2e5e9;
}

.panelStrctTbl .listView tbody td {
	text-align: center;
	padding: 7px 7px;
	color: #575757;
	background-color: #fff;
	border-right: 1px solid #e2e5e9;
	border-left: 1px solid #e2e5e9;
}

.panelStrctTbl .listView2 {
	width: 100%;
	border-spacing: 0;
}

.panelStrctTbl .listView2 tbody tr {
	border-bottom: 1px solid #e2e5e9;
}

.panelStrctTbl .listView2 tbody th {
	padding: 7px 15px;
	background: #eef2f8;
	color: #383838;
	text-align: center;
	border-right: 1px solid #e2e5e9;
	border-left: 1px solid #e2e5e9;
}

.panelStrctTbl .listView2 tbody td {
	text-align: center;
	padding: 7px 7px;
	color: #575757;
	background-color: #fff;
	border-right: 1px solid #e2e5e9;
	border-left: 1px solid #e2e5e9;
}

.panelStrctTbl .listView3 {
	width: 100%;
	border-spacing: 0;
	table-layout: fixed;
}

.panelStrctTbl .listView3 tbody tr {
	border-bottom: 1px solid #e2e5e9;
}

.panelStrctTbl .listView3 tbody th {
	padding: 2px 2px;
	background: #eef2f8;
	color: #383838;
	text-align: center;
	border-right: 1px solid #e2e5e9;
	border-left: 1px solid #e2e5e9;
}

.panelStrctTbl .listView3 tbody td {
	text-align: center;
	padding: 0px 5px;
	color: #575757;
	background-color: #fff;
	border-right: 1px solid #e2e5e9;
	border-left: 1px solid #e2e5e9;
}

.panelTopStrct {
	text-align: center;
	width: 100%;
	height: 40px;
	background-color: #7a8aa3;
	color: white;
}

.panelContStrct {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-bottom: 1px solid;
}

.panelContStrct>div:nth-child(1) {
	margin-left: 0;
	float: left;
	margin-right: 5px;
	position: relative;
	overflow: hidden;
}

.panelContStrct>div:nth-child(2) {
	position: relative;
	overflow: hidden;
} /*XML에디터*/
.panelContStrct>div:nth-child(3) {
	width: calc(( 100% - 615px)- 80px);
	float: left;
	margin-right: 5px;
	position: relative;
	overflow: hidden;
} /*XML뷰어*/
.panelContStrct>div:nth-child(4) {
	width: 340px;
	float: left;
	position: relative;
	overflow: hidden;
} /*정형화데이터*/
.panelLeftStrct {
	width: 345px !important;
	min-width: 345px;
	height: 95%;
	padding: 0 0;
	background-color: #fff;
	box-shadow: 2px 3px 10px 0 hsla(0, 0%, 46.7%, .1);
}

.panelLeftStrct .panelTopStrct .tit {
	line-height: 40px;
	text-align: center;
}

.panelLeftStrct .panelLeftContents {
	width: 100%;
	height: 94%;
	padding: 0 0;
	background-color: #fff;
}

.panelLeftStrct .panelLeftContents .treeMngContentsDiv {
	height: 650px;
	overflow-y: scroll;
	padding: 5px 0;
	border: 1px solid #d9d9d9;
}

.strctMnTreeList {
	width: 100%
}

.strctMnTreeList td {
	text-align: left;
}

.titList {
	overflow-y: scroll;
}

.pTit span {
	padding-left: 5px;
}

.panelFolding {
	width: 5px !important;
	height: 100%;
	padding: 0 0;
	margin-left: 10px !important;
}

.panelFolding .foldingMenu {
	position: absolute;
	top: 50%;
	left: 356px;
	height: 70px;
	border-radius: 0 5px 5px 0;
	text-align: center;
	background: #7a8aa3;
	padding: 26px 4px 26px 2px;
	z-index: 1;
}

.panelFolding .foldingMenu a {
	display: block;
}

.panelFolding .foldingMenu:hover {
	background: #444b66;
}

.panelFolding .foldingMenu:hover span.topImg {
	border-bottom: 5px solid #fff;
}

.panelFolding .foldingMenu span.topImg {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #737373;
}

.panelFolding .foldingMenu span.topTxt {
	display: block;
	font-weight: 600;
	color: #fff;
}

.foldingMenuCursorEvent {
	opacity: 30%;
}

.foldingMenuCursorEvent:hover {
	opacity: 100%;
}

.foldingMenuCursorEvent:active {
	opacity: 100%;
}

.panelRightXmlEdit {
	height: 100%;
	padding: 0 0;
}

.panelRightXmlEdit .panelTopStrct .tit {
	line-height: 40px;
	text-align: center;
}

.panelRightXmlEdit .panelTopStrct .btnTop {
	position: absolute;
	padding: 0 0;
	top: 5px;
	right: 5px;
	float: none;
}

.panelRightXmlEdit .btnTop a {
	display: inline-block;
	color: #fff;
	line-height: 28px;
	padding: 0 6px;
	border-radius: 3px;
}

.panelRightXmlEdit .btnTop a.navy {
	background-color: #1a224b;
}

.panelRightXmlEdit .btnTop a.navy:hover {
	background-color: #32364b;
}

.panelRightXmlEdit .panelRightContents {
	width: 100%;
	height: 91%;
	padding: 0 0;
}

.panelRightXmlEdit .panelRightContents .contentsDiv {
	height: 650px;
}

.panelRightXmlEdit .panelRightContents .treeMngContentsDiv {
	height: 650px;
	overflow-y: scroll;
	padding: 5px 0;
}

.infoListRight {
	border: 1px solid #d9d9d9;
	background-color: #fff;
	width: 100%;
	height: 100%;
}

.noDataStrct {
	text-align: center;
	padding: 20px;
}

@
keyframes blink-effect { 50%{
	opacity: 0;
}

}
.blink {
	animation: blink-effect 0.7s step-end 3;
}

.panelRightStrct {
	height: 100%;
	padding: 0 0;
}

.panelRightStrct .panelTopStrct .tit {
	line-height: 40px;
	text-align: center;
}

.panelRightStrct .panelTopStrct .btnTop {
	position: absolute;
	padding: 0 0;
	top: 5px;
	right: 5px;
	float: none;
}

.panelRightStrct .btnTop a {
	display: inline-block;
	color: #fff;
	line-height: 28px;
	padding: 0 6px;
	border-radius: 3px;
}

.panelRightStrct .btnTop a.navy {
	background-color: #1a224b;
}

.panelRightStrct .btnTop a.navy:hover {
	background-color: #32364b;
}

.panelRightStrct .panelRightContents {
	width: 100%;
	height: 100%;
	padding: 0 0;
	overflow-y: auto;
}

.panelRightStrct .panelRightContents .contentsDiv {
	height: 650px;
}

.panelRightStrct .panelRightContents .treeMngContentsDiv {
	overflow-y: scroll;
}

.panelXml {
	overflow: auto;
	padding: 0px 5px;
	border: 1px solid #d9d9d9;
	vertical-align: top;
	width: 100%;
	height: 100%;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	resize: none;
}

.xmlContent {
	line-height: 20px;
}

.listBoardStrct tbody th {
	border-bottom: 1px solid #d9d9d9;
}

.listBoardStrct tbody th p {
	margin: 5px;
	padding: 0;
	word-break: keep-all;
	text-align: left;
}

.listBoardStrct tbody td {
	border-bottom: 1px solid #e2e5e9;
	color: #575757;
	position: relative;
	padding: 5px 4px 4px 5px;
	cursor: pointer;
	line-height: 20px;
}

.listBoardStrct tbody td.title {
	font-weight: 600;
	display: block;
	overflow: inherit;
	vertical-align: initial;
	text-overflow: inherit;
	white-space: inherit;
	width: inherit;
}

.listBoardStrct tbody tr.link-to:hover {
	background: #f8f8f8;
}

.listBoardStrct tbody td.moreBtn {
	font-weight: 600;
	font-size: 14px;
}

.listBoardStrct tbody td input {
	width: 100%;
	border: 1px solid #d9d9d9;
	padding: 3px 3px;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 12px;
	color: #333;
}

.listBoardStrct .tit01 a p, .listBoardStrct .tit02 a p, .listBoardStrct .tit03 a p,
	.listBoardStrct .tit04 a p {
	width: 100%;
}

.listBoardStrct .tit02.hide {
	display: none;
}

.listBoardStrct .tit03.hide {
	display: none;
}

.listBoardStrct .tit04.hide {
	display: none;
}

.panelBottom {
	overflow: hidden;
	text-align: center;
	bottom: 0;
	float: right;
}

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

.dateCbx {
	height: 40px !important;
	width: 100px;
}

.tgl_h > .btn_tgl {display:block;width: 20px;height: 50px;border-left:0;background: #aaa;border-radius: 0 5px 5px 0;margin-right: 20px;}
.tgl_h > .btn_tgl::before {display:inline-block; vertical-align:middle; content:''; height:100%;}
.tgl_h > .btn_tgl > span::before {display:inline-block;content:'';width: 17px;height: 13px;background: url(../imgs/ico_prev_64_w.png) no-repeat center center / 80%;/* opacity:0.8; */}
.tgl_h > .btn_tgl > span {display:inline-block; vertical-align:middle; width:100%; font-size:10px; line-height:12px; font-weight:300; color:#666; text-align:center;}
.left_hide > .btn_tgl > span::before {left:0; background-image:url(../imgs/ico_next_64_b.png);}

@media screen and (min-width: 1240px) {
    .sub-cont_tgl {
        width: calc(100% - 320px);
    }
}
@media screen and (min-width: 764px) {
    .sub-cont_tgl {
        width: calc(100% - 295px);
    }
}