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

html {
		background: #f8f8f8;
}

/* modal */
.modal-body {
		font-size: 13px;
}
ul.list-group {
		margin-bottom: 0px;
		padding-left: 0;
}
ul li.list-group-item {
		position: relative;
		display: block;
		padding: 7px 10px;
		margin-bottom: -1px;
		background-color: #fff;
		border-radius: 0;
		margin-top: 0;
		background-image: none;
		border: #d2d2d2 solid 1px;
}
ul.list-group .list-group-item:first-child {
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
}
ul .list-group-item:last-child {
		margin-bottom: 0;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
}
a.list-group-item, button.list-group-item {
		color: #555
}
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
		color: #333
}
.badge {
		font-size: 0.6875rem;
		font-weight: 600;
		border-radius: 10px;
		padding: 0.3rem 0.7rem;
}
.list-group-item > .badge {
		float: right;
}
.card-icon .badge, .card-point .badge {
		border-radius: 0;
		margin: 0.2rem;
		margin-bottom: 0.2rem;
}
.card-icon h4, .card-point h4 {
		padding-bottom: 1rem;
		border-bottom: 1px dashed #ddd;
}
.card-icon span.pass {
		font-size: 1.875rem;
		padding: 1rem 0;
		font-weight: bold;
		display: block;
}
.card-point {
		height: auto;
		font-size: 1.2rem;
		font-weight: 600;
		min-height: 12rem;
}
.card-point .point-txt {
		font-size: 1.25rem;
		padding: 2.2rem 0;
}
.card-icon {
		text-align: center;
		min-height: 205px;
		margin-bottom: 1rem;
}
.card-footer-btn.card-footer {
		padding: 0;
}
.card-footer-btn.card-footer .btn-wrap .btn {
		margin: 0;
}
.card .table td.bg-point01 {
		background: #f3fbf4;
}
/* Job & Career Guide Style */
.jobbox {
		padding: 0;
		margin: 0 0 20px 0;
		text-align: center;
}
.jobbox a, .jobbox.check {
		display: block;
		vertical-align: middle;
		padding: 10px;
		background-color: #fff;
		color: #184582;
		border: #ddd solid 1px;
		border-radius: 7px;
}
.jobbox a:hover, .jobbox a:focus {
		text-decoration: none;
		background: #f9feff;
}
.jobbox.check {
		background-color: #f5f5f5;
		padding: 15px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		text-align: center;
		margin: 0;
}
.jobbox a .badge-group {
		position: absolute;
		top: -10px;
		left: 15px;
}
.jobbox a .badge {
		font-size: 11px;
		padding: 5px 10px;
		border-radius: 13px;
		margin-right: 5px;
}
.jobbox a .name {
		font-size: 15px;
		display: block;
		line-height: 1.25em;
		height: 2.5em;
		overflow: hidden;
		padding-bottom: 1.25em;
		text-align: justify;
}
.jobbox a .name strong {
		font-weight: 600;
		line-height: 1.25em;
		width: 100%;
		height: 2.5em;
		display: table-cell;
		vertical-align: middle;
}
.jobbox a .info {
		display: block;
		font-size: 13px;
		color: #444;
		line-height: 1.5em;
		height: 10.25em;
		overflow: hidden;
		border-top: #ddd dashed 1px;
		margin-top: 0.95em;
		padding-top: 0.95em;
		text-align: justify;
}
@media(min-width: 992px) and (max-width:1199px) {
		.card-icon {
				text-align: center;
				min-height: 16.5rem;
				margin-bottom: 1.5rem;
		}
}
/* 직업탐색 */
.icon-rbox {
		margin: 0 0.625rem 1.25rem 0;
		padding: 0.9375rem;
		text-align: center;
		color: #000;
		font-weight: 600;
		font-size: 16px;
		line-height: 1.25em;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #fff;
}
.icon-rbox .subtitle-text {
		position: relative;
		margin-bottom: 10px;
}
.icon-rbox > strong {
		color: rgba(255, 255, 255, 0.8);
}
.icon-rbox .big {
		font-weight: 600;
		font-size: 48px;
		line-height: 1em;
		display: block;
		color: #fff;
}
.icon-rbox p {
		font-weight: 400;
		font-size: 12px;
		color: #555;
}
.icon-rbox p .label {
		font-weight: 600;
		font-size: 11px;
}
.icon-rbox a:hover, .icon-rbox a:focus {
		text-decoration: underline;
}
/* Memmber list */
.mlist-form {}
.mlist-form .mlist-info {
		position: relative;
		text-align: left;
		padding: 10px;
		margin: 0;
}
.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: 0px 0 0 15px;
		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 {
		margin-bottom: 4px;
		color: #333;
		font-weight: 600;
		letter-spacing: -0.05em;
}
.mlist-form .mlist-info .mlist li.name > strong {
		margin: 0;
		color: #5d9a1c;
		font-size: 1rem;
		font-weight: 800;
}
.mlist-form .mlist-info .mlist li.name:after {}
.mlist-form .mlist-info .mlist li.name > span {
		margin-left: 5px;
		color: #8e8f91;
		font-size: 12px;
}
.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: 80px;
		height: 80px;
		/* border-radius: 100px; */
		overflow: hidden;
}
.mlist-form .mlist-info .img img {
		max-width: 100%;
		height: 100%;
}
.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; */
}
/* site-list */
.site-list {
		margin-bottom: 20px;
}
.site-list a.site-img {
		display: block;
		margin-bottom: 5px;
		padding: 10px;
		text-align: center;
		border: 1px solid #ddd;
		background: #fff;
}
.site-list a.site-img > img {
		max-width: 100%;
}
/* board-apply */
.board-apply {
		position: relative;
		margin-bottom: 2rem;
}
.board-apply .thumb {
		position: relative;
		display: block;
		background-color: #545454;
		overflow: hidden;
		height: 0;
		padding-bottom: 60%;
		background-image: url(/common/images/thumb-non.png);
		background-repeat: no-repeat;
		background-position: center;
}
.board-apply .thumb img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		transition: all .4s ease-in-out;
}
.board-apply a.tit {
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0px;
		cursor: pointer;
		transition: all 0.2s ease-out;
		background: #fff;
		z-index: 1;
}
.board-apply a > span {
		display: inline-block;
		width: 100%;
		height: 30px;
		padding: 2px 0;
		color: #666;
		line-height: 2em;
		text-overflow: ellipsis;
		text-align: left;
		overflow: hidden;
		white-space: nowrap;
		vertical-align: middle;
}
.board-apply a > span.d-day {
		width: 55px;
		height: 50px;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0.7143rem;
		z-index: 9;
		color: #fff;
		background: #00b7ee;
		font-weight: 600;
}
.board-apply a > span.facil {
		margin-top: 0.7143rem;
		padding: 0 0.7143rem;
		font-weight: 600;
		color: #0366cf;
}
.board-apply a > span.category {
		height: 20px;
		margin-bottom: 0.3571rem;
		padding: 0 0.7143rem;
		line-height: 1.2;
		color: #7a7a7a;
}
.board-apply a > span.txt {
		display: block;
		height: 46px;
		margin-bottom: 8px;
		padding: 0 10px;
		color: #020202;
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.3em;
		letter-spacing: -0.05em;
		overflow: hidden;
		text-overflow: initial;
		white-space: normal;
		text-align: left;
}
.board-apply a > span.date {
		color: #999;
		padding: 0 0.7143rem;
		letter-spacing: -0.05em;
}
.board-apply a:hover, .board-apply a:focus {
		text-decoration: none;
		transition: 0.3s;
}
.board-apply a:hover .thumb img, .board-apply a:focus .thumb img {
		transform: scale(1.2);
		transition: 0.3s;
}
.board-apply .btn-group {
		width: 100%;
}
.board-apply .btn-group > a.btn {
		display: inline-block;
		width: 50%;
		float: left;
		color: #fff;
		border: 0;
		min-width: auto;
}
/*Popup 안의 profile*/
.popup #sidebar {
		box-shadow: 0 0 3px #ddd;
}
.popup .snb_wrap {
		float: left;
		width: 22%;
		height: 100%;
}
.snb_wrap .snb_tit {
		margin: 0;
		word-break: break-all;
		padding: 1rem;
		font-size: 1.571rem;
		font-weight: 600;
		text-align: center;
		color: #333;
		background: #fff url(../Images/snb_bg.png) no-repeat -245px -184px;
		line-height: 30px;
}
.snb_tit > span {
		font-size: 15px;
		line-height: 1.2em;
		margin-bottom: 10px;
		display: block;
		color: #16a5bb;
}
.popup .profile {
		background: #ffffff;
		/* background: #efefef; */
		position: relative;
		text-align: left;
		padding: 15px;
		margin: 0;
}
.popup .profile .photo.care {
		border: #f8b500 solid 4px;
}
.popup .ibox .profile .photo {
		top: 0;
		left: 0;
}
.popup .profile .photo.t0 {
		top: 0;
}
.popup .snb-inner {
		margin: 0;
		padding: 0;
		position: relative;
}
.popup .profile ul {
		margin: 0;
		padding: 0;
		list-style: none;
}
.popup .profile li {
		padding: 0 0 0 80px;
		margin: 0 0 5px 0;
		list-style: none;
		background-image: none;
		color: #777;
		word-break: break-all;
		font-size: 12px;
		position: relative;
		min-height: 18px;
}
.popup .profile li span.tit {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 80px;
		color: #004872;
}
.popup .snb-inner li {
		list-style-type: none;
		background: #002148;
		margin: 0;
		padding: 0;
		border-bottom: rgba(255, 255, 255, 0.11) solid 1px;
}
.popup .snb-inner li a {
		display: block;
		margin: 0;
		padding: 0px 15px;
		font-size: 15px;
		font-weight: 600;
		line-height: 40px;
		color: #ffffff;
}
.popup .snb-inner li.active > a, .popup .snb-inner li > a:hover, .snb-inner li > a:focus {
		font-weight: 600;
		background: #0366cf;
}
.popup .snb-inner li.active ul {
		display: block;
}
.popup .snb-inner li > a:hover, .popup .snb-inner li > a:focus {
		color: #ffffff;
		font-weight: 600;
		background: #0366cf;
		text-decoration: none;
}
.popup .snb-inner li ul {
		border-top: #6b6c73 solid 1px;
		background-color: #f6f9fb;
		padding: 7px 15px;
		display: none;
}
.popup .snb-inner li ul li {
		border-bottom: none;
		background-color: #f6f9fb;
}
.popup .snb-inner > li ul li a {
		display: block;
		padding: 0;
		color: #545454;
		font-size: 13px;
		line-height: 23px;
		background: none !important;
}
.popup .snb-inner li.active li a {
		color: #595959;
		font-weight: 500;
}
.popup .snb-inner li.active li.active a {
		color: #0062b4;
		font-weight: 600;
}
.popup .snb-inner li ul li > a:hover, .snb-inner ul li > a:focus {
		color: #0366cf;
		background: none !important;
}
.popup .snb-inner li.active a, .snb-inner li a:hover, .snb-inner li a:focus {
		color: #fff;
}
.popup .snb-inner a span {
		padding-top: 4px;
		font-size: 11px;
}
.popup .profile .myinfo {
		padding: 2px 0 0 80px;
		margin: 0 0 10px 0;
		min-height: 70px;
		position: relative;
}
.popup #content.subcont {
		float: right;
		width: 76%;
}
.icon-contwrap {
		position: relative;
		padding-left: 90px;
		margin-bottom: 20px;
}
.icon-contwrap .icon-title {
		position: absolute;
		top: 0;
		left: 0;
		display: inline-block;
		width: 70px;
		line-height: 1.25em;
		padding: 0;
		margin: 0;
		overflow: hidden;
		font-size: 13px;
		text-align: center;
		color: #666;
}
.icon-contwrap .icon-title .icon {
		display: block;
		width: 70px;
		height: 70px;
		border-radius: 50px;
		background-color: #f5f5f5;
		background-position: center;
		background-repeat: no-repeat;
		line-height: 0;
		font-size: 0;
		margin: 0 0 5px 0;
		padding: 0;
}
.icon-contwrap .icon-title .icon.icon01 {
		background-image: url('../images/icon01.png');
}
.icon-contwrap .icon-title .icon.icon02 {
		background-image: url('../images/icon02.png');
}
.icon-contwrap .icon-title .icon.icon03 {
		background-image: url('../images/icon03.png');
}
.icon-contwrap .icon-title .icon.icon04 {
		background-image: url('../images/icon04.png');
		background-position-x: 18px;
}
.icon-contwrap .icon-title .icon.icon05 {
		background-image: url('../images/icon05.png');
}
.icon-contwrap .icon-title .icon.icon06 {
		background-image: url('../images/icon06.png');
		background-position-x: 16px;
}
.icon-contwrap .icon-title .icon.icon07 {
		background-image: url('../images/icon07.png');
}
.icon-contwrap .icon-title .icon.icon08 {
		background-image: url('../images/icon08.png');
}
.icon-contwrap .icon-title .icon.icon09 {
		background-image: url('../images/icon09.png');
}
.icon-contwrap .icon-title .icon.icon10 {
		background-image: url('../images/icon10.png');
}
.icon-contwrap .icon-title .icon.icon11 {
		background-image: url('../images/icon11.png');
		background-position-x: 16px;
}
.icon-contwrap .icon-cont {
		border-left: #ddd solid 1px;
		min-height: 100px;
		padding-left: 10px;
		text-align: justify;
}
.icon-contwrap h5 {
		margin-top: 0;
}
@media (max-width: 1023px) {
		/* sub */ .popup .snb_wrap {
				display: none
		}
		.popup #content.subcont {
				float: none;
				width: 100%;
				margin-left: 0;
		}
}
/* Sitemap */
.Sitemap .col-sm-4 {
		margin-bottom: 1rem
}
.Sitemap h4 {
		font-size: 18px;
		font-weight: 600;
		padding: 1.25rem 1rem;
		background: none;
		margin: 0;
		color: #003d7d;
		border-top: 2px solid #0366cf;
		border-bottom: 1px solid #ccc;
		background: #fff;
}
.Sitemap ul {
		margin: 0;
		padding: 1rem;
		border-bottom: 1px solid #ccc;
		list-style: none;
		background: #fff;
}
.Sitemap ul li {}
.Sitemap ul > li > a {
		/* padding: 6px 0 6px 10px; */
		color: #000;
		display: block;
}
.Sitemap ul li ul {
		border-top: 1px dotted #ddd;
		padding: 0;
		margin: 0 0 5px 0;
}
.Sitemap ul li ul li {
		padding: 2px 0 2px 15px;
}
.Sitemap ul li ul > li > a {
		background: url(../Images/bullet03.gif) no-repeat 0 12px;
		color: #767676;
		padding: 4px 0 4px 10px;
}
.Sitemap ul li a:hover, .Sitemap ul li a:focus {
		color: #003d7d;
		font-weight: bold;
}
/* table-list */
.table-list {}
.table-list > h4, .card h4.card-header-title {
		margin: 0;
		padding: 0.5714rem 1rem;
		border-bottom: #d2d2d2 solid 1px;
		font-size: 0.875rem;
		background: #e9f4f7;
}
.card h4.card-header-title {
		border-top: #d2d2d2 solid 1px;
}
.table-list .photo {
		position: relative;
		display: block;
		width: 94%;
		height: 0;
		margin: 3%;
		padding-bottom: 57% !important;
		background: #f0f1f5 url(/common/images/thumb-non.png) no-repeat 50% 50%;
}
.table-list .photo > img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: all 0.5s ease, transform 1s ease;
}
.table-list ul {
		margin-bottom: 0;
}
.table-list ul li {
		padding: 0.5714rem 1rem;
		margin-bottom: 0;
		border-bottom: #d2d2d2 solid 1px;
		background: none;
}
.table-list ul li > strong {
		display: inline-block;
		float: left;
		min-width: 126px;
		padding-left: 0.2857rem;
}
.table-list ul li > p {
		padding-left: 126px;
		margin-bottom: 0;
}
.table-list ul li > ul {
		margin-top: 28px;
}
.table-list ul li > ul > li {
		border-bottom: #d2d2d2 dashed 1px;
}
@media (min-width: 768px) {
		.table-list ul li > ul {
				margin-top: 0;
				margin-left: 125px;
		}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
/*20191216 추가스타일요청 1 - 박스리스트*/
.list-box {}
.list-box ul {
		overflow: hidden;
		border-left: 1px solid #d4d4d4;
}
.list-box ul li {
		list-style: none;
		background: none;
		margin-bottom: 0;
		background-color: #fff;
}
.list-box ul li a {
		display: block;
		height: 245px;
		position: relative;
		padding: 1.429rem;
		border-right: 1px solid #d4d4d4;
		background: url(../images/list-bg.png) repeat-x 100% 100%;
}
.list-box ul li a:after {}
.list-box ul li a .txt {
		height: 60px;
		display: block;
		display: -webkit-box;
		margin-top: 0.5rem;
		overflow: hidden;
		font-size: 0.9375rem;
		line-height: 1.4;
		color: #808080;
		text-align: justify;
		text-overflow: ellipsis;
		word-break: break-all;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
}
.list-box ul li a strong {
		font-size: 1.125rem;
		display: inline-block;
		width: 100%;
		margin-bottom: 0;
		color: #2b2b2b;
		white-space: nowrap;
		font-weight: 700;
		letter-spacing: -0.05rem;
		overflow: hidden;
		text-overflow: ellipsis;
}
.list-box ul li div.badge-wrap {
		margin-top: 0.3571rem;
}
.list-box ul li div.badge-wrap .badge {
		margin-bottom: 0.1875rem;
}
.list-box ul li a .cate {
		display: block;
		position: absolute;
		bottom: 0px;
		right: 0px;
		background-image: url(../images/cate-bg.png);
		width: 80px;
		background-repeat: no-repeat;
		height: 94px;
		word-break: break-all;
		padding-top: 27px;
		line-height: 1.2;
		font-weight: 700;
		padding-left: 12.5px;
		padding-right: 36px;
}
.list-box ul li a:hover:after {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		box-sizing: border-box;
		top: 0;
		left: 0;
		transition: 0.5s;
		padding: 1.25rem;
		content: '';
		border: 2px solid #0366cf;
}
.list-box ul li a:hover {
		background-color: rgba(247, 247, 247, 0.50);
}
.list-box ul li:first-child a {
		background-image: url(../images/list-bg.png), url(../images/list-bg.png);
		background-repeat: repeat-x, repeat-x;
		background-position: 0 0, 100% 100%;
}
@media (min-width: 576px) {
		.list-box ul li:first-child a, .list-box ul li:nth-child(2) a {
				background-image: url(../images/list-bg.png), url(../images/list-bg.png);
				background-repeat: repeat-x, repeat-x;
				background-position: 0 0, 100% 100%;
		}
}
@media (max-width: 1199px) and (min-width:768px) {
		.list-box ul li:first-child a, .list-box ul li:nth-child(2) a, .list-box ul li:nth-child(3) a {
				background-image: url(../images/list-bg.png), url(../images/list-bg.png);
				background-repeat: repeat-x, repeat-x;
				background-position: 0 0, 100% 100%;
		}
		.list-box ul li:nth-child(4) a {
				background-image: url(../images/list-bg.png);
				background-repeat: repeat-x;
				background-position: 0 100%;
		}
}
@media (min-width: 1200px) {
		.list-box ul li:first-child a, .list-box ul li:nth-child(2) a, .list-box ul li:nth-child(3) a, .list-box ul li:nth-child(4) a {
				background-image: url(../images/list-bg.png), url(../images/list-bg.png);
				background-repeat: repeat-x, repeat-x;
				background-position: 0 0, 100% 100%;
		}
}
/*20191216 추가스타일요청 2 - 박스리스트 (변형스타일)*/
.list-box.no-cate ul li a:before {
		display: block;
		content: '';
		position: absolute;
		right: 0;
		bottom: 0;
		background-color: #e8e8e8;
		background-image: url(../images/more-btn-off.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		width: 35px;
		height: 35px;
}
.list-box.no-cate ul li a:hover:before {
		background-image: url(../images/more-btn-on.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-color: #2d6dc4;
}
/*20191217 추가스타일- 채용캘린더*/
/*월간*/
.calendar.job-calendar .list-item {
		margin-bottom: 0.3125rem;
		margin-top: 0.3125rem;
}
.calendar.job-calendar .list-item > a {
		background: none;
		color: #444;
		text-overflow: ellipsis;
}
.calendar.job-calendar .list-item > a:hover {
		color: #003d7d;
		font-weight: 600;
}
.calendar.job-calendar .calendar-month table td {
		height: 155px;
}
/*주간*/
.calendar.job-calendar .calendar-weekly table td {
		height: 230px;
}
.calendar.job-calendar table td .txt-wrap {
		padding-bottom: 0;
}
.job-calendar .today {
		background-color: #ECFDFF;
		position: relative;
}
.job-calendar .today:before {
		content: '';
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #0366cf;
		top: 0;
		left: 0;
		z-index: 0;
}
.calendar .calendar-weekly .today .num {
		color: #007bff;
		font-weight: 600;
}
.calendar.job-calendar .num {
		display: block;
		margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
		.calendar .calendar-weekly .table {
				border-spacing: 0;
				border-bottom: 1px solid #dee2e6;
				border-top: 1px solid #002148;
		}
		.calendar .calendar-weekly .table thead {
				display: block;
				width: 20%;
				float: left;
		}
		.calendar .calendar-weekly .table thead th {
				display: block;
				float: left;
				height: 165px;
		}
		.calendar .calendar-weekly .table tbody td {
				height: 165px;
		}
		.calendar .calendar-weekly .table tbody {
				display: block;
				white-space: nowrap;
				width: 80%;
				float: left;
		}
		.calendar .calendar-weekly .table tbody tr {
				margin: 0 -3px;
				width: 100%;
		}
		.calendar .calendar-weekly th {
				width: auto;
				display: block;
		}
		.calendar .calendar-weekly th, .calendar .calendar-weekly td {
				display: block;
				padding: 0.5rem;
				width: 100%;
				border-bottom: none;
		}
		.calendar-weekly thead th {
				border-color: #ddd;
		}
		.calendar .calendar-weekly .table tbody td {
				border-left: none;
		}
		.calendar .calendar-weekly .list-item {
				width: 50%;
				margin-top: 0.1875rem;
				margin-bottom: 0.1875rem;
				float: left;
		}
}
/*일간*/
.pick-date ul {
		margin-top: 1rem;
		table-layout: fixed;
		border-left: 1px solid #dee2e6;
		overflow: hidden;
		display: table;
		width: 100%;
		margin-bottom: 0;
}
.pick-date ul li {
		background: none;
		text-align: center;
		padding: 0;
		width: inherit;
		display: table-cell;
}
.pick-date ul li a {
		padding: 0.3125rem;
		vertical-align: middle;
		border-top: 1px solid #002148;
		border-bottom: 1px solid #dee2e6;
		border-right: 1px solid #dee2e6;
		background-color: #f2f4f6;
		text-align: center;
		font-weight: 600;
		display: block;
		white-space: nowrap;
}
.pick-date ul li.active a, .pick-date ul li a:hover, .pick-date ul li a:focus {
		background-color: #ffffff;
		/* border-bottom: 0; */
		font-weight: 600;
		color: #0366cf;
}
.daily-list > li {
		background: none !important;
		font-size: 0.875rem;
		display: table;
		padding: 0.9375rem 0rem 0.9375rem 0rem !important;
		margin: 0 !important;
		width: 100%;
		border-bottom: 1px solid #ddd;
		overflow: hidden;
}
.daily-list > li > div {
		display: table-cell;
		vertical-align: middle;
}
.daily-list > li > div.daily-cell01 {
		width: 18%;
		overflow: hidden;
		word-break: break-all;
		font-weight: 600;
		font-size: 0.9375rem;
		padding-left: 4.2rem;
		position: relative;
}
.daily-list > li > div.daily-cell01 .badge {
		position: absolute;
		left: 1rem;
}
.daily-list > li > div.daily-cell02 {
		width: 52%;
		color: #777;
		font-size: 0.8125rem;
}
.daily-list > li > div.daily-cell02 a {
		display: inline-block;
		margin-bottom: 0.2rem;
		font-size: 0.9375rem;
}
.daily-list > li > div.daily-cell03 {
		width: 15%;
		text-align: center;
		color: #777;
		font-size: 0.8125rem;
}
.daily-list > li > div.daily-cell04 {
		width: 15%;
		text-align: center;
		color: #777;
		line-height: 1.5;
		font-size: 0.8125rem;
}
@media (max-width: 991px) {
		.daily-list > li > div.daily-cell01 {
				width: 22%;
		}
		.daily-list > li > div.daily-cell02 {
				width: 48%;
		}
		.daily-list > li > div.daily-cell03 {
				width: 15%;
		}
		.daily-list > li > div.daily-cell04 {
				width: 15%;
				text-align: center;
		}
}
@media (max-width: 767px) {
		.daily-list > li > div.daily-cell01 {
				width: 27%;
		}
		.daily-list > li > div.daily-cell02 {
				width: 40%;
		}
		.daily-list > li > div.daily-cell03 {
				width: 18%;
		}
		.daily-list > li > div.daily-cell04 {
				width: 15%;
				text-align: center;
		}
}
@media (max-width: 575px) {
		.daily-list > li {
				display: block !important;
				width: 100%;
		}
		.daily-list > li > div.daily-cell01 {
				width: 100%;
				display: block;
				font-size: 1rem;
				margin-bottom: 1rem;
				float: left;
				padding-left: 3.2rem;
		}
		.daily-list > li > div.daily-cell01 .badge {
				left: 0;
		}
		.daily-list > li > div.daily-cell02 {
				width: 100%;
				display: block;
				float: left;
				margin-bottom: 0.75rem;
		}
		.daily-list > li > div.daily-cell03 {
				width: 40%;
				display: block;
				float: left;
				border-right: 1px solid #bbbbbb;
				text-align: left;
				line-height: 1;
		}
		.daily-list > li > div.daily-cell04 {
				width: 60%;
				float: left;
				line-height: 1;
				font-size: 0.8125rem;
				text-align: center;
				display: block;
		}
		.daily-list > li > div.daily-cell04 br {
				display: none;
		}
}


.line-gap {width: 100%;margin: 2.4rem 0;clear: both;border-top: 2px dotted #e4e4e4;}

.tit-box{
	display: inline-block;
    text-align: center;
    background: #ddd;
    padding: 10px;
    color:#fff;
    border-radius: 10px;
    min-width:100px;
}

.table-style tr > td:last-child {border-left: 1px solid transparent;}
.tit-strong{font-weight: 600;}


/* cont-intro */
.cont-intro {position:relative;font-size:16px;background:#fff;border:1px solid #ccc;z-index:1;display: -ms-flexbox;display: flex;-ms-justify-content: center;align-items:center;height:auto;padding: 20px 0;}
.cont-intro:after {content:"";position:absolute;top:-1px;right:-1px;display:block;width:38px;height:10px;background:#0796b2;z-index:2}
.cont-intro:before {content:"";position:absolute;top:0;right:-1px;display:block;width:10px;height:38px;background:#0796b2;z-index:2}
.cont-intro .icon {position:absolute;top: 40px;left:40px;display:block;width:95px;height:80px;}
.cont-intro.icon01 .icon {background:url(/site/resource/images/intro_icon01.png) no-repeat 0 0}
.cont-intro .txt-box {padding: 20px 30px 20px 180px;}
.cont-intro .txt-box.nostxt {padding:30px 30px 0 180px}
.cont-intro .txt-box .line {border-top:1px solid #ccc;padding:20px 0 0}
.cont-intro .txt-box .ptit {display:inline-block;color:#222;font-size:1.438rem;font-weight:500;line-height:1.363;letter-spacing:-.05em}
.cont-intro .txt-box .stxt {color:#555;font-size:1em;letter-spacing:-.05em;margin: 0;line-height:1.5;}

@media all and (max-width:1300px) {
	.cont-intro .txt-box .ptit br {display:none}
	
}

@media all and (max-width:992px) {
	.cont-intro {}
	.cont-intro .txt-box {padding:30px 30px 30px 150px}
	.cont-intro .txt-box.nostxt {padding:30px 20px 0 150px}
	.cont-intro .txt-box .ptit {font-size:1.438em}
}
@media all and (max-width:768px) {
	.cont-intro {min-height:100px}
	.cont-intro:after {width:27px;height:7px}
	.cont-intro:before {width:7px;height:27px}
	.cont-intro .icon,
	.cont-intro.icon01 .icon {background-size:67px auto;width:67px;height:56px;left:20px}
	.cont-intro .txt-box {padding:20px 20px 20px 110px}
	.cont-intro .txt-box.nostxt {padding:20px 20px 0 110px}
	.cont-intro .txt-box .ptit {font-size:1.250em}
	.kb-intro03 .txt-box .stxt {font-size:0.938em}
	.cont-intro .txt-box .line {padding:15px 0 0}
}
@media all and (max-width:576px) {
	.cont-intro .icon {top:10px;left:10px}
	.cont-intro .txt-box {padding: 20px 20px 20px 90px;}
	.cont-intro .txt-box.nostxt {padding:15px 15px 0 90px}
	.cont-intro .txt-box .ptit {font-size:1.125em}
	.cont-intro .txt-box .line {padding:10px 0 0}
}
@media all and (max-width:420px) {
	.cont-intro {border: 2px solid #ddd;padding: 0;}
	.cont-intro .txt-box {padding: 20px;}
	.cont-intro .txt-box.nostxt {padding:15px 15px 0 15px}
	.cont-intro .icon, 
	.cont-intro.icon01 .icon {
		display:none;
  }
}



/* 담당자 */
.opi {
	border: 2px dotted #ccc;
}
.opi-header,
.opi-body {
	padding: 10px;
}
.opi-header {
	background-color: #faf9fd;
	flex-wrap: wrap;
}
.opi-header .ly-item-info,
.opi-header .ly-item-count {
	flex: 100%;
}
.opi-header .ly-item-info {
	width: 100%;
	margin-bottom: 8px;
}
.opi-header .ly-item-count {
	display: flex;
	align-items: center;
	justify-content: center;
}

.opi-header-list {
	width: 100	justify-content: center;
	display: block;
	margin: 0 !important;
}
.opi-header-list li {
	position: relative;
	padding: 0 10px;
	margin: 0;
	word-break: keep-all;
	display: block;
	vertical-align: top;
	text-align: center;
}
.opi-header-list li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -0.5px;
	transform: translateY(-50%);
	display: none;
	width: 1px;
	height: 12px;
	background-color: #ccc;
}
.opi-header-list li:first-child {
	padding-left: 0;
}
.opi-header-list li:last-child {
	padding-right: 0;
}
.opi-label,
.opi-value {
	font-size: 0.875rem;
}
.opi-label {
	color: #222;
	margin-right: 8px;
	display:none;
}
.opi-title {
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 30px;
	font-size: 0.9375rem;
	color: #222;
	background: url(/_res/kibo/_share/img/opi-tit-bg.png) no-repeat 0 0;
}
.opi-input-box {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.opi-body textarea {
	border: none;
	border-radius: 5px;
	background-color: #f8f9fc;
	resize: none;
	font-size: 0.9375rem;
	color: #555;
}
.opi-btn-box {
	align-items: center;
	flex-wrap: wrap;
}
.opi-btn-box > .ly-item {
	flex: 0 0 100%;
	max-width: 100%;
}
.opi-btn-box .ly-item-radio {
	margin-bottom: 1rem;
}

.opi-input-box p {margin:5px 0  10px!important}

@media (min-width: 420px) {
	.opi-header-list {
		display: flex;
	}
	.opi-header-list li {
		width: auto;
		display:block;
	}
	.opi-header-list li:not(:last-child)::after {
		display: inline-block;
	}
	.opi-label {
		display:inline-block;
	}
}
@media (min-width: 576px) {
	.opi-header,
	.opi-body {	padding: 15px;
	}
	.opi-header .ly-item-info,
	.opi-header .ly-item-count {
		flex: 0 1 auto;
	}
	.opi-header .ly-item-info {
		width: auto;
		margin-bottom: 0;
	}
	.opi-header-list li {		
		padding: 0 24px;
	}
	.opi-title {
		margin-bottom: 15px
	}
}
@media (min-width: 768px) {
	.opi-body {
		padding: 20px;
	}
	.opi-header-list li {		
		padding: 0 32px;		
	}
	.opi-label,
	.opi-value {
		font-size: 1rem;
	}
	.opi-btn-box {
		flex-wrap: nowrap;
		margin-bottom: 24px;
	}
	.opi-btn-box > .ly-item {
		flex: 0 1 auto;
		max-width: none;
	}
	.opi-btn-box .ly-item-radio {
		margin-bottom: 0;
	}

	.opi-btn-box .ly-item-btn button {
		min-width: 8.75rem;
	}
	
}
@media (min-width: 992px) {
	.opi-header {
		flex-wrap: nowrap;
	}
	.opi-header,
	.opi-body {
	padding: 25px;
	}	
	.opi-header-list {
		width: auto;
		justify-content: flex-start;
	}
	.opi-label {
		margin-right: 10px;
	}
	.opi-input-box p {margin:15px 0 20px !important}
}
@media (min-width: 1200px) {
	.opi-btn-box .ly-item-btn button {
		min-width: 11.25rem;
	}
}


.BtnBT {
    text-align: center;
    clear: both;
    overflow: hidden;
    margin: 30px 0;
}

.go_btn a {letter-spacing:-1px;cursor:pointer;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;
	border-top:2px solid #0796b2;position:relative;color:#0796b2;font-size:20px;display:inline-block;vertical-align:top;padding:20px 85px 20px 30px;font-weight:bold;border-radius:50px;}
.go_btn a:after {position:absolute;top:50%;right:10px;margin-top:-21px;content:"";display:block;width:41px;height:41px;background:url('/site/resource/images/h_button.png') no-repeat;transition:all .3s ease}
.go_btn a.btn-down:after {background-position:0 0;}
.go_btn a:hover {text-decoration:underline;}
.go_btn a.btn-down:hover:after {background-position:0 -41px}