@charset "utf-8";


.bd_container{position:relative;}

/* topbox */
.uit.prog_search{overflow:hidden;position:relative;margin-bottom: 30px;border:1px solid #d2d2d2;}
.uit.prog_search:after{content:"";display:block;clear:both;visibility:hidden;}
.uit.prog_search .inner{position:relative;padding:30px 25px}
.uit.prog_search .inner .txtwrap{position:relative;}
.uit.prog_search .inner .txtwrap ul{display: block;margin: 0;text-align: left;}
.uit.prog_search .inner .tit_inner{display:block;color:#121212;font-size:20px;line-height:30px;margin:0 0 20px 0;padding:0;font-weight:500;}
.uit.prog_search .inner .txtwrap p{margin:0;font-size:15px;color: #545454;word-break:break-word;line-height:24px;}
.uit.prog_search .inner .txtwrap p.txt-tip{display: inline-block;color: #da4453;}
.uit.prog_search .inner .txtwrap b{display: block;}
.uit.prog_search .inner .txtwrap a{margin: 10px 0 0;}
.uit.prog_search .btnwrap{position:absolute;top:-35px;right:0;margin-top:0;}

.type1.uit.prog_search{border:none;}
.ui.uit.prog_search.type1:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 30px;background: #f39700;}
.ui.uit.prog_search.type1{position: relative;background: #f8f8f8;}
.ui.uit.prog_search.type1 .inner{margin: 3px;background:#fff;border-bottom: 1px solid #ffebcb;z-index: 2;}
.ui.uit.prog_search.type1:after{content: "";position: absolute;top: 0;left: 0;width: 180px;height: 30px;background: #ffc600;visibility: visible;z-index: 1}

.uit.prog_search.type1 .inner{min-height:180px;padding-left:190px;    background-color: #f3f4f6;}
.ui.uit.prog_search.type1 .inner .tp_icon.circle{display:block;position:absolute;top:50%;left:35px;margin-top: -55px}
.uit.prog_search.type1 .inner .tp_icon{display:block;position:absolute;top:50%;margin-top: -55px}

.uit.prog_search.type1 .inner.long .tp_icon,
.uit.prog_search.type1 .inner.long .tp_icon2{top:45px;margin-top: 0}
.uit.prog_search.type1 .inner.n_short{min-height: auto;padding: 70px 25px 70px 170px}

.uit.prog_search.type3{border-color:#fff;border-top-color:#949494;border-bottom-color:#ddd;}
.uit.prog_search.type3 .inner{min-height:213px;padding-left:300px;}
.uit.prog_search.type3 .inner .thm_figure{display:block;overflow:hidden;position:absolute;top:35px;left:35px;width:230px;height:153px;margin:0;text-align:center}
.uit.prog_search.type3 .thm_figure img{max-width:100%;width:auto;}

@media only screen and (max-width:767px) {
    .uit.prog_search .inner,
    .uit.prog_search.type1 .inner,
    .uit.prog_search.type1 .inner.n_short,
    .uit.prog_search.type3 .inner{position:relative;min-height: auto;padding:25px;}
    .uit.prog_search.type1 .inner .tp_icon,
    .uit.prog_search.type1 .inner .tp_icon2{display:none;}
    .uit.prog_search .thm_figure,
    .uit.prog_search.type3 .inner .thm_figure{display:none;}
    .uit.prog_search .inner .btnwrap{position: static;margin-top:20px;}
}




/* common */
.bd_detail_tit h2:before {display:none;}
.grid .bd_item .bd_item_box h2:before {display:none;}
.mobileshow{display:none;}
.tabletshow{display:block;}

.pg_num{position:relative;margin-top:20px;padding:0;text-align:center;}
.pg_num:after{content:"";display:block;visibility:hidden;clear:both;}
.pg_num *{vertical-align:middle}
.pg_num a{display:inline-block;overflow:hidden;width:40px;height:40px;border:1px solid #dddddd;line-height:37px; font-size:16px;}
.pg_num a:hover,
.pg_num a:focus{border:1px solid #555555; font-weight:bold; color:#666;}
.pg_num a.pg_lnk_ov{background:#555555;border:1px solid #555555; color:#fff; font-weight:bold;}
.pg_num a.pg_arrow{background:url(/mayor/prog/bbs/img/common/bg_pg_num.gif) no-repeat;font-size:0;line-height:0;}
.pg_num a.pg_first{background-position:8px 14px;}
.pg_num a.pg_last{background-position:-27px 14px;}
.pg_num a.pg_prev{background-position:-66px 14px;}
.pg_num a.pg_nex,
.pg_num a.pg_next{background-position:-105px 14px;}
.pg_num .detail_pg_nm{display:block;color:#555;font-size:14px;line-height:40px;}
/*.pg_num .detail_pg_lf{position:absolute;left:0;top:0;z-index:1;}
.pg_num .detail_pg_rg{position:absolute;right:0;top:0;z-index:1;}*/
.pg_num .detail_pg_lf{display:inline-block;margin-right:15px;}
.pg_num .detail_pg_rg{display:inline-block;margin-left:15px;}

@media only screen and (max-width:640px){
.mobileshow{display:block;}
.tabletshow{display:none;}
}

/* list */
.bd_list_wrap{position:relative;}
.bd_util {position:relative;display:block;}
.bd_util *{vertical-align:middle}
.bd_util label{}
.bd_total{display:block;margin: 0 0 6px;padding-left:27px;background:url(/mayor/prog/bbs/img/common/icon_bd.png) no-repeat 0 4px;color:#666;font-size:14px;line-height: 30px;}
.bd_total strong{ display:inline-block; margin: -2px 2px 0; padding:0; color:#d30109; vertical-align:middle; font-weight:600; font-size:14px;}
.bd_searchbox{display:block;position:relative;}
.bd_searchbox select{padding:0 10px;width:130px;height:40px;border:1px solid #d0d0d0;line-height:40px;}
.bd_util.bd_brd_grad{padding-bottom:20px;border-bottom:1px solid #ddd;}

.bd_searchbox input[type="submit"]{margin:0;width:40px; height:40px; border:1px solid #3b3c3d; background:#3b3c3d url(/mayor/prog/bbs/img/common/search_bd.png)no-repeat center; font-size:0 ;cursor:pointer;}
.bd_searchbox input[type="text"]{width:255px;border:1px solid #d0d0d0;height:40px;padding:0 10px; line-height:40px;}


.uit.type1.prog_search .inner {min-height:140px;}
.uit.type1.prog_search .tp_icon.circle {margin-top:0;top:0;width:121px;height: 110px;background:none;}
.uit.type1.prog_search .tp_icon .icon {margin-top:0;top: 20px;width:121px;height:67px;background:url(/mayor/prog/bbs/img/common/bd_top_icon.png)no-repeat;}


@media only screen and (max-width:550px) {
	.bd_searchbox select {width:28%;}
	.bd_searchbox input[type="submit"] {width:17% ;}
	.bd_searchbox input[type="text"] {width:50%;}

}

@media only screen and (max-width:425px) {
	.bd_searchbox select {margin-bottom:5px; width:100%; }
	.bd_searchbox input[type="submit"] { padding: 0; width:100% ; font-size:16px; color:#fff; background: #3b3c3d url(/mayor/prog/bbs/img/common/search_bd.png)no-repeat 60% center; font-family: 'nsk','Dotum','arial','sans-serif';     text-indent: -25px; line-height: 38px;}
	.bd_searchbox input[type="text"] {margin-bottom:5px;width:100%;}
}


/* file_down */
.file_downTbl{width:100%;margin-top:5px;margin-bottom:40px;border-top:2px solid #35393f;border-bottom:1px solid #ccc;}
.file_downTbl caption{height:0;line-height:0;}
.file_downTbl th,
.file_downTbl td{padding:15px 10px 12px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ccc; margin-left:-1px;vertical-align:middle;}
.file_downTbl td.number{text-align:center}
.file_downTbl th{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.file_downTbl th:first-child,
.file_downTbl td:first-child{ border-left:none;}
.file_downTbl th {background: #f6f6f6;color:#000;}
.file_downTbl th.trw,
.file_downTbl td.trw{border-right:1px solid #ddd;}
.file_downTbl th.tlw,
.file_downTbl td.tlw{border-left:1px solid #ddd;}
.file_downTbl tbody th{}
.file_downTbl tbody td{}
.file_downTbl tfoot{background:none;}
.file_downBtn{text-align:center;}




/* detail */
.bd_detail{border-top:2px solid #333;border-bottom:1px solid #cfcfcf}
.bd_detail:before{content:"";display:block;position:absolute;top:0;left:70%;width:1px;height:100%;background:#ddd;}
.bd_detail.bd_detail_basic:before{display:none;}
.bd_detail:after{content:"";display:block;visibility:hidden;clear:both;}
.bd_detail_content{display:inline-block;float:left;padding-bottom:30px;width:70%;}
.bd_detail.bd_detail_basic .bd_detail_content{display:block;float:none;width:100%;}
.bd_detail_file{clear:both;position:relative;padding:25px 40px;border-bottom:1px solid #cfcfcf;background-color:#fff;}
.bd_detail_file:after{content:"";display:block;visibility:hidden;clear:both;}
.bd_detail_file .file{}
.bd_detail_file .file:after{content:"";display:block;visibility:hidden;clear:both;}
.bd_detail_file .file li{display:inline-block;padding-top:5px;margin-right:10px; margin-bottom:5px;}
.bd_detail_file .file li a{display:inline-block;padding-left:40px;font-size:15px;color:#555;line-height:120%;}
.bd_detail_file .file li a *{vertical-align:middle}
.bd_detail_file .file li a span{overflow:hidden;display:inline-block; margin-top: -2px; margin-left:-40px;margin-right:10px; width:22px; height:22px; background:url(/mayor/prog/bbs/img/common/ico_file.png)no-repeat;}
.bd_detail_file .file li a .ui_icon.icon2 {padding:0; margin:0;background: url(/common/img/ui/ui_icon.png) no-repeat;background-position: -377px -24px;
    width: 14px;
    height: 14px;}
.bd_detail_file .file li a:hover{text-decoration:underline}
.bd_detail_file .file li a.pdf span{background-position: 0 0;}
.bd_detail_file .file li a.ppt span{background-position: -27px 0;}
.bd_detail_file .file li a.doc span{background-position: -54px 0;}
.bd_detail_file .file li a.hwp span{background-position: -82px 0;}
.bd_detail_file .file li a.imgs span{background-position:-190px 0;}
.bd_detail_file .file li a.xls span{background-position: -109px 0;}
.bd_detail_file .file li a.etc span{background-position: -136px 0;}

.bd_detail_file .file li a.btn-home {padding:4px 2px;margin-left:10px;margin-top: -4px; width:83px; height:30px;color:#7b7b7b; font-size:13px;background-color: #fff;    border: 1px solid #dcdcdc; line-height:1.5;}
.bd_detail_file .file li a .ui_icon.icon2 {padding:0; margin:0 0 0 5px;}

@media only screen and (max-width:650px) {
	.bd_detail_file .file li a.btn-home {display: block; margin-left:32px; margin-top: 5px;  }
}

.bd_detail_tit {position:relative; padding: 30px 100px 30px 40px;border-bottom: 1px solid #333;background:#efeff1;}
.bd_detail_tit h2{display:block;margin:0;padding:0;/*padding-right:260px;*/background:none;color:#000;font-size:18px; font-weight:600;}
.bd_detail_tit .bd_vi {display:inline-block; position:absolute; top:30px; right:40px; padding-left:26px;background:url(/mayor/prog/bbs/img/common/icon_view.png)no-repeat left center;}
/*.bd_detail_tit .info{ position:absolute;right:20px;top:14px;font-size:13px;}*/
.bd_detail_tit .info{padding-top:8px;font-size:13px;}
.bd_detail_tit .info:after{content:"";display:block;visibility:hidden;clear:both;}
.bd_detail_tit .info li{position:relative;display:inline-block;float:left;margin-left:10px;padding-left:10px; font-size:14px;}
.bd_detail_tit .info li:first-child{margin-left:0;padding-left:0;}
.bd_detail_tit .info li:after{content:"";display:block;position:absolute;top:3px;right:-10px;width:1px;height:15px;background:#b1b1b2;}
.bd_detail_tit .info li:last-child:after {display:none;}
.bd_detail_tit .info li.inq_cnt:after{display:none;}


.bd_detail_content{position:relative;padding:35px 40px;}
.bd_detail_content p{font-size:14px;line-height:160%;}
.bd_detail_img{overflow:hidden;position:relative;margin-bottom:20px;width:100%;}
.bd_detail_img *{margin:0;padding:0;}
.bd_detail_img figure{width:100%;text-align:center;}
.bd_detail_img figcaption{height:0;font-size:0;line-height:0;}
.bd_gallery{position:relative;width:100%;}
#galleryView,.gView{overflow:hidden;max-height:650px;text-align:center;}

#galleryView img,.gView img {max-width:100%;width:auto;height:auto; max-height: 550px; vertical-align:middle}
#galleryThum,.gThum{position:relative;bottom:0;left:0;width:100%;min-height:98px;background-color:#fbfbfb;}
#galleryThum .holder,.gThum .holder{position:relative;padding-top:17px;width:100%;overflow:hidden;margin:0 auto}
#galleryThum .list,.gThum .list {margin:0;padding:0;list-style: none;width:99999px;overflow: hidden}
#galleryThum .item,.gThum .item {float:left;margin:0 10px; width:100px}
#galleryThum .item img,.gThum .item img{width:100px;height:61px}
#galleryThum .item a.ov {display:inline-block; width:100%; height:100%; border:1px solid #000; }
#galleryThum .item a.ov img{border:2px solid #fff;}

#galleryThum .arrLeft,.gThum .arrLeft{position:absolute;left:0;top:0;width:30px;padding-top:37px;height:98px;background:#d7d7d7;text-align:center}
#galleryThum .arrRight,.gThum .arrRight{position:absolute;right:0;top:0;width:30px;padding-top:37px;height:98px;background:#d7d7d7;text-align:center}




.bd_detail_list{display:inline-block;float:right;padding:10px 0;width:28%;}
.bd_detail_itembox{position:relative;}
.bd_detail_listitem{position:relative;padding:20px 0;min-height:95px;border-bottom:1px solid #ebebeb;}
.bd_detail_listitem a{display:block;position:relative;}
.bd_detail_listitem.type1 a{padding-left:33%;}
.bd_detail_listitem.type1 .img {display:block;overflow:hidden;position:absolute;left:0;top:0;padding:5px;width:30%;height:55px;border:1px solid #ddd;background:#efefef;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.bd_detail_listitem.type1 .img img{height:45px;}
.bd_detail_listitem.type2 a{padding-left:0;}
.bd_detail_listiteminfo {padding-top:2px;width:100%;}
.bd_detail_listiteminfo p{display:block;overflow:hidden;color:#555;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.bd_detail_listiteminfo span{color:#777;font-size:12px;font-family:'Dotum';}

.bd_detail_nextprev{border-top:1px solid #888;}
.bd_detail_nextprev li,
.bd_detail_nextprev li a {font-size: 13px;color:#666;}
.bd_detail_nextprev li a:hover{text-decoration: underline;}
.bd_detail_nextprev li{position:relative;overflow:hidden;border-bottom:1px solid #e5e5e5;padding-left:65px;height:40px;line-height:40px;color:#222;font-weight: normal;}
.bd_detail_nextprev li.prev{background: url("/mayor/prog/bbs/img/common/icon_brd.png") 25px -16px no-repeat;}
.bd_detail_nextprev li.next{background: url("/mayor/prog/bbs/img/common/icon_brd.png") 25px -45px no-repeat;}
.bd_detail_nextprev li .date{position: absolute;top:8px;right:10px;color:#666;}
.invisible{position:absolute;text-indent:-5000px;height:0;line-height:0;overflow:hidden;}
.bd_detail_content table{width:100%;margin-top:10px;margin-bottom:40px;border:1px solid #ddd;table-layout:fixed;word-wrap:break-word;border-collapse:separate;}
.bd_detail_content table th,
.bd_detail_content table td{padding:15px 10px 12px 10px;border-left:1px solid #ddd;border-bottom:1px solid #ddd; margin-left:-1px;vertical-align:middle;white-space:normal;word-break: break-all;}
.bd_detail_content table th:first-child,
.bd_detail_content table td:first-child{border-left:none}

/* 글쓰기 */
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9{position:relative;padding-right:15px;padding-left:15px;min-height: 1px;}
.bd_writ{position:relative;margin-bottom:10px;width:100%;border-top:2px solid #000;}
/*.bd_writ:before{content:"";display:block;position:absolute;top:0;left:25%;width:1px;height:100%;background:#ddd;}*/
.bd_writ .bd_group{position:relative;padding:7px 0;border-bottom:1px solid #ddd;}
.bd_writ .bd_group:after {content:"";display:block;visibility:hidden;clear:both;}
.col-sm-1 {width:8.33333333%;}
.col-sm-2 {width:16.66666667%;}
.col-sm-3 {width:25%;}
.col-sm-4 {width:33.33333333%;}
.col-sm-5 {width:41.66666667%;}
.col-sm-6 {width:50%;}
.col-sm-7 {width:58.33333333%;}
.col-sm-8 {width:66.66666667%;}
.col-sm-9 {width:75%;}
.col-sm-10 {width:83.33333333%;}
.col-sm-11 {width:91.66666667%;}
.col-sm-12 {width:100%;}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {float:left;}
[class^="col-"]:not(.pad-no) {/*padding-left:12px;*/padding-right:12px;}
.bd_writ .bd_group .control-label {position:relative;padding-top:7px;margin-bottom: 0;text-align: left;}

.bd_writ .bd_group:before{content:"";display:block;position:absolute;top:0;left:16.66666667%;width:1px;height:100%;background:#ddd;}

.item-control{height:28px;padding:4px 12px;border:1px solid #ccc;border-radius:4px;background-color:#fff;background-image:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;font-size:13px;line-height:1.42857143;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.item-control{border:1px solid #e9e9e9;border-radius:0;box-shadow:none;font-size:14px;transition-duration:.5s;}
.tip{font-size:12px;}
.textarea-control{height:150px;}

.col-fm-1 {width:8.33333333%;}
.col-fm-2 {width:16.66666667%;}
.col-fm-3 {width:25%;}
.col-fm-4 {width:33.33333333%;}
.col-fm-5 {width:41.66666667%;}
.col-fm-6 {width:50%;}
.col-fm-7 {width:58.33333333%;}
.col-fm-8 {width:66.66666667%;}
.col-fm-9 {width:75%;}
.col-fm-10 {width:83.33333333%;}
.col-fm-11 {width:91.66666667%;}
.col-fm-12 {width:100%;}

.bd_btn{padding:25px 0 15px;}
.bd_btn:after {content:"";display:block;visibility:hidden;clear:both;}
.bd_btn .bd_lt{display:inline-block;float:left;text-align:left;}
.bd_btn .bd_rt{display:inline-block;float:right;text-align:right;line-height:38px;}

button.btn_ani, input.btn_ani, a.btn_ani {display:inline-block;padding:0; width:85px; height:45px; line-height:43px; text-align:center;}
button.btn_ani.btn-lg,
input.btn_ani.btn-lg {padding:11px 25px;font-size: 18px;}
button.btn_ani.btn-sm,
input.btn_ani.btn-sm {padding:8px 14px;font-size:13px;}
button.btn_ani.btn-xs,
input.btn_ani.btn-xs {padding:3px 5px;font-size:12px;}


.btn_cancel,
.btn_cancel:link,
.btn_cancel:visited{border:1px solid #ccc;background-color:#fff;color:#666;margin-bottom:5px;}
.btn_cancel:hover,
.btn_cancel:focus,
.btn_cancel:active{background:#63676d;color:#fff;border:1px solid #63676d;}
.btn_modify,
.btn_modify:link,
.btn_modify:visited{border:1px solid #ccc;background-color:#fff;color:#666;margin-bottom:5px;}
.btn_modify:hover,
.btn_modify:focus,
.btn_modify:active{background:#63676d;color:#fff;border:1px solid #63676d;}
.btn_reply,
.btn_reply:link,
.btn_reply:visited{border:1px solid #ccc;background-color:#fff;color:#666;margin-bottom:5px;}
.btn_reply:hover,
.btn_reply:focus,
.btn_reply:active{background:#63676d;color:#fff;border:1px solid #63676d;}
.btn_delete,
.btn_delete:link,
.btn_delete:visited{border:1px solid #ccc;background-color:#fff;color:#666;margin-bottom:5px;}
.btn_delete:hover,
.btn_delete:focus,
.btn_delete:active{background:#63676d;color:#fff;border:1px solid #63676d;}
.btn_list,
.btn_list:link,
.btn_list:visited{border:1px solid #db3b01;background-color:#fff;color:#db3b01;margin-bottom:5px;}
.btn_list:hover,
.btn_list:focus,
.btn_list:active{background:#db3b01;color:#fff;border:1px solid #db3b01;}

input.btn_store,
.btn_store:link,
.btn_store:visited{border:1px solid #656565;background-color:#383838;color:#fff;}
.btn_store:hover,
.btn_store:focus,
.btn_store:active{background:#656565;color:#fff;border:1px solid #383838;}
input.btn_image,
.btn_image:link,
.btn_image:visited{border:1px solid #E8E9E8;background-color:#D5D6D5;color:#2a2a2a;}
.btn_image:hover,
.btn_image:focus,
.btn_image:active{background:#E8E9E8;color:#fff;border:1px solid #D5D6D5;color:#2a2a2a;}


.btn_writ,
.btn_writ:link,
.btn_writ:visited{border:1px solid #ccc;background-color:#fff;color:#666;margin-bottom:5px;}
.btn_writ:hover,
.btn_writ:focus,
.btn_writ:active{background:#63676d;color:#fff;border:1px solid #63676d;}
.btn_close,
.btn_close:link,
.btn_close:visited{border:1px solid #656565;background-color:#383838;color:#fff;margin-bottom:5px;}
.btn_close:hover,
.btn_close:focus,
.btn_close:active{background:#656565;color:#fff;border:1px solid #383838;}
.btn_find,
.btn_find:link,
.btn_find:visited{border:1px solid #656565;background-color:#383838;color:#fff;margin-bottom:5px;}
.btn_find:hover,
.btn_find:focus,
.btn_find:active{background:#656565;color:#fff;border:1px solid #383838;}


input.btn_upload,
.btn_upload:link,
.btn_upload:visited{border:1px solid #F9F9F9;background-color:#efefef;color:#2a2a2a;}
.btn_upload:hover,
.btn_upload:focus,
.btn_upload:active{background:#F9F9F9;color:#666;border:1px solid #fff;}

.bd_btn.center{text-align:center}



@media only screen and (max-width:1023px){
	.bd_detail:before{display:none;}
	.bd_detail_content{display:block;float:none;padding:35px 40px;width:100%;}
	.bd_detail_list{display:block;float:none;margin-top:-1px;padding:10px;width:100%;}
	.bd_detail_itembox{border-top:1px solid #ebebeb;}
	.bd_detail_itembox:after{content:"";display:block;visibility:hidden;clear:both;}
	.bd_detail_listitem{display:inline-block;float:left;padding:20px 10px;width:50%;}
	.bd_detail_nextprev li .date{display:none;}
}
@media only screen and (max-width:768px){
	.bd_detail:before{display:none;}
	.bd_detail_tit {padding: 35px 20px;}
	.bd_detail_file {padding:15px 20px;}
	.bd_detail_content {padding:25px 20px;}
	.bd_detail_tit h2{padding-right:0;}
	.bd_detail_tit .bd_vi {top:9px; right:20px;}
	.bd_detail_tit .info{position:relative;top:auto;right:auto;font-size:13px;}
	.bd_detail_tit .info:after{content:"";display:block;visibility:hidden;clear:both;}
	/* .bd_detail_tit .info li.part{margin-left:0;padding-left:0;} */
}
@media only screen and (max-width:640px){
	.bd_detail_listitem{display:block;float:none;width:100%;}
	#galleryThum,.gThum{position:relative;}
}



.bd_cat_tab{position:relative;margin-bottom:20px;}
.bd_cat_tab a{display:inline-block;padding:13px 20px;border:1px solid #dcdee2;background:#f9fafb;color:#67686a;font-size:14px;line-height:18px;text-align:center}
.bd_cat_tab a.ov{border:1px solid #505c78;border-bottom:none;background:#fff;color:#505c78;}


/* 비밀번호 */
.bd_password{position:relative;margin:20px auto;width:300px;border:1px solid #ddd;border-radius:4px 4px 0 0;}
.bd_password h2{display:block;margin:0;padding:10px 20px;background-color:#efefef;color:#333;font-size:16px;}
.bd_password h2 span{display:block;color:#333;font-size:12px;}
.bd_password .bd_detail_pw{position:relative;padding:15px 20px;}
.bd_password .bd_detail_pw label{font-size:0;line-height:0;}
.bd_password .bd_detail_pw input[type="password"]{padding:5px;width:190px;height:33px;line-height:23px;border:1px solid #ddd;}


.bd_power{position:relative;margin:20px auto;padding:15px;width:300px;border:1px solid #ddd;border-radius:4px 4px 0 0;}
.bd_power p{margin-bottom:10px;color:#2a2a2a;font-size:14px;text-align:center;}
.bd_power p span{display:block;overflow:hidden;margin:0 auto 10px auto;width:40px;height:35px;background:url(/mayor/prog/bbs/img/common/icon_power.gif) center center no-repeat;}
.bd_power p em{color:#BE0100}




.bd_editor_img{position:relative;}
.bd_editor_img h1{display:block;border-bottom:1px solid #ddd;padding:7px 10px;color:#2a2a2a;background-color:#F4F4F3;font-size:15px;line-height:24px;}
.bd_writ_box{padding:0 10px 20px;}
.bd_writ_box input {height:30px; line-height:30px; border:1px solid #e9e9e9;}
.bd_writ_box input[type="file"] {line-height: 1;}
.bd_writ_box select {height:30px; line-height:30px; border:1px solid #e9e9e9;}

.bd_writ_box .form-mail{overflow:hidden}
.bd_writ_box .form-mail div{float:left;width:30%;margin-top:0}
.bd_writ_box .form-mail div.mid{width:5%;text-align:center;line-height:30px}
.bd_writ_box .form-mail div.last{margin-left:3%;width:30%;margin-top: 0px}
.bd_writ_box .form-mail div input {width:100%;}
.bd_writ_box .form-mail div select {width:100%;}

.bd_writ_box .form-tel{overflow:hidden}
.bd_writ_box .form-tel div{float:left;width:30%}
.bd_writ_box .form-tel div.mid{width:5%;text-align:center;line-height:30px}
.bd_writ_box .form-tel div input,.form-tel div select{text-align:center;text-indent:0; width:100%;}

.bd_writ_box .bd_group{position:relative;padding:7px 0;border-bottom:1px solid #ddd;font-size:13px;}
.bd_writ_box .bd_group:after {content:"";display:block;visibility:hidden;clear:both;}
.bul_focus{color:#000;font-size:12px;}




/*  게시판 댓글 스타일 시작 */

	.snsCommentTop .LoginBar *{vertical-align:middle;}
	.snsCommentBox{overflow:hidden; margin:20px 0 0 0 ; border-top:1px solid #959595; position:relative}
	.snsCommentBox h3 {display: inline-block; margin-bottom: 15px; line-height: 20px; font-size: 17px; color: #555;  }
	.snsCommentBox  .dj_login_info {position:absolute; right:0; top:30px}
	.snsCommentBox h3 #reply_cnt {display:inline-block;font-size:17px;line-height: 18px;}
	.snsCommentBox .LoginBar {}
	.snsCommentBox .LoginBar:after{content:"";display:block;clear:both;visibility:hidden;}
	.snsCommentBox .LoginBar div {float:left; margin-right:5px; height:23px}
	.snsCommentBox .LoginBar a {font-weight:500; color:#fff; border-radius: 2px; font-size:13px; }
	.snsCommentBox .LoginBar .lo_out a {padding: 1px 7px; height: 23px; line-height: 23px; background: #054837;font-weight:400; }
	.snsCommentBox .LoginBar a.tw {padding:1px 5px 1px 21px; height:23px; line-height:23px;  background:#359bed url(/common/img/prog/sns_tw.png)no-repeat 3px center;}
	.snsCommentBox .LoginBar a.ka {padding:1px 5px 1px 21px; height:23px; line-height:23px;  background:#f2ab00 url(/common/img/prog/sns_ka.png)no-repeat 3px center;}
	.snsCommentBox .LoginBar a.nv {padding:1px 5px 1px 21px; height:23px; line-height:23px;  background:#55b02e url(/common/img/prog/sns_na.png)no-repeat 3px center;}
	.snsCommentBox .LoginBar a.gg {padding:1px 5px 1px 21px; height:23px; line-height:23px;  background:#5a90fe url(/common/img/prog/sns_go.png)no-repeat 3px center;}
	.snsCommentBox .LoginBar a.bl {padding:1px 7px; height:23px; line-height:23px; background:#054837; }

	.snsCommentReple{margin-top:35px;}
	.snsCommentReple .naviBar{ margin-bottom:15px;width:100%;}
	.snsCommentReple .naviBar #reply_orderBy span{display:inline-block; vertical-align: middle; }
	.snsCommentReple .naviBar #reply_orderBy span a {font-size:15px; color:#333; font-weight: 400;}
	.snsCommentReple .naviBar #reply_orderBy span.on{ }
	.snsCommentReple .naviBar #reply_orderBy span.on:after {display: inline-block; content: "▼"; margin-left:3px;}
	.snsCommentReple .naviBar #reply_orderBy span.on a {color:#000; font-weight: bold; }
	.snsCommentReple .naviBar #reply_orderBy em {display: inline-block; padding:0 13px;}

	.snsCommentReple .repleList .cont{ position: relative; padding: 20px 10px; border-top: 1px solid #959595;  border-bottom: 1px solid #ddd;}
	.snsCommentReple .repleList .cont .name {display:block; padding-left:55px;}
	.snsCommentReple .repleList .cont .name img { position: absolute; top:20px; left:10px;}
	.snsCommentReple .repleList .cont .name em { display:block;}
	.snsCommentReple .repleList .cont .name em a {display:inline-block; margin-left:10px; padding: 1px 7px; height: 23px; line-height: 23px; background: #999; font-weight: 400; color:#fff;}
.snsCommentReple .repleList .cont .name em.recom_txt {padding:7px 0 0; /*min-height:50px;*/}

	.snsCommentReple .repleList .cont.reply {}
	.snsCommentReple .repleList .cont.reply .ico_re {}
	.snsCommentReple .repleList .cont.reply .ico_re img {position: absolute; top:20px; left:10px;}
	.snsCommentReple .repleList .cont.reply .name {padding-left:90px;}
	.snsCommentReple .repleList .cont.reply .name img {position: absolute; top:20px; left:50px;}
	.snsCommentReple .repleList .recom_btn{float: right;}
	.snsCommentReple .repleList .recom_bt { width: 100%; text-align: right;}
	.snsCommentReple .repleList .recom_bt .recom {display:inline-block; margin-right:10px; line-height:30px;}
	.snsCommentReple .repleList .recom_bt .recom img {margin-right:3px; }
	.snsCommentReple .repleList .recom_bt .norecom {display:inline-block; margin-right:15px; line-height:30px;}
	.snsCommentReple .repleList .recom_bt .norecom img {margin-right:3px; }
	.snsCommentReple .repleList .recom_bt .r strong:after {display:inline-block; content:""; margin:0 10px; width:1px; height:22px; background:#333; vertical-align: middle; }
	.snsCommentReple .repleList .recom_bt .btn-ani {display:inline-block;padding:0 20px; height:30px; line-height:30px; font-size:15px;}

	.RepleWrite { position:relative; margin:15px 0; height:110px;}
	.RepleWrite:after{content:"";display:block;clear:both;visibility:hidden;}
	.RepleWrite .repl_inner {position:absolute; top:0; left:0; width:125px;}
	.RepleWrite .repl_inner span {display:block; text-align: center;}
	.RepleWrite .photo{ margin:4px 0; text-align: center; }
	.RepleWrite .photo img {width:49px; height:49px;}
	.RepleWrite .textbox {position:absolute; top:0; left:0; padding-left:125px; width:100%; }
	.RepleWrite .textbox:after{content:"";display:block;clear:both;visibility:hidden;}
	.RepleWrite .textbox textarea{display:block;float:left;width:80%;height:110px;padding:10px;font-size:15px;background:#fff;border:1px solid #ddd;overflow-y:scroll;}
	.RepleWrite .textbox .reply_send{display:block;float:left;width:20%;height:110px;background:#353534;text-align:center; color:#fff; line-height:110px; font-size:17px; font-weight: 500;}

@media only screen and (max-width:500px){
	.snsCommentBox h3 {margin-bottom:40px; }
	.snsCommentBox .dj_login_info {display:block; width:100%; top:55px; }
	.snsCommentBox .LoginBar div {margin-bottom:5px;}

	.RepleWrite {/*margin-top:-25px;*/ height:auto;}
	.RepleWrite.RepleWrite2 {margin-top:15px; height:auto;}
	.RepleWrite .repl_inner {position:static; width:100%;}
	.RepleWrite .repl_inner span {display: inline-block; margin-bottom:5px;  text-align: left;}
	.RepleWrite .repl_inner .photo {display:none;}
	.RepleWrite .textbox {position:static; padding-left:0; }
	.RepleWrite .textbox textarea{display:block;float:none;width:100%;}
	.RepleWrite .textbox .reply_send{display:block;float:none;width:100%;height:40px;line-height:40px;}
}

@media only screen and (max-width:420px){
	.snsCommentReple .repleList .recom_bt .r {display:block; margin-top:5px; }
}

/*  게시판 댓글 스타일 끝 */









/*댓글관련팝업*/

/*내댓글보기*/
.myReple{width:470px;}
.myReple .popTit{width:470px; height:40px; background:#3e3e3e;}
.myReple .popTit h1{float:left; font-size:16px; color:#dcdcdc; padding-left:20px; padding-top:3px;}
.myReple .popTit span.cbtn{float:right; margin-top:7px; padding-right:15px;}

.myReple .popNaviBar{width:460px; height:30px; margin:15px 15px 0px 15px;}
.myReple .popNaviBar p{float:left; font-weight:bold;line-height:30px;}
.myReple .popNaviBar ul{float:right;}
.myReple .popNaviBar ul li{float:left;display:inline;font-size:11px;width:60px;height:30px; line-height:30px;background:url(/mayor/prog/_board/skin/common/img/sns/listbg_off.gif) no-repeat;}
.myReple .popNaviBar ul li.on{font-weight:bold;background:url(/mayor/prog/_board/skin/common/img/sns/listbg_on.gif) no-repeat;}

.myReple .popCont{width:460px; margin:0px 15px 15px 15px; border-left:1px solid #d8d8d8;  border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; overflow:hidden;}
.myReple .popCont ul li.ptit{height:25px; line-height:25px; line-height:25px; padding-left:10px; font-weight:bold; color:#314d90; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}
.myReple .popCont ul li.pcontent{background:url(img/rreple_bg.gif) no-repeat 30px 30px #f4f4f4; padding:10px 10px 10px 40px; overflow:hidden;}
.myReple .popCont ul li.pcontent span.thumb{float:left; width:56px; padding-left:10px;}
.myReple .popCont ul li.pcontent div.cont{float:right; width:330px;}
.myReple .popCont ul li.pcontent div.cont span.name{float:left; font-size:11px;}
.myReple .popCont ul li.pcontent div.cont span.name em{font-size:12px; color:#314d90; font-style:normal;}
.myReple .popCont ul li.pcontent div.cont p{clear:both; padding:15px 0px 15px 0px;}
.myReple .popCont ul li.pcontent div.cont span.recom{float:left; font-weight:bold; color:#d83800; padding-right:15px;}
.myReple .popCont ul li.pcontent div.cont span.norecom{float:left; font-weight:bold; color:#314d90; font-size:11px;}

.myReple .pPageing{text-align:center;}

/*신고하기*/
.myReple .popReport{width:460px; background:#f4f4f4; padding:5px; margin:5px; }
.myReple .popReport ul{overflow:hidden; padding:5px 0px 5px 0px;}
.myReple .popReport ul.unLine{border-bottom:1px solid #e0e0e0;}
.myReple .popReport ul li.lTitle{width:80px; float:left; display:inline; font-weight:bold; padding-left:15px;}
.myReple .popReport ul li.lText{width:355px; float:right; display:inline;}
.myReple .redText{font-size:11px; padding-left:15px; color:#d83800;}
.myReple .footBtn{text-align:center; padding-top:10px;}