@charset "utf-8";


@media all and (max-width:580px) {
	.mT40.taC > .btn {display:block; width:100%; margin:5px 0;}
	.mT40.taC > .btn.fL {float:none;}
}

/***********************************************
	Search Box
***********************************************/

.search-box {display:block; position:relative; padding:1em; margin-bottom:1.5em; background:#F8FBFD; box-sizing:border-box;}
.search-box .sch-button {position:absolute; right:1em; top:1em; bottom:1em; width:6em;}
.search-box .sch-button > * {display:block; position:relative; width:100%; height:100%; text-align:center; font-size:.75em; border-radius:.33em; background:#024B7E; color:#fff;}
.search-box .sch-button > *:before {content:""; display:block; margin:0 auto .3em; width:2em; height:2em; background:url(../img/common/ico_search_white.svg) no-repeat 50% 50%; background-size:contain;}
.search-box .sch-button > *.single:before {display:none;}

.search-box input {border:1px solid #E0E6EC; border-radius:4px;}
.search-box select {border:1px solid #E0E6EC; color:#111 !important; background:url(../img/corporation/ico_arrpw_down.svg) no-repeat top 50% right 1.125em #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box;  }
.search-box select::-ms-expand {display:none;}
.search-box .sch-button input {background-color:#0094FF !important; border-color:#0094FF !important; color:#fff !important; background-image:url(../img/button/white/search.svg); padding-right:3.125em; background-repeat:no-repeat; background-size:1.5em auto; background-position:top 50% right 1.125em;}


.search-box .sch-row {overflow:hidden;}
.search-box .sch-cell {display:inline-block; position:relative; vertical-align:middle; margin-right:2.5em;}
.search-box .sch-cell:after {content:""; display:block; clear:both;}
.search-box .sch-cell + .sch-cell:before {content:""; display:block; position:absolute; width:1px; height:.7em; background:#DFDFDF; top:50%; margin-top:-.35em; left:-1.25em;}
.search-box .sch-cell.full {display:block; margin-right:0;}

.search-box .sch-title {display:block; position:absolute; top:0; left:0; width:7em;}
.search-box .sch-title + .sch-con {display:block; position:relative; margin-left:7.5em; margin-right:7.5em;}
.search-box .sch-title > * {display:block; width:100%;}
.search-box .sch-con > * {display:inline-block; vertical-align:middle; }

.search-box .sch-con .full {width:100% !important;}

.search-box .input-date {position:relative; width:9em;}
.search-box .input-date button {position:absolute; top:50%; right:.5em; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:.9em; height:.9em;}
.search-box .input-date input {width:100% !important;}


.search-box .radio-button {padding:.2em 0;}
.search-box .radio-button:after {content:""; display:block; clear:both;}
.search-box .radio-button label {display:block; float:left; font-size:.75em; padding:.3em .66em !important; border:1px solid #ddd; border-radius:.33em; margin-right:.25em;}
.search-box .radio-button label:before {display:none !important;}
.search-box .radio-button input:checked + label {background:#024B7E; border-color:#024B7E; color:#fff;}

.google-translate {display:block; position:relative; text-align:right; margin:0;}
.google-translate * {font-family:inherit !important;}
.google-translate .goog-te-gadget {font-size:.75em; line-height:2.67em;}
.google-translate .goog-te-gadget:after {content:""; display:block; clear:both;}
.google-translate .goog-te-gadget img {filter:grayscale(100%); filter:gray; -webkit-filter:grayscale(100%);}
.google-translate .goog-te-gadget .goog-te-combo {float:right; margin:0 0 0 .5em !important; font-size:1em;}
.google-translate .skiptranslate {padding-bottom:1.5em;}

@media all and (max-width:720px) {
	.search-box {padding-right:0;}
	.search-box .sch-button {position:relative; margin-top:1em; top:auto; right:auto; bottom:auto; width:auto; height:2.5em;}
	.search-box .sch-button > * {font-size:.9em;}
	.search-box .sch-button > *:before {display:block; position:absolute; left:1em; top:50%; margin:0; width:1.5em; height:1.5em; margin-top:-.75em;}
}
@media all and (min-width:640px) {
	.page-title-right {position:absolute; top:-2.5em; right:0; left:0; transform:translateY(-100%); -webkit-transform:translateY(-100%);}
	.page-title-right .google-translate .skiptranslate {padding-bottom:0;}
}
@media all and (max-width:640px) {
	.page-title-right {margin-top:-1em;}
}
@media all and (max-width:520px) {
	.search-box .sch-cell {display:block; width:auto !important; margin-right:0;}
	.search-box .sch-title {position:relative; width:auto !important;}
	.search-box .sch-title > * {width:100% !important;}
	.search-box .sch-title + .sch-con {margin-left:0 !important; margin-top:.5em !important;}

	.search-box .input-date {width:7.5em;}
	.search-box .frmSch {font-size:1.05em;}
}


.bod_list .list_num {width:8%; text-align:center;}
.bod_list .list_file {width:8%; text-align:center;}
.bod_list .list_write {width:10%; text-align:center;}
.bod_list .list_date {width:12%; text-align:center;}
.bod_list .list_hit {width:8%; text-align:center;}


/***********************************************
	Paging
***********************************************/

.paginate {display:block; position:relative; text-align:center; margin:2em 0;}
.paginate > * {display:inline-block; position:relative; vertical-align:middle; min-width:2.1em; height:2.1em; line-height:2.1em; text-align:center; padding:0 .3em; box-sizing:border-box; background:no-repeat 50% 50%; background-size:contain; color:#333;}
.paginate > a:hover {background-color:#fafafa;}
.paginate strong {background:#1293EF; color:#fff;}

.paginate .btn_prevgrp,
.paginate .btn_prev,
.paginate .btn_next,
.paginate .btn_nextgrp {overflow:hidden; text-indent:-999px; text-align:left; background-color:transparent !important;}
.paginate .btn_prevgrp {background-image:url(../img/common/ico_board_first.svg);}
.paginate .btn_prev {background-image:url(../img/common/ico_board_prev.svg);}
.paginate .btn_next {background-image:url(../img/common/ico_board_next.svg);}
.paginate .btn_nextgrp {background-image:url(../img/common/ico_board_last.svg);}



/***********************************************
	Board : Comment
***********************************************/

.commentWrap {border:1px solid #e5e5e5; padding:1.5em;}

.comment-write {display:block; position:relative; padding-right:5em; margin-top:1em; padding-top:1.5em; border-top:1px solid #e5e5e5;}
.comment-write .comment-btn {display:block; position:absolute; top:1.5em; right:0; bottom:0; width:4em;}
.comment-write .comment-btn > * {display:block; position:relative; width:100%; height:100%; text-align:center; font-size:.75em; border-radius:.33em; background:#024B7E; color:#fff;}
.comment-write textarea {display:block; position:relative; width:100% !important; }

.comment-list li + li {border-top:1px solid #e5e5e5; margin-top:1.5em; padding-top:1.5em;}
.comment-list li .reply.re {padding-left:1.2em; position:relative;}
.comment-list li .reply.re:before {content:''; width:9px; height:11px; background:url(../img/common/ico_rerepl.png) no-repeat; position:absolute; top:.1em; left:0;}
.comment-list .control {font-size:.8em;}
.comment-list .control > * {display:inline-block; vertical-align:middle; position:relative;}
.comment-list .control strong {margin-right:.5em; color:#333; font-weight:600;}
.comment-list .control span {margin-right:.5em;}
.comment-list .control button, .comment-list .control a {margin:0 .1em; width:1.7em; height:1.7em; border:1px solid #e5e5e5; border-radius:3px; font-size:.8em; text-align:center;}
.comment-list .control button.mod, .comment-list .control a.mod {border-color:#ddd; background:#fafafa; color:#333;}
.comment-list .control button.del, .comment-list .control a.del {border-color:#6b0707; background:#911f1f; color:#fff;}
.comment-list .cmt-content {font-size:.9em; color:#333; margin-top:.5em;}
.comment-list .cmt-content.del-Y {color:#ff3737;}

/***********************************************
	Board : Basic
***********************************************/

.bodHeader {display:table; position:relative; width:100%; table-layout:fixed; height:2em; margin-bottom:.5em;}
.bodHeader > * {display:table-cell; vertical-align:middle; padding:.3em 0;}
.bodHeader .total {font-size:.8em; color:#333;}
.bodHeader .pageCount {text-align:right; font-size:.8em;}
.bodHeader .pageCount > * {vertical-align:middle;}
.bodHeader .pageCount select {font-size:.9375em; margin-left:.7em;}

.btnWrap {text-align:center; margin-top:2em;}
.bod-top-control {text-align:center; margin-bottom:1em; z-index:5;}
 

@media all and (min-width:1025px) {
	.bod-top-control {position:absolute; top:-.5em; right:0; transform:translateY(-200%); -webkit-transform:translateY(-200%); opacity:0;}
	
	.bod-top-control.active {opacity:1;}
	#titWrap .bod-top-control {top:auto; bottom:0; right:50%; margin-right:-700px; margin-bottom:0; transform:none; -webkit-transform:none; z-index:0;}
}
@media all and (min-width:1025px) and (max-width:1520px) {
	#titWrap .bod-top-control {right:0; margin-right:0;}
}
@media all and (max-width:640px) {
	.bodHeader .total,
	.bodHeader .pageCount {font-size:.9em;}
}
@media all and (max-width:420px) {
	.bod-top-control .btn {display:block; width:100%; margin:.4em 0;}
}



/**************** List ****************/

.bod_list {position:relative; width:100%; border-top:2px solid #333; table-layout:fixed;}

.bod_list > thead > tr > th,
.bod_list > tbody > tr > th,
.bod_list > tbody > tr > td {position:relative; font-size:.8em; padding:.5em; height:3.125em; box-sizing:border-box; vertical-align:middle; border-bottom:1px solid #eee;}
.bod_list > thead > tr > th {background:#F3F8FC; border-bottom:1px solid #333; color:#333; text-align:center;}
.bod_list > tbody > tr > th,
.bod_list > tbody > tr > td {border-bottom:1px solid #E5E5E5; color:#333;}


.no_data {display:table !important; position:relative !important; width:100% !important; height:17em !important; border-bottom:1px solid #e5e5e5 !important; font-size:20px !important;}
.no_data > * {display:table-cell; vertical-align:middle; text-align:center; font-size:.8em; color:#333;}
.no_data > *:before {content:""; display:block; position:relative; margin:0 auto 1em; width:7.875em; height:7.875em; border-radius:100%; background:url(/portal/img/common/img_no_data.png) no-repeat 50% 50%; background-size:contain;}
td .no_data{border-bottom:none;}

@media all and (max-width:640px) {
	.bod_list > table > thead > tr > th,
	.bod_list > table > tbody > tr > th,
	.bod_list > table > tbody > tr > td {font-size:.95em;}
}


/**************** Viewer ****************/

.bod_viewer {display:block; position:relative; border-top:2px solid #333;}
.bod_viewer > * {border-bottom:1px solid #E5E5E5;}
.bod_viewer_header {display:block; position:relative; padding:1.5em 0; text-align:center;}
.bod_viewer_header > * + * {margin-top:1em;}
.bod_viewer_header .title strong {display:block; position:relative; font-size:1.3em; line-height:1.3em; font-weight:700; color:#333; word-break:keep-all;}

.bod_view {border-top:1px solid #333;}
.bod_view tr >* {font-size:.8em !important;}
.bod_view tbody th,
.bod_view table tbody th {font-size:1em; font-weight:800; background:#F3F8FC; border-bottom:1px solid #E5E5E5; color:#333; text-align:center; padding:.5em; vertical-align:middle;}
.bod_view tbody td,
.bod_view table tbody td {border-bottom:1px solid #E5E5E5; color:#333; font-size:1em; padding:.5em; height:3.5em; box-sizing:border-box; vertical-align:middle;}

.bod_view tbody td,
.bod_view table tbody .contents_span p {width:auto !important;}

.bod_view.ty2 {border-top-width:2px;}
.bod_view.ty2 tbody th {width:9.375em; font-size:.8em}
.bod_view.ty2 tbody td {padding:1.33em; font-size:.75em}

.conts .bod_view textarea,
.conts .bod_view input[type="text"],
.conts .bod_view input[type="password"],
.conts .bod_view input[type="search"],
.conts .bod_view input[type="number"],
.conts .bod_view select {font-size:1em;}
.conts .bod_view .point {display:inline-block; padding:2px 10px; margin-right:10px; color:#1A83F7; border:1px solid #1A83F7; vertical-align:middle;}

@media all and (max-width:640px) {
	.bod_view table,
	.bod_view tbody,
	.bod_view tr,
	.bod_view th,
	.bod_view td {display:block !important; height:auto !important;}
	.bod_view th {text-align:left !important;}
	.bod_view td {padding:1em .5em !important;}
	.bod_view th {padding-top:1em !important; padding-bottom:1em !important;}

	.bod_view.ty2 tbody th {width:auto;}
	.bod_view.ty2 tbody th,
	.bod_view.ty2 tbody td {font-size:.9em;}
}

/**************** Write ****************/


.bod_write {border-top:2px solid #333;}
.bod_write dl {display:table; width:100%; table-layout:fixed;}
.bod_write dl >* {display:table-cell; position:relative; height:3.3em; padding:.5em; font-size:.8em !important; border-bottom:1px solid #E5E5E5; vertical-align:middle;}
.bod_write dt {width:10em; font-weight:600; text-align:center; background:#F3F8FC;}
.bod_write dt em {color:#ff4e00;}
.bod_write dt span {display:block; opacity:.8; font-size:.9em;}
.bod_write dt span.essential {display:inline-block;}
.bod_write dd >* {vertical-align:middle;}

@media all and (min-width:1025px) {
	.bod_write dl {clear:both;}
	.bod_write dl.half {width:50%; float:left; clear:none;}
}

.conts .bod_write textarea,
.conts .bod_write input[type="text"],
.conts .bod_write input[type="password"],
.conts .bod_write input[type="search"],
.conts .bod_write input[type="number"],
.conts .bod_write select {font-size:1em;}l

.conts .bod_write .regular-company {display:inline-block; vertical-align:middle; font-size:.9em; padding:.4em 1em .3em; border:1px solid #1A83F7; color:#1A83F7; margin-right:.5em;}
.conts .bod_write .hasDatepicker {margin-right:5px !important;}
.conts .bod_write .editor {display:block; clear:both; min-height:250px; border-bottom:1px solid #E5E5E5;}
.conts .bod_write .side-form {display:none; margin-left:5px;}
.conts .bod_write input:checked + label + .side-form {display:inline-block;}
.conts .bod_write input + label {display:inline-block; margin-right:1em; padding-top:.4em; padding-bottom:.4em;}

.conts .bod_write .itemAddForm {display:table; width:100%; table-layout:fixed; padding:1em 0; border-bottom:1px dashed #AAAAAA; }
.conts .bod_write .itemAddForm > * {display:table-cell; vertical-align:middle; position:relative;}
.conts .bod_write .itemAddForm input {width:100%;}
.conts .bod_write .itemAddForm p {padding-left:1em; color:#888888;}
.conts .bod_write .itemAddForm .actAdd {width:5.625em;}
.conts .bod_write .itemAddForm .actAdd > input {position:absolute; top:0; left:0; width:5.625em; height:2.67em; opacity:0; z-index:99; cursor:pointer;}
.conts .bod_write .itemAddForm .actAdd > span,
.conts .bod_write .itemAddForm .actAdd > button {display:block; position:relative; font-size:1em; width:100%; height:2.67em; line-height:2.67em; text-align:center; background:#024B7E; color:#fff; font-weight:600;}
.conts .bod_write .itemAddForm .actAdd > span {border-radius:.5em; z-index:-1;}
.conts .bod_write .itemAddForm .actAdd > button {border-radius:.5em 0 0 .5em;}
.conts .bod_write .itemAddList {padding:.5em 0;}
.conts .bod_write .itemAddList li {display:block; position:relative; padding:.5em 0 .5em 1em;}
.conts .bod_write .itemAddList li:before {content:""; display:block; position:absolute; width:4px; height:4px; left:0; top:50%; margin-top:-2px; background:#333; border-radius:100%;}
.conts .bod_write .itemAddList li > span,
.conts .bod_write .itemAddList li > a {display:inline-block; max-width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;}
.conts .bod_write .itemAddList li .btn {margin-left:.5em;}
.conts .bod_write .itemAddList li > a:after {content:''; display:inline-block; width:1em; height:1em; margin-left:.5em; background:url(../img/common/spr_button_icon.svg) no-repeat 50% -.9em; background-size: 100% auto; vertical-align:middle;}

@media all and (max-width:1024px) {
	.bod_write dl {display:block; border:0;}
	.bod_write dl >* {display:block; height:auto; padding:1em; font-size:1em;}
	.bod_write dt {width:auto; text-align:left; border-bottom:0;}
	.bod_write dt span {display:inline-block; vertical-align:middle; margin-left:.5em;}
}
@media all and (max-width:480px) {
	.conts .bod_write .side-form {margin-top:5px; width:100% !important;}
	.conts .bod_write input:checked + label + .side-form {display:block;}

}

.conts .bod_write .add-form > li {display:block; position:relative; padding-right:5.3em;}
.conts .bod_write .add-form > li .control {display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.conts .bod_write .add-form > li .control button {font-size:.9em; border-radius:.25em; width:2.65em; height:2.65em; border:1px solid #DDDDDD; background:no-repeat 50% 50%; background-size:2.22em auto; text-indent:-999px; overflow:hidden;}
.conts .bod_write .add-form > li .control button.add {background-image:url(../img/common/btn_item_add.svg);}
.conts .bod_write .add-form > li .control button.del {background-image:url(../img/common/btn_item_del.svg);}

.essential {display:inline-block; width:.5em; height:.5em; color:rgba(0,0,0,0); text-indent:-9999px; background:url(../img/common/ico_esse.png) no-repeat 50% 50%; background-size:100% auto; overflow:hidden; vertical-align:middle;}



/***********************************************
	Board : Board Default
***********************************************/

@media all and (max-width:740px) {
	.mo-type-bod .list-num {display:none !important;}
}
@media all and (max-width:670px) {
	.mo-type-bod .list-date {display:none !important;}
}
@media all and (max-width:640px) {
	.mo-type-bod > table,
	.mo-type-bod > table > thead,
	.mo-type-bod > table > tbody,
	.mo-type-bod > table > thead > tr,
	.mo-type-bod > table > tbody > tr,
	.mo-type-bod > table > thead > tr > th,
	.mo-type-bod > table > tbody > tr > th,
	.mo-type-bod > table > thead > tr > td,
	.mo-type-bod > table > tbody > tr > td {display:block; width:auto !important; height:auto; border:none; padding:0;}
	.mo-type-bod > table > thead {display:none;}
	.mo-type-bod > table > tbody > tr {padding:1em 0; border-bottom:1px solid #E5E5E5; text-align:right;}
	.mo-type-bod .list-subj {margin-bottom:.8em; text-align:left; font-size:1em;}
	.mo-type-bod .list-subj strong {font-weight:500;}
	.mo-type-bod .list-subj ~ td {display:inline-block !important; vertical-align:middle; margin-right:.5em;}
}


/***********************************************
	Board : Bid
***********************************************/

/**************** List ****************/

.mo-type-bid:not(.wide) .bod-flip-content .bod_view tbody td,
.mo-type-bid:not(.wide) .bod-flip-content .bod_view table tbody td {height:2.5em;}

@media all and (max-width:740px) and (min-width:641px) {
	.mo-type-bid.wide {overflow:auto;}
	.mo-type-bid.wide > table {width:760px;}
}
@media all and (max-width:640px) {
	.mo-type-bid > table,
	.mo-type-bid > table > thead,
	.mo-type-bid > table > tbody,
	.mo-type-bid > table > thead > tr > th,
	.mo-type-bid > table > tbody > tr > th,
	.mo-type-bid > table > thead > tr > td,
	.mo-type-bid > table > tbody > tr > td {display:block; width:auto; height:auto;}
	.mo-type-bid > table > thead {display:none;}
	.mo-type-bid > table > tbody > tr > th,
	.mo-type-bid > table > tbody > tr > td {border-bottom-width:0;}
	.mo-type-bid > table > tbody > tr > th,
	.mo-type-bid > table > tbody > tr > td {padding:0 .5em;}
	.mo-type-bid > table > tbody > tr {display:block; position:relative; padding:1em 0 1em 5em; border-bottom:1px solid #e5e5e5;}
	.mo-type-bid .list-subj {margin-bottom:.5em; width:auto !important; text-align:left !important;}
	.mo-type-bid .list-subj strong,
	.mo-type-bid .list-subj a strong {font-weight:600; font-size:1.1em; color:#1A83F7;}
	.mo-type-bid .list-date,
	.mo-type-bid .list-etc {display:inline-block; vertical-align:top; width:auto;}
	.mo-type-bid .list-num {position:absolute; top:0; left:0; bottom:0; text-align:left; font-weight:600; width:5em; padding:1em; border-right:1px solid #e5e5e5; background:#FAFAFA;}
	.mo-type-bid .list-manage {text-align:left; margin-top:1em;}
	.mo-type-bid .mo-tit {display:table; width:100% !important; table-layout:fixed; opacity:.9;}
	.mo-type-bid .mo-tit > * {display:table-cell; vertical-align:top; text-align:left; padding:.2em .5em; font-weight:600;}
	.mo-type-bid .mo-tit .tit {display:table-cell; font-weight:600; width:6em;}
	.mo-type-bid .mo-tit .tit:before {content:""; display:inline-block; width:.4em; height:1px; margin-right:.5em; background:#333; vertical-align:middle;}


	.bod-flip-content {padding:0 !important;}
	.bod-flip-content .bod_view th {padding-top:1em !important; padding-bottom:0 !important; border-bottom-width:0; background:transparent;}

	.mo-type-bid > table#myBidDetail_exist > tbody > tr {padding-left:0;}
}



/***********************************************
	Default Board Style
***********************************************/

.bod_list,
.bod_maintain {border-top:2px solid #333;}

.bod_list > thead > tr > th,
.bod_maintain > thead > tr > th,
.bod_list > tbody > tr > th,
.bod_maintain > tbody > tr > th,
.bod_list > tbody > tr > td,
.bod_maintain > tbody > tr > td {font-size:.8em; padding:.5em; height:3.125em; vertical-align:middle;}
.bod_list > thead > tr > th,
.bod_maintain > thead > tr > th {background:#F3F8FC; border-bottom:1px solid #333; color:#000; font-weight:600;}

@media all and (max-width:840px) {
	.bod_list .list_num,
	.bod_maintain .list_num {display:none !important;}
}
@media all and (max-width:640px) {
	.bod_list > thead > tr > th,
	.bod_maintain > thead > tr > th,
	.bod_list > tbody > tr > th,
	.bod_maintain > tbody > tr > th,
	.bod_list > tbody > tr > td,
	.bod_maintain > tbody > tr > td {height:auto; font-size:.9em;}
	.bod_list td, .bod_list th {padding:.5em !important;}
	.bod_list .list_tit a {font-size:1.2em; font-weight:800;}
}

.bod_view {border-top:2px solid #333;}
.bod_view li {font-size:inherit; margin:inherit;}
.bod_view .subject {display:block; position:relative; text-align:center; padding:1.2em 0; font-size:1.3em; font-weight:700; color:#333;}
.bod_view .view_info {padding:.75em 0; background:transparent; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; background:#f8f8f8; text-align:center; margin-top:-.5em;}
.bod_view .view_info ul {float:none;}
.bod_view .view_info ul > li {float:none; display:inline-block; vertical-align:middle; margin:.2em .4em;}
.bod_view .view_info li {font-size:.8em;}
.bod_view .view_info li span:after {content:" : ";}

.bod_view .view_cont {font-size:.9em; padding:2em 0; border-bottom:1px solid #E5E5E5;}

.bod_view .view_file {display:table; width:100%; table-layout:fixed; font-size:.8em; padding:1.3em 0; border-bottom:1px solid #E5E5E5;}
.bod_view .view_file:after {display:none;}
.bod_view .view_file > * {display:table-cell; position:relative; vertical-align:top;}
.bod_view .view_file dt {width:5em;}
.bod_view .view_file dt:after {content:''; width:2px; height:1em; background:#ddd; position:absolute; top:.3em; right:-1px;}
.bod_view .view_file dt > span {display:inline; width:auto; background:none; border:none; border-radius:0; padding:0;}
.bod_view .view_file dd {padding-left:1em;}

.bod_view .view_file li {margin:0; font-size:1em;}
.bod_view .view_file .file_list {padding:0;}
.bod_view .view_file .file_list a.download {border-radius:0; color:#024B7E; font-size:1em !important;}
.bod_view .view_file .file_list a.download:before {display:none;}
.bod_view .view_file .file_list a.download:after {content:''; display:inline-block; width:1em; height:1em; margin-left:0.5em; background:url(/portal/img/common/spr_button_icon.svg) no-repeat 50% 0; background-size:100% auto; vertical-align:middle;}

@media all and (max-width:640px) {
	.bod_view .view_file dt > span {font-size:1em !important;}
}

.bod_foot {margin-top:2em;}
.btn_wrap .btn {min-width:6em; text-align:center; height:auto !important; padding:.778em 1.3em !important;}

@media all and (max-width:640px) {
	.btn_wrap .btn {font-size:1em !important;}
	.bod_view .view_info li {font-size:.9em;}
	.bod_view .view_cont,
	.bod_view .view_file {font-size:1em;}
}

/***********************************************
	File Upload
***********************************************/

.file-upload-area .btn_swhite {position:relative; border-radius:3px; background:#fff !important; color:#9196a7 !important; letter-spacing:-1px; border:1px solid #a2a7b8 !important; cursor:pointer; vertical-align:baseline;}
.file-upload-area .btn_swhite.del {border-color:#feaa9d !important; color:#feaa9d !important; text-decoration:none !important;}
.file-upload-area .btn_swhite.del:before {content:''; width:11px; height:12px; background:url('/sys/img/board/ico_delete.png') 50% 50% no-repeat; position:absolute; left:8px; top:7px;}
.file-upload-area .btn_swhite.del {padding:0.25em 0.75em 0.25em 1.5em;}
.file-upload-area .file_list > li {background:#fff; border:1px solid #dcdcdc; padding:10px; border-radius:0.5em;}
.file-upload-area .file_list > li > div {display:block; position:relative; line-height:30px;}
.file-upload-area .file_list > li > div .btn_swhite.del {position:absolute; top:0; right:0; margin-top:0; margin-right:0 !important; line-height:normal;}
.file-upload-area .file_list .label input[type=text] {width:calc(100% - 4.6em); font-size:0.9em;}
.file-upload-area .file_list .label label {height:2.67em; line-height:2.67em; padding:0 1.3em 0 1em; margin-top:5px !important; font-size:0.9em;}

@media all and (max-width:768px) {
	.file-upload-area .btn_swhite.del:before {top:5px;}
}



/* 페이징 */
.bod_page {padding:0; text-align:center; margin:1.66em 0;}
.bod_page > a.on {background:#555c67; font-weight:500; color:#fff;}
.bod_page > a[class^=btn_] {width:2.1em; height:2.1em; border-radius:0; border:none; text-indent:-999999em; background:no-repeat; background-position:50% 50% !important; background-size:contain; margin:0 .1875em;}
.bod_page > a.btn_first {background-image:url(../img/common/ico_board_first.svg);}
.bod_page > a.btn_10prev {background-image:url(../img/common/ico_board_prev.svg);}
.bod_page > a.btn_10next {background-image:url(../img/common/ico_board_next.svg);}
.bod_page > a.btn_end {background-image:url(../img/common/ico_board_last.svg);}
.bod_page > span,
.bod_page > a {display:inline-block; vertical-align:middle; font-size:1em; box-sizing:border-box; min-width:2em; line-height:2em; height:2em; padding:0 .2em; text-align:center;}
.bod_page > a {color:#333 !important; text-decoration:none !important;}
.bod_page > span {background:#1293EF; color:#fff;}