@charset "utf-8";

/* Form Control */
/*input,*/
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
/*input[type=text],*/
.search_bbs > .search > #searchTxt,
input[type=password],
input[type=tel],
input[type=date],
input[type=email],
input[type=number],
/*20210415 input박스 오류 수정
textarea{height: 33px;padding:7px 8px;margin:2px 0px;border:1px solid #ddd;background:#fff;vertical-align:middle;}
.search_bbs > .search > #searchTxt{height: 19px;margin-left: 6px;}
textarea{resize:none;}*/
select{height:33px; padding:0 8px; margin:2px 0px; border:1px solid #ddd; background:#fff; vertical-align:middle;}
select::-ms-expand {background-color:transparent; border:0;}
/*input[type="text"],*/
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="number"],
select{-webkit-border-radius:1px; /*-webkit-appearance:none;*/}
select{background-size:10px 7px;}
/*input[type=file]{background:#eee; font-size:1.08em;}*/
input[readonly],
input[disabled]{background:#eee;}
input[type=checkbox],
input[type=radio]{width: 15px;height: 15px;margin:2px 3px 1px 0;}
input[type=checkbox] + label,
input[type=radio] + label{margin-right:20px;}

.input50{width:50px !important;}
.input70{width:70px !important;}
.input100{width:100px !important;}
.input200{width:200px !important;}
.input300{width:300px !important;}
.input400{width:400px !important;}
.input600{width:600px !important;}
.inputFull{width:100% !important;}

.icon_text{display:inline-block; width:56px; height:36px; overflow:hidden; background:url("/images/template/common/2021/board/icon_text.png") no-repeat 0 0; cursor:pointer}
.icon_text span{display:none;}
em {color:inherit!important}


/* 필수입력 */
.marking{display:inline-block; position:relative; width:10px; height:14px; margin-bottom:-2px; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;} 
.marking:after{content:'*'; display:inline-block; position:absolute; top:0; left:0; line-height:17px; font-size:14px; font-weight:600; text-indent:0; color:#c51917;}

/* 키보드 */
.keyboard_box {width:460px; padding:20px; background:#fff; border:1px solid #b2b7c7;}
.keyboard_box .keylang{margin:9px 0px 5px 4px;font-family:arial,sans-serif; color:#444;}
.keyboard_box ul {overflow:hidden;}
.keyboard_box ul li {width:13%; margin:2px 0.3%; float:left; text-align:center;}
.keyboard_box ul li.key2 {width:17.6%;}
.keyboard_box ul li.key8 {width:60.2%;}
.keyboard_box ul li a {display:block; line-height:30px; border:1px solid #d3d7e3; border-right:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; background:#f5f5f5; border-radius:5px; font-family:arial,sans-serif;}
.keyboard_box ul.key_mgl {margin-left:3.5%;}
/* 게시판 상단공지 */
.desc_box {position:relative; padding:15px 25px; border:2px solid #dfe6ee; background:#fff;}
.desc_box:before {content:''; position:absolute; top:-2px; left:-2px; width:50px; height:50px; border-top:4px solid #266ed4; border-left:4px solid #266ed4;}
.desc_box:after {content:''; position:absolute; bottom:-2px; right:-2px; width:50px; height:50px; border-bottom:4px solid #2a384a; border-right:4px solid #2a384a;}
.desc_box_in {position:relative; font-family: NotoDL;}
.desc_box_in .desc_ico {position:absolute; left:0; top:0;}
.desc_box_in p {min-height: 1em; line-height: normal;}
.desc_box_in img {width: 100%;}

/* 일반게시판_목록Ty1 */
.bbsList th,
.bbsList td{padding: 13px 5px; border-bottom:1px solid #eaecf1; text-align:center; font-family:"NotoR"}
.bbsList thead th{padding:15px 10px; background:#f9fafb; border-top:1px dotted #8c92a3; border-bottom:1px solid #d2d7dc; font-weight:300; color:#222;}
.bbsList thead tr:first-child th{border-top:2px solid #505c78;}
.bbsList td{color:#333; word-break:break-all;}
.bbsList tr.active td{background:#f0f6f8; color:#333 !important;}
.bbsList td[data-table="subject"] a{display:inline-block;}
.bbsList td[data-table="subject"]{text-align:left;}
.bbsList td[data-table="subject"] i, .photoList em span {display:inline-block;margin-left: 5px;font-size:13px;color:#ce6c0c;}
.bbsList td[data-table="subject"] .new{display:inline-block;margin-left: 5px;width:25px;height:11px;background:url(/images/comm/board/icon/icon_new.png) no-repeat 0 0;text-indent:100%;overflow:hidden;white-space:nowrap;}
.bbsList td[data-table="number"] {width:50px;white-space:nowrap;}
.bbsList td[data-table="number"] .notice{display:block; position:relative; width:25px; height:25px; margin:0 auto; background:#365ec3; border-radius:50%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList td[data-table="number"] .notice:before{content:'공'; display:block; color:#fff; text-indent:0; line-height:24px;}
.bbsList td[data-table="number"] .notice_bc{display:block; position:relative; width:25px; height:25px; margin:0 auto; background:#000000; border-radius:50%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList td[data-table="number"] .notice_bc:before{content:'공'; display:block; color:#fff; text-indent:0; line-height:24px;}
.bbsList td[data-table="number"] .notice_gr{display:block; position:relative; width:25px; height:25px; margin:0 auto; background:#008A1D; border-radius:50%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList td[data-table="number"] .notice_gr:before{content:'공'; display:block; color:#fff; text-indent:0; line-height:24px;}
.bbsList td[data-table="number"] .notice_or{display:block; position:relative; width:25px; height:25px; margin:0 auto; background:#D10000; border-radius:50%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList td[data-table="number"] .notice_or:before{content:'공'; display:block; color:#fff; text-indent:0; line-height:24px;}

.bbsList td[data-table="number"] .notice2{display:block;position:relative;width: 25px;height:25px;margin:0 auto;background:#D10000;border-radius:50%;text-indent:100%;overflow:hidden;white-space:nowrap;}
.bbsList td[data-table="number"] .notice2:before{content:'필'; display:block; color:#fff; text-indent:0; line-height:24px;}
.bbsList td[data-table="number"] .notice2_gr{display:block;position:relative;width: 25px;height:25px;margin:0 auto;background:#008A1D;border-radius:50%;text-indent:100%;overflow:hidden;white-space:nowrap;}
.bbsList td[data-table="number"] .notice2_gr:before{content:'필'; display:block; color:#fff; text-indent:0; line-height:24px;}
.bbsList td[data-table="number"] .notice2_bc{display:block;position:relative;width: 25px;height:25px;margin:0 auto;background:#000000;border-radius:50%;text-indent:100%;overflow:hidden;white-space:nowrap;}
.bbsList td[data-table="number"] .notice2_bc:before{content:'필'; display:block; color:#fff; text-indent:0; line-height:24px;}
.bbsList td[data-table="number"] .notice2_bl{display:block;position:relative;width: 25px;height:25px;margin:0 auto;background:#365ec3;border-radius:50%;text-indent:100%;overflow:hidden;white-space:nowrap;}
.bbsList td[data-table="number"] .notice2_bl:before{content:'필'; display:block; color:#fff; text-indent:0; line-height:24px;}
/* //220324 */
.bbsList .none{text-align:center;}
.bbsList .reply{display:inline-block; position:relative; padding:0 7px; margin-right:5px; background:#fff; border-radius:3px; border:1px solid #365ec3; font-size:13px; color:#365ec3;}
.bbsList .reply:before,
.bbsList .reply:after{content:''; display:none; position:absolute; left:-10px; background:#41464e;}
.bbsList .reply:before{top:0px; width:1px; height:10px;}
.bbsList .reply:after{top:10px; width:10px; height:1px;}
.bbsList + .pagination{border-top-width:0px;}
.bbsList .none{text-align:center;}
.bbsList .reply{display:inline-block; position:relative; padding:0 7px; margin-right:5px; background:#fff; border-radius:3px; border:1px solid #365ec3; font-size:13px; color:#365ec3;}
.bbsList .reply:before,
.bbsList .reply:after{content:''; display:none; position:absolute; left:-10px; background:#41464e;}
.bbsList .reply:before{top:0px; width:1px; height:10px;}
.bbsList .reply:after{top:10px; width:10px; height:1px;}
.bbsList + .pagination{border-top-width:0px;}

/* 220324 */
/* 게시글 리스트 - 배경색상 */
.bbsList tr.noti_tit_h {background:#e0e9ff;}
.bbsList tr.noti_tit_h02 {background: #f9f9f9;}
.bbsList tr.noti_tit_a {background:#fff3f8;}
.bbsList tr.noti_tit_a02 {background:#ecfee3;}
.bbsList tr.noti_tit_a03 {background: #f9f9f9;}

/* 게시글 작성 - 태그 지정 - 공지 */
.noti_tag { color:#fff; width:30px; height:30px; display:inline-block; text-align:center; margin-right:10px; margin-left:5px; padding:4px; background:#e0e9ff;}
.noti_tag em {width:23px; height:23px; display:inline-block; border-radius:50%; background:#365ec3;display:inline-block; padding-top:4px;  box-sizing:border-box;}
.noti_tag02 { color:#fff; width:30px; height:30px; display:inline-block; text-align:center; margin-right:10px; margin-left:5px; padding:4px; background:#f9f9f9;}
.noti_tag02 em {width:23px; height:23px; display:inline-block; border-radius:50%; background:#000000;display:inline-block; padding-top:4px;  box-sizing:border-box;}
.noti_tag03 { color:#fff; width:30px; height:30px; display:inline-block; text-align:center; margin-right:10px; margin-left:5px; padding:4px; background:#fff3f8;}
.noti_tag03 em {width:23px; height:23px; display:inline-block; border-radius:50%; background:#D10000;display:inline-block; padding-top:4px;  box-sizing:border-box;}
.noti_tag04 { color:#fff; width:30px; height:30px; display:inline-block; text-align:center; margin-right:10px; margin-left:5px; padding:4px; background:#ecfee3;}
.noti_tag04 em {width:23px; height:23px; display:inline-block; border-radius:50%; background:#008A1D;display:inline-block; padding-top:4px;  box-sizing:border-box;}


/* 게시글 작성 - 태그 지정 - 필독 */
.noti2_tag { color:#fff; width:30px; height:30px; display:inline-block; text-align:center; margin-right:10px; margin-left:5px; padding:4px; background:#fff3f8;}
.noti2_tag em {width:23px; height:23px; display:inline-block; border-radius:50%; background:#D10000;display:inline-block; padding-top:4px;  box-sizing:border-box;}
.noti2_tag02 { color:#fff; width:30px; height:30px; display:inline-block; text-align:center; margin-right:10px; margin-left:5px; padding:4px; background:#f9f9f9;}
.noti2_tag02 em {width:23px; height:23px; display:inline-block; border-radius:50%; background:#000000;display:inline-block; padding-top:4px;  box-sizing:border-box;}
.noti2_tag03 { color:#fff; width:30px; height:30px; display:inline-block; text-align:center; margin-right:10px; margin-left:5px; padding:4px; background:#e0e9ff;}
.noti2_tag03 em {width:23px; height:23px; display:inline-block; border-radius:50%; background:#365ec3;display:inline-block; padding-top:4px;  box-sizing:border-box;}
.noti2_tag04 { color:#fff; width:30px; height:30px; display:inline-block; text-align:center; margin-right:10px; margin-left:5px; padding:4px; background:#ecfee3;}
.noti2_tag04 em {width:23px; height:23px; display:inline-block; border-radius:50%; background:#008A1D;display:inline-block; padding-top:4px;  box-sizing:border-box;}
/* //220324 */

ul.bbsList{border-top:2px solid #505c78;}
ul.bbsList li{position:relative; padding:35px 15px; border-bottom:1px solid #eaecf1;}
ul.bbsList li > *{display:block;}
ul.bbsList li .date{position:absolute; left:15px; top:50%; width:80px; height:52px; margin-top:-25px; font-size:18px; color:#999; text-align:center; font-weight:400;}
ul.bbsList li .date i{display:block; font-size:30px; color:#444; line-height:1em;}
ul.bbsList li .date:before{content:''; display:block; position:absolute; right:-15px; top:50%; width:1px; height:30px; margin-top:-15px; background:#e5e5e5;}
ul.bbsList li .subject{padding-left:125px; padding-right:100px; font-size:16px; letter-spacing:-1px; font-weight:300;}
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus{color:#f15b6d;}
ul.bbsList li .more{overflow:hidden; position:absolute; right:15px; top:50%; width:36px; height:36px; margin-top:-16px; background:#fff; border:1px solid #ddd; transition:all 0.3s ease 0s;}
ul.bbsList li .more em{display:none; padding-left:10px; color:#f15b6d; line-height:36px; font-size:13px;}
ul.bbsList li .more:before{content:''; display:block; position:absolute; left:50%; top:50%; width:14px; height:14px; margin:-7px 0 0 -7px; background:url(../images/board/icon_more.png) no-repeat 0 0;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{width:110px; border-color:#f15b6d;}
ul.bbsList li .more.active em,
ul.bbsList li .more:hover em,
ul.bbsList li .more:focus em{display:block;}
ul.bbsList li .more.active:before,
ul.bbsList li .more:hover:before,
ul.bbsList li .more:focus:before{background-position:0 -14px; right:10px; left:auto; margin-left:0px;}
ul.bbsList li .notice{display:inline-block; width:25px; height:25px; margin-right:10px; margin-top:-5px; background:#365ec3; border-radius:50%; text-align:center; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;}
ul.bbsList li .notice:before{content:'공'; display:block; color:#fff; text-indent:0; line-height:23px;}
ul.bbsList li .notice2{display:block; position:relative; width:25px; height:25px; margin:0 auto; background:#ff7300; border-radius:50%; text-indent:100%; overflow:hidden; white-space:nowrap;}
ul.bbsList li .notice2:before{content:'필'; display:block; color:#fff; text-indent:0; line-height:23px;}

/* 검색_버튼 */
.search_bbs{margin-top:20px;width: 100%;height: 60px;}
.search_bbs:after{content:'';display: block;}
.search_bbs .bbsCnt{float: left;margin-top: 10px;font-family: NotoR;display:inline-block;}
.search_bbs .bbsCnt span{font-family: NotoM; color:#073E8C;}
.search_bbs .search{ float: right; margin-bottom:20px;font-family: NotoR;}
.search_bbs .search input[type="text"]{width:200px;height:45px;}
.search_bbs .search select{height: 35px;min-width: 100px;width: 10%;} /* 230202 */
.search_bbs .search .button{min-width:auto;height: 33px;line-height: 30px;margin-left: -3px;}  /* 230202 */
.search_bbs .btn{float:right;}
.search_bbs .btn.reserve input[data-form-type="datepicker"]{width:125px; padding-right:25px; height:45px; line-height:43px;}
.search_bbs .btn.reserve input[data-form-type="datepicker"] + .ui-datepicker-trigger{margin-left:-25px;}
.search_bbs .btn.reserve span{margin-left:5px;}
.search_bbs .btn.reserve .ui-datepicker-trigger + .button{margin-left:5px;}
/* 기간 내 검색 */
.search_bbs .pagediv{position:relative;float: left;margin-top:2px;overflow:hidden;border:1px solid #fff;margin-right:10px;}
.search_bbs .search .date_box {position: relative;float:left;height: 34px;overflow: hidden;border: 1px solid #d7d7d7;box-sizing: border-box;padding: 4px 6px;}
.search_bbs .search .date_box input {width: 120px;height:24px;}
.search_bbs .search .date_box a {width:18px; height:21px; vertical-align:middle;}
.search_bbs .search .dateYear{margin:0px 0px;margin-right:5px;float: left;width: 100px;padding:0 8px;height:34px;}
/* //220126 */


/* button */
.btn_area{padding:30px 0;text-align:center;}
.btn_area.right{text-align:right;}
.btn_area.left{text-align:left;}
.button{display:inline-block;overflow:hidden;position:relative; border-radius: 2px; min-width: 80px;height: 40px;line-height: 39px;box-sizing:border-box;padding:0 15px;margin:2px 0px;background:#41464e;border:1px solid #25282d;color:#fff !important;text-align:center;vertical-align:top;transition:all 0.4s ease-out 0.1s;  font-family: NotoR;}
.button:nth-child(n+2){margin-left:5px;}
.button span{position:relative; z-index:2;}
.button.red{background:#e10015; border:1px solid #c40251;}
.button.blue{background:#085ea9; border:1px solid #085ea9;}
.button.black{background:#2d2b2b; border:1px solid #1f1f1f;}
.button.gray{background: #666;border: 1px solid #666;} /* 230217 */
.button.white{background:#fff; border:1px solid #cdcdcd; color:#444 !important;}
.button.green{background:#02a288; border:1px solid #02a288;}/*20240529*/
.button.lg{min-width:150px; height:50px; line-height:48px; font-size:16px; letter-spacing:-1px;}
.button.sm{min-width:60px; height:23px; line-height:21px; padding:0 10px; font-size:12px;}
.btn_area .button{height:40px; line-height:39x;}
.btn_area .button.sm{height:23px; line-height:21px;}
.btn_area .button.lg{height:50px; line-height:48px;}
table .button{height:33px; line-height:31px;}
.file-btn{background: #41464e; border: #41464e; padding: 7px 7px; color: #fff; font-size: 12px; font-family: NotoR;}

/* button hover 200427
.button:before{content:''; display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; width:120%; height:110%; background:#fff; transform:translateX(-120%) skew(-15deg); transition:transform 0.7s cubic-bezier(0, 0, 0.21, 0.87) 0s;} */
.button:hover:before,
/*.button:focus:before{background:#fff; transform:translateX(-10%) skew(-15deg) perspective(500px);}*/
.button:hover,
.button:focus{/* color:#fff !important; *//* box-shadow:0px 10px 15px rgba(0,0,0,0.15); */}
input.button:hover,
input.button:focus{opacity:0.8; color:#fff !important;}
label.button.white:hover,
label.button.white:focus{color:#fff !important;}
label.button.white:before{display:none;}
.send > a:nth-child(4) { background-color: #646B86 !important; }
.sel_width {width: 50px;}

/* 페이징 */
.pagination{margin-top:30px;padding-top: 20px;border-top:1px dashed #dadada;text-align:center;}
.pagination > *{display:inline-block; min-width:38px; height:38px; box-sizing:border-box; margin:2px 3px; border:1px solid #ddd; background:#fff; color:#777; text-align:center; vertical-align:top; line-height:36px; transition:border-color 0.3s ease 0s; font-family: NotoR}
.pagination a[class^="btn_"]{width:38px; background-image:url(/images/comm/board/icon/btn_pagination.png); background-repeat:no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
.pagination a[class^="btn_"]:hover,
.pagination a[class^="btn_"]:focus{background-position-y:-38px;}
.pagination a.btn_prev{background-position-x:-38px;}
.pagination a.btn_next{background-position-x:-76px;}
.pagination a.btn_last{background-position-x:-114px;}
.pagination span{border-color:#365ec3; color:#365ec3;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{border-color:#bdc7e0; background:#f3f6fd;}

/* 하단 버튼 */
.listBtn.btn{margin-top: 25px;float: right;width: 100%;}
.listBtn.btn .btnArea{float: right; margin-bottom: 20px;}
.listBtn.btn #moveArea{display: none;clear: both; padding: 15px 10px; margin:30px 0; border-top: 1px dashed #e1e1e1;}
.listBtn.btn #moveArea select{background-color: #fff;margin-right: 10px;font-family: NotoR;}
.listBtn.btn #moveArea .button{vertical-align: middle;}

/* 일반게시판_뷰페이지 */
.bbsTitle{padding:15px !important; margin:0px !important; border-top:2px solid #505c78; border-bottom:1px dotted #8c92a3; font-size:18px !important; font-weight:300 !important; color:#222 !important; font-family:"NotoR"; text-align: left;}
.bbsTitle:before{display:none !important;}
.bbsTitle em{display:inline-block; margin-right:5px; color:#148f77;}
.bbsTitle .reply{display:inline-block; position:relative; padding:2px 7px; margin-right:5px; margin-bottom:3px; background:#41464e; border-radius:3px; font-size:13px; color:#fff; vertical-align:middle;}
.bbsView{border-top:1px solid #505c78; border-collapse:inherit; table-layout:fixed;  font-family:"NotoR"}
.bbsTitle ~ .bbsView{border-top-width:0px;}
.bbsView th,
.bbsView td{padding:15px 10px; border-bottom:1px solid #eaecf1;}
.bbsView th{background:#f9fafb;text-align:center;font-weight:500;letter-spacing:-1px; vertical-align:middle; /*display: flex;*/}
.bbsView td{color:#666; word-break:break-all;}
.bbsView th[data-view="file"]{border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"] + td{padding-left:25px; border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"],
.bbsView th[data-view="date"],
.bbsView th[data-view="count"]{padding-left:25px;}
.bbsView td.conts{padding:30px 20px; border:0px; border-bottom: 1px solid #eaecf1; white-space: initial;}
/*.bbsView div.conts{min-height:350px;}*/
.bbsView .conts .img{padding-bottom:30px; text-align:center;}
.bbsView .conts .img img,
.bbsView .conts img{max-width:100%; height:auto !important;}
.bbsView .conts p {min-height: 1em; line-height: normal;}
.bbsView .conts em {font-style: italic !important;}
.bbsView textarea{resize:none; height:150px; width: 100%;}
.bbsView td.date > span{margin-right:10px;}
.bbsView td.category div{margin-top:3px;}
.bbsView td.file > span{display:block; margin:2px 0;}
.bbsView td.days input{width:110px; background:#e0e9f7; border-color:#9fb3d4;}
.bbsView td.days span{display:inline-block; margin-right:5px;}
.bbsView td.days span:after{content:','; display:inline-block;}
.bbsView td.days span:last-child:after{display:none;}
.bbsView.page{margin-top:20px;}
.bbsView.page th,
.bbsView.page td{/*padding:15px 15px 15px 25px;*/}
.bbsView.page tr:first-child th,
.bbsView.page tr:first-child td{border-top:1px solid #eaecf1; border-bottom:1px dotted #eaecf1;}
.bbsView div.conts table{margin-left:auto !important; margin-right:auto !important;}
.bbsView .movNoti{font-size: 13px; color: #000000; margin-top: 10px;}
.bbsView #thumbnailEx {background: #155EB6;color: white;padding: 2px 7px;border: none;}
.bbsView td p a{ display:inline-block; padding:0 25px 0 0; color:#666;  background:url('/images/template/common/con_com/icoFile.png') right center no-repeat; }


/*개인정보수집 동의 여부 */
.bbsView .priYNtd{color:#0018EA; background-color:#e5e6e8;}
/*줄글 간격*/
.bbsView p {line-height:160%;}

/* 갤러리 게시판 뷰 */
.bbsView.galView td.conts .galImage {float: left; width: 30%;}
.bbsView.galView td.conts div.conts {float:right; width: 65%; font-size: 16px;}

*[class^="bbs"] ~ .btn_area{padding-top:50px;}

.bbsView.dl{border-top:1px solid #505c78;}
.bbsTitle ~ .bbsView.dl{border-top-width:0px;}
.bbsView dl dt,
.bbsView dl dd{box-sizing:border-box; padding:15px 15px; border-bottom:1px solid #eaecf1; word-break:keep-all;}
.bbsView dl dt{width:20%; background:#f9fafb; text-align:left; font-weight:500; letter-spacing:-1px; vertical-align:middle;}
.bbsView dl dt span{display:inline-block; vertical-align:middle;}
.bbsView dl dd{width:80%;}
.bbsView dl dd input[type="text"],
.bbsView dl dd input[type="password"],
.bbsView dl dd input[type="file"],
.bbsView dl dd textarea,
.bbsView dl dd select{width:100%;}
.bbsView dl dd input[type="file"]{font-size:14px;}
.bbsView dl dd .designFile input[type="text"]{padding-right:110px;}
.bbsView dl dd .designFile .button{position:absolute; top:0px; right:0px;}
.bbsView dl dd .designFile.mob input[type="text"]{padding-right:0px;}
.bbsView dl dd .designFile.mob input[type="file"]{width:100%;}
.bbsView dl:last-child dt,
.bbsView dl:last-child dd{border-bottom:1px solid #dcdee2;}
.bbsView dl.col02 dt{width:20%;}
.bbsView dl.col02 dd{width:30%; vertical-align:middle;}
.bbsView dl.col02 dt:nth-of-type(2){border-left-width:0px;}
.bbsView dl.colspan{position:relative;}
.bbsView dl.colspan dt{height:54px; vertical-align:top;}
.bbsView dl.colspan dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.bbsView dl.colspan dd{position:absolute;/*  width:960px; */}
.bbsinfo th, .bbsinfo td{ text-align: center !important;}
/* th,td tr에 여러개 들어갈 경우 */
.bbsView.col tr td:not(:last-child){border-right-width:0px !important;}

/* 사진 게시판 */
.photoList{padding-bottom:15px;font-family:"NotoR";}
.photoList:after{content:''; display:block; clear:both;}
.photoList > li{float:left;width: 23%;margin-top:20px;}
.photoList > li.hot > a{background:#eff8ff !important;}
.photoList > li:nth-child(2n+2){margin:20px 2% 0;}
.photoList > li a{display:block; background:#fff; border:1px solid #eaecf1; transition:all 0.3s ease 0s;}
.photoList > li a > *{display:block;}
.photoList > li a > *:not(.img){padding-left:15px; padding-right:15px;}
.photoList > li .img{overflow:hidden; width:100%; height:160px; background:#fff; text-align:center; transition:opacity 0.5s ease-out 0s;}
.photoList > li .img img{height:100%; margin-left:-100%; margin-right:-100%; transform:scale(1,1); transition:all 0.5s ease-out 0s;}
.photoList > li .img i{display:block; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1,1); transition:all 0.5s ease-out 0s;}
.photoList > li a > em{opacity:1; min-height:27px; line-height:27px; margin-top:15px; padding-bottom:10px; font-size:15px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photoList > li a:hover,
.photoList > li a:focus{background:#f0f6f8;}
.photoList > li a:hover img,
.photoList > li a:focus img{opacity:0.7; transform:scale(1.1,1.1);}
.photoList > li a:hover .img i,
.photoList > li a:focus .img i{transform:scale(1.1,1.1);}
.photoList > li a:hover .img,
.photoList > li a:focus .img{opacity:0.7;}
.photoList > li .write{position:relative; min-height:25px; padding-top:7px; padding-bottom:7px; border-top:1px dashed #d8d8d8; color:#777;} /*220103 명도대비수정*/
.photoList > li .write em{position:absolute; left:15px; top:50%; margin-top:-7px; line-height:1em;}
.photoList > li .write i{display:block; line-height:25px; padding-left:85px; text-align:right; display: none;}

#picViewImg_div > ul > li.thumbImg > a > img { max-width: 91%;}

/* file */
.list_file li{margin-top:4px;}
.list_file li:first-child{margin-top:0px;}
.list_file li > a{/*display:block;*/ position:relative; padding-left:25px; vertical-align:middle; font-size:13px; margin-right: 10px;}
.list_file li > a:before{content:''; display:block; position:absolute; left:0px; top:1px; width:16px; height:16px; background:url(/images/comm/board/icon/icon_file.png) no-repeat 0 0;}
.list_file li > a:hover,
.list_file li > a:focus{color:#2783c7;}

/* design file */
.designFile{position:relative;}
.designFile input[type="file"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
.designFile label.button{cursor:pointer;}
.designFile.mob input[type="text"]{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0);}
.designFile.mob label{display:none;}
.designFile.mob input[type="file"]{position:static; width:auto; height:auto; padding:inherit; margin:0px; border:inherit; clip:inherit;}

/* 블라인드 */
.bld { background-color: #ddd;}
.bld_btn{ float: right;}

/* 댓글 */
.comment_area{padding:30px 0 50px; font-size:13px; font-family:"NotoDL" !important;}
.comment_area h4{margin-bottom:15px; font-size:16px !important; color:#333; font-weight:400;text-align: left;font-family: "NotoM";padding-left: 15px;}
.comment_area h4 > span{margin-left:5px;}
.comment_area .cmtItem{display: flex; justify-content: space-between; border-top: 1px solid #e1e1e1;}
.comment_area .write{border:1px solid #dedede;}
.comment_area .write .input{padding:7px 20px; border-bottom:1px solid #e1e1e1;}
.comment_area .write .secretCommnet{/* position:relative; *//* border-top:1px solid #e1e1e1; *//* float: left; *//* width: 15%; */margin: 15px;}
.comment_area .write .send{/* position:relative; */border-top:1px solid #e1e1e1;/* text-align:right; */}
.comment_area .write textarea{width:100%; height:130px; border:0px; padding:20px;}
.comment_area .write label{margin-right:10px; letter-spacing:-1px; font-size:13px;}
.comment_area .write input[type="text"]{width:180px;}
.comment_area .write input[type="password"]{width:220px;}
.comment_area .write .input:after{content:''; display:block; clear:both;}
.comment_area .write .input > span{float:right;}
.comment_area .write .input > span:first-child{float:left;}
.comment_area .write .btn_submit,
.comment_area .write .btn_submitF,
.comment_area .write input[type="submit"]{display:inline-block; width:75px; height:50px; line-height:47px; margin:0 -1px -1px 0; box-sizing:border-box; background:#274b9f; border:0px; color:#fff; text-align:center;}
.comment_area .write .btn_submitF{background:#41464e !important;}
.comment_area .write2{width: 97%;border-top: 1px dashed #dedede;/* margin-top: 20px; */padding-top: 15px;margin-left: 35px;}
.comment_area .write2 textArea{width: 85%;height: 65px;border: 1px solid #dedede;}
.comment_area .write2 .btn_submit{display:inline-block;width: 45px;height: 40px;line-height: 40px;margin: 0 -1px -1px 10px;box-sizing:border-box;background:#274b9f;border:0px;color:#fff;text-align:center;}
.comment_area .list{padding-top:30px;}
.comment_area .list ul > li{position:relative;min-height: 65px;padding: 10px 0px;border-top:1px solid #e1e1e1;letter-spacing:-0.5px;text-align: left;padding-left: 15px;}
.comment_area .list ul > li .recommentli li{margin-left: 35px;border-top: 1px dashed #e1e1e1;/* background-color: #fafcff; */padding-left: 15px;}
.comment_area .list ul > li .recommentli li:first-child{margin-top: 25px;}
.comment_area .list ul > li .recommentli li:last-child{margin-bottom: -10px;}
.comment_area .list > ul > li:last-child{border-bottom:1px solid #e1e1e1;}
.comment_area .list ul > li > p{margin: 15px 0;line-height:1.4em;word-break:keep-all;font-family: "NotoR";color: #404040;}
.comment_area .list .name{font-weight:600;font-family: "NotoR" !important;color: #274775;}
.comment_area .list .recommentli .name{background: url(/images/comm/board/icon/btn_comment.png) no-repeat 50% 50%;background-position: left;padding-left: 20px;/* background-size: 10px; */}
.comment_area .list .date{font-size:13px; margin-left: 5px}
.comment_area .list .btn{position:absolute; right:0px; top:10px; margin-top: 0px !important}
.comment_area .list .btn > *{vertical-align:middle;}
.comment_area .list .btn a[class^="btn_"]{display:inline-block; width:24px; height:24px; margin-left:5px; border:1px solid #c3c3c3; text-indent:100%; overflow:hidden; white-space:nowrap;}
.comment_area .list .btn_reply{background:url(/images/comm/board/icon/btn_comment.png) no-repeat 50% 50%;}
.comment_area .list .btn_del{background:url(/images/comm/board/icon/btn_comment_del.png) no-repeat 50% 50%;}
.comment_area .list .reply_area{margin-top:20px; background:#f7f7f7;}
.comment_area .list .reply_area.write .btn_submit,
.comment_area .list .reply_area.write input[type="submit"]{background:#41464e;}
.comment_area .list .reply_area.write textarea{height:80px;}
.comment_area p.reply_file span { margin-right: 5px; font-weight: bold;}
.comment_area .comment_password{position:absolute; top:0px; left:0px; z-index:5; width:100%; height:100%; background:rgba(255,255,255,0.9); text-align:center;}
.comment_area .comment_password p{padding:20px 0 10px; font-weight:400;}
.comment_area .comment_password .button{height:33px; line-height:31px;}

/* 게시물 이동 */
select[name="moveBoardID"] { width: 75%;}

/*달력형 임시 20200108*/
/* 테이블 : 테이블 기본 타입 */
/*.calbbs {position:relative; width:100%; background:#fff; -webkit-overflow-scrolling:touch; word-break:keep-all;}*/
.calbbs {position:relative;width:100%;margin:5px 0 0 -1px;border-top:2px solid #4f689e;-webkit-overflow-scrolling:touch;word-break:keep-all;/* table-layout: fixed; */}
.calbbs th {padding:5px 5px;color:#222;font-family:"NotoM";font-weight:normal;font-size:14px;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background:#eaecf1;}
.calbbs td {padding:5px 5px;color:#222;font-family:"NotoM";font-weight:normal;height:90px;font-size:14px;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background:#fff;text-align:left;vertical-align:top;word-break: break-all;}
.calbbs th:last-child, .calbbs td:last-child{border-right:1px solid #d2d2d2; }
.calbbs td:first-child{background:#ffe9e9; }
.calbbs td.day_sun{color: #fa3738;background: #ffe9e9;}
.calbbs td.day_sat{color:#164edd; background:#eaf0fe;}
.calbbs th.day_sun{color: #fa3738;}
.calbbs th.day_sat{color: #164edd;}
.calbbs td ul{text-align:left; width:100%; font-family:"NotoR"; font-size:13px;}
.calbbs td ul li {padding-left:8px; margin:5px 0; background:url(/images/comm/board/icon/bu_dot_w.png) no-repeat 2px 10px;}
.calbbs td ul .hDayon a{color:#ff0000;}

/* 접수 로그 */
p.logTit{font-weight: bold; font-family: 'NotoR'; font-size: 14px; margin-bottom: 10px;}
table.logTbl{border: 1px solid #e6e6e6;text-align: center;font-size: 12px;font-family: 'NotoR';/* color: #000; */}
table.logTbl th, table.logTbl td {border: 1px solid #e6e6e6; line-height: 23px;}
table.logTbl thead,table.logTbl tfoot{/* background-color: #f3f3f3 */}

.tm_box{display:none;}

#swf01 {width:70%; height:420px;} 

.loader { position: absolute; left: 52%; top:39%; z-index: 1; width: 60px; height: 60px; margin: -55px 0 0 -55px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
	@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
	@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
	
/*20210120 에디터 css 수정*/
/* .cheditor-tab-code-off { display:none;}*/
.cheditor-tb-bg-single { display:none;}
/*.hyperlinkon-first { display:none;}
.hyperlinkoff-last { display:none;}*/

/*2021 게시판권한 확인*/
.bdauth{width:100%;padding: 10px 0 10px 0;font-family:"NotoR";text-align:center;background-color: #f4f8ff;}
.bdauth span { font-weight: bold; }
.bdauth span.auth { color: #00539f; }

/*20240748 앨범게시판 댓글 수 추가 시 깨짐 문제*/
.photoList > li a > em > span{ font-size:15px;}

@media all and (max-width:900px){
	.search_bbs{height: auto; display: table-row;}
}

@media all and (max-width:800px){
	.listBtn.btn #moveArea select {max-width: 75%;}
}



/* 230202 */
@media all and (max-width:800px){
	.search_bbs{margin-top:20px;width: 100%;height: auto;}
	.search_bbs .search .date_box input {width: 45%!important;font-size: 0.8rem;padding: 3px 0 0 0px;}
	.search_bbs .bbsCnt {float:none;}
}






@media all and (max-width:768px){
	
	.bbsList col[data-table="number"]{width:70px !important;}
	.bbsList col[data-table="write"]{width:90px !important;}
	.bbsList col[data-table="date"]{width:100px !important;}
	.bbsList col[data-table="category"]{width:110px !important;}
	
	.search_bbs .btn.reserve{float:none; clear:left;}
	
	.bbsView *[data-member-form="email"] > select{width:100% !important;}
	.bbsView th[data-view="file"],
	.bbsView th[data-view="date"],
	.bbsView th[data-view="count"]{padding-left:10px;}	
	.bbsView.page th,
	.bbsView.page td{padding:15px 10px;}
	
	/* 200121추가 */
	/* 학교행사일정(월별) */
	.pc_box{display:none;}
	.tm_box{display:block;}
	.calbbs th {height:20px;padding:8px; border-left:1px solid #c8d1db;border-bottom:1px solid #c8d1db;}
	.calbbs td {height:20px;padding:8px;font-weight:bold;border-left:1px solid #b2c2e3;border-bottom:1px solid #b2c2e3;color:#333;text-align:right;vertical-align:top;}
	.calbbs td ul {width:100%; text-align:left; font-weight:normal;}
	.calbbs td ul li {width:100%; float:left; padding-left:8px; margin:5px 0; font-size:13px; font-family:"Nanum"; background:url(/addon/foodList/images/bu_dot.png) no-repeat 0 10px; background-size:2px 2px;}
	/* //200121추가 */
	.calbbs th.day_sun{background: #ffe9e9;}
	.calbbs th.day_sat{background:#eaf0fe;}
	
}
/*20200901 모바일 에디터 사용
@media all and (max-width:749px){
	.cheditor-tb-wrapper { display: none; }
}*/

@media all and (max-width:640px){
	
	.bbsList thead{display:none;}
	.bbsList tr{display:block; position:relative; margin-top:10px; border-radius:3px; border:1px solid #eaecf1;}
	.bbsList tr:first-child{margin-top:0px;}
	.bbsList tr:nth-child(2n){background:#f9fafb;}
	.bbsList tbody td{display:block; border-bottom:0px;}
	.bbsList td[data-table="number"], .bbsList td[data-table="cnt"], .bbsList td[data-table="etc"], .ctext{display:none !important;}
	.bbsList td[data-table="subject"]{padding:0px; border-bottom:1px dashed #e4e4e4; display:block; padding:10px;}
	.bbsList td[data-table="date"]{position:absolute; right:0px; bottom:0px; width:80px; letter-spacing:-1px;}
	.bbsList td[data-table="write"]{padding-right:110px; text-align:left;}
	.bbsList td[data-table="category"]{border-bottom:1px dashed #e4e4e4; text-align:left; color:#148f77;}
	.bbsList .reply + a{padding-top:5px !important;}
	em > #chkSel, .listBtn.btn .btnArea a:nth-child(n+2), .listBtn.btn #moveArea{display: none !important;}
	/*.brdBtn:first-child:nth-last-child(4) ~ .brdBtn {display: none;}*/
	
	ul.bbsList li{padding:30px 15px;}
	ul.bbsList li .date{height:54px; margin-top:-26px; font-size:16px;}
	ul.bbsList li .subject{padding-left:115px; padding-right:55px; font-size:16px;}
	
	.search_bbs{margin-top:20px;width: 100%;height: auto;}
	.search_bbs .search,
	.search_bbs .btn{float:none;text-align:center;}
	.search_bbs .btn{margin-top:10px;}
	
	.bbsView col[data-view="th"]{width:80px !important;}
	.bbsView col[data-view="td"]{width:auto !important;}
	.bbsView th[data-view="count"] + td{width:70px !important;}
	.bbsView col[data-write="th"]{width:120px !important;}
	.bbsView col[data-write="td"]{width:auto !important;}
	.bbsView input[type="text"],
	.bbsView input[type="file"],
	.bbsView input[type="password"]{width:100% !important;}
	.bbsView td.tel > input[type="text"],
	.bbsView td.tel > select,
	.bbsView *[data-member-form="phone"] > input[type="text"],
	.bbsView *[data-member-form="phone"] > select{display:inline-block; width:30% !important;}
	.bbsView td.tel > span{display:inline-block;}
	.bbsView td.mail > input[type="text"]{margin:2px 0px;}
	.bbsView td.mail > select{width:100%;}
	.bbsView .designFile input[type="file"]{padding-right:110px;}
	.bbsView .designFile .button{position:absolute; top:0px; right:0px;}
	.designFile.mob input[type="file"]{padding-right:0px;}
	
	.photoList > li{width: 48%;}
	.photoList > li:nth-child(2n){float:right;}
	.photoList > li:nth-child(2n+2){margin-left:0px; margin-right:0px;}
	.photoList > li .img{height:165px;line-height: 17;}	

	/* 댓글 */
	.comment_area .write textarea{padding:10px 15px;}
	.comment_area .write .input{padding:7px 15px;}
	.comment_area .write .input >  span{float:none !important; display:block; margin:2px 0px;}
	.comment_area .write label{min-width:80px; margin-right:0px;}
	.comment_area .write input[type="text"],
	.comment_area .write input[type="password"]{width:calc(100% - 90px);}
	.comment_area .list .btn{/* position:static; */margin-top:10px;}	


	/* 230202 */
	.search_bbs {margin-bottom:1rem;}
	.search_bbs .pagediv {margin-right:0;float: none;}
	.search_bbs .search .dateYear {min-width: 65px;width: 20%;}
	.search_bbs .search .date_box {width: 70%;}
	.search_bbs .search select  {min-width: 65px;width: 20%;float: left;margin-right: 5px;}
	.search_bbs .search input[type="text"] {width: 60%;}
	.search_bbs .search .button {float:left;}
	.search_bbs > .search > #searchTxt {float:left;width: 59%;}

	
}

@media all and (max-width:540px){
	/* 갤러리 게시판 뷰 */
	.bbsView.galView td.conts .galImage {width: 100%; text-align: center; margin-bottom: 20px;}
	.bbsView.galView td.conts .galImage img{width: 95%;}
	.bbsView.galView td.conts div.conts {width: 100%;}
}

@media all and (max-width:480px){
	.bbsView video { width: 100% !important;}
}

@media all and (max-width:480px){
	/*게시판 검색 모바일 수정 201112*/
	.search_bbs .search{/*position:relative;/* top:30px; */} /* 230202 */
	.search_bbs .bbsCnt{float: none;/* position:absolute; */ left:0px;top:0px;/* width:75px; */padding-right:10px;box-sizing:border-box} /* 230202 */
	.search_bbs .search .button{} 230202 */
	.search_bbs .search input[type="text"]{width:60%; padding-left:80px; padding-right:70px;}

	.bbsView.dl{display:table; table-layout:fixed; width:100%;}
	.bbsView dl{display:table-row;}
	.bbsView dl dt,
	.bbsView dl dd{display:table-cell;}
	
	/* 댓글 */
	.comment_area .comment_password input[type="password"]{display:block; width:200px; margin:0 auto 5px;}
	.comment_area .write2 textArea{width: 75%;}
}

@media all and (max-width:380px){
	
	.search_bbs .search{position:relative;} 
	.search_bbs .search select{/*position:absolute;*/ left:0px; top:0px; width:20%; padding-right:10px; box-sizing:border-box} /* 230202 */
	.search_bbs .search .button{right:0px;top:0px;} /* 230202 */
	.search_bbs .search input[type="text"]{/* width:100%;/* padding-left:80px;padding-right:70px; */}  /* 230202 */
	
	.bbsView *[data-member-form="phone"] > select{display:block; width:100% !important;}	
	.bbsView *[data-member-form="phone"] > input[type="text"]{width:44% !important; margin-top:3px;}
	.bbsView th[data-view="date"] + td,
	.bbsView th[data-view="count"] + td{font-size:14px;}
		
	.photoList > li{float:none !important; width:100%;}
}

@media all and (max-width:340px){
	
	ul.bbsList li .date{left:0px;}
	ul.bbsList li .subject{padding-left:100px; padding-right:0px;}
	ul.bbsList li .more{display:none;}
	
	.bbsView th[data-view="count"] + td{width:40px !important;}
	.bbsView col[data-write="th"]{width:100px !important;}

}

@media all and (max-width:505px){
    .listBtn.btn .btnArea{top: -3px;position: absolute;}
	.listBtn.btn .btnArea a:nth-child(n+2){display: block !important;float: left;}
}

@media all and (max-width:504px){
    .listBtn.btn .btnArea{float: right; margin-bottom: 20px; position:unset;}
	.listBtn.btn .btnArea a:nth-child(n+2){display: none !important;}
}