@charset "utf-8";
/* 카테고리 */
.bbs_cate{margin:30px 0;}
.bbs_cate ul{overflow:hidden;border-bottom:1px solid #40485e;}
.bbs_cate li{margin:3px 0;}
.bbs_cate li a{display:block;padding:13px 0;text-align:center;background:#fff;color:#4e4e4e;border-radius:10px 10px 0 0;border-top:1px solid #e4e4ee;border-right:1px solid #c5c5d8;}
.bbs_cate li a:hover{background:#40485e;color:#fff}
.bbs_cate li.on a{background:#40485e;font-weight:500;border-bottom:1px solid #fff;color:#fff;}
.bbs_cate li:first-child { border-left:1px solid #d7dadb;border-radius:5px 0 0 0;}
.bbs_cate li.on{position:relative;}

/* 검색 */
.bbs_search{text-align:center;padding:20px 5px;margin:0;border-radius:5px;background:#f8f8f8;}
.bbs_search * {vertical-align:middle;}
.bbs_search .left{margin:0 0 10px 0}
.bbs_search .left span{display:block;padding-right:5px;color:#000;line-height:40px;}
.bbs_search .left form,.bbs_search .right form{display:inline-block}
.bbs_search .right .form_txt{width:50%;}
.bbs_search .form_sel{width:20%;height:40px;border:1px solid #dedede;border-radius:5px;}
.bbs_search .form_txt{width:40%;height:40px;padding:0 5px;border:1px solid #dedede;border-radius:5px;background:#fff;}
.bbs_search .form_sm{cursor:pointer;width:20%;height:40px;background:#fff;color:#40485e;font-size:15px;border-radius:5px;border:solid 1px #8b8d91;}
.bbs_search .form_re{cursor:pointer;width:20%;height:40px;background:#fff;color:#363636;font-size:15px;border:solid 1px #a1a5bb;border-radius:5px;}
.bbs_search .form_cancle{cursor:pointer;width:20%;height:40px;background:#fff;color:#363636;font-size:15px;border:solid 1px #a1a5bb;border-radius:5px;}
.bbs_search .form_sm:hover, .bbs_search .form_sm:focus{background:#40485e;color:#fff}
.bbs_search .input_cal{border:1px solid #e8e8e8;padding:8px 0;margin:2px 0;width:120px;background:#fff url('/images/bbs/bbs_ico.png') no-repeat 0px 2px;}

.bbs_search2{text-align:center;padding:20px 15px;margin:20px 0;border-radius:5px;border:solid 1px #e6e6e8;}
.bbs_search2 .form_sel{width:20%;height:40px;border:1px solid #dedede;border-radius:5px;}
.bbs_search2 .form_txt{width:35%;height:40px;padding:5px;border:1px solid #dedede;background:#fff;border-radius:5px;}
.bbs_search2 .input_cal{width:75px;background:#fff url('/images/bbs/bbs_ico.png') no-repeat 0px 5px;}
.bbs_search2 .form_sm{cursor:pointer;width:20%;height:40px;background:#40485e;color:#fff;font-size:15px;border-radius:5px;}
.bbs_search2 .form_sm:hover, .bbs_search2 .form_sm:focus{background:#2a2a2a;}
.bbs_search2 .left{margin:0 0 10px 0}
.bbs_search2 .left span,.bbs_search2 .right span{display:block;padding-right:5px;color:#000;line-height:40px;}
.bbs_search2 .left form,.bbs_search2 .right form{display:inline-block}
.bbs_search2 .left .form_sel{width:35%;}
.bbs_search2 .form_re{cursor:pointer;width:20%;height:40px;background:#373879;color:#fff;}
.bbs_search2 .form_cancle{cursor:pointer;width:20%;height:40px;background:#c84047;color:#fff;}

.bbs_search3{background:#f5f5f5;text-align:center;padding:20px 15px;margin:20px 0;border-radius:5px;}
.bbs_search3 .form_txt{width:40%;height:40px;padding:0 5px;border:1px solid #dedede;border-radius:5px;margin-bottom:5px;}
.bbs_search3 .form_sm{cursor:pointer;width:20%;height:40px;background:#40485e;color:#fff;font-size:15px;border-radius:5px;}
.bbs_search3 .form_sm:hover, .bbs_search3 .form_sm:focus{background:#2a2a2a;}
.bbs_search3 .form_sel{min-width:100px;height:40px;border:1px solid #dedede;width:20%;border-radius:5px;margin-bottom:5px;}
.bbs_search3 .left{text-align:center;}
.bbs_search3 .right{text-align:center;}
.bbs_search3 .form_re{cursor:pointer;width:20%;height:40px;background:#46495a;color:#fff;}
.bbs_search3 .form_cancle{cursor:pointer;width:20%;height:40px;background:#c84047;color:#fff;}

/* 페이징 */
.bbs_page{text-align:center;margin:25px 0}
.bbs_page a{display:inline-block;padding:8px 0 0 0;margin:2px 1px;border:1px solid #ececec;background:#ffffff;min-width:40px;height:40px;border-radius:15px;}
.bbs_page a:hover, bbs_page a:focus{border-color:#666}
.bbs_page a.on{font-weight:500;color:#fff;background:#656565;border:1px solid #666;text-decoration:underline;}
.bbs_page .prev{width:40px;height:0;padding:38px 0 0 0;margin-right:10px;overflow:hidden;background:url('/images/bbs/bbs_ico.png') no-repeat 0 -39px;}
.bbs_page .prev2{width:40px;height:0;padding:38px 0 0 0;overflow:hidden;background:url('/images/bbs/bbs_ico.png') no-repeat 0 -79px;}
.bbs_page .next{width:40px;height:0;padding:38px 0 0 0;margin-left:10px;overflow:hidden;background:url('/images/bbs/bbs_ico.png') no-repeat 0 -119px;}
.bbs_page .next2{width:40px;height:0;padding:38px 0 0 0;overflow:hidden;background:url('/images/bbs/bbs_ico.png') no-repeat 0 -159px;}

/* 버튼 */
.bbs_btn{text-align:right;margin:20px 0}
.bbs_btn a{display:inline-block;margin:0 3px 7px 3px;font-weight:500;}
.bbs_btn .bbs_bt1{background:#fff;border:1px solid #dedede;padding:7px 19px;border-radius:5px}
.bbs_btn .bbs_bt1:hover, .bbs_btn .bbs_bt1:focus{border-color:#2a2a2a}
.bbs_btn .bbs_bt2{background:#4b4b4b;color:#fff;padding:7px 20px;border-radius:5px}
.bbs_btn .bbs_bt2:hover, .bbs_btn .bbs_bt2:focus{background:#2a2a2a;}
.bbs_btn .bbs_bt3{background:#c23236;color:#fff;padding:7px 20px;border-radius:5px}
.bbs_btn .bbs_bt3:hover, .bbs_btn .bbs_bt3:focus{background:#2a2a2a;}
.bbs_btn input[type=submit]{margin:0 3px 7px 3px;font-weight:500;background:#1d3c81;color:#fff;height:39px;padding:0 20px;font-size:16px;cursor:pointer;border-radius:5px;}
.bbs_btn input[type=submit]:hover, .bbs_btn input[type=submit]:focus{background:#2a2a2a}
.btn_bbsw, .btn_bbsw:visited{margin:4px 0 2px 3px;background:#fff;border:none;font-size:14px;color:#363636;line-height:1.25em;white-space:nowrap;font-weight:500;border-radius:5px;height:40px;border:solid 1px #a1a5bb;}
.btn_bbsw:hover, .btn_bbsw:focus{color:#fff;background:#2a2a2a;border-color:#2e2e2e}
button.btn_bbsw,a.btn_bbsw{padding:8px 10px;}
a.btn_bbsw{display:inline-block;}
.btn_bbsw.cancle, .btn_bbsw.cancle:visited{margin:2px 0 2px 3px;background:#c23236;border:none;font-size:14px;color:#fff;line-height:1.25em;white-space:nowrap;font-weight:500;}
.btn_bbsw.cancle:hover, .btn_bbsw.cancle:focus{color:#fff;background:#f4f4f4;}
.bbs_write .btn_bbsw,.bbs_write .btn_bbsw:visited{color:#fff;background:#40485e;border-color:#2e2e2e;margin-top:0;}
.bbs_write .btn_bbsw:hover,.bbs_write .btn_bbsw:focus{background:#2a2a2a;}

/* 뷰 */
.bbs_vtop {padding:30px 0 0 0;}
.bbs_vtop h4 {padding:0;margin:0 0 15px 0;background:none;}
.bbs_vtop .col{padding-bottom:10px;text-align:right;border-bottom:1px solid #e2e2e2;margin-bottom:15px;}
.bbs_vtop .col li{margin:0 0 3px 0;}
.bbs_vtop .col li:last-child{margin:0;}
.bbs_vtop .col strong{color:#40485e;}
.bbs_vtop .tt_list{border-top:1px solid #646464;}
.bbs_vtop .tt_list li{border-bottom:1px solid #e4e4e4;width:100%;}
.bbs_vtop .tt_list strong{padding:20px 10px;background:#f5f5f5;text-align:center;vertical-align:middle;display:block;}
.bbs_vtop .tt_list span{padding:20px 10px;text-align:center;vertical-align:middle;display:block;}
.bbs_vtop .tt_list span img{width:100%;max-width:700px;margin:0 auto;}
.bbs_vtable{width:100%;min-width:700px;border-top:1px solid #646464;}
.bbs_vtable th, .bbs_vtable td{border-bottom:1px solid #e4e4e4;padding:10px;}
.bbs_vtable th{background:#f5f5f5;}

/* 본문 */
.bbs_con{padding:20px 0;line-height:1.5em;}
.bbs_con img{max-width:100%}
.bbs_img{text-align:center}
.bbs_img figcaption{text-align:center;color:#717171;margin:10px 0 0 0;font-size:0.9em;}
.bbs_filedown{border:1px solid #e4e6e8;border-radius:5px;margin:20px 0;}
.bbs_filedown dl{display:table;width:100%;padding:20px 20px 20px 0;}
.bbs_filedown dt{display:block;text-align:center;vertical-align:middle;border-bottom:solid 1px #e4e6e8;padding:0 0 10px 0;box-sizing:border-box;font-weight:bold;margin-bottom:5px;}
.bbs_filedown span:before{content:"";display:inline-block;width:22px;height:22px;position:absolute;top:1px;left:15px;background:url("/images/common/icon_file.gif")no-repeat left center}
.bbs_filedown dd{display:block;text-align:left;vertical-align:middle;position:relative;padding:5px 0 0 10px;}
.bbs_filedown dd p{display:block;text-align:center;margin-bottom:3px;}
.bbs_filedown span{position:relative;padding:0 0 5px 40px;}
.bbs_filedown dd p a{margin:0 3px 0;}
.bbs_filedown dd p span{padding:2px 10px;font-size:14px;width:auto;}
.bbs_filedown span:before{background:url("/images/common/icon_file.gif")no-repeat left center}
.bbs_filedown dd:after{display:block;content:'';clear:both}
.bbs_filedown dd:hover{text-decoration:underline}
.bbs_filedown dd p span:before{display:none;}
.pagelist {border-top:1px solid  #dedede;}
.pagelist li{border-bottom:1px solid #e4e4e4;}
.pagelist ul li strong{display:table-cell;padding:20px 10px;background:#f7f7f7;width:25%;text-align:center;vertical-align:middle;}
.pagelist ul li span{display:table-cell;padding:20px 10px;text-align:left;vertical-align:middle}
.pagelist ul li span a:hover,
.pagelist ul li span:focus{text-decoration:underline;}

/* 댓글 */
.bbs_re{margin:30px 0}
.bbs_re ul{border-top:1px solid #646464;}
.bbs_re li{padding:15px 0;border-bottom:1px solid #e3e1e1;}
.bbs_re li div{color:#000;line-height:1.5em}
.bbs_re li span{display:block;margin-top:10px;color:#666}
.bbs_re li span strong {color:#40485e;}
.re_write{margin-bottom:20px}
.re_write h5{margin:0 0 10px;background:none;padding-left:0;}
.re_form{overflow:hidden}
.re_form textarea{float:left;width:100%;height:60px;background:#fff;border:solid 1px #d5d5d5;padding:10px 5%;font-family:SCDream, "에스코어드림", NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;color:#464646;border-radius:5px;}
.re_form input{float:right;width:100%;background:#40485e;font-weight:500;font-size:15px;color:#fff;padding:10px 15px;margin-top:5px;border-radius:5px;}
.re_form input:hover, .re_form input:focus{background:#2a2a2a;}

/* 답변 */
.bbs_reply{background:#fdfdfd;border:1px solid #aeaeae;padding:20px;margin-top:30px;border-radius:5px;}
.bbs_reply .bbs_vtop{border:none;padding-top:0}
.bbs_reply h4 strong{color:#3856a9;}

/* 쓰기 */
.bbs_write {width:100%;margin:10px 0;border-top:1px solid #646464;}
.bbs_write th, .bbs_write td {padding:10px;border-bottom:1px solid #e3e3e3;vertical-align:middle;line-height:1.5em;display:block;text-align:center;}
.bbs_write th {background:#f9f9f9;text-align:center;}
.bbs_write td * {vertical-align:middle;}
.bbs_write input{border:1px solid #dedede;padding:7px 0;margin:2px 0;border-radius:5px;width:95%;}
.bbs_write input[type=checkbox]{width:16px;height:16px;border-radius:5px}
.bbs_write input[type=radio]{width:16px;height:16px;}
.bbs_write input[type=file]{}
.bbs_write .bw_file{margin:2px 0;}
.bbs_write .bw_file input{padding:2px 0;height:30px;width:100%;}
.bbs_write .bw_file .memoarea{display:block;}
.bbs_write .bw_file .memoarea input{width:calc(100% - 110px);float:left;}
.bbs_write .bw_file .memoarea em{background:url('/images/bbs/bbs_ico.png') no-repeat 0px -407px;padding-left:21px;font-style:normal;display:block;width:110px;float:left;margin-top:5px;}
.bbs_write .bw_file .memoarea:after{display:block;content:'';clear:both}
.bbs_write td .ggong ul li{margin:9px 0;color:#666;}
.bbs_write td .ggong ul li img{display:block;height:35px;padding-right:10px;margin:0 auto;}
.bbs_write textarea{border:1px solid #dedede;border-radius:5px;}
.bbs_write select{border:1px solid #dedede;padding:7px 0;margin:2px 0;border-radius:5px;}
.bbs_write td label{margin:auto;}
.bbs_write a span{display:inline-block;margin:0 5px}

.txt_cm{display:block;background:url('/images/common/icon_info.png') no-repeat left center;padding:3px 0 3px 25px;}

/* 그 외 공통 */
.bbs_total{margin:10px 0 3px 0;}
.bbs_total strong{color:#dc484c;}
.bbs_comment{margin:15px 0}
.adm_check{width:20px;height:20px;}
.w_star{color:#db2457;}
.input_cal{background:#fff url('/images/bbs/bbs_ico.png') no-repeat 0px 2px;padding-left:32px !important;border-radius:5px;}

/* 기본형 목록 */
.bbs_list{width:100%;border-top:1px solid #646464;}
.bbs_list li{border-bottom:1px solid #ebebeb;line-height:1.25em}
.bbs_list li a{display:block;padding:25px 0}
.bbs_list li:hover{background:#fdfcf9}
.bbs_list li strong{display:block;line-height:1.5em}
.bbs_list li a:hover strong, .bbs_list li a:focus strong {text-decoration:underline;}
.bbs_list span{display:inline-block;vertical-align:middle;margin:0 3px;}
.bbs_list .txt{display:block;line-height:1.5em;margin:10px 0}
.bbs_list .info{display:block;font-style:normal;color:#696969;}
.bbs_list .info span{width:1px;height:8px;background:#b7b4b4;margin:0 10px}
.bbs_list .ico_notice{color:#090909;font-style:normal;margin-right:5px;background:#fef5e3;padding:5px 10px;border-radius:10px;}
.bbs_list .ico_file{width:26px;height:25px;padding:0;overflow:hidden;background:url('/images/bbs/bbs_ico.png') no-repeat center -267px;font-size:0;}
.bbs_list .ico_secret{width:30px;height:26px;overflow:hidden;background:url('/images/bbs/bbs_ico.png') no-repeat center -333px;font-size:0;}
.bbs_list .list_none{text-align:center;padding:30px 0}

/* 관리자 */
.adm_list li{position:relative}
.adm_list li a{width:90%;margin:0 0 0 10%;}
.adm_list .adm_check{position:absolute;top:30px;left:0px;}

/* 기본형 테이블 */
.bbs_table {width:100%;min-width:800px;margin:10px 0;border-top:1px solid #46495a;}
.bbs_table .ico_notice{color:#cf4747;font-style:normal;font-weight:500;margin-right:5px}
.bbs_table .ico_file{width:13px;height:0;padding:12px 0 0 0;overflow:hidden;background:url('/images/bbs/bbs_ico.png') no-repeat center -280px}
.bbs_table .ico_secret{width:11px;height:0;padding:15px 0 0 0;overflow:hidden;background:url('/images/bbs/bbs_ico.png') no-repeat center -320px}
.bbs_table th, .bbs_table td {padding:8px 10px;border:1px solid #e3e3e3;border-top:none;vertical-align:middle;text-align:center;font-size:16px;line-height:1.5em;}
.bbs_table tr:hover {background:#f9f9fb;}
.bbs_table th {background:#f9f9fb;}
.bbs_table td.tit {text-align:left;}
.bbs_table td.tit a:hover, .bbs_table td.title a:focus {text-decoration:underline;}

/*테이블 아이콘 및 a링크*/
.bbs_skin2 table .call a{position:relative;}
.bbs_skin2 table .call a:before{display:inline-block;content:'';background:url('/images/bbs/bbs_ico.png')no-repeat left -560px;width:23px;height:25px;vertical-align:middle;margin-right:5px;}
.bbs_skin2 table tbody td a.t_lnk{display:inline-block;padding:2px 10px;background:#40485e;font-size:14px;border-radius:5px;color:#fff;height:26px;min-width:70px;text-align:center;margin:2px;}
.bbs_skin2 table tbody td a.t_lnk:hover,.bbs_skin2 table tbody td a.t_lnk:focus{background:#2a2a2a}
.bbs_skin2 table tbody td a.t_lnk2{display:inline-block;padding:2px 10px;background:#bfbfbf;font-size:14px;border-radius:5px;color:#fff;height:26px;min-width:70px;text-align:center;}
.bbs_skin2 table tbody td a.t_lnk3{display:inline-block;padding:2px 10px;background:#308997;font-size:14px;border-radius:20px;color:#fff;height:26px;min-width:70px;text-align:center;}
.bbs_list2 .bbs_table td.notice {color:#c81648;font-weight:500;}
.bbs_list2 .bbs_table td.title {text-align:left;}
.bbs_list2 .bbs_table td.title a:hover, .bbs_table td.title a:focus {text-decoration:underline;}
.bbs_list2 .bbs_table td a img {vertical-align:middle;}
.bbs_list2 .file a {display:inline-block;width:20px;height:0;padding-top:20px;overflow:hidden;background:url('/images/bbs/file_icon.png') no-repeat center -120px;vertical-align:middle;}
.bbs_list2 .file a.hwp {background-position:center 0;}
.bbs_list2 .file a.xls {background-position:center -20px;}
.bbs_list2 .file a.doc {background-position:center -40px;}
.bbs_list2 .file a.pdf {background-position:center -60px;}
.bbs_list2 .file a.img {background-position:center -80px;}
.bbs_list2 .file a.zip {background-position:center -100px;}

.letter_list{border-top:1px solid #646464;}
.letter_list .basic_btn a{border-radius:7px}
.letter_list ul{border-left:solid 1px #e8e8e8;border-top:solid 1px #e8e8e8;}
.letter_list li{padding:25px 10px;margin:0;text-align:center;border:solid 1px #e8e8e8;box-sizing:border-box;border-top:0;position:relative;border-left:0;}
.letter_list li.list_none{width:100%;padding:30px 0;min-height:auto;text-align:center;}
.letter_list .img_w{width:235px;height:auto;display:block;background:#f8f6f6;text-align:center;position:relative;margin:0 auto;border-radius:5px;overflow:hidden;}
.letter_list img{width:100%}
.letter_list strong{display:block;font-weight:normal;font-size:18px;margin:15px 0 5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.letter_list .adm_check{width:20px;height:20px;display:block;margin:20px auto 0 auto}
.letter_list .basic_btn {margin:14px 0 0 0;}
.letter_list .price{text-align:right}
.letter_list .price i{font-style:normal;font-size:14px;padding:5px 10px;background:#565656;color:#fff;border-radius:5px;}
.letter_list .price .p1{background:#fefefe;border:solid 1px #dedede;color:#2a2a2a;}
.letter_list .price .p2{background:#4c4c4a;border:solid 1px #444141;}

@media all and (max-width:1023px){
.bbs_list2 .bbs_table {width:100%;min-width:auto;}
.bbs_list2 table col{width:100% !important;}
.bbs_list2 .bbs_table thead {display:none;}
.bbs_list2 .bbs_table tbody tr {display:block;border-bottom:1px solid #dedede;padding:10px;font-size:0;}
.bbs_list2 .bbs_table td {display:inline-block;padding:0;border:none;}
.bbs_list2 .bbs_table td:after {width:1px;height:10px;margin:0 8px;background:#ccc;display:inline-block;content:""}
.bbs_list2 .bbs_table td.notice:after, 
.bbs_list2 .bbs_table td.title:after, 
.bbs_list2 .bbs_table td:first-child:after, 
.bbs_list2 .bbs_table td:last-child:after {display:none;}
.bbs_list2 .bbs_table [data-cell-header]:before{display:inline-block;content:attr(data-cell-header);color:#46495a;}
.bbs_list2 .bbs_table .title[data-cell-header]:before, 
.bbs_list2 .bbs_table .notice[data-cell-header]:before, 
.bbs_list2 .bbs_table td[data-cell-header]:first-child:before {display:none;}
.bbs_list2 .bbs_table td.title {display:block;padding:10px 0;margin:0 0 10px;border-bottom:1px dashed #ddd;font-size:1.2rem;text-align:left;}
.bbs_list2 .bbs_table td.title a {display:block;font-weight:500;}
.bbs_list2 .bbs_table td.nofile {display:none;}
.bbs_list2 .bbs_table td.title a:hover, 
.bbs_list2 .bbs_table td.title a:focus {text-decoration:underline;}
}

@media all and (min-width:1024px){
.bbs_list2 .bbs_table {table-layout:fixed;}
.bbs_list2 .bbs_table td.title a {display:block;width:98%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-weight:500;}
}

/* 사진-리스트 */
.photo_list {border-top:1px solid #646464;border-bottom:1px solid #ebebeb;}
.photo_list li{margin:10px 0;text-align:center;overflow:hidden;}
.photo_list li a{display:block;}
.photo_list .img{display:block;overflow:hidden;position:relative;background:#f8f6f2;width:100%;transition:.5s ease-in-out;border-radius:7px 25px 7px 7px;border:solid 1px #ededed;}
.photo_list .img img{width:100%}
.photo_list .date{display:block;border-top:none;padding:10px;color:#717171;border-radius:0 0 5px 5px;}
.photo_list strong{display:block;font-size:18px;margin-bottom:5px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2a2a2a;}
.photo_list .list_none{width:100%;text-align:center;padding:30px 0;border-bottom:1px solid #dedede;}
.photo_list .adm_check {margin:15px auto}

/* 사진-뷰 */
.photo_view .img_view{margin:30px 0 0 0}
.photo_view .img_big img{max-width:100%}
.photo_view .img_list{overflow:hidden;height:78px;position:relative;border-top:solid 1px #ededed;border-bottom:solid 1px #ededed;}
.photo_view .img_list button{width:40px;height:0;padding:40px 0 0 0;overflow:hidden;position:absolute;top:17px;border:1px solid #dedede;background:url('/images/bbs/bbs_ico.png') no-repeat;border-radius:5px;}
.photo_view .img_list button:hover, 
.photo_view .img_list button:focus{border-color:#666}
.photo_view .img_list .prev{background-position:center -610px;left:0}
.photo_view .img_list .next{background-position:center -665px;right:0}
.photo_view .img_list ul{overflow:hidden;width:65%;margin:0 auto;position:relative;}
.photo_view .img_list li{float:left;width:50%;text-align:center;margin:10px 0 50px;}
.photo_view .img_list li img{border:3px solid #fff}
.photo_view .img_list li.on img{border:1px solid #828282;}
.photo_view .img_list img{height:50px}
.photo_view .img_list li span{display:block;position:absolute;width:100%;font-size:13px;color:#666;padding:10px 0 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;left:-999999px;}

/* 영상-목록 */
.video_list{border-top:1px solid #646464;border-bottom:1px solid #ebebeb;}
.video_list ul{overflow:hidden}
.video_list li{float:left;width:100%;text-align:center;overflow:hidden;}
.video_list li:hover a,.video_list li:focus a{text-decoration:underline;}
.video_list li a{display:block;margin:20px 0}
.video_list li img{width:auto;height:100%;}
.video_list li span{display:block;margin-top:10px;overflow:hidden;border-radius:10px;}
.video_list li .video_w{background:#2a2a2a;text-align:center;height:220px;position:relative;}
.video_list li .video_w:after{background:url('/images/bbs/icon_play.png') no-repeat center center;width:57px;height:57px;display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.video_list li .video_w:before{background:rgba(0,0,0,.5);width:100%;height:100%;display:block;content:'';position:absolute;transition:.3s ease-out;}
.video_list li:hover .video_w:before{background:rgba(0,0,0,0.1)}
.video_list li strong{display:block;color:#2a2a2a;font-size:18px;margin:0 0 5px 0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video_list .adm_check{margin:0 0 15px 0}
.video_list .list_none{width:100%;text-align:center;padding:30px 0;border-bottom:1px solid #ebebeb;}

/* 영상-뷰 */
.video_view{padding:20px 0;border-bottom:1px solid #dedede;}
.video_view .vid_area{width:100%;background:#f4f4f8;border-radius:5px;overflow:hidden;}
.video_view .vid_text{padding:0 20px 20px;margin:10px 0;height:100px;border:1px solid #dedede;overflow-y:auto;border-radius:5px;}
.video_view .vid_text .tit{text-align:center;color:#4e4f56;font-size:18px;font-weight:bold;padding:10px 0;border-bottom:solid 1px #dedede;margin-bottom:13px;}

/* 뉴스형 */
.news_list{width:100%;border-top:1px solid #646464;}
.news_list .txt_a{text-align:center;}
.news_list li{border-bottom:1px solid #ebebeb;line-height:1.25em;position:relative;}
.news_list li a{display:block;padding:25px 0;}
.news_list li:hover, .news_list li:focus{background:#fdfcf9}
.news_list li strong{display:block;font-size:18px;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;color:#2a2a2a;font-weight:bold;}
.news_list li a:hover div > strong, .news_list li a:focus div > strong {text-decoration:underline;}
.news_list span{display:inline-block;vertical-align:middle;margin:0 2px;}
.news_list a .txt{display:block;line-height:1.5em;margin:16px 0;color:#1b1b1b;height:4.5rem;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news_list .info{display:block;font-style:normal;color:#696969;}
.news_list .info span{width:1px;height:6px;background:#dedede;margin:0 10px}
.news_list .ico_notice{color:#090909;font-style:normal;margin-right:5px;background:#fef5e3;padding:5px 10px;border-radius:10px;}
.news_list .ico_file{width:26px;height:25px;padding:0;overflow:hidden;background:url('/images/bbs/bbs_ico.png') no-repeat center -267px;font-size:0;}
.news_list .ico_secret{width:30px;height:26px;overflow:hidden;background:url('/images/bbs/bbs_ico.png') no-repeat center -333px;font-size:0;}
.news_list  .list_none{text-align:center;padding:30px 0}
.news_list .img{display:block;width:100%;margin:0 auto 10px auto;border-radius:5px;}
.news_list li div.txt{height:auto;margin:7px 0;}
.news_list li div li{border:none;font-size:16px;margin:11px 0;}
.news_list li div li strong{display:block;font-size:15px;width:70px;text-align:center;font-weight:400;color:#303030;margin:0 auto;border-radius:5px;padding:2px 0;border:solid 1px #5c5c5c;}
.news_list li div i{font-style:normal;display:block;padding:3px 0;}

/* 달력-기본형 */
.bbs_calender{background:#f9f9f9;border-top:solid 1px #5a5a5a;border-bottom:solid 1px #dddddd;}
.bbs_calender .calender{margin-bottom:20px;padding:30px 20px;}
.bbs_calender .calender .month{text-align:center;line-height:1em;font-size:25px;color:#46495a;margin:0 0 20px 0;position:relative;font-weight:600}
.bbs_calender .calender .month em{font-style:normal;font-weight:600}
.bbs_calender .calender p strong{color:#284085;font-weight:600}
.bbs_calender .calender p button{width:35px;height:35px;padding:0;overflow:hidden;position:absolute;top:17px;border:1px solid #dedede;background:#fff url('/images/bbs/bbs_ico.png') no-repeat;border-radius:13px;position:absolute;top:-5px;font-size:0;}
.bbs_calender .calender p .prev{background-position:center -613px;left:7%;}
.bbs_calender .calender p .next{background-position:center -668px;right:7%;}
.bbs_calender .calender p button:hover,.bbs_calender .calender p button:focus{border-color:#666}
.bbs_calender table{width:100%;background:#fff;}
.bbs_calender .calender th, .bbs_calender .calender td{border:1px solid #e5e6ef;width:14%;text-align:center;border-right:0;}
.bbs_calender .sun{border-left:none}
.bbs_calender .calender th{padding:9px 0;font-weight:normal;}
.bbs_calender td{padding:15px 0;position:relative;}
.bbs_calender td.sat a{color:#4f6bd0;}
.bbs_calender td.sun a{color:#c74b4b;}
.bbs_calender td.have{background:#fdf9ea !important;}
.bbs_calender td.today{background:#f1f1f1 !important;}
.bbs_calender td.have:before{content:"";display:block;position:absolute;transform:translate(-50%,0);top:4px;left:50%;width:7px;height:7px;border-radius:50%;background:#db444a;}
.bbs_calender td.on a:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:0;border:2px solid #585858;}
.bbs_calender .tab{overflow:hidden}
.bbs_calender .tab li{float:left;width:25%;text-align:center}
.bbs_calender .tab li a{display:block;border:1px solid #333;background:#fff;color:#333;padding:10px 0;margin:0 0 0 1px}
.bbs_calender .tab li.on a{background:#333;color:#fff}
.bbs_calender .info{background:#ffffff;padding:30px 20px;margin:25px 0 0 0;border-radius:5px;border-left:1px solid #e5e6ef;}
.bbs_calender .info h4{margin:0;font-size:20px;border-bottom:1px dashed #dadada;padding:0 0 17px 0;background:none;text-align:center;}
.bbs_calender .info li{line-height:1.75em;font-size:16px;padding:5px 0 0 11px;background:url('/images/common/li03.gif') no-repeat 0 16px;}

/* 달력-테이블 */
.bbs_calender2{margin:30px 0;}
.bbs_calender2 .month{text-align:center;line-height:1em;font-size:36px;color:#333;margin:0 0 20px 0;position:relative;font-weight:600}
.bbs_calender2 p em{font-style:normal;font-weight:600}
.bbs_calender2 p strong{color:#284085;font-weight:600}
.bbs_calender2 p button{width:35px;height:35px;padding:0;overflow:hidden;position:absolute;border:1px solid #dedede;background:#fff url('/images/bbs/bbs_ico.png') no-repeat;border-radius:13px;top:0;font-size:0;}
.bbs_calender2 p .prev{left:7%;background-position:center -613px;}
.bbs_calender2 p .next{right:7%;background-position:center -668px;}
.bbs_calender2 table{width:100%;min-width:708px;margin:0 0 20px 0;background:#fff}
.bbs_calender2 th, .bbs_calender2 td{border:1px solid #e5e6ef;width:14%}
.bbs_calender2 th{border-top:1px solid #646464;background:#f8f8f8;padding:15px 0;}
.bbs_calender2 td{padding:10px;text-align:left;height:80px}
.bbs_calender2 td.sat a{color:#4f6bd0;}
.bbs_calender2 td.sun a{color:#c74b4b;}
.bbs_calender2 td.today{background:#f6f6f6;}
.bbs_calender2 td.today a {color:#000;}
.bbs_calender2 td.sun li li a ,
.bbs_calender2 td.sat li li a{color:#464646;}
.bbs_calender2 td.sat li li a em{font-style:normal;color: #fff;font-size: 12px;background: #9d9d9d;padding: 0 5px;display: inline-block;border-radius: 5px;}
.bbs_calender2 td.sat li li .end em{background: #bfbfbf;}
.bbs_calender2 td.sat li li .ing em{background: #058a1e;}
.bbs_calender2 td.sat li li .event em{background: #e45600;}
.bbs_calender2 td a:hover,
.bbs_calender2 td a:focus{text-decoration:underline}
.bbs_calender2 td a span{display:inline-block;line-height:1.25em;margin-top:7px;font-size:14px;background:#f0f0f0;padding:5px 5px;text-align:center;border-radius:7px;border:solid 1px #dedede;font-weight:300;}
.bbs_calender2 td a span.c1{background:#3c4372;color:#fff;}
.bbs_calender2 td a span.c2{background:#5574bd;color:#fff;}
.bbs_calender2 td a span.c3{background:#7055bd;color:#fff;}
.bbs_calender2 td a span.c4{background:#ba3d62;color:#fff;}
.bbs_calender2 td a span.c5{background:#c34452;color:#fff;}

.bbs_calender2 td li{margin-top:1px;font-size:14px;}
.bbs_calender2 td li li{padding:0 0 0 10px;background:url('/images/common/li03.gif') no-repeat 0 6px;}
.bbs_calender2 td #detailUl li{padding:0; background:none; line-height: 1.5; margin: 6px 0;} /*안전교육*/
.bbs_calender2 td li li a{font-size: 13px;letter-spacing: -1px;}
.bbs_calender2 td li li em{font-style:normal;font-size: 12px;background: #ddd;padding: 2px 3px;color: #ffff;}
.bbs_calender2 td li li .ing em{background: #e5025c;}
.bbs_calender2 td li li .end em{background: #787878;}

/* 설문조사 */
.ch_search .left{ border-bottom:solid 1px #dedede;padding-bottom:20px;}
.ch_search .left ul li{width:33.3333%;float:left;}
.ch_search .left ul li input[type=checkbox]{width:20px;height:20px;}
.ch_search .left:after{display:block;content:'';clear:both;}
.align{margin-bottom:10px;}
.align strong{padding-top:7px;display:inline-block;}
.align button.end{background:#767676;border:none;font-size:15px;font-weight:400;color:#fff;}
.align button.ing{background:#db444a;border:none;font-size:15px;font-weight:400;color:#fff;}

/* list */
.enquete_list{width:100%;border-top:1px solid #646464;}
.enquete_list li{border-bottom:1px solid #e3e3e3;line-height:1.5em;padding:25px 0}
.enquete_list li:hover{background:#f9f9fb}
.enquete_list li *{vertical-align:middle}
.enquete_list li strong{color:#4c4c4c;font-size:18px;line-height:1.5em}
.enquete_list li>span{display:block;padding:7px 0;width:70px;line-height:1em;font-size:14px;background:#fff;border:1px solid #555;border-radius:4px;text-align:center;}
.enquete_list li .close{border:solid 1px #f7f7f7;color:#333;background:#dedede;}
.enquete_list li em{display:block;font-style:normal;color:#717171;margin-top:10px;line-height:19px;}
.enquete_list li em i{font-style:normal;color:#272c7b;display:inline-block;padding-left:5px;margin-top:-3px;}
.enquete_list li p{margin:10px 0 0 0}
.enquete_list li p a{display:inline-block;padding:10px 20px;margin:0 10px 0 0;color:#fff;border-radius:5px;}
.enquete_list li p a.join{background:#fff;color:#2a2a2a;border:solid 1px #2a2a2a;}
.enquete_list li p a.join:hover, .enquete_list li p a.join:focus{background:#2a2a2a;color:#fff}
.enquete_list li p a.result{background:#52556a;border:solid 1px #52556a;}
.enquete_list li p a.result:hover, .enquete_list li p a.result:focus{background:#2a2a2a}
.enquete_list li p span.end{display:inline-block;padding:10px 20px;margin:0 10px 0 0;color:#1b1b1b;background:#e2e2e2;border-radius:5px;}
.enquete_list .list_none{text-align:center;padding:30px 0;border-bottom:1px solid #e3e3e3;}
.enquete_list .adm_check{width:20px;height:20px;margin:5px}

/* view */
.enquete_view .bbs_vtop .col {border-bottom:none;}
.enquete_view .bbs_filedown {border-bottom:1px solid #dedede;}
.enquete_view .basic_box{border:none}
.enquete_view h5{background:none;padding:15px;margin:0 0 15px 0;border:1px solid #d3d3d3;line-height:1.5em;color:#4c4c4c;font-size:17px;border-radius:5px;box-shadow:2px 2px 5px #d5d5d5;font-family:'SCDream';}
.enquete_view .qbox>div{margin:0 0 40px 0}
.enquete_view .qbox>div.group{padding:30px;border-radius:10px;box-shadow:2px 2px 10px #d2d1d1;border:solid 1px #b9b9b9;}
.enquete_view .qbox>div .img {text-align:center;}
.enquete_view .qbox li{line-height:1.5em;padding:0 0 0 12px;margin:0 0 6px 0;}
.enquete_view .qbox li input {vertical-align:middle;width:18px;height:18px;}
.enquete_view .qbox li strong {color:#1e337a;margin-right:5px;}
.enquete_view .qbox li ul{margin:10px 0}
.enquete_view .qbox li li{padding:0 0 0 10px;background:url('/images/common/li02.gif') no-repeat 0 7px;padding-left:16px;font-size:15px;}
.enquete_view .qbox li.li_none{background:none;padding:0}
.enquete_view .qcoment{font-size:14px;line-height:1.5em;margin:0 0 10px 0}
.enquete_view .in_txt{width:100%;border:1px solid #dedede;padding:9px 0;vertical-align:middle;box-sizing:border-box}
.enquete_view .in_txta{width:100%;height:50px;border:1px solid #dedede;padding:9px 0;vertical-align:middle;box-sizing:border-box}
.enquete_view .qcoment{font-size:14px;line-height:1.5em;margin:0 0 10px 0;border:dashed 1px #dedede;padding:10px;border-radius:5px;}

/*로그인*/
.login_box{text-align:center;margin:30px 0;padding:30px 10px;border-radius:10px;background:linear-gradient(180deg, #f2f4f9, #faf6f0);}
.login_box div{padding:30px 10px;background:#fff;border-radius:10px;margin:10px 0;}
.login_box div:first-child{border-bottom:1px solid #becdd7}
.login_box h4{margin:0;padding:0;background:none;font-size:30px;font-weight:bold;width:100%;}
.login_box div h5{font-size:28px;margin:0;padding:0;background:none;color:#272727;}
.login_box div:before{/* content:"";*/ display:block;width:100%;height:99px;background:url('/images/bbs/bbs_login.png') no-repeat center 0px;}
.login_box div:last-child:before{background-position:center -269px;}
.login_box p{line-height:1.5em;margin:0;width:100%;}

.login_box strong{color:#2d2d2d;}
.login_box a{display:block;background:#40485e;color:#fff;font-weight:bold;padding:15px 0;margin:20px auto 0 auto;width:225px;border-radius:10px 20px 10px 10px;overflow:hidden;}
.login_box a:hover, .login_box a:focus{background:#464646}
.login_box .onepass a{background:#1c2674;}
.login_box .onepass a{position:relative;padding:16px 0 16px 55px;text-align:left;}
.login_box .onepass a:before{display:block;content:'';width:45px;height:55px;position:absolute;left:5px;top:0;background:url('/images/common/onepass_i.png')no-repeat center right;}

.login_box .sns .naver{background: #ffffff;color: #1a1a1a;border: solid 1px #03cf5d;box-sizing: border-box;}
.login_box .sns .kakao{background:#ffeb00;color:#391F1F;}
.login_box .sns a{margin:5px auto;position:relative;padding: 16px 0 16px 52px;text-align:left;}
.login_box .sns a:before{display:block;content:'';width:45px;height:55px;position:absolute;left:5px;top:0;background:url('/images/common/main_ico.png')no-repeat;}
.login_box .sns .naver:before{background: url("/upload_data/board_data/BBS_0000031/170000884217410.png")no-repeat;}
.login_box .sns .kakao:before{background-position:-60px -62px;}
.login_box .sns p{margin-bottom:20px}

.login_box2{margin:30px 0;text-align:center;background:#f5f5fa;padding:20px;border-radius:10px;}
.login_box2 h4{margin:0 0 20px 0;padding:0;background:none;font-size:30px;font-weight:bold;color:#2c2a93;}
.login_box2 li{margin:0 0 10px 0;text-align:left;}
.login_box2 li:after{display:block;content:'';clear:both;}
.login_box2 li a{display:block;padding:15px 5px;border-radius:5px;position:relative;}
.login_box2 li.kakaologin a{background:#efde0c;}
.login_box2 li.naverlogin a{background:#14be08;color:#fff}
.login_box2 li.onepasslogin a{background:#5a33dd;color:#fff}
.login_box2 li a:after{content:"";display:block;width:50px;vertical-align:middle;background:url('/images/common/btn_ico.png') no-repeat center -242px;position:absolute;top:0;bottom:0;right:0;}
.login_box2 .sch_txt {border:1px solid #e1e1e1;height:45px;box-sizing:border-box;width:100%;}
.login_box2 form span{padding:10px 10px 10px 0;width:110px;font-weight:bold;display:block;margin:0 auto;}
.login_box2 div{background:#fff url('/images/bbs/bbs_login2.png') no-repeat center 10%;padding:110px 10px 30px 10px;border-radius:10px;}
.login_box2 .basic_btn{margin:0 0 20px 0;width:100%;}
.login_box2 .basic_btn a{display:block;background:#4245a3;color:#fff;padding:15px 0;margin-bottom:0;}
.login_box2 .basic_btn span{background-position:96% center;}
.login_box2 .link{text-align:center;clear:both;}
.login_box2 .link a{display:inline-block;text-decoration:underline;color:#5255b0;padding:5px;}

.faq_list{border-top:1px solid #646464;line-height:1.5em;text-align:center;margin:30px 0;}
.faq_list li.list_none{text-align:center;border-bottom:1px solid #dde1e4;padding:30px 0;}
.faq_list li>a{display:block;border-bottom:1px solid #dde1e4;padding:25px 20px 25px 20px;font-weight:bold;position:relative;}
.faq_list li>div{display:none;padding:20px 20px 20px 20px;background:#f6f6f6;border-top:1px solid #e8e8e8;min-height:25px;position:relative;border-radius:0 0 5px 5px;}
.faq_list li>div .bbs_btn{margin:20px 0 0 0}
.faq_list li.on>div{display:block}
.faq_list em{display:block;width:35px;height:35px;padding:0;margin:0 auto 10px auto;overflow:hidden;background:#40485e url(/images/bbs/bbs_ico.png) no-repeat;border:1px solid #40485e;border-radius:13px;font-size:0;}
.faq_list .bbs_btn a{padding:3px 15px;font-size:.95rem;background:#fff;color:#2a2a2a;border:solid 1px #a9a6a6;border-radius:5px;}
.faq_list .bbs_btn a.bbs_bt2{background:#c23236;color:#fff;}
.faq_list a em{background-position:center -197px;}
.faq_list div em{background:#fff url('/images/bbs/bbs_ico.png') no-repeat center -236px;}

/* Tablet */
@media all and (min-width:768px) {
.bbs_cate li{float:left;width:50%;margin:0;}
.bbs_cate li:first-child a{margin:0;}

.bbs_write td{display:table-cell;text-align:left;}
.bbs_write th{display:table-cell;}
.bbs_write input{width:fit-content;}
.bbs_write .input_wss{width:40px}
.bbs_write .input_ws{width:100px !important}
.bbs_write .input_wm,.input_w170{width:170px}
.bbs_write .input_wl{width:90%}
.bbs_write .input_wf{width:95%}
.bbs_write .input_h{width:40%;}

.bbs_search .form_sel{width:auto}
.bbs_search .form_txt{width:160px;margin:0;}
.bbs_search.right .form_txt{width:250px;}
.bbs_search .form_sm,.bbs_search .form_cancle,.bbs_search .form_re{width:75px;}
.bbs_search2 .form_sm,.bbs_search2 .form_cancle,.bbs_search2 .form_re{width:75px}
.bbs_search3 .form_sm,.bbs_search3 .form_cancle,.bbs_search3 .form_re{width:75px}
.bbs_search .m_blind{display:inline-block}
.bbs_search select{display:inline;width:20%}
.bbs_search .input_tit{width:50%}

.bbs_search{overflow:hidden;padding:25px 5px;}
.bbs_search .left{float:left;width:100%;text-align:center;}
.bbs_search .right{text-align:center;width:100%;}
.bbs_search .input_cal{width:140px;}
.bbs_search .form_sm{width:70px}
.bbs_search .left .form_sel{width:auto}
.bbs_search .left span, .bbs_search2 .right span{display:inline-block}
.bbs_search .right .form_txt{width:200px;}
.bbs_search .right .input_cal{width:150px;}
    
.bbs_search2{overflow:hidden;padding:25px 5px;}
.bbs_search2 .left{float:left;width:100%;text-align:center;}
.bbs_search2 .right{text-align:center;width:100%;}
.bbs_search2 .form_sel{width:70px}
.bbs_search2 .form_txt{width:200px;}
.bbs_search2 .form_sm{width:70px}
.bbs_search2 .left .form_sel{width:auto}
.bbs_search2 .input_cal{width:120px;}
.bbs_search2 .left span, .bbs_search2 .right span{display:inline-block}

.bbs_search3{overflow:hidden;padding:25px 20px;}
.bbs_search3 .form_sel{width:100px;margin:0;}
.bbs_search3 .form_txt{width:250px;margin-bottom:0;}
.bbs_search3 .left .form_sel{width:auto}

.bbs_search3 .btn_bbsw{padding:8px 10px;}
.bbs_write td .ggong ul li img {display:inline-block;margin:0;}

.adm_list li a{width:95%;margin:0 0 0 5%;}

.bbs_vtop .col li{display:inline;margin:0 20px 0 0}
.bbs_vtop .tt_list{overflow:hidden}
.bbs_vtop .tt_list li{float:left;width:50%}
.bbs_vtop .tt_list li.line1{width:100%}
.bbs_vtop .tt_list li.line1 strong{width:20%}

.bbs_vtop .tt_list li{display:table; }
.bbs_vtop .tt_list strong{display:table-cell;width:40%;}
.bbs_vtop .tt_list span{display:table-cell;text-align:left;}
.bbs_vlist p span{padding:0 20px 0 0}
.bbs_vlist p a{width:90%}
.bbs_filedown dt{display:table-cell;width:13%;border-right:solid 1px #dce1e6;border-bottom:0;padding:0;margin:0;}
.bbs_filedown dd{padding:5px 0 5px 15px;}
.bbs_filedown dd span{width:calc(100% - 120px);}
.bbs_filedown dd p{display:inline-block;margin:0;}
.re_form textarea{width:84%;height:80px;padding:10px 2%}
.re_form input{width:15%;height:80px;margin:0}
.bbs_reply{padding:30px}
.bbs_reply .col li{display:inline;margin:0 20px 0 0}

.photo_list ul{overflow:hidden;margin-left:-3%}
.photo_list li{float:left;width:47%;margin:20px 0 20px 2%;}
.photo_list .img img{width:auto;height:245px;}
.photo_list .img:hover img{transform:scale(1.2);transition:.5s ease-in-out}
.photo_view .img_view .img_list{height:129px;}
.photo_view .img_view .img_list button{top:40px}
.photo_view .img_view .img_list ul{width:85%}
.photo_view .img_view .img_list li{width:33.333%}
.photo_view .img_view .img_list img{height:100px}
.photo_view .img_big img{height:550px;}

.video_list li{width:50%}
.video_list li a{width:95%;margin:20px auto;}
.video_list li img{width:auto;}
    
.news_list li a{overflow:hidden;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;}
.news_list .img{float:left;margin:0 20px 0 0;width:300px;height:200px;}
.news_list .txt_a{width:calc(100% - 320px);text-align:left;}
.news_list li div li strong{margin:0;display:inline-block;}
.news_list li div i{width:calc(100% - 80px);display:inline-block;margin-left:10px;}

.bbs_calender{overflow:hidden;}
.bbs_calender .calender{float:left;width:50%;margin:0;padding:30px;}
.bbs_calender .calender .month{padding-top:2px;}
.bbs_calender .calender p .prev{left:20%}
.bbs_calender .calender p .next{right:20%}
.bbs_calender .info{float:left;width:50%;margin:0;padding:30px;}
.bbs_calender .info ul{height:309px;overflow-y:scroll;}

.bbs_calender .tab{margin:47px 0 0 0}
    
.bbs_calender2 .month{font-size:28px;padding-top:4px;}
.bbs_calender2 p .prev{left:30%}
.bbs_calender2 p .next{right:30%}
.bbs_calender2 td{min-height:70px;text-align:left}

.ch_search .left ul li{ width:20%;}
.enquete_list li{padding:30px 210px 30px 0;position:relative}
.enquete_list li span{display:inline-block;margin-right:5px}
.enquete_list li em{margin:10px 0 0 0}
.enquete_list li p{position:absolute;top:40px;right:0;margin:0}
.enquete_list li p a{margin:0 0 0 10px}
.enquete_list li p span.end{margin:0 0 0 10px}

.login_box{overflow:hidden;position:relative;padding:40px;display:flex;justify-content:space-around;flex-wrap:wrap;}
.login_box div{/*width:48%;*/flex:1 0 48%; margin:20px 1% 0 1%;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-around;}
.login_box a{width:240px;}
.login_box .onepass a{padding-left:60px;}
.login_box div:first-child{border-bottom:none}

.letter_list ul{overflow:hidden;}
.letter_list li{width:50%;float:left;}
.letter_list li:nth-child(2n){margin-right:0}
.letter_list .adm_check{margin:0;position:absolute;top:7px;left:7px;}
.letter_list .img_w{height:330px;}
.letter_list img{height: 100%;width: 100%;position:absolute;top:0;left:50%;transform:translate(-50%, 0);}
.letter_list .basic_btn a{width:45%;margin:0 5px 0 0;}

.faq_list{text-align:left}
.faq_list li>a{padding-left:80px}
.faq_list li>div{padding-left:80px}
.faq_list em{position:absolute;top:15px;left:20px}

.bbs_write .bw_file{display:flex;justify-content:space-between;}
.bbs_write .bw_file input{width:30%;}
.bbs_write .bw_file .memoarea{width:68%;}
}

/* Desktop */
@media all and (min-width:1024px) {
.bbs_cate li{width:25%;height:49px;}
.bbs_cate .col2 li{width:50%}
.bbs_cate .col3 li{width:33.33333333333333%}
.bbs_cate .col5 li{width:20%}
.bbs_cate .col6 li{width:16.66666666%;}
.bbs_cate .col7 li{width:14.28571428571429%}

.bbs_search select{width:auto}
.bbs_search .input_tit{width:20%}

.bbs_search{padding:25px 20px;}
.bbs_search .left{width:45%;text-align:left;margin:0;}
.bbs_search .right{float:right;width:55%;text-align:right;}
.bbs_search .right * {vertical-align:middle;}
    
.bbs_search2{padding:25px 20px;}
.bbs_search2 .left{width:35%;}
.bbs_search2 .right{float:right;width:65%;text-align:right;}
.bbs_search2 .right * {vertical-align:middle;}
	
.bbs_search3 .left{text-align:left}
.bbs_search3 .left{float:left;margin:0;width:30%;text-align:left;}
.bbs_search3 .right{float:right;text-align:right;width:70%;}
	
.btn_bbsw, .btn_bbsw:visited{margin:0 0 0 3px;}
    
.photo_list ul{margin-left:-1.5%;}
.photo_list li{width:31.333%;}
.photo_list li:nth-child(3n+1){clear:both;}
.photo_list .img{min-height:245px;height:245px;}

.photo_view .img_view{position:relative;text-align:center;}
.photo_view .img_view>div{margin:0 auto!important}
.photo_view .img_view .img_list li{width:20%;}

.video_list li{width:33.333%}
.video_list li:nth-child(3n+1){clear:both;}
.video_list li img{height:245px;width:auto;}
.video_list li .video_w{height:245px;}
    
.video_view{overflow:hidden}
.video_view .vid_area{float:left;width:64%;height:400px}
.video_view .vid_text{float:right;width:35%;height:400px;box-sizing:border-box;margin:0}

.ch_search .left span{width:70px;float:left;box-sizing:border-box;}
.ch_search .left{width:48%;padding:0;border:0;border-right:dashed 1px #dedede;box-sizing:border-box;}
.ch_search .right{width:52%;}
.ch_search .left ul{width:calc(100% - 70px);float:left;padding:6px 6px 0 0;}
.ch_search .left ul li{font-size:14px;width:auto;padding-right:7px;}

.letter_list li{width:33.333%;padding:30px 20px;}
.news_list li a{align-items:center;}
}

@media all and (max-width:1023px){
.bbs_skin2 table{width:100%;border-top:2px solid #484848;}
.bbs_skin2 table thead{display:none;}
.bbs_skin2 table td .basic_ul{margin-bottom:0 !important;}
.bbs_skin2 table tbody tr{display:block;border-bottom:1px solid #cdcdcd;padding:10px;}
.bbs_skin2 table tbody td{display:inline-block;padding:5px 0;}
.bbs_skin2 table tbody td:after{width:1px;height:14px;margin:0 8px;background:#cfcfcf;display:inline-block;content:"";}
.bbs_skin2 table td:first-of-type:after,.bbs_list_t .num:after,.bbs_list_t .badge:after,.bbs_list_t .title:after,.bbs_list_t td:last-of-type:after{display:none;}
.bbs_skin2 table .title{display:block;padding:10px 0;margin:0 0 10px;border-bottom:1px dashed #ddd;font-size:1.2rem;}
.bbs_skin2 table .nofile{display:none;}
.bbs_skin2 table [data-cell-header]:before{content:attr(data-cell-header);display:inline-block;color:#a4a4a4;padding-right:5px}
.bbs_skin2 table .num[data-cell-header]:before,.bbs_skin2 table .title[data-cell-header]:before{display:none;}
.bbs_skin2 table col{width:100% !important;}
.bbs_skin2 table tbody .t_date br,
.bbs_skin2 table tbody .t_dday br{display:none}
.bbs_skin2 table .notice span{font-weight:500;color:#1c47d6;}
}

@media all and (min-width:1024px){
.bbs_search2 .left{width:auto;float:left;margin:0;text-align:left;}
.bbs_search2 .right{float:right;width:auto;text-align:right;}
.bbs_skin2 table .badge{float:left;margin:0 10px 0 0}
.bbs_skin2 table .badge ~ a{margin:4px 0 0}
.bbs_skin2 table{width:100%;min-width:800px;margin:20px 0;border-top:1px solid #646464;table-layout:fixed;}
.bbs_skin2 table th, .bbs_skin2 td{text-align:center;padding:20px 0 20px 7px;border:1px solid #ebebeb;border-top:none;line-height:1.5em;border-left:0;border-right:0;}
.bbs_skin2 table thead th{background:#f9f9f9;color:#333;font-weight:400;}
.bbs_skin2 table tbody th{background:#f3f8fb;color:#444;font-weight:400;}
.bbs_skin2 table tbody td{color:#555}
.bbs_skin2 table .notice{padding:20px 0 0 0;background:#fef5e3;}
.bbs_skin2 table tbody td.txt_left{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.bbs_skin2 table tbody td a{display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.bbs_skin2 table tbody td li{text-align:left}
table tbody td .sbtn_go, 
.basic_table tbody td .sbtn_new, 
.basic_table tbody td .sbtn_down,
.basic_table tbody td .sbtn_file{white-space:nowrap;margin:2px;}
.bbs_skin2 table tbody td.title{text-align:left;}
.bbs_skin2 table tbody td.title img {display:inline-block;margin-right:3px;}
.bbs_skin2 table .title a{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/* display:block;*/font-weight:500;width:calc(100% - 25px);}
.bbs_skin2 tbody tr:hover,.bbs_skin2 tbody tr:focus{background:#fdfcf9}
.bbs_skin2 tbody tr:hover a,.bbs_skin2 tbody tr a:focus{text-decoration:underline;}
.bbs_skin2 table .notice span{display:block;font-weight:500;color:#252525;}
.bbs_skin2 table .loc a img{width:auto;padding-left:0;}
.bbs_skin2 table tbody .t_date br,
.bbs_skin2 table tbody .t_dday br{display:block}

.bbs_calender .info{height:421px;}
.bbs_calender .info div{margin:0;/* min-height:374px;*/}
.bbs_calender .info div li{width:31.333%;}
.bbs_calender .info div ul{height:255px;overflow-y:auto;}
}

/* 게시판 마우스오버 말풍선 */
[data-tooltip-text]:hover {	position:relative; cursor:pointer;}
[data-tooltip-text]:after {-webkit-transition:bottom .3s ease-in-out, opacity .3s ease-in-out;-moz-transition:bottom .3s ease-in-out, opacity .3s ease-in-out;transition:bottom .3s ease-in-out, opacity .3s ease-in-out;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#40485e;position:absolute;top:90%;left:-9999px;width:auto;min-width:100px;max-width:300px;color:#fff;font-size:12px;margin-bottom:10px;padding:7px;word-wrap:break-word;z-index:1;opacity:0;content:attr(data-tooltip-text);}
[data-tooltip-text]:hover:after {top:-19px; left:55px; opacity:1; white-space:pre-line;}

/*왼쪽이미지리스트*/
.limg_list{width:100%;border-top:2px solid #adb4bc;border-left:1px solid #ebe9e9;}
.limg_list li{border-bottom:1px solid #ebe9e9;line-height:1.5em;padding:25px 15px;text-align:center;border-right:1px solid #ebe9e9;}
.limg_list .img{display:block;margin:0 auto 10px auto;width:100%;border-radius:5px;}
.limg_list dt{display:block;width:100%;font-size:22px;height:45px;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:'GmarketSans';font-weight:normal;margin:20px 0 5px 0;line-height:25px;}
.limg_list dt a{margin:0;width:auto;color:#000}
.limg_list li a{width:auto;margin:10px 0 0 0;}
.limg_list dd{padding:5px 0 0 0;display:block;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;overflow:hidden;}
.limg_list dd strong{display:inline-block;width:70px}
.limg_list em{font-style:normal;color:#9b9b9b;display:inline-block;width:60px;}
.limg_list .list_none{text-align:center;padding:30px 0;min-height:auto}
.limg_list .adm_check{width:20px;height:20px;vertical-align:middle;margin:0 5px 0 0;top:10px;left:10px;}
.limg_list span a{width:auto;margin:0 0 0 5px;}

@media all and (min-width:768px){
.limg_list li{position:relative;padding:30px;text-align:left;}
.limg_list dt{text-align:left;margin:0 0 5px;}
.limg_list dd>a{margin:10px 0 0 0}
.limg_list .img{width:300px;float:left;height:225px;}
.limg_list dl{float:left;padding-left:40px;width:calc(100% - 300px);}
.limg_list li:after{display:block;content:'';clear:both}
}

@media all and (min-width:1024px){
.limg_list{overflow:hidden}
.limg_list li{float:left;width:50%;box-sizing:border-box;padding:50px 30px;}
.limg_list .list_none{width:100%}
}


/*에러박스+로딩박스*/
.err_wrap{padding:0 15px;text-align:center;}
.err_box .tit{padding:150px 0 20px;font-size:20px;color:#111111;background:url('/images/common/error_img.png') no-repeat center 20px;font-weight:bold;background-size:150px;}
.err_wrap .txt{background:#fcf7f1;padding:30px 20px;margin:0 auto 40px;border-radius:10px;}
.err_wrap .txt p{}
.err_wrap .txt p strong{color:#1b1b1b;}
.err_wrap .txt .btn {margin:20px 0;}
.err_wrap .btn a{display:inline-block;padding:20px 24px;background:#3e3e3e;color:#fff;font-size:16px;border-radius:10px;}
.err_wrap .btn a:hover,
.err_wrap .btn a:focus{background:#1a1919;text-decoration:none;}

@media all and (min-width:768px) {
.err_wrap.err_wrap{padding:20px 0 50px;}
.err_box .tit{font-size:30px;padding-top:248px;background-size:200px;}
.err_wrap .btn a{font-size:18px;}
.err_wrap .txt{font-size:18px;}
}             

.lodding_box{padding:0;margin:30px auto;text-align:center;}
.lodding_box strong{font-size:20px;color:#111;display:block;font-weight:bold;margin:20px 0;}

@media all and (min-width:768px){
.lodding_box strong{font-size:30px;margin-bottom:50px;}
}                               
.actionType5_1,
.actionType5_2  {text-align:center;margin:50px 0;width:100%;}
.actionType5_1 > div {display:inline-block;width:15px;height:15px;margin-right:15px;background-color:#b3b3b3;border-radius:50%;
	transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);
	animation:lodingCircle1 ease-in-out 1.8s infinite;-webkit-animation:lodingCircle1 ease-in-out 1.8s infinite;-moz-animation:lodingCircle1 ease-in-out 1.8s infinite;}
.actionType5_1 .loding1 {animation-delay:-.6s;-webkit-animation-delay:-.6s;-moz-animation-delay:-.6s;}
.actionType5_1 .loding2 {animation-delay:-.4s;-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;}
.actionType5_1 .loding3 {margin-right:0;animation-delay:-.2s;-webkit-animation-delay:-.2s;-moz-animation-delay:-.2s;}

/* 로딩 애니메이션 1 */
@keyframes lodingCircle1 {
	0%{ transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1;}
	10% { transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}
	60%,100% { transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);opacity:0;}
	}
@-webkit-keyframes lodingCircle1 {
	0%{ transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1;}
	10% { transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}
	60%,100% { transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);opacity:0;}
	}
	
.agree_box h4{padding:0;background:none;text-align:center;margin:0 0 3px 0;font-size:22px;font-family:'SCDream';}
.agree_box h5{margin:10px 0 0 0;font-size:18px;background-position:0 6px;}
.agree_box input {margin:0 3px 0 15px;vertical-align:middle;}  
.agree_box li.li_none{background:none;padding:0 0 3px 0;margin:0;}
.agree_box .line_dot {padding:10px 0 0 0;box-shadow:none;}
.agree_box>div{background:#fff}
.agree_box .basic_dl dd {margin-bottom:5px;}

@media all and (min-width:768px){
.agree_box>div{padding:15px 30px}
}     

/*예약일정달력*/
.reserv_cal .year_month{overflow:hidden;text-align:center;font-size:24px;position:relative;}
.reserv_cal .year_month em{font-style:normal;}
.reserv_cal .year_month strong{color:#484d96;}
.reserv_cal .year_month .cancel{background:#d25956;color:#fff;float:right;overflow:hidden;display:block;font-size:16px;padding:5px 10px;border:1px solid #ddd;border-radius:10px;margin-top:20px;}
.reserv_cal .year_month button{width:45px;height:45px;font-size:0;position:absolute;top:0;border-radius:10px;background:url("/images/18_safe119/content/sub03/cal_btn.png")no-repeat;}
.reserv_cal .year_month button:nth-child(1){left:20px;background-position:center top 4px;}
.reserv_cal .year_month button:nth-child(2){right:20px;background-position:center bottom 4px;}
.reserv_cal .month_go a{display:inline-block;font-weight:500;color:#fff;background:#484d96;font-size:14px;padding:3px 10px;border-radius:5px;}
.reserv_cal .month_go a:hover{cursor:pointer;text-decoration:underline;}
.reserv_cal .month_go .info_txt{overflow:hidden;margin:10px 0;}
.reserv_cal table.calendar th{width:14%;}
.reserv_cal table.calendar td{width:14%;height:137px;}
.reserv_cal table.calendar th.sun{color:#d25956;}
.reserv_cal table.calendar th.sat{color:#3F51B5;}
.reserv_cal table.calendar td{text-align:left;vertical-align:top;}
.reserv_cal table.calendar .closed_regular, .reserv_cal table.calendar .closed_day{color:#d25956;font-size:15px;}
.reserv_cal table.calendar li.finish a strong{display:inline-block;padding:0 8px;font-size:14px;background:#737373;color:#fff;border-radius:6px;text-align:center;font-weight:400;}
.reserv_cal table.calendar li{letter-spacing:-1px;font-size:15px;word-break:keep-all;}
.reserv_cal table.calendar li strong{color:#3F51B5;}
.reserv_cal p.reser_btn{margin-top:10px;}
.reserv_cal p.reser_btn a{display:block;border:1px solid #ddd;width:fit-content;padding:3px 8px;border-radius:8px;}
.reserv_cal p.reser_btn a:hover{background:#fef6f6;color:#d25956;border:1px solid #d25956;}
.reserv_cal table.calendar li a{position:relative;z-index:1;}
.reserv_cal table.calendar .customTime1 a:after{content:"";display:block;width:30px;height:30px;position:absolute;border-radius:50%;background: #c3ffc69c;top: -4px;left: -4px;z-index:-1;outline: 2px solid #34b934;}
.reserv_cal table.calendar .customTime2 a:after{content:"";display:block;width:30px;height:30px;position:absolute;border-radius:50%;background: #bee2ff9c;top: -4px;left: -4px;z-index:-1;outline: 2px solid #2196F3;}
.reserv_cal .custom_info li{text-align:right;font-size: 13px;margin:0 0 15px 0;}
.reserv_cal .custom_info li a{display:inline-block;position:relative;z-index: 1;}
.reserv_cal .custom_info .customTime1 a:after{content:"";display:block;width:30px;height:30px;position:absolute;border-radius:50%;background: #c3ffc69c;top: -6px;left: -2px;z-index:-1;outline: 2px solid #34b934;}
.reserv_cal .custom_info .customTime2 a:after{content:"";display:block;width:30px;height:30px;position:absolute;border-radius:50%;background: #bee2ff9c;top: -6px;left: -2px;z-index:-1;outline: 2px solid #2196F3;}

@media all and (min-width:768px){
.reserv_cal{margin-top:60px;}
.reserv_cal .year_month{font-size:28px;}
.reserv_cal .year_month button{width:50px;height:50px;}
.reserv_cal .year_month button:nth-child(1){left:28%;background-position:center top 6px;}
.reserv_cal .year_month button:nth-child(2){right:28%;background-position:center bottom 7px;}
.reserv_cal .year_month .cancel{font-size:18px;padding:8px 15px;}
.reserv_cal .month_go .info_txt{float:right;margin:0;}
.reserv_cal .custom_info{overflow:hidden;padding:10px 0;display:flex;justify-content:flex-end}
.reserv_cal .custom_info li{float:left;margin:0 20px 0 0;}
.reserv_cal .custom_info li:last-child{margin:0;}
}
       
@media all and (min-width:1024px){    
.reserv_cal .year_month{padding-bottom:30px;}
.reserv_cal .year_month .cancel{position:absolute;top:0;right:0;margin-top:0;}
.reserv_cal table.calendar ul{margin-top:10px;}
.reserv_cal table.calendar li{margin-bottom:5px;}
.reserv_cal table.calendar li a{font-size:15px;}
.reserv_cal table.calendar li a:hover{text-decoration:underline;} 
}                                                                                                                                                                                                                                  

.apart_view{overflow:hidden;}
.apart_view .apart_img{margin:0 auto;margin-bottom:25px;overflow:hidden;text-align:center;position:relative;}
.apart_img img{width:100%;height:auto;/* max-width:900px; */}
.apart_img strong{padding:15px 0;position:absolute;background:rgba(0,0,0,.5);bottom:0;width:100%;color:#fff;}
.apart_img span{color:#2837c1;position:absolute;top:0;left:0;background:#2149a6;color:#fff;width:100px;border-radius:0 0 10px 0;}
.apart_view .apart_info{overflow:hidden;display:flex;justify-content:center;flex-wrap:wrap;gap:1%;}
.apart_info .sisul{margin-bottom:20px;width:49%;}
.apart_info .sisul img{width:100%;border-radius:10px;height:190px;}
.apart_info .sisul strong{padding:15px 0;margin:0 auto;font-weight:500;border-bottom:dashed 1px #e7e7e7;}
.apart_info .sisul strong:before{content:"";width:25px;height:25px;display:inline-block;background:#888888 url(/images/01_potal/main/m_btn.png)no-repeat center -17px;margin-right:5px;vertical-align:middle;border-radius:50%;}
.apart_info .sisul span{font-size:15px;padding:5px 0;}
.apart_view strong{display:block;text-align:center;}
.apart_view span{display:block;text-align:center;padding:15px;}
.apart_video{margin:20px 0 0 0;}
.apart_video li{margin-bottom:10px;overflow:hidden;}
.apart_video li a{display:block;width:100%;}
.apart_video li:hover .img_w:before{background:rgba(0,0,0,0);}
.apart_video li .img_w{position:relative;height:190px;border-radius:10px;overflow:hidden;text-align:center;background:#232323;}
.apart_video li .img_w:before{background:rgba(0,0,0,.5);width:100%;height:100%;display:block;content:'';position:absolute;transition:.3s ease-out;}
.apart_video li .img_w:after{background:url('/images/bbs/icon_play.png') no-repeat center center;width:57px;height:57px;display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.apart_video li img{width:auto;height:100%;}
.apart_video li span{padding:10px;display:block;text-align:center;border-bottom:dashed 1px #ddd;letter-spacing:-.7px;font-weight:500;}

/* Tablet */
@media all and (min-width:768px) {
.apart_view .apart_info{gap:10px;}
.apart_info .sisul{width:calc(25% - 10px);}
.apart_video{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.apart_video li{width:calc(25% - 10px);}
}

/* Desktop */
@media all and (min-width:1023px) {

}          

/*화재피해주민 후원 포토게시판_일부수정*/

.photo_list .img.w_cus{max-height: 180px;display: flex;}
.photo_list .donation_if ul{margin: 0;}
.photo_list .donation_if li{width: 100%;margin: 5px 0;text-align:left;vertical-align: middle;}
.photo_list .donation_if li:first-child{margin-top:20px}
.photo_list .donation_if li strong{text-align: center;}
.photo_list .donation_if li em{margin: 0 5px 0 0;text-align:center;padding:2px 10px;color:#fff;background:#4e4e4e;max-width:100px;font-style: normal;border-radius: 5px;font-size: 15px;display: inline-block;}

/* Tablet */
@media all and (min-width:768px) {
.photo_list .w_cus img{width: 100%;height: auto;}
}