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

/********** sub common **********/
body.sub .topPanelContainer {position:fixed;}
/**
 top:32px; => top:0px;
*/
body.sub .headerContainer { z-index: 1000; position:fixed; left:0; height: 80px; background:#212f3c; box-shadow: 0px 1px 4px rgba(0,0,0,0.3);  border-bottom:1px solid #334e67; }
/**
 padding-top:112px; => padding-top:80px;
*/
body.sub .contentsContainer { background-color: #fff; padding-bottom: 40px; padding-top:80px; }
body.sub .contentsContainer .layoutWrap {padding:0 40px;}
body.sub .mainContentsArea { width: 100%; }
/*body.sub #footer {background-color: #343e49;}*/

/* pageHeader */
.pageHeader {
	display: inline-block;
	width: 100%;
	padding: 40px 0 20px;
	background-repeat:no-repeat;
	background-position: 380px 0px;
	margin-top: -1px;
}
.pageHeader h4 { margin-top: 0; font-size: 30px; }
.pageHeader p {font-size:15px; color: #777; }
.pageHeader.s01 {background-image: url('../../img/sub/sub_header_01.png');}
.pageHeader.s02 {background-image: url('../../img/sub/sub_header_02.png');}
.pageHeader.s03 {background-image: url('../../img/sub/sub_header_03.png');}
.pageHeader.s04 {background-image: url('../../img/sub/sub_header_04.png');}
.pageHeader.s05 {background-image: url('../../img/sub/sub_header_05.png');}

.layoutWrap .pageHeader h4, h5{
	line-height: 1.1;
	margin-bottom: 10px;
}
.layoutWrap .pageHeader h4 span {
  font-size: 20px;
  font-weight: bold;
  margin-left: 4px;
}

/* lnb */
.lnbContainer {font-size:0;}

.lnb {background-color:#f9f9f9; border: 1px solid #ddd; }
.lnb li {position:relative; border: 1px solid #ddd; float:left; margin:-1px;}
.lnb li a {display: inline-block; width: 100%; font-size: 16px; padding: 10px 20px; font-weight:600; background-color:#f9f9f9;}
.lnb li > i.fa {display:none; font-size:20px; color:#fff; position:absolute; right:14px; top:10px;}
.lnb li a:hover, .lnb li a:focus, .lnb li.active a, .lnb li.active a:hover, .lnb li.active a:focus { background:rgb(46, 77, 107) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJ0lEQVQYV2NkQAP///+XZEQWAwswMj6HC8IEQIrAgsgCYEF0AZAgAL95ExwZjFIOAAAAAElFTkSuQmCC'); color: #fff; }
 .lnb li.active > i.fa {display:inline-block;}
 
 
/* content */
.mainContentsArea {
	display: flex;
	flex-flow: column;
}
.searchForm {
	display: flex;
	justify-content: flex-end;
}
.content h5 {font-size: 24px; letter-spacing: -1px; color: #2f2f2f; margin:18px 0; position:relative; padding-left:20px;}
.content h5:before {content: ''; height: 14px; width: 14px; display: block; background: #ffc618; border: 1px solid #e89800; position: absolute; top: 5px; left: 0px; border-radius: 10px;}
.content p { font-size: 17px; white-space: pre-line; margin-bottom:30px; padding:0 20px;}
/*.content a { font-size: 17px; white-space: pre-line; margin-bottom:30px; padding:0 20px;}*/
/* jcpark
	-	margin-bottom:30px 제외
	-	padding:0 20px 제외
*/
.content a { font-size: 17px; white-space: pre-line; }
.content strong {color:#e89800; border-bottom:1px solid;}

.content .divide {
	display: grid;
	grid-template-columns: 600px 1fr;
	justify-content: space-between;
	align-items: center;
}


/** 2016.10.30 **/
h1, h2, h3, h4, h5, h6{font-weight:600 !important;}
table th{font-weight:600 !important;}
table dt{font-weight:600; width:150px;}

.content p {line-height:1.6;}



/* table */
.table{border-top:1px solid #446a9c;}
.table thead th{color:#7f7f7f; font-size:19px; text-align:center;}
.table tbody td{ font-size:14px; text-align:center; line-height: inherit !important;}
.table tbody td sub{bottom:.5em;}

.content > .table.table-cont {margin:0 20px 30px 20px; width:980px;}
.imgCont > .table.table-cont {border-top:none;}
.table.table-cont tbody td{padding:12px 5px !important;}

/* imgContarea */
.imgCont{
	display: flex;
	flex-flow: column;
	margin:0 20px 30px 20px;
	border:1px solid #ddd;
}
.imgCont img {max-width:100%;}
.imgCont ul{width:100%; text-align:center;}
.imgCont ul li{display:inline-block;}
.imgCont span.title{display:inline-block; padding:7px; width:100%; font-size:15px; text-align:center; background:#eaeaea;}

/* content */
.content span.exWord{margin-right:5px; font-size:14px; color:#446a9c;}
.content span.exWord:last-child {
	margin-right: 0;
}
.content span.exWord strong{
	display:inline-block;
	padding: 4px 8px;
	font-size: 13px;
	color:#fff;
	font-weight: 400;
	border-radius: 11px;
	background:#446a9c;
}
.content span.subTitle{ display:flex; align-items: center; color:#D95E00; font-size:18px; font-weight:600;}
.content span.subTitle strong{
	display:inline-block;
	margin-right:5px;
	padding:6px 12px;
	font-size:14px;
	color:#fff;
	border-radius:24px;
	background:#D95E00;
}
.content span.subTitle span {
	font-size: 20px;
	font-weight: 600;
}

/* button */
.boardBtnSet li{display:inline-block;}
.boardBtnSet li button:hover .fa.fa-bars::before {
	color: #0073bc;
}

/* boardTable */
.boardWrap .totalMsg{ font-size:16px; }
.boardWrap .selectMsg{ font-size:16px; }
.boardWrap .table-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.boardWrap .table-top #tableCnt {
	display: flex;
}
.boardWrap .table-top #searchTable {
	display: flex;
	align-items: center;
	margin: 15px 0;
}
.boardWrap .totalMsg span.totalNum{padding:0 2px; font-size:15px; color:#446a9c; font-weight:600;}
.boardWrap .searchForm select.form-control {
	display:inline-block;
	width:auto;
	margin-right:5px;
	margin-bottom: 0;
}
.boardWrap .searchForm .input-group {width:300px;}

.table.boardTable thead tr th{font-size:15px;}
.table.boardTable tbody tr td{padding:12px 7px;}
.table.boardTable tbody tr td.tbBtn{padding:5px 7px !important;}
.table.boardTable tbody tr td a {display: inline-block;font-size:14px; color:#333; font-weight:400; transition: all 0.3s ease; position: relative;}
.table.boardTable tbody tr td a::after {
	display:inline-block;
	content:'';
	width: 0%;
	height: 1px;
	background: #14538f;
	position: absolute;
	left: 0;
	bottom: -4px;
	transition: all 0.3s ease;
}
.table.boardTable tbody tr td a:hover {color:#14538f;}
.table.boardTable tbody tr td a:hover::after {
	width: 100%
}

.paginationWrap{margin-top:20px;}

.paginationWrap .boardBtnSet {
	display: flex;
	justify-content: center;
	align-items: center;
}

.table.boarTable-view thead tr th{color:#446a9c; font-size:20px; letter-spacing:-1px; background:#fafafa;}
.table.boarTable-view dl{margin:0px; padding:5px 5px 5px 12px; width:50%; display:inline-block; text-align: left;}
.table.boarTable-view dt, .table.boarTable-view dd{display:inline-block; padding:0 10px; font-size:15px;}
.table.boarTable-view dd, .table.boarTable-view dd a{font-size:15px; color:#7f7f7f;}
.table.boarTable-view tbody .board_contents{
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	padding:20px;
	color:#333;
	border-top:1px solid #ddd !important;
}


/**** 20161103 ****/
/* sub_2_3 */
.content h4{font-size: 24px; color:#344F7F;}
.linkRefer{
	display: flex;
	align-items: center;
	padding:5px; background:#fafafa; border:1px solid #eaeaea; border-left:none; border-right:none;}
.linkRefer span{dispaly:inline-block; margin:0 10px; color:#4b6582; font-size:13px; font-weight:600;}
.linkRefer a{margin:0 2px; padding:5px 10px; color:#7e7e7e; font-size:13px; letter-spacing:0px; border:1px solid #ddd; background:#fff; transition: all 0.3s ease;}
.linkRefer a:hover{color:#517bab; border-color:#98b7d9;}
.linkRefer a:hover i::before {
	color:#517bab;
}

/* boardWrite */
.boarTable-write tbody th{font-size:15px; font-weight:600;}
.boarTable-write tbody textarea{width:100%; height:300px;}

/*boardGallery*/
.boardGallery{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	border-top:1px solid #ddd;
	padding-top: 20px;
}
.boardGallery .list{
	display:inline-block;
	border:1px solid #ddd;
	overflow:hidden;
	margin: 0;
}

.boardGallery .list .photo{width:100%; height:208px; border:1px solid #eaeaea;}
.boardGallery .list .photo img{width:100%; height:100%;}
.boardGallery .list .title {padding:5px 10px; width:100%; height:70px;}
/*.boardGallery .list .title {padding:5px 10px; width:100%;}*/
.boardGallery .list .title a{display:block; font-size:15px; font-weight:600; color:#333; transition: all 0.3s ease;}
.boardGallery .list .title a:hover{color:#14538f; text-decoration:underline;}



/* 20161115 boardSite*/
.boardSite{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	padding:10px;
	border-top:1px solid #ddd;
}
.boardSite .list{
	display: flex;
	margin: 0;
	border:1px solid #ddd;
	overflow:hidden;
}
.boardSite .list .photo{width: 30%; height: 100px; border:1px solid #eaeaea;}
.boardSite .list .photo img{width:100%; height:100%;}
.boardSite .list .title {width: 70%; padding:10px;}
.boardSite .list .title a{display:block; font-size:15px; font-weight:600; color:#333; transition: all 0.3s ease;}
.boardSite .list .title a:hover{color:#14538f; text-decoration:underline;}

.form-control:focus {
	box-shadow: none;
}

/*세부내용
.boardGallery .list .info {padding:0 10px; width:100%; background:#fafafa; border-top:1px solid #eaeaea;}
	.boardGallery .list .info li{margin-right:5px; font-size:12px; color:#444; display:inline-block;}
	.boardGallery .list .info li span{margin:0 2px; font-size:12px; color:#888;}
.boardGallery .list .contents{margin-top:-5px; padding:0 10px; color:#333; background:#fafafa;}*/