@charset "utf-8";
/* ------------------- 일반게시판 -------------------- */

.bo_input, .bo_select, .bo_button {color:#121212; vertical-align:middle;padding:12px;border:1px solid #c8ced7;box-sizing:border-box;height:49px;border-radius:5px;}



/* 리스트 카테고리 */
.bo_cate_tab {margin-bottom:48px;padding-bottom:32px;border-bottom:1px dashed #c7d1c5;}
.bo_cate_tab ul{display:inline-flex;padding:4px;background:#fcedf4;border-radius:44px;font-weight:600;color:#B70F15;font-size:1.125rem;}
.bo_cate_tab li{padding:0 4px;}
.bo_cate_tab li a{position:relative;border:2px solid transparent;padding:8px 16px;border-radius:40px;transition:all .2s ease-in-out;}
.bo_cate_tab li a:hover{border-color:#B70F15;background:#fff;}
.bo_cate_tab li.active a{border-color:#B70F15;color:#fff;background:#B70F15;font-weight:700;box-shadow: 0px 2px 4px 2px rgba(125, 13, 13, 0.2);}

/* 리스트 검색 */
.board_search{display:flex;justify-content: space-between;align-items:center;width:100%;margin-bottom:24px;}
.board_search .search_form {display:flex;}
.board_search .search_input_wrap{margin-left:4px;}
.board_search .search_input_wrap button{background:#595757;color:#fff;border:2px solid #595757;}
.board_search .search_input_wrap button:hover{color:#595757;background:#fff;}
.board_search .search_form  > * + *{margin-left:4px;}

/* 리스트 테이블 */
.bo_table{border-top:2px solid #525866;margin:24px 0;text-align:center}
.bo_table thead th{padding:13px;border:solid #E2E4E9;border-width:1px 0;text-align:center;border-top:1px solid #bbb;border-bottom:1px solid #888;font-size:1.1rem;font-weight:700}
.bo_table tbody td,.bo_table tbody th{padding:16px;border:solid #E2E4E9;border-width:1px 0;}
.bo_table .subject{text-align:left;width:60%;font-size:1.067em;}
.bo_table .subject a{font-weight:700;color:#333;}
.bo_table .notice_tr{background:#fafafa;}
.bo_table .notice_tr .subject{color:#222;font-weight:500}
.bo_table .call{width:15%;max-width:140px}
.bo_table .dbpart{width:25%;}
.bo_table tbody tr:hover{background:#f8f8f8;}

/* 행정전화번호 테이블 */
.bo_table.ldap_table th{border:1px solid #E2E4E9}
.bo_table.ldap_table td{border:1px solid #E2E4E9}
.bo_table.ldap_table td:first-child,.bo_table.ldap_table th:first-child{border-left:0 !important;}
.bo_table.ldap_table td:last-child,.bo_table.ldap_table th:last-child{border-right:0 !important;}
.ldap_table .ldap_nm{width:20%;}
.ldap_table .ldap_stat{width:10%}
.ldap_table .ldap_busi{text-align:left;width:40%}
.ldap_table .ldap_tel,.ldap_table .ldap_name{width:15%;}
.ldap_table tbody tr:nth-child(even){background:rgb(237, 239, 241,.3);}
.ldap_table tbody th{background:none;}

.bo_gal_st1 > li.bo_empty_wp,.bo_empty_wp{width:100%;box-shadow:unset;}
.bo_empty{width:100%;padding:60px;border-radius:16px;background:#f6f8fa;text-align:center;font-size:1.25rem;}
.bo_empty > *{font-weight:600}
tr:hover .bo_empty{background:#fff;}
.bo_btn{min-width:100px}

.bo_cate{font-weight:700;color:#555;}
.bo_tag{padding:3px 9px;font-size:0.875rem;vertical-align:middle;font-weight:700;border-radius:6px;}
.bo_notice{color:#fff;border-radius:16px;background:#344054;}
.bo_new{color:#DF1C41;margin-right:8px;background:#fcedf4;}

.bo_ico{width:24px;height:24px;border-radius:6px;}
.bo_file{background:#e4e8ec;}
.bo_lock,.bo_file2{background:#595757;}
.bo_down{background:#F6F8FA;border:1px solid #E2E4E9;}

/* 리스트 페이징 */
* +  .bo_btn_wp,
* +  .pagination,
.pagination + *{margin-top:2.125rem}
.pagination > ul{display:flex;text-align:center;justify-content:center;flex-wrap:wrap;}
.pagination > ul li{margin:0 2px;display:flex;}
.pagination a{display:block;vertical-align:middle;text-align:center;line-height:40px;width:40px;height:40px;border-radius:8px;font-weight:600;}
.pagination .ico{font-size:0;background:url('/images/korean/sub/bo_ir.svg') no-repeat 2px 4px #fff;border:0;margin:0 2px;border:1px solid #CDD0D5;}
.pagination .ico.prev{background-position:-30px 4px}
.pagination .ico.next{background-position:-60px 4px}
.pagination .ico.last{background-position:-91px 4px}

.pagination a.active{background:#595757;color:#fff;font-weight:700;border-color:#595757}
.pagination a:not(.active):hover{background-color:#f0f0f0;}

/* ------------------- 보기 페이지 -------------------- */
.board_view {border-top:2px solid #555}
.bo_v_head {padding:1.25rem 0;border-bottom:1px solid #ddd;}
.bo_v_head  h3{width:90%;}
.bo_v_head .bo_v_tit{word-break:keep-all}
.bo_v_info{margin-top:24px}
.bo_v_info li {position:relative;display:inline-block; vertical-align:top;color:#525866;}
.bo_v_info li:not(:last-child){margin-right:16px;}
.bo_v_info .fw_3 {position:relative;margin-right:0.75rem; font-weight:700;padding-right:9px;margin-right:8px; color:#121212}
.bo_v_info .fw_3:before{content:'';position:absolute;top:50%;right:1px;margin-top:-6px;width:1px;height:12px;background:#ddd;}
.bo_v_body{padding:40px 0;min-height:100px;border-bottom:1px solid #E2E4E9; overflow:hidden;clear:both;}
.bo_v_file{display:flex;border-bottom:1px solid #E2E4E9;}
.bo_v_file .bo_v_file_th{width:8rem;display:flex;align-items:center;padding:20px;background:#F8F9FA;}
.bo_v_file .filelist{width:calc(100% - 8rem);display:flex;flex-wrap:wrap;align-items:center;padding:20px;}
.bo_v_file .filelist > *{width:100%}
.bo_v_file .filelist a{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.bo_v_file .filelist a + a{margin-top:16px;}

/* 게시판 이전글 다음글 */
.bo_prevnext li:first-child {margin-top:3rem; }
.bo_prevnext li:last-child{border-bottom:1px solid #aaa}
.bo_prevnext li {display:flex; border-top:1px solid #ddd; color:#333}
.bo_prevnext li > p {position:relative;padding:1.25rem 0;padding-left:2.75rem;width:8rem; color:#333;font-weight:700;background:#F8F9FA;}
.bo_prevnext li > p:before{ content:'';position:absolute;top:50%;margin-top:-12px;left:12px;width:24px;height:24px;display:inline-block;background:url('/img/bo_ir.svg') -121px 0px no-repeat;  }
.bo_prevnext li.bo_next > p:before {content:'';background-position: -153px 0px;}
.bo_prevnext li:hover{background:#f8f9fa;}
.bo_prevnext a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding:1.25rem ; width:calc(100% - 8rem)}
.bo_prevnext li:hover a{font-weight:bold;}

/* 쓰기페이지 */
.bo_w_noti{padding:12px;margin-bottom:12px;border-radius:12px;background:#f6f8fa;}
.bo_w_tb {margin-bottom:20px;border-top:2px solid #525866;}
.bo_w_tb thead th{padding:12px;background:#eceef2;text-align:center;font-weight:700;border:1px solid #E2E4E9;}
.bo_w_tb tbody th{background:#f4f5f7;text-align:center;font-weight:600;}
.bo_write_wp  tbody th{width:15%;}
.bo_write_wp .bo_w_tb td{width:85%}
.bo_w_tb tbody td,.bo_w_tb  tbody th{padding:12px;border:1px solid #E2E4E9;}
.bo_w_tb td:first-child,.bo_w_tb th:first-child{border-left:0 !important;}
.bo_w_tb td:last-child,.bo_w_tb th:last-child{border-right:0 !important;}
.bo_w_tb .file_input_wp + .file_input_wp{margin-top:8px;}
.bo_w_tb .centent_td{min-height:300px}
.write_textarea{width:100%;min-height:300px;}
.file_input_wp + .file_input_wp{margin-top:8px;}

.required{position:relative;font-size:0;width:14px;height:14px;margin-left:4px;}
.required:before{content:'';width:14px;height:14px;display:inline-block;background:url('/img/ico_required.svg') center center no-repeat;}

.bo_btn_wp .btn{width:100px}
.bo_btn_wp .btn.btn_m{width:120px}

/* 비밀번호 등 */
#questPW .pw_div{padding:30px 40px;display:inline-block;margin:10px auto;border:1px solid #E2E4E9;background:#fff}
#questPW .btn_box{border-top:1px dashed #eee;padding-top:20px;}
#questPW .btn_box .btn{padding:10px 2.6em !important}

/* ------------------- 갤러리 -------------------- */
/* 갤러리 리스트 */
.bo_gal_st1{display:flex;flex-wrap: wrap;margin:-8px -16px 0;}
.bo_gal_st1 > li{position:relative;width:calc((100% - 96px) / 3);margin:16px;box-shadow:8px 8px 18px 3px rgba(0,0,0,.08);transition:all .2s ease-in-out;border-radius:14px;overflow:hidden;}
.bo_gal_st1 > li > a{display:block;width:100%;transition: all 0.5s ease;}
.bo_gal_st1 .img_box{height:280px;overflow:hidden;background:url('/img/logo_gray.svg') center center no-repeat #f4f4f4;}
.bo_gal_st1 .img_box img{width:100%;}
.bo_gal_st1 .text_box{padding:28px 24px;}
.bo_gal_st1 .text_box .title{font-weight:700;font-size:1.25rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.7rem; height:3.4rem;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width:96%}
.bo_gal_st1 .text_box .date{padding-top:16px;font-size:0.938rem;color:#525866;}
.bogal_list_wp ul a img{transition: all 0.5s ease;}
.bogal_list_wp ul a:hover img{transform:scale(1.2);}

/* ------------------- 클린신고 폼 페이지 -------------------- */
.clean_wb textarea.clean_text{width:100%;height:400px}
.clean_wb .bo_w_tb th{width:10%}
.clean_wb .bo_w_tb td{width:auto}

/* 디자인자료 리스트 */
.pub_list{position:relative;display:flex;flex-wrap: wrap;margin:0px -16px 0;}
.pub_list:before{content:'';position:absolute;top:0;left:16px;width:calc(100% - 32px);height:1px;background:#333;z-index:1}
.pub_list:after{content:'';position:absolute;bottom:0;left:16px;width:calc(100% - 32px);height:1px;background:#E2E4E9;z-index:1}
.pub_list > li{position:relative;display:flex;flex-wrap:wrap;width:calc((100% - 64px) / 2);margin:0 16px;border-bottom:1px solid #E2E4E9;transition:all .2s ease-in-out;overflow:hidden;}
.pub_list > li > a:first-child{width:200px;padding:24px;padding-right:0}
.pub_v_wp .v_img,.pub_list > li > a .img_box{position:relative;width:100%;overflow:hidden;border-radius:4px;border:1px solid #E2E4E9;box-shadow:4px 4px 0px 0px rgba(0,0,0,.05);}
.pub_v_wp .v_img:before,.pub_list > li > a .img_box:before{content:'';position:absolute;top:0;left:4px;display:block;width:1px;height:100%;background:rgba(0,0,0,.25);z-index:5}
.pub_v_wp .v_img:after,.pub_list > li > a .img_box:after{content:'';position:absolute;top:0;left:0px;display:block;width:2px;height:100%;background:rgba(0,0,0,.25);z-index:5}
.pub_list > li > a .img_box img{height:100%;width:100%;max-height:240px;}
.pub_list > li > .text_box{width:calc(100% - 200px);padding:24px 32px;}
.pub_list > li > .text_box a{display:block;width:100%;}
.pub_list > li .title{padding:12px 0 16px;font-weight:700;font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pub_list > li .list_dwon{padding-left:0;}
.pub_list > li .context{padding:12px;font-size:.875rem;background:#f4f4f4;border-radius:8px;color:#475467;height:5rem;line-height:1.3rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.bo_list_info li{position:relative;margin-bottom:8px;padding-left:80px;font-size:1rem;line-height:1.313rem;color:#475467;min-height:21px;}
.bo_list_info li > .tit{position:absolute;top:0;left:0;font-weight:700;margin-right:10px;width:64px;}
.bo_list_info li > .tit:after{content:'';position:absolute;right:0;top:4px;width:1px;height:12px;background:#e2e2e2;}

.pub_v_wp{display:flex;flex-wrap:wrap;padding:60px 32px;border-bottom:1px solid #E2E4E9;}
.pub_v_wp .v_img{width:30%;border-radius:8px;max-height:412px}
.pub_v_wp .v_con{width:calc(100% - 30%);padding-left:60px}
.v_con .v_body{padding-top:32px;}
.v_con .v_body table{border-top:2px solid  #595757}
.v_con .pub_index{min-height:200px}
.pub_v_wp .v_con .v_body table th{color:#595757;}

/* 굿즈 리스트 */
.bo_goods {display:flex;flex-wrap: wrap;margin:-8px -16px 0;}
.bo_goods > li{position:relative;width:calc((100% - 96px) / 3);margin:16px;transition:all .2s ease-in-out;overflow:hidden;}
.bo_goods a{display:block;width:100%;transition: all 0.5s ease;}
.bo_goods .img_box{height:360px;overflow:hidden;border-radius:14px;}
.bo_goods .img_box img{width:100%;height:100%;}
.bo_goods .text_box{padding:24px 2px;}
.bo_goods .text_box .title{font-weight:700;font-size:1.25rem;}
.bo_goods .text_box .context{padding:12px 0 16px;font-size:0.938rem;color:#525866;}

.goods_v_wp{display:flex;flex-wrap:wrap;padding:60px 32px;border-bottom:1px solid #E2E4E9;}
.goods_v_wp > .v_img{width:420px;overflow:hidden;max-height:430px;}
.goods_v_wp > .v_img img{border:1px solid #ededed;border-radius:8px;}
.goods_v_wp > .v_con{width:calc(100% - 420px);padding-left:60px}

/* sns 리스트 */
.sns_gal{display:flex;flex-wrap: wrap;margin:-8px -16px 0;}
.sns_gal > li{width:calc((100% - 128px) / 4);transition:all .2s ease-in-out;border-radius:0;box-shadow:none;}
.bo_gal_st1.sns_gal .img_box{height:324px;border-bottom:1px solid #E2E4E9;border-radius:12px;overflow:hidden;}
.bo_gal_st1.sns_gal .img_box img{position:relative;display:block;border-bottom:1px solid rgba(0,0,0,.05);border-radius:2px;}
.bo_gal_st1.sns_gal .text_box{padding:20px 2px;}
.bo_gal_st1.sns_gal .text_box .ebook_tit{margin-top:4px;font-size:1.25rem;font-weight:700;}
.list_edit_btn{position:absolute;width: auto !important;top:12px;right:12px;z-index:8}

/* 갤러리 뷰 */
.bo_v_body {line-height:1.5}
.bo_v_body .img_item{text-align:center;}
.bo_v_body .img_item a{max-width:1280px;}
.bo_v_body .img_item + *{margin-top:16px}

/* 달력 상세페이지 */
.cal_view {border-bottom:2px solid #DBDBDB;border-top: 2px solid #9B9B9B;color: #606060;table-layout: fixed;width: 100%;}
.cal_view th.thbg {background: url("/source/calendar/img/bg_th01.gif") repeat-x scroll left bottom transparent;border-bottom: 1px solid #BDBDBD;font-size: 0.95em;}
.cal_view th {background: none repeat scroll 0 0 #F4F4F4;border-bottom: 1px solid #DBDBDB;border-right: 1px solid #DBDBDB;font-size: 0.95em;line-height: normal;padding: 8px 0 5px;}
.cal_view td {border-bottom: 1px solid #DBDBDB;line-height: normal;padding: 8px 5px 4px 10px;}
.cal_view td.thbg {background: url("/source/calendar/img/bg_th01.gif") repeat-x scroll left bottom transparent; border-bottom: 1px solid #BDBDBD; font-size: 1em;font-weight: bold;text-align: left;}


/* 공지사항 br, margin - 불가 */
/*.bo_v_body br{display: inline-block;content: "";padding: 0 2px;}
.bo_v_body p, .bo_v_body span {text-indent:unset !important;letter-spacing:unset !important;}*/

/* 게시판 뷰 - 표 기본 적용*/
.board_view .bo_v_body table {margin: 0 auto !important;}
.board_view .bo_v_body table th, .board_view .bo_v_body table td {border:1px solid #555;}


@media (max-width: 1200px){
	/* 리스트 - 테이블 */
	.bo_table thead th,
	.bo_table tbody td, .bo_table tbody th{padding:12px 4px}
	.bo_table .subject{width:45%}
	.bo_table .dbpart{width:20%}
	.bo_table .ico_website{width:32px;height:32px;background-size:18px}

	/* 게시판 뷰 - 표 기본 적용*/
	.board_view .bo_v_body table {max-width:100%;}
}

@media (max-width: 1024px){

	/* 리스트 페이징 */
	.pagination a{width:28px;height:28px;line-height:28px;}
	.pagination .ico.first{background-position: -4px -3px;}
	.pagination .ico.prev{background-position: -36px -3px;}
	.pagination .ico.next{background-position:-67px -3px}
	.pagination .ico.last{background-position:-99px -3px}

	/* 갤러리 리스트 */
	.bo_gal_st1{margin:-8px -12px}
	.bo_gal_st1 > li{margin:12px;width:calc((100% - 72px) / 3);}
	.bo_gal_st1 .img_box{height:220px}

	/* 디자인자료 */
	.pub_list > li > a:first-child{margin:0 auto;padding-bottom:0}
	.pub_list > li > .text_box{width:100%;padding:24px}

	/* 굿즈 */
	.bo_goods .img_box{height:auto;max-height:314px}
	.goods_v_wp > .v_img{width:320px;}
	.goods_v_wp > .v_con{width:calc(100% - 320px);padding-left:40px}	


}

@media (max-width: 820px){	
	/* 갤러리 리스트 */
	.bo_gal_st1 > li{width:calc((100% - 48px) / 2);}

	/* 굿즈 */
	.goods_v_wp .v_img{margin:0 auto}
	.goods_v_wp > .v_con{width:100%;padding-left:0;margin-top:20px}

}

@media (max-width: 720px){	
	/* 검색 */
	.board_search{flex-wrap:wrap;padding:0;background:none;}
	.board_search .total{width:100%;text-align:left;margin-top:20px;}
	.board_search > .ContentSearch,
	.board_search > .search_form {width:100%;order:-1;padding:12px;background:#F6F8FA;border-radius:12px}

	/* 리스트 - 테이블 */
	.bo_table thead,
	.ldap_table thead{display:none;}
	.bo_table tbody tr,
	.ldap_table tbody tr{position:relative;display:flex;flex-wrap:wrap;align-items:center;width:100%;padding:12px;border-bottom:1px solid #ddd;}
	.bo_table tbody td,	.ldap_table tbody td,.ldap_table tbody th{display:block;border:0;padding:0;width:auto;}
	.bo_table tbody td.subject{margin:6px 0;width:100%;}
	.bo_table tbody td.subject a{display:block;color:#121212;}
	.bo_table .num{display:none;}
	.bo_table tbody td:not(.subject, .num){margin-right:8px;font-size:.875rem;}
	.bo_table .bo_empty_wp{width:100%}
	.mypg_tb td{text-align:left;}
	.mypg_tb .num{display:none;}
	.mypg_tb tbody td.subject{background:#eee;padding:8px;border-radius:8px;}
	.mypg_tb tbody td.subject a{display:flex;flex-wrap:wrap;align-items:center;}
	.mypg_tb tbody td.subject a .body_5{margin-left:4px;color: #009688 !important;}
	.mypg_tb td:before{font-size:.875rem;font-weight:700;margin-right:4px;}
	.mypg_tb td.subject:before{content:'사용시간';}
	.mypg_tb td.location:before{content:'대관시설 : ';}
	.mypg_tb td.cnm:before{content:'기관(단체명) : ';}
	.mypg_tb td.price:before{content:'가격 : ';}
	.mypg_tb td.date:before{content:'신청일 : ';}
	.mypg_tb tbody td.date{width:100%;margin-bottom:8px;}
	.mypg_tb .restag{padding: 5px 12px;border-radius: 4px;}

	.bo_table tbody td.call,
	.bo_table tbody td.dbid,
	.bo_table tbody td.dbpart{width:auto;max-width:unset;text-align:left;}

	.ldap_table{border-top:2px solid #333}
	.ldap_table td,.ldap_table th{width:auto !important;}
	.ldap_table td.ldap_busi{width:100% !important;padding:12px;background:#eee;border-radius:8px;font-size:.875rem}
	.ldap_table.ex_c_width .ldap_busi {width:100% !important;}

	/* 일정달력 */
	.cal_view .cal_unit{height:auto;}
	.cal_view .cal_unit li{width:100%;padding-left:76px;border-right:0;border-bottom:1px solid #E2E4E9}
	.cal_view .cal_unit li:last-child{border-bottom:0;}
	.cal_view .cal_unit li .tit{width:50px;padding-left:6px;}
	.cal_view .cal_unit li,.cal_view .unit_url{height:36px;line-height:36px;}
	.cal_view .unit_url{padding-left:92px;}
	.cal_view .unit_url .tit{width:69px;padding-left:6px;} 

	/* 디자인자료 */
	.pub_v_wp,.goods_v_wp{padding:40px 8px}
	.pub_v_wp .v_img{margin:0 auto}
	.pub_v_wp .v_con{width:100%;padding-left:0;margin-top:20px}

}

@media (max-width: 540px){
	/* 검색 */	
	.board_search .search_form{flex-wrap:wrap;}
	.board_search .search_form > select{width:100%}
	.board_search .search_form > * + *{margin-left:0}
	.board_search .search_input_wrap{margin-top:4px;margin-left:0;width: 100%;display:flex;justify-content: space-between;}
	.board_search .search_input_wrap input{width:calc(100% - 52px);margin:0}
	.board_search .search_input_wrap button{width:48px;padding:0}

	.bo_cate_tab ul{width: 100%;overflow-x: auto;}
	.bo_cate_tab li a{padding:5px 10px;white-space: nowrap;}

	/* 뷰 */
	.bo_v_head h3{font-size:1.5rem;line-height:1.95rem;}
	.bo_v_info li{min-height:24px;}
	.filelist .bo_down{display:none;}

	/* 갤러리 리스트 */
	.bo_gal_st1 .img_box{height:180px}
	.bo_gal_st1 .text_box{padding:24px 16px}
	.bo_gal_st1.sns_gal .img_box{height:230px;}

	/* 디자인자료 */
	.pub_list > li{width:100%}
	.v_con .basic_tb tbody th,
	.v_con .basic_tb tbody td{display:block;width:100%;border:0;border-bottom:1px solid #ddd;}
	
	/* 굿즈 */
	.bo_goods > li{width:100%}
	
	/* 클린신고센터 */
	.clean_wb .bo_w_tb tr{width:100%}
	.clean_wb .bo_w_tb tr > *{width:100%;display:block;border-left:0;border-right:0}

}

@media (max-width: 490px){
	/* 갤러리 리스트 */
	.bo_gal_st1 > li{width:100%}
	.bo_gal_st1 .img_box{height:220px}
	.bo_gal_st1.sns_gal .img_box{height:auto;max-height:350px}


}
@media (max-width: 420px){

	/* 리스트 카테고리 */
	.bo_cate_tab li{padding:0 2px}

	/* 디자인자료 리스트 */
	.pub_list > li > .text_box{padding:24px 0}
}