
#body input[type=checkbox].checkbox { display:none; width:20px; height: 20px; margin-right:8px; vertical-align: -4px }
#body input[type=checkbox] + label { display: inline-block; vertical-align: top; overflow: hidden; cursor: pointer;  padding:0 0 0 25px; height:20px;font-size:14px; line-height:20px; color:#000; font-weight: 500;  background: url('../img/check.png') no-repeat left top/20px auto;}
#body input[type=checkbox]:checked + label { background: url('../img/check.png') no-repeat left bottom/20px auto; }

#body input[type=radio].radio {  display:none; width:20px; height: 20px; margin-right:8px; vertical-align: -4px }
#body input[type=radio] + label { display: inline-block; vertical-align: top; overflow: hidden; cursor: pointer; padding:0 0 0 25px; height:20px;font-size:14px; line-height:20px; color:#000; font-weight: 500;  background: url('../img/radio.png') no-repeat left top/20px auto;}
#body input[type=radio]:checked + label { background: url('../img/radio.png') no-repeat left bottom/20px auto; }

.inp {font-size:14px;}
.txtarea {width: 100%; height: 60px; padding:10px; font-size:14px; line-height:18px; }
.txtarea2 {height: 100px;}

select {padding:0 24px 0 10px; font-size:14px;background:#fff url("../img/icon_sel.png") no-repeat right 10px center;}
select option {height:30px; font-size:12px; line-height:30px;}

.his_map {display: none}
.pc_show {display: none;}
.m_show {display: block;}
.tbl .pc_show {display:none;}
.tbl .m_show {display: table-row}

.sub_top {width:104%; height: auto; margin: 0 -2% 10px;}
.sub_top > span { font-size:24px; line-height:90px;}

.navi_wrap {padding:0 0 8px ;}
.navi{display: flex; justify-content: space-between; padding:0;align-items: center;}
.navi>ul>li a {font-size: 16px;}
.content {padding:0 2% } 
.pop_sns .pop_con {padding:20px 0 !important;}

.m_td01 .inp_datepicker {width: 70% !important; margin-top: 5px}
.m_td01 .inp_datepicker:first-child {margin-top: 0}
.inp_datepicker {background-size: 20px auto;}
.m_td02 {text-align: center}
.m_td02 select {width: 100% !important}
.m_td02 input {margin:5px 0;width: 100% !important}
.m_td02 button {display: inline-block; margin:0 2px !important; width: 40% !important}
.chek_td label {margin:0 10px 5px 0}

.main_snsCont .main_tab_title {position: static; margin:0 0 20px}
.main_snsCont .main_tab_title ul {display: flex;border-left: 1px solid #000;}
.main_snsCont .main_tab_title ul li {flex: auto; float: none; margin: 0; text-align: center; border: 1px solid #000; border-left: none;}
.main_snsCont .main_tab_title ul li:after {display: none;}
.main_snsCont .main_tab_title ul li button {width: 100%; padding: 10px 0; font-size: 16px;}
.main_snsCont .main_tab_title ul li.active button {background-color: #000; color: #fff;}

.card-grid {grid-template-columns:auto; gap: 20px;}
.card {margin:0 0 10px;}
.card-info {padding: 8px 0 0;}

.main_snsCont .main_tab_title > div {position: static; width: 100%; text-align: right; margin:0 0 20px;}

.view_con .tit h2 {font-size: 28px; line-height: 30px; margin:0 0 10px}
.view_con .tit .date {font-size: 16px; line-height:20px;}
.view_con .con_r h3 {font-size: 24px; line-height: 28px;}
.bt_detail {bottom: 0; font-size: 14px;}
.bt_detail::after {top: 6px; right: -14px;height: 10px;}
.view_con .con_r .con_dl01 {margin: 0 0 20px;}
.view_con .con_r .con_dl01 dt {font-size: 16px; line-height:20px;}
.view_con .con_r .con_dl01 dd {font-size: 16px; line-height:20px;margin: 0 0 20px;}
.bt_uplo { font-size: 14px;}

/* .view_con .con_r .rep {position: relative;} 0319 삭제 */

.view_con .con_r .rep dd .box_scroll span {font-size: 16px; line-height:20px;}
.view_con p { margin: 20px 0 0; font-size: 16px; line-height:24px;}
.main_snsCont h1 { margin-bottom: 20px; font-size: 22px;}

.slide_box01 {margin:0 0 20px}
.slide_box01 .item-slick.slick-slide.slick-current.slick-active { outline: none !important;}
.slide_box01 .slider-for .slick-list * {height:auto;}
.slide_box01 .slider-for {margin-bottom: 10px;}
.slide_box01 .slider-for img { width: 100%; min-height: 100%;height:auto; }
.slide_box01 .slider-nav { margin: auto;height: 63px;}
.slide_box01 .slider-nav * {height:55px;}
.slide_box01 .slider-nav .item-slick {max-width: 63px; margin-right:7px;  outline: none !important;  cursor: pointer;}
.slide_box01 .slider-nav .item-slick img {max-width: 63px;height: 63px;  background-size: cover;  background-position: center;}
.slide_box01 .slick-arrow { z-index: 1;  margin-top: 0; width:24px; height: 24px; background-size: cover !important; }
.slide_box01 .slider-for .slick-prev {display:block !important; left: 5px; background: url("../img/bt_left_off.png") no-repeat center center}
.slide_box01 .slider-for .slick-next {display:block !important; right: 5px; background: url("../img/bt_right_off.png") no-repeat center center}
.slide_box01 .slider-nav .slick-prev {display: none !important; }
.slide_box01 .slider-nav .slick-next {display: none !important; }

.mul_list li.mv a .tit,
.mul_list li.pht a .tit { padding: 0; background:none;}
.mul_list li a .tit span {max-width: 89%;}

/* 페이징 */
#body .pagination {margin: 20px 0 0; }
#body .pagination a {width: 28px; height:28px; font-size: 13px; line-height: 28px;  color: #333; margin: 0 2px; text-align: center; border-radius: 50%; background:#fff} 
#body .pagination span { display: inline-block; vertical-align: top; z-index: 1; position: relative; width: 28px; height: 28px; font-size: 13px; line-height: 28px;  color: #fff; margin: 0 2px; text-align: center;border-radius: 50%; background:#e6c72b;  }
#body .pagination .prev { text-indent: -9999px; background: url("../img/bt_prev.png") no-repeat center center / cover; }
#body .pagination .next { text-indent: -9999px; background: url("../img/bt_next.png") no-repeat center center / cover; }
#body .pagination .first { text-indent: -9999px; background: url("../img/bt_first.png") no-repeat center center / cover; }
#body .pagination .last {text-indent: -9999px; background: url("../img/bt_last.png") no-repeat center center / cover; }

.tbl_row01 {table-layout: auto;}
.tbl_row01 th {height: 43px; font-size:14px;}
.tbl_row01 td { height: 40px;  padding:5px; font-size:14px;}
.tbl_row01 td.left { padding: 5px 10px;}

.img_default {width:100px; height: 100px; border: 1px solid #dadada}
.ul_img_default li {position: relative;}
.btn-add img {width: 25px; height: 25px;}
.filebox label { width: 60px; height:35px; margin:0 5px; font-size: 14px; line-height:35px;}
.filebox .upload-name, .filebox .upload-name2 {width:50%;font-size:14px; line-height:35px;}
.filebox .btn-delete { min-width: 60px !important}

.box_scroll2, .sub_calendar {overflow-x: auto; }
.box_scroll2 table, .sub_calendar table {min-width: 720px}

.wri_dhm .inp_datepicker {width: 50% !important;}
.sub_schedule .year_month .day {text-indent: -80px; display: inline-block;}
.sub_schedule .year_month .calendar_next {right: 90px;}
.scroll_tbl {width: 100%; overflow-x:auto; white-space: nowrap; }
.scroll_tbl table {width: auto;min-width: 800px;}/* 0319 수정 */

.scroll_tbl2 {width: 100%; overflow-x:auto; white-space: nowrap; }/* 0319 추가 */
.scroll_tbl2 table {width: 100%;table-layout: auto;}/* 0319 추가 */

.bt_pg_line {margin-top:20px;}
.intro_con .sec {margin: 0 0 40px;}
.intro_con .sec h2 {margin: 0 0 20px;}
.intro_con .sec p {font-size:16px;}
.intro_con .sec p button {font-size:16px;}
.controls {padding:20px 10px;}
.accordion-container .depth1-header {padding: 20px 55px 20px 20px; }
.depth2-item dl dt {float: none; width: 100%; padding: 20px 10px 20px 65px; text-indent: -40px; }
.depth2-item dl dd {float: none; width: 100%; padding: 20px 20px 20px; text-align: right;border-top: 1px solid #f0f0f0;}

.vis_con li {float: none; height: auto; display: flex; justify-content: center; align-items: center;}
.vis_con li:nth-child(1) {width: 50%;margin: 0 auto;}
.vis_con li:nth-child(2) {width: 11%;margin:10px auto; transform: rotate(90deg);}
.vis_con li:nth-child(3) {width: 100%;}

.sec .fr {margin: 10px 0;}

.thumb {height:230px;} /* 0319 추가 */
.m_td02_2 {width: 100% !important;}/* 0319 추가 */