@charset "utf-8";
@import url('NotoSansKR.css');



/* 버튼 영역 */
.btnArea {position:relative;overflow:hidden;margin-top:30px;text-align:center;}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn input,
.btn button {display:inline-block;text-decoration:none; cursor:pointer; padding: 10px 0px 16px;font-size:16px;border-style:solid;border-width:1px;vertical-align:top;text-align: center !important; min-width: 100px;font-family: 'NotoSansKR Regular', sans-serif;}

.btn a {padding: 4px 15px 5px;}
.btn a img {padding-right:5px;vertical-align:top;}
.btn i {padding-right: 5px;}

span.btn {display:inline-block;vertical-align:top;}

.btn .btnBg {width:100%;height:100%;border:0 none;padding:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
a.btnBg {display:block;height:100%;text-indent:-10000px;}

.btn .btnArr,
.btn .btnCancel {background-position:right center;background-repeat:no-repeat;text-align: left !important;}
.btn .btnArr {background-image:url('/image/common/btnBl_arr.png');;background-repeat:no-repeat;}
.btn .btnCancel {background-image:url('/image/common/btnBl_cancel.png');background-repeat:no-repeat;}

.btn .fullBtn {width:100%;font-size:16px;}
.btn a.fullBtn {padding:7px 0 8px;}

.btn .middleBtn {width:400px;font-size:16px;}
.btn a.middleBtn {padding:7px 0 8px;}



.btn .btnHome:before {content: "\f015";font-family: "Font Awesome 5 Free";font-weight: 900;}

/* 기본버튼 */
.btn a.btnDef,
.btn input.btnDef,
.btn button.btnDef {min-width: 100px; padding: 7px 0px;font-size:16px;}

/* 큰 버튼 height:24px */
.btn .btnBig {min-width:150px !important;height:50px;padding:8px 30px 10px;font-size:1.2em;font-weight:normal;}
.btn a.btnBig,
.btn > span.btnBig {min-width:58px;height:auto;padding:14px 20px 15px;}

div.btnArea * {margin-left:10px;}
div.btnArea *:first-child {margin-left:0;}

/* 작은 버튼 height:24px */
.btn .btnSmall {height:24px;padding:1px 10px 2px;font-size:12px;}
.btn a.btnSmall {height:auto;padding:3px 10px 5px;line-height:14px;}

table.inputTbl .btnSmall {height:35px;font-size:12px;}
table.inputTbl a.btnSmall,
.btn > span.btnSmall{height:18px;padding:9px 13px 6px;}


.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none; text-align: center;}





/* 파란색 */			.btn .btnDef {background-color:#0c2e86;border-color:#0c2e86;color:#fff !important;}
/* 남색 */				.btn .btnPoint {background-color:#053e87;border-color:#053e87;color:#fff !important;}
/* 회색 */				.btn .btnGrey {background-color:#b0b0b0;border-color:#b0b0b0;color:#fff !important;}
/* 연회색 */			.btn .btnLGrey {background-color:#eee;border-color:#eee;color:#000 !important;}
/* 빨간색 */			.btn .btnRed, .btnToday {background-color:#e72259;border-color:#e72259;color:#fff !important;}
/* 주황색 */			.btn .btnOrg, .btnView {background-color:#ec6628;border-color:#ec6628;color:#fff !important;}
/* 녹색 */				.btn .btnGreen {background-color:#26c6e8;border-color:#26c6e8;color:#fff !important;}
/* 흰색 */				.btn .btnWhite, .btnRegist {background-color:#fff;border-color:#e5e5e5;color:#323232 !important;}
/* 보라색 */			.btn .btnPurple, .btnPreview {background-color:#6d2d88;border-color:#6d2d88;color:#fff !important;}
/* 노란색 */			.btn .btnYellow, .btnSubmit {background-color:#ee9141;border-color:#ee9141;color:#fff !important;}
/* 네이비 */			.btn .btnNavy {color: #fff; background-color: #0c2e86 !important; border-color: #0c2e86 !important;}
/* 검정 */			.btn .btnBlack {color: #fff; background-color: #202020 !important; border-color: #202020 !important;}

/* border+파란색 */		.btn .btnBdDef {background-color:#fff;border-color:#0c2e86;color:#0c2e86 !important;}
/* border+남색 */			.btn .btnBdPoint {background-color:#fff;border-color:#053e87;color:#053e87 !important;}
/* border+회색 */			.btn .btnBdGrey {background-color:#fff;border-color:#999;color:#999 !important;}

/* 게시판 admin버튼 */
td.admin a { padding: 4px 10px 5px !important;font-size: 12px !important;font-family: 'NotoSansKR DemiLight', sans-serif; }
td.admin .btnBdDef {color: #65727e !important; background-color: #fff; border-color: #65727e;}
td.admin .btnDef {color: #fff; background-color: #65727e; border-color: #65727e;}


/* 게시판관련 버튼 */
.btn a.btnWrite {font-size: 15px; padding: 15px 0; width: 90px; color: #07459a; background-color: #fff; border-color: #07459a; text-align: center;}
.btn a.calBtn {font-size: 15px; min-width: auto; background-color: #195178; color: #fff; font-weight: 400; padding: 7px 15px 8px;}



ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {padding-bottom: 50px;}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subMenu li {float: left;width: 20%;}
ul.subMenu a {display: table-cell;width: 600px;height: 70px;border: 1px solid #ccc;border-left: 0 none;padding: 0 15px;text-align: center;vertical-align: middle;color: #1b3667;font-size: 15px;line-height: 22px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #fff;}
ul.subMenu li:first-child a {border-left: 1px solid #ccc;}

ul.subMenu .on a {background-color: #1198c9;border: 1px solid #1198c9;color: #fff;}






/* 공통게시판 */
div.bbs {width: 1200px;margin: 0 auto;padding: 50px 0;font-family: 'NotoSansKR Regular', sans-serif;}
div.bbs:after {content:""; display:block; clear: both;}
div.bbs.list div.search {margin-bottom: 30px;}
div.bbs span.noti {display:inline-block; font-size: 14px; font-family: 'NotoSansKR DemiLight', sans-serif; color: #fff; background-color: #d29615; padding: 4px 0 5px; width: 50px; text-align: center;}

div.bbs.list table.tblDef td {font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
div.bbs.list table.tblDef td.tit {text-align: left;}
div.bbs.list table.tblDef td.tit a {display:inline-block; color: #222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}

div.bbs div.bbsUtil {position: relative;}
div.bbs div.bbsUtil p.btn {position: absolute; bottom:18px; right:0;margin: 0;}



div.bbs.list table.tblDef.admin th.admin,
div.bbs.list table.tblDef.admin td.admin {display:table-cell !important;}
div.bbs.list table.tblDef.admin col.admin {display:table-column !important;}

table.tblDef td.admin span.btn {display:inline-block;}


div.bbs.list table.tblDef td.tit a {max-width: 500px;}
div.bbs.list table.tblDef td.tit a.reply {max-width: 580px;}
div.bbs.list table.tblDef.admin td.tit a {max-width: 420px;}
div.bbs.list table.tblDef.admin td.tit a.reply {max-width: 500px;}

div.bbs.list table.tblDef a.reply + span.fcRed {display:inline-block; vertical-align: top;}

div.bbs.list table.tblDef {margin-bottom: 50px; text-align: center;}
table.tblDef td.admin span.btn a {min-width: auto;}
.listNum li {margin-left: 14px; text-indent: -14px;}







/* 공통 */
table.tblDef,
table.inputTbl {font-size: 15px; border-top: 2px solid #2c3e4c; border-bottom: 1px solid #2c3e4c;font-family: 'NotoSansKR Regular', sans-serif;}
table.tblDef thead tr > th,
table.inputTbl tr > th {border-bottom: 1px solid #2c3e4c; color: #222; background-color: #f4f5f6; font-family: 'NotoSansKR Medium', sans-serif;}

table.tblDef tbody tr > *,
table.inputTbl tbody tr > * {padding: 10px 15px;border-bottom: 1px solid #cccccc;}


table.inputTbl tbody tr > * {text-align: left;}
table.inputTbl tbody tr input[type='text'] {height: 40px;font-size: 14px;font-family: 'NotoSansKR Regular', sans-serif;}
table.inputTbl tbody tr td.phone input[type='text'] {width: 150px;}




table.tblDef tbody th {background-color: #f4f5f6;}
table.tblDef tbody tr:last-child > *,
table.inputTbl tbody tr:last-child > * {border-bottom: 0 none;}



ul.pager {margin: 0;padding:30px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display:inline;/*width: 100%;*/vertical-align: top;}

ul.pager a {display: inline-block;width: auto;border:0 none;padding: 3px 10px 5px;vertical-align: top;font-size: 14px;line-height:20px;text-decoration: none;color: #808080;}

ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;width: 30px;padding:0;}

ul.pager a.btnDef,
ul.pager a.on {background-color: #2b3c4d; color: #fff;text-align: center;}
ul.pager a img {width: 30px;vertical-align: top;}


/* 글보기 */
div.bbs.view {}
	dl.bbsItem {border-top: 2px solid #2c3e4c;}
	dl.bbsItem dt {color: #282828; color: #282828; font-family: 'NotoSansKR Medium', sans-serif;}

	dl.bbsItem dd.info {margin-top: 5px;font-size: 14px;line-height: 20px;}
	dl.bbsItem dd.info ul {margin: 0; padding: 0;}
	dl.bbsItem dd.info ul li {display:inline-block; color: #07459a;}
	dl.bbsItem dd.info ul li::after {content:"|"; display:inline-block; margin: 0 5px;}
	dl.bbsItem dd.info ul li:last-child::after {display:none;}

	dl.bbsItem dd.linkUrl {color: #d29615; font-family: 'NotoSansKR DemiLight', sans-serif; font-size: 0; border-top: 1px solid #cccccc; text-align: right;}
	dl.bbsItem dd.linkUrl a {display:inline-block; font-family: 'NotoSansKR DemiLight', sans-serif; color: #d29615;}
	dl.bbsItem dd.linkUrl span {display:inline-block; margin-left: 5px;}

	div.bbs.view div.viewCon + ul.file {border-bottom: 1px solid #ccc;}

div.bbs.view ul.file {font-size: 0; margin: 0;}
	div.bbs.view ul.file li {margin-bottom: 5px; background-color: #f6ead0; border: 1px solid #d29615;}
	div.bbs.view ul.file li:last-child {margin-bottom: 0;}
	div.bbs.view ul.file li strong {color: #d29615; font-family: 'NotoSansKR DemiLight', sans-serif; display:inline-block;}
	div.bbs.view ul.file li strong::after {content:"|"; display:inline-block;}
	div.bbs.view ul.file li a {display:inline-block; color: #444444; font-family: 'NotoSansKR DemiLight', sans-serif;}
	div.bbs.view ul.file li a img {display:inline-block; vertical-align: baseline; margin-left: 5px;}



a.btnList {text-align: center; color: #fff; background-color: #adadad;}
a.btnModify {text-align: center; color: #07459a; background-color: transparent; border-color: #07459a;}
a.btnDel {text-align: center; color: #666666; background-color: transparent; border-color: #666666;}

/* 게시판 글보기 */
	dl.bbsItem {margin: 0;padding: 15px 25px;}
	dl.bbsItem dt {margin: 0;font-size: 20px;}
	dl.bbsItem dd {margin: 0;}

	dl.bbsItem dd.linkUrl {padding-top: 10px; margin-top: 10px;}
	dl.bbsItem dd.linkUrl a {font-size: 15px;}
	dl.bbsItem dd.linkUrl span {font-size: 15px;}

div.bbs.view div.viewCon {padding: 25px 20px; min-height: 300px;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}

div.bbs.view ul.file {padding: 0 0 25px; margin-bottom: 15px;}
div.bbs.view div.viewCon + ul.file {margin-bottom: 15px;}

	div.bbs.view ul.file li {padding: 15px 0;}
	div.bbs.view ul.file li strong {padding: 0 0 0 25px; font-size: 15px;}
	div.bbs.view ul.file li strong::after {margin: 0 20px 0 25px;}
	div.bbs.view ul.file li a {font-size: 15px;}

div.bbsUtil {text-align: right; font-size: 0;}
div.bbsUtil > *:last-child {margin-left: 10px;}

a.btnList {width: 90px; padding: 15px 0; font-size: 15px;}
a.btnModify {width: 90px; padding: 15px 0; font-size: 15px;}
a.btnDel {width: 90px; padding: 15px 0; font-size: 15px;}