@charset "utf-8";

.board_body{overflow: hidden;}
.board_body_pc.board_body{overflow: auto;}
.adm_body.board_body{overflow: auto;}
/** Paging **/
.boardPagination{padding:15px 0; text-align:center;}
.boardPagination a,
.boardPagination strong{display:inline-block; width:27px; height:26px; margin:0 0 0 -1px; border:1px solid #dfdfdf; font-size:11px;color:#555; line-height:26px; text-decoration:none; vertical-align:middle;}
.boardPagination strong{border-color:#0072b4; background:#0e8ed8; color:#fff;}
.boardPagination .page_prev,
.boardPagination .page_prevend,
.boardPagination .page_next,
.boardPagination .page_nextend{width:auto; padding:0 8px;}
.boardPagination .page_prev span{display:block; }
.boardPagination .page_prevend span{display:block;}

/** 검색 **/
.boardSrch{overflow:hidden; margin:0 0 15px 0;}
.boardSrch select{float:left; height:28px; margin:0 7px 0 0; padding:5px;}
.boardSrch .inp_area{float:left; position:relative; width:150px; height:28px; margin-right:5px; padding-left:5px; border:1px solid #c7c7c7;}
.boardSrch input[type~='button']{padding:0 10px; height: 28px;}

/** 첨부파일 **/
.boardFile{table-layout:fixed; border-collapse:collapse; border:0; width:100%;}
.boardFile th{font-size:15px; }
.boardFile_title{display: grid; grid-template-columns: 3fr 1fr 1fr; grid-column-gap: 5px; margin-right: 15px;}
.boardFile_title > button{margin-bottom: 10px;}
/* .boardFile th span{display:inline-block; padding:0 0 0 15px; background:url(../../images/newLogin/common/bu_file.gif) no-repeat left center;} */
.boardFile input[type~='button']{background: none;}
.boardFile .file_all_down{padding:5px 10px; border:1px solid #8e9090; background:#fff; width: 120px;}
.boardFile .file_all_down .file_all_down_edit{display: flex; justify-content: space-between; align-items: center;}

.bbs_top{display: none;justify-content: space-between; align-items: center;position: relative;background: #fff; margin-bottom: 5px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);}
.bbs_top .M_list_back{width: auto; height: 40px; padding: 10px 15px; display: flex; justify-content: center; align-items: center;}
.bbs_top .M_list_back .angle-left {height: 100%;}
.bbs_top .M_list_back .angle-left .cls-1{fill:#0d3f7a;}

.bbs_top .Mbtns_open{width: 40px; height: 40px; padding: 10px 15px;}
.bbs_top .Mbtns_open #btn_save{font-size: 15px; background: #3B479D; padding: 5px 8px; border-radius: 5px; color: #fff;}
.bbs_top .Mbtns_open li{height: calc(100% / 3); line-height: 1; display: flex; justify-content: center; align-items: center;}
.bbs_top .Mbtns_open li span{display: block; line-height: 1; width: 4px; height: 4px; background: #000; border-radius: 100%;}
.bbs_top .btns_boxs{display: none; opacity: 0; transition: opacity 1s; position: absolute; top: calc(100% - 5px); right: 10px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);}
.bbs_top.open_edit .btns_boxs{display: block;opacity: 1; z-index:999;}

/* 첨부파일 - 이미지슬라이드 */
.boardView .bbs_single_box .has_text{max-height: 600px;}
.boardView .bbs_single_box .bbs_img_file_in_cntn,
.boardView .bbs_single_box .bbs_img_file_in_cntn .bbs_img_origin{height: 100%;}
.boardView .bbs_single_box .bbs_img_file_in_cntn .bbs_img_origin img{width: 100%; height: 100%; object-fit: contain;}

/*링크*/
.bbs_link{margin: 10px 0; background: #fff; padding: 20px; text-align: left;}
.bbs_link a{font-size:15px;}
.bbs_link a span{word-wrap: break-word;}

.bbsSlideImgView_layer_div   {position: fixed;top: 0;left: 0;background-color: #F5F5F5;height: 100%;width: 100%;z-index: 999999;margin-left: auto; margin-right: auto;}
/* .embla-carousel_bbsSlideImgView {position: fixed;top: 0;left: 0;background-color: #F5F5F5;height: 100%;width: 100%;z-index: 999999;margin-left: auto; margin-right: auto;} */

.embla-carousel_bbsSlideImgThumb .embla__container {margin-left: -75px;}
.embla-carousel_bbsSlideImgThumb .embla-carousel_bbsSlideImgView { width: 20vw;min-width: 150px; background: #000;}

.embla-carousel_bbsSlideImgView .bbs_top{display: flex; margin-bottom: 0; z-index: 100;}
.embla-carousel_bbsSlideImgView .bbs_down_btn {padding: 10px 15px; display: flex; justify-content: center; align-items: center;}

#embla-carousel_bbsSlideImgView{height: calc(100% - 150px);}
.embla-carousel_bbsSlideImgView .embla__viewport_bbsSlideImgView {overflow: hidden; width: 100%; height: calc(100% - 40px); opacity: 1; }

.embla-carousel_bbsSlideImgThumb{height: 150px;}
.embla-carousel_bbsSlideImgThumb .embla__viewport_bbsSlideImgView {overflow: hidden; width: 100%;  opacity: 1;}

.embla__viewport_bbsSlideImgView > .embla__container{width: 100%; height: 100%;}
.embla__slide_bbsSlideImgView{ position: relative; min-width: 100%; padding: 0; height: 100%; width: 100%;}
.embla__slide_bbsSlideImgView img{width: 100%; height: 100%; object-fit: contain;}
.embla__slide_bbsSlideImgView .bbs_down_txt_wrap {
	background: rgb(255 255 255 / 90%);position: absolute;width: auto;right: 1vw;bottom: 1vw;box-shadow: 0px 2px 3px rgb(0 0 0 / 8%);border-radius: 5px;border: 1px solid #ececec;
}
.embla__slide_bbsSlideImgView .bbs_down_btn svg path {fill: #000;}
/*썸네일 슬라이드*/


.embla-carousel_bbsSlideImgThumb .embla-carousel_bbsSlideImgView img{
  opacity: 0.4; width: 100%; height: 100%; object-fit: cover;
}

.embla-carousel_bbsSlideImgThumb .embla-carousel_bbsSlideImgView.is-selected img{
  opacity: 1;
  border: 3px solid #fff;
}

#container.board_container > .sub_container{height: 100%;}
#container.board_container .sub_container_box{height: 100%;}

.bbs_btm{background-color: #fff; padding: 15px 0 60px;}
.file_th_area {display: flex; justify-content: space-between; align-items: center; margin: 0 15px; padding: 10px;}
.file_th_area .file_th{font-size: 16px; line-height: 1; font-weight: 600;}
 
.bbs_single_box{display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; padding: 15px 0 0 15px;}
.bbs_single_box > li{ margin-bottom: 15px; margin-right: 15px; flex-grow: 1;  box-shadow: 0px 2px 3px rgb(0 0 0 / 8%); border-radius: 5px; /* border: 1px solid #ececec; */ }
.bbs_single_box > li.w100_li{width: 100%; }
.bbs_single_box .bbs_single_file{display: flex;justify-content: flex-start;align-items: stretch;flex-wrap: wrap; height: 100%;}
.bbs_single_box .bbs_single_file .bbs_img_origin{width: 100%;height: 200px;border-radius: 5px;overflow: hidden;position: relative;}
.bbs_single_box .bbs_single_file .bbs_img_origin > img{width: 100%; height: 100%; object-fit: contain;}
.bbs_single_box .bbs_single_file .bbs_img_origin > .origin_btn{background-color: rgb(0 0 0 / 60%);position: absolute;top: 1vw;right: 1vw;padding: 10px;border-radius: 100%;}
.bbs_single_box .bbs_single_file .bbs_img_origin > .origin_btn svg path{fill: #fff;}
.bbs_single_box .bbs_single_file .bbs_down_txt_wrap{ background: #fff; display: flex;  justify-content: space-between; align-items: stretch; margin: 0; width: 100%; border: 1px solid #ececec;}
.bbs_single_box .bbs_single_file .bbs_down_txt{padding: 10px; display: flex; justify-content: flex-start; align-items: center;}
.bbs_single_box .bbs_single_file .bbs_down_txt span{font-size: 15px; color: #000;}
.bbs_single_box .bbs_single_file .bbs_down_txt input{font-size: 0; height: 0;}

.bbs_single_box .bbs_single_file .bbs_down_btn{ padding: 10px; border-left: 1px solid #dfdfdf; display: flex; justify-content: center; align-items: center;}
.bbs_single_box .bbs_single_file .bbs_down_btn svg path{fill: #000;}

/* 이미지 있는 첨부파일 별도 스타일*/
.bbs_single_box > li.has_img{max-width: calc(100% / 3 - 15px);border-radius: 5px;flex-grow: 1;border: 2px solid #000; width: auto;min-width: 150px;}
.bbs_single_box .has_img .bbs_single_file{position: relative;background: #000; height:auto; }
.bbs_single_box .has_img .bbs_single_file .bbs_down_txt_wrap{
	background: rgb(255 255 255 / 90%); position: absolute; width: auto; right: 1vw; bottom: 1vw;
 	box-shadow: 0px 2px 3px rgb(0 0 0 / 8%); border-radius: 5px; border: 1px solid #ececec;
}
.bbs_single_box .has_img .bbs_single_file .bbs_down_txt span { white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden;}
/* .bbs_single_box .has_img .bbs_single_file .bbs_down_txt{max-width: calc(100% - 25px);overflow: hidden; text-overflow: ellipsis;} */
.bbs_single_box .has_img .bbs_single_file .bbs_down_txt{display: none;}

/* * 하단 버튼 * */
.boardBtn{margin:16px 0 18px 0;}

/** 버튼 **/
.btns_boxs {display: flex; justify-content: flex-end; align-items: center; font-size: 0;}
.btns_boxs.mt14 {padding: 14px 16px; background: #FFF;}
.btns_boxs a,
.ecm_pc .btns_boxs.write_btn_box  .btn_write{
	display: inline-block; padding: 5px 15px; margin-left: 5px; font-size: 16px; border-radius: 5px; font-weight:500; cursor: pointer; width: auto; border: 2px solid transparent;
    height: auto; margin-right: 0;line-height: 1;color: #fff;
}
.btns_boxs a:first-child {margin-left: 0;}
.btn-blue {background:#ECF5FF; color:#0D3F7A;}
.btn-red {background:#FFECEC; color:#972727;}
.btn-black {background:#EFF0F0; color:#2E2A25;}
.btn-navy {background:#0D3F7A; color:#fff;}
 
.btn_input{clear: both; padding-bottom:7px; border-bottom:1px dotted #aaa;}
.btn_input input[type~='button']{padding:6px 15px 6px 15px; color:#555; border:1px solid #ccc; background: #fff;}
.btn_input .btn_down{padding:6px 35px 6px 15px; background: #fff url("../../images/sub/file_down_off.png") right 10px center no-repeat;}
.btn_input .btn_down:hover{color:#fff; border:1px solid #0072b4; background: #0e8ed8 url("../../images/sub/file_down_on.png") right 10px center no-repeat;}

.btn_input .btn_link{padding:6px 35px 6px 15px; background: #fff url("../../images/sub/file_link_off.png") right 10px center no-repeat;}
.btn_input .btn_link:hover{color:#fff; border:1px solid #0072b4; background: #0e8ed8 url("../../images/sub/file_link_on.png") right 10px center no-repeat;}

/* 게시판 버튼 표준화 */
.btns_boxs .btn_write{background: #0D3F7A;}
.btns_boxs .btn_cancel{background: #707070;}
.btns_boxs .btn_re{background: #707070;}
.btns_boxs .btn_ok{background: #707070;}
.btns_boxs .btn_delete{background: #E81313;}
.btns_boxs .btn_save{background: #E81313;}
.btns_boxs .btn_open{background: #6B4893;}


.btn_small_red, .btn_big_red,
input[type~='button'].btn_small_red, 
input[type~='button'].btn_big_red {color:#fff; border:solid 1px #be141a; background:#dc2329;}
.btn_small_blue, .btn_big_blue,
input[type~='button'].btn_small_blue, 
input[type~='button'].btn_big_blue {color:#fff; border:solid 1px #0072b4; background:#0e8ed8;}
.btn_small_gray, .btn_big_gray,
input[type~='button'].btn_small_gray, 
input[type~='button'].btn_big_gray {color:#fff; border:solid 1px #707070; background:#707070;}
.btn_small_black, .btn_big_black,
input[type~='button'].btn_small_black, 
input[type~='button'].btn_big_black {color:#fff; border:solid 1px #707070; background:#707070;}


/** 이전/다음글 **/
.boardNav{table-layout:fixed; border-collapse:collapse; border:0; width:100%; margin:30px 0 0; border-top:1px solid #959595; border-bottom:1px solid #959595;}
.boardNav tr{border-bottom:1px solid #e5e6e6;}
.boardNav th{padding:8px 20px; font-size:13px; color:#333; text-align:left; background: #e7eef8;}
.boardNav td{padding:8px 10px; font-size:13px;}
.boardNav td a{color:#555; font-size:13px; display: block;}
.boardNav td a:hover{text-decoration: underline;}

/** 댓글 **/

.cmt_area .cmt_num{position:absolute; top:-34px; left:5px; display:inline-block; height:24px; background:url(../images/newLogin/common/bg_cmt_num.gif) no-repeat 0 0;}
.cmt_area .cmt_num span{display:block; height:24px; padding:0 10px; line-height:24px; background:url(../images/newLogin/common/bg_cmt_num2.gif) no-repeat 100% 0; font-weight: 700; color:#0f5db0;}

.cmt_area .lst_cmt > li .like_area .like{color:#d50000;}
.cmt_area .lst_cmt > li .cmt_cont{clear:both; text-align: left;}
.like_area img{width:45px; height: 28px;}

.cmt_area{position:relative; padding: 5px 0 20px; margin: 12px 0 0; background: #FFF;}
.cmt_area .lst_cmt > li{padding: 14px 0; border-top: 1px solid #bebebe;}
.cmt_area .lst_cmt > li:first-child {border-color: #8E9090;}
.cmt_area .lst_cmt > li:last-child {border-bottom: 1px solid #8E9090;}
.cmt_area .lst_cmt {overflow: revert;}
.cmt_area .lst_cmt > li.btns_boxs {display:block; margin-top:0; overflow: revert;}
.cmt_area .lst_cmt > li textarea{width:100%;  padding:10px;border: 1px solid #8E9090; box-sizing: border-box; background: #f5f5f5; resize: none; border-radius:5px; font-size:14px;}
.cmt_area .lst_cmt > li .d_l_area {display:flex; flex-flow: row wrap; align-items:center; justify-content:space-between; padding-left:35px;}
.cmt_area .lst_cmt > li .date_area {display:block; float: left; font-size:14px; color:#707070; margin: 5px 0; padding-top: 2px;}
.cmt_area .lst_cmt > li .nick_area{display:flex; align-items: center; float: left;}
.cmt_area .lst_cmt > li .nick_area > span {margin-right:10px; width: 30px; height: 30px; display: block; border-radius: 100%; box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);}
.cmt_area .lst_cmt > li .nick_area > span > img {width:100%; height:100%; object-fit: cover; border-radius: 50%;}
.cmt_area .lst_cmt > li .nick_area .nick{color: #2E2A25; font-weight: 600;font-size:16px; margin-right: 6px;}
.cmt_area .lst_cmt > li .nick_area .date{font-size:12px; color: #707070;}
.cmt_area .cmt_cont {padding: 5px 0 14px 42px; }
.cmt_area .cmt_cont span.cmt_cont_span {font-size:15px; color:#2E2A25;}
.cmt_num_area span{display:block; padding-top:10px; margin-top:5px; color:#2E2A25; font-weight: 600; font-size: 16px;}
 
.cmt_area .lst_cmt li .like_area{width: 100%; text-align: right;}
 
 
.re-wrap {margin:18px 0 25px 0; padding:10px; background:#F5F5F5; border:1px solid #8E9090; box-sizing:border-box; border-radius:5px;}
.re-wrap > div {display:flex; justify-content:space-between; align-items:center;}
.re-wrap textarea {outline:none; border:none; background: transparent; padding:0; width:100%; resize: none; font-size: 15px;}
.re-wrap textarea::placeholder {color:#BEBEBE; font-size: 15px;}
.re-wrap .re-left {display:flex; align-items:flex-end;}
.re-wrap .re-left .my-img {margin-right:8px; width:30px; height:30px;}
.re-wrap .re-left .my-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.re-wrap .re-left #textarea_cnt p {color:#707070; font-size: 14px;}
 
#comment_modify_btn {float:right;}
#commentModifyForm { padding-left:35px;}
 
/* .cmt_write img{width:90px; height:53px;} */
.re_btn{padding:8px 15px 6px 15px; border:1px solid #ccc; background: #fff;}

/*게시판*/
.unified_search .unified_notice{padding-top:30px; border-top:2px solid #0e8ed8;}
.unified_search .unified_notice a span{display: block; overflow: hidden;}

.unified_search .unified_notice a span.txt_title{padding-left: 10px; margin-bottom:20px; font-size:15px; color:#0e8ed8; background: url("../../images/sub/stl_bg.gif") left no-repeat;}
.unified_search .unified_notice a span.txt_notice{padding:20px; margin-bottom:10px; font-size:13px; border:1px solid #ccc;}
.unified_search .unified_notice a span.txt_notice strong{float:none; display: block; padding-bottom:10px; margin-bottom:15px; font-size:15px; color:#333; border-bottom:1px dotted #aaa;}

.unified_search .unified_notice .tag_tab{margin-bottom:30px; font-size:13px; overflow: hidden;}
.unified_search .unified_notice .tag_tab strong{float:left; margin:4px 10px 0 0;}
.unified_search .unified_notice .tag_tab ul {float:left;}
.unified_search .unified_notice .tag_tab ul li:FIRST-CHILD{margin-left:0;}
.unified_search .unified_notice .tag_tab ul li{float:left; padding:5px 10px; margin-left:5px; border:1px solid #ccc;}

.unified_search .unified_notice a .file_tab{clear:both; font-size:13px;}
.unified_search .unified_notice a .file_tab strong{margin-right:10px;}

.unified_search p.cont_nodata{padding:0 0 30px 0; color:#555; text-align: center; border-bottom:1px solid #aaa;}




/** 일반게시판 **/

/* List */
.boardList{table-layout:fixed; border-collapse:collapse; border:0; width:100%; border-top:2px solid #444; border-bottom:1px solid #959595; text-align:center;}
.boardList th{padding:13px 0; font-size:15px; border-bottom:1px solid #848484; color:#333; text-align:center; background: #fafafa;}
.boardList td{padding:10px; color:#555; font-size:13px; border-top:1px solid #d6d6d6;}
.boardList td.title{overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.boardList td.title p.iocn_lock{float:left; margin-right:8px;}
.boardList td a{color:#555;}
.boardList td a:hover{text-decoration: underline;}
.boardList tbody tr:first-child td{border-top:0;}



/* LIST_M */
.board_list_m{width:100%;}
.board_list_m ul {margin:0; border-top:2px solid #444; border-bottom:2px solid #444;}
.board_list_m ul li:FIRST-CHILD{border-top:0;}
.board_list_m ul li{border-top:1px solid #ccc;}
.board_list_m ul li dl{margin:10px 0;}
.board_list_m ul li dl dt{margin-bottom:10px; width:100%; padding:0; font-size:1.25em; font-weight: 700; background: none; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list_m ul li dl dt a{color:#333;}
.board_list_m ul li dl dd{color:#777;}

/*FAQ*/
.boardList_faq{table-layout:fixed; border-collapse:collapse; border:0; width:100%; border-top:2px solid #0e8ed8; border-bottom:1px solid #959595; text-align:center;}
.boardList_faq tr{cursor: pointer;}
.boardList_faq tr:HOVER{background: #f9f9f9;}
.boardList_faq tr:HOVER td.title{font-weight: 700; text-decoration: underline;}


.boardList_faq td.title{padding-left:35px; text-align: left; background: url("../../images/sub/faq_q.png") 10px 11px no-repeat;}
.boardList_faq td{padding:5px 10px; color:#555; font-size:15px; border-top:1px solid #d6d6d6;}
.boardList_faq td a{color:#555;}
.boardList_faq td a:hover{text-decoration: underline;}
.boardList_faq tbody tr:first-child td{border-top:0;}
.boardList_faq td.date{color:#909090;}
.boardList_faq td.hit{color:#909090;}

.boardList_faq tr.choice_tr{cursor: auto;}
.boardList_faq tr.choice_tr td{padding:10px 0 10px 10px; text-align:left; background: #f9f9f9; vertical-align: top;}
.boardList_faq tr.choice_tr td .choice_list{min-height:70px; line-height:150%; padding:0 25px; font-size:15px; background: url("../../images/sub/faq_a.png") left 5px no-repeat;}


/* View */
.boardView{table-layout:fixed; border-collapse:collapse; border:0; width:100%; background: #FFF; margin-bottom: 10px;}
.boardView th{text-align:left; font-size:16px; padding-top:20px; padding-bottom:5px; font-weight: 500;}
.boardView th strong {font-weight: 600; color: #414141;}
.boardView tr {display: block;}
.boardView td{display: block; padding-bottom: 15px;}
.boardView td div span{border-right:1px solid #BEBEBE; color:#707070; padding:0 5px; font-size:14px; }
.boardView td div span strong{font-weight: 500; color: #707070;}
.boardView td div span:first-child{padding:0 5px 0 0;}
.boardView td div span:last-child{border-right:0;}

.boardView .tit{padding-left:20px; text-align:left;}
.boardView .boardViewBody{/*min-height:200px; padding:20px 0;*/padding:10px 0; line-height:150%; overflow: auto;  border-top: 1px dotted #8E9090;}
.boardView .boardViewBody p {font-size:15px; color: #414141;}
.boardView .attfile{white-space:nowrap;}

.boardView .summary{padding:0px;}
.boardView .summary p.summary_title{padding:8px 15px; font-weight: 600; font-size:15px; color:#333; border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; background: #f9f9f9;}
.boardView .summary .summary_txt{line-height:150%; padding:8px 15px;}

.boardView tr td.language_box{padding:10px 0 0 0;}
.boardView tr td.language_box div{float:left; padding:8px 20px; margin-right:3px; font-size:13px; color:#fff;  background: #999; border-radius:8px 8px 0 0; cursor: pointer;}
.boardView tr td.language_box div.input_language_on{color:#fff; font-weight: 700; background:#0278b8;}
 
.tag_array_list{margin:20px 0 0 20px;}
.tag_array_list strong{float:left; margin:3px 10px 0 0;}
.tag_array_list ul{float:left;}
.tag_array_list ul li:FIRST-CHILD{margin-left: 0;}
.tag_array_list ul li{float:left; padding:5px 10px; margin-left:5px; border:1px solid #ccc; }


/* Write */
.boardWrite{table-layout:fixed; border-collapse:collapse; border:0; width:100%; border-top:2px solid #0278b8;} 
.boardWrite tr{border-bottom:1px solid #d6d6d6;}
.boardWrite th{padding:8px 0; background:#f5f5f5; color:#666; font-size:15px; text-align:center;}
.boardWrite .last th,
.boardWrite .last td{border-bottom:1px solid #959595;}
.boardWrite td{padding:10px 10px;}
.boardWrite td input[type~='text']{padding:5px 0 5px 3px;}
.boardWrite td input[type~='file']{padding:5px 0 5px 3px;}
.boardWrite .bx_file{margin:0 0 5px; padding:10px 10px 0; border:1px solid #d9d9d9;}
.boardWrite .bx_file .file{margin:0 0 10px;}
.boardWrite .bx_file .file a{display:inline-block; vertical-align:top;}
.boardWrite .bx_file .file .size{display:inline-block; vertical-align:top; margin:0 5px 0 20px;}
.boardWrite .bx_file .file .del{display:inline-block; vertical-align:top; margin:3px 0 0;}

.boardWrite tr td.language_box{padding:10px 0 0 0;}
.boardWrite tr td.language_box div{float:left; padding:8px 20px; margin-right:3px; font-size:13px; color:#fff; background: #999; border-radius:8px 8px 0 0; cursor: pointer;}
.boardWrite tr td.language_box div.input_language_on{color:#fff; font-weight: 700; background:#0278b8;}

.boardWrite tr#cntn_kor_view td{padding:0;}
.boardWrite tr#cntn_eng_view td{padding:0;}


/* 레이어 팝업 */
.layerPopupDiv {position: fixed;top: 0;left: 0;background: #f5f5f5;width: 100%;height: 100%; z-index: 9999;}
.layerPopupDiv .layerPopupDivWrap {background: #FFF; display: flex; align-items:center; justify-content:space-between; width:100%; padding: 18px 16px 14px 16px; position: fixed;
	box-shadow: 0px 5px 6px rgb(0 0 0 / 8%); top: 0; left: 0; z-index: 1;}
.layerPopupDiv .layerPopupDivWrap .sub_popup_title {font-size:20px;  text-align:center;  width:100%; padding-left: 23px;}
.layerPopupDiv .layerPopupDivWrap button {outline:none; border:none; background:transparent; cursor: pointer;}
.layerPopupDiv .layerPopupViewPage{overflow-y: auto;text-align: center;max-height: calc(100% - 61px); width: 100%;}
.layerPopupDiv .layerPopupViewPage > img{width: 100%; height: 100%;object-fit: contain;}
.user_modal .layerPopupViewPage > img{height: auto;}


.user_modal{position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.75); width: 100%; height: 100%; z-index: 9999;display: flex; justify-content: center; align-items: center;}
.user_modal_wrap{background: #fff;padding: 10px; border-radius: 5px; max-width: 90%;}
.user_modal_wrap .layerPopupViewPage{margin-bottom: 10px; margin-top: 0 !important;}
.user_modal_wrap button{margin: 0; padding: 10px 0 2px; border: 0; border-top: 1px solid #ccc; background: none; display: block; text-align: center; width: 100%; height: auto; line-height: 1;
	font-size: 15px;}
.blocker{z-index: 9999;}


.main_body_pc .layerPopupDiv .layerPopupViewPage,
.board_body_pc .layerPopupDiv .layerPopupViewPage{max-width: 1280px; margin: 0 auto;}

/* Loading 효과 */
.loadingDiv {
	text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pop_header{padding:10px 0; font-size:24px; text-align: center; font-weight: 700;}
.pop_contants{padding:15px;}
.pop_contants_title{padding:25px 15px; border:1px solid #ccc; background: #f3f3f3;}
.pop_contants_title p{margin-bottom:10px;}
.pop_contants_title ul{margin-left:15px;}
.pop_contants_title ul li{line-height: 180%;}

/* 커뮤니티-공지사항 */
.community-result-wrap .community-result-contents {margin-top: 12px;overflow-y: auto; margin-top: 0;}
/* .community-result-wrap .community-result-contents:first-child {margin-top: 0;} */
.community-result-wrap .community-result-contents .img_link {margin-bottom: 10px;padding: 15px;}
.community-result-wrap .community-result-contents .img_link:last-child {margin-bottom: 0;}
.community-result-wrap .community-result-contents .notice-article-wrap {display: block; box-sizing: border-box; padding: 10px 15px; background: #fff;/* border-top: 1px solid #ccc; */}
/* .community-result-wrap .community-result-contents .notice-article-wrap:first-child {padding-top: 20px;border-top: 0;}
.community-result-wrap .community-result-contents .notice-article-wrap:last-child {padding-bottom: 20px;} */
.community-result-wrap .community-result-contents .notice-article-wrap:active {background: #f5f5f5;}
/* .community-result-wrap .community-result-contents .notice-article-wrap:last-child {margin-bottom: 0;} */
.community-result-wrap .community-result-contents .notice-article-wrap .notice-title p {font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-title > p {padding-bottom :4px;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-title p span {color: #0D3F7A; font-weight: 700;padding-right: 5px;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-title p .notice-title-head {color: #0D3F7A; padding-right: 4px;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-sub-wrap {font-size: 0; padding-top: 1px;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-sub-wrap p {display: inline-block; font-size: 14px; color: #707070; padding-right: 5px; padding: 0 5px;position: relative; overflow: inherit;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-sub-wrap p:after {content: ''; display: inline-block; width: 2px; height: 10px; background: #cfcfcf; position: absolute; right: -1px; top: 50%; transform: translateY(-50%);}

.community-result-wrap .community-result-contents .notice-article-wrap .notice-sub-wrap p:first-child{padding-left: 0;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-sub-wrap p:last-child{padding-right: 0;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-sub-wrap p:last-child:after{display: none;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-sub-wrap p:last-child span{padding-left: 5px;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-sub-wrap p.notice-view img{vertical-align: baseline;}
.community-result-wrap .community-result-contents .notice-article-wrap .notice-sub-wrap p.notice-view span {color: #707070; padding-right: 5px; font-weight: 600;}

.community-result-wrap .community-result-contents .notice-article-wrap .notice-sub-wrap .v-line {display: inline-block; width: 1px; height: 8px; background-color: #BEBEBE; margin-right: 4px;}

/* 공지사항 투표기능 */
.board_w_area .vote_d{display: none;}
.bbs_image_box .vote_d{display: none;}


.common-input-wrap .vote_d {display: none;}

.board_w_area .choose_class{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}

.vote_class {display: grid !important; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 10px;}
.vote_class form button{display: block; padding:10px; width: 100%; text-align:center; background: #f6f6f6; border-radius: 5px; border: 1px solid #BEBEBE; font-size: 14px;}
.vote_class a{display: block; padding:10px; text-align:center; background: #f6f6f6; border-radius: 5px; border: 1px solid #BEBEBE; font-size: 14px;}
.vote_class_ck{display: flex !important; flex-direction: column;}
.vote_class_ck span {margin-bottom: 10px;}

.boardVote .bbs_vote_box{display:block; padding-bottom: 3px;}
.bbs_sub_vote_y_container .bbs_sub_title{padding-top: 5px; padding-bottom: 5px; text-align:center;}
.bbs_sub_vote_n_container .bbs_sub_title{padding-top: 5px; padding-bottom: 5px; text-align:center;}

#choose_class_input{grid-template-columns: 1fr 1fr; display: grid;}
#choose_class_title{display: grid; grid-template-columns: 1fr 3fr 2fr 2fr; grid-gap: 5px; margin-bottom: 10px;}
#choose_class_sub_title > #choose_class_input > input{width: 345px; padding: 5px; margin-bottom: 5px;}
#choose_class_input > span {text-align: center; padding: 7px; font-size: 15px;}
#choose_class_input_title{margin-bottom: 7px;}
#choose_class_input_title > #choose_span {font-size: 13px;}

/* 공지사항 투표View */
.boardVote{table-layout:fixed; border-collapse:collapse; border:0; width:100%; background: #FFF; margin-bottom: 10px;}
.boardVote th{text-align:left; font-size:16px; padding-top:20px; padding-bottom:5px; font-weight: 500;}
.boardVote th strong {font-weight: 600; color: #414141;}
.boardVote tr {display: block;}
.boardVote td{display: block; padding-bottom: 15px;}
.boardVote td div span{border-right:1px solid #BEBEBE; color:#707070; padding:0 5px; font-size:14px; }
.boardVote td div span strong{font-weight: 500; color: #707070;}
.boardVote td div span:first-child{padding:0 5px 0 0;}
.boardVote td div span:last-child{border-right:0;}

.boardVote .tit{padding-left:20px; text-align:left;}
.boardVote .boardViewBody{min-height:200px; padding:20px 0; line-height:150%; overflow: auto;  border-top: 1px dotted #8E9090;}
.boardVote .boardViewBody p {font-size:15px; color: #414141;}
.boardVote .attfile{white-space:nowrap;}

.boardVote .summary{padding:0px;}
.boardVote .summary p.summary_title{padding:8px 15px; font-weight: 600; font-size:15px; color:#333; border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; background: #f9f9f9;}
.boardVote .summary .summary_txt{line-height:150%; padding:8px 15px;}

.boardVote tr td.language_box{padding:10px 0 0 0;}
.boardVote tr td.language_box div{float:left; padding:8px 20px; margin-right:3px; font-size:13px; color:#fff;  background: #999; border-radius:8px 8px 0 0; cursor: pointer;}
.boardVote tr td.language_box div.input_language_on{color:#fff; font-weight: 700; background:#0278b8;}

.boardVote tr {padding: 0 15px;}

/* 갤러리형 */
.board_img_area{margin-top: 10px; height: 280px;}

/* 갤러리형 1, 2개 */
.minImg{overflow: hidden;display: flex; justify-content: flex-start; align-items: flex-start;}
.minImg .cntn_image{height: 100%; max-width: 100%; overflow: hidden;}
.minImg .cntn_image:nth-child(2){max-width: 50%; min-width: 50%;border-left: 1px solid #eff0f0;}
.minImg .cntn_image img{height: 100%; width: 100%; object-fit: contain; object-position: left;}

/* 갤러리형 3개이상 */
.maxImg{display: flex; justify-content: flex-start; align-items: center; width: 100%; overflow: hidden;}
.maxImg .midImg {display: flex; justify-content: flex-start; align-items: center;}
.maxImg .cntn_image{border-right: 1px solid #eff0f0;}
.maxImg .midImg .cntn_image:last-child{border-right: 0;}
.maxImg > .cntn_image{width: calc(100% / 3); background: #000}
.maxImg > .midImg{width: auto; flex-grow: 1; height: 100%;}
.maxImg_more > .cntn_image{width: 25%; background: #000;}
.maxImg_more > .midImg{width: 75%; height: 100%;}
.maxImg .midImg .cntn_image {position: relative; width: 50%; min-width: calc(100% / 3);height: 100%;background: #000;}
.maxImg > .cntn_image img,
.maxImg .midImg > .cntn_image img{height: 100%; width: 100%;  object-fit: contain;}
.maxImg .midImg > .cntn_image4 img{opacity: .5;}
.community-result-wrap .community-result-contents .notice-article-wrap .maxImg .midImg > .cntn_image4 > p.img_length{
	display: block; color: #fff;position: absolute; top: 50%; transform: translateY(-50%); font-weight: 600; font-size: 30px; width: 100%; text-align: center; padding: 0;
}

/* 회원검색-index 화면 */
.userIndexDiv {display: none;}
.userIndexDivWrap {height: 100%; padding: 15px 10px 75px; overflow: auto;}
.userIndexDivWrap > div{display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; padding: 0 3vw 3vw;}
.userIndexDiv .user_search_top{display: flex; text-align:center; width: calc(100% / 3); justify-content: center; align-items: center;}
.userIndexDiv .user_search_top p{
	border-radius: 10vw; color: #fff; font-size: 3.5vw; text-align: center; height: 25vw; width: 25vw; display: flex; justify-content: center; align-items: center; position: relative; 
	background: #444a4a; z-index: 1; word-break: keep-all; font-weight: bold;
}
.userIndexDiv ul{padding-left: 3vw; width: 100%;}
.userIndexDiv ul li{
	text-align: center; background: #9ba8ad; color: #fff; font-size: 4.5vw; border-radius: 6.5vw; float: left;  width: calc(100% / 5 - 3vw); height: 15.5vw; 
	display: flex; justify-content: center; align-items: center; margin-right: 3vw; margin-bottom: 2vw; position: relative; z-index: 1; line-height: 1;font-weight: 600;
}
.userIndexDiv .user_search_top p:after{
	background: url("/images/emblem.png") no-repeat; content: ''; width: 100% ; height: 100%; border-radius: 100%;
	position: absolute; left: 0; top: 0; z-index: -1; background-position: center; background-size: 80%; opacity: 0.2; transition: 0.2s;
}
.userIndexDiv ul li:after{
	background: url("/images/emblem.png") no-repeat; content: ''; width: 100% ; height: 100%; border-radius: 100%; position: absolute;
	left: 0; top: 0; z-index: -1; background-position: center; background-size: 80%; opacity: 0.2; transition: 0.2s;
}
.userIndexDiv .user_search_top:active p:after,
.userIndexDiv .user_search_top:focus p:after,
.userIndexDiv .user_search_top:target p:after,
.userIndexDiv ul li:active:after,
.userIndexDiv ul li:focus:after,
.userIndexDiv ul li:target:after{opacity: 0.9;}
				
/* 회원검색-리스트뷰 */
.result-list-wrap { overflow-y: auto; background-color: #F5F5F5; height: auto;}
.result-list-wrap .result-list {width: 100%; height: auto; box-sizing: border-box; padding: 10px; border-radius: 10px; margin-bottom: 14px; overflow: hidden; background: #FFF; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);}
.result-list-wrap .result-list:last-child {margin-bottom: 0;}
.result-list-wrap .result-list .result-list-top {display: flex;justify-content: center; align-items: stretch;}
.result-list-wrap .result-list .result-list-top .result-img-wrap {width: 100px; height: 140px; margin-right: 10px; border-radius: 5px; overflow: hidden;}
.result-list-wrap .result-list .result-list-top .result-img-wrap img {display: block; width: 100%; height: 100%; object-fit: cover; background: #f9f9f9;}
.result-list-wrap .result-list .result-list-top .result-article-wrap {width: calc(100% - 110px); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-top {width: 100%;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap {padding-bottom: 5px;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap > p {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap > p > span:nth-child(2) {margin-right: 4px;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap h5 > span{font-size: 18px; font-weight: 600; color: #0D3F7A; word-break:keep-all;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span {font-size: 20px; font-weight: 600;position: relative;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span.result-search-CLSEQ_DCD_NM:before{
	content: ''; display: inline-block; width: 3px; height: 3px; background: #1f1f1f; border-radius: 100%; margin-right: 4px; margin: 0 5px 0 6px;
}
.result-list-wrap .result-list .result-list-top .result-article-wrap .h-line {display: block; width: 100%; height: 1px; background: #BEBEBE;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap {padding-top: 5px;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap p {font-size: 15px; font-weight: 500;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap .result-position {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; font-size: 15px;
    font-weight: 500; flex-wrap: wrap;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap .mem_info_right {font-size: 15px; font-weight: 500;display: flex; justify-content: flex-start; align-items: flex-start;width: 100%;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap .mem_slash {width: 10px; display: block; height: auto; text-align: center;}
/* .result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-con-wrap .result-search-WKSITE_WKPO_NM{max-width: calc(100% - 10px);} */
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-more-btn-wrap {display: flex; justify-content: flex-end; align-items: center; width: 100%; height: auto;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-more-btn-wrap .result-article-more-btn {width: 18px; height: 18px; background: url(/images/icon/result-list-plus.svg) no-repeat center center; background-size: 100% 100%; cursor: pointer;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-more-btn-wrap .result-article-more-btn.on {background: url(/images/icon/result-list-minus.svg) no-repeat center center; background-size: 100% 100%;}
.result-list-wrap .result-list .result-list-bottom {display: none; width: 100%; height: auto; margin-top: 10px; box-sizing: border-box; padding: 10px; border-radius: 5px; background: #ECF5FF;}
.result-list-wrap .result-list .result-list-bottom.on {display: block;}
.result-list-wrap .result-list .result-article-bottom{display: block; background: none !important;padding: 0; margin-top: 3px;}

.result-list-wrap .result-list .result-list-bottom p {font-size: 15px; font-weight: 500;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-location p span:last-of-type{position: relative;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-location p span:last-of-type:after{content: '\f3c5';display: inline-block; display: none; font-family: "Font Awesome 6 Free";font-weight: 900;padding-left: 5px;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-title {padding-right: 10px;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-title i{
	width: 25px; height: 25px; text-align: center; color: #0D3F7A; display: flex; justify-content: center; align-items: center; 
	border-radius: 100%; background: #fff;
}
.result-list-wrap .result-list .result-list-bottom .result-bottom-title i:after{}
.result-list-wrap .result-list .result-list-bottom .v-line {width: 1px; height: 12px; background: #BEBEBE; margin-right: 10px;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-call {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-bottom: 5px;}
.result-list-wrap .result-list .result-article-bottom .result-bottom-call {padding-bottom: 0;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-call:last-child {padding-bottom: 0;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-call .call-num-rock {position: relative; /* padding-left: 16px; */ color: #707070;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-call .call-num-rock::after {content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 100%; /* background: url(/images/icon/call-num-rock.svg) no-repeat center 40%; */}
.result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-article {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-btn-wrap {display: flex; flex-direction: row; justify-content: flex-end; align-items: baseline;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-btn-wrap a {width: 20px; height: 20px; padding: 0; margin: 0; border: 0; outline: none; background: transparent;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-btn-wrap a:last-child {margin-left: 8px;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-btn-wrap a > svg > g > path {fill: #261C62;}
/* .result-list-wrap .result-list .result-list-bottom .result-bottom-call .result-bottom-btn-wrap a img {display: block; width: 100%; height: 100%; object-fit: contain;} */
.result-list-wrap .result-list .result-list-bottom .result-bottom-contents {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; padding-bottom: 5px;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-contents:last-child {padding-bottom: 0;}
.result-list-wrap .result-list .result-list-bottom .result-bottom-contents img {display: block; width: 100%; height: auto; object-fit: cover;}

.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span.user_gener{
	margin-right: 4px; font-size: 12px; font-weight: 600; background: #3B479D; color: #fff; height: 21px;
    display: flex; justify-content: center; align-items: center; border-radius: 6px; padding: 0 4px 0 2px; margin-left: 4px;flex-shrink: 0;
    }
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span.user_gener1{
	margin-right: 4px; font-size: 12px; font-weight: 600; background: #3B479D; color: #fff; height: 21px;
    display: flex; justify-content: center; align-items: center; border-radius: 6px; padding: 0 4px 0 2px; margin-left: 4px;flex-shrink: 0;
}
.result-article-name-wrap .user_position_wrap{font-size: 15px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.result-article-name-wrap .user_position{margin-right: 2px; font-size: 12px; background: #8c90c1; color: #fff; padding: 0 3px; border-radius: 5px;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap h5 p{display:flex; align-items:center;}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span.result-search-CLSEQ_DCD_NM{
	font-size: 15px; margin-right: 4px;display: flex; justify-content: center; align-items: center;
}
.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span:last-child{
	margin-right: 0;
}



/* 게시판 등록/수정 */
.ecm_pc .board_w_area{padding: 0 0 30px;}
.board_w_area{text-align: left; padding: 0;}
.board_w_area input[type~="text"],
.board_w_area textarea{background: #f6f6f6; color: #000000;}
.board_w_area .board_class{width: auto; font-size: 16px;  display: block; line-height: 1; min-width: 45px;}

.board_w_area > div{background: #fff; padding: 15px 0; margin-bottom: 5px;}
.board_w_area > div > span.board_class { padding-top: 0; padding-bottom: 10px;}
.board_w_area .board_w_top{ padding: 5px 0 15px;}
.board_w_area .board_w_top_tit{display: flex; justify-content: flex-start; align-items: center; padding-top: 10px;}
.board_w_area .board_w_mid{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.board_w_area .board_w_mid > input {width: 16px; height: 16px; border: 1px solid #13B1E8; border-radius: 4px; margin-right: 6px; cursor: pointer;}
.board_w_area .board_w_mid > label {font-size: 14px; width: calc(100% - 22px);}
.board_w_area .board_w_btm{padding: 15px 0;}
.board_w_area .board_w_btm div > span.board_class{padding-left: 0; padding-bottom: 10px;}
.bbs_btm .btns_boxs,
.ecm_pc .bbs_top .btns_boxs,
.board_w_area .btns_boxs{padding: 0 15px;}
.board_w_area .board_w_top_cate{display: flex; justify-content: flex-start; align-items: center;}
.board_w_area .board_w_top_cate .cate_tit{font-size: 16px; display: block; line-height: 1; padding-right: 10px; min-width: 60px;}
/* .board_w_area .board_w_top_cate select{border: 1px solid #ccc; padding: 2px; font-size: 15px; min-width: 120px; max-width: calc(100% - 55px);} */
.board_w_area .board_w_top_cate .nice-select{max-width: calc(100% - 55px); border: 1px solid #ccc;  background: #fff;}

.board_w_area .board_w_top_tit input{width: 100%;padding: 5px; line-height: 1;}
.board_w_area > .board_w_mid textarea{width: 100%; min-height: 200px;}
.board_w_btm .ctl_input_file,
.board_w_btm .ctl_input_link {width: 100%; margin: 0 auto 15px; display: block; flex-grow: 1;}

.file_edit_box{padding-left: 15px;display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.file_edit{ display: flex; justify-content: flex-start; align-items: center;margin: 0 15px 15px 0;min-width: calc(50% - 15px); flex-grow: 1;}
.file_edit .edit_area{border: 1px solid #ececec;box-shadow: 0px 2px 3px rgb(0 0 0 / 8%);background: #fff; display: flex; justify-content: flex-start; align-items: stretch; margin: 0;flex-grow: 1;}
.file_edit .edit_area .bbs_file_name{padding: 10px; padding-left: 0; flex-grow: 1;display: flex; justify-content: space-between; align-items: center;}
.file_edit .edit_area .bbs_down_btn{padding: 10px; border-right: 1px solid #dfdfdf; display: flex; justify-content: center; align-items: center;}
.file_edit .edit_area .bbs_file_name > span{ padding-left: 15px; padding-right: 10px; word-break: break-all;}
.file_edit .edit_area .bbs_file_name > img{padding-left:5px; cursor:pointer;}

.file_all_new_area{display: flex; justify-content: space-between; align-items: center; padding: 10px; background: #e7eef8; margin: 0 15px 15px;}
.file_all_new_area .file_all_down_edit{padding: 5px 10px; border: 1px solid #8e9090; background: #fff; display: flex; width: 120px; justify-content: space-between; align-items: center;}
.file_all_new_area .file_all_down_edit input[type~='button']{display: none;}
.file_all_new_area > input.ctl_input_file{width: calc(100% - 130px); padding: 5px; margin: 0 auto;background: #fff; border: 0;}
#comFileSearch {padding: 2.5px 5px;}

.file_edit.has_img_edit{flex-wrap: wrap;}
.file_edit.has_img_edit .bbs_img_origin{width: 100%; text-align: center; background: #000;position: relative;}
.file_edit.has_img_edit .origin_btn{background-color: rgb(0 0 0 / 60%); position: absolute; top: 1vw; right: 1vw; padding: 10px; border-radius: 100%;}
.file_edit.has_img_edit .origin_btn svg path{fill: #fff;}

/* 링크 */
.link-w > input[type~="text"]{margin: 0 0 10px 10px; width: calc(100% - 125px); height: auto; padding: 5px; padding: 5px; height: auto; border: 1px solid #BEBEBE; border-radius: 2px;}
.board_w_mid{display: none; }

/* 등록버튼 */
.bbs_register{width: 55px; height: 55px; border-radius: 100%; position: fixed; bottom: 30px; right: 30px;padding: 10px;background: transparent; border: 0;overflow: hidden; z-index: 10;}
.ecm_pc .bbs_register{right: 50%; transform: translateX(50%);}
.bbs_register:before{content: ''; width: 100%; height: 100%; background: #0d3f7a; position: absolute; left: 0; top: 0;}
.bbs_register span{display: block;  position: relative; font-size: 20px;}
.bbs_register span i{color: #fff;}
/* .bbs_register span{display: block; width: 100%; height: 100%; position: relative;}
.bbs_register span:before,
.bbs_register span:after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #0d3f7a; border-radius: 5px;}
.bbs_register span:before{height: 100%; width: 3px;}
.bbs_register span:after{height: 3px; width: 100%;} */

/*결과 없을 때 - 회원검색 / 커뮤니티*/
.info-none {height: auto; padding: 50px 0; width: 100%; display: flex; justify-content: center; align-items: center;flex-wrap: wrap; flex-direction: column;}
.info-none .info-none-img-wrap {width: 100%; height: 50px; display: flex; justify-content: center; align-items: center;}
.info-none .info-none-img-wrap img {height: 100%; width: auto; object-fit: contain;}
.info-none .info-none-article-wrap {padding-top: 14px; display: flex; justify-content: center; align-items: center;}
.info-none .info-none-article-wrap p {text-align: center; font-size: 16px; font-weight: 600; color: #707070;}

.boardListDiv{position: relative;}
.board_body_pc .boardListDiv{padding: 15px 0;}

/* 서브페이지 레프트메뉴 있을경우 별도 스타일 */
.has_left .search-menu-wrap{box-shadow: 0px 1px 5px rgb(0 0 0 / 15%); border-radius: 10px;}
.has_left .result-list-wrap {margin-top: 20px;border-radius: 10px; height: auto;}


/* 모바일 별도 */
.bbs_top,
.ecm_pc .bbs_top{display: none;}
.bbs_btm .btns_boxs{display: flex;}
.btns_boxs.write_btn_box{margin-top: -20px; background: #fff; padding: 0 0 15px;}

/* pc버전 */
/* 글쓰기 / 수정 버튼 */
.bbs_top > .btns_boxs > a{background: #fff; color: #1f1f1f;margin: 0; border-radius: 0; display: block;border: 0; padding: 10px 40px;border-bottom: 1px solid #ccc; font-size: 15px;}
.bbs_top > .btns_boxs > a:last-child{border-bottom: 0;}
/* .bbs_top .btns_boxs {display: block; } */
.bbs_top .btns_boxs {display: none; }


/* 일반게시판 */
.board_body_pc { overflow: auto !important;}
.board_body_pc .search-menu-wrap{box-shadow: 0px 0px 5px rgb(0 0 0 / 20%); border-radius: 10px;}
.board_body_pc .notice-title{display: flex; justify-content: space-between; align-items: flex-end;}
.board_body_pc .notice-title > p{max-width: calc(100% - 270px);}
.board_body_pc .community-result-wrap .community-result-contents .notice-article-wrap{border-top: 0;border-bottom: 1px solid #ccc; padding: 20px; }
.board_body_pc .community-result-wrap .community-result-contents .notice-article-wrap .notice-title > p{padding: 0;}

.board_body_pc .board_w_area{background-color: #fff;}
.board_body_pc .board_w_area > div{margin: 0 auto; border-bottom: 5px solid #f5f5f5; max-width: 1280px; width: 100%;}
.board_body_pc .board_w_area > div:last-child{border-bottom: 0;}

.boardList-w{width: 100%; margin: 15px 0;}
.boardList-w thead tr{border-bottom: 1px solid #4B6A7E; border-top: 4px solid #4B6A7E}
.boardList-w th{padding: 15px 0; color: #4B6A7E;}
.boardList-w th i{color: #4B6A7E;}
.boardList-w tbody tr{border-bottom: 1px solid #ccc;}
.boardList-w td{text-align: center; font-size: 15px;}
.boardList-w td i{cursor: pointer; font-size: 22px; transition: 0.2s;}
.boardList-w td i:hover{color: #0D3F7A;}
.boardList-w td a{display: block;padding: 20px 0; }
.boardList-w td.title{text-align: left;}
.boardList-w td.board-time {font-size: 13px;}
.search-result-txt{font-size: 16px; padding: 5px 0 10px; text-align: center;}
.search-result-txt span{font-weight: 700; color: #0d3f7a;}

.board_body_pc .paging_div{text-align: center; font-size: 0;display: flex; justify-content: center; align-items: center; flex-direction: initial;}
.board_body_pc .paging_div a{transition: 0.2s;}
.board_body_pc .paging_div a:hover{opacity: 0.5;}
.board_body_pc .paging_div a.page-move{width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;transition: 0.2s;}
.board_body_pc .paging_div a.page-move span{font-size: 0;}
.board_body_pc .paging_div a.page-move:after {font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 18px; color: #4b6a7e;}
.board_body_pc .paging_div a.page_prevend:after {content: "\f100";}/* 처음 */
.board_body_pc .paging_div a.page_prev:after {content: "\f104";}/* 이전 */
.board_body_pc .paging_div a.page_next:after {content: "\f105";}/* 다음 */
.board_body_pc .paging_div a.page_nextend:after {content: "\f101";}/* 마지막 */
.board_body_pc .paging_div a.page_prev{margin-right: 5px;}
.board_body_pc .paging_div a.page_next{margin-left: 5px;}

.board_body_pc .paging_div .page-num{display: inline-block; font-size: 18px; padding: 0 5px; color: #4b6a7e;letter-spacing: 1;}
.board_body_pc .paging_div strong.page-num{position: relative; z-index: 1; color: #fff; font-weight: 500;}
.board_body_pc .paging_div strong.page-num:after { 
	content: ''; width: 25px; height: 25px; background: #4b6a7e; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); 
	z-index: -1; border-radius: 100%;
}
	
.boardList-w .question_tr a,
.boardList-w .choice_tr a{padding: 20px 15px;}
.boardList-w td .btns_boxs a{width: 100%; padding: 8px;}

svg.question_tr_img{fill: #0D3F7A;transition: 0.3s; width: 20px;}
tr.hand_on svg.question_tr_img{fill: #ccc; transform: rotate(180deg);}
.choice_list a{font-size: 15px;}
tr.choice_tr{background: #ecf5ff;}

/*동문홍보*/
.result-list-bottom .member_detail_info{display: flex; justify-content: center; align-items: stretch;}
.result-list-bottom .member_detail_info .member_detail_info_img{width: 100px; height: 140px; margin-right: 10px; border-radius: 5px; overflow: hidden;}
.result-list-bottom .member_detail_info .member_detail_info_alticle{width: calc(100% - 110px); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.result-list-bottom .member_detail_info .member_detail_info_alticle .h-line{display: block; width: 100%; height: 1px; background: #BEBEBE;}
.result-list-bottom .member_detail_info .member_detail_info_alticle .member_alticle_name_wrap > p{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.result-list-bottom .member_detail_info .member_detail_info_alticle .member_alticle_name_wrap .duty{color:#F37521; font-size: 18px; font-weight: 600; word-break: keep-all;}
.result-list-bottom .member_detail_info .member_detail_info_alticle .member_alticle_name_wrap .result-search-KOR_NM{font-size: 20px; font-weight: 600; position: relative;}
.result-list-bottom .member_detail_info .member_detail_info_alticle .member_alticle_name_wrap .user_gener{background: #221f58; margin-right: 0; font-size: 12px; font-weight: 600; color: #fff; height: 21px; display: flex; justify-content: center; align-items: center; border-radius: 6px; padding: 0 4px 0 2px; margin-left: 4px;}
.result-list-bottom .member_detail_info .member_detail_info_alticle .member_alticle_name_wrap .user_gener1{background: #221f58; margin-right: 0; font-size: 12px; font-weight: 600; color: #fff; height: 21px; display: flex; justify-content: center; align-items: center; border-radius: 6px; padding: 0 4px 0 2px; margin-left: 4px;}
.result-list-bottom .member_detail_info .member_detail_info_alticle .member_alticle_con_wrap .result-position{display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; font-size: 15px; font-weight: 500; flex-wrap: wrap;}
.result-list-bottom .member_detail_info .member_detail_info_alticle .member_alticle_addr_wrap .result-position{display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; font-size: 15px; font-weight: 500; flex-wrap: wrap;}
.result-list-bottom .member_detail_info_box{display: flex; background-color: #e5f5fd; height: auto;}
.result-list-bottom .member_detail_info_box div{box-sizing: border-box; font-size: 16.5px;}
.result-list-bottom .member_detail_info_box .member_detail_info_left{background: #ccc; color: #ffffff; display: flex; width: 20%; font-weight: bold; min-width: 92px; justify-content: center; align-items: center; border-bottom: 1px solid #fff; padding-top: 5px; padding-bottom: 5px;}
.result-list-bottom .member_detail_info_box .member_detail_info_right{width: 100%; padding-left: 10px; background-color: #e7e7e7; border-bottom: 1px solid #ffffff; padding-top: 2px; overflow: hidden; height: auto; font-weight: bold; position: relative;}
.result-list-bottom .member_detail_info_box .member_detail_info_right .phone_btn{display: inline-block; width: 75%; padding-top: 3px;}
.result-list-bottom .member_detail_info_box .member_detail_info_right .call_btn{display: inline-block; vertical-align: middle;  margin: 0 2px; position: absolute; top: 17%; right: 5%;}
.result-list-bottom .result-list-bottom-info{padding:0 10px;}
.result-list-bottom .member_detail_info_box .member_detail_info_right .msg_btn{display: inline-block; vertical-align: middle;  margin: 0 2px; position: absolute; top: 17%; right: 5%;}

/* 갤러리 */
.board_body_pc .board_list_gallery{margin: 15px 0;}
.board_body_pc .board_list_gallery ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.board_body_pc .board_list_gallery ul li{width: calc(100% / 4 - 18px); margin: 0 12px 30px;}
.board_body_pc .board_list_gallery ul li:nth-child(4n - 3){margin-left: 0;}
.board_body_pc .board_list_gallery ul li:nth-child(4n){margin-right: 0;}
.board_body_pc .board_list_gallery ul li .gall-list-thum{width: 100%; height: 200px; position: relative;background: #000; overflow: hidden;z-index: 1;}
.board_body_pc .board_list_gallery ul li .gall-list-thum img{width: 100%; height: 100%; object-fit: cover;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  transition: 0.5s;}
.board_body_pc .board_list_gallery ul li .gall-list-thum p{position: absolute;bottom: 15px; left: 15px; z-index: 1;color: #fff; font-size: 15px;max-width: calc(100% - 30px); word-break: break-all;}
.board_body_pc .board_list_gallery ul li .gall-list-date{display: flex; justify-content: space-between; align-items: flex-start; font-size: 15px; padding-top: 5px;}
.board_body_pc .board_list_gallery ul li .gall-list-date i{padding-right: 5px;}
.board_body_pc .board_list_gallery ul li:hover .gall-list-thum img{opacity: 0.5; transform: translate(-50%, -50%) scale(1.2);}
.board_body_pc .board_list_gallery ul li:hover .gall-list-thum:after{content:"\f090"; position: absolute; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 60px;
    z-index: -1; opacity: 0.5; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index: -1;} 
.board_body_pc .board_list_gallery ul li.no-data-gallery{width: 100%; margin: 0;}
.board_body_pc .board_list_gallery ul li.no-data-gallery dt{height: 300px;display: flex; justify-content: center; align-items: center;font-size: 15px;}

/* 일반 홈페이지 */
.normal-homepage.board_body {overflow: revert !important;}
.normal-homepage.board_body .ecm_mobile .community-result-wrap {height: auto;}
.normal-homepage.board_body .ecm_mobile .boardListDiv {height: auto;}
.normal-homepage.board_body .community-result-wrap{height: auto !important;}
.normal-homepage.board_body .boardListDiv {max-width: 1280px; margin: 0 auto;}
.normal-homepage.board_body .content_form > .btns_boxs{max-width: 1280px; margin: 0 auto; min-width: 600px;}
.normal-homepage.board_body .content_form{padding-bottom: 100px !important;}



/* 반응형 */
 @media only screen and (max-width: 1350px){
 	.ecm_mobile .boardListDiv{height: 100%;}
 	.ecm_mobile .community-result-wrap{height: 100%;}
 	.ecm_mobile .bbs_register,
 	.ecm_mobile .has_left .bbs_register{width: 45px; height: 45px; position: absolute;bottom: 10px; right: 10px; border-width: 2px; transform: none;}
 	.ecm_mobile .community-result-wrap .community-result-contents .community-result-none{ height: calc(100% - 88px); padding: 0 0 30px;}
	.ecm_mobile .result-list-wrap {height: 100%;}
	.ecm_mobile .community-result-wrap .community-result-contents .notice-article-wrap {border-top: 0;}
	
	/* 서브페이지 레프트메뉴 있을경우 별도 스타일 */
	.ecm_mobile .has_left .search-menu-wrap{box-shadow: 0px 5px 6px rgb(0 0 0 / 8%); border-radius: 0;}
	.ecm_mobile .has_left .result-list-wrap {margin-top: 0;border-radius: 0; height: auto;}/* 221124 height:100% 때문에 회원 선택 페이지에서 하단에 영역 잡힘*/
	
	.board_body_pc .boardListDiv{padding: 15px;}
	.board_body_pc .content_form > .btns_boxs{padding: 0 15px;}
	.board_body_pc .board_list_gallery ul li{ width: calc(100% / 3 - 12px); margin: 0 9px 20px;}
	.board_body_pc .board_list_gallery ul li .gall-list-thum{height: 20vw;}
	.board_body_pc .board_list_gallery ul li:nth-child(4n - 3),
	.board_body_pc .board_list_gallery ul li:nth-child(4n){ margin: 0 9px 20px;}
	.board_body_pc .board_list_gallery ul li:nth-child(3n - 2){margin-left: 0;}
	.board_body_pc .board_list_gallery ul li:nth-child(3n){margin-right: 0;}
	
	.board_w_area > div{padding: 15px;}
	.board_w_area .board_w_top {padding: 5px 15px 15px;}
	.board_w_area .board_w_btm div > span.board_class {padding-left: 15px;}
	.board_w_btm .ctl_input_file,
	.board_w_btm .ctl_input_link {width: calc(100% - 30px);}
	.btns_boxs.write_btn_box{padding: 0 15px 15px;}
	
	.content_form .boardBtn.btns_boxs,
	.boardView tr {padding: 0 15px;}
	.cmt_area{padding: 5px 15px 45px;}
	
	.ecm_mobile .contentArea, 
	.ecm_mobile #content, 
	.ecm_mobile .content_form{overflow: visible}/* ecm_layout.css의 overflow scroll 때문에 스크롤 불편하게 생성 */
	
 }
 @media only screen and (max-width: 1000px){
	.maxImg{ max-height: 22vw;}
	.minImg{ max-height: 30vw;}
	.community-result-wrap .community-result-contents .notice-article-wrap .maxImg .midImg > .cntn_image4 > p.img_length{font-size: 4vw;}
	.maxImg > .cntn_image img,
	.maxImg .midImg > .cntn_image img{object-fit: cover;}
	
	.board_body_pc .board_list_gallery ul li .gall-list-date{display: block;}
	
	.userIndexDivWrap{padding: 15px 10px 75px;}
	
	/* 첨부파일 */
	.ecm_mobile .bbs_single_box > li{max-width: calc(100% - 15px);}
	.ecm_mobile .bbs_single_box .bbs_single_file .bbs_img_origin{height: 150px;}
	.ecm_mobile .bbs_single_box .bbs_single_file .bbs_down_txt_wrap { background: #fff; border-radius: 3px;}
	
	.bbs_single_box > li.has_img { max-width: calc(100% / 2 - 15px); min-width: auto;}
	.bbs_single_box .has_img .bbs_single_file .bbs_down_txt_wrap{width: auto; bottom: 5px;}
    .bbs_single_box .bbs_single_file .bbs_img_origin > .origin_btn{padding: 5px;}
    .bbs_single_box .bbs_single_file .bbs_img_origin > .origin_btn svg{width: 15px; height: 15px;}
    
 }
 
 @media only screen and (max-width: 917px){
 	/* pc버전 */
 	.board_body_pc .notice-title{display: block;}
 	.board_body_pc .notice-title > p {max-width: none;}
 	.board_body_pc .community-result-wrap .community-result-contents .notice-article-wrap{padding: 20px 15px;}
 	.board_body_pc .community-result-wrap .community-result-contents .notice-article-wrap .notice-title p{white-space: normal;}
 	.ecm_pc .bbs_register{right: 30px; transform: none;}
 	
 	.ecm_pc .board_w_area {padding: 10px 0 30px; }
	.board_w_area > div {padding: 10px 15px;}
 }
 
 @media only screen and (max-width: 600px){
 
 	.community-result-wrap .community-result-contents .notice-article-wrap .notice-title p{
 		white-space: normal; overflow: revert; text-overflow: revert;word-break: break-all
 	}
	/* 갤러리형 */
	.ecm_mobile .board_img_area{ max-height: none; border: 1px solid #eff0f0;}
	/* 1 2개 */
	.ecm_mobile .minImg{width: 100%;height: 40vw; overflow: hidden;display: flex; justify-content: center; align-items: center;max-width: 100%; margin: 15px auto 0;}
	.ecm_mobile .minImg .cntn_image{height: 100%;width: 100%;}
	.ecm_mobile .minImg .cntn_image:nth-child(2){border-left: 1px solid #eff0f0;}

	.ecm_mobile .minImg .cntn_image img{object-fit: cover; object-position: center;}
	
	/* 3개이상 */
	.ecm_mobile .maxImg{width: 100%;height: 80vw; overflow: hidden; align-items: center; margin: 10px auto 0; }
	.ecm_mobile .maxImg > .cntn_image{position: relative;height: 100%;width: 65%;position: relative; overflow: hidden;}
	.ecm_mobile .maxImg .midImg{height: 100%;width: 35%;display: flex; align-items: center; justify-content: center; flex-direction: column;}
	.ecm_mobile .maxImg .midImg > .cntn_image{position: relative;overflow: hidden;height: 50%; min-height: calc(100% / 3); width: 100%;}
	.ecm_mobile .maxImg .midImg .cntn_image{border-right: 0; border-bottom: 1px solid #eff0f0;}
	.ecm_mobile .maxImg .midImg .cntn_image:last-child{border-bottom: 0;}
	.ecm_mobile .maxImg .midImg > .cntn_image p{display: none;}
	.ecm_mobile .community-result-wrap .community-result-contents .notice-article-wrap .maxImg .midImg > .cntn_image4 > p.img_length{font-size: 7vw; }
	
	/* 첨부파일 */
	.ecm_mobile .bbs_single_box > li.has_img { max-width: 100%; min-width: calc(100% / 2 - 15px);}
	
	/* 버튼 */
	.ecm_mobile .btns_boxs a{font-size: 14px;}
	
	/* 모바일 모달 */
	.layerPopupDiv{overflow: scroll;}
	.layerPopupDiv .layerPopupDivWrap{display: none;}
	.layerPopupDiv .layerPopupViewPage{height: auto;}

	.bbs_top{display: flex;}
	.bbs_top .M_list_back:before,
	.bbs_top .M_list_back:after{}
	.bbs_top .M_list_back:before{}
	.bbs_top .M_list_back:after{}
	/* .bbs_top .M_list_back i{font-size: 25px; color: #1f1f1f;} */
	.bbs_top > .btns_boxs > a{}
	
	
	.bbs_btm .btns_boxs,
	.board_w_area .btns_boxs,
	.common-input-wrap > .btns_boxs{display: none;}
	
	/*회원 스토리 저장버튼*/
	#userStoryWriteForm > .common-input-wrap > .btns_boxs {display: flex;}
	
	.btns_boxs.write_btn_box{margin-top: 0; padding: 0; margin-bottom: 72px; display: flex; justify-content: center; align-items: center;}
	.btns_boxs.write_btn_box .btn_write{/*background: none;color: #1f1f1f;*/background: #3B479D; color: #fff; border-radius: 0; display: block; text-align: center; width: 40%;/*width: 100%;*/ padding: 10px 0; font-weight: 600; border-radius: 10px; margin-bottom: 30px;}
	
	.ecm_pc .btns_boxs.write_btn_box{}
	.ecm_pc .btns_boxs.write_btn_box .btn_write{background: #0D3F7A;}
	
	/** 댓글 **/
	.Mbtns_wrap {float: right; position: relative;background: #fff; margin-bottom: 5px}
	.Mbtns_wrap .M_list_back{width: auto; height: 40px; padding: 10px 15px; display: flex; justify-content: center; align-items: center;}
	.M_list_back .angle-left {height: 100%;}
	.M_list_back .angle-left .cls-1{fill:#0d3f7a;}
	/* .Mbtns_wrap .M_list_back i{font-size: 25px; color: #1f1f1f;} */
	.Mbtns_wrap .Mbtns_open{display: flex; justify-content: space-between; align-items: center; width: 30px; height: 30px; padding: 0 5px;}
	.Mbtns_wrap .Mbtns_open li{height: calc(100% / 3); line-height: 1; display: flex; justify-content: center; align-items: center;}
	.Mbtns_wrap .Mbtns_open li span{display: block; line-height: 1; width: 3px; height: 3px; background: #707070; border-radius: 100%;}
	.Mbtns_wrap .btns_boxs{display: none; opacity: 0; transition: opacity 1s; position: absolute; top: calc(100% - 5px); right: 10px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);}
	.Mbtns_wrap.open_edit .btns_boxs{display: block;opacity: 1;}
	
	.Mbtns_wrap.open_edit .btns_boxs .btn_delete{background: #fff; color: #1f1f1f; margin: 0; border-radius: 0; display: block; border: 0; padding: 10px 40px; border-bottom: 1px solid #ccc; font-size: 15px;white-space: nowrap;}
	.Mbtns_wrap.open_edit .btns_boxs .btn_write{background: #fff; color: #1f1f1f; margin: 0; border-radius: 0; display: block; border: 0; padding: 10px 40px; border-bottom: 1px solid #ccc; font-size: 15px;white-space: nowrap;}
	
	/* 닫기버튼 */
	.pop-close{display: block; width: 50px; height: 50px;background: rgb(0 0 0 / 50%); position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); border-radius: 100%;z-index: 1;}
	.pop-close:before,
	.pop-close:after{content:''; position: absolute; width: 2px; height: 70%;background: #fff; left: 50%; top: 50%; z-index: 2;}
	.pop-close:before{transform: translate(-50%, -50%) rotate(45deg);}
	.pop-close:after{transform: translate(-50%, -50%) rotate(-45deg);}
		
 }

 @media only screen and (max-width: 360px){
	.ecm_mobile .bbs_single_box > li.has_img { width: calc(100% - 15px); max-width: none;}
	
	.userIndexDiv ul{padding-left: 1vw; padding-bottom: 20px;}
	.userIndexDiv .user_search_top p{font-size: 4.5vw; line-height: 1.2;}
 
 }
 
  @media only screen and (max-width: 340px) {
  	
  	.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap h5 p {flex-wrap: wrap;}
  	.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span.result-search-CLSEQ_DCD_NM {width: calc(100% - 29px); justify-content: flex-start; word-break: keep-all;}
  	.result-list-wrap .result-list .result-list-top .result-article-wrap .result-article-name-wrap p span.result-search-CLSEQ_DCD_NM:before {display: none;}
  }