/* 버튼 영역 */
.btnArea {position:relative;margin-top: 50px;text-align:center;}
.btnArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.btnArea > * {margin-left: 10px;}
div.btnArea > *:first-child {margin-left: 0;}
.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 > span,
.btn input,
.btn button {position: relative;display:inline-block;text-decoration:none;cursor:pointer;height:34px;padding:0 15px 2px;font-size:15px;border-style:solid;border-width:1px;vertical-align:top;font-family: 'Pretendard-Regular', sans-serif;box-sizing:border-box;}

.btn a, .btn > span {height:auto;line-height: 19px;padding: 7px 15px;}
.btn i {padding-right: 5px;}

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

.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;}

.btn .btnBig {min-width: 120px;padding: 0 30px 2px;font-size: 20px;text-align: center;border-radius: 3px;font-family: 'Pretendard-SemiBold', sans-serif;}
.btn a.btnBig {height: auto;padding: 0 30px;line-height: 53px;}

.btn .btnSmall {font-size: 12px;}


/* 남색 */					.btn .btnDef {background-color:#2f365f !important;border-color:#2f365f !important;color:#fff !important;}
/* 파란색 */				.btn .btnPoint {background-color:#354ac0 !important;border-color:#354ac0 !important;color:#fff !important;}
/* 회색 */					.btn .btnGrey {background-color:#5c6179 !important;border-color:#5c6179 !important;color:#fff !important;}
/* 진한핑크색 */			.btn .btnPink {background-color:#b52b68 !important;border-color:#b52b68 !important;color:#fff !important;}


/* border+남색 */		.btn .btnBdDef {background-color:#fff !important;border-color:#2f365f !important;color:#2f365f !important;}
/* border+파란색 */	.btn .btnBdPoint {background-color:#fff !important;border-color:#354ac0 !important;color:#354ac0 !important;}
/* border+회색 */		.btn .btnBdGrey {background-color:#fff !important;border-color: #5c6179 !important;color: #5c6179 !important;}


/* 등록 */					.btn .upload {background-color:#2f365f !important;border-color:#2f365f !important;color:#fff !important;}
/* 목록 */					.btn .list {background-color:#5c6179 !important;border-color:#5c6179 !important;color:#fff !important;}
/* 수정 */					.btn .modify {background-color:#fff !important;border-color:#5c6179 !important;color:#5c6179 !important;}
/* 삭제 */					.btn .delete {background-color:#2f365f !important;border-color:#2f365f !important;color:#fff !important;}
/* 다운로드 */			.btn .download {background-color:#354ac0 !important;border-color:#354ac0 !important;color:#fff !important;}
span.btn {display: inline-block;vertical-align: top;}

.btn .btnSmall {font-size: 12px;height: 26px;padding:0 16px;vertical-align:top;}
.btn a.btnSmall {height:auto;padding: 5px 16px;line-height: 14px;}

.btn .btnBig,
div.formArea .btn.btnArea > *,
div.bbsUtil > a {min-width:60px;font-size: 12px;height: 30px;font-family: 'Pretendard-Medium', sans-serif;box-sizing:border-box;}
.btn .btnArr:after {display: inline-block;vertical-align: top;font-size: .6em;content: "▶";padding-left: 20px;}

a.add {display: inline-block;vertical-align: top;width: 50px;height: 30px;margin: 0 auto;color: #fff;text-align: center;text-decoration: none;font-size: 12px;line-height: 30px;font-family: 'Pretendard-Medium', sans-serif;background-color: #393939;}

.btnIcon {position: relative;text-align: center;}
.btnIcon i {font-size: 20px;line-height: 20px;}
.btnIcon .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}

.btn a img {position: relative;vertical-align: top;}

div.btnArea {margin: 0;padding: 50px 0 0;text-align: center;}
.btnArea * {margin-left: 12px;}
.btnArea *:first-child {margin-left: 0;}


/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

/* ========= 게시판 검색 ========= */
div.bbsSearch {position: relative;margin-bottom: 30px;text-align: right;font-size: 0;line-height: 0;}
div.bbsSearch select,
div.bbsSearch input[type=text],
div.bbsSearch input[type=submit] {display: inline-block;vertical-align: top;height: 45px;border: 1px solid #e5e5e5;color: #000;font-family: 'Pretendard-Regular', sans-serif;}
div.bbsSearch select {width: 120px;border-radius: 3px;}
div.bbsSearch input[type=text] {width: 500px;margin-left:5px;box-sizing:border-box;}
div.bbsSearch input[type=text]::placeholder {color: #b0b0b0;font-size: 14px;}
div.bbsSearch input[type=submit] {width: 70px;font-size: 16px;border: 0 none;background-color: #252862;color: #fff;font-family: 'Pretendard-Regular', sans-serif;}

div.bbsSearch .bbsBrief {padding-top: 10px;text-align: left;}




/* ========= 리스트 > 테이블 형태  ========= */
table.listTbl, table.listTbl > thead, table.listTbl > tbody, table.listTbl > tfoot, table.listTbl > * > tr, table.listTbl > * > tr > * {margin:0;padding:0;border:0 none;}
table.listTbl {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.listTbl {border-collapse:collapse;}
table.listTbl > * > tr > * {font-weight:normal;word-break:normal;}

table.listTbl {table-layout:fixed;border-top: 2px solid #2d3d73;}
table.listTbl > * > tr > * {padding: 5px;border-bottom: 1px solid #ccc;color: #000;font-size: 12px;line-height: 25px;font-family: 'Pretendard-Regular', sans-serif;text-align: center;font-weight: normal;}
table.listTbl > * > tr > *:first-child {border-left: 0 none;}
table.listTbl > thead > tr > th {padding: 10px 0;background-color: #f1f1f1;color: #000;font-family: 'Pretendard-Medium', sans-serif;}
table.listTbl tr.notice > * {background-color: #fff3f5;}

table.listTbl td.tit {text-align: left;}
table.listTbl td.tit a {display:inline-block;overflow:hidden;position:relative;text-overflow:ellipsis; white-space:nowrap;text-decoration: none;max-width:100%;color: #000;box-sizing:border-box;}
table.listTbl td.tit a.new {padding-right: 25px;background: url('/image/icon/new.png') right center no-repeat;}

table.listTbl td.tit a.attach img.new {right: 25px;}
table.listTbl td.tit img.attach {position: absolute;right: 0;top: 50%;width: 20px;height: 20px;margin-top: -10px;content: "";}

div.bbsUtil {overflow: hidden;margin-top: 20px;text-align: right;}
div.bbsUtil > a {display: inline-block;vertical-align: top;min-width: 160px;}
div.bbsUtil .list {float: left;}


/* ========= 게시글보기  ========= */
div.bbsView {}

dl.bbsBrief, dl.bbsBrief dt, dl.bbsBrief dd, dl.bbsBrief ul, dl.bbsBrief li, dl.bbsBrief a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.bbsBrief {position: relative;margin-bottom: 40px;padding: 25px;border-top: 2px solid #2d3d73;border-bottom: 1px solid #ccc;}

dl.bbsBrief > dt {padding-bottom: 15px;font-size: 20px;line-height: 30px;color: #000;font-family: 'Pretendard-Medium', sans-serif;}
dl.bbsBrief > dt img {display: inline-block;vertical-align: top;}

dl.bbsBrief ul {overflow: hidden;}
dl.bbsBrief li, dl.bbsBrief a, dl.bbsBrief div {color: #2f338a;font-size: 16px;line-height: 20px;font-family: 'Pretendard-Regular', sans-serif;word-break:break-all;}
dl.bbsBrief a {display: inline;}
dl.bbsBrief li {position: relative;float: left;}
dl.bbsBrief li:after {display: inline-block;vertical-align: top;padding: 0 5px;content: "/";}
dl.bbsBrief li:last-child:after {display: none;}

dl.bbsBrief div.link {position: absolute;right:	0;bottom: -40px;}



div.bbsCon {padding: 20px;font-size: 16px;line-height: 25px;}

ul.attachment, ul.attachment li, ul.attachment a {margin: 0;padding: 0;list-style: none;text-decoration: none;}
ul.attachment {position: relative;padding:15px 40px 20px 180px;border: 2px solid #ecf1f9;}
ul.attachment:before {position: absolute;left: 0;top: 0;width: 150px;height: 100%;content: "";background-color: #ecf1f9;}
ul.attachment:after {position: absolute;left: 0;top: 50%;transform:translateY(-50%);width: 150px;text-align: center;content: "첨부파일";color: #000;font-size: 16px;line-height: 25px;font-family: 'Pretendard-Regular', sans-serif;}

ul.attachment li {margin-top: 5px;}
ul.attachment a {display: inline-block;vertical-align: top;color: #000;font-size: 16px;line-height: 25px;font-family: 'Pretendard-Regular', sans-serif;}
ul.attachment a:after {display: inline-block;vertical-align: top;width: 35px;height: 25px;content: "";background: url('/image/icon/bbs_download.png') right center no-repeat;}


table.bbsList, table.bbsList > thead, table.bbsList > tbody, table.bbsList > tfoot, table.bbsList > * > tr, table.bbsList > * > tr > * {margin:0;padding:0;border:0 none;}
table.bbsList {width:100%; border:0; border-collapse:separate; border-spacing:0;}
.ie7 table.bbsList {border-collapse:collapse;}
table.bbsList > * > tr > * {font-weight:normal;word-break:normal;}

table.bbsList {margin-top: 50px;border-top: 2px solid #2d3d73;}
table.bbsList > * > tr > * {padding: 10px;border-bottom: 1px solid #ccc;text-align: left;font-size: 12px;color: #000;font-family: 'Pretendard-Regular', sans-serif;}
table.bbsList th {text-align: center;background-color: #f1f1f1;font-family: 'Pretendard-Medium', sans-serif;}
table.bbsList td:last-child {text-align: right;}
table.bbsList,
table.bbsList a {font-size: 12px;color: #000;font-family: 'Pretendard-Regular', sans-serif;text-decoration: none;}


/* ========= 게시글 등록  ========= */
div.bbsWrite {}

.bbsTit {overflow: hidden;}
.bbsTit > * {float: left;}
.bbsTit input[type=text] {width: calc(100% - 85px);}
.bbsTit input[type=checkbox] {margin: 10px 5px 0 25px;} 
.bbsTit label {line-height: 40px;}


ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}
ul.popSize li span {line-height: 40px;vertical-align: top;}


table.inputTbl .date > * {float: left;margin-left: 5px;}
table.inputTbl .date > *:first-child {margin-left: 0;}
table.inputTbl .date label,
table.inputTbl .date span {width: auto;line-height: 40px;}
table.inputTbl .date select {width: 80px;}
table.inputTbl .date select:first-child {width: 120px;}

table.inputTbl .date > * {float: left;margin-left: 5px;}
table.inputTbl .date > *:first-child {margin-left: 0;}
table.inputTbl .date label,
table.inputTbl .date span {width: auto;line-height: 40px;}
table.inputTbl .date select {width: 80px;}
table.inputTbl .date select:first-child {width: 120px;}

table.inputTbl .date input[type=text] {width: 120px;padding-right: 30px;}
table.inputTbl .date input[type=image] {width: 16px;margin: 12px 0 0 -25px;}

table.inputTbl .period:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
table.inputTbl .period > *,
table.inputTbl .period > .clear > *,
table.inputTbl .period span > * {float: left;margin-left: 10px;}
table.inputTbl .period *:first-child,
table.inputTbl .period > .clear,
table.inputTbl .period > .clear >*:first-child {margin-left: 0;}
table.inputTbl .period input[type=radio], table.inputTbl td.period input[type=checkbox] {margin: 11px 0 0 20px;}
table.inputTbl .period input[type=text] {width: 100px;}
table.inputTbl .period input[type=image] {margin-top: 10px;}
table.inputTbl .period input[type=image] + span {margin-left: 10px;}

table.inputTbl .period label,
table.inputTbl .period span {line-height: 40px;}
table.inputTbl .period span {margin-left: 0;text-align: center;}
table.inputTbl .period select + span {min-width: 30px;}
table.inputTbl .period span > span:first-child {padding-left: 10px;}
table.inputTbl .period span + * {margin-left: 0;}
table.inputTbl .period input[type=text]:first-child,
table.inputTbl .period span + input[type=text] {width: 200px;}
table.inputTbl .period span + input[type=text] {margin-left: 10px;}

table td.editArea {padding:0 !important;text-align:left;}
div.editArea {margin-top:20px;}



/* ========================================================================================================== */
/* ================================================ 게시판 팝업 =============================================== */
/* ========================================================================================================== */

body.pop {margin:0; padding:0; height:100%; background-color:#fff;font-family:'Pretendard-Regular', 'Malgun Gothic', '맑은 고딕', sans-serif;word-break:break-all;}
body.pop form {margin:0; padding:0;}

#popClose {position:static; padding: 0; line-height:22px; font-size:13px; overflow:hidden; text-align:right; background-color:#ecf1f9;box-sizing:border-box;}
#popClose:after {content:""; display:block; clear:both; visibility:hidden; height:0; font-size:0;}
.ie7 #popClose {zoom:1;}
#popClose * {vertical-align:middle;}
#popClose .fl {width:50%; margin-left:10px;}
#popClose .fl label, #popClose .fl input[type='checkbox'] {float:left;}
#popClose .fl label {margin:0 10px 0 5px; font-weight:bold; color:#fff;}
#popClose .fl input[type='checkbox'] {display: inline-block;vertical-align: top;margin:2px 0 0 0;}

@media all and (-ms-high-contrast:none) {
	#popClose .fl input[type='checkbox'] {margin-top:1px;} /* IE10 */
	*::-ms-backdrop, #popClose .fl input[type='checkbox'] {margin-top:4px;} /* IE11 */
}
.ie7 #popClose .fl input[type='checkbox'],
.ie8 #popClose .fl input[type='checkbox'],
.ie9 #popClose .fl input[type='checkbox'] {margin:0;}
#popClose a,
#popClose label {display:inline-block; margin-top:-1px; margin-right:10px; font-weight:bold; color:#fff;}

/* popup skin */
.skinWrap {position:relative; min-height:100%;} /* width:500px; */
.skinWrap.skin01 {}
.skinWrap.skin01:before {display: block;height: 93px;content: "";background:url('/image/popupTit_logo.png') center center no-repeat, url('/image/popupTit_bg.png') right 20px bottom no-repeat, #fff;}
.skinWrap.skin02 {}
.skinWrap .popHeader {}

.popHeader {}
.skin01 .popHeader {}
.skin02 .popHeader {background:#f1f1f1 url('/image/common/popupTit_logo.png') center 14px no-repeat;}

.skinWrap .popHeader .tit {margin: 0;padding:15px;font-weight:normal;color: #fff;font-size: 22px;line-height: 30px;font-family: 'Pretendard-SemiBold', sans-serif;}
.skin01 .popHeader .tit {text-align: center; background: linear-gradient( to right, #626baf, #4086c4);box-shadow:0 5px 15px rgba(0,0,0,.2);}
.skin02 .popHeader .tit {background-color: #333567;}

.skinWrap .contWrap {min-height:268px; width:100%; padding-bottom:70px;background-color: #fff;}
.skinWrap .contWrap .content {padding:20px; color:#444; line-height:20px; font-size:14px;}
.skinWrap .btnArea {text-align:center; margin:30px 0;}
.skinWrap .btnArea a {display: inline-block;min-width:50px;background-color: #636464;color: #fff;font-size: 15px;padding: 10px 20px;line-height: 20px;text-align: center;}

.skinWrap #popClose {position:fixed; bottom:0; left:0; width:100%;padding: 15px;}
.skinWrap #popClose:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.ie7 .skinWrap #popClose {position:static;}
.skinWrap #popClose a,
.skinWrap #popClose label {text-decoration:none;color: #000;}
.skinWrap #popClose form {background-color:#ecf1f9;}

/*개발자추가*/
table.adminTblDef > * > tr > * { padding:5px; font-size:12px; }
table.adminTblDef > * > tr > td { padding-left:10px; }
table.adminTblDef > * > tr > td > select, 
table.adminTblDef > * > tr > td > input[type='text'] { height:auto; } 

	

.tit_link{text-decoration: none;color:#000000;font-weight:bold;}


img {
    max-width: 100%;  /* 부모 너비를 절대 넘지 않음 */
    height: auto;     /* 가로 세로 비율 유지 */
    display: block;   /* 하단에 생기는 미세한 공백 제거 */
}