@charset "utf-8";

/******************************************
 
 *  Pagination
 
******************************************/
.pagination{width: 100%; display: block; text-align: center; margin: 53px 0;}
.pagination > a{display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; border: 1px solid #ccc; width: 38px; height: 38px; border-radius: 50%; transition: background-color .25s ease; margin: 0 2px;}
.pagination > a:hover{background-color: #eee;}
.pagination > a.on{background-color: #333; border-color: #333; color: #fff; font-weight: 500;}
.pagination > a.btn{background-repeat: no-repeat; background-position: center center; border-color: #b5b5b5;}
.pagination > a.btn.first{background-image: url('/resources/user/hyoryeong/images/common/ic_page_first.png');}
.pagination > a.btn.prev{background-image: url('/resources/user/hyoryeong/images/common/ic_page_prev.png'); margin-right: 10px;}
.pagination > a.btn.next{background-image: url('/resources/user/hyoryeong/images/common/ic_page_next.png'); margin-left: 10px;}
.pagination > a.btn.last{background-image: url('/resources/user/hyoryeong/images/common/ic_page_last.png');}


@media screen and (max-width: 1000px) {
    .pagination{margin: 30px 0;}
    .pagination > a{width: 30px; height: 30px; font-size: 13px;}
    .pagination > a.btn{}
    .pagination > a.btn.prev{margin-right: 5px;}
    .pagination > a.btn.next{margin-left: 4px;}
}



/******************************************

*  Search Box

******************************************/
.search_wrapper{width: 100%; background-color: #F6F8FA; text-align: center; padding: 38px 50px; margin: 55px 0;}
.b_sel_search{height: 43px; border: 1px solid #ccc; font-size: 15px; min-width: 150px; vertical-align: middle;}
.b_txt_search{height: 43px; border: 1px solid #ccc; font-size: 15px; min-width: 300px; padding: 0 20px; vertical-align: middle;}
.b_btn_search{height: 43px; border: 1px solid #666; background-color: #666; font-size: 15px; color: #fff; vertical-align: middle; padding: 0 35px 0 20px; transition: all .25s ease; background: #666 url('/resources/user/hyoryeong/images/common/ic_search_w.png') no-repeat right 15px center;}
.b_btn_search:focus,
.b_btn_search:hover{background-color: #333;}


@media screen and (max-width: 1000px) {
    .search_wrapper{padding: 25px 30px; margin: 25px 0;}
    .b_sel_search{height: 38px; font-size: 14px; min-width: auto; width: 100%; margin-bottom: 5px;}
    .b_txt_search{height: 38px; font-size: 14px; min-width: auto; width: 100%; margin-bottom: 5px;}
    .b_btn_search{height: 38px; font-size: 14px; width: 100%;}
}






/******************************************
 
 *  Board Wrap
 
******************************************/
.board_wrap{width: 100%;}
.board_wrap .top{margin-bottom: 15px;}
.board_wrap .top p{font-size: 16px;}


@media screen and (max-width: 1000px) {
    .board_wrap .top{margin-bottom: 10px;}
    .board_wrap .top p{font-size: 14px;}
}








/******************************************
 
 *  Board Button Box
 
******************************************/
.board_btn_b{margin: 20px 0;}
.board_btn_b.lb{text-align: left;}
.board_btn_b.cb{text-align: center;}
.board_btn_b.rb{text-align: right;}


@media screen and (max-width: 1000px) {
    .board_btn_b{margin: 10px 0;}
}






/******************************************
 
 *  Table Board - list
 
******************************************/
.board_tbl_box{width: 100%;}
.tbl_board{width: 100%; table-layout: fixed; border: none; border-top: 2px solid #4E4E4E; border-collapse: collapse;}
.tbl_board th{border-bottom: 1px solid #ddd; background-color: #F6F8FA; font-size: 18px; padding: 23px 5px; font-weight: 500;}
.tbl_board td{border-bottom: 1px solid #ddd; padding: 23px 5px; text-align: center; font-size: 18px;}
.tbl_board tbody tr{transition: all .3s ease; position: relative;}
.tbl_board tbody tr:hover{background-color: #fffaf9;}
/* .tbl_board tbody tr::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; z-index: -1; transition: all .3s ease; } */
/* .tbl_board tbody tr:hover::after{box-shadow: inset -4px -4px 0px#EC2706;} */
.tbl_board th.txtL{text-align: left;}
.tbl_board td.txtL{text-align: left;}
.tbl_board .sbj{padding-left: 20px;}
.tbl_board .sbj a:not(.noBoardcss){display: block; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.tbl_board .sbj a:hover{text-decoration: underline;}
.tbl_board .sbj a.reply{padding-left: 23px; background: url('/resources/user/hyoryeong/images/common/ic_rply_01.png') no-repeat left center;}
.tbl_board span.cate{background-color: #444; line-height: 36px; border-radius: 20px; display: inline-block; padding: 0 10px; min-width: 68px; text-align: center; color: #fff;}
.tbl_board span.cate.red{background-color: #EE3F22;}
.tbl_board span.new{display: inline-block; vertical-align: middle; padding: 2px 5px; border-radius: 20px; background-color: #EE3F22; color: #fff; font-size: 11px; font-weight: 600; margin: -2px 0 0 2px;}


/* 2021-11-22 게시판 수정 */
.board_tbl_box2 .tbl_board .sbj .mob1000 {display: none;}
.board_tbl_box2 .tbl_board .sbj .mob_new {display: none;}
.board_tbl_box2 .tbl_board .sbj .mob_cate {display: none;}

.tbl_data.blue { background-color: #5b9bd5; padding: 10px 15px 10px 15px; border-radius: 10px; color: #fff; }
.tbl_data.orange { background-color: #f4b183; padding: 10px 15px 10px 15px; border-radius: 10px; color: #fff; }
.tbl_data.black { background-color: #a6a6a6; padding: 10px 15px 10px 15px; border-radius: 10px; color: #fff; }

@media screen and (max-width:1000px) {
	.board_tbl_box2 {overflow-x: unset;}
	.board_tbl_box2 th {display: none;}
	.board_tbl_box2 colgroup {display: none;}
	.board_tbl_box2 .tbl_board.notice .name {display: none;}
	.board_tbl_box2 .tbl_board.notice .sbj {width: 100%;}
	.board_tbl_box2 .tbl_board {table-layout: fixed;} 
    /* 230628 */
	.board_tbl_box2 .tbl_board .sbj a {display: block; width: 100%; font-size: 15px; padding-left: 5px; color: #111;}
    /* // 230628 */
	.board_tbl_box2 .tbl_board .sbj a:hover {text-decoration: unset;}
	.board_tbl_box2 .tbl_board .sbj a:hover .title .tit {text-decoration: underline;}
	.board_tbl_box2 .tbl_board .sbj a .title {white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; color: #111;}
	.board_tbl_box2 .tbl_board .sbj a.reply {background: none;}
	.board_tbl_box2 .tbl_board .sbj a.reply .title {padding-left: 35px; background: url("/resources/user/hyoryeong/images/common/ic_rply_01.png") no-repeat left 10px center;}
	.board_tbl_box2 .tbl_board .sbj .new {display: none;}
	.board_tbl_box2 .tbl_board .sbj .mob_new {display: inline-block;}
	.board_tbl_box2 .tbl_board .sbj .mob1000 {display: flex; align-items: center; font-size: 13px; margin-left: -5px; margin-top: 5px;}
	.board_tbl_box2 .tbl_board .sbj .mob_date {position: relative; color: #999; padding-right: 20px;}
	.board_tbl_box2 .tbl_board .sbj .mob_date span {color: #666; margin-left: 5px;}
	.board_tbl_box2 .tbl_board .sbj .mob_date::after {content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #c5c5c5; position: absolute; top: 50%; right: 8px; transform: translateY(-50%);}
	.board_tbl_box2 .tbl_board .sbj .mob_status.blue {background-color: #5b9bd5; border-radius: 30px; padding: 5px 10px; font-size: 11px;}
	.board_tbl_box2 .tbl_board .sbj .mob_status.orange {background-color: #e75503; border-radius: 30px; padding: 5px 10px; font-size: 11px;}
	.board_tbl_box2 .tbl_board .sbj .mob_status.black {background-color: #a6a6a6; border-radius: 30px; padding: 5px 10px; font-size: 11px;}
	.board_tbl_box2 .tbl_board .sbj .mob_cate {display: inline-block; font-size: 13px; line-height: unset; padding: 5px; min-width: 40px;}
	.board_tbl_box2 .tbl_board .sbj .mob_file {display: flex; align-items: center; color: #999; position: relative; padding-right: 20px;}
	.board_tbl_box2 .tbl_board .sbj .mob_file::after {content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #c5c5c5; position: absolute; top: 50%; right: 8px; transform: translateY(-50%);}
	.board_tbl_box2 .tbl_board .sbj .mob_file img {margin-left: 5px; width: 13px;}
	.board_tbl_box2 .tbl_board .sbj .mob_hit {color: #999;}
	.board_tbl_box2 .tbl_board .sbj .mob_hit span {color: #666;}
}

@media screen and (max-width:320px) {
	.board_tbl_box2 .tbl_board .sbj .mob_date {padding-right: 10px;}
	.board_tbl_box2 .tbl_board .sbj .mob_date::after {right: 4px;}
	.board_tbl_box2 .tbl_board .sbj .mob_file {padding-right: 10px;}
	.board_tbl_box2 .tbl_board .sbj .mob_file::after {right: 4px;}
}
/*11-22 게시판 수정 끝*/

@media screen and (max-width: 1000px) {
    .board_tbl_box{width: 100%; overflow-x: auto;}
    .tbl_board{table-layout: auto; width: 100%;}
    .tbl_board th{font-size: 14px; padding: 15px 5px;}
    .tbl_board td{padding: 15px 5px; font-size: 14px;}
    .tbl_board .sbj{padding-left: 10px; padding-right: 10px;}
    .tbl_board .sbj a{width: 180px;}
    .tbl_board span.new{padding: 2px 5px; font-size: 9px;}
    
    .tbl_board.notice .num,
    .tbl_board.notice .count,
    .tbl_board.notice .attach,
    .tbl_board.notice .date,
    .tbl_board.notice .statas,
    .tbl_board.notice .date2{display: none;}
    .tbl_board.notice .sbj{width: 70%;}
    .tbl_board.notice .name{width: 30%;}
}








/******************************************
 
 *  Gallery Board - list
 
******************************************/
.board_gallery_list{width: 100%; border-bottom: 2px solid #ddd; border-top: 2px solid #4E4E4E;}
.board_gallery_list ul{width: 100%; display: flex; flex-wrap: wrap; padding: 25px 0;}
.board_gallery_list ul > li{padding: 25px 0; width: 25%;}
.board_gallery_list ul > li > a{display: block; padding: 0 15px;}
.board_gallery_list ul > li .img_b{width: 100%; height: 0; padding-top: 55%; position: relative; overflow: hidden; border: 1px solid #eee;}
.board_gallery_list ul > li .img_b img{min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: center center; object-fit: cover; transition: all .3s ease-in-out;}
.board_gallery_list ul > li .tit{font-size: 18px; color: #444; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin: 15px 0;}
.board_gallery_list ul > li .date{line-height: 1; font-size: 18px; display: inline-block; vertical-align: middle; border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px;}
.board_gallery_list ul > li .name{line-height: 1; font-size: 18px; display: inline-block; vertical-align: middle;}
.board_gallery_list ul > li .name .blue{color: #1C5DB1;}

.board_gallery_list ul > li > a:focus .img_b img,
.board_gallery_list ul > li > a:hover .img_b img{transform: translate(-50%, -50%) scale(1.03);}
.board_gallery_list ul > li > a:focus .tit,
.board_gallery_list ul > li > a:hover .tit{text-decoration: underline; color: #222; font-weight: 500;}




@media screen and (max-width: 800px) {

    .board_gallery_list{}
    .board_gallery_list ul{padding: 10px 0;}
    .board_gallery_list ul > li{padding: 10px 0; width: 50%;}
    .board_gallery_list ul > li > a{display: block; padding: 0 5px;}
    .board_gallery_list ul > li .img_b{padding-top: 60%;}
    .board_gallery_list ul > li .tit{font-size: 15px; margin: 10px 0;}
    .board_gallery_list ul > li .date{font-size: 14px; padding-right: 5px; margin-right: 5px;}
    .board_gallery_list ul > li .name{font-size: 14px;}
}









/******************************************
 
 *  Board Detail
 
******************************************/
.board_detail_info{width: 100%; position: relative; background-color: #F7F8FC; border-top: 2px solid #4E4E4E; padding: 30px 330px 25px 30px; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.board_detail_info h2{font-size: 28px; font-weight: 500; color: #333;}
.board_detail_info .info_b{margin-top: 15px;}
.board_detail_info .info_b dl{display: inline-flex; vertical-align: middle; padding: 0 10px; border-left: 1px solid #aaa;}
.board_detail_info .info_b dl:first-of-type{padding-left: 0; border-left: none;}
.board_detail_info .info_b dl dt{ margin-right: 10px; font-weight: 500; display: none; font-size: 16px;}
.board_detail_info .info_b dl dd{font-size: 16px;}
.board_detail_info .info_b dl.view dt{display: block;}
.board_detail_info .board_func_b{position: absolute; right: 20px; top: 30px;}
.board_func_b .btns{display: inline-block; width: 46px; height: 46px; overflow: hidden; text-indent: -9999px; background-color: #E8E9EB; border-radius: 50%; background-repeat: no-repeat; background-position: center center; transition: all .25s ease;}
.board_func_b .btns:hover{background-color: #ddd;}
.board_func_b .btns.print{background-image: url('/resources/user/hyoryeong/images/common/ic_print.png');}
.board_func_b .btns.pdf{background-image: url('/resources/user/hyoryeong/images/common/ic_pdf_view.png'); background-color: #EE3F22;}
.board_func_b .btns.pdf:hover{background-color: #b62911;}
.board_func_b .s_box{ display: inline-flex; align-items: center; margin: 0 10px; height: 46px; background-color: #E8E9EB; border-radius: 40px; padding: 0 15px;}
.board_func_b .s_box button{font-size: 15px; margin: 0 7px; font-weight: 500; color: #292929;}

.board_detail_contents{padding: 20px 40px 30px;}
.board_detail_contents p{font-size: 18px; line-height: 1.7;}

.board_detail_attach{width: 100%; display: flex; border-top: 2px solid #ddd; border-bottom: 2px solid #999; margin: 44px 0;}
.board_detail_attach .tit{width: 210px; background-color: #F7F8FC; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; padding: 20px;}
.board_detail_attach .list{width: calc(100% - 210px); padding: 20px;}
.board_detail_attach .list ul{width: 100%;}
.board_detail_attach .list ul > li{margin-top: 15px; font-size: 16px;}
.board_detail_attach .list ul > li > a{display: block; min-height: 20px; word-break: break-all;}
.board_detail_attach .list ul > li > a:hover{text-decoration: underline;}
.board_detail_attach .list ul > li:first-child{margin-top: 0;}
.board_detail_attach .list ul > li.file{padding-left: 30px; background: url('/resources/user/hyoryeong/images/common/ic_save.png') no-repeat left top 0px;}

.board_detail_mid_btn{margin: 45px 0 75px; text-align: center;}
.btn_list{min-width: 134px; padding: 10px 20px; border-radius: 30px; height: 54px; border: 1px solid #ddd; font-size: 18px; transition: all .25s ease; color: #444;}
.btn_list:hover{background-color: #333; color: #fff;}

.board_detail_prev_next{margin-top: 85px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd;}
.board_detail_prev_next ul{width: 100%;}
.board_detail_prev_next ul > li{width: 100%; border-top: 1px solid #ddd; display: flex; padding: 20px 20px; align-items: center; font-size: 16px;}
.board_detail_prev_next ul > li:first-child{border-top: none;}
.board_detail_prev_next ul > li .lb{width: 160px; border-right: 1px solid #ddd; padding: 0 20px;}
.board_detail_prev_next ul > li .lb.prev::after{font-family: xeicon; content: "\e944"; margin-left: 50px;}
.board_detail_prev_next ul > li .lb.next::after{font-family: xeicon; content: "\e941"; margin-left: 50px;}
.board_detail_prev_next ul > li .rb{width: calc(100% - 150px); display: flex; padding-left: 30px;}
.board_detail_prev_next ul > li .rb a{flex-grow: 1; margin-right: auto; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board_detail_prev_next ul > li .rb .date{ flex-shrink: 0; margin-left: 10px;}
.board_detail_prev_next ul > li .rb a:focus,
.board_detail_prev_next ul > li .rb a:hover{text-decoration: underline;}


@media screen and (max-width: 1000px) {
    .board_detail_info{padding: 20px 20px 18px 20px; margin-bottom: 20px;}
    .board_detail_info h2{font-size: 18px; line-height: 1.5;}
    .board_detail_info .info_b{margin-top: 10px;}
    .board_detail_info .info_b dl{padding: 0 10px;}
    .board_detail_info .info_b dl dt{font-size: 14px;}
    .board_detail_info .info_b dl dd{font-size: 14px;}
    .board_func_b{display: none;}

    .board_detail_contents{padding: 15px 20px 20px;}
    .board_detail_contents p{font-size: 15px;}

    .board_detail_attach{display: block; margin: 25px 0;}
    .board_detail_attach .tit{width: 100%; font-size: 14px; padding: 15px; border-bottom: 1px solid #ddd;}
    .board_detail_attach .list{width: 100%; padding: 15px 20px;}
    .board_detail_attach .list ul{width: 100%;}
    .board_detail_attach .list ul > li{margin-top: 10px; font-size: 14px;}
    .board_detail_attach .list ul > li > a{min-height: 15px;}
    .board_detail_attach .list ul > li.file{padding-left: 25px; background-size: 15px;}

    .board_detail_mid_btn{margin: 25px 0 35px;}
    .btn_list{min-width: 95px; padding: 5px 20px; height: 45px; font-size: 15px;}

    .board_detail_prev_next{margin-top: 35px;}
    .board_detail_prev_next ul > li{padding: 15px 15px; font-size: 14px;}
    .board_detail_prev_next ul > li .lb{width: 80px; border-right: 1px solid #ddd; padding: 0 10px;}
    .board_detail_prev_next ul > li .lb.prev::after{content: ""; margin: 0;}
    .board_detail_prev_next ul > li .lb.next::after{content: ""; margin: 0;}
    .board_detail_prev_next ul > li .rb{width: calc(100% - 80px); display: flex; padding-left: 15px;}
    .board_detail_prev_next ul > li .rb .date{ display: none;}

}






/******************************************
 
 *  Reply Layout
 
******************************************/

.board_detail_reply_wrapper{width: 100%; margin: 50px 0;}
.board_detail_reply_wrapper p.count{font-size: 18px; line-height: 30px; font-weight: 500; color: #292929; padding-left: 45px; background: url('/resources/user/hyoryeong/images/common/ic_buble_reply.png') no-repeat left center; margin-bottom: 18px;}

.reply_view_b{background-color: #F2F2F2; padding: 45px 40px; margin-bottom: 40px;}
.reply_view_b .reply_list{width: 100%;}
.reply_view_b .reply_list > li{width: 100%; margin-top: 25px; display: flex; flex-wrap: wrap; align-items: center;}
.reply_view_b .reply_list > li:first-child{margin-top: 0;}
.reply_view_b .reply_list > li .name{margin-right: auto; font-size: 18px; font-weight: 500; color: #333333;}
.reply_view_b .reply_list > li .name .time{padding-left: 15px; font-size: 14px; color: #666; font-weight: 400;}
.reply_view_b .reply_list > li .btns{display: flex;}
.reply_view_b .reply_list > li .btns > li{line-height: 1; border-right: 1px solid #ccc; padding: 0 10px;}
.reply_view_b .reply_list > li .btns > li:last-child{border-right: 0;}
.reply_view_b .reply_list > li .btns > li > a{display: block; font-size: 15px; color: #444;}
.reply_view_b .reply_list > li .btns > li > a:hover,
.reply_view_b .reply_list > li .btns > li > a:focus{text-decoration: underline;}
.reply_view_b .reply_list > li .btns > li > a.red_t{color: #F80606;}
.reply_view_b .reply_list > li .con{width: 100%; margin-top: 10px; font-size: 16px; line-height: 1.6; color: #292929; word-break:break-all;}
.reply_view_b .reply_list > li.re_reply{padding-left: 30px; background:url('/resources/user/hyoryeong/images/common/ic_rply_01.png') no-repeat left top 3px;}

.re_reply_upload{width: 100%; display: flex;}
.re_reply_upload .lb{flex-grow: 1; background-color: #fff; padding: 15px;}
.re_reply_upload .info_b{margin-bottom: 0px;}
.re_reply_upload .info_b input{border: 1px solid #ddd; height: 30px; padding: 0 10px; margin: 5px 10px;}
.re_reply_upload .info_b i{color: #555; font-size: 16px;}
.re_reply_upload .name2{font-size: 16px; font-weight: 500; color: #333;}
.re_reply_upload .txtarea{width: 100%; border: none; padding: 10px; font-size: 16px; margin-top: 7px;}
.re_reply_upload .rb{flex-shrink: 0; width: 98px;}
.re_reply_upload .btns_up{width: 100%; height: 100%; min-height: 82px; background-color: #666; color: #fff; font-size: 16px; font-weight: 500;}


.reply_upload_b{padding: 23px; border-radius: 5px; border: 1px solid #ddd; background-color: #F3F3F3;}
.reply_upload_b .txtarea{width: 100%; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; height: 125px; font-size: 16px; padding: 10px; color: #222;}
.reply_upload_b .upload_b{width: 100%; display: flex; margin-top: 25px; align-items: center;}
.reply_upload_b .upload_b .rb{margin-left: auto;}
.reply_upload_b .upload_b .btn_upload{min-width: 75px; height: 33px; background-color: #fff; border: 1px solid #ddd; font-size: 16px; color: #333; padding: 0 5px;}
.reply_upload_b .upload_b > dl{margin-left: 20px; display: flex; align-items: center;}
.reply_upload_b .upload_b > dl:first-of-type{margin-left: 0;}
.reply_upload_b .upload_b > dl dt{margin-right: 10px;}
.reply_upload_b .upload_b > dl dt label{font-size: 16px; font-weight: 500; color: #333;}
.reply_upload_b .upload_b > dl dd .text_1{height: 33px; border: 1px solid #ddd; padding: 0 10px; color: #222;}




@media screen and (max-width: 800px) {
    .board_detail_reply_wrapper{margin: 25px 0;}
    .board_detail_reply_wrapper p.count{font-size: 15px; line-height: 20px; padding-left: 30px; background-size: 20px; margin-bottom: 15px;}

    .reply_view_b{padding: 25px 20px; margin-bottom: 20px;}
    .reply_view_b .reply_list > li{margin-top: 20px;}
    .reply_view_b .reply_list > li .name{font-size: 15px;}
    .reply_view_b .reply_list > li .name .time{padding-left: 10px; font-size: 12px;}
    .reply_view_b .reply_list > li .btns > li{padding: 0 5px;}
    .reply_view_b .reply_list > li .btns > li > a{font-size: 13px;}
    .reply_view_b .reply_list > li .con{margin-top: 15px; font-size: 14px; line-height: 1.6;}
    .reply_view_b .reply_list > li.re_reply{padding-left: 18px; background-size: 8px;}

    .re_reply_upload{flex-wrap: wrap;}
    .re_reply_upload .lb{width: 100%; padding: 10px;}
    .re_reply_upload .name2{font-size: 15px; font-weight: 500; color: #333;}
    .re_reply_upload .txtarea{width: 100%; border: none; padding: 10px; font-size: 13px; margin-top: 5px;}
    .re_reply_upload .rb{width: 100%;}
    .re_reply_upload .btns_up{min-height: 40px; font-size: 14px;}

    .re_reply_upload .info_b{}
    .re_reply_upload .info_b span{display: inline-block; width: 100%; text-align: right;}
    .re_reply_upload .info_b input{height: 30px; font-size: 14px; margin: 3px 5px; width: calc(100% - 40px);}
    .re_reply_upload .info_b i{color: #555; font-size: 14px;}


    .reply_upload_b{padding: 18px;}
    .reply_upload_b .txtarea{height: 100px; font-size: 14px;}
    .reply_upload_b .upload_b{margin-top: 15px; flex-wrap: wrap;}
    .reply_upload_b .upload_b .rb{width: 100%; margin-top: 10px;}
    .reply_upload_b .upload_b .btn_upload{width: 100%; font-size: 13px;}
    .reply_upload_b .upload_b > dl{margin-left: 0; margin-top: 10px; width: 100%;}
    .reply_upload_b .upload_b > dl:first-of-type{margin-top: 0;}
    .reply_upload_b .upload_b > dl dt{padding-right: 10px; margin: 0; width: 40%;}
    .reply_upload_b .upload_b > dl dt label{font-size: 14px;}
    .reply_upload_b .upload_b > dl dd{width: 60%;}
    .reply_upload_b .upload_b > dl dd .text_1{font-size: 13px; width: 100%;}
}









/******************************************
 
 *  Board Upload
 
******************************************/
.board_upload_wrap{width: 100%;}
.tbl_upload{width: 100%; border-collapse: collapse; border-top: 2px solid #4E4E4E;}
.tbl_upload tr{border-bottom: 1px solid #ddd;}
.tbl_upload th{padding: 25px 10px; text-align: left; font-size: 17px;}
.tbl_upload td{padding: 25px 10px; text-align: left; font-size: 16px;}
.tbl_upload th label{font-weight: 500; font-size: 17px;}
.tbl_upload th label b{color: red; padding-right: 5px;}
.tbl_upload img{vertical-align: middle;}

.private_box01{width: 100%; border-bottom: 1px solid #ddd; padding: 35px 10px 25px;}
.private_box01 .sbj{font-size: 20px; font-weight: 500; color: #292929;}
.private_box01 .con{height: 200px; border: 1px solid #ddd; line-height: 1.8; font-size: 16px; padding: 25px; overflow-y: auto; margin: 18px 0;}
.private_box01 .inputs{text-align: right; margin-top: 20px; font-size: 16px; vertical-align: middle;}
.private_box01 .inputs label{ margin-left: 20px;}
.private_box01 .inputs label:first-of-type{margin-left: 0;}

.upload_btns{margin: 72px 0 50px; text-align: center;}

@media screen and (max-width: 900px) {
    .board_upload_wrap{}
    .tbl_upload{border-top: 2px solid #4E4E4E; display: block;}
    .tbl_upload thead{display: block;}
    .tbl_upload tbody{display: block;}
    .tbl_upload tr{border-bottom: 1px solid #ddd; display: block;}
    .tbl_upload th{display: block; width: 100%; padding: 18px 10px; text-align: left; font-size: 14px; border-bottom: 1px solid #ddd;}
    .tbl_upload td{display: block; width: 100%; padding: 13px 10px; text-align: center; font-size: 14px;}
    .tbl_upload th label{font-weight: 500; font-size: 14px;}

    .private_box01{padding: 25px 10px 15px;}
    .private_box01 .sbj{font-size: 15px;}
    .private_box01 .con{height: 150px;padding: 15px; margin: 10px 0; font-size: 13px;}
    .private_box01 .inputs{margin-top: 15px; font-size: 14px;}

    .upload_btns{margin: 30px 0 30px;}
}






/******************************************
 
 *  Board Private Pop Up
 
******************************************/
.board_private_pop_wrapper{position: fixed; z-index: 1000; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, .5); display: none;}
.pop_private{width: 350px; background-color: #fff; padding: 40px 30px; position: absolute; left: calc(50% - 175px); top: 50%; transform: translateY(-50%);}
.pop_private .close{position: absolute; right: 20px; top: 25px; font-size: 22px; color: #000;}
.pop_private h2{font-size: 20px; color: #222; margin-bottom: 20px;}
.pop_private .f_box{border-top: 2px solid #222; border-bottom: 1px solid #ddd; padding: 15px 5px; margin: 20px 0;}
.pop_private .f_box > p{padding: 5px 0; display: flex; align-items: center;}
.pop_private .f_box > p label{width: 30%; font-size: 16px; font-weight: 500;}
.pop_private .f_box > p input{width: 70%; height: 35px;}
.pop_private .btns{text-align: center; margin: 20px 0 0;}
.pop_private .btns button{padding: 10px 20px; border-radius: 20px; background-color: #EE3F22; color: #fff; font-size: 15px; min-width: 150px; font-weight: 500;}

@media screen and (max-width: 600px) {
    .board_private_pop_wrapper{padding: 0 30px;}
    .pop_private{width: 90%; padding: 30px 20px; left: 5%;}
    .pop_private .close{right: 15px; top: 15px; font-size: 18px;}
    .pop_private h2{font-size: 16px; margin-bottom: 15px;}
    .pop_private .f_box{padding: 13px 5px; margin: 15px 0;}
    .pop_private .f_box > p{padding: 3px 0;}
    .pop_private .f_box > p label{width: 30%; font-size: 14px;}
    .pop_private .f_box > p input{width: 70%; height: 32px; font-size: 14px;}
    .pop_private .btns{margin: 15px 0 0;}
    .pop_private .btns button{padding: 7px 15px; font-size: 14px; min-width: 120px;}
}






/******************************************

 *  Search All - 통합검색

******************************************/
.total_search_form_box{width: 100%; padding: 40px 25px 40px; background: #F1F1F1; margin-bottom: 55px;}
.total_search_form_box .inner{max-width: 1000px; margin: 0 auto;}
.total_search_form_box .total_search{width: 100%; display: flex; justify-content: space-between; margin-bottom: 10px;}
.total_search_form_box .total_search .select_b{width: 30%;}
.total_search_form_box .total_search .input_b{width: 68%; position: relative;}
.total_search_form_box .total_search .input_b button{position: absolute; right: 15px; top: 12px;}
.total_search_form_box .total_search .input_b button i{color: #EE3F22;}
.total_search_form_box .radios{width: 100%;margin-bottom: 15px; text-align: right;}
.total_search_form_box .radios span{display: inline-block; margin-right: 15px;}
.total_search_form_box .radios label{font-size: 14px;}
.total_search_form_box .tit{font-size: 22px; font-weight: 500; color: #222; margin: 20px 0 10px;}
.total_search_form_box .search_range{display: flex; justify-content: space-between;}
.total_search_form_box .search_range .select_b{width: 40%;}
.total_search_form_box .search_range .range_b{width: 58%; display: flex; align-items: center; flex-wrap: wrap;}
.total_search_form_box .search_range .range_b .sbj{font-size: 16px; font-weight: 500; color: #111; margin-right: 15px;}
.total_search_form_box .search_range .range_b .radios2 label{font-size: 16px;}
.total_search_form_box .search_range .range_b .radios2 span{display: inline-block; margin-right: 15px;}
.total_search_form_box .top_searched_b{width: 100%; margin-top: 25px; padding-top: 20px; border-top: 1px solid #ccc; display: flex; align-items: center;}
.total_search_form_box .top_searched_b .sbj{flex-shrink: 0; margin-right: 20px; font-size: 16px; font-weight: 500; color: #222;}
.total_search_form_box .top_searched_b .list{flex-grow: 1; display: flex; flex-wrap: wrap;}
.total_search_form_box .top_searched_b .list > li{padding: 0px 15px; margin: 5px 0; border-right: 1px solid #ccc;}
.total_search_form_box .top_searched_b .list > li:last-of-type{border-right: none;}
.total_search_form_box .top_searched_b .list > li > a{line-height: 1.1;}
.total_search_form_box .top_searched_b .list > li > a:hover,
.total_search_form_box .top_searched_b .list > li > a:focus{font-weight: 500; color: #222;}

.select_allSear{width: 100%; height: 60px; border: 2px solid #EE3F22; padding: 0 30px 0 15px; background: #fff url('/resources/user/hyoryeong/images/common/ic_select_arr_red.png') no-repeat right 10px center; color: #222; font-size: 16px; font-weight: 500;}
.text_allSear{width: 100%; height: 60px; border: 2px solid #EE3F22; padding: 0 45px 0 15px; color: #222; font-size: 16px; border-radius: 0;}
.text_allSear::placeholder{font-size: 16px;}
.btn_allSear{color: #EE3F22; font-size: 30px;}
.txt_date_sear{height: 33px; width: 120px; background-color: #fff; border: 1px solid #ccc; margin: 5px 0; padding: 0 10px;}

.total_search_mid_tab_box{width: 100%; margin: 50px 0 60px;}
.total_search_tab{width: 100%; display: flex;}
.total_search_tab > li{flex-grow: 1; flex-basis: 1px; border: 1px solid #ddd; margin: -1px 0 0 -1px ;}
.total_search_tab > li > a{display: block; font-size: 17px; color: #333; padding: 15px 5px; text-align: center;}
.total_search_tab > li.active{border-color: #EE3F22;}
.total_search_tab > li.active > a{background-color: #EE3F22; color: #fff; font-weight: 500;}

.total_search_result_box{margin:40px 0 100px;}
.total_search_result_box:last-of-type{margin-bottom: 50px;}
.total_search_result_box:first-of-type{margin-top: 0;}
.total_search_result_box > h2{font-size: 25px; margin-bottom: 30px; font-weight: 500;}
.total_search_result_box .re_top{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.total_search_result_box .re_top .lb{margin-right: auto; font-size: 17px;}
.total_search_result_box .re_top .lb b{font-weight: 500; color: #222;;}
.total_search_result_box .re_top .sort{display: block;}
.total_search_result_box .re_top .sort > a{display: inline-block; padding: 0 10px; line-height: 1; border-right: 1px solid #ddd; font-size: 17px;}
.total_search_result_box .re_top .sort > a:last-of-type{border-right: none;}
.total_search_result_box .re_top .sort > a.active{color: #111; font-weight: 500;}
.total_search_result_box .contents{border-top: 2px solid #333; border-bottom: 1px solid #ddd;}
.total_search_result_box .contents > .one{border-bottom: 1px solid #ddd; padding: 30px 25px 25px;}
.total_search_result_box .contents > .one:last-of-type{border-bottom: none;}
.total_search_result_box .contents > .one .agency{font-size: 17px; font-weight: 600; color: #EE3F22; margin-bottom: 20px;}
.total_search_result_box .contents > .one .a_tag{display: block; font-size: 16px; color: #333; margin-bottom: 15px; text-decoration: underline;}

.total_search_result_box .contents > .one .title{display: block; margin: 15px 0; font-size: 17px; color: #111; font-weight: 500;}
.total_search_result_box .contents > .one .title span{padding: 0 5px; color: #EE3F22;}
.total_search_result_box .contents > .one .cont{margin: 25px 0; font-size: 16px; color: #555; line-height: 1.5; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word; -webkit-line-clamp:3; max-height: 75px;}
.total_search_result_box .contents > .one .date{margin: 15px 0 0; font-size: 14px; color: #777; font-weight: 500;}
.total_search_result_box .contents > .one .blank{padding: 50px; text-align: center; font-size: 18px;}

.total_search_bott_btns{text-align: right; margin: 20px 0;}
.btn_totalSearch{height: 55px; padding: 0 25px 0 30px; border-radius: 30px; border: 1px solid #aaa; font-size: 15px; font-weight: 500; color: #222; transition: all .3s ease;}
.btn_totalSearch i{display: inline-block;color: #EE3F22; margin-left: 5px;transition: all .3s ease;}
.btn_totalSearch:focus,
.btn_totalSearch:hover{border-color: #EE3F22; color: #fff; background-color: #EE3F22;}
.btn_totalSearch:focus i,
.btn_totalSearch:hover i{color: #fff;}


@media screen and (max-width: 1000px) {
    .total_search_form_box{padding: 30px 20px 25px; margin-bottom: 35px;}
	.total_search_form_box .total_search{display: flex; flex-wrap: wrap; margin-bottom: 10px;}
	.total_search_form_box .total_search .select_b{width: 100%; margin-bottom: 10px;}
	.total_search_form_box .total_search .input_b{width: 100%;}
	.total_search_form_box .total_search .input_b button{right: 15px; top: 12px;}
	.total_search_form_box .radios{margin-bottom: 15px;}
	.total_search_form_box .radios span{margin: 5px;}
	.total_search_form_box .radios label{font-size: 13px;}
	.total_search_form_box .tit{font-size: 18px; margin: 10px 0 5px;}
	.total_search_form_box .search_range{flex-wrap: wrap; }
	.total_search_form_box .search_range .select_b{width: 100%; margin-bottom: 10px;}
	.total_search_form_box .search_range .range_b{width: 100%; align-items: flex-start; padding-top: 10px;}
	.total_search_form_box .search_range .range_b .sbj{font-size: 14px; margin-bottom: 10px;}
	.total_search_form_box .search_range .range_b .radios2 label{font-size: 13px;}
	.total_search_form_box .top_searched_b{margin-top: 20px; padding-top: 20px; flex-wrap: wrap;}
	.total_search_form_box .top_searched_b .sbj{width: 100%; margin: 0 0 10px; font-size: 15px;}
	.total_search_form_box .top_searched_b .list{width: 100%;}
	.total_search_form_box .top_searched_b .list > li{padding: 0px 10px; margin: 5px 0;}
    
	.select_allSear{height: 45px; background-size: 15px; font-size: 14px;}
	.text_allSear{height: 45px; padding: 0 45px 0 15px; font-size: 14px;}
	.text_allSear::placeholder{font-size: 14px;}
	.btn_allSear{font-size: 25px;}
    
	.total_search_mid_tab_box{margin: 30px 0 40px;}
	.total_search_tab{flex-wrap: wrap;}
	.total_search_tab > li{flex-basis: inherit; flex-grow: inherit; width: 33.33%;}
	.total_search_tab > li > a{font-size: 14px; padding: 12px 5px;}
    
	.total_search_result_box{margin:20px 0 40px;}
	.total_search_result_box:last-of-type{margin-bottom: 20px;}
	.total_search_result_box > h2{font-size: 20px; margin-bottom: 20px;}
	.total_search_result_box .re_top{margin-bottom: 10px;}
	.total_search_result_box .re_top .lb{font-size: 14px;}
	.total_search_result_box .re_top .sort > a{padding: 0 10px; font-size: 14px;}
	.total_search_result_box .contents > .one{padding: 15px 8px 13px;}
	.total_search_result_box .contents > .one:last-of-type{border-bottom: none;}
	.total_search_result_box .contents > .one .agency{font-size: 15px;margin-bottom: 10px;}
	.total_search_result_box .contents > .one .a_tag{ font-size: 14px; margin-bottom: 10px;}
    
	.total_search_result_box .contents > .one .title{margin: 10px 0; font-size: 14px;}
	.total_search_result_box .contents > .one .cont{margin: 15px 0; font-size: 14px; max-height: 75px;}
	.total_search_result_box .contents > .one .date{margin: 20px 0 0; font-size: 13px;}
    .total_search_result_box .contents > .one .blank{padding: 20px; font-size: 14px;}
    
	.total_search_bott_btns{margin: 20px 0;}
	.btn_totalSearch{height: 45px; padding: 0 20px 0 25px; font-size: 13px;}
}




/******************************************
 
 *  Calendar - Layout
 
******************************************/

/* top */
.calendar_top_box{border-top: 2px solid #4E4E4E; padding: 45px 20px 40px; display: flex; justify-content: center; align-items: center;}

.calendar_top_box .date{display: block; font-size: 18px; color: #777;}
.calendar_top_box .date b{padding: 0 5px; font-size: 28px; font-weight: 500; color: #A48677;}

.calendar_top_box .today{display: inline-flex; align-items: center; margin: 0 30px;}
.calendar_top_box .today .year{font-size: 28px; font-weight: 500; color: #EE3F22; padding: 0 20px;}


/* contents */
.calendar_con_wrapper{width: 100%; position: relative;}
.calendar_con_wrapper.eventList{overflow-y: auto; border-bottom: 1px solid #ddd;}
.calendar_con_wrapper.foodList{overflow-y: auto; border-bottom: 1px solid #ddd;}

.tbl_calendar{width: 100%; table-layout: fixed; border-collapse: collapse;}
.tbl_calendar th{border: 1px solid #ddd; font-size: 22px; font-weight: 500; color: #333; padding: 13px 5px;}
.tbl_calendar td{border: 1px solid #ddd; padding: 0; height: 210px; vertical-align: top;}
.tbl_calendar .date{width: 100%; padding: 11px 5px; font-size: 22px; font-weight: 500; color: #222; background-color: #FEF4F2; min-height: 50px; text-align: center;}
.tbl_calendar td.sun .date{color: #ED1C24;}
.tbl_calendar td.sat .date{color: #034EA2;}
.tbl_calendar td.active{background-color: #fafafa; position: relative;}
.tbl_calendar td.active::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid red;}
.tbl_calendar .schedule{padding: 15px 10px 10px;}
.tbl_calendar .schedule > li{padding: 0px 0px 0px 15px; font-size: 17px; line-height: 1.5; position: relative; margin: 3px 5px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word; -webkit-line-clamp:2; height: 53px; margin-top: 10px;}
.tbl_calendar .schedule > li a:hover{text-decoration: underline;}
.tbl_calendar .schedule > li:first-child{margin-top: 0;}
.tbl_calendar .schedule > li::before{content: ""; position: absolute; left: 0px; top: 10px; background-color: #FDB913; width: 5px; height: 5px; border-radius: 50%; border-radius: 50%;}

.tbl_calendar .foo_li{padding: 10px;}
.tbl_calendar .foo_li > li{margin-top: 7px; font-size: 16px;}
.tbl_calendar .foo_li > li:first-of-type{margin-top: 0;}
.tbl_calendar .foo_li > li.orange{font-size: 18px; font-weight: 600; color: #EE3F22;}


/* 행사 일정 팝업 */
.event_list_pop_w{display: none; position: absolute; left: 60%; top: 20%; width: 483px; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, .1);}
.event_list_pop_w.on{display: block;}
.event_list_pop_w .title_box{width: 100%; background-color: #EE3F22; padding: 15px 30px 15px 30px; display: flex; justify-content: space-between; align-items: center;}
.event_list_pop_w .title_box h2{color: #fff; font-size: 23px; font-weight: 500; padding-left: 35px; background: url('/resources/user/hyoryeong/images/sub/ic_bell.png') no-repeat left center;}
.event_list_pop_w .title_box h2 span{color: #fff; font-size: 18px; margin-left: 10px;}
.event_list_pop_w .title_box .btn_close{width: 48px; height: 48px; border-radius: 50%; background-color: #444444; color: #fff; font-size: 20px; transition: all .25s ease;}
.event_list_pop_w .title_box .btn_close:hover,
.event_list_pop_w .title_box .btn_close:focus{background-color: #000;}
.event_list_pop_w .title_box .btn_close i{color: #fff;}
.event_list_pop_w .cont_b{padding: 35px 25px 5px; max-height: 400px; overflow-y: auto;}
.event_list_pop_w .cont_b .one_ev{ padding: 35px 10px 25px; border-top: 1px dashed #ddd;}
.event_list_pop_w .cont_b .one_ev:first-of-type{padding-top: 0; border-top: none;}
.event_list_pop_w .cont_b .one_ev h3{font-size: 22px; font-weight: 500; color: #222; margin-bottom: 15px;}
.event_list_pop_w .cont_b .one_ev .list > li{margin-top: 5px; font-size: 16px; color: #333; padding-left: 18px; position: relative; line-height: 1.5;}
.event_list_pop_w .cont_b .one_ev .list > li::before{content: ""; display: block; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background-color: #EE3F22;}
.event_list_pop_w .cont_b .one_ev .list > li:first-child{margin-top: 0;}
.event_list_pop_w .cont_b .one_ev .list > li .tit{font-weight: 500; color: #111; margin-right: 15px;}



@media screen and (max-width: 1000px) {
    /* top */
    .calendar_top_box{padding: 25px 10px 20px;}

    .calendar_top_box .date{font-size: 12px;}
    .calendar_top_box .date b{padding: 0 0px; font-size: 15px;}
    .calendar_top_box .today{margin: 0 10px;}
    .calendar_top_box .today .year{font-size: 20px; padding: 0 10px;}
    .calendar_top_box .btn_cal{width: 23px;}

    .tbl_calendar .foo_li > li{margin-top: 5px; font-size: 13px;}
    .tbl_calendar .foo_li > li.orange{font-size: 14px;}

    
    /* 행사 일정 팝업 */
    .event_list_pop_w{position: relative; left: 0; top: 0; width: 100%; box-shadow: none;}
    .event_list_pop_w .title_box{padding: 15px 15px 12px 20px;}
    .event_list_pop_w .title_box h2{font-size: 18px; padding-left: 25px; background-size: 15px;}
    .event_list_pop_w .title_box h2 span{font-size: 15px; display: inline-block; margin-left: 3px;}
    .event_list_pop_w .title_box .btn_close{display: none;}
    .event_list_pop_w .cont_b{padding: 25px 15px 10px; max-height: none;}
    .event_list_pop_w .cont_b .one_ev{padding: 20px 5px 20px;}
    .event_list_pop_w .cont_b .one_ev h3{font-size: 18px; margin-bottom: 8px;}
    .event_list_pop_w .cont_b .one_ev .list > li{font-size: 14px; padding-left: 15px;}
    .event_list_pop_w .cont_b .one_ev .list > li::before{top: 7px;}
    .event_list_pop_w .cont_b .one_ev .list > li .tit{ margin-right:10px;}


}

@media screen and (max-width: 700px) {
    .calendar_con_wrapper.eventList{max-height: auto;}
    .calendar_con_wrapper.foodList{max-height: auto;}

    /* contents */
    .calendar_con_wrapper{width: 100%; overflow-x: auto;}
    .tbl_calendar{width: 700px;}
    .tbl_calendar th{font-size: 15px; padding: 10px 5px;}
    .tbl_calendar td{height: 150px;}
    .tbl_calendar .date{padding: 5px 5px; font-size: 10px; min-height: 25px;}
    .tbl_calendar .schedule{padding: 10px 5px 10px;}
    .tbl_calendar .schedule > li{font-size: 13px; height: 40px; margin-top: 3px;}
}

@media screen and (max-width: 500px) {

    /* contents */
    .tbl_calendar{width: 600px;}
}




/******************************************
 
 *  Sub Conetns
 
******************************************/




/******************************************
 
 *  Sub Conetns
 
******************************************/




/******************************************
 
 *  Sub Conetns
 
******************************************/




/******************************************
 
 *  Sub Conetns
 
******************************************/




/******************************************
 
 *  Sub Conetns
 
******************************************/




/******************************************
 
 *  Sub Conetns
 
******************************************/




/******************************************
 
 *  Sub Conetns
 
******************************************/




/******************************************
 
 *  Sub Conetns
 
******************************************/




/******************************************
 
 *  Sub Conetns
 
******************************************/