@charset "utf-8";
/* CSS Document */
input,select,label,textarea{font-family:PTD, Gmarket Sans, NSQ, '나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0; border-radius:0 }
button{font-family:PTD,Gmarket Sans, NSQ,'나눔고딕',NanumGothic,NGW,'돋움',dotum,AppleGothic,sans-serif; margin:0; padding:0; cursor:pointer}

.youtubeplay {position: relative;width: 100%;padding-bottom: 56.25% !important}
.youtubeplay iframe {position: absolute;width: 100%;height: 100%}

/*게시판 전체 영역*/
#boardWrap {clear:both; font-size: 1.083em;}
#boardWrap .color1 {color:#ec4141;}
#boardWrap .clear_fix:after {content:""; display: block; clear: both}
#boardWrap .infotxt {padding:7px 10px 7px 38px; margin-top:10px; border-radius:5px; background: url("../../images/board/info_ico.png") 10px 7px no-repeat #f1f1f1; line-height:140%}
#boardWrap .infotxt span{font-weight:600}

/*게시판 상단 알림영역*/
#boardWrap .boardNotice  {padding-right:6px; margin-bottom:30px}
#boardWrap .boardNotice > div {min-height:65px; border:1px solid #ccc; padding:15px 20px; box-shadow:6px 6px 0 0 #efefef; border-radius:15px 0 15px 0}
#boardWrap .boardNotice > div {border: 1px solid #cacaca; padding: 14px 18px; margin: 0 0 20px; min-height: 64px}
#boardWrap .boardNotice > div li {padding: 0 0 0 15px; line-height: 1.6; margin: 6px 0 0 0; background: url("../../images/board/blt_board.gif") 0 5px no-repeat}
#boardWrap .boardNotice > div li:first-child {margin-top: 0}

/*게시판 상단 영역*/
#boardWrap div#list_top{width:100%; padding:0 0 10px 0; position:relative; z-index:5}
#boardWrap div#list_top:after {content:""; clear:both; display:block; height:0; visibility:none}

#boardWrap div#list_top div.leftBox{ padding:0; margin:0; position:relative; float:left}
#boardWrap div#list_top div.leftBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap div#list_top div.leftBox p{background:url("../../images/board/pagePart_dot.gif") no-repeat 1px 7px; padding:0 0 0 9px;  line-height:25px}
#boardWrap div#list_top div.leftBox p.pageNum{float:left}
#boardWrap div#list_top div.leftBox p.pageNum span{color:#f42020}

#boardWrap div#list_top div.settingBtn{float:left; margin:-2px 0 0 5px}
#boardWrap div#list_top div.settingBtn button{width:45px; border:0; height:25px; background:#555; color:#fff; text-align:center; vertical-align:middle; border-radius:50px}

#boardWrap div#list_top div.cateBox{width:200px; position:relative; float:right}
#boardWrap div#list_top div.cateBox div.selectBox{padding-right:50px; width:auto; height:23px}
#boardWrap div#list_top div.cateBox div.selectBox .jqTransformSelectWrapper{background:#fff url("../../images/board/select_arrow_cate.gif") no-repeat right center; height:21px;; line-height:21px; border-color:#b5b5b5; width:100%; box-sizing:content-box}
#boardWrap div#list_top div.cateBox div.selectBox .jqTransformSelectWrapper.select {background:#fff url("../../images/board/select_arrow_cate.gif") no-repeat right center}
#boardWrap div#list_top div.cateBox div.selectBox .jqTransformSelectWrapper div span {height:21px;line-height:21px}
#boardWrap div#list_top div.cateBox div.selectBox .jqTransformSelectWrapper  a.jqTransformSelectOpen {height: 21px}
#boardWrap div#list_top div.cateBox div.selectBox .jqTransformSelectWrapper .container{margin-top:21px}
#boardWrap div#list_top div.cateBox div.selectBox .jqTransformSelectWrapper ul a {padding:0 5px; height:21px; line-height:21px}
#boardWrap div#list_top div.cateBox div.btnBox{position:absolute; top:0; right:0; width:45px}
#boardWrap div#list_top div.cateBox div.btnBox button{width:100%; border:0; height:23px; background:#828181; color:#fff; text-align:center}

#boardWrap div#list_top ul.viewBtnBox{padding:0 !important; margin:0; *zoom:1}
#boardWrap div#list_top ul.viewBtnBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap div#list_top ul.viewBtnBox li.printBtn{display:none}
#boardWrap div#list_top ul.viewBtnBox li{width:50%; float:left; padding:0; margin:0} 
#boardWrap div#list_top ul.viewBtnBox li div.btnBox{overflow:hidden; width:auto; border:1px solid #ccc}
#boardWrap div#list_top ul.viewBtnBox li.backBtn div.btnBox {border-radius:50px 0 0 50px}
#boardWrap div#list_top ul.viewBtnBox li.nextBtn div.btnBox {border-radius:0 50px 50px 0; border-left:0}
#boardWrap div#list_top ul.viewBtnBox li div.btnBox button {width:100%; padding:0; height:34px; line-height:34px; text-align:center; background:#fff; border:0; font-size:0.923em}
#boardWrap div#list_top ul.viewBtnBox li div.btnBox button span {display:inline-block; *display:inline; zoom:1}
#boardWrap div#list_top ul.viewBtnBox li.backBtn div.btnBox button span{padding:0 10px 0 26px; background:url("../../images/board/btn_b_arr01.png") no-repeat left center}
#boardWrap div#list_top ul.viewBtnBox li.nextBtn div.btnBox button span{padding:0 26px 0 10px; background:url("../../images/board/btn_b_arr02.png") no-repeat right center}
#boardWrap div#list_top ul.viewBtnBox li.printBtn div.btnBox button span{ background:url("../../images/board/view_printBG.gif") no-repeat left center; padding-left:20px}

/*게시판 하단(버튼) 영역*/
#boardWrap #list_bottom {margin:30px 0 0 0;  padding:10px; border-radius:10px; background:#f2f4f5}
#boardWrap #list_bottom:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap .writeBtnBox{padding:0 !important; border:0 !important; background:#fff !important}
#boardWrap .viewBtnBox{padding:0 0 30px 0 !important; border:0 !important; background:#fff !important}

#boardWrap #list_bottom div.searchForm{padding:0; margin:0; *zoom:1}
#boardWrap #list_bottom div.searchForm:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap #list_bottom div.searchForm div.selectBox {float:left; width:116px; position:relative; z-index:1}
#boardWrap #list_bottom .selectBox .jqTransformSelectWrapper {background:#fff url("../../images/board/btn_sel_arr.gif") no-repeat 100% 50%; height:32px; line-height:32px; border-radius:5px; border-color:#ddd; width:116px; box-sizing: content-box}
#boardWrap #list_bottom div.searchForm div.selectBox .jqTransformSelectWrapper.select {background:#fff url("../../images/board/btn_sel_arr.gif") no-repeat right center}
#boardWrap #list_bottom div.searchForm div.selectBox .jqTransformSelectWrapper div span {height:32px;line-height:32px}
#boardWrap #list_bottom div.searchForm div.selectBox .jqTransformSelectWrapper a.jqTransformSelectOpen {height:32px}
#boardWrap #list_bottom div.searchForm div.selectBox .jqTransformSelectWrapper .container{margin-top:32px}
#boardWrap #list_bottom div.searchForm div.selectBox .jqTransformSelectWrapper ul a{padding-top:0; padding-bottom:0}
#boardWrap #list_bottom div.searchForm div.selectBox select {height:34px; background-color:#fff; border-radius:5px}

#boardWrap #list_bottom .rightBox {padding:0 68px 0 124px; position:relative}
#boardWrap #list_bottom .rightBox .inputBox {border:1px solid #ccc; background:#fff; padding:0 5px; height:32px; border-radius:5px}
#boardWrap #list_bottom .rightBox input[type=text]{width:100%; padding:0; margin:0; height:32px; line-height:32px; border:0}
#boardWrap #list_bottom .rightBox div.searchBtn {position:absolute; top:0; right:0}
#boardWrap #list_bottom .rightBox button.searchBtn {width:63px; text-align:center; color:#fff; background:#585858; border:0; height:33px; line-height:33px; font-weight:500; font-size:1.077em; border-radius:5px}

/* 버튼영역 */
#boardWrap #list_bottom .btnBox {padding:7px 0 0 0; *zoom:1}
#boardWrap #list_bottom .btnBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap #list_bottom .buttonBox {float:left; margin-bottom: 4px}
#boardWrap #list_bottom .buttonBox p {margin:0 3px 0 0; text-align:center; height:33px; padding:0}
#boardWrap #list_bottom .buttonBox:first-child p {margin:0 3px 0 0}
#boardWrap #list_bottom .buttonBox button {border:0; width:100%; height:33px; line-height:33px; padding:0; margin:0; color: #fff; font-size: 1.071em; font-weight:500; border-radius:5px}
#boardWrap #list_bottom .buttonBox .writeBtn {background:#0073bc}
#boardWrap #list_bottom .buttonBox .listBtn {background: #3e3e3e}
#boardWrap #list_bottom .buttonBox .okBtn {background:#0088de}
#boardWrap #list_bottom .buttonBox .cancelBtn {background: #585858}
#boardWrap #list_bottom .buttonBox .modiBtn {background: #868686}
#boardWrap #list_bottom .buttonBox .delBtn {background: #868686}
#boardWrap #list_bottom .buttonBox .replyBtn {background: #868686}

/* 담당자 정보 */
#boardWrap #boardCharge {display:none; margin: 22px 0 0 0}
#boardWrap #boardCharge .chargInfo {position: relative; background: #007eff; border-radius: 4px; color: #fff; overflow: hidden; font-size: 1.154em; line-height: 20px}
#boardWrap #boardCharge .chargInfo dt {text-align: center; height: 20px; padding: 12px 0}
#boardWrap #boardCharge .chargInfo dd {text-align: center}
#boardWrap #boardCharge .chargInfo strong {font-weight: 600; display: inline-block; padding: 0 0 0 3px}
#boardWrap #boardCharge .chargInfo .name {display: block; padding: 14px 0; background: #2e2e2e}
#boardWrap #boardCharge .chargInfo .num {display: none}
#boardWrap #boardCharge .chargInfo .call {display: block; color: #fff; background: #222}
#boardWrap #boardCharge .chargInfo .bg {display: inline-block; padding: 14px 0 14px 35px; background: url("../../images/board/btn_call.gif") 0 50% no-repeat}


/*게시판*/
#boardWrap span.noticeBox{display:inline-block; *display:inherit; zoom:1; width:32px; height:32px; color:#fff; background:url("../../images/board/btn_noti_icon.png") no-repeat 50% 50%; line-height:32px; font-size:0;text-align: center; vertical-align:middle}
#boardWrap span.reservBox{display:inline-block; *display:inherit; zoom:1; width: 38px; height: 20px; color:#fff; background:#919191; line-height:20px; font-size:12px;  font-weight:500;border-radius:10px; text-align: center}
#boardWrap span.situ01{display:inline-block; *display:inherit; zoom:1; width: 38px; height: 20px; color:#fff;background:#999; line-height:20px; font-size:12px; border-radius:10px; text-align: center; vertical-align: top}
#boardWrap span.situ02{display:inline-block; *display:inherit; zoom:1; width: 38px; height: 20px; color:#fff; background:#267613; line-height:20px; font-size:12px; border-radius:10px; text-align: center; vertical-align: top}
/* #boardWrap .photoTable span.reservBox {display: none} */

/*테이블형*/
#boardBox { padding:0; margin:0 0 5px 0}
#boardBox table {overflow:hidden; border-radius:5px 5px 0 0; border-collapse:collapse; padding:0; margin:0; width:100%}
#boardBox caption {display:none}
#boardBox thead th {background:#555e63; padding: 12px; border-left:1px solid #999; vertical-align:middle; line-height: 1.5; font-size:1.071em ; color:#fff; font-weight:500}
/* #boardBox thead th:first-child {border-radius:15px 0 0 0}
#boardBox thead th:last-child {border-radius:0 15px 0 0} */
#boardBox th:first-child {border-left: 0}
#boardBox tbody td, 
#boardBox tbody th {font-weight: 400; text-align:center; padding: 10px; border-bottom:1px solid #ccc; border-left:1px solid #c7c7c7; vertical-align:middle; line-height:1.5}
#boardBox tbody th {border-left: 0}
#boardBox tbody .reservLine td,
#boardBox tbody .reservLine td a {color: #a7a7a7}
#boardBox .b_num {width:34px}
#boardBox .b_title {width:auto}
#boardBox .b_title span.catest{color:#808080; font-size:0.923em}
#boardBox .b_title span.re_no{color:#e9572b; /*font-family:NGB;*/ font-weight:500; font-size:0.846em}
#boardBox .b_title span.new img{vertical-align:middle; margin-top:-1px}
#boardBox .b_date {width:90px}
#boardBox .b_part {width:80px}
#boardBox .b_name {width:70px}
#boardBox .b_hit {width:50px}
#boardBox .b_situ {width:50px}
#boardBox .b_file {width:50px}
#boardBox .b_link {width:60px}
#boardBox .b_bigo {width:70px}
#boardBox tbody .b_title{text-align:left; padding-left:12px; padding-right:12px}
#boardBox tbody .nodata {border-left:0}

#boardWrap #boardBox table tbody tr td.b_title a.linkTitle{font-size:1.077em; color:#1e1c1c; font-weight:500}
#boardWrap #boardBox table tbody tr td img{vertical-align:top; margin:-3px 3px 0}
#boardWrap #boardBox table tbody tr td .new img{vertical-align:top; margin:0 3px}
#boardWrap #boardBox .new {display: inline-block; line-height: 1}

#boardWrap #boardBox tbody .noticeLine th, 
#boardWrap #boardBox tbody .noticeLine td {background: #f1f1f1; padding:7px 10px; color:#333; font-weight:500}
#boardWrap #boardBox table tbody tr.delLine th, #boardWrap #boardBox table tbody tr.delLine td{color:#919191}
#boardWrap #boardBox table tbody tr.delLine td.b_title{text-decoration:line-through}
#boardWrap #boardBox table tbody tr td.b_situ{font-size:0.923em}
#boardWrap #boardBox table tbody tr.lockLine td.b_title a{background:url("../../images/board/b_list_lock.gif") no-repeat left 1px; padding-left:15px}
#boardWrap #boardBox table tbody tr.replyLine td.b_title{background:url("../../images/board/b_list_reply.gif") no-repeat 5px 14px; padding-left:45px}
#boardWrap #boardBox table tbody tr td.b_file{font-size:0.846em; color:#8d8d8d}

/*링크형*/
#boardWrap .linkTable .b_title .myCon{width:auto; padding-right:60px; position:relative}
#boardWrap .linkTable .b_title br {display: none}
#boardWrap .linkTable .b_bigo a {display:inline-block; width:38px; height:24px; line-height:24px; background: #585858; color:#fff; font-size:12px; text-align:center}
#boardWrap .linkTable .b_bigo .modiBtn {border-radius: 50px 0 0 50px; margin: 0 1px 0 0}
#boardWrap .linkTable .b_bigo .delBtn {border-radius: 0 50px 50px 0}
#boardWrap .linkTable .b_bigo a:hover {background:#f35d5e; transition: background-color .4s}
#boardWrap .linkTable td:first-child {border-left: 0}

/*포토형*/
#boardWrap .photoTable ul{ padding:0; margin:0}
#boardWrap .photoTable ul:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap .photoTable ul li {float:left; width:25%; padding:10px 0}
#boardWrap .photoTable .photoWrap {width:225px; margin:0 auto; border-bottom:1px solid #3a3a3a}
#boardWrap .photoTable .photoWrap .photoBox {width:225px; height:165px; border-radius:10px; padding:0; margin:0;background:url("../../images/board/bg_b_noimg.gif") no-repeat center}
#boardWrap .photoTable .photoWrap .photoBox a {display:block; height:165px; border-radius:10px; position: relative; overflow: hidden; border:1px solid #d7d7d7; box-sizing:border-box} 
#boardWrap .photoTable .photoWrap .photoBox a:after {content:""; display: block; width:225px; height:165px; background: rgba(0, 0, 0, .7) url("../../images/board/hover_photo.png") 50% 50% no-repeat; position: absolute; left: 0; top: 100%; transition:all .8s}
#boardWrap .photoTable .photoWrap .photoBox img {width:100%; height:100%}
#boardWrap .photoTable .photoWrap .photoCon .title {line-height:150%; padding:5px; height:32px; line-height:32px;overflow: hidden; border-bottom:1px solid #ccc; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap}
#boardWrap .photoTable .photoWrap .photoCon .title a {line-height:32px; height:32px}
/*#boardWrap .photoTable .photoWrap .photoCon .title a {display:inline-block; width:100%; line-height:32px; height:32px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap} */
#boardWrap .photoTable .photoWrap .photoCon .title span{margin-right:3px}
#boardWrap .photoTable .photoWrap .photoCon .title img{vertical-align:middle; margin-top:-3px; margin-left:3px}
#boardWrap .photoTable .photoWrap .bottomCon {color:#1a1a1a; font-size:0.923em; padding:10px 5px}
#boardWrap .photoTable .photoWrap .bottomCon:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap .photoTable .photoWrap .bottomCon .leftBox{float:left}
#boardWrap .photoTable .photoWrap .bottomCon .rightBox{float:right; *zoom:1}
#boardWrap .photoTable .photoWrap .bottomCon .rightBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap .photoTable .photoWrap .bottomCon .rightBox .comment {float:left; padding:0 5px 0 0}
#boardWrap .photoTable .photoWrap .bottomCon .rightBox .hit{float:left}
#boardWrap .photoWrap:hover {border-bottom-color: #4c4844}
#boardWrap .photoWrap:hover .title a {font-weight:400; color: #222}
#boardWrap .photoTable .photoWrap:hover .photoBox a:after {transition: top .4s; top: 0 !important}
.photo_not {border-bottom:1px solid #ccc;padding:15px 0 !important;width:100% !important;text-align:center}
#boardWrap .photoTable .photoWrap .photoCon .title span {vertical-align:middle}
#boardWrap .photoCon span.noticeBox {vertical-align:top}

/*동영상*/
#boardWrap .MovieTable .photoWrap .photoBox {position:relative; background:url("../../images/board/bg_b_nomovie.gif") no-repeat center -10px}
#boardWrap .MovieTable .photoWrap .photoBox a {position:absolute; top:0; left:0; height:165px; width:100%}
#boardWrap .MovieTable .photoWrap .photoBox a span {font-size:0; line-height:0; display:none}
#boardWrap .MovieTable .photoWrap .photoBox a:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .5) url("../../images/board/btn_play_off.png") no-repeat 50% 50%; z-index: 20}
#boardWrap .MovieTable .photoWrap:hover .photoBox a:after  {background-image: url("../../images/board/btn_play_on.png")}
#boardWrap .MovieTable .video-js {width:100%; height:100%; z-index: 10}


/*테마형*/
#boardWrap .themeTable ul{ padding:0; margin:0}
#boardWrap .themeTable ul li {padding:0 8px; border-bottom:1px dotted #d5d5d5}
#boardWrap .themeWrap {padding: 14px 0 14px 220px; position:relative}
#boardWrap .themeWrap .photoBox {width:200px; height:122px; border-radius:10px; background:url("../../images/board/bg_b_noimg.gif") no-repeat center; position: absolute; left: 0; top: 14px}
#boardWrap .themeWrap .photoBox img {width:200px; height:122px; border-radius:10px;}
#boardWrap .themeWrap .photoBox a {display:block; width:200px; height:122px; border-radius:10px; overflow: hidden; position: relative}
#boardWrap .themeWrap .photoBox a:after {content:""; display: block; width: 200px; height: 122px; background: rgba(0, 0, 0, .7) url("../../images/board/hover_photo.png") 50% 50% no-repeat; position: absolute; right: 100%; top: 0}
#boardWrap .themeCon {line-height: 1.5; padding: 6px 0 0 0}
#boardWrap .themeCon .t_tit {color:#1e1c1c; font-size:1.154em; font-weight:500; padding-bottom: 7px}
#boardWrap .themeCon .t_tit img{vertical-align:middle; margin:-3px 0 0 3px}
#boardWrap .themeCon .t_tit a {display:inline-block; color:#313131}
#boardWrap .themeCon .t_tit span{margin-right:3px}
#boardWrap .themeCon .t_txt {float:left; width:100%; margin-bottom:13px; height: 55px; overflow: hidden}
#boardWrap .themeCon .t_txt br {display: none}
#boardWrap .themeCon .t_info {text-align: right; color:#6c6c6c; font-size:0.923em}
#boardWrap .themeCon .t_info > span {display: inline-block; padding: 0 0 0 4px}
#boardWrap .themeWrap:hover .themeCon .t_tit a {color: #f9472d}
#boardWrap .themeWrap:hover .photoBox a:after {transition: right .4s; right: 0}
 	
/*글쓰기*/
#boardWrap #boardWrite{border-top:2px solid #585858; padding:0; /* margin:0 0 5px 0; */}
#boardWrap #boardWrite table {width:100%; border-collapse:collapse}
#boardWrap #boardWrite th {background:#555e63; border-bottom:1px solid #ccc; width:15%; min-width:100px; padding: 10px 0; text-align:center; font-size: 1.077em; vertical-align: top}
#boardWrap #boardWrite th p {display:block; width:auto; padding-left:10px; line-height: 33px; font-weight:500; color: #fff}
#boardWrap #boardWrite th label {font-weight:500}
#boardWrap #boardWrite td {border-bottom:1px solid #ccc; padding: 10px; position:relative} 
#boardWrap #boardWrite .inputBox {height:33px; border:1px solid #cacaca; margin:0; box-sizing:border-box}
#boardWrap #boardWrite .in_value {width:250px}
#boardWrap #boardWrite .inputBox input{padding:0 10px; box-sizing:border-box}
#boardWrap #boardWrite .inputBox input[type=text] {border:0; width:100%; height:33px; line-height:33px; background:none}
#boardWrap #boardWrite .nameBox span {display:inline-block;padding:8px 0}
#boardWrap #boardWrite .nameBox input[type=text] {height:33px; border:1px solid #fff; padding: 0 10px}
#boardWrap #boardWrite .radioBox1{padding:8px 0}
#boardWrap #boardWrite input[type=radio] {vertical-align:middle; margin: 0 3px}
#boardWrap #boardWrite .radioBox1 label{display:inline-block; *display:inline; zoom:1; padding:0 0 0 4px; width:60px}
#boardWrap #boardWrite .radioBox2{padding:0; *zoom:1}
#boardWrap #boardWrite .radioBox2:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap #boardWrite .radioBox2>div {padding:0 0 5px 0}
#boardWrap #boardWrite .radioBox2>div:first-child{padding:0}
#boardWrap #boardWrite .radioBox2 label{display:inline-block; *display:inline; zoom:1; padding:0 0 0 4px; width:70px; line-height:30px}
#boardWrap #boardWrite .radioBox2 .dateInput {display:inline-block; width: 192px; background:#fff url("../../images/board/ico_calendar.png") no-repeat 100% 50%}
#boardWrap #boardWrite .radioBox2 .dateInput input[type=text]{font-size:0.923em; width:100%}
#boardWrap #boardWrite .fileTop { padding:0 0 5px 0}
#boardWrap #boardWrite .fileTop:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap #boardWrite .fileTop .file_btn_{position:static; display:inline-block; *display:inline; zoom:1}	
#boardWrap #boardWrite .fileTop .file_btn_ button{vertical-align:middle; margin:0 3px 0 0; background:#f5f5f5; border:1px solid #dbdbdb; width:55px; text-align:center; height:18px; font-size:0.923em}
#boardWrap #boardWrite .fileTop .write_right{float:right; line-height:150%}
#boardWrap #boardWrite .ex_txt{font-size:0.923em; color:#858181; padding:3px 0 0 0; clear:both}
#boardWrap #boardWrite .selectBox .jqTransformSelectWrapper{
	background:#fff url("../../images/board/select_arrow.gif") no-repeat right center; height:28px;; line-height:28px; border-color:#b5b5b5; width:100%;
	box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; 
}
#boardWrap #boardWrite table td  div.selectBox .jqTransformSelectWrapper.select {background:#fff url("../../images/board/select_arrow.gif") no-repeat right center}
#boardWrap #boardWrite table td  div.selectBox .jqTransformSelectWrapper div span {height:28px;line-height:28px}
#boardWrap #boardWrite table td  div.selectBox .jqTransformSelectWrapper  a.jqTransformSelectOpen {height: 28px}
#boardWrap #boardWrite table td  div.selectBox .jqTransformSelectWrapper .container{margin-top:28px}
#boardWrap #boardWrite table td  div.selectBox .jqTransformSelectWrapper ul a{padding-top:0; padding-bottom:0}
#boardWrap #boardWrite table td  div#file_box_{width:100%; position:relative; height:30px}
#boardWrap #boardWrite table td  div#file_box_ div.inputBox{margin-right:85px}
#boardWrap #boardWrite table td  div#file_box_ span.file_btn_{display:block; height:30px; line-height:30px; width:80px; background:#828181; color:#fff; position:absolute; top:0; right:0; text-align:center}
#boardWrap #boardWrite table td  div#file_box_ #upload_file_{width:100%; height:30px}

#boardWrap #boardWrite table td div.cellBox{width:auto; border:1px solid #cacaca}
#boardWrap #boardWrite table td div.cellBox select{width:100%; border:0 !important}
#boardWrap #boardWrite table td div.textarea_box{width:auto; padding:0 0 0 10px; margin:0; border:1px solid #cacaca}
#boardWrap #boardWrite table td div.textarea_box textarea{border:0 !important; padding:10px 0; margin:0; width:100%; height:150px}
#boardWrap #boardWrit table td p.smallTxt{font-size:0.846em; color:#8f8f8f; padding:5px 0 0 0}
.ui-datepicker .ui-datepicker-prev span {background :url("../../images/board/jquery_calander_prev.png") 50% 50% no-repeat !important}
.ui-datepicker .ui-datepicker-next span {background :url("../../images/board/jquery_calander_next.png") 50% 50% no-repeat !important}
.ui-datepicker .ui-datepicker-prev:hover span {background :url("../../images/board/jquery_calander_prev_a.png") 50% 50% no-repeat !important}
.ui-datepicker .ui-datepicker-next:hover span {background :url("../../images/board/jquery_calander_next_a.png") 50% 50% no-repeat !important}



/*
#boardWrap .nuriWrap{width:auto; border:1px solid #115e99; padding:0 0 20px 0; margin:0}
#boardWrap .nuriWrap .nuriTop{width:100%; padding:0 0 20px 0; margin:0; *zoom:1}
#boardWrap .nuriWrap .nuriTop:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap .nuriWrap .nuriTop h3{display:block; background:#115e99; color:#fff; font-weight:normal; font-size:1.231em; padding:10px 0; text-align:center}
#boardWrap .nuriWrap .nuriTop p.nuriTopTxt{padding:20px 15px 5px 15px; line-height:150%}
#boardWrap .nuriWrap .nuriTop a{float:right; font-size:0.923em; color:#969292; padding:0 15px 0 0; }
#boardWrap .nuriWrap .nuriList{padding:0 15px 10px 15px}
#boardWrap .nuriWrap .nuriList ul li{
	padding:5px 15px; border:1px solid #cacaca; border-bottom-width:2px; margin:0 0 10px 0; position:relative;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; 
}
#boardWrap .nuriWrap .nuriList ul li input[type=radio]{vertical-align:middle; float:left; margin:10px 5px 0 0}
#boardWrap .nuriWrap .nuriList ul li img{vertical-align:middle; margin-right:5px}
#boardWrap .nuriWrap .nuriList ul li label{display:block; width:auto; padding:0 0 0 148px; text-indent:-130px}
#boardWrap .nuriWrap .nuriList ul li a{display:block; position:absolute; top:50%; right:15px; background:#f5f5f5; border:1px solid #dbdbdb; width:55px; text-align:center; height:18px; line-height:18px; font-size:0.923em; margin-top:-9px}

#boardWrap .nuriWrap .nuriList ul li.opencode1 img{margin-right:40px}
#boardWrap .nuriWrap .nuriList ul li.opencode2 img{margin-right:21px}
#boardWrap .nuriWrap .nuriList ul li.opencode3 img{margin-right:21px}
#boardWrap .nuriWrap .nuriList ul li.opencode0 label{padding-right:60px}
#boardWrap .nuriWrap .nuriList .codeViewWrap{width:auto; background:#f9f9f9; padding:10px; border-top:1px dashed #dbdbdb; border-bottom:1px dashed #dbdbdb; margin:0 0 10px 0}
#boardWrap .nuriWrap .nuriList .codeViewWrap div{padding:5px 15px 5px 0; border:1px solid #cacaca; border-bottom-width:2px; margin:0; position:relative; background:#fff; line-height:150%; position:relative; min-height:31px; border-radius:5px}
#boardWrap .nuriWrap .nuriList .codeViewWrap div img{ position:absolute; top:50%; left:10px; margin:-15px 0 0 0}
#boardWrap .nuriWrap .nuriList .codeViewWrap div.codeView01{padding-left:105px}
#boardWrap .nuriWrap .nuriList .codeViewWrap div.codeView02{padding-left:124px}
#boardWrap .nuriWrap .nuriList .codeViewWrap div.codeView03{padding-left:124px}
#boardWrap .nuriWrap .nuriList .codeViewWrap div.codeView04{padding-left:145px}
#boardWrap .nuriWrap .nuriList .codeViewWrap div.codeView05{padding-left:145px}
#boardWrap .nuriWrap .bottomTxt{padding:0 15px}
#boardWrap .nuriWrap .bottomTxt p{line-height:150%; padding:0 0 5px 10px; text-indent:-10px; font-size:0.923em}
#boardWrap .nuriWrap .bottomTxt p strong{color:#ea1e1e}*/


#boardWrite .notice_days {margin: 8px 0 0 0;  position:relative}
#boardWrite .notice_days .notice_days_tit {position:absolute; left:0; top: 50%; line-height:20px; margin: -10px 0 0 0}
#boardWrite .noti_term {padding:0 0 0 74px}
#boardWrite .noti_term .input_term {width: 45%; display: block; float: left; border: 1px solid #cacaca; box-sizing: border-box; padding: 0 0 0 10px; overflow:hidden}
#boardWrite .noti_term .input_term .input_none {border: 0; width: 100%; height: 33px; line-height: 33px; background: #fff url("../../images/board/ico_calendar.png") 100% 50% no-repeat; cursor: pointer}
#boardWrite .noti_term .sep {width: 10%; display: block; float: left; line-height: 35px; text-align: center}



/*공공누리*/
#boardWrap #boardWrite .nonpadding {padding: 0}
#boardWrap .sb_nuriwrap {width:auto}
#boardWrap .nuri_top {overflow:hidden; position: relative; margin:15px 0;  background: #efefef; border-radius:15px 15px 0 0}
#boardWrap .nuri_top dt { height: 45px; line-height: 45px; background: #918f8f; font-size: 1.154em; font-weight: bold; text-align: center; color:#fff}
#boardWrap .nuri_top dd {width:75%; padding: 20px 10px; line-height: 140%}
#boardWrap .nuri_top .nuri_gobtn01 {position: absolute; right:10px; bottom:8px}
#boardWrap .nuri_top .nuri_gobtn01 a { display: block;  width: 172px; padding: 12px 0; border-radius:5px; background: #585858; text-align: center; color:#fff}
#boardWrap .nuri_top .nuri_gobtn01 span {display: block}
#boardWrap .nuri_top .nuri_gobtn01 .point_col {color:#acacac; padding:5px 0}
#boardWrap .nuri_select .nuri_name { width:auto;  height:80px; margin-bottom:5px; border: 1px solid #dbdbdb; background:#fff url("../../images/board/bg_nuri_select_mob.gif") no-repeat center}
#boardWrap .nuri_select li{ position: relative; height:60px; line-height: 60px;  margin-bottom: 2px; border: 1px solid #dbdbdb; border-left:none; border-right:none; background: #f7f7f7}
#boardWrap .nuri_select li img {margin: 3px 10px 0 5px}
#boardWrap .nuri_select li label {position: absolute;top:0; left:270px; font-weight:500}
#boardWrap .nuri_select li .nuri_gobtn02 {position: absolute; right:10px; bottom:6px; line-height:140%}
#boardWrap .nuri_select li .nuri_gobtn02 a{display: block; padding: 15px; border-radius:5px; background: #585858; text-align: center; color:#fff}
#boardWrap .nuri_ex dl {margin-bottom:5px; border: 1px solid #dbdbdb}
#boardWrap .nuri_ex dt {height: 45px; line-height: 45px; background: #6c6b6b; font-size: 1.154em; font-weight: bold; text-align: center; color:#fff}
#boardWrap .nuri_ex dd {width:auto; height: 54px; line-height: 60px; padding: 10px}
#boardWrap .nuri_ex dd span {margin-left: 10px}
#boardWrap .nuri_bottom {padding: 10px; border-top:1px solid #b4b4b4; background: #c7c7c7}
#boardWrap .nuri_bottom li {line-height: 140%; padding-left: 12px; margin-bottom:5px; background:url("../../images/board/cont_blt_v4.gif") no-repeat left 5px}
#boardWrap .nuri_bottom li span {color:#ff0707; font-weight:bold}


/* 멀티파일 업로드 */
.multi_file {position: relative}
.multi_file .write_left {position: relative; margin: 0 0 10px 0}
.multi_file .newfileup {width: 80px; height:30px; line-height:30px; color: #fff; background:#0078d7; font-weight:500; border-radius:5px}
.multi_file .MultiFile {position: absolute; left: 0; top: 0; width: 105px; height:40px; opacity: 0; border: 0; background: none; cursor: pointer}
.multi_file .info_file {position: absolute; right:0; top: 10px; font-weight:500}
.multi_file .upfile_list_area {padding: 10px; border: 1px solid #c0c0c0; height: 84px; overflow-y: auto}
.multi_file .upfile_list_area .MultiFile-label {color: #5e5e5e; line-height: 1.2; margin: 4px 0 0 0; padding: 2px 70px 1px 0; position: relative}
.multi_file .upfile_list_area .MultiFile-label:first-child {margin-top: 0}
.multi_file .onefiledel {width:60px; height:22px; line-height:22px; color: #fff; background:#585858; border-radius: 100px; position: absolute; right: 0; top: 0}
.multi_file #multiFileUp {left: 0; top: 0 !important; width:80px; height:32px}

.multi_file .frmLine {border: 1px solid #c0c0c0; padding: 12px; margin: 8px 0}
.multi_file .frmLine .delnoti {display:block; font-weight:500; margin-bottom: 6px; line-height:1.3}
.multi_file .delFlist li {line-height:1.4; margin: 4px 0 0 0}
.multi_file .delFlist li:first-child {margin:0}

/*달력*/
#boardWrap #boardWrite table td #mini_calendar{display:none; padding-top:5px}
#boardWrap #boardWrite table td div.calendarBox{ width:100%; margin:0; background:#fff; z-index:100}
#boardWrap #boardWrite table td div.calendarBox div.topCal{width:auto; border:1px solid #e2e2e2; border-bottom:none; height:27px; position:relative}
#boardWrap #boardWrite table td div.calendarBox div.topCal p.tit{font-size:13px !important; text-align:center; color:#4b4c6f; line-height:27px !important; /*font-family:NGB;*/ font-weight:bold; letter-spacing:-1px}
#boardWrap #boardWrite table td div.calendarBox div.topCal a{position:absolute; top:6px; margin:0; padding:0}
#boardWrap #boardWrite table td div.calendarBox div.topCal a.preMonth{left:5px}
#boardWrap #boardWrite table td div.calendarBox div.topCal a.nextMonth{right:5px}
#boardWrap #boardWrite table td div.calendarBox table{border-collapse:collapse; width:100%; border:1px solid #e2e2e2}
#boardWrap #boardWrite table td div.calendarBox table caption{display:none}
#boardWrap #boardWrite table td div.calendarBox table thead th{text-align:center !important; padding:3px 0 !important; font-weight:normal; /*font-family:NGB;*/ font-weight:bold; letter-spacing:-1px; border:1px solid #e2e2e2; font-size:1em !important; width:14.28% !important; min-width:14.28% !important; line-height:150% !important}
#boardWrap #boardWrite table td div.calendarBox table tbody td{text-align:center !important; padding:3px 0 !important; border:1px solid #e2e2e2; font-size:0.923em !important}
#boardWrap #boardWrite table td div.calendarBox table tbody td.sunday a {color:#ff6834 !important}
#boardWrap #boardWrite table td div.calendarBox table tbody td.saturday a{color:#5cc7a0 !important}
#boardWrap #boardWrite table td div.calendarBox table tbody td.today a{background:#94c528 !important}
#boardWrap #boardWrite table td div.calendarBox table tbody td.selday a {background:#2b8eda !important; color:#fff !important}
#boardWrap #boardWrite table td div.calendarBox table tbody td.notday, div.calendarBox table tbody td.notday a {color:#ccc !important}
#boardWrap #boardWrite table td div.calendarBox table tbody td a {display:block}

/*글보기*/
#boardView .sns_share {position: absolute; left: 0; top: -68px; width: 100%; background: #f1f1f1; border: 1px solid #d2d2d2; z-index: 30; border-radius:50px; overflow:hidden}
#boardView .sns_share dt {position: absolute; left: 10px; top: 50%; line-height: 20px; margin: -10px 0 0 0; font-weight:500}
#boardView .sns_share dd {background:#fff; text-align: right; padding: 12px; margin: 0 0 0 88px}
#boardView .sns_share .btn_sns {width: 26px; height: 26px; padding: 0; margin: 0 0 0 4px; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0}
#boardView .sns_share .sns1 {background: url("../../images/board/btn_sns1.png") 50% 50% no-repeat}
#boardView .sns_share .sns2 {background: url("../../images/board/btn_sns2.png") 50% 50% no-repeat}
#boardView .sns_share .sns3 {background: url("../../images/board/btn_sns3.png") 50% 50% no-repeat}

#boardView {border-top:2px solid #585858; padding:0; margin: 68px 0 5px 0; position: relative; z-index:5}
#boardView .b_titBox {position: relative; border-bottom: 1px solid #d2d2d2; background: #555e63; padding: 0 0 0 140px; z-index: 10; color:#fff}
#boardView .b_titBox h4 {font-weight:400; line-height: 1.2; background: #fff; font-size: 1.077em; padding: 16px 20px; font-weight:500}
#boardView .b_titBox .in_tit {position: absolute; display: block; left: 18px; top: 11px; line-height: 20px}
#boardView .infoBox dl {position: relative; border-bottom: 1px solid #d2d2d2; background: #555e63; padding: 0 0 0 140px; font-size: 1.077em; color:#fff; float: left; box-sizing: border-box}
#boardView .infoBox dt {position: absolute; left: 20px; top: 11px; line-height: 20px; font-weight: 500}
#boardView .infoBox dd {background: #fff; padding: 10px 15px; color:#000}
#boardView .infoBox .info1 {width:100%}
#boardView .infoBox .info2, #boardView .infoBox .info3 {width: 50%}
#boardView .file_box {position: relative; border-bottom: 1px solid #d2d2d2; background: #555e63; padding: 0 0 0 140px}
#boardView .file_box dt {position: absolute; left: 20px; top: 18px; line-height: 20px; font-weight:500; color:#fff}
#boardView .file_box dd {background: #fff; padding: 8px}
#boardView .file_list li {margin: 4px 0 0 0; line-height: 1.2}
#boardView .file_list li a {display:inline-block}
#boardView .file_list li:first-child {margin-top: 0}
#boardView .file_list .btn_down_file {display: none; width: 21px; height: 21px; text-indent: -9999px; overflow: hidden; font-size: 0; line-height: 0; background:url("../../images/board/btn_down_file.png") 50% 50% no-repeat; border-radius: 3px; vertical-align: middle; margin: 0 0 0 4px}
#boardView .file_box .btns {padding: 12px 0 0 0}
#boardView .file_box .btns button {width: 100%; box-sizing: border-box; text-align: left; padding: 9px 12px; font-weight: 600; color: #fff; border-radius: 4px; background: url("../../images/board/btn_down_file2.png") 100% 50% no-repeat}
#boardView .file_box .btns .btn_file1 {float: left; background-color:  #3762ac}
#boardView .file_box .btns .btn_file2 {float: right; background-color: #3762ac}
#boardView .file_box .btns .vtxt {display: none}

#boardView .b_titBox h4 span.cate{color:#5f5f5f; padding:0 5px}
#boardView .b_titBox h4 span.title{font-size:1.000em; color:#000}
#boardView .b_titBox h4 span.noticeBox, #boardWrap #boardView div.b_titBox h4 span.reservBox{margin-right:3px; margin-top:-1px; vertical-align:middle}
#boardView .infoBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardView .infoBox dl.nameBox{float:left; padding:10px; *zoom:1}
#boardView .infoBox dl.nameBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardView .infoBox dl.nameBox dt{width:60px; background:url("../../images/board/view_lineBg.gif") no-repeat right center; float:left}
#boardView .infoBox dl.nameBox dd{width:auto; padding-left:70px; font-weight:500}
#boardView .infoBox div.rightBox{float:right; padding:10px 10px 10px 0; *zoom:1}
#boardView .infoBox div.rightBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardView .infoBox div.rightBox dl.date{float:left}
#boardView .infoBox div.rightBox dl.date dd{background:url("../../images/board/view_lineBg.gif") no-repeat left center; padding:0 10px}
#boardView .infoBox div.rightBox p.hits{float:right; background:url("../../images/board/view_lineBg.gif") no-repeat left center; padding:0 0 0 10px}
#boardView .fileBox{padding:10px; width:auto; border-bottom:1px solid #b5b5b5}
#boardView .fileBox dl{padding:0; margin:0; *zoom:1}
#boardView .fileBox dl:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardView .fileBox dl dt{width:60px; background:url("../../images/board/view_lineBg.gif") no-repeat right center; float:left; display:none}
#boardView .fileBox dl dd{width:auto; }
#boardView .fileBox dl dd ul li{width:100%; padding:0 0 5px 0; line-height:150%; position:relative}
#boardView .fileBox dl dd ul li a {display:block; margin-right:70px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap}
#boardView .fileBox dl dd ul li button{
	position:absolute; top:50%; right:0; display:block; width:70px; font-size:11px; background:url("../../images/board/view_fileBtn.gif") no-repeat 3px center; padding:3px 0 0 20px; font-size:0.923em; letter-spacing:-1px;  border:1px solid #c4c4c4; height:18px; margin:-10px 0 0 0;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; 
}

#boardView .vplay {margin: 12px 0}
#boardView .vplay .video-js {margin: 0 auto}
#boardView .youtubeplay {margin: 12px 0}


#boardWrap #boardView #view_contents{padding:10px; width:auto; border-bottom:1px solid #585858}
#boardWrap #boardView #view_contents #contentsArea {margin:0; padding:0; width:auto}
#boardWrap #boardView #view_contents #contentsArea div {line-height:150%; padding:20px 0; font-size:1.071em}
#boardWrap #boardView #view_contents #view_photo_tb {padding:15px 0; margin:20px 0 0 0; }
#boardWrap #boardView #view_contents #view_photo_tb li {margin:10px 0; ; text-align:center}
#boardWrap #boardView #view_contents #view_photo_tb li a {display:inline-block; padding:0; margin:0}
#boardWrap #boardView #view_contents #view_photo_tb .img_wrap {display: inline-block; box-sizing: border-box; max-width: 700px; margin: 0 auto; border: 1px solid #d2d2d2; border-radius: 4px; padding: 9px; background: #fff}
#boardWrap #boardView #view_contents #view_photo_tb li img {max-width: 100%}
#boardWrap #boardView #view_contents .codeViewWrap {width:auto; margin:15px 0 10px 0}
#boardWrap #boardView #view_contents .codeViewWrap div {padding:10px; border:1px solid #cacaca; border-bottom-width:2px; margin:0; position:relative; background:#fff; line-height:150%; position:relative; min-height:31px}
#boardWrap #boardView #view_contents .codeViewWrap div img { text-align:center;vertical-align:middle; margin:0 10px}
#boardWrap #boardView #view_contents .codeViewWrap div.codeView01 {display:none; }
#boardWrap #boardView #view_contents .codeViewWrap div.codeView02 {display:none}
#boardWrap #boardView #view_contents .codeViewWrap div.codeView03 {display:none}
#boardWrap #boardView #view_contents .codeViewWrap div.codeView04 {display:none}
#boardWrap #boardView #view_contents .codeViewWrap div.codeView05 {display:none}
#boardWrap #commentWrap {background: #f4f4f4; border:1px solid #cdcdcd; border-top:0}
#boardWrap #commentWrap .commentTop {padding:15px; width:auto; background:#fff; border-bottom:1px solid #d2d2d2; border-radius:0; border-top:2px solid #444}
#boardWrap #commentWrap .commentTop h4 {font-weight:500; font-size: 1.077em}
#boardWrap #commentWrap .commentTop h4 span{color:#f72f2f}
#boardWrap #commentWrap .commentList{width:auto; margin:0}
#boardWrap #commentWrap .commentList ul {padding-top:10px}
#boardWrap #commentWrap .commentList ul li {padding:5px 10px 10px; margin-bottom:10px; border-bottom:1px solid #dadada}
#boardWrap #commentWrap .commentList .replyComment {background:url("../../images/board/bg_reply_comment.png") no-repeat 10px 0; padding: 0 15px 13px 40px}
#boardWrap #commentWrap .commentBox {padding:0; margin:0;  position:relative}
#boardWrap #commentWrap .commentBox:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap #commentWrap .commentBox .c_info {padding:0 0 5px 0; margin:0}
#boardWrap #commentWrap .commentBox .c_info:after {content:""; clear:both; display:block; height:0; visibility:none}
#boardWrap #commentWrap .commentBox .leftBox {float:left; font-size: 1.077em; color: #292929; padding: 2px 0 0 0}
#boardWrap #commentWrap .commentBox .leftBox .name{font-weight:500}
#boardWrap #commentWrap .commentBox .leftBox .date{padding-left:5px}
#boardWrap #commentWrap .commentBox .rightBox{float:right; margin-top:-2px}
#boardWrap #commentWrap .commentBox .rightBox a{color:#fff; font-size:0.85em; display: inline-block; padding:3px 11px 2px 7px}
#boardWrap #commentWrap .commentBox .rightBox .delTxt {padding:3px 16px 2px 12px; background: #616161; border-radius:50px}
#boardWrap #commentWrap .commentBox .rightBox .repTxt {margin-left:-8px; background: #f76c21; border-radius:0 50px 50px 0}
#boardWrap #commentWrap .commentBox .rightBox .delTxt2 {margin-left:-8px; background: #f76c21; border-radius:0 50px 50px 0}
#boardWrap #commentWrap .commentBox .c_con{line-height:130%; padding:5px; border-radius:5px; background:#fff}
#boardWrap #commentWrap .commentBox .textareaBox {margin:0 100px 0 0; background: #fff; border:1px solid #c7c7c7; height: 68px}
#boardWrap #commentWrap .commentBox .textareaBox textarea {padding: 6px 0; width:100%; border:0; height:56px; resize:none}
#boardWrap #commentWrap .commentBox .btnBox{position:absolute; top:0; right:0}
#boardWrap #commentWrap .commentBox .btnBox button{border:0; background:#7b7b7b; color:#fff; font-weight:500; text-align:center; width:90px; height:70px; border-radius:5px}
#boardWrap #commentWrap .commentBox .replyComment {margin: 13px 0 0 0}
#boardWrap #commentWrap .comPage{padding:0 0 15px 0; margin:0 15px;text-align:center}
#boardWrap #commentWrap .comPage a{display:inline-block; *display:inline; zoom:1; min-width:20px; height:20px; line-height:19px; padding:4px; margin:0 3px; background:#f0f0f0; border:1px solid #ccc; font-weight:bold; color:#929191; font-family:sans-serif; border-radius:8px; vertical-align:middle}
#boardWrap #commentWrap .comPage a.comP1{background:none}
#boardWrap #commentWrap .comPage a.comP{background:#dedddd; letter-spacing:-1px; border:none}
#boardWrap #commentWrap .comPage a.comP .button {vertical-align:text-bottom}
#boardWrap #commentWrap .comPage a.currentPage{background:#0073bc; color:#fff;; border-color:#0073bc}
#boardWrap #commentWrap .commentInputBox {position:relative; padding:12px 15px 18px; width:auto; background:#fff; border-top:1px solid #ccc}
#boardWrap #commentWrap .commentInputBox .textareaBox {padding:5px; margin:0 118px 0 0; border:1px solid #c7c7c7; border-radius:5px; height:74px; background: #fff; box-sizing:border-box}
#boardWrap #commentWrap .commentInputBox .textareaBox textarea{width:100%; border:0; height:100%; border-radius:5px; resize:none}
#boardWrap #commentWrap .commentInputBox .btnBox {position:absolute; bottom: 18px; right:15px}
#boardWrap #commentWrap .commentInputBox .btnBox button {border:0; background:#616161; color:#fff; font-weight:500; text-align:center; width:110px; height:76px; border-radius:5px; font-size:1.077em}
#boardWrap #commentWrap .commentInputBox .smallTxt {padding:0 0 5px 0; color:#868686; font-weight:500}

#viewList div#list_top{display:none !important}
#viewList div#list_bottom{display:none !important}
#viewList div#boardCharge{display:none !important}

div#write_input{
width:100%; border:1px solid #dbe0e3; border-top:none;  padding:0; margin:0;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
}
div#write_bar{
/* display:none; */
/*border-bottom:1px solid #dbe0e3;*/ border-left:1px solid #ccc; border-right:1px solid #ccc; width:100%;  padding:10px 0;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f5f7f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f7f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f7f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f5f7f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f5f7f8 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f5f7f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f7f8',GradientType=0 ); /* IE6-9 */
}


/*셀렉트박스 */
#write_bar:after{content:""; clear:both; display:block; height:0; visibility:none; }
#write_bar dl{float:left; padding:0 0 0 8px; margin:0; *zoom:1}
#write_bar dl:after{content:""; clear:both; display:block; height:0; visibility:none; }
#write_bar dl dd {position:relative;float:left;margin:0; margin:2px 0; text-indent:0; }


	
/*MOBILE MODE*/
@media only screen and (min-width:0) and (max-width:1299px){

	/*게시판 테이블형 일반형 */
	#boardWrap .normalTable table .b_date{display:none}
	#boardWrap .normalTable table .b_hit{display:none}
	#boardWrap .normalTable table .b_file{display:none}

	/*게시판 테이블형 링크형 */
	#boardWrap .linkTable table .b_hit{display:none}
	#boardWrap .linkTable .b_title .myCon {padding-right: 0}
	#boardWrap .linkTable .b_link {width: 30px}
	#boardWrap .linkTable .b_bigo {width: 38px}
	#boardWrap .linkTable .b_bigo a {display: block; margin: 1px auto !important; border-radius: 3px !important}

	#boardWrap #list_bottom .btnBox .onlyBtn{width:100% !important}
	#boardWrap #boardView .infoBox {position:relative}
	#boardWrap #boardView .infoBox .nameBox{float:none; padding-right:140px}
	#boardWrap #boardView .infoBox .rightBox{float:none; position:absolute; top:0; right:0}

	/* 포토형 */
	#boardWrap .photoTable .photoWrap .photoCon .title a  {height: 17px}
	#boardWrap .photoTable ul li{width: 50%}

	/* 글보기 */
	#boardView .b_titBox {padding: 0 0 0 88px}
	#boardView .infoBox dl {float: none; width: auto !important; padding: 0 0 0 88px}
	#boardView .file_box {padding: 0 0 0 88px}

	/*공공누리*/
	#boardWrap .nuri_top dl dd {width:auto}
	#boardWrap .nuri_top .nuri_gobtn01{position: relative; right:0; bottom:0}
	#boardWrap .nuri_top .nuri_gobtn01 a { width: auto;border-radius:0}
	#boardWrap .nuri_select ul{margin-bottom: 55px}
	#boardWrap .nuri_select li .nuri_gobtn02{position: relative; right:0; bottom:0}
	#boardWrap .nuri_select li .nuri_gobtn02 a{ width: auto; border-radius:0}

	#boardWrap div#list_top ul.viewBtnBox li div.btnBox button span {display:block}

	#boardWrap #list_bottom .btnBox {*zoom:1}
	#boardWrap #list_bottom .btnBox:after {content:""; clear:both; display:block; height:0; visibility:none}
	#boardWrap #list_bottom div.btnBox div.buttonBox {width:100% !important; margin:0}
	#boardWrap #list_bottom .btnBox.no_reply .buttonBox {width:100% !important; margin:0}
	#boardWrap #list_bottom .buttonBox:first-child p {margin:0 0 5px}
	#boardWrap #list_bottom .buttonBox p {margin:0 0 5px}


}

/*  PC MODE */
@media only screen and (min-width:1300px) {
	
	/*게시판 상단 알림영역 kjh 200611 */
	#boardWrap .boardNotice > div{padding-left:125px; padding-right:25px; background:url("../../images/board/blt_brdnoti.gif") no-repeat 30px 50%}

	/* 담당자 정보 */
	#boardWrap #boardCharge .chargInfo {padding: 0 0 0 130px}
	#boardWrap #boardCharge .chargInfo dt {position: absolute; left: 8px; top: 50%; padding: 18px 0 18px 50px; width: 72px; margin: -28px 0 0 0; background: url("../../images/board/ico_call.png") 0 50% no-repeat; font-size: 1.2em; text-align: left}
	#boardWrap #boardCharge .chargInfo dd {background: #2e2e2e; text-align: left; padding: 0 0 0 20px}
	#boardWrap #boardCharge .chargInfo .name {background: none; display: inline-block; font-size: 1.067em; padding: 18ox 0}
	#boardWrap #boardCharge .chargInfo .call {display: none}
	#boardWrap #boardCharge .chargInfo .num {display: inline-block; padding: 0 10px 0 4px}

	/* 게시물 보기 */
	#boardView {margin-top: 0}
	#boardView .file_box dd {display: table; width: 100%; box-sizing: border-box}
	#boardView .file_box .file_list {display: table-cell; vertical-align: middle}
	#boardView .file_box .btns {display: table-cell; vertical-align: middle; padding: 0; width:115px}
	#boardView .file_box .btns button {text-align: center; background-image: url("../../images/board/btn_down_file2.png"); background-position: 100% 50%;padding:10px 45px 10px 5px; width:100%}
	#boardView .file_box .btns .vtxt {display: inline-block}
	#boardView .file_list .btn_down_file {display: inline-block}
	#boardView .b_titBox h4 {padding: 10px 70px 10px 15px}
	#boardView .sns_share {top: 0; left: auto; right: 0; width: auto; border: 0; background: none; padding: 0}
	#boardView .sns_share dd {padding: 13px 12px}

	#boardWrap div#list_bottom div.btnBox div.buttonBox{width:110px; margin:0}
	#boardWrap .writeBtnBox div.btnBox{float:none !important; width:230px; margin-left:auto; margin-right:auto}
	#boardWrap .writeBtnBox div.btnBox .buttonBox {width:50%}

	/*게시판 상단*/
	#boardWrap div#list_top{position:static}
	#boardWrap div#list_top ul.viewBtnBox{float:right}
	#boardWrap div#list_top ul.viewBtnBox li.printBtn{display:block}
	#boardWrap div#list_top ul.viewBtnBox li{width:65px}

	/*게시판 하단(버튼) 영역*/
	#boardWrap div#list_bottom div.searchForm{float:left}
	#boardWrap div#list_bottom div.searchForm div.rightBox div.inputBox{width:205px}
	#boardWrap div#list_bottom div.btnBox{float:right; padding:0}
	#boardWrap div#list_bottom div.btnBox div.buttonBox{width:110px}
	#boardWrap .writeBtnBox div.btnBox{float:none !important; width:230px; margin-left:auto; margin-right:auto}
	#boardWrap .viewBtnBox div.btnBox{float:none !important; width:auto; margin-left:0; margin-right:0}
	#boardWrap .viewBtnBox div.btnBox div.buttonBox{width:110px !important}
	#boardWrap .viewBtnBox div.btnBox div.leftBtn{float:left !important}
	#boardWrap .viewBtnBox div.btnBox div.rightBtn{float:right !important}

	/*글쓰기*/
	#boardWrap #boardWrite table th {width:170px}
	#boardWrap #boardWrite table td .telInput {width:200px}
	#boardWrap #boardWrite table td .selectBox .jqTransformSelectWrapper{width:70%; padding-left:5px; padding-right:5px}
	#boardWrap #boardWrite table td  div#file_box_{width:70%; padding:0 10px 0 0}
	#boardWrap #boardWrite table td p.ex_txt{float:left; padding-left:5px; line-height:30px; padding-top:0}


	#boardWrap #boardWrite table td div.linkInput{width:400px}
	#boardWrap #boardWrite table td div.radioBox2>div{display:inline-block; *display:inline; zoom:1; padding:0}

	#boardWrap .nuriWrap .nuriTop p.nuriTopTxt{padding:20px 20px 5px 20px}
	#boardWrap .nuriWrap .nuriTop a{padding-right:20px}
	#boardWrap .nuriWrap .nuriList{padding:0 20px 10px 20px}
	#boardWrap .nuriWrap .nuriList .codeViewWrap div img{ position:static; vertical-align:middle; margin:0 10px}
	#boardWrap .nuriWrap .nuriList .codeViewWrap div.codeView01{padding-left:0}
	#boardWrap .nuriWrap .nuriList .codeViewWrap div.codeView02{padding-left:0}
	#boardWrap .nuriWrap .nuriList .codeViewWrap div.codeView03{padding-left:0}
	#boardWrap .nuriWrap .nuriList .codeViewWrap div.codeView04{padding-left:0}
	#boardWrap .nuriWrap .nuriList .codeViewWrap div.codeView05{padding-left:0}
	#boardWrap .nuriWrap .bottomTxt{padding:0 20px}

	/*글보기*/
	#boardWrap #boardView div.fileBox dl dt{display:block}
	#boardWrap #boardView div.fileBox dl dd{padding-left:70px}
	#boardWrap #boardView #view_contents  .codeViewWrap div img{ position:static; vertical-align:middle; margin:0 10px}
	#boardWrap #boardView #view_contents  .codeViewWrap div.codeView01{padding-left:0}
	#boardWrap #boardView #view_contents  .codeViewWrap div.codeView02{padding-left:0}
	#boardWrap #boardView #view_contents  .codeViewWrap div.codeView03{padding-left:0}
	#boardWrap #boardView #view_contents  .codeViewWrap div.codeView04{padding-left:0}
	#boardWrap #boardView #view_contents  .codeViewWrap div.codeView05{padding-left:0}

	/*공공누리*/
	#boardWrap .nuri_select .nuri_name {float:left; width:186px; height:317px; margin-right: 6px; border: 1px solid #dbdbdb; background:#fff url("../../images/board/bg_nuri_select.gif") no-repeat 13px 20px}
	#boardWrap .nuri_select ul {margin-left:192px}
	#boardWrap .nuri_select li {position: relative; height:60px; line-height: 60px; margin-bottom: 2px; border: 1px solid #dbdbdb; border-left:none; border-right:none; background: #f7f7f7}
	#boardWrap .nuri_select li img {margin: 3px 10px 0 5px}
	#boardWrap .nuri_select li label {position: absolute;top:0; left:250px; font-weight:500; margin-left: 20px}

	/* sns */
	#boardView .sns_share {top: 0; left: auto; right: 0; width: auto; border: 0; background: none; padding: 0}
	#boardView .sns_share dt {display: none}
	#boardView .sns_share dd {padding: 12px 10px}

	/* 표 table */
	#boardBox .b_part {width:115px}


}

@media only screen and (max-width:615px){
	/* 글쓰기 */
	#boardWrap #boardWrite .in_value{width:100%}

	/*공공누리*/
	#boardWrap .nuri_select ul {margin-bottom: 5px}
	#boardWrap .nuri_select li {height:auto; line-height: 160%; padding: 8px 0 0 0}
	#boardWrap .nuri_select li img {margin: 0 5px}
	#boardWrap .nuri_select li label {position: relative; top:0; left:0; display: block; margin: 10px 0 10px  20px}

	#boardWrap .nuri_ex dl {margin-bottom:5px; border: 1px solid #dbdbdb}
	#boardWrap .nuri_ex dd {width:auto; height: auto; line-height: 140%; padding: 10px; text-align: center}
	#boardWrap .nuri_ex dd span {display: block; margin:8px 0 0 0 ; text-align: left}

}

@media only screen and (max-width:550px){	

	/*게시판 상단*/
	#boardWrap div#list_top div.leftBox{float:none; padding-bottom:5px}
	#boardWrap div#list_top div.leftBox p{background:none; padding:0}
	#boardWrap div#list_top div.cateBox{width:100%; padding-left:0; float:none}

	/* 게시판 하단 */
	#boardWrap #list_bottom .btnBox > div {width: 100%; padding: 0 0 4px 0}
	#boardWrap #list_bottom .btnBox > div:after {content:""; display: block; clear: both}

}

@media only screen and (max-width:500px){	

	/*글쓰기*/
	#boardWrap .nuriWrap .nuriList ul li img {display:block; margin-bottom:5px}
	#boardWrap .nuriWrap .nuriList ul li label {padding:0 0 0 18px; text-indent:0}

	/* 테마형 */
	#boardWrap .themeTable .themeWrap {padding: 14px 0}
	#boardWrap .themeTable .themeWrap .photoBox {position: relative; left: auto; top: auto; margin: 0 auto 20px auto}
	#boardWrap .themeTable .themeCon .t_txt {height: auto}

	#boardWrite .noti_term {padding:0}
	#boardWrite .notice_days .notice_days_tit {position:relative; left: auto; top: auto; margin: 8px 0 4px 0}

}

@media only screen and (max-width:510px){	

	#boardWrap div.boardNotice{background:none; min-height:inherit}
	#boardWrap div.boardNotice ul{padding-left:0}

	/*포토형*/
	#boardWrap .photoTable ul li{float:none; width:100%}
	#boardWrap .photoTable ul li div.photoWrap{width:100%}
	#boardWrap .photoTable ul li div.photoWrap p.photoBox{margin:0 auto}

	/*글쓰기*/
	#boardWrap #boardWrite table td div.fileTop p.write_right{float:none; padding:5px 0 0 0}

	/*글보기*/
	#boardWrap #boardView div.infoBox dl.nameBox dt{display:none}
	#boardWrap #boardView div.infoBox dl.nameBox dd{padding-left:0}

	#boardWrap div#list_bottom.viewBtnBox div.btnBox div.buttonBox p button.writeBtn span{background:none; padding-left:0}
	#boardWrap div#list_bottom.viewBtnBox div.btnBox div.buttonBox p button.listBtn span{background:none; padding-left:0}
	#boardWrap div#list_bottom.viewBtnBox div.btnBox div.buttonBox p button.okBtn span{background:none; padding-left:0}
	#boardWrap div#list_bottom.viewBtnBox div.btnBox div.buttonBox p button.cancelBtn span{background:none; padding-left:0}
	#boardWrap div#list_bottom.viewBtnBox div.btnBox div.buttonBox p button.modiBtn span{background:none; padding-left:0}
	#boardWrap div#list_bottom.viewBtnBox div.btnBox div.buttonBox p button.delBtn span{background:none; padding-left:0}
	#boardWrap div#list_bottom.viewBtnBox div.btnBox div.buttonBox p button.replyBtn span{background:none; padding-left:0}

	/* 멀티파일 첨부 */
	.multi_file .info_file {position: relative; right: auto; top: auto; margin: 6px 0 0 0}

}

@media only screen and (min-width:767px) and (max-width:1299px){
#boardWrap .photoTable ul li {width:33.3%}
}


/*안전보건게시판 상단 알림영역 - JGS - 220218 */
.safe_board_notice {border: 1px solid #cacaca;padding: 14px 0 14px 14px;margin: 0 0 20px}
.safe_board_notice li {padding: 0 0 0 12px; line-height: 1.4; margin: 6px 0 0 0; background: url("../../images/board/blt_board.gif") 0 6px no-repeat}
.safe_board_notice li:first-child {margin-top: 0}
.safe_board_notice ul {margin-top: 3px}
.safe_board_notice ul.list02 {margin-top:7px}
.safe_board_notice ul.list02 li {margin-left:0; padding-left:0; background: none; }
.safe_board_notice ul.list02 li:first-child {margin-top:0}
.safe_board_notice span.col_blue {color: #0073BC}
.safe_board_notice span.col_red {color: #F9472D}
.safe_board_notice span.col_bold {font-weight:600}

@media only screen and (min-width: 1300px) {
	.safe_board_notice {border: 1px solid #cacaca; padding: 14px 0 14px 122px}
    .safe_01 {padding-right: 104px;background: url("../../images/app/safe_board_icon.png") 3% 13% no-repeat}
}

/* 재난추가 MHS 240529 ================================*/
/* 페이지 상단 */
.tabnavi01 + #subpage #boardWrap .page_info_box{border-top:1px solid #ddd; margin:0 0 20px; border-bottom: 2px solid #555}
/* 페이지 상단 다운로드 버튼 */
.page_info_box .top_down_btn{position:absolute; top: calc(50% - 19px); font-size:14px; right:0; display:block; min-width: 200px; line-height: 38px; box-sizing: border-box; border: 1px solid #111c43; background: url(../../images/board/icon_down.png) no-repeat right 10px center #3f5089; font-weight: 600; border-radius: 6px; padding: 0 35px 0 10px; text-align: center; color: #fff; transition: .2s;}
.page_info_box .top_down_btn:hover{background-color: #111c43;}
@media only screen and (max-width: 1024px) {
	.page_info_box .top_down_btn{position:static; margin-bottom:10px; font-size:13px; line-height: 36px}
}