@charset "utf-8";
/* CSS Document */

@import url('hbootstrap.css');
@import url('font-noto.css');
@import url('font-hdi.css');



/*****************************************************
	Icon
*****************************************************/
@font-face {
	font-family: 'material-Icons';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/MaterialIcons-Regular.eot");
	src: url("../fonts/MaterialIcons-Regular.eot?#iefix") format('embedded-opentype'),  url("../fonts/MaterialIcons-Regular.woff") format('woff'),  url("../fonts/MaterialIcons-Regular.ttf") format('truetype');
}
.material-icons {
  font-family: 'material-Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1em;  /* Preferred icon size */
  display: inline-block;
  line-height:1.5em;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  vertical-align: middle;
}



* {
	margin: 0;
	padding: 0;
}

html, body {
    position: relative;
    width: 100%;
    min-width: 320px;
    padding: 0;
    margin: 0;
    font-family: 'noto', 'hyundailight', 'Dotum', "돋움" ,'Arial', sans-serif;
    font-weight: normal;
    font-size: 16px;
}

.skip, caption, .no-more-tables td.skip {
    position: absolute;
    font-size: 0;
    width: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    background: none;
    overflow: hidden;
    display: none;
}

/*스킵메뉴*/
#accessibility {position: fixed; top: 0; left: 0; width: 100%; z-index: 99999}
#accessibility ul {margin: 0; padding: 0; list-style-type: none;}
#accessibility li {margin: 0;padding: 0; list-style-type: none}
#accessibility a {display: block; position: absolute; top: -9999px; left: 0; width: 100%; height: 26px;	line-height: 18px; text-align: center;	background: #333; color:#fff; text-decoration: none; font-size: 12px}
#accessibility a:focus, #accessibility a:active {top: 0; padding: 4px 0; font-weight: 600}



.Kor {ime-mode:active !important;}
.Eng {ime-mode:inactive !important;}

ul {
	list-style: none;
}

b, strong {
	font-weight:600;
}

img {max-width:100%;}

#content {}
#content:after {
	content: '';
	display: block;
	clear: both;
}
.wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}


/* Title */
.SubTitle, .SubTitle h4, h4.SubTitle  {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 0 14px;
	font-family: 'hyundailight';
	font-size: 18px;
	line-height: 1.5;
	color: #333;
    *clear: both;
	text-align: left;
	/* background: url('../images/bullet01.png') no-repeat 0 6px; */
}
.SubTitle:after, .SubTitle h4:after, h4.SubTitle:after{
    content: "";
    width: 3px;
    height: 16px;
    background: #3f568a;
    position: absolute;
    top: 4px;
    left: 0;
}
.SmallTitle {
	display: block;
	margin: 20px 0 10px 0;
	padding: 0 0 0 18px;
	font-weight: 600;
	font-size: 16px;
	min-height: 24px;
	line-height: 24px;
	color: #444;
	position: relative;
	text-align: left;
	background: url('../images/bullet02.gif') no-repeat left 10px;
}
.sTitle {
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: 600;
	font-size: 14px;
	min-height: 20px;
	line-height: 20px;
	color: #486dc0;
	position: relative;
	text-align: left;
	clear: both;
}
h4.sTitle > span {
	color: #989898;
	font-weight: 400;
	font-size: 15px;
	padding-left: 8px;
}

/* Badge */
.badge01 {background-color: #264592 !important;}
.badge02 {background-color: #5e9a1e !important;}
.badge03 {background-color: #414a5f !important;}
.badge04 {background-color: #de8e1f !important;}
.badge05 {background-color: #e14c4c !important;}

/* Box Type */
.box-type01 {display: block;clear: both;padding:15px 20px;border: 1px solid #dcdcdc;margin-bottom: 10px;}
.box-type02 {display: block;clear: both;padding:15px 20px;border: 1px solid #dcdcdc;background: #f6f6f6;margin-bottom: 10px;}


/* Taxt Type */
.taxt-type01 {border-top: 1px dashed #d2cdcd;padding-top: 5px;margin: 0;}

/* list */
.listStyle01 li {list-style:none;margin-bottom:8px;padding-left:10px;background: url('../Images/side_bullet.gif') no-repeat 0 12px;}
.listStyle01 li li {list-style-type:none; margin-bottom:2px; padding:0;background:none;}

ol li {margin-left:16px; margin-bottom:8px;}

ul.list-style01 {}
  ul.list-style01>li {margin: 0 0 0.4rem 0;padding-left: 1.3rem;background: url(../images/bullet03.gif) no-repeat 5px 8px;color: #666;}

ul.list-style02 {}
  ul.list-style02>li {background: url(../images/bullet03.gif) no-repeat 0 18px;border-top: 1px dotted #ccc;padding-top: 10px;padding-left: 12px;margin: 0.4rem 0;color: #666;}
  ul.list-style02>li:first-child {border-top:none;}
	
ul.no-list-style {}
  ul.no-list-style li {padding: 0 0.3rem 0 0;background: none;}

/* ol {padding-left: 1.3rem;} */
	ol>li {list-style-type: decimal;list-style-position: outside;margin: 0.4rem 0;padding-left: 0; background: none;}
ol.row {margin-left: 0; margin-right: 0;}
	ol.row>li {padding-left: 0;padding-right: 30px;}

ol.list-style01 {padding-left: 1.7rem;}
	ol.list-style01>li {list-style: none;}
	ol.list-style01>li .num {margin: 0 3px 0 -24px;}


/* Memmber list */
.mlist-form {}
	.mlist-form .mlist-info {position: relative;text-align: left;padding: 10px;margin: 0;font-size: 12px;}
	.mlist-form .mlist-info:after {content:''; display: block; clear:both;}
	.mlist-form .mlist-info .img {float: left;width: 64px;height: 64px;border-radius: 100px;display: block;background-position: center;background-size: 100%;}
	.mlist-form .mlist-info .img:after {content:''; display: block; clear:both;}
	.mlist-form .mlist-info .mlist {padding: 7px 0 0 80px;margin: 0 0 10px 0;min-height: 70px;position: relative;}
	.mlist-form .mlist-info .mlist:after {content:''; display: block; clear:both;}
	.mlist-form .mlist-info .mlist li {line-height: 1.5em;}
	.mlist-form .mlist-info .mlist li>strong {margin-right: 3px;}
	.mlist-form .mlist-info .mlist li>a {color: #333;}
	.mlist-form .mlist-info .mlist li>a:hover, .mlist-form .mlist li>a:focus{color:#0c53b4;}
	.mlist-form .mlist-info .mlist li.name {font-size: 13px;font-weight: 800;color: #333;margin-bottom: 4px;letter-spacing: -0.05em;}
	.mlist-form .mlist-info .mlist li.name>strong {font-size: 18px;color: #5d9a1c;font-weight: 800;margin: 0;}
	.mlist-form .mlist-info .mlist li.name:after {}
	.mlist-form .mlist-info .mlist li.name>span {color: #8e8f91;font-size: 12px;margin-left: 5px;}
	.mlist-form .box-type02 {margin: 0;margin-top: 5px;}
	.mlist-form .taxt-type01 {padding-left: 2px;}

.mlist-form .mlist-info.mlist-detail .mlist {min-height: auto;margin: 0;margin-top: 5px;padding-top: 0;padding-left: 70px;}
	.mlist-form .mlist-info.mlist-detail .mlist:after {content: none;}
	.mlist-form .mlist-info .img {width: 55px; height: 55px;}
	.mlist-form .mlist-info.mlist-detail .mlist li {display: inline-block; margin-right: 20px;}
	.mlist-form .mlist-info.mlist-detail .mlist li.name {display: block; margin-right: 0;}
	.mlist-form .mlist-info.mlist-detail .box-type02 {margin-top: 15px;display: block;/* width: 980px; */}

/* Info */
.info-non {
    background: transparent url('../Images/info_none.png') no-repeat 100px center;
    min-height: 95px;
    font-size: 30px;
    line-height: 1.2em;
    text-align: center;
    padding-left: 180px;
    margin: 31px 0;
    color: #555;
}
.info-non>strong {
    color: #0c53b4;
}
.info-non>a {
    display: block;
    font-size: 13px;
    text-decoration: underline;
    color: #888;
}
.info-non>a:hover, .info-non>a:focus {
    color: #ff7300;
}

/* Profile */
.profile-content {
	position: relative;
	background-color: #f7f8f9;
	padding: 10px 20px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	border-image: none;
	border-top: 2px solid #3d4049;
	clear: both;
}
.profile-content .profile .photo {
	width:70px;
	height:70px;
	overflow:hidden;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;

	position:absolute;
	top:0px;
	left:0px;
}
.profile-content .profile .photo img {
    height: 100%;
    width: 100%;
}
.profile-content .profile {
	background:none;
	padding:0;
}
.profile-content .profile .myinfo {
	padding: 10px 0 0 90px;
	margin: 0;
	position: relative;
}
.profile-content .profile .myinfo .name {
    margin: 0 0 4px 0;
    padding: 0;
    font-family:'Nanum Gothic Bold';
    font-weight: 800;
    font-size: 20px;
    color: #333;
    line-height: 1.25em;
}
.profile-content .profile ul {margin:0;}
.profile-content .profile li {
    padding: 0px 0px 0 74px;
    word-break: break-all;
    margin: 0px 0px 5px 0;
    list-style: none;
    color: #555;
    font-size: 14px;
    position: relative;
    min-height: 18px;
    background: url(../images/bullet03.gif) no-repeat 0 7px;
}
.profile-content .profile ul li span.tit {
	display:inline-block;
	position:absolute;
	top:0;
	left: 10px;
	width: 60px;
	color: #000;
	font-weight: 600;
}


/* Link img */
.link-img {display: block; text-align: center;}
	.link-img img {border: 1px solid #dcdcdc; max-width: 100%;}
	.link-img span {display: block; margin-top: 5px; color: #555;}
	.link-img:hover, .link-img:focus, .link-img:hover span , .link-img:focus span {font-weight: 800; text-decoration: none; color: #0c53b4;}


/* Border List */
.border-list {}
	.border-list .subject {display: block; width: 100%; color: #555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.border-list a:hover .subject, .border-list a:focus .subject {font-weight: 800; color: #07408d;}
	.border-list .date {font-family: tahoma; font-size: 12px; color: #999;}
	.border-list .btn {}


/* TAB */
.subcont .nav-tabs {border-bottom: 1px solid #486dc0;margin: 0 0 1.25rem 0;}
.subcont .nav-tabs > li {margin: 0 0 -1px 0;}
.subcont .nav-tabs > li:last-child {margin-right:0;}
.subcont .nav-tabs > li > a {position:relative;display: block;height: 43px;padding: 0.8125rem 0.625rem;border: none;border-bottom: 2px solid #486dc0;border-left: 1px solid #c6c6c6;line-height: 1rem;border-radius: 0;background: #e6e6e6;color: #666;font-size: 0.875rem;font-weight: 600;box-sizing: border-box;white-space: nowrap;}
.subcont .nav-tabs > li:first-child > a {border-left:none;}
.subcont .nav-tabs > li > a.active:after {content:'\e5ca';display:none;position:absolute;top: 30%;right: 15px;font-family: 'material-Icons';color:#ccc;}
.subcont .nav-tabs > li > a.active {background: #486dc0;border-bottom: 1px solid #486dc0;color: #fff;font-weight: 600;}
.subcont .nav-tabs > li > a:after {color: #fff;}
.subcont .nav-tabs > li > a.active:after {color: #fff;}
.subcont .nav-tabs > li > a:hover, .subcont .nav-tabs > li > a:focus {text-decoration:none;background: #ccc;border-color: #ccc;border-bottom: 2px solid #486dc0;color: #666;}
.subcont .nav-tabs > li > a.active:hover, .subcont .nav-tabs > li > a.active:focus {border-color: #2c4e9a;background: #2c4e9a;color: #fff;}


/* TAB-wide */
.sub_wide .subcont .nav-tabs > li > a {padding: 18px 10px;height: 52px;}
.sub_wide .subcont .nav-tabs > li > a:after {display:none;}



/* pagination */
.pn-wrap {text-align: center;margin-top: 10px;}
.pagination {margin: 0;}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {border-radius:0;}


/* pagination_large */
.pagination-lg>li>a, .pagination-lg>li>span {padding: 3px 10px;font-size:  13px;}
	

/* table */
.table {margin-bottom: 0px;font-size: 15px;border: transparent;}
.table th, .table td {border: transparent;border-bottom:1px solid #dee2e6;}
.table>thead>tr>th {vertical-align: middle;background: #f7f8f9;border-top: 1px solid #3f568a;color: #3f568a;font-weight: 600;text-align: center;}
.table>tbody>tr>th {background: #f9f9f9; color: #12235a; text-align: center; font-weight: 800;}


.table.table-bordered>thead>tr>th, .table.table-striped>thead>tr>th {vertical-align: middle;color: #3f568a;text-align: center;font-weight: 600;}
.table.table-bordered>tbody>tr>th {background: #fafafa;color: #3f568a;text-align: center;font-weight: 600;}
.table.table-bordered>tbody>tr>td, .table.table-bordered>tbody>tr>th, .table.table-bordered>tfoot>tr>td, .table.table-bordered>tfoot>tr>th {border-bottom: #ddd solid 1px;border-left: #ddd solid 1px;}
.panel .panel-body.panel-table {background-color: #eee;padding: 0;}
.panel .panel-body.panel-table .table-bordered, .panel-table.calendar .calendar-month .table-bordered {border-left:none;}
.panel .panel-body.panel-table .table-bordered>tbody>tr>td:first-child, .panel .panel-body.panel-table .table-bordered>thead>tr>th:first-child,
.panel-table.calendar .calendar-month .table-bordered>thead>tr>th:first-child, .panel-table.calendar .calendar-month>.table-bordered>tbody>tr>td:first-child {border-left:none;}

.table .listStyle01, .table .listStyle02, .table .listStyle03, .table .listStyle04 {margin-bottom: 0;}
.hline th, .hline td, .hline {border-top: #034879 solid 1px !important}

.table-responsive.pre-scrollable,
.card-body.pre-scrollable {padding:0;white-space: normal;}

/* table-sm */
.pannel-sm .form-control {
	height:26px;
	font-size: 13px;
}
.pannel-sm textarea.form-control {
	height:auto;
}
.pannel-sm .btn {
	height:26px;
	padding:3px 8px;
}

/* table_responsive */
    .tb-lst {position: relative;width:100%;max-width:100%;}
    .tb-lst table tbody tr td.fix-item .badge {border-radius:0;padding: 0.25em 0.375rem;font-size: 0.75rem;}


/* no-more-tables */
    .no-more-tables td {position:relative}
    .no-more-tables td.title-link {/* padding: 0; */}
    .no-more-tables td.title-link a {padding: 0.75rem 0.875rem;}
	
	.card-icon {position:absolute;top: 50%;right: 10px;color: #999; margin-top: -0.7em; font-size: 1.5rem;}

/* flip-scroll */
     #flip-scroll .flip-guide {position:absolute;top:50%;left:50%;width: 260px;margin-left: -130px;margin-top: -20px;padding:10px;border-radius:3px;background: rgba(0,0,0,0.7);color:#fff;line-height: 1.3;text-align:center;z-index:10;}
     #flip-scroll:hover .flip-guide, #flip-scroll:focus .flip-guide {display:none}
     #flip-scroll .flip-guide > p {margin-bottom:0}
     #flip-scroll td .badge-light {background:#ddd}
	
/* card */
.card {/* border: #d2d2d2 solid 1px; */}    
    .card-header {padding:0.3125rem 0.75rem; position: relative;}
    .card-header .card-header-title {font-size: 1rem;margin:0;padding: 0.375rem 0;background:none;position: relative; width: 100%; }
	.card-header .card-header-btn {padding: 0; color:inherit; display: block; width: 100%; text-align: left; white-space: inherit; font-weight: inherit; border:none; background: none; cursor: pointer;}
	.card-header .header-subtitle-line {border-bottom: 1px dashed rgba(0,0,0,0.1);margin-bottom: 0.1rem; }
    .card-header .text-muted {vertical-align:middle}
    .card-header .mt-1 {margin-top: 0.4375rem !important;}
	.card-header .card-icon {margin-top: -0.65em;}
	.card-header .header-subtitle {/* padding-top: 0.375rem;padding-bottom: 0.375rem; */text-align: center; }
	.card-header .header-subtitle:nth-child(3) {padding-right: 0 !important; }
	.card-header .header-subtitle:nth-child(4) {padding-right: 0 !important; padding-left: 0 !important;}
	.card-header .header-subtitle:nth-child(5) {padding-right: 0 !important; padding-left: 0 !important;}
	.card-header .header-subtitle:nth-child(6) {padding-left: 0 !important;}
	.card-header .header-subtitle .subtitle-item {display:inline-block;font-weight: 400; font-size: 14px; vertical-align: middle; margin-bottom: 0;}
	.card-header .header-subtitle .subtitle-item .badge {font-size: 13px;}
	.card-body.pre-scrollable {/* white-space:normal; */}
	.card-body label {font-weight:600;padding-top: calc(0.375rem + 1px);padding-bottom: calc(0.375rem + 1px);margin-bottom: 0;}	
    .card-body .col-form-label-sm {padding-top: calc(0.25rem + 1px);padding-bottom: calc(0.25rem + 1px)}

	.card-body .form-check-label {margin-top: 0.125rem;padding:0;}
	.card-body .form-check-label-sm {height: calc(1.8125rem + 2px);padding: 4px 0;font-size: 0.875rem;line-height: 1.5;}
	.card-body .form-control-plaintext {color: #666;}
	.form-control-plaintext {}
	.card-footer {background: #f7f7f7;border-top: none;font-size: 0.875rem;}
	.card-footer-btn {padding:0;}
	.card-footer-btn .btn-group .btn {border-top-left-radius: 0; border-top-right-radius: 0;}




/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* panel */
.panel-heading, .panel-footer {line-height: 1em;}
.panel .Title {font-weight: 800;font-size: 28px;display: block;margin: 40px 0;color: #333;}

.panel .panel-body {overflow: auto;}

.panel .panel-body.bg-default {background-color: #f5f5f5; text-align: center;}
.panel .panel-line {border-top:1px solid #ddd}

.panel-footer-btn .btn-group .glyphicon {top: 3px;}

.panel.panel-icon {border-color: #ddd;}
	.panel.panel-icon .panel-body {padding: 10px;}
	.panel.panel-icon .Title {font-weight: 800;font-size: 20px;line-height: 1.5em;display: block;border-bottom: #ddd dashed 1px;padding-bottom: 10px;margin: 0 0 5px;color: #333;}
	.panel.panel-icon .icon {margin: 0;padding: 15px 0;}
	.panel.panel-icon .icon .glyphicon {font-size: 48px;}
	.panel.panel-icon .icon-img>span {display: block;width: 80px;height: 60px;margin: 15px auto 0;background-position: center center;background-repeat: no-repeat;}
	.panel.panel-icon .icon-img .icon-CV {background-image: url('../images/icon-CV.png')}
	.panel.panel-icon .icon-img .icon-edit {background-image: url('../images/icon-edit.png')}

.panel .with-btn {min-height: 26px;line-height: 26px;margin: 0;text-align:  left;}

.panel .list-group {overflow: hidden;overflow-y: auto;}

/* panel_small */
.pannel-sm .panel-heading, .pannel-sm .panel-footer {
	padding: 10px;
}
.pannel-sm .btn {height:26px;padding:4px;font-size: 12px;}
.navbar-default .btn-link {color:#1a659b; text-decoration:underline}




/* ////////////////////////////////////////////////////////////////////////////////////////// */
/* form */
input[type='file'] {/* height: 26px; */padding:1px !important;background: transparent;}
.form-horizontal td .form-group {margin-left: 0px; margin-right: 0px;}
.form-horizontal .control-label {padding-top: 4px;font-weight: 600;font-size: 14px;}
.form-horizontal .control-text {padding-top: 4px; font-weight: 400;}


/* input */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type='date'], input[type='time'], input[type='datetime-local'], input[type='month'] {line-height: normal;}
}


/* Search Form */
.search-form {margin: 0 0 1.25rem 0;padding: 0;background: #fff;border: 2px solid #c9c9c9;/* border-top: 2px solid #3f568a; */font-size: 14px;}
.search-form .form-row {padding:10px 0 0 0}
.search-form .form-row .form-group {margin-bottom:0;}
.search-form .form-row .form-group .cont-wrap {position:relative;padding: 0 15px 10px;}
.search-form .form-row .form-group .cont-wrap:after {content:'';display:block;clear:both;}
.search-form .form-row .form-group .cont-wrap .txt {display:block;line-height:31px;color: #808080;}
.search-form .form-control {color: #808080;}
.search-form .form-control::-webkit-input-placeholder { color: #808080; }

.search-form .info {padding-bottom: 4px; font-weight: 600}
.search-form label {color: #333;margin-right: 7px;}
.search-form .control-label {/* padding-left: 10px; */margin-bottom: 0.25rem;/* background: url('../images/bullet03.gif') no-repeat 0 10px; */font-weight: 600;vertical-align: middle;}
.search-form .control-text {color: #555;vertical-align: middle;}
.search-form .btn-wrap{margin-bottom:0;padding: 0;}

.ui-datepicker-trigger>i {font-size:1rem;}


/* checkbox, radio */
.checkbox-inline, .radio-inline {padding-left:0;}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {padding-top: 3px;}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {margin-left:0;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {margin-left:0;position:static;vertical-align:text-bottom;}
.checkbox label, .checkbox-inline label, .radio label, .radio-inline label {padding-left:2px;margin-right: 7px;margin-bottom: 0;font-weight: 400;color:#555;}


/* Board Style */
.board-contents img {max-width: 100%;}
.gallery {margin: 0; overflow: hidden;}
.gallery>ul {list-style: none; margin: 0 -1%; padding: 0;}
.gallery>ul>li {list-style: none; margin: 0 1% 30px; padding: 0; float: left; width: 23%;}
.gallery>ul>li .thumbnail {overflow: hidden; margin-bottom: 0; border-radius: 0;}

.caption {padding: 5px; background: #F7F7F7;}
.caption p {margin-bottom: 5px;}

.view {overflow: hidden; position: relative; text-align: center; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; height: auto; max-height:160px;}
.view .mask, .view .content {position: absolute; width: 100%; overflow: hidden; top: 0; left: 0;}
.view img {display: block; position: relative;}
.view p {font-family: inherit; font-style: normal; font-size: 12px; position: relative; color: #fff; padding: 0; text-align: center;}
.view-first img {transition: all .2s linear;}
.view-first .mask {opacity: 0; background-color: rgba(0,0,0,0.5); height: 100%; transition: all .4s ease-in-out;}
.view-first p {transform: translateY(100px); opacity: 0; transition: all .2s linear; height: 100%; width: 100%; display: table;}
.view-first p a {color: #fff; display:table-cell; text-decoration: none; padding: 20px; vertical-align: middle; height: 100%; width: 100%;}
.view-first:hover img {transform: scale(1.1);}
.view-first:hover .mask {opacity: 1;}
.view-first:hover p {opacity: 1;transform: translateY(0px); transition-delay: .1s;}
.gallery>ul>li .thumbnail .image {overflow: hidden;}
.gallery>ul>li .caption {padding: 5px; background: #F7F7F7;}
.gallery .media-heading {font-size: 14px; font-weight: 800; margin: 5px 0; padding: 0; line-height: 1.25em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.gallery .media-heading a, .webzine .media-heading a {font-weight: 800;}
.gallery .media-heading a, .webzine .media-heading a, .webzine p a {color: #000;}
.gallery .media-heading a:hover, .gallery .media-heading a:focus, .webzine .media-heading a:hover, .webzine .media-heading a:focus, .webzine p a:hover, .webzine p a:focus {color: #0c53b4; text-decoration: none}
.gallery>ul>li .caption p {margin-bottom: 5px;}

.webzine {margin: 0;}
.webzine>ul {margin: 0;	padding: 0;	list-style: none;}
.webzine>ul>li {padding: 10px 0 0 0; margin: 0;	border-bottom: #eee solid 1px;}
.webzine>ul>li:last-child {border-bottom:none;}
.webzine .media .thumbnail {width: 140px; height: 90px; overflow: hidden; border-radius: 0;}
.webzine .media .thumbnail .media-object {width: 100%; height: 100%;}
.webzine .media .media-heading {font-weight: 800; margin: 0 0 10px 0; padding: 0; font-size: 14px;}
.webzine .media-body p {font-size: 12px;margin-bottom: 5px;}
p.summary {font-size: 11px;	color: #ccc; margin-bottom: 0;}
.webzine .media-body p.summary {margin-bottom: 20px;}
p.summary .summary-title {color: #999; padding: 0 5px}
.mask p.summary .summary-title {color: #ccc;}
p.summary .summary-title:first-child {padding-left: 0}
p.summary strong {color: #666; padding-right: 5px}
.mask p.summary strong {color: #fff;}
p.summary .summary-file {margin: 0 2px 5px 0; display: inline-block;}
p.summary .summary-file a {background-color: #eee; padding: 2px 5px; border-radius: 5px; font-size: 12px;}
p.summary .summary-file a:hover,p.summary>.summary-file>a:focus {background-color: #ddd;text-decoration: none;color: #000}
p.summary .summary-file a>.glyphicon {font-size: 11px;top:2px}

.board-title {text-align: left !important;}
.board-title a:link {color: #000;}
.board-title a:hover, .board-title a:focus {color:#0c53b4; font-weight: 800; text-decoration: none;}
.board-title .comment-num {color: #f02801;font-weight: 800;font-size: 11px;}
.board-title .icons>img {margin-left: 2px;}

.pager li>a, .pager li>span {font-weight: 800; font-size: 12px;}

.comments-heading {margin: 0; padding: 0;}
.comments-heading .badge {background-color:#5e9a1e;}
ul.messages {padding: 0; list-style: none;}
ul.messages li,.tasks li {border-bottom: 1px dotted #e6e6e6; padding: 8px 0;}
ul.messages li img.avatar,img.avatar {height: 32px; width: 32px; float: left; display: inline-block; border-radius: 2px; padding: 2px; background: #f7f7f7; border: 1px solid #e6e6e6;}
ul.messages li .message_date {float: right; text-align: right;}
ul.messages li .message_wrapper {margin-left: 50px; margin-right: 40px;}
ul.messages li .message_wrapper .heading {font-size: 14px; font-weight: 800; margin: 0; cursor: pointer; margin-bottom: 10px; line-height: 100%;}
ul.messages li .message_wrapper blockquote {padding: 0 10px; margin: 0; border-left: 5px solid #eee;}
ul.messages li .message_wrapper .heading>span {font-size: 11px;font-weight: 800;}
.panel.comment-write {background-color: #eee;}
.panel.comment-write textarea {margin-bottom: 5px;}
ul.comment li {padding: 15px 0 !important;}
ul.comment li .message_wrapper {margin-right: 0;}
ul.comment li .message_wrapper .heading {cursor: auto;}
ul.comment li .message_wrapper blockquote {font-size: inherit;}
ul.comment li .message_wrapper .comment-btn {margin: 0; display: inline-block; float: right;}
ul.comment li .message_wrapper ul.comment li {border-bottom: none;border-top: #eee solid 1px;margin-top: 15px;}
ul.comment li .message_wrapper ul.comment li:last-child {padding-bottom: 0 !important;}
ul.comment li .message_wrapper .comment-write {margin-bottom: 0 !important;}


/* board */

.table-board {}
	.table-board tr th, .table-board tr td {border-bottom-color: #eaeaea; padding: 0.95rem 0.75rem;}
	.table-board thead th {background-color: transparent; border-bottom: 1px solid #243352;}
	.table-board tbody th {background-color: transparent;font-weight:600 !important; color: #8a919e;}
	.table-board .material-icons {font-size: 1rem; color: #255477;}
	.table-board.table-hover tr th, .table-board.table-hover tr td {background-color: transparent;}
.board-view {}
	.board-view .board-view-title {border-top: 2px solid #555;border-bottom: 1px solid #ddd;padding: 1rem 0.5rem 0.5rem;}
	.board-view .board-view-title h4 {color: #000;font-size: 1.6rem;line-height: 1.3;margin: 0 0 0.9rem 0;}
	.board-view .board-info {font-size: 0.9rem;margin-bottom: 0;}
	.board-view .board-info span {position:relative;margin-left: 0.5rem;padding-left: 0.5rem;color: #666;}
	.board-view .board-info span:first-child {margin-left:0;padding-left: 0;}
	.board-view .board-info span:after {content:'';display:inline-block;position:absolute;left:0;top: 6px;width: 1px;height: 9px;background-color: #d2d3d6;}
	.board-view .board-info span:first-child:after {display:none;}
	.board-view .board-info span .material-icons {font-size: 1rem;color: #cdcfd3;margin-right: 0.2rem;}
	.board-view .board-view-files {position: relative;border-bottom: 1px solid #ddd;padding: 0.5rem;}
	.board-view .board-view-files h5 {color: #666;font-size: 1rem;margin-top: 0; margin-bottom: 0.5rem;}
	.board-view .board-view-files ul {margin-bottom: 0;}
	.board-view .board-view-files ul>li {position: relative;}
	.board-view .board-view-files ul>li>a {font-size: 0.95rem;}
	/* .board-view .board-view-files ul>li>a:after {position: absolute;top: 0;left: 1rem;content: 'attach_file';font-family: 'material-Icons';display: inline-block;vertical-align: middle;font-size: 1.1rem;color: #999;} */
	.board-view .board-view-files ul>li>a:hover, .board-view .board-view-files ul>li>a:focus {text-decoration: none;}
	.board-view .board-view-files ul>li>a:hover:after, .board-view .board-view-files ul>li>a:focus:after {color: #0056b3;}
	.board-view .board-view-files ul>li>a>.material-icons {color: #999;}
	.board-view .board-view-cont {padding: 1rem 0.5rem 2rem;}
	.board-view .board-view-cont img {max-width: 100%;}
.pager {margin-bottom: 2rem;}
	.pager .pager-navi {display: block;font-weight: 600;color: #124fb6;}
	.pager .next {text-align:right}
	.pager .pager-title {display: inline-block;padding: 0 0.5rem;}
	.pager .prev a, .pager .next a {font-size: 0.9rem;display: block;}
	.pager a:hover .pager-title, .pager a:focus .pager-title {text-decoration: underline;color: #000;}
.board-comment {margin-bottom: 1.5rem;}
	.board-comment h3 {background: none;padding: 0 0 0.6rem 0;font-size: 1.5rem;color: #555;margin-bottom: 0;border-bottom: 1px solid #777;}
	.board-comment h3 .badge {font-size: 0.8rem;}
	.board-comment .messages {border-top: 1px dotted #bfbfbf;padding-top: 1.5rem;}
	.board-comment .messages:first-child {border-top: none;padding-top: 0;}
	.board-comment .messages.messages-reply {position:relative;border-top: 1px dotted #bfbfbf;border-bottom: none;padding-left: 2rem;}
	.board-comment .messages.messages-reply:after {content:'';position:absolute;left: 0.7rem;top: 1.5rem;width: 0.65rem;height: 0.7rem;border-left: 1px solid #b1b1b1;border-bottom: 1px solid #b1b1b1;}
	.board-comment .messages .heading {font-weight: 600;margin-bottom: 0.6rem;}
	.board-comment .messages .heading .date {font-weight: 100; color: #888;margin-left: 0.2rem;font-size: 0.8rem;}
	.board-comment .messages .heading .comment-btn {float: right;display: inline-block;}
	.board-comment .messages .heading .comment-btn .btn {padding: 0 0.1rem;background-color: transparent;color: #888;}
	.board-comment .messages .comment {margin-bottom: 1.5rem;}
	.comment-btn .btn .material-icons {font-size: 16px;}
.board-bottom {border-top: 1px solid #555;padding-top: 1rem;}

@media (max-width: 576px) {
	/* TAB-wide */
    .sub_wide .subcont .nav-tabs > li > a {border-bottom:none;border-color: transparent;}
}

@media (max-width: 767px) {
	

    	/* table-board */
	.table-board table, .table-board thead, .table-board tbody,	.table-board th, .table-board td, .table-board tr { 
		display: block; 
	}
	.table-board thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table-board tr { 
		border-bottom: 1px solid #ddd;
		padding: 0.25rem 0;
		position: relative;
		text-align: left;
	}
	.table-board.row-check tr { 
		padding: 0.25rem 2.25rem 0.25rem 0.25rem;
	}
	.table-board tr:first-child {
		border-top: 1px solid #243352;
	}
	.table-board tr:last-child {
		border-bottom: 1px solid #243352;
	}
	.table-board td { 
		border: none;
		position: relative;
		padding: 0; 
		white-space: normal !important;
		display: inline;
		text-align: left;
		font-size: 0.875rem;
		color: #888;
	}
	.table-board td.title-number {
		position: absolute;
		display: none;
		left: 0;
		width: 3.5rem; 
		white-space: nowrap;
		text-align:center;
		font-weight: 600;
		font-size: 1rem;
		color: #ccc;
		padding: 0.5rem 0;
	}
	.table-board td.title-link {
		display: block;
		font-size: 1rem;
		font-weight: 600;
		padding: 0;
		position: static;
	}
	.table-board td.title-link a {
		color: #000;
		font-weight: 600;
		padding: 0.5rem 0;
		display: block;
		height: 100%;
		width: 100%;
	}
	.table-board td.title-info {
		padding: 0.25rem 0.25rem 0.25rem 0;
		font-size: 0.75rem;
		color: #999;
		display: inline;
	}
	.table-board td.title-info .material-icons {
		color:#ccc;
		margin-right: 3px;
	}
	.table-board td.title-check {
		padding: 0.25rem 0.25rem 0.25rem 0;
		font-size: 0.75rem;
		color: #000;
		display: inline;
		position: absolute;
		top:0.5rem;
		right:0.5rem;
	}
	/*
	.table-board td.title-info:after {content:'';display:inline-block;position:absolute;left:0;top: 50%; margin-top:-5px;width: 1px;height: 10px;background-color: #d2d3d6;}
	*/

}
@media only screen and (min-width: 768px) {
	.table-board td { 
		text-align: center;
		font-size: 0.875rem;
		color: #888;
	}
	.table-board td.title-text {
		color: #000;
	}
	.table-board td.title-link {
		text-align: left;
		white-space: normal !important;
	}
	.table-board td.title-link a {
		font-weight: 600;		
	}
}

/* Text Type */
.text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}

/* Gap */
.xgap {height: 80px; clear: both}
.gap {height: 50px; clear: both}
.sgap {height: 20px; clear: both}
.gapLine {border-top: 1px dashed #ccc; margin: 17px 0;}

/* width */
.w5 {width: 5%;}
.w10 {width: 10%;}
.w15 {width: 15%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w30 {width: 30%;}
.w35 {width: 35%; *width:34.5%;}
.w40 {width: 40%;}
.w45 {width: 45%;}
.w50 {width: 50%;}
.w55 {width: 55%;}
.w60 {width: 60%;}
.w65 {width: 65%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w85 {width: 85%;}
.w90 {width: 90%;}
.w95 {width: 95%;}
.w100 {width: 100%;}


/* pointcolor */
.c01 {color: #000 !important;}
.c02 {color: #666 !important;}
.c03 {color: #999 !important;}
.c04 {color: #3f568a !important;}
.c05 {color: #5e9a1e !important;}
.c06 {color: #f02801 !important;}
.c07 {color: #fff !important;}

.text-info {color: #4888e2;}

/* BG */
.bg-point1 {background-color: #ea5404 !important;}
.bg-point2 {background-color:#ed9b2b !important;}
.bg-point3 {background-color:#2e968f !important;}
.bg-point4 {background-color:#607ea0 !important;}


/* font size */
.font11 {font-size: 11px !important}
.font12 {font-size: 12px !important}
.font13 {font-size: 13px !important}
.font14 {font-size: 14px !important}
.font15 {font-size: 15px !important}
.font18 {font-size: 18px !important}
.font20 {font-size: 20px !important}
.font25 {font-size: 25px !important}
.font30 {font-size: 30px !important}

.help-block{font-size: smaller;}

/* MARGINS & PADDINGS */
.p-xxs {padding: 5px !important;}
.p-xs {padding: 10px !important;}
.p-sm {padding: 15px !important;}
.p-m {padding: 20px !important;}
.p-md {padding: 25px !important;}
.p-lg {padding: 30px !important;}
.p-xl {padding: 40px !important;}
.p-w-xxs {padding: 0 2px !important;}
.p-w-xs {padding: 0 5px !important;}
.p-w-sm {padding: 0 10px !important;}
.p-w-m {padding: 0 15px !important;}
.p-w-md {padding: 0 20px !important;}
.p-w-lg {padding: 0 25px !important;}
.p-w-xl {padding: 0 35px !important;}
.p-n {padding:0 !important;}

.m-xxs {margin: 2px 4px !important;}
.m-xs {margin: 5px !important;}
.m-sm {margin: 10px !important;}
.m {margin: 15px !important;}
.m-md {margin: 20px !important;}
.m-lg {margin: 30px !important;}
.m-xl {margin: 50px !important;}
.m-n {margin: 0 !important;}
.m-l-none {margin-left: 0 !important;}
.m-l-xs {margin-left: 5px !important;}
.m-l-sm {margin-left: 10px !important;}
.m-l {margin-left: 15px !important;}
.m-l-md {margin-left: 20px !important;}
.m-l-lg {margin-left: 30px !important;}
.m-l-xl {margin-left: 40px !important;}
.m-l-n-xxs {margin-left: -1px !important;}
.m-l-n-xs {margin-left: -5px !important;}
.m-l-n-sm {margin-left: -10px !important;}
.m-l-n {margin-left: -15px !important;}
.m-l-n-md {margin-left: -20px !important;}
.m-l-n-lg {margin-left: -30px !important;}
.m-l-n-xl {margin-left: -40px !important;}
.m-t-none {margin-top: 0 !important;}
.m-t-xxs {margin-top: 1px !important;}
.m-t-xs {margin-top: 5px !important;}
.m-t-sm {margin-top: 10px !important;}
.m-t {margin-top: 15px !important;}
.m-t-md {margin-top: 20px !important;}
.m-t-lg {margin-top: 30px !important;}
.m-t-xl {margin-top: 40px !important;}
.m-t-n-xxs {margin-top: -1px !important;}
.m-t-n-xs {margin-top: -5px !important;}
.m-t-n-sm {margin-top: -10px !important;}
.m-t-n {margin-top: -15px !important;}
.m-t-n-md {margin-top: -20px !important;}
.m-t-n-lg {margin-top: -30px !important;}
.m-t-n-xl {margin-top: -40px !important;}
.m-r-none {margin-right: 0 !important;}
.m-r-xxs {margin-right: 1px !important;}
.m-r-xs {margin-right: 5px !important;}
.m-r-sm {margin-right: 10px !important;}
.m-r {margin-right: 15px !important;}
.m-r-md {margin-right: 20px !important;}
.m-r-lg {margin-right: 30px !important;}
.m-r-xl {margin-right: 40px !important;}
.m-r-n-xxs {margin-right: -1px !important;}
.m-r-n-xs {margin-right: -5px !important;}
.m-r-n-sm {margin-right: -10px !important;}
.m-r-n {margin-right: -15px !important;}
.m-r-n-md {margin-right: -20px !important;}
.m-r-n-lg {margin-right: -30px !important;}
.m-r-n-xl {margin-right: -40px !important;}
.m-b-none {margin-bottom: 0 !important;}
.m-b-xxs {margin-bottom: 1px !important;}
.m-b-xs {margin-bottom: 5px !important;}
.m-b-sm {margin-bottom: 10px !important;}
.m-b {margin-bottom: 15px !important;}
.m-b-md {margin-bottom: 20px !important;}
.m-b-lg {margin-bottom: 30px !important;}
.m-b-xl {margin-bottom: 40px !important;}
.m-b-n-xxs {margin-bottom: -1px !important;}
.m-b-n-xs {margin-bottom: -5px !important;}
.m-b-n-sm {margin-bottom: -10px !important;}
.m-b-n {margin-bottom: -15px !important;}
.m-b-n-md {margin-bottom: -20px !important;}
.m-b-n-lg {margin-bottom: -30px !important;}
.m-b-n-xl {margin-bottom: -40px !important;}

.space-15 {margin: 15px 0 !important;}
.space-20 {margin: 20px 0 !important;}
.space-25 {margin: 25px 0 !important;}
.space-30 {margin: 30px 0 !important;}


/* Profile */
.profile {
	position: relative;
	background-color: #fff;
	padding: 20px 10px;
}
.profile .rounded-circle {
	width:70px;
	height:70px;
	margin: 0 auto;
	overflow: hidden;
}
.profile .rounded-circle img {
    height: 100%;
    width: 100%;
}
.profile .name {
    margin: 0;
    padding: 10px 0;
    font-weight: bolder;
    font-size: 18px;
    color: #333;
    line-height: 1.25em;
    text-align: center;
}
.profile .name small {
	color: #888; 
	font-size: 14px; 
	font-weight: 600;
}
.profile .id,
.profile .team {
    font-size: 12px;
    line-height: 1.25em;
	text-align: center;
	margin-bottom: 0;
}
.rating-score {background-color:lemonchiffon; font-size: 32px; font-weight: 600; color:red; font-family: 'hyundai'; text-align: center;}
.rating-comment {padding: 0 !important;}
.rating-comment textarea {border: 0;}


@media (min-width:578px) { 
.nav.nav-pills > li.nav-link > a {border-bottom: 1px solid #3f568a;}
.nav.nav-pills>li.active>a, .nav.nav-pills>li.active>a:focus, .nav.nav-pills>li.active>a:hover {border-bottom:none}

}


@media only screen and (max-width: 767px) {
	.table-responsive.pre-scrollable {height: inherit !important;}
	
    .fixed-table-container .pre-scrollable {overflow-y:visible;}
	/* Force table to not be like tables anymore */
	.no-more-tables table, 
	.no-more-tables thead, 
	.no-more-tables tbody, 
	.no-more-tables th, 
	.no-more-tables td, 
	.no-more-tables tr {
		display: block;
		border:none;
		text-align: left;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.no-more-tables tr {
		position: relative;
		border-bottom: 1px solid #ddd;
	}

	.no-more-tables.title-badge tr {
		padding: 0.625rem 0.5rem 0.625rem 4rem;
	}
	.no-more-tables.title-badge-r tr {
		padding: 0.625rem 4rem 0.625rem 0.5rem;
	}
	.no-more-tables.title-badge-s tr {
		padding: 9px 8px 8px 1.6rem;
	}

    .no-more-tables tr.active, .table tr.active  {border:solid 2px #486dc0 !important; position: relative;}
	
	.no-more-tables td { 
		/* Behave  like a "row" */
/*		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding: 0.25rem 0.75rem 0.25rem 40%; 
		white-space: normal;
		text-align:left; */
	}
	
	.no-more-tables td {
		border: none;
		position: relative;
		padding: 0.25rem;
		white-space: normal !important;
		display: inline-block;
		text-align: left;
		line-height: 1.2;
		color: #888;
		border: none !important;
		font-size: 15px;
	}

	.table-condensed>tbody>tr>td.d-table-cell {
		padding-right:0 !important;
	}
	/*
	.no-more-tables td.detail:before {
		content: attr(data-th);
		display: inline-block;
		position:relative;
		top:auto;
		left: auto;
		width: auto;
		color: #555;
		font-weight: 600;
		padding-right: 0.25rem;
	}
	*/
    .no-more-tables.title-badge-r td.detail.state:before {
    	color: #3f568a;
    }
	.no-more-tables td.detail {
		text-align:center !important;
		min-width: 3.125rem;
	}
	.no-more-tables td.collapse-td {
		display:none;
		padding-bottom: 0.25rem;
	}
	.no-more-tables .open td.collapse-td {
		display:table-cell
	}

	.no-more-tables td.fix-item {
		position: absolute;
		top: 0rem;
		left: 0.25rem;
		width: 3rem;
		white-space: nowrap;
		text-align:center;
		font-weight: 600;
		font-size: 1.5rem;
		line-height: 1.2;
		color: #ccc;
		z-index: 20;
	}
	.no-more-tables.title-badge-s td.fix-item {
		top: 1px;
		left: 0;
		width:2rem;
	}
	.no-more-tables td.fix-item.num {
		top:10px;
		font-size:1rem;
	}
	.no-more-tables td.check {
		clear: left;
		float: left;
		left:0;
		top:1rem;
		padding: 0rem 0.875rem;
		line-height: 1.2;
		z-index: 10;
	}
	.no-more-tables.title-badge td.fix-item.state,
	.no-more-tables.title-badge td.fix-item .badge {
		font-size: 0.75rem;
	}
	.no-more-tables td.fix-item.state.style2 {
		background: #c7d87d !important;
	}
	.no-more-tables td.state {
		position: absolute;
		top: 8px;
		right: 0.5rem;
		width: 3.375rem;
		height: 3.375rem;
		background: #ccdff0;
		border-radius:50%;
		color: #333!important;
		text-align:center;
		font-weight: 600;
		font-size: 13px;
		line-height:1.2;
		display: table;
	}
	.no-more-tables td.state.style2 {
		background: #c7d87d !important;
	}
	.no-more-tables td.state.style3 {
		background: #fdb7b5 !important;
	}
	.no-more-tables td.state.style4 {
		background: #ebebeb !important;
	}
	.no-more-tables td.state.style5 {
		background: #fde585 !important;
	}
	.no-more-tables td.state.style6 {
		background: #c9c7e0 !important;
	}
	
	.no-more-tables td.state span.txt {display: table-cell; vertical-align: middle; text-align: center;}
	.no-more-tables .detail .badge-primary {
		background:#ccdff0;
		color: #333!important;
	}
	.no-more-tables .detail .badge-warning {
		background:#fbe5a3;
	}
    .no-more-tables .detail .badge-light {background:#d6d6d6;}
	.no-more-tables td.title-text {
		color: #254999;
		font-weight: 600;
	}
	.no-more-tables td.title-abs {
		position: absolute;
		padding: 0.25rem 0;
		top: 0;
		left: 28px;
	}
	.no-more-tables td.text-strong {
		font-weight:600;
		color: #b66521;
	}
	.no-more-tables td.title-link {
		display: block;
	}
    .no-more-tables .active td.title-link  {
   	    /* padding: 0.25rem 0 0 0; */
   }
	.no-more-tables td.title-link a {
		display: block;
		font-weight: 600;
		color: #254999;
		padding:0.66rem;
		padding: 0.625rem;
		width: 100%;
		height: 100%;
		z-index: 1;
		position: relative;
	}
	.no-more-tables.title-badge-s td.title-link a {
		padding: 0.625rem 0;
	}

	.no-more-tables.title-badge-s td .btn {
		padding: 0 0.375rem;
		line-height: 1rem;
		border: none;
		vertical-align: 0;
		font-size: inherit;
	}

	.no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0.25rem;
		left: 0.5rem;
		width: 35%; 
		padding-right: 0.75rem; 
		white-space: nowrap;
		text-align:left;
		font-weight: 600;	
	}




/* 기술매칭결과승인 - 기술매칭담당자별현황 */
    .no-more-tables.title-badge-s td.text-strong {padding-left: 3.125rem;}
    .no-more-tables.title-badge-s tr td.title-text{top: 9px;}


/* 기술매칭결과승인 - 배정대상자리스트 */
    .no-more-tables.row-line tr {min-height: 50px;padding: 0.5rem 4rem 0.5rem 0.625rem;}
    .no-more-tables.row-line td.title-text {left: 0.5rem;top: 0.625rem;}
    .no-more-tables.no-detail td.detail {display:none;}
    .no-more-tables.no-detail td.text-strong {padding: 0;}

/* 기술매칭담당자 강조 */
    .style10 tr {min-height: 68px !important;}
    .style10 .category-header {min-height: 28px !important;background: #f7f8f9;padding: 0 !important;border-top: 1px solid #3f568a !important;}
    .style10 .category-header td {display: inline-block;float: left;padding: 6px 4px;text-align: center;color:#3f568a;font-size:13px;font-weight:600;}
    .style10 .category-header td:last-child {border-left: 1px solid #dee2e6 !important;}

/*  진단점수승인 */
    .no-more-tables.row-line.row-line-1 tr {padding: 0.5rem 4rem 0.5rem 0.625rem;padding: 1.25rem 4rem 1.25rem 0.625rem;}
    .no-more-tables.row-line.row-line-1 .detail-category.detail-category-sabun {top: 1.25rem}


/* 기술매칭결과승인 - 승인대상자리스트 */
    .no-more-tables.check-badge .fix-item {top: 0.125rem;left: 0.5rem;width: 1rem;}
    .no-more-tables.check-badge td.title-text {left: 1.875rem;}
    .no-more-tables.check-badge td .btn {padding:0 !important;}
    .no-more-tables.check-badge.row-line tr {padding-left:2rem}

	/*.sub0101 .no-more-tables.title-badge-s td.fix-item {top:-8px;} */

/* 매칭대상자 배정 */
    .matching .no-more-tables tr {padding: 2.125rem 4rem 0.625rem 0.625rem;}
    #listgroup-2 {display:none;}


/* table_responsive */
    .bill .tb-lst {border-bottom: 1px solid #dee2e6;}
       .tb-lst table {display:block;margin-bottom:0;}
       .tb-lst table thead {display: none;}
       .tb-lst table tbody {display: block;}
       .tb-lst table tbody tr {display: block;}
		.tb-lst.style4 table tbody tr {padding: 0.5rem;}
       .tb-lst table tbody tr:first-child {border-top: 0;}
       .tb-lst table tbody tr:first-child td:first-child {border-top: 1px solid #dee2e6;}
       .tb-lst table tbody tr:before,.tb-lst table tbody tr:after{content: " ";display: table;}
       .tb-lst table tbody tr:after{clear: both;}
       .tb-lst table tbody tr td:before {content: attr(data-th);display: block;position: absolute;top: 0;bottom: 0;left: 0;width: 120px;padding: 10px;border-right: 1px solid #ddd;background-color: #f7f8f9;color: #3f568a;font-weight: 600;text-align: left;}
	   .tb-lst.tb-lst-sm table tbody tr td:before {width: 80px; padding: 5px 10px;}
       .tb-lst table tbody tr td {display: block;position: relative;float: left;width:100%;line-height:inherit;padding: 10px 10px 10px 130px !important;border-left: 0;text-align: left;font-size: 0.9375rem;}
       .tb-lst.tb-lst-sm table tbody tr td {padding:5px 5px 5px 90px !important; border-bottom: 1px solid #dee2e6 !important; min-height: 2rem;}
	   .tb-lst.tb-lst-sm table tbody tr {border-top: 1px solid #3f568a;}
	   .tb-lst.tb-lst-sm table tbody tr:first-child {border-top: 0;}
	   .tb-lst.tb-lst-sm table tbody tr td:last-child {border-bottom: 0 !important;}
       
       .tb-lst table tbody tr td.fix-item,
       .tb-lst table tbody tr td.title-text {display:inline-block;border-left: none;padding-left: 10px !important;position:relative;}
       .tb-lst table tbody tr td.fix-item {width: 60px; border-bottom: none;}
       .tb-lst table tbody tr td.title-text {/* width: calc(100% - 60px); */width: 100%;color: #254999;font-weight: 600;font-size: 1rem;height: 45px;white-space: nowrap;text-overflow: ellipsis;padding-right: 60px !important;overflow: hidden;}
       .tb-lst table tbody tr td.title-text-pro {color: #254999;font-weight: 600;font-size: 1rem;height: 45px;white-space: nowrap;text-overflow: ellipsis;padding-right: 60px !important;overflow: hidden;}
       .tb-lst table tbody tr td.title-text .badge {margin-right:0.625rem}
       .tb-lst table tbody tr td.fix-item:before,
       .tb-lst table tbody tr td.title-text:before {display:none; }
       
       
       .tb-lst table tbody tr td.detail {display:none;}
	.tb-lst.style4 table tbody tr td.detail-line {margin-top: 10px;}
       .tb-lst table tbody tr.active td.detail {display: block !important;min-height: 45px;}
       .tb-lst.style1 table tbody tr.active td.detail {min-height: inherit;}
       .tb-lst table tbody tr td.detail.top {border-top:1px solid #ddd}
       .tb-lst table tbody tr.active td .btn {padding:0.25rem 0.375rem;font-size:0.8125rem;}

       
       .tb-lst table tbody tr td.detail-line {width: auto;background: none;padding: 4px 0 4px 6px !important;border-bottom: none;font-size: 14px;}
	   .tb-lst table tbody tr td.detail-title {color:#000; font-weight: 600;}
	
	.tb-lst tbody tr td.no-tbody-th {padding:10px !important}
	.tb-lst tbody tr td.no-tbody-th:before {display:none;}
	
	.text-small {font-size:0.8125rem}

       table tbody tr td.detail-line:before {content:attr(data-th);position: relative; top: auto; left: auto; bottom: auto; display: inline-block; width: auto !important; margin-right: 4px; padding: 0 3px !important; border-radius: 3px; border: none; background: #eaeaea; color:#3f568a; font-size: 12px; line-height: 1.25rem;}
	.style4 table tbody tr td {float: none;}
	.style4 table tbody tr td.detail-line:before {display: none;}
	
      table tbody tr td.category-text {position: relative;display: inline-block;width: auto;background: none;padding: 4px 0 0 4px !important;border-bottom: none;font-size: 14px;}
	table tbody tr td.category-text .material-icons {font-size: 0.75rem; line-height: 1em; color:#aaa;}
    table tbody tr td.detail-category {position: absolute;display: inline-block;width: auto;background: none;padding: 4px 0 0 4px !important;border-bottom: none;font-size: 16px;top:1.9rem; left:0.625rem;}
	.detail-category.detail-category-sabun {top:32px; left:10px}
	table tbody tr td.detail-category.detail-category-sabun a, table tbody tr td.detail-category.detail-category-sabun span {font-size: 13px;padding:0 !important;}
	table tbody tr td.detail-category .badge small {font-size: 11px;}
	table tbody tr td.category-text:before, .tb-lst table tbody tr td.detail-category:before {display: none;}
	table tbody tr td.category-text .badge {font-size: 12px; font-weight: 400;}
	table tbody tr td.category-title {font-size: 16px; font-weight: 600; color:#333;}
 	table tbody tr td.category-title-text {display:block;float: none;border-left: 0;padding: 4px 0 0 4px !important;width: 100%;color: #333;font-weight: 600;font-size: 1rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: static;}
	.style4 table tbody tr td.category-title-text:after {clear: both;}
	
	table tbody tr.active td.category-title-text {border-bottom:1px solid #ddd !important;position: static;}
	table tbody tr.active td.category-sabun-title{border-bottom:0 !important;}
	table tbody tr td.category-title-text:before {display: none;}
	table tbody tr td.category-title-text a, .tb-lst table tbody tr td.title-text a {position: absolute;top:0;left:0;width:100%;height: 100%;z-index: 10;}

	.style1 table.no-detail tbody tr td.category-title-text {padding: 4px 4px 0 !important; border-bottom: none !important;}
	.style1 table.no-detail tbody tr td.category-title-text a {position: static; top:inherit; left: inherit;}
	.style1 table.no-detail tbody tr td.detail-line:last-child {padding-bottom: 8px !important}
	.style1 table.no-detail tbody tr td.toggle-link {position: static; display: block; padding: 0 0 4px 0 !important; font-weight: 600; color:#000;}
	.style1 table.no-detail tbody tr td.toggle-link:before, td.category-link:before {display: none;}
	.style1 table.no-detail tbody tr td.toggle-link a {position: absolute; display: block; top:0; left:0; z-index: 10; width: 100%; height: 100%;text-indent: -900px;}
	
	table tbody tr td.category-sabun-title {padding:5px 45px 4px 65px !important;}
	table tbody tr td.category-sabun-title a {text-indent: -900px}
	table tbody tr td.category-title-text .card-icon {top:15px;}

	
	
/* 승인대상자리스트 - 기술리스트 */
    .tb-lst table.check-badge tbody tr {position:relative;}
    .tb-lst table.check-badge tbody tr td.fix-item {position:absolute;top: 0;left:0;}
    .tb-lst table.check-badge tbody tr td.title-text {padding-left: 30px !important;}
    .tb-lst table.check-badge tbody tr td.detail {background:#fff}
	table.check-badge .detail-category.detail-category-sabun {left:32px;}
	
/* 기술매칭담당자현황 - 기술리스트 */
    .tb-lst.style1 table tr {padding: 0 0.4rem;}
	.tb-lst.style1 .detail-category.detail-category-sabun {top:25px; left:8px; font-size: 11px; padding-right: 5px; border-right: #ddd 1px solid; margin-right: 5px;}
	.tb-lst.style1 td.detail-category.detail-category-sabun span {font-size: 13px;padding:0 !important;}
	.tb-lst.style1 td.category-sabun-title {padding: 0 0 0 65px !important;/* border-bottom:1px dashed #ddd !important; */}

/* 레벨보유현황 - Type4 */
    .tb-lst.style2 table tr {position:relative;border-bottom: 1px solid #ddd; padding: 0;}
    .tb-lst.style2 table tbody tr:before{display: inline-block;padding-left: 0.625rem;}
    .tb-lst.style2 table tbody tr td.title-text {border-bottom:none;}
    .tb-lst.style2 table tbody .detail-footer:before {}
	.tb-lst.style2 table tbody tr td.category-text {font-size: 14px;color: #888;line-height: 1.25em;padding: 0 !important;float: none;}
	.tb-lst.style2 table tbody tr td.category-text:before {display: block;padding-top: 0.1875rem;position: static;width: 100%;background: none;border: none;}
	.tb-lst.style2 table tbody tr td.toggle-link, td.category-link {position: static; display: block; padding: 0 !important; font-weight: 600; color:#000;}
	.tb-lst.style2 table tbody tr td.toggle-link { min-height: 0.8em;}
	.tb-lst.style2 table tbody tr.active td.toggle-link, tr.active td.category-link {padding-bottom: 0 !important;}
	.tb-lst.style2 table tbody tr td.toggle-link:before, td.category-link:before {display: none;}
	.tb-lst.style2 table tbody tr td.toggle-link a, td.category-link a {position:absolute; display: block; top:0; left:0; z-index: 10; width: 100%; height: 100%;}
	td.category-link a {text-indent: -900px;}
	.tb-lst.style2 table tbody tr td.toggle-link a .toggle-link-text {display: block; text-indent: -900px;}
	.tb-lst.style2 table tbody tr td.toggle-link .detail-info {display: none; padding: 0; margin: 0.8rem 0 0 0; clear: none;}
	.tb-lst.style2 table tbody tr.active td.toggle-link .detail-info {display: block;}
	.tb-lst.style2 table tbody tr td.toggle-link a .card-icon {right:0.2rem; margin-top:-0.7em;}
	.tb-lst.style2 table tbody tr.active td.toggle-link a .card-icon {top:0.2rem; margin-top: 0;}
	.tb-lst.style2 table tbody tr td.toggle-link table tr:after,
	.tb-lst.style2 table tbody tr td.toggle-link table tr:before,
	.tb-lst.style2 table tbody tr td.toggle-link table td:before {display: none;}
	.tb-lst.style2 table tbody tr td.toggle-link table th,
	.tb-lst.style2 table tbody tr td.toggle-link table td {position: static;display: table-cell;float: none;width: inherit;padding: 5px !important;font-size: 13px;}

/* 기술보유현황 */
    .tb-lst.style2 table tbody tr td.category-title {display:block;height: auto;line-height: 0.875rem;padding: 0 !important;padding-left: 0.875rem !important;}
    .tb-lst.style2 table tbody tr td.category-title:before {padding: 3px 0 0 0;}
    
/*  교육일정 1:1변경 */
    .style3 table tbody tr {min-height:inherit !important;padding: 0.5rem 0.5rem 0.8rem 2rem !important;}
    .style3 td.category-text {padding: 4px 0 0 0 !important;}
    .style3 td.category-title-text {left:inherit;top:inherit;padding: 0 !important;}
    .style3 tr.active td.category-title-text {border-bottom:0 !important;}

/* 이론진단응시 */
    .tb-lst.style7 table tbody tr td {padding: 5px 5px 5px 90px !important;min-height: 2rem !important;}
    .tb-lst.style7 table tbody tr td:before {width:80px;padding: 5px;}

/* 진단요소별근거Data관리 */
	.style5 table tbody tr {min-height: 50px; padding: 0.5rem 0.625rem;}

/* 개인별직무조회 */
    table tbody tr td.category-text .emphasis {font-size:16px;}

/* 나의 기술보기 */
    .tb-lst.style9 table tr {padding: 0.5rem  0.625rem;}
    .style1.style9 table.no-detail tbody tr td.category-title-text {width:auto;display:inline-block;padding: 4px 6px 0 !important;}
    .tb-lst.style9 table .category-text {float: none;padding-left: 6px !important;}
    .tb-lst.style9 table .detail-line {float:none}

 
/* flip-scroll */
#flip-scroll .cf:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }
	
	#flip-scroll table {width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	#flip-scroll th,
	#flip-scroll td {margin: 0;padding:0.5rem;vertical-align: top;border-top: none;}
	#flip-scroll th {text-align: left; }
	
	#flip-scroll table {display: block;position: relative;width: 100%;border-collapse: collapse;}
	#flip-scroll thead {display: block; float: left; }
	#flip-scroll tbody {display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr {display: block;}
	#flip-scroll th {display: block;text-align: right;}
	#flip-scroll tbody tr {display: inline-block; vertical-align: top; }
	#flip-scroll td {display: block;min-height: 1.25rem;text-align: left;}
	#flip-scroll td .btn {margin: 0;padding:0;border: none;font-size: 15px;line-height: 1;}
    
	.pagination .page-item .page-link {padding-left: 4px; padding-right: 4px;}
    .pagination .page-item.prev, .pagination .page-item.next {display:block}

/* 이론진단응시2 tb-lst + no-more-tables  */
    .tb-lst.style6 table.no-more-tables tbody tr {padding: 0.5rem 4rem 0.5em 0.625rem;min-height: 70px;}
    .tb-lst.style6 table.no-more-tables td.state {padding-left:0.25rem !important}
    .tb-lst.style6 table.no-more-tables td.state:before {display:none;}
    .tb-lst.style6 table.no-more-tables tbody tr td.category-title-text {padding-top: 0 !important;}

/* 진단점수승인신청 tb-lst + no-more-tables+check-badge  */
    .tb-lst.style6 table.no-more-tables.row-line tbody tr {padding: 0.5rem 4rem 0.5rem 1.7rem;}
    .tb-lst.style6 table.no-more-tables.row-line tbody tr.active {min-height:auto}
    .tb-lst.style6 table.no-more-tables tbody tr td.detail-line {background:none;}
    .tb-lst.style6 table.no-more-tables tbody tr td.detail-line.pl-0 {padding-left:0 !important}
    .tb-lst.style6 table.no-more-tables tbody tr td.fix-item {top:-4px}
    .tb-lst.style6 table.no-more-tables tbody tr td.category-title-text {/* overflow: hidden; *//* text-overflow: ellipsis; *//* white-space: nowrap !important; */font-size: 14px;}
    .style6 table.no-detail tbody tr td.toggle-link {padding:0 !important}

/* 개인별 기술매칭 */
   
    .style8 table tbody tr {padding: 0.4rem;}
    .style8 table tbody tr.active {padding-bottom:0;}
    .style8 table tbody tr td.check {padding: 0 0.5rem 0 0.25rem;top: 5px;}
    .style8 table tbody tr td.category-text {padding: 0 !important;margin-left:-0.4rem;margin-right:-0.4rem;}
    .style8 .no-more-tables td.title-text {padding-bottom:0}
    .style8 .no-more-tables td.title-text a{padding: 0;}
    .style8 .detail-info {margin-top: 0.625rem;}
    .style8 .title-text .detail-info {display:none}
    .style8 .detail-info p {margin-bottom:0;}
    .style8 .card-icon {right: 0;}

/* 기본기술 평가시트 */
    .assessment .card-body .btn-group, .assessment .btn-group > .btn {height:auto;}
    .assessment .total-score {width:100%;display: block;}
    .assessment .total-score tr {width: 100%;border-bottom: none !important;}
    
 

/* btn-back */
.btn-back {
    position: fixed;
    left: 1rem;
    bottom: 2rem;
    width: 55px;
    height: 55px;
    background: rgba(0,0,0,0.3);
    border-radius:50%;
    text-align: center;
    z-index: 10;
    transition: all .1s ease-out;
}
.btn-back .icon {
    display:inline-block;
    width:55px;
    height:55px;
	background:url(../Images/btn-back.png) no-repeat 0 0;}  

.btn-back:hover, .btn-back:focus {
   background: rgba(72,109,192,1);
}

}


	.tb-lst table tbody tr td.detail-category .badge {min-width:40px; display: inline-block;font-size: 12px; font-weight: 600; text-align:center; color:#555;}
	.tb-lst table tbody tr td.detail-category .badge.badge-success {background: #c7d87d !important;}
	.tb-lst table tbody tr td.detail-category .badge.badge-primary {background: #ccdff0 !important;}
	.tb-lst table tbody tr td.detail-category .badge.badge-danger {background: #fdb7b5!important;}

	.category-text .badge {min-width:40px; display: inline-block;font-size: 12px; font-weight: 600; text-align:center; color:#555;}
	.category-text .badge.badge-success {background: #fde585 !important;}
	.category-text .badge.badge-success-2 {background: #c7d87d !important;}
	.category-text .badge.badge-info {background: #ccdff0 !important;}
	.category-text .badge.badge-info-2 {background: #c9c7e0 !important;}
	.category-text .badge.badge-danger {background: #fdb7b5 !important;}


/* 이론진단응시 */
    .tb-lst.style7 table tbody tr td.title-text {position:relative;color: #3f568a;padding: 10px !important;padding-left: 10px !important;}
    .tb-lst.style7 table tbody tr td.title-text a {position: absolute;top:0;left:0;width:100%;height: 100%;z-index: 10;}

/* 기본기술 평가시트 */
    .assessment .list-group-item {padding:0.6rem 1.25rem !important}
    .assessment .list-group-item > p {line-height:1.7}


   .assessment .table-condensed>thead>tr>th, .assessment .table-condensed>tbody>tr>td {padding:4px; font-size:13px;}
   .assessment .table>tbody>tr>td.Tbtn {padding: 0;background: #eee; }
   .assessment .table>tbody>tr>td.Tbtn .btn {display:block;color:#3f568a}
   .assessment .table>tbody>tr>td.Tbtn .btn:hover, .assessment .table>tbody>tr>td.Tbtn .btn:focus {background:#ccc   }
   .assessment .table>tbody>tr>td.Tbtn.Tbtn-2 .btn {color:#d9534f}
   .assessment .table>tbody>tr>td.Tbtn.on {background:#3f568a;}
   .assessment .table>tbody>tr>td.Tbtn.Tbtn-2.on {background:#d9534f;}
   .assessment .table>tbody>tr>td.Tbtn.on .btn {color: #fff;}


@media only screen and (min-width: 768px) {
   .subcont .nav-tabs > li > a {font-size:1rem;}

	.search-form .btn-wrap {position:relative;margin-bottom:0;overflow:hidden;height: 100%;border-top:none;background: #f7f7f7;border-left: 1px solid #ddd;}
    .search-form .btn-wrap:before {content:'';display: none;position:absolute;top:0;left:0;width:1px;height: 100%;background:#ccc;}

	.table>thead>tr>td, .table>thead>tr>th, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th {padding:8px 14px;word-break: keep-all;/* white-space: nowrap; */}

	  /* table-sm */
    .pannel-sm .form-control {height:26px;font-size: 13px;}
    .pannel-sm textarea.form-control {height:auto;}
    .pannel-sm .btn {height:26px;padding:3px 8px;}

    .table-condensed>thead>tr>td, .table-condensed>thead>tr>th,
    .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th {padding: 4px;font-size: 13px;}
    .table-condensed td .btn {height: 26px;margin: 1px;padding: 2px;font-size: 12px;} 

	 /* no-more-tables */

	.no-more-tables td { 
		text-align: center;
		font-size: 0.875rem;
		color: #888;
	}
	.no-more-tables .text-title>a {color: #000;}
	.no-more-tables td.title-link {
		white-space: normal !important;
		padding:0;
	}
	.no-more-tables td.title-link a {
		display: block;
		padding: 12px 14px;
		font-weight: 600;
		position: relative;
	}

	table tbody tr td.category-title-text.category-sabun-title a,
	.style1 table.no-more-tables.no-detail.check-badge tbody tr td.category-title-text a {display: none;}
	.no-more-tables .card-detail {display:none;}
	.no-more-tables .detail .badge-primary,
	.no-more-tables .detail .badge-warning,
	.no-more-tables .detail .badge-light {
		background: transparent;
		color: #888;
		font-weight: 400;
	}

	.tb-lst table tbody tr td .card-icon {display:none;}
	
	
	.tb-lst table tbody tr td.category-text .badge {font-size:inherit; font-weight: 400; background: none !important; color:inherit; padding: 0;}
     
	table tbody tr td.detail-category.detail-category-sabun .btn {font-size: 13px;padding:2px; border-radius: 0px; line-height:inherit; background: none; border:none;color:#256ede;}
     #flip-scroll .flip-guide {display:none;}
	
	/* 테이블 헤더 틀고정 - IE제외 */
	.sticky-header th {position: -webkit-sticky; position: sticky; top: -1px; left:0; z-index:1;}
	
	/* 테이블 헤더 틀고정 - IE포함 */
    .fixed-table-container {
        width: 100%;
        height: 310px !important;
        position: relative;
        padding-top: 27px; /* header-bg height값 -1 */
        border-top: 1px solid #3f568a;
    }
	.fixed-table-container.thead-row-2 {		
        padding-top: 55px; /* header-bg height값 x2-1 */
	}
    .fixed-table-container .header-bg {
        background: #f7f8f9;
        height: 28px; /* header-bg height값 */
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        border-bottom: 1px solid #dee2e6;
		margin: 0;
    }
    .fixed-table-container.thead-row-2 .header-bg {
        height: 56px; /* header-bg height값 */
	}
    .fixed-table-container .pre-scrollable {
        overflow-x: hidden;
        overflow-y: auto;
        height: 100%;
		position:static;
    }
    .fixed-table-container table {
        width: 100%;
        border-collapse: collapse;
    }
    .fixed-table-container th {
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
        border-bottom: 1px solid #dee2e6 !important;
    }
    .fixed-table-container .th-text {
        position: absolute;
        top: 0;
        width: inherit;
        height: 28px; /* header-bg height값 */
        border-left: 1px solid #dee2e6;
        padding: 4px 0;
    }
	.fixed-table-container th:first-child .th-text {
		border-left:0;
	}
	.fixed-table-container.thead-row-2 tr:nth-child(1) .th-text.row2 {
        height: 56px; /* header-bg height값 x2 */
        line-height: 50px;
        border-bottom: 1px solid #dee2e6 !important;
        vertical-align: middle;
 }
    .fixed-table-container.thead-row-2 tr:nth-child(1) .th-text.row2.lh-auto {
    	line-height: inherit;
    	padding-top: 8px;
    }
	.fixed-table-container.thead-row-2 tr:nth-child(2) .th-text {
        top: 28px; /* header-bg height값 */
	}
	.fixed-table-container.thead-row-2 tr:nth-child(2) .th-text {
        border-top: 1px solid #dee2e6;
	}
	.fixed-table-container.thead-row-2 tr:nth-child(2) th:first-child .th-text {
        border-left: 1px solid #dee2e6;
	}

	.fixed-table-container.table-pc-lg {height: 460px !important;}

}
	

@media (min-width:992px) { 
.sub_wide .subcont .nav-pills.nav-justified>li.active>a,
.sub_wide .subcont .nav-pills.nav-justified>li.active>a:focus,
.sub_wide .subcont .nav-pills.nav-justified>li.active>a:hover {font-size: 1.125rem;}
}

@media all and (max-width:1330px) {
.tb-lst table tbody tr td .form-inline input {margin-bottom:4px;}
}

/** table_responsive-style2 **/
.board-list {margin: 0 0 10px 0;}
.board-list .badge {padding: 0.25rem 0.4rem;line-height: 1.3;font-size: 0.8125rem;font-weight: 600;border-radius: 0;}
.board-list .table td.tit>button {color: #3f568a;font-size: 15px;font-weight: 600;background:none;border:none}
.board-list .table td.tit button i {font-size:18px; vertical-align:text-bottom}

@media all and (max-width:767px) {
.board-list .table {border-top:1px solid #243352}
.board-list .table thead {display:none; width:0;}
.board-list .table th, .board-list .table td {border:none;padding: 4px;line-height: normal;}
.board-list .table tbody tr {position:relative;display:block;padding: 10px;border-bottom: 1px solid #dee2e6;}
.board-list .table td.tit {display:block;}
.board-list .table td.tit-info {text-align:right;}
.board-list .table td.bar:after {content:'';display:block;position:absolute;top: 10px;right:0;width:1px;height: 12px;background:#ccc;}
.board-list .table td.check {position: absolute;top: 16px;right: 10px;display: inline-block;}
}
@media (min-width: 768px) {
.table.table-bordered th, .table.table-bordered td {border:1px solid #dee2e6;border-top:1px solid #3f568a;}
}






/****************************** mypage ******************************/
/* lg_category */
.lg_category {margin-bottom:30px;border-top: #d7d7d7 solid 1px;border-left: #d7d7d7 solid 1px;} 
.lg_category ul {margin: 0;padding: 0;}
.lg_category ul li {padding:0;}

.lg_category ul li a {position:relative;display:inline-block;padding: 100px 10px 20px;width:100%;color: #333;font-size:16px;font-weight:600;border-width: 0;border-right: #d7d7d7 solid 1px;border-bottom: #d7d7d7 solid 1px;/* border-right: 1px solid #ddd; */background: #fff;cursor: pointer;text-align: center;}
.lg_category ul li a .ico {display:block;position:absolute;top: 20px;left: 50%;width:70px;height:70px;margin-left: -35px;background-image: url(../Images/lg_category_bg.png);background-repeat:no-repeat;background-position:0 0;}
/*20221011 HCS조회 페이지 배너수정으로 인해 공통 CSS부분 수정*/
/*.lg_category ul li.ct_2 a .ico {background-position:-400px 0;}*/
.lg_category ul li.ct_3 a .ico {background-position:-100px 0;}
.lg_category ul li.ct_4 a .ico {background-position:-200px 0;}
.lg_category ul li.ct_5 a .ico {background-position:-300px 0;}
.lg_category ul li.ct_6 a .ico {background-position:-500px 0;}
/*20221011 HCS조회 페이지 배너수정으로 인해 공통 CSS부분 CT9 추가*/
.lg_category ul li.ct_9 a .ico {background-position:-500px 0;}
.lg_category ul li a:hover, .lg_category ul li a:focus {opacity:1;color:#fff;background: #465c91;text-decoration:none;}
.lg_category ul li.on a {color:#fff;background: #5970a6;border: none;z-index: 10;}

.lg_category ul li.on.ct_1 a .ico, .lg_category ul li.ct_1 a:hover .ico, .lg_category ul li.ct_1 a:focus .ico {background-position:0 -110px;}
/*20221011 HCS조회 페이지 배너수정으로 인해 공통 CSS부분 수정*/
.lg_category ul li.on.ct_2 a .ico, .lg_category ul li.ct_2 a:hover .ico, .lg_category ul li.ct_2 a:focus .ico {background-position:0 -110px;}
.lg_category ul li.on.ct_3 a .ico, .lg_category ul li.ct_3 a:hover .ico, .lg_category ul li.ct_3 a:focus .ico {background-position:-100px -110px;}
.lg_category ul li.on.ct_4 a .ico, .lg_category ul li.ct_4 a:hover .ico, .lg_category ul li.ct_4 a:focus .ico {background-position:-208px -110px;}
.lg_category ul li.on.ct_5 a .ico, .lg_category ul li.ct_5 a:hover .ico, .lg_category ul li.ct_5 a:focus .ico {background-position:-300px -110px;}
.lg_category ul li.on.ct_6 a .ico, .lg_category ul li.ct_6 a:hover .ico, .lg_category ul li.ct_6 a:focus .ico {background-position:-524px -110px;}
/*20221011 HCS조회 페이지 배너수정으로 인해 공통 CSS부분 CT9 추가*/
.lg_category ul li.on.ct_9 a .ico, .lg_category ul li.ct_6 a:hover .ico, .lg_category ul li.ct_6 a:focus .ico {background-position:-524px -110px;}

/* button */
.lg_category ul li button {position:relative;display:inline-block;padding: 100px 10px 20px;width:100%;color: #333;font-size:16px;font-weight:600;border-width: 0;border-right: #d7d7d7 solid 1px;border-bottom: #d7d7d7 solid 1px;background: #fff;cursor: pointer;text-align: center;}
.lg_category ul li button .ico {display:block;position:absolute;top: 20px;left: 50%;width: 85px;height:70px;margin-left: -42px;background-image: url(../Images/lg_category_bg.png);background-repeat:no-repeat;background-position:0 0;}
/*20221011 HCS조회 페이지 배너수정으로 인해 공통 CSS부분 수정*/
/*.lg_category ul li.ct_2 button .ico {background-position:-400px 0;}*/
.lg_category ul li.ct_3 button .ico {background-position:-100px 0;}
.lg_category ul li.ct_4 button .ico {background-position:-200px 0;}
.lg_category ul li.ct_5 button .ico {background-position:-300px 0;}
.lg_category ul li.ct_6 button .ico {background-position:-500px 0;}
/*20221011 HCS조회 페이지 배너수정으로 인해 공통 CSS부분 CT9 추가*/
.lg_category ul li.ct_9 button .ico {background-position:-500px 0;}
.lg_category ul li button:hover, .lg_category ul li button:focus{opacity:1;color:#fff;background: #465c91;text-decoration:none;}
.lg_category ul li.on button{color:#fff;background: #5970a6;border: none;z-index: 10;}

.lg_category ul li.on.ct_1 button .ico, .lg_category ul li.ct_1 button:hover .ico, .lg_category ul li.ct_1 button:focus .ico {background-position:0 -110px;}
.lg_category ul li.on.ct_2 button .ico, .lg_category ul li.ct_2 button:hover .ico, .lg_category ul li.ct_2 button:focus .ico {background-position:0 -110px;}
.lg_category ul li.on.ct_3 button .ico, .lg_category ul li.ct_3 button:hover .ico, .lg_category ul li.ct_3 button:focus .ico {background-position:-100px -110px;}
.lg_category ul li.on.ct_4 button .ico, .lg_category ul li.ct_4 button:hover .ico, .lg_category ul li.ct_4 button:focus .ico {background-position:-200px -110px;}
.lg_category ul li.on.ct_5 button .ico, .lg_category ul li.ct_5 button:hover .ico, .lg_category ul li.ct_5 button:focus .ico {background-position:-300px -110px;}
.lg_category ul li.on.ct_6 button .ico, .lg_category ul li.ct_6 button:hover .ico, .lg_category ul li.ct_6 button:focus .ico {background-position:-500px -110px;}
/*20221011 HCS조회 페이지 배너수정으로 인해 공통 CSS부분 CT9 추가*/
.lg_category ul li.on.ct_9 button .ico, .lg_category ul li.ct_6 button:hover .ico, .lg_category ul li.ct_6 button:focus .ico {background-position:-500px -110px;}


/* mid_category */
.mid_category .section {position:relative;border:#ddd solid 1px;}
.mid_category h4 {margin:0;padding: 30px 0;text-align:center;color: #3f568a;font-size: 18px;}
.mid_category .section .section-body {width: 100%;height: 314px;margin:  0;overflow:auto;}
.mid_category ol {border-top:1px dashed #ccc}
.mid_category ol li {margin:0;padding:0;border-bottom: 1px dashed #ccc;list-style:none;}
.mid_category ol li button, .mid_category ol li a {display: block;width:100%;padding: 10px 20px;background:none;border:none;color:#595959;text-align: left;}
.mid_category ol li button .badge, .mid_category ol li a .badge {float: right;margin-top: 4px;}
.mid_category ol li button.on, .mid_category ol li a.on {background: #ebebeb;color: #333;font-weight:600;}
.mid_category ol li:hover button, .mid_category ol li:focus button,
.mid_category ol li:hover a, .mid_category ol li:focus a {background: #e2e2e2;}

.mCSB_scrollTools .mCSB_draggerContainer {top:10px;bottom:10px;}
.mCSB_inside > .mCSB_container {margin-right:0;}


/* Search Form _section */
.search-form.section_src {background:#fff}
.search-form.section_src .form-inline {border-bottom:#ccc solid 1px}
.search-form.section_src .form-group {padding: 12px 0;}
.search-form.section_src .form-group .c_tit {float:left; margin-top:4px}
.search-form.section_src .form-group label {vertical-align:center}
.search-form.section_src .form-group .ml_space {margin-left:100px;margin-top: -2px;}
.search-form.section_src .form-group .ml_space .checkbox-inline {margin-top:4px;}
.w_800 {width:100%;}

.search-form .form-group .form-check { margin-top: 6px;}
.search-form .form-group .form-check .checkbox-inline {float:left;width: 50%;}
.search-form .form-group .form-check .checkbox-inline span label {color: #888;}


.search-form .checkbox input[type=checkbox], .search-form .checkbox-inline input[type=checkbox], .search-form .radio input[type=radio], .search-form .radio-inline input[type=radio] {vertical-align:middle;}
.search-form input[type="submit"].btn-block, .search-form input[type="reset"].btn-block, .search-form input[type="button"].btn-block, .search-form .text-right .btn-block {font-weight: 600;line-height: 22px;}


.section-result {margin: 0 0 20px 0;padding: 0;}
.section-result .result_info strong {font-size: 16px;}
.section-result .result_info:after {content:'';display:none;margin:10px auto;width:1px;height:20px;background:#266898}
.section-result span {font-size:14px; color:#266898}

/* matching */
.matching {margin-right: -6px;margin-left: -6px;margin-bottom: 0.625rem;padding:0;}
.matching .col {padding:0 6px;}
.matching .inner_box {margin: 0;padding: 0.5rem 0.25rem;border-radius:0px;background: #f7f7f7;border: #eaeaea solid 1px;text-align:center;}
.matching .inner_box span {vertical-align:middle;}
.matching .inner_box .tit {display:inline-block;margin: 0 0 4px 0;padding: 0 4px;font-size:18px;font-weight:600;}
.matching .inner_box .label {display:block;margin:0;padding:10px;font-size:13px;vertical-align:middle;border-radius: 0;}

.matching.style2  .inner_box .tit {display: block;margin-bottom:0;padding: 0;}
.matching.style2 .inner_box span {display:inline-block;min-width:50px;}
.matching.style2 .inner_box span.badge-success {background: #c7d87d !important; color:#555}
.matching.style2 .inner_box span.badge-primary {background: #ccdff0 !important;color:#555}
.matching.style2 .inner_box span.badge-danger {background: #fdb7b5!important; color:#555}

/* matching_sm */
.matching_sm .inner_box .label {padding:6px;}
.matching_sm .inner_box .tit {font-size: 13px;}


/* login */
.login_modal {z-index:3001;min-width:320px;}
.login_modal .modal-body {padding:1rem 1.5rem;}
.login_modal .modal-header {background: #fff;}
.login_modal button.close {color:#666}
.login_modal ul {margin-bottom:0;}
.login_modal ul li {font-size:0.875rem}

@media (max-width:400px) {
	.matching.style2  .inner_box .tit {display: block;height: 32px;line-height: 32px;margin-bottom:0;padding: 0;}
    .matching.style2  .inner_box .tit.row2 {line-height:1rem;word-break: keep-all;word-wrap:break-word}
}

@media (min-width:768px) {
	.login_modal .modal-dialog {margin-top:120px;}
    .login_modal .modal-dialog {width:500px;}

    .lg_category ul {}
    .lg_category ul li {}
    .lg_category ul li a, .lg_category ul li button {text-align:center;}
    
    .search-form .form-group .form-check .checkbox-inline {float:none; width:auto; display:inline-block}
    .search-form input[type="submit"].btn-block, .search-form input[type="reset"].btn-block, .search-form input[type="button"].btn-block, .search-form .text-right .btn-block {margin-top: 0;margin: 0 auto;max-width: 80px;}
    
    
    .w_800 {width:inherit; width:800px !important;}
    .section-result .result_info {display:inline-block;}
    .section-result span {margin:0 10px;padding: 0 10px;border-left: #ccc solid 1px;}
    .section-result .result_info:after {display:none;}

	.mid_category .section:after {content:'';display:block;position:absolute;top:50%;right:-28px;background:url(../Images/arr7.png) no-repeat 0 0;width:17px;height:45px;}
    .mid_category .section.on, .mid_category .section:hover, .mid_category .section:focus {border:2px solid #3f568a}

}


/* modal */ 
.modal-dialog .table>thead>tr>td, .modal-dialog .table>thead>tr>th, 
.modal-dialog .table>tbody>tr>td, .modal-dialog .table>tbody>tr>th, 
.modal-dialog .table>tfoot>tr>td, .modal-dialog .table>tfoot>tr>th {
	word-break:normal;
}