@charset "utf-8";

.no_data,
.no-data {padding:calc((50 / 18) * 1em) 1em !important; text-align:center;}
td.no-data {padding:calc((50 / 18) * 1em) 1em !important;}
.no_data:before,
.no-data:before {content:""; display:block; position:relative; width:calc((100 / 18) * 1em); height:calc((100 / 18) * 1em); background:url(../img/common/img_no_data.svg) no-repeat 50% 50% / contain; margin:0 auto calc((30 / 18) * 1em);}
.no_data span,
.no-data span {display:block; position:relative; line-height:1.5em;}

.bnBoxR {text-align:right;}

.ico-notice {display:inline-block; position:relative; vertical-align:middle; width:calc((30 / 18) * 1em); height:calc((30 / 18) * 1em); text-indent:-999px; overflow:hidden; background:url(../img/common/ico_notice.svg) no-repeat 50% 50% / contain;}

/****************************************************
	Form 요소
****************************************************/

input[type="radio"],
input[type="checkbox"] {display:block; position:absolute; width:0; height:0; opacity:0; z-index:-9999;}
.action-keyboard input[type="radio"]:focus + label,
.action-keyboard input[type="checkbox"]:focus + label {outline:2px dotted red;}

input[type="radio"],
input[type="checkbox"] {position:absolute; top:0; left:0; width:0; height:0; z-index:-9999; opacity:0;}
input[type="radio"] + label,
input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:calc((26 / 18) * 1em); min-width:calc((16 / 18) * 1em); margin-right:calc((20 / 18) * 1em);}
input[type="radio"]:focus + label,
input[type="checkbox"]:focus + label {text-decoration:underline;}
input[type="radio"] + label:before,
input[type="checkbox"] + label:before {content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:calc((16 / 18) * 1em); height:calc((16 / 18) * 1em); background:no-repeat 50% 50% / contain;}
input[type="radio"] + label:before {background-image:url(../img/common/ico_radio_off.svg);}
input[type="radio"]:checked + label:before {background-image:url(../img/common/ico_radio_on.svg);}
input[type="checkbox"] + label:before {background-image:url(../img/common/ico_checkbox_off.svg);}
input[type="checkbox"]:checked + label:before {background-image:url(../img/common/ico_checkbox_on.svg);}

/* input */
select,
input[type="text"],
input[type="file"],
input[type="search"],
input[type="password"] {border:1px solid #DAE1EC; background:#fff; max-width:100%; height:calc((50 / 18) * 1em); border-radius:10px; padding:0 calc((20 / 18) * 1em)}
select {background:#fff url(../img/common/ico_select2.svg) no-repeat top 50% right calc((10 / 18) * 1em) / calc((20 / 18) * 1em) auto; padding-right:2.5em;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
select::-ms-expand {display:none;}
input[type="radio"],
input[type="checkbox"] {vertical-align:top; }
input[type="button"],
input[type="submit"] {cursor:pointer; }
textarea {border:1px solid #DAE1EC; background:#fff; max-width:100%; border-radius:10px; padding:calc((20 / 18) * 1em);}

/****************************************************
	Icon Style
****************************************************/

img.ico_new,
img[src*="icon_notice.gif"] {opacity:0;}

.ico-new {display:inline-block; position:relative; width:1.4em; height:1.3em; background:url(../img/common/ico_new.svg) no-repeat 50% 50% / contain; vertical-align:middle; text-indent:-999px; overflow:hidden;}
*[class*="exp-"] {display:inline-block; position:relative; vertical-align:middle; width:calc((30 / 18) * 1em); height:calc((30 / 18) * 1em); background:url(../img/exp/etc.svg) no-repeat 50% 50% / contain; text-indent:-999px; overflow:hidden;}
.exp-bmp {background-image:url(../img/exp/bmp.svg);}
.exp-doc {background-image:url(../img/exp/doc.svg);}
.exp-gif {background-image:url(../img/exp/gif.svg);}
.exp-hwp {background-image:url(../img/exp/hwp.svg);}
.exp-jpeg {background-image:url(../img/exp/jpeg.svg);}
.exp-jpg {background-image:url(../img/exp/jpg.svg);}
.exp-pdf {background-image:url(../img/exp/pdf.svg);}
.exp-png {background-image:url(../img/exp/png.svg);}
.exp-svg {background-image:url(../img/exp/svg.svg);}
.exp-xls {background-image:url(../img/exp/xls.svg);}
.exp-zip {background-image:url(../img/exp/zip.svg);}
.exp-ppt {background-image:url(../img/exp/ppt.svg);}
.exp-txt {background-image:url(../img/exp/txt.svg);}



/****************************************************
	Search Box (Board Header)
****************************************************/

.bod_head {display:block; position:relative; margin-bottom:calc((59 / 18) * 1em);}
.bod_head:after {content:""; display:block; clear:both;}
.bod_head .page_num {float:right !important; padding:0 !important; color:#4F5869; margin-bottom:calc((24 / 18) * 1em);}
.bod_head .bod_search {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:calc((20 / 18) * 1em); margin-top:calc((24 / 18) * 1em); width:100%; clear:both; background:#F8F8FC; border:1px solid #DADADA; border-radius:calc((20 / 18) * 1em);}
.bod_head .bod_search > * {margin:calc((5 / 18) * 1em);}

.bod_head .bod_search .btn {font-size:1em; padding:calc((10 / 18) * 1em) calc((20 / 18) * 1em);}

@media all and (max-width:640px) {
	.bod_head {margin-bottom:2em;}
	.bod_head .bod_search > * {flex-grow:1;}
}



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

.bod_page {padding:3em 0; text-align:center; }
.bod_page .paging {display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.bod_page .paging > * {display:flex; position:relative; width:calc((40 / 18) * 1em); height:calc((40 / 18) * 1em); border-radius:9em; justify-content:center; align-items:center; overflow:hidden; margin:calc((2 / 18) * 1em) 0;}
.bod_page .paging a {font-size:1em; color:#333333 !important; font-weight:400;}
.bod_page .paging span {background:#e56744; color:#fff !important; font-weight:700;}

.bod_page .paging .pre_end,
.bod_page .paging .pre,
.bod_page .paging .next,
.bod_page .paging .next_end {border:1px solid #ccc;}
.bod_page .paging .pre_end:before,
.bod_page .paging .pre:before,
.bod_page .paging .next:before,
.bod_page .paging .next_end:before {content:""; display:block; position:absolute; top:-1px; left:-1px; width:2em; height:2em; font-size:calc((20 / 18) * 1em); background:url(../img/common/spr_paging.svg) no-repeat 0 0 / auto 100%;}
.bod_page .paging .pre_end:before {background-position-x:0;}
.bod_page .paging .pre:before {background-position-x:-2em;}
.bod_page .paging .next:before {background-position-x:-4em;}
.bod_page .paging .next_end:before {background-position-x:-6em;}
.bod_page .paging .pre_end img,
.bod_page .paging .pre img,
.bod_page .paging .next img,
.bod_page .paging .next_end img {opacity:0;}



/****************************************************
	BOD LIST (.bod_list)
****************************************************/

.bod_list {border-top:2px solid #333; text-align:center; word-break:break-all; table-layout:fixed;}
.bod_list thead {border-bottom:1px solid #d0d0dd;}
.bod_list thead th {padding:.5em; font-weight:600; color:#17212D; height:calc((60 / 18) * 1em);}
.bod_list tbody td {padding:.5em; border-bottom:1px solid #d0d0dd; height:calc((60 / 18) * 1em);}

.bod_list .list_tit a {vertical-align:middle;}
.bod_list .list_tit a:not([class*="btn"]) {color:inherit;}
.bod_list .list_file img {opacity:0; width:0; height:0;}

.bod_list .list_num {width:8%; }
.bod_list .list_write {width:8%; }
.bod_list .list_dept {width:15%; }
.bod_list .list_writer {width:15%; }
.bod_list .list_date {width:11%; }
.bod_list .list_file {width:8%; }
.bod_list .list_hit {width:8%; }
.bod_list .list_participant {width:10%; }
.bod_list .list_date01 {width:20%; }
.bod_list .list_result {width:12%; }
.bod_list .list_state {width:10%; }
.bod_list .list_position {width:12%; }
.bod_list .list_name {width:10%; }
.bod_list .list_tel {width:15%; }
.bod_list .list_tel01 {width:25%; }
.bod_list .list_company {width:12%; }
.bod_list .list_time {width:12%; }
.bod_list .list_company01 {width:20%; }
.bod_list .list_add {width:25%; }
.bod_list .list_produce {width:20%; }
.bod_list .list_go {width:15%; }
.bod_list .list_term {width:8%; }
.bod_list .list_reference {width:10%; }

.bod_list tr th.list_tit {text-align:center; }
.bod_list .list_tit {text-align:left; position:relative; }
.bod_list .list_tit span.work,
.bod_list .list_tit a {display:block; }
.bod_list .list_tit a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; width:90%; }
.bod_list .list_tit a span {position:relative; padding-right:0.294em; width:90%; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.bod_list .list_tit a img {display:inline-block; }

.bod_list .ans_an {float:left; margin:0.353em 0.118em 0 0; }
.bod_list .ans_an:after {content:""; display:block; clear:both; }
.bod_list .new_r {position:absolute; right:0; padding-top:0.529em; }

/* ========== BOD LIST : Responsive (px 변환 제외) ========== */
@media (max-width:768px) {
	.bod_list .list_num,
	.bod_list .list_file,
	.bod_list .list_term,
	.bod_list .list_hit {display:none; }
	.bod_list colgroup {display:none !important; }
	.bod_list .list_date01 {width:24%; }
	.bod_list .list_reference {width:20%; }
}
@media (max-width:710px) {
	.bod_list .list_position {width:15%; }
	.bod_list .list_name {width:12%; }
}
@media (max-width:650px) {
	.bod_list .list_participant {display:none; }
	.bod_list .list_date01 {width:27%; }
	.bod_list .list_add {width:30%; }
	.bod_list .list_date {width:20%; }

	/* 모바일 리스트형 전환 */
	.bod_list thead {display:none !important; }

	.bod_list .list_tit {width:100%; text-align:left; display:block; border:none; }
	.bod_list .list_tit a {font-weight:600; font-size:16px; }
	.bod_list .list_tit a span {white-space:normal; }

	.bod_list .list_writer {width:100%; text-align:left; display:block; border:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.bod_list .list_date {width:100%; text-align:left; display:block; border:none; }

	.bod_list .list_file {display:none; }
	.bod_list .list_result {display:none; }

	.bod_list tbody td {padding:6px 3px !important; border-bottom:0 !important; }
	.bod_list tr {display:block; padding:10px; box-sizing:border-box; border-bottom:1px solid #d9d9d9; }
	.bod_list tr:nth-child(even) {background:#f7f7f7; }
	.bod_list td {display:block; height:auto;}
	.bod_list tbody .no-data {height:auto; padding:3em 0 !important;}

	.bod_list .list_date01,
	.bod_list .list_state,
	.bod_list .list_name,
	.bod_list .list_tel,
	.bod_list .list_position,
	.bod_list .list_time,
	.bod_list .list_go,
	.bod_list .list_reference,
	.bod_list .list_add {width:100%; text-align:left; border-bottom:0; display:block; }

	.bod_list .list_part,
	.list_date,
	.list_writer {float:left; text-align:left; }

	.bod_list .list_part,
	.list_date,
	.table_st .list_tit,
	.bod_list .list_tit,
	.table_st .list_date,
	.bod_list .list_date,
	.list_writer,
	.list_answer {display:block; width:auto !important; border:none; }

	.bod_list tr:after {content:""; display:block; clear:both; }

	.bod_list .list_name {width:30%; font-size:17px; }
	.bod_list .list_tel {width:40%; display:inline-block; font-size:17px; }

	span.tit_point {font-weight:600; color:#344c96; }
}
@media (max-width:600px) {
	.bod_list .list_writer {width:15%; }
	.bod_list .list_result {display:none; }
	.bod_list .list_position {width:18%; }
	.bod_list .list_tel {width:18%; }
}


/****************************************************
	BOD GALLERY (.bod_gallery)
****************************************************/

.bod_gallery {position:relative; border-top:2px solid #111; font-size:calc((20 / 18) * 1em); margin-top:-2.5em; overflow:hidden;}
.bod_gallery:after {content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:1px; background:#111;}
.bod_gallery ul {display:flex; flex-wrap:wrap; margin:0 -.75em; padding:1em 0;}
.bod_gallery li {display:block; position:relative; padding:1em .75em; width:calc(100% / 3);}
.bod_gallery a {display:block; position:relative; color:inherit !important; text-decoration:none !important;}
.bod_gallery .thumb {display:block; position:relative; overflow:hidden; margin-bottom:1em; border-radius:1.5em; overflow:hidden;}
.bod_gallery .thumb:before {content:""; display:block; position:relative; padding-top:calc((250 / 450) * 100%); background:#EFF4FB;}
.bod_gallery .thumb img {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform-origin:50% 50%; -webkit-transform-origin:50% 50%; min-width:100%; min-height:100%; max-width:400%; object-fit:cover; transition:.3s all; -webkit-transition:.3s all;}
.bod_gallery .subject {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#111; font-weight:600; line-height:1.5em; font-size:.9em; margin-bottom:calc((16 / 18) * 1em);}
.bod_gallery .date {display:block; font-size:.8em; color:#888888; line-height:1.4em; font-weight:400;}
.bod_gallery a:hover .thumb img,
.bod_gallery a:focus .thumb img {transform:translate(-50%,-50%) scale(1.1); -webkit-transform:translate(-50%,-50%) scale(1.1);}

.bod_gallery li.no_data {width:100%;}

@media all and (max-width:1024px) {
	.bod_gallery li {width:50%;}	
}
@media all and (max-width:780px) {
	.bod_gallery li {width:50%;}	
}
@media all and (max-width:640px) {
	.bod_gallery li {width:100%;}	
}


/****************************************************
	BOD VIEW (.bod_view) - 테이블/상세
****************************************************/

.bod_wrap > .bod_view {margin-top:-2.5em;}
.bod_view {font-size:calc((20 / 18) * 1em); margin-bottom:2em; border-top:2px solid #333; border-bottom:1px solid #333;}
.bod_view > * {border-bottom:1px solid #ddd;}
.bod_view h4 {text-align:center; font-size:1.4em !important; font-family:inherit !important; padding:1.1em 0; margin:0 !important;}
.bod_view h4:before {display:none !important;}
.bod_view .view_info {display:block; position:relative; background:#F8F8FC; padding:1em 0;}
.bod_view .view_info ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.bod_view .view_info li {display:block; position:relative; font-size:.8em; color:#777; padding:0 1em;}
.bod_view .view_info li + li:before {content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:calc((15 / 16) * 1em); background:#D9D9D9; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

@media all and (max-width:620px) {
	.bod_view .view_info {padding:.8em;}
	.bod_view .view_info ul {display:block;}
	.bod_view .view_info li {padding:0;}
	.bod_view .view_info li + li:before {display:none;}	
}

.bod_view .view_cont {padding:1.5em 1em;}
.bod_view .view_cont > * {margin-top:0; font-size:.9em; line-height:1.5em;}
.bod_view .view_cont #movie {display:block; position:relative; max-width:1024px; margin:0 auto;}
.bod_view .view_cont #movie:before {content:""; display:block; position:relative; padding-top:56.25%; z-index:-1;}
.bod_view .view_cont #movie video {position:absolute; top:0; left:0; width:100%; height:100%;}
.bod_view .view_cont #movie iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.bod_view .view_cont .view_img {text-align:center;}
.bod_view .view_cont .view_img br {display:none !important;}
.bod_view .view_cont .view_img img {display:block; max-width:100%; margin:0 auto;}
.bod_view .view_cont .view_img img ~ img {margin-top:1em;}

.bod_view .view-control {display:flex; align-items:center; justify-content:space-between;}
.bod_view .view-control > * {display:flex; align-items:center; height:3.35em;}
.bod_view .view-control button {display:block; position:relative; width:calc((100 / 18) * 1em); height:calc((47 / 18) * 1em); font-size:.9em; padding:0 calc((10 / 18) * 1em); text-align:right; color:#888; font-weight:700;}
.bod_view .view-control button:before {content:""; display:block; position:absolute; font-size:calc((20 / 18) * 1em); top:50%; left:.5em; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1em; height:1em; background:url(../img/button/spr_board_viewer.svg) no-repeat 0 50% / auto 1em;}
.bod_view .view-control button[disabled] {opacity:.5;}
.bod_view .view-control span {display:block; position:relative; font-size:.9em; color:#333; margin-left:calc((50 / 18) * 1em); padding-left:calc((50 / 18) * 1em);}
.bod_view .view-control span:before {content:""; display:block; position:absolute; font-size:calc((20 / 18) * 1em); top:50%; left:0; margin-top:-.25em; width:1px; height:.5em; background:#d9d9d9;}
.bod_view .view-control .next button:before {background-position-x:-1em;}
@media all and (min-width:1025px) {
	.bod_view .view-control .next {margin-left:auto; flex-direction:row-reverse;}
	.bod_view .view-control .next button {text-align:left;}
	.bod_view .view-control .next button:before {left:auto; right:.5em;}
	.bod_view .view-control .next span {margin-right:calc((50 / 18) * 1em); padding-right:calc((50 / 18) * 1em); margin-left:0; padding-left:0;}
	.bod_view .view-control .next span:before {right:0; left:auto;}	
}
@media all and (max-width:1024px) {
	.bod_view .view-control {flex-direction:column; justify-content:start; align-items:start;}
	.bod_view .view-control button:before {transform:translateY(-50%) rotate(90deg); -webkit-transform:translateY(-50%) rotate(90deg);}
}
@media all and (max-width:640px) {
	.bod_view .view-control span {padding-left:2em; margin-left:1em;}
}



.bod_view .view_file {display:flex; align-items:center; padding:1.5em 0 1.5em;}
.bod_view .view_file dt {display:block; position:relative; width:5em; flex-shrink:0;}
.bod_view .view_file dt:after {content:""; display:block; position:absolute; width:1px; height:.75em; background:#DAE1EC; right:0; top:50%; margin-top:-.375em;}
.bod_view .view_file dt span {display:block; font-size:.9em; text-align:center; font-weight:700;}
.bod_view .view_file dd {display:block; position:relative; flex-grow:1; padding:0 1em; font-size:.9em;}
.bod_view .view_file dd a {color:#777777; font-weight:400;}
.bod_view .view_file dd li + li {margin-top:.3em;}
.bod_view .view_file dd a.btn_fileview {display:inline-block; position:relative; padding:.3em 1em; border-radius:5px; font-size:.7em; border:1px solid #111111; color:#111111;}
.bod_view .view_file dd a.btn_fileview:before {content:"바로보기";}
.bod_view .view_file dd a.btn_fileview:focus:before,
.bod_view .view_file dd a.btn_fileview:hover:before {text-decoration:underline;}
.bod_view .view_file dd a.btn_fileview img {opacity:0; position:absolute; top:0; left:0; width:0; height:0;}

.bod_view .wrap_ccl {margin-top:0; font-size:1em; padding:3em 1em; background:#FBFBFB; }
.bod_view .wrap_ccl a {display:flex; align-items:center; justify-content:center; flex-wrap:wrap;}
.bod_view .wrap_ccl a img {display:block; height:1.5em; width:auto; margin-right:1em;}
.bod_view .wrap_ccl a p {font-size:.8em;}



/****************************************************
	COMMON CONTENT BOX / EMPTY (.cont_box, .no_data)
****************************************************/
.cont_box {min-height:17.647em; font-size:0.824em; line-height:1.412em; padding:1.176em 0; }
.is-ie .cont_box {width:47.059em; }
.cont_box img {margin:0 auto; display:block; max-width:100%; }


/****************************************************
	PHOTO BOARD (.bod_photo)
****************************************************/
.bod_photo {border-top:0.059em solid #b0c5bf; border-bottom:0.059em solid #dddddd; padding:0.882em 0; margin-top:1.176em; }
.bod_photo ul li {width:33%; min-height:11.176em; float:left; text-align:center; padding:1.176em 0; }
.bod_photo ul:after {content:""; display:block; clear:both; }
.bod_photo ul li a {color:#666666; display:block; }
.bod_photo ul li a > span {margin:0.294em 0.588em 0 0.588em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.bod_photo ul li a > span.thumb {height:8.529em; line-height:8.529em; }
.bod_photo ul li a > span.thumb img {display:inline-block; vertical-align:middle; max-height:100%; }
.bod_photo ul li a > span.date {font-size:0.8em; }
.bod_photo ul li a > div {background:#fafafa; box-shadow:0.176em 0.176em 0 #cccccc; width:9.412em; height:7.059em; overflow:hidden; margin:0 auto; text-align:center; }
.bod_photo ul li a > div > img {width:9.412em; height:7.059em; }
.bod_photo ul li p.title {font-weight:bold; }
.bod_photo ul li .btn > img {border:0; }
.bod_photo .no_data {border-bottom:0 !important; width:100%; }
.img_subtxt {color:#999999; display:block; text-align:center; margin-bottom:0.588em; }



/****************************************************
	WRITE FORM (.bod_write)
****************************************************/
.bod_write {display:flex; flex-wrap:wrap; border-top:2px solid #111;}
.bod_write input[type="radio"] + label,
.bod_write input[type="checkbox"] + label {margin-left:5px;}
.bod_write dl {display:flex; align-items:center; width:100%; flex-grow:1; border-bottom:1px solid #d0d0d0; min-height:calc((70 / 18) * 1em); padding:0;}
.bod_write dl dt,
.bod_write dl dd {padding:calc((10 / 18) * 1em);}
.bod_write dl dt {font-weight:700; text-align:left; width:8em;}
.bod_write dl dd {width:calc(100% - 8em);}
.bod_write fieldset {display:flex; align-items:center; position:relative;}
.bod_write fieldset.address {flex-wrap:wrap;}

.certification {display:flex; align-items:center; justify-content:space-between;}
.certification > * {flex-grow:1;}
.certification .cer_btnbox {display:flex; align-items:center; justify-content:end; width:calc((85 / 18) * 1em); justify-content:space-between; flex-shrink:0; flex-grow:0; margin-left:.5em;}
.certification span {display:block; text-align:center; width:1.2em; text-align:center; flex-shrink:0; flex-grow:0;}

@media all and (min-width:781px) { .bod_write dl.half {width:50%;}}
@media all and (max-width:870px) {
	.certification {flex-wrap:wrap;}
	.certification .cer_btnbox {width:80%; margin:5px; flex-grow:1;}
	.certification .input200 {width:40% !important;} 
}
@media all and (max-width:480px) {
	.bod_write dl {flex-direction:column; align-items:start; padding:.5em 0;}
	.bod_write dl dt {margin:0 5px;}
	.bod_write dl dd {padding-top:0; width:100%;}
	
	.bod_write fieldset.email {flex-wrap:wrap;}
	.bod_write fieldset.email input,
	.bod_write fieldset.email select {width:80%; flex-grow:1;}
	
	.bod_write fieldset.address input[type="text"] {flex-grow:1;}
	.bod_write fieldset.address .w45 {width:100% !important;}
	
	.certification .input200 {width:100% !important;} 
}

#egovComoffList li,
#egovCommainList li,
#egovComFileList li {display:block; position:relative; font-weight:400; overflow:hidden; font-size:.9em; padding-left:calc((15 / 18) * 1em);}
#egovComoffList li:before,
#egovCommainList li:before,
#egovComFileList li:before {content:""; display:block; position:absolute; width:4px; height:4px; left:0; top:50%; margin-top:-2px; background:#D9D9D9; border-radius:100%;}



/****************************************************
	ATTACH FILE (.list_file, .btn_dele, .area_file ...)
****************************************************/
.file_del {margin-left:0.294em; display:inline-block; vertical-align:middle; }
.box_file {padding:0.588em 0.294em; border-top:0.059em solid #cccccc; }

.list_file > li {background:url(../img/board/icon_file.gif) no-repeat 0 0.118em; padding-left:1.176em; position:relative; }
.list_file > li > a {color:#333333; }

.btn_dele {background:url(../img/board/delete.png) no-repeat 0 0; border:0; margin-left:0.294em; display:inline-block; vertical-align:middle; width:0.941em; height:0.941em; cursor:pointer; text-indent:-9999999px; }
.btn_fileview {position:absolute; margin-left:0.588em; }

.area_file {padding-top:0.294em; padding-bottom:0.294em; margin-top:0.588em; border-top:0.059em dashed #cccccc; }
#egovComFileList > li:first-child {margin-top:0; }
#egovComFileList > li {margin-top:0.588em; }


/****************************************************
	AUTH / SEARCH INPUT (.wrap_input, .wrap_search)
****************************************************/
.wrap_input,
.wrap_search {position:relative; float:left; }
.wrap_input label {display:inline-block; width:5.882em; text-align:left; }
.wrap_input > ul > li {margin-top:0.294em; }
.wrap_input > ul > li:first-child {margin-top:0; }
.wrap_input input[type="submit"] {background:#2762b4; border:0.059em solid #215295; border-radius:0.176em; color:#ffffff !important; display:inline-block; padding:1.118em 0.882em; position:absolute; left:17.647em; top:0; }
.wrap_search {margin-left:8.824em; }


/****************************************************
	PASSWORD (.password_box)
****************************************************/
.password_box {border-top:0.059em dashed #cccccc; border-bottom:0.059em dashed #cccccc; margin-top:1.176em; padding:1.765em 0.882em; }
.password_box .input_area {background:#ecf1f4; padding:0.882em 0.588em; margin-bottom:1.176em; text-align:center; }
.password_box input[type="password"] {width:14.706em; padding:0.294em; border:0.059em solid #cccccc; margin-top:1.176em; }
.bod_foot {margin-bottom:0.588em; }


/****************************************************
	COMMENT (.commentBox, .commentFom)
****************************************************/
.commentBox {width:100%; margin-top:0.588em; border-top:0.118em solid #b5b5b5; }
.commentBox .commentAll {color:#333; background-color:#f6f6f6; padding:0.412em 0.588em; }
.commentBox .commentAll span {font-weight:bold; }
.commentBox .commentBt {text-align:right; margin:0.294em 0; }
.commentBox .commentBt a {border:0.059em solid #eee; padding:0.412em; color:#666 !important; }
.commentBox li {width:98%; padding:0.588em 1%; border-bottom:0.059em dashed #ccc; }
.commentBox li span {margin-top:0.588em; }
.commentBox li span.date {color:#888; padding-left:0.588em; margin-left:0.588em; border-left:0.059em solid #ddd; }
.commentBox li p.cont {padding:0.588em 0; word-break:break-all; line-height:1.5em; }

.commentFom {margin-top:0.588em; position:relative; }
.commentFom > textarea {padding-right:10%; box-sizing:border-box; }
.commentFom > p > a {width:10%; position:absolute; right:0; top:0; height:4.706em; box-sizing:border-box; line-height:4.706em; text-align:center; }
.commentFom > p > a.btn_comment {left:0; width:100%; padding:0 0.588em; box-sizing:border-box; text-align:left; line-height:3em; }
.commentFom > p > a.btn_comment br {display:none; }
.commentFom > p > a.btn_comment_submit {background:#728290; color:#fff; font-weight:600; }

/* ========== COMMENT : Responsive (px 변환 제외) ========== */
@media all and (max-width:768px) {
	.bod_guide {padding:5px 10px 10px 0; }
	.bod_guide .minGuide p {padding-left:10px; }
	.bod_guide .minGuide ul {padding-left:0px; }
}