@charset "utf-8";

/* 리스트 상단 */
#board .list_top {display: flex; flex-flow: wrap; min-height: 40px; position: relative; padding-right: 310px; display:flex; justify-content:left; align-items:center; table-layout:fixed; margin-bottom: 20px;}
#board .list_top.type2 {padding-right: 0; min-height: auto; margin-bottom: 16px;}
#board .list_top .l_txt {font-size: 0;}
#board .list_top .l_txt .s_txt {display: inline-block; font-size: 24px; color: #111111; font-weight: 700; margin-right: 10px;}
#board .list_top .l_txt .s_txt span {color: #ee3424}
#board .list_top .l_txt .count {display: inline-block; font-size: 16px; color: #444444; letter-spacing: -0.05em;}
#board .list_top .l_txt .count strong {font-size: 20px; color: #000000; font-weight: 700;}
#board .list_top .search_bx {position: absolute; right: 0; top: 0; width: 290px; padding-right: 50px; box-sizing: border-box;}
#board .list_top .search_bx input {width: 100%; height: 40px; font-size: 16px; color: #444; letter-spacing: -0.05em; word-break: keep-all; border: none; outline: none; padding: 0;}
#board .list_top .search_bx input::placeholder {color: #aaaaaa;}
#board .list_top .s_btn {position: absolute; width: 40px; height: 40px; font-size: 0; background: url(../images/icon/search2.png) no-repeat center #000000; border-radius: 50%; right: 0; top: 0;}
#board .list_top .date_bx {display: flex; flex-flow: wrap; max-width: 648px; box-sizing: border-box; width: 100%;}
#board .list_top .date_bx .d_btn {width: calc(22.634% - 6.666px); box-sizing: border-box; margin-right: 10px; font-size: 14px; color: #aaaaaa; min-height: 40px; border: 1px solid #eeeeee; display:flex; justify-content:center; align-items:center; table-layout:fixed; letter-spacing: -0.03em;}
#board .list_top .date_bx .d_btn.on {background-color: #ee3424; color: #fff; border-color: #ee3424;}
#board .list_top .date_bx .date_w {width: calc(54.732% - 6.666px); box-sizing: border-box; display: flex; flex-flow: wrap;}
#board .list_top .date_bx .date_w input {width: calc(50% - 14px); box-sizing: border-box; border: 1px solid #eeeeee; background: url(../images/icon/calendar.png) no-repeat right 10px center; padding: 0 40px 0 10px; cursor: pointer; font-size: 14px; color: #444; outline: none;}
#board .list_top .date_bx .date_w input::placeholder {color: #aaaaaa;}
.ui-datepicker-title::after {content: '월';}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 35%!important;}
.ui-datepicker select.ui-datepicker-year {margin-right: 3px!important;}
.ui-datepicker select.ui-datepicker-month {margin-left: 10px!important; margin-right: 3px!important;}
#board .list_top .date_bx .date_w span {width: 28px; line-height: 40px; text-align: center; font-size: 14px; color: #aaaaaa; letter-spacing: -0.03em;}

#board .category_bx {font-size: 0; text-align: center; margin-bottom: 30px;}
#board .category_bx a {display: inline-block; box-sizing: border-box; padding: 0 30px; min-width: 120px; border: 2px solid #eeeeee; background-color: #eeeeee; border-radius: 100px; font-size: 16px; color: #666666; line-height: 26px; font-weight: 500; margin: 0 5px 10px;}
#board .category_bx a.on {background-color: #ee3424!important; color: #fff!important; border-color: #ee3424!important;}
#board .category_bx a span {display:flex; justify-content:center; align-items:center; table-layout:fixed; width: 100%; text-align: center; min-height: 56px;}

#board .list_c {font-size: 0; text-align: center; border-bottom: 1px solid #dddddd; padding: 26px 0 16px; background-color: #fff; margin-bottom: -2px; position: relative; z-index: 1; border-top: 2px solid #111;}
#board .list_c div {display: inline-block; margin: 0 20px 10px;}
#board .list_c div a {font-size: 16px; color: #666666; font-weight: 500; line-height: 23px;}
#board .list_c div a.on {color: #ee3424!important;}



/* 리스트 */
#board .list01 {border-top: 2px solid #111;}
#board .list01 ul {display: flex; flex-flow: wrap; padding-top: 40px;}
#board .list01 ul li {width: calc(25% - 29.25px); margin-right: 39px; box-sizing: border-box; margin-top: 39px;}
#board .list01 ul li:nth-child(4n) {margin-right: 0;}
#board .list01 ul li:nth-child(-n+4) {margin-top: 0;}
#board .list01 ul li a {display: block; height: 100%; position: relative; box-sizing: border-box; padding: 15px 14px 28px; border: 1px solid #eeeeee;}
#board .list01 .img_bx {position: relative; overflow: hidden; padding-bottom: 100%;}
#board .list01 .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#board .list01 .txt_bx {text-align: center; margin-top: 22px;}
#board .list01 .txt_bx .txt1 {font-size: 18px; color: #111111; line-height: 25px; font-weight: 700; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
#board .list01 .txt_bx .txt2 {font-size: 14px; color: #444444; line-height: 20px; word-break: keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; margin-top: 2px;}
#board .list01 .txt_bx .txt3 {font-size: 14px; color: #111111; margin-top: 12px;}
#board .list01 .txt_bx .txt3 strong {font-size: 18px; color: #ee3424; font-weight: 700;}

#board .list02 {border-top: 2px solid #111;}
#board .list02 ul {display: flex; flex-flow: wrap; padding-top: 40px;}
#board .list02 ul li {width: calc(25% - 29.25px); margin-right: 39px; box-sizing: border-box; margin-top: 39px;}
#board .list02 ul li:nth-child(4n) {margin-right: 0;}
#board .list02 ul li:nth-child(-n+4) {margin-top: 0;}
#board .list02 ul li a {display: block; height: 100%; position: relative; box-sizing: border-box; border: 1px solid #eeeeee; background-color: #ffffff; padding-bottom: 24px;}
#board .list02 .img_bx {position: relative; overflow: hidden; padding-bottom: 74.42%;}
#board .list02 .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#board .list02 .txt_bx {text-align: center; margin-top: 24px; padding: 0 14px;}
#board .list02 .txt_bx .txt1 {font-size: 18px; color: #111111; line-height: 25px; font-weight: 700; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
#board .list02 .txt_bx .txt2 {font-size: 0; margin-top: 16px;}
#board .list02 .txt_bx .txt2 p {display: inline-block; margin: 0 3px 6px; font-size: 12px; color: #666666; background-color: #eeeeee; padding: 8px 20px; border-radius: 100px;}

#board .list03 {border-top: 2px solid #111;}
#board .list03 ul li {border-bottom: 1px solid #eeeeee;}
#board .list03 ul li a {height: 133px; position: relative; display:flex; justify-content:left; align-items:center; table-layout:fixed; padding: 0 84px 0 99px; box-sizing: border-box;}
#board .list03 ul li a::before {content: ''; width: 18px; height: 14px; background: url(../images/icon/list_arrow1.png) no-repeat center; position: absolute; right: 34px; top: 50%; margin-top: -7px;}
#board .list03 ul li a .num {width: 99px; height: 100%; position: absolute; left: 0; top: 0; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 16px; color: #666666;}
#board .list03 ul li.on a .num::before {content: ''; width: 40px; height: 40px; background: url(../images/icon/notice.png) no-repeat center #ee3424; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); border-radius: 50%; z-index: 1;}
#board .list03 ul li a .txt {width: 86%; max-width: 890px;}
#board .list03 ul li a .txt div {display: flex;}
#board .list03 ul li a .txt strong {-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; font-size: 24px; color: #222222; letter-spacing: -0.05em; font-weight: 800; word-break: break-all;}
#board .list03 ul li a .txt strong .lock {float: right; display: flex; align-items: flex-end; height: calc(100% - 4px); shape-outside: inset(calc(100% - 24px) 0 0 0);}
#board .list03 ul li a .txt strong .lock::before {content: ''; display: inline-block; width: 18px; height: 23px; background: url(../images/icon/lock.png) no-repeat center; margin-left: 5px;}
#board .list03 ul li a .txt p {font-size: 16px; color: #aaaaaa; margin-top: 13px;}
#board .list03 ul li a .status {position: absolute; width: 80px; line-height: 80px; box-sizing: border-box; border: 1px solid #dedede; background-color: #fff; text-align: center; font-size: 16px; color: #aaaaaa; font-weight: 700; right: 30px; top: 50%; margin-top: -40px; border-radius: 50%;}
#board .list03 ul li a .status.col2 {color: #fff; background-color: #ee3424; border-color: #ee3424;}

#board .list04 {border-top: 2px solid #111111;}
#board .list04 table {width: 100%; table-layout: fixed;}
#board .list04 table thead tr {border-bottom: 1px solid #dddddd;}
#board .list04 table thead th {box-sizing: border-box; height: 70px; text-align: center; font-size: 16px; color: #000000; font-weight: 700;}
#board .list04 table thead th.w60 {width: 60px;}
#board .list04 table thead th.w120 {width: 120px;}
#board .list04 table thead th.w140 {width: 140px;}
#board .list04 table tbody tr {border-bottom: 1px solid #eeeeee;}
#board .list04 table tbody td {position: relative; font-size: 16px; color: #666666; padding: 20px 5px; text-align: center; word-break: break-all;}
#board .list04 table tbody td .fcol2 {color: #111;}
#board .list04 table tbody td .l_txt {display: none;}
#board .list04 table tbody td .status {font-size: 16px; width: 80px; line-height: 78px; box-sizing: border-box; border-radius: 50%; display: inline-block; border: 1px solid; text-align: center;}
#board .list04 table tbody td .status.col1 {background-color: #aaaaaa; border-color: #aaaaaa; color: #fff;}
#board .list04 table tbody td .status.col2 {background-color: #ffffff; border-color: #dddddd; color: #aaaaaa;}
#board .list04 table tbody td .status.col3 {background-color: #111111; border-color: #111111; color: #fff;}
#board .list04 table tbody td.subject .sb_w {min-height: 100px; box-sizing: border-box; padding: 0 15px 0 149px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .list04.type2 table tbody td.subject .sb_w {padding-right: 115px;}
#board .list04 table tbody td.subject .sb_w .img_w {position: absolute; width: 100px; height: 100px; left: 20px; top: 50%;  margin-top: -50px;}
#board .list04 table tbody td.subject .sb_w .img_w img {max-width: 100%; max-height: 100%;}
#board .list04 table tbody td.subject .sb_w .txt_w {text-align: left; width: 100%;}
#board .list04 table tbody td.subject .sb_w .txt_w strong {display: block; font-size: 18px; color: #000000; font-weight: 700; line-height: 24px;}
#board .list04 table tbody td.subject .sb_w .txt_w p {font-size: 14px; color: #444444; line-height: 20px; margin-top: 1px;}
#board .list04 table tbody td.subject .sb_w .txt_w ul {margin-top: 12px;}
#board .list04 table tbody td.subject .sb_w .txt_w ul li {display: flex; flex-flow: wrap; width: 100%; margin-bottom: 18px; max-width: 700px; position: relative; box-sizing: border-box;}
#board .list04 table tbody td.subject .sb_w .txt_w ul.type2 li {padding-right: 108px; max-width: 700px;}
#board .list04 table tbody td.subject .sb_w .txt_w ul li:last-child {margin-bottom: 0;}
#board .list04 table tbody td.subject .sb_w .txt_w ul li > div {display: table-cell;}
#board .list04 table tbody td.subject .sb_w .txt_w ul li .txt1 {width: 68%;}
#board .list04 table tbody td.subject .sb_w .txt_w ul li .txt2 {text-align: right; width: 12%;}
#board .list04 table tbody td.subject .sb_w .txt_w ul li .txt3 {text-align: right; width: 20%;}
#board .list04 table tbody td.subject .sb_w .txt_w ul li .modify_btn {position: absolute; right: 0; top: 50%; line-height: 30px; width: 80px; text-align: center; border: 1px solid #eeeeee; box-sizing: border-box; background-color: #fafafa; margin-top: -15px; font-size: 13px; color: #aaaaaa; cursor: pointer;}
#board .list04 table tbody td.subject .sb_w .btn {position: absolute; right: 20px; top: 50%; margin-top: -17px; line-height: 34px; width: 80px; background-color: #fafafa; border: 1px solid #eee; text-align: center; font-size: 13px; color: #aaaaaa; letter-spacing: -0.03em; cursor: pointer;}
#board .list04 table .chk1 {appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #aaaaaa; border-radius: 2px; box-sizing: border-box; width: 20px; height: 20px; outline: none; cursor: pointer; margin-right: 0;}
#board .list04 table .chk1:checked {border-color: #ee3424; background: url(../images/icon/chk1.png) no-repeat center #ee3424;}
#board .list04 .t_btn_bx {margin-top: 10px; font-size: 0;}
#board .list04 .t_btn_bx a {display: inline-block; max-width: 100px; width: 100%; line-height: 40px; background-color: #111111; font-size: 14px; color: #ffffff; letter-spacing: -0.03em; text-align: center; cursor: pointer;}
#board .list04 .all_p {background-color: #fafafa; margin-top: 20px; display: flex; flex-flow: wrap; justify-content: right; min-height: 100px; box-sizing: border-box; padding: 20px 0;}
#board .list04 .all_p .txt_w {width: 120px; font-size: 16px; color: #111111; font-weight: 700; display:flex; justify-content:right; align-items:center; table-layout:fixed; box-sizing: border-box; padding: 0 14px;}
#board .list04 .all_p .p_w {width: 360px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#board .list04 .all_p .p_w div {width: 100%; text-align: right; font-size: 16px; color: #444444; letter-spacing: -0.03em; box-sizing: border-box; padding: 0 30px;}
#board .list04 .all_p .p_w div strong {font-size: 24px; color: #ee3424; font-weight: 700;}
#board .list04 .popup_bx .pop_w .pop_inner .pop_con {max-width: 680px;}
#board .list04 .popup_bx .count {padding: 0 40px; max-width: 150px; width: 100%; box-sizing: border-box; position: relative; margin: 0 auto;}
#board .list04 .popup_bx .count a {position: absolute; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); border-radius: 50%; font-size: 0; width: 30px; height: 30px; cursor: pointer;}
#board .list04 .popup_bx .count a.m {left: 0; background: url(../images/icon/minus.png) no-repeat center;}
#board .list04 .popup_bx .count a.p {right: 0; background: url(../images/icon/plus.png) no-repeat center;}
#board .list04 .popup_bx .count input {width: 100%; height: 40px; border: 1px solid #eeeeee; text-align: center; outline: none; font-size: 15px; color: #444444; letter-spacing: -0.03em;}

#board .list05 {border-top: 2px solid #111111;}
#board .list05 table {width: 100%; table-layout: fixed;}
#board .list05 table thead tr {border-bottom: 1px solid #dddddd;}
#board .list05 table thead th {font-size: 16px; color: #000000; font-weight: 700; text-align: center; height: 70px; box-sizing: border-box; padding: 5px;}
#board .list05 table thead th.w120 {width: 120px;}
#board .list05 table tbody tr {border-bottom: 1px solid #eeeeee;}
#board .list05 table tbody td {font-size: 14px; color: #666666; height: 70px; box-sizing: border-box; text-align: center; padding: 5px;}
#board .list05 table tbody td.sb {text-align: left; padding: 0 25px;}
#board .list05 table tbody td.sb .sb_w {display: inline-block; position: relative; max-width: 850px;}
#board .list05 table tbody td.sb .sb_w div {-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; font-size: 16px; color: #000000; font-weight: 700;}
#board .list05 table tbody td.sb .sb_w div a {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#board .list05 table tbody td.col2 {color: #ee3424;}

#board .no_data {padding: 100px 0; text-align: center; font-size: 18px; word-break: keep-all; color: #bbb;}



/* 페이징 */
#board .page_bx {font-size: 0; text-align: center; padding-top: 39px;}
#board .page_bx a {display: inline-block; vertical-align: middle;}
#board .page_bx .num {min-width: 30px; line-height: 40px; text-align: center; font-size: 15px; color: #666666; margin: 0 5px;}
#board .page_bx .num.on span {text-decoration: underline; color: #ee3424; text-underline-offset: 3px;}
#board .page_bx .page_first {width: 40px; height: 40px; font-size: 0; background: url(../images/icon/page_first.png) no-repeat center; margin-right: 3px; box-sizing: border-box; border: 1px solid #c3c3c3;}
#board .page_bx .page_prev {width: 40px; height: 40px; font-size: 0; background: url(../images/icon/page_prev.png) no-repeat center; margin-right: 14px; box-sizing: border-box; border: 1px solid #c3c3c3;}
#board .page_bx .page_next {width: 40px; height: 40px; font-size: 0; background: url(../images/icon/page_next.png) no-repeat center; margin-left: 14px; box-sizing: border-box; border: 1px solid #c3c3c3;}
#board .page_bx .page_last {width: 40px; height: 40px; font-size: 0; background: url(../images/icon/page_last.png) no-repeat center; margin-left: 3px; box-sizing: border-box; border: 1px solid #c3c3c3;}



/* 상세 */
#board .view01 {border-top: 2px solid #111;}
#board .view01 .subject {text-align: center; border-bottom: 1px solid #eeeeee; padding: 38px 20px 37px;}
#board .view01 .subject .type {font-size: 16px; color: #ee3424; font-weight: 600; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 10px;}
#board .view01 .subject strong {display: block; font-size: 30px; color: #222222; font-weight: 700; line-height: 40px; letter-spacing: -0.05em; word-break: keep-all;}
#board .view01 .subject ul {font-size: 0; margin-top: 12px;}
#board .view01 .subject ul li {display: inline-block; vertical-align: middle; font-size: 16px; color: #aaaaaa; word-break: keep-all; margin-right: 30px;}
#board .view01 .subject ul li:last-child {margin-right: 0;}
#board .view01 .subject ul li span {color: #111111;}
#board .view01 .con {padding: 30px 0 100px;}
#board .view01 .con img {max-width: 100%;}
#board .view01 .con table {max-width: 100%;}
#board .view01 .file {background-color: #fafafa; position: relative; padding: 34px 30px 33px 139px; min-height: 90px; box-sizing: border-box;}
#board .view01 .file .l_txt {position: absolute; left: 30px; line-height: 90px; top: 0; font-size: 16px; color: #111111; font-weight: 700;}
#board .view01 .file ul {font-size: 0;}
#board .view01 .file ul li {display: block; margin-bottom: 10px;}
#board .view01 .file ul li:last-child {margin-bottom: 0;}
#board .view01 .file ul li a {font-size: 16px; color: #333333; line-height: 23px; display: inline-block;}
#board .view01 .page {border-top: 1px solid #111111; border-bottom: 1px solid #111111; margin-top: 60px;}
#board .view01 .page > div {position: relative; height: 80px; box-sizing: border-box; padding: 0 30px 0 140px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .view01 .page .prev {border-bottom: 1px solid #eeeeee;}
#board .view01 .page .l_txt {position: absolute; left: 30px; top: 0; line-height: 80px; padding-right: 46px; font-size: 16px; color: #111111; font-weight: 700;}
#board .view01 .page .l_txt::before {content: ''; width: 16px; height: 10px; background: url(../images/icon/view_page_arrow.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -5px;}
#board .view01 .page .next .l_txt::before {transform: rotate(180deg);}
#board .view01 .page .sb {font-size: 16px; color: #666666; word-break: keep-all; width: 85%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#board .view01 .page .sb a {font-size: 16px; color: #666666; word-break: keep-all;}
#board .view01 .answer_bx {position: relative; box-sizing: border-box; min-height: 140px; background-color: #fafafa; padding: 26px 30px 26px 146px; display:flex; justify-content:left; align-items:center; table-layout:fixed; margin-top: 20px;}
#board .view01 .answer_bx .l_txt {position: absolute; left: 30px; top: 30px; border-radius: 50%; background-color: #ee3424; width: 80px; line-height: 80px; text-align: center; font-size: 16px; color: #ffffff; font-weight: 300;}
#board .view01 .answer_bx .txt_w {width: 100%;}
#board .view01 .answer_bx .txt_w .txt {font-size: 16px; color: #111111; line-height: 26px; letter-spacing: -0.05em; word-break: keep-all;}
#board .view01 .answer_bx .txt_w .date {font-size: 14px; color: #aaaaaa; font-weight: 300; margin-top: 19px;}

#board .view02 .top_bx {display: flex; flex-flow: wrap;}
#board .view02 .top_bx .l_bx {width: 50%; box-sizing: border-box; padding-right: 40px;}
#board .view02 .top_bx .l_bx .img_bx {position: relative; padding-bottom: 100%; overflow: hidden;}
#board .view02 .top_bx .l_bx .img_bx div {border: 1px solid #eeeeee; display:flex; justify-content:center; align-items:center; table-layout:fixed; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box;}
#board .view02 .top_bx .l_bx .img_bx div img {max-width: 100%; max-height: 100%;}
#board .view02 .top_bx .l_bx .slide_bx {margin-top: 68px; font-size: 0;}
#board .view02 .top_bx .l_bx .slide_bx .slick-slider {padding: 0 36px;}
#board .view02 .top_bx .l_bx .slide_bx .slick-slide {padding: 0 9px;}
#board .view02 .top_bx .l_bx .slide_bx .slick-arrow {position: absolute; z-index: 1; height: 100%; width: 36px; top: 0; font-size: 0; box-sizing: border-box; padding: 0; background: url(../images/icon/view_slide_arrow.png) no-repeat left 7px center;}
#board .view02 .top_bx .l_bx .slide_bx .slick-prev {left: 0;}
#board .view02 .top_bx .l_bx .slide_bx .slick-next {right: 0; transform: rotate(180deg);}
#board .view02 .top_bx .l_bx .slide_bx .img_w {position: relative; padding-bottom: 100%; overflow: hidden;}
#board .view02 .top_bx .l_bx .slide_bx .img_w div {border: 1px solid #eeeeee; display:flex; justify-content:center; align-items:center; table-layout:fixed; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; cursor: pointer;}
#board .view02 .top_bx .l_bx .slide_bx .img_w div::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; border: 2px solid #ee3424;; box-sizing: border-box; position: absolute; display: none;}
#board .view02 .top_bx .l_bx .slide_bx .img_w.on div::before {display: block;}
#board .view02 .top_bx .l_bx .slide_bx .img_w div img {max-width: 100%; max-height: 100%:}
#board .view02 .top_bx .r_bx {width: 50%; box-sizing: border-box;}
#board .view02 .top_bx .r_bx .type_bx {display: flex; flex-flow: wrap; margin-bottom: 24px;}
#board .view02 .top_bx .r_bx .type_bx select {width: calc(50% - 30px); margin-right: 10px; max-width: 140px; box-sizing: border-box; height: 40px; border: 1px solid #eeeeee; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/select_arrow.png) no-repeat right 10px center; padding: 0 25px 0 14px; font-size: 15px; color: #444444; letter-spacing: -0.05em; word-break: keep-all; outline: none; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#board .view02 .top_bx .r_bx .type_bx .link_copy {width: 40px; height: 40px; cursor: pointer; box-sizing: border-box; border: 1px solid #eeeeee; margin-left: 10px; background: url(../images/icon/link1.png) no-repeat center;}
#board .view02 .top_bx .r_bx .type_bx select:nth-child(2n) {margin-right: 0;}
#board .view02 .top_bx .r_bx .subject {font-size: 36px; color: #111111; line-height: 46px; font-weight: 700;}
#board .view02 .top_bx .r_bx .contact {background: url(../images/sub/view_info_bg1.jpg) no-repeat center right #fbf2df; min-height: 120px; box-sizing: border-box; padding: 10px 30px; display:flex; justify-content:left; align-items:center; table-layout:fixed; margin-top: 37px;}
#board .view02 .top_bx .r_bx .contact .txt_w {width: 100%;}
#board .view02 .top_bx .r_bx .contact .txt_w .txt1 {font-size: 18px; color: #444444; letter-spacing: -0.03em; word-break: keep-all;}
#board .view02 .top_bx .r_bx .contact .txt_w .txt1 strong {color: #111111; font-weight: 700;}
#board .view02 .top_bx .r_bx .contact .txt_w .txt2 {font-size: 30px; color: #ee3424; font-weight: 700; margin-top: 10px;}
#board .view02 .top_bx .r_bx .info {border-top: 1px solid #111111; margin-top: 72px;}
#board .view02 .top_bx .r_bx .info li {border-bottom: 1px solid #dddddd; padding: 10px 20px 10px 210px; box-sizing: border-box; min-height: 60px; box-sizing: border-box; position: relative; font-size: 16px; color: #444444; letter-spacing: -0.03em; word-break: keep-all; line-height: 24px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .view02 .top_bx .r_bx .info li .l_txt {position: absolute; left: 20px; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); font-size: 16px; color: #111111; font-weight: 700;}
#board .view02 .top_bx .r_bx .info li .l_txt em {font-style: normal; font-weight: 400;}
#board .view02 .top_bx .r_bx .info li .count {padding: 0 40px; max-width: 150px; width: 100%; box-sizing: border-box; position: relative;}
#board .view02 .top_bx .r_bx .info li .count a {position: absolute; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); border-radius: 50%; font-size: 0; width: 30px; height: 30px; cursor: pointer;}
#board .view02 .top_bx .r_bx .info li .count a.m {left: 0; background: url(../images/icon/minus.png) no-repeat center;}
#board .view02 .top_bx .r_bx .info li .count a.p {right: 0; background: url(../images/icon/plus.png) no-repeat center;}
#board .view02 .top_bx .r_bx .info li .count input {width: 100%; height: 40px; border: 1px solid #eeeeee; text-align: center; outline: none; font-size: 15px; color: #444444; letter-spacing: -0.03em;}
#board .view02 .top_bx .r_bx .info li.all {justify-content: right; min-height: 80px;}
#board .view02 .top_bx .r_bx .info li.all strong {font-size: 24px; color: #ee3424; font-weight: 700; word-break: break-all; line-height: 34px;}
#board .view02 .top_bx .r_bx .btn {margin-top: 40px; display: flex; flex-flow: wrap;}
#board .view02 .top_bx .r_bx .btn a {width: calc(50% - 10px); margin-right: 20px; box-sizing: border-box; background-color: #444444; text-align: center; line-height: 70px; font-size: 18px; color: #ffffff; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700;}
#board .view02 .top_bx .r_bx .btn a:nth-child(2n) {margin-right: 0;}
#board .view02 .top_bx .r_bx .btn a.col2 {background-color: #ee3424;}
#board .view02 .btm_bx {margin-top: 95px;}
#board .view02 .btm_bx .ttl {border-bottom: 1px solid #111111; margin-bottom: 30px; padding-bottom: 15px;}
#board .view02 .btm_bx .ttl strong {display: inline-block; font-size: 20px; color: #111111; word-break: keep-all;}
#board .view02 .btm_bx img {max-width: 100%;}
#board .view02 .btm_bx table {max-width: 100%;}

#board .view02 .btm_bx.type_bx .tb_bx table {width: 100%; table-layout: fixed;}
#board .view02 .btm_bx.type_bx .tb_bx thead tr {border-bottom: 1px solid #dddddd;}
#board .view02 .btm_bx.type_bx .tb_bx thead th {padding: 0 20px; box-sizing: border-box; height: 66px; text-align: center; font-size: 16px; color: #000000; font-weight: 700;}
#board .view02 .btm_bx.type_bx .tb_bx tbody tr {border-bottom: 1px solid #eeeeee;}
#board .view02 .btm_bx.type_bx .tb_bx tbody td {padding: 0 20px; font-size: 15px; color: #666666; box-sizing: border-box; height: 60px; text-align: center;}
#board .view02 .btm_bx.type_bx .tb_bx tbody td .col2 {color: #111111;}
#board .view02 .btm_bx.type_bx .tb_bx .t_l {text-align: left;}
#board .view02 .btm_bx.type_bx .tb_bx .chk1 {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1px solid #aaaaaa; background-color: #fff; border-radius: 2px; cursor: pointer;}
#board .view02 .btm_bx.type_bx .tb_bx .chk1:checked {background: url(../images/icon/chk1.png) no-repeat center #ee3424; border-color: #ee3424;}
#board .view02 .btm_bx.type_bx .tb_bx .count {padding: 0 40px; max-width: 150px; width: 100%; box-sizing: border-box; position: relative; display: inline-block;}
#board .view02 .btm_bx.type_bx .tb_bx .count a {position: absolute; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); border-radius: 50%; font-size: 0; width: 30px; height: 30px; cursor: pointer;}
#board .view02 .btm_bx.type_bx .tb_bx .count a.m {left: 0; background: url(../images/icon/minus.png) no-repeat center;}
#board .view02 .btm_bx.type_bx .tb_bx .count a.p {right: 0; background: url(../images/icon/plus.png) no-repeat center;}
#board .view02 .btm_bx.type_bx .tb_bx .count input {width: 100%; height: 40px; border: 1px solid #eeeeee; text-align: center; outline: none; font-size: 15px; color: #444444; letter-spacing: -0.03em;}
#board .view02 .btm_bx.type_bx .all_bx {border-bottom: 1px solid #dddddd; min-height: 80px; box-sizing: border-box; display:flex; justify-content:right; align-items:center; table-layout:fixed; padding: 20px 40px;}
#board .view02 .btm_bx.type_bx .all_bx .txt_w {max-width: 540px; width: 100%; display: flex; flex-flow: wrap;}
#board .view02 .btm_bx.type_bx .all_bx .txt_w .l_bx {font-size: 16px; color: #111111; width: 112px; box-sizing: border-box; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .view02 .btm_bx.type_bx .all_bx .txt_w .r_bx {width: calc(100% - 112px); box-sizing: border-box; text-align: right; font-size: 16px; color: #444444; letter-spacing: -0.03em;}
#board .view02 .btm_bx.type_bx .all_bx .txt_w .r_bx strong {font-size: 24px; color: #ee3424; font-weight: 700;}
#board .view02 .btm_bx.type_bx .btn_bx {margin-top: 60px; font-size: 0; text-align: center;}
#board .view02 .btm_bx.type_bx .btn_bx a {display: inline-block; margin-right: 20px; max-width: 290px; width: 100%; line-height: 70px; font-size: 18px; color: #fff; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700; background-color: #444444;}
#board .view02 .btm_bx.type_bx .btn_bx a.col2 {background-color: #ee3424;}
#board .view02 .btm_bx.type_bx .btn_bx a:last-child {margin-right: 0;}



/* 작성 */
#board .write_bx .f_con {margin-bottom: 55px;}
#board .write_bx .f_con:last-child {margin-bottom: 0;}
#board .write_bx .f_con .f_ttl {font-size: 24px; color: #111111; font-weight: 700; word-break: keep-all; margin-bottom: 16px;}
#board .write_bx .tb_bx {border-top: 2px solid #111111;}
#board .write_bx .tb_bx table {width: 100%; table-layout: fixed;}
#board .write_bx .tb_bx table tbody tr {border-bottom: 1px solid #eeeeee;}
#board .write_bx .tb_bx table tbody th {width: 200px; box-sizing: border-box; text-align: left; padding: 13px 0; height: 60px; font-size: 15px; color: #999999; letter-spacing: -0.03em; font-weight: 400;}
#board .write_bx .tb_bx table tbody th {width: 200px; box-sizing: border-box; text-align: left; padding: 13px 0; height: 60px; font-size: 15px; color: #999999; letter-spacing: -0.03em; font-weight: 400;}
#board .write_bx .tb_bx table tbody th:nth-child(3) {text-align: center; padding-right: 10px;}
#board .write_bx .tb_bx table tbody th .imp::after {content: '*'; color: #ee3424; position: relative; top: -3px; padding-left: 3px;}
#board .write_bx .tb_bx table tbody td {padding: 13px 40px 13px 0; box-sizing: border-box; font-size: 14px; color: #444444; letter-spacing: -0.03em;}
#board .write_bx .tb_bx table tbody td input[type=text], #board .write_bx .tb_bx table tbody td input[type=tel], #board .write_bx .tb_bx table tbody td input[type=email], #board .write_bx .tb_bx table tbody td input[type=password] {width: 100%; height: 34px; border: 1px solid #eeeeee; background-color: #fafafa; box-sizing: border-box; font-size: 14px; color: #444; letter-spacing: -0.03em; word-break: keep-all; outline: none; padding: 0 15px;}
#board .write_bx .tb_bx table tbody td input[type=text]::placeholder, #board .write_bx .tb_bx table tbody td input[type=tel]::placeholder, #board .write_bx .tb_bx table tbody td input[type=email]::placeholder, #board .write_bx .tb_bx table tbody td input[type=password]::placeholder {color: #aaaaaa;}
#board .write_bx .tb_bx table tbody td input[type=text]:focus, #board .write_bx .tb_bx table tbody td input[type=tel]:focus, #board .write_bx .tb_bx table tbody td input[type=email]:focus, #board .write_bx .tb_bx table tbody td input[type=password]:focus {background-color: #fff; border-color: #111111;}
#board .write_bx .tb_bx table tbody td select {width: 100%; height: 34px; border: 1px solid #eeeeee; box-sizing: border-box; font-size: 14px; color: #444; letter-spacing: -0.03em; word-break: keep-all; outline: none; padding: 0 25px 0 15px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/select_arrow.png) no-repeat right 10px center #fafafa;}
#board .write_bx .tb_bx table tbody td select:focus {background-color: #fff; border-color: #111111;}
#board .write_bx .tb_bx table tbody td textarea {width: 100%; height: 80px; border: 1px solid #eeeeee; box-sizing: border-box; font-size: 14px; line-height: 24px; color: #444; letter-spacing: -0.03em; word-break: keep-all; outline: none; padding: 12px 15px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #fafafa; resize: none;}
#board .write_bx .tb_bx table tbody td textarea.h_type2 {height: 120px;}
#board .write_bx .tb_bx table tbody td textarea::placeholder {color: #aaaaaa;}
#board .write_bx .tb_bx table tbody td textarea:focus {background-color: #fff; border-color: #111111;}

#board .write_bx .tb_bx table tbody td .tel_bx {max-width: 327px; width: 100%; display: flex; flex-flow: wrap;}
#board .write_bx .tb_bx table tbody td .tel_bx select {width: calc(29.05% - 16px)!important;}
#board .write_bx .tb_bx table tbody td .tel_bx input {width: calc(33.333% - 16px)!important;}
#board .write_bx .tb_bx table tbody td .tel_bx span {width: 24px; line-height: 34px; text-align: center;}

#board .write_bx .tb_bx table tbody td .email_bx {max-width: 711px; width: 100%; display: flex; flex-flow: wrap;}
#board .write_bx .tb_bx table tbody td .email_bx input.email1 {width: calc(30.052% - 13.666px)!important;}
#board .write_bx .tb_bx table tbody td .email_bx input.email2 {width: calc(44.117% - 13.666px)!important;}
#board .write_bx .tb_bx table tbody td .email_bx span {width: 31px; line-height: 34px; text-align: center;}
#board .write_bx .tb_bx table tbody td .email_bx select {width: calc(25.833% - 13.666px)!important; margin-left: 10px;}

#board .write_bx .tb_bx table tbody td .addr_bx select {width: calc(25.833% - 13.666px)!important; margin-left: 10px;}

#board .write_bx .tb_bx table tbody td .addr_bx {max-width: 800px; display: flex; flex-flow: wrap;}
#board .write_bx .tb_bx table tbody td .addr_bx input.addr1 {max-width: 170px; width: calc(100% - 130px)!important;}
#board .write_bx .tb_bx table tbody td .addr_bx .btn {width: 120px; margin-left: 10px; line-height: 34px; display: block; background-color: #111111; text-align: center; font-size: 14px; color: #ffffff; letter-spacing: -0.03em;}
#board .write_bx .tb_bx table tbody td .addr_bx input.addr2, .tb_bx table tbody td .addr_bx input.addr3 {margin-top: 10px;}
 
#board .write_bx .tb_bx table tbody td .chk_bx {font-size: 0; margin-bottom: -5px;}
#board .write_bx .tb_bx table tbody td .chk_bx li {display: inline-block; vertical-align: middle; position: relative; margin-right: 40px; margin-bottom: 5px;}
#board .write_bx .tb_bx table tbody td .chk_bx li:last-child {margin-right: 0;}
#board .write_bx .tb_bx table tbody td .chk_bx li input {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1px solid #dfdfdf; background-color: #fff; border-radius: 50%; box-sizing: border-box; position: absolute; left: 0; top: 50%; margin-top: -10px; cursor: pointer;}
#board .write_bx .tb_bx table tbody td .chk_bx li input:checked {border-color: #0076f7;}
#board .write_bx .tb_bx table tbody td .chk_bx li input:checked + label::before {content: ''; width: 12px; height: 12px; background-color: #0076f7; border-radius: 50%; position: absolute; left: 4px; top: 50%; margin-top: -6px; z-index: 1;}
#board .write_bx .tb_bx table tbody td .chk_bx li label {display: inline-block; font-size: 14px; color: #444444; line-height: 20px; cursor: pointer; padding-left: 26px;}

#board .write_bx .tb_bx table tbody td .fileBox {position:relative; padding-right: 130px; width: 100%; box-sizing: border-box; height: 48px; max-width: 430px;}
#board .write_bx .tb_bx table tbody td .fileBox input[type=file]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; top:0; left:0;}
#board .write_bx .tb_bx table tbody td .fileBox input[type=text]{float:left; width:100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width: 100%; padding-right: 36px; background-color: #fff; border-color: #eeeeee!important;}
#board .write_bx .tb_bx table tbody td .fileBox label{position: absolute; right:0; top: 0; cursor: pointer; float:left; text-align:center; width:120px; color:#ffffff; background:#111111; font-size:14px; line-height: 34px; letter-spacing: -0.03em;}
#board .write_bx .tb_bx table tbody td .fileBox .del_btn {width: 36px; height: 34px; position: absolute; right: 130px; top: 0; font-size: 0; background: url(../images/icon/del1.png) no-repeat center; cursor: pointer;}

#board .write_bx .tb_bx table tbody td .w300 {max-width: 300px;}

#board .write_bx .agree_bx .txt_bx {background-color: #fafafa; box-sizing: border-box; padding: 18px 20px; overflow-y: auto; font-size: 14px; color: #444; line-height: 24px; word-break: keep-all; height: 200px;}
#board .write_bx .agree_bx .chk_bx {position: relative; padding-left: 27px; margin-top: 16px;}
#board .write_bx .agree_bx .chk_bx input {appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #dfdfdf; border-radius: 2px; box-sizing: border-box; width: 20px; height: 20px; outline: none; cursor: pointer; margin-right: 0; border-radius: 50%; position: absolute; left: 0; top: 3px; cursor: pointer; background: url(../images/icon/chk2.png) no-repeat center;}
#board .write_bx .agree_bx .chk_bx input:checked {background: url(../images/icon/chk1.png) no-repeat center #ee3424; border-color: #ee3424;}
#board .write_bx .agree_bx .chk_bx label {display: inline-block; font-size: 17px; color: #333333; line-height: 26px; word-break: keep-all; cursor: pointer;}

#board .write_bx .spam_bx {max-width: 460px; width: 100%; margin: 40px auto 0; display: flex; flex-flow: wrap; box-sizing: border-box; padding: 10px 10px 10px 20px; background-color: #ee3424; border-radius: 5px;}
#board .write_bx .spam_bx .l_bx {width: 53.488%; box-sizing: border-box; padding-right: 20px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .write_bx .spam_bx .l_bx .txt_w {width: 100%;}
#board .write_bx .spam_bx .l_bx .txt_w strong {display: block; font-size: 16px; color: #ffffff; letter-spacing: -0.05em; font-weight: 600;}
#board .write_bx .spam_bx .l_bx .txt_w p {color: rgba(255,255,255,.5); font-size: 14px; letter-spacing: -0.05em; word-break: keep-all; margin-top: 6px;}
#board .write_bx .spam_bx .r_bx {width: 46.512%; box-sizing: border-box; background-color: #ffffff; overflow: hidden; border-radius: 3px; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#board .write_bx .spam_bx .r_bx .r_w {display: flex; flex-flow: wrap; width: 100%;}
#board .write_bx .spam_bx .r_bx .img_w {width: 50%; box-sizing: border-box; height: 50px; display:flex; justify-content:center; align-items:center; table-layout:fixed; position: relative;}
#board .write_bx .spam_bx .r_bx .img_w::before {content: ''; width: 1px; height: 20px; background-color: #dddddd; position: absolute; right: 0; top: 50%; margin-top: -10px;}
#board .write_bx .spam_bx .r_bx .img_w img {max-width: 100%; max-height: 100%;}
#board .write_bx .spam_bx .r_bx input {width: 50%; box-sizing: border-box; height: 50px; border: none; outline: none; text-align: center; font-size: 16px; color: #111111; letter-spacing: -0.05em; padding: 0; margin: 0;}

#board .write_bx .method_bx {border-top: 2px solid #111111; text-align: center; padding-top: 40px;}
#board .write_bx .method_bx .txt1 {font-size: 30px; color: #111111; font-weight: 700; margin-top: 13px;}
#board .write_bx .method_bx .txt2 {font-size: 18px; color: #444444; word-break: keep-all; margin-top: 10px;}
#board .write_bx .method_bx .txt3 {font-size: 16px; color: #111111; line-height: 30px; word-break: keep-all; margin-top: 32px;}
#board .write_bx .method_bx .txt3 strong {font-size: 20px; color: #ee3424; font-weight: 700;}
#board .write_bx .method_bx .txt4 {text-align: center; background-color: #fafafa; padding: 30px 20px; margin-top: 32px;}
#board .write_bx .method_bx .txt4 ul {display: inline-block; text-align: left;}
#board .write_bx .method_bx .txt4 ul li {font-size: 16px; color: #666666; line-height: 30px; word-break: keep-all; text-indent: -14px; padding-left: 14px;}

#board .write_bx .tb_btm_btn {font-size: 0; margin-top: 15px;}
#board .write_bx .tb_btm_btn a {display: inline-block; font-size: 14px; color: #999999; letter-spacing: -0.03em; text-align: center; padding: 0 30px; line-height: 35px; border: 1px solid #ddd; cursor: pointer;}



/* 하단 버튼 */
#board .btm_btn {font-size: 0; text-align: center; padding-top: 40px;}
#board .btm_btn a {display: inline-block; font-size: 18px; color: #fff; font-weight: 700; line-height: 70px; max-width: 280px; width: 100%; margin-right: 20px; background-color: #111111;}
#board .btm_btn a:last-child {margin-right: 0;}
#board .btm_btn a.col2 {background-color: #aaaaaa;}
#board .btm_btn a.col3 {background-color: #ee3424;}



/* PC */
@media all and (min-width:1025px){
	/* 리스트 상단 */
    #board .category_bx a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .category_bx a:hover {border-color: #ee3424; color: #ee3424; background-color: #fff;}
    
    #board .list_c div a {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    #board .list_c div a:hover {color: #111;}



    /* 리스트 */
    #board .list01 ul li a {-webkit-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s;}
    #board .list01 ul li a:hover {border-color: #ee3424;}
    #board .list01 .img_bx div {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #board .list01 ul li a:hover .img_bx div {transform: scale(1.1);}
    
    #board .list02 ul li a {-webkit-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s;}
    #board .list02 ul li a:hover {border-color: #ee3424;}
    #board .list02 .img_bx div {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #board .list02 ul li a:hover .img_bx div {transform: scale(1.1);}
    
    #board .list03 ul li a::before {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #board .list03 ul li a:hover::before {transform: translate(5px, 0); background: url(../images/icon/list_arrow2.png) no-repeat center;}
    #board .list03 ul li a:hover .txt strong {text-decoration: underline; text-underline-offset: 4px;}
    
    #board .list05 table tbody td.sb .sb_w div:hover {text-decoration: underline; text-underline-offset: 3px;}



    /* 상세 */
    #board .view01 .file ul li a:hover {text-decoration: underline; text-underline-offset: 2px;}
    #board .view01 .page .sb a:hover {text-decoration: underline; text-underline-offset: 2px;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 리스트 상단 */
    #board .list_top {min-height: 30px; margin-bottom: 10px; padding-right: 160px;}
    #board .list_top.type2 {margin-bottom: 8px;}
    #board .list_top .l_txt .s_txt {font-size: 17px; margin-right: 5px;}
    #board .list_top .l_txt .count {font-size: 13px;}
    #board .list_top .l_txt .count strong {font-size: 15px;}
    #board .list_top .search_bx {width: 150px; padding-right: 35px;}
    #board .list_top .search_bx input {height: 30px; font-size: 12px;}
    #board .list_top .search_bx .s_btn {width: 30px; height: 30px; background-size: 14px auto;}
    #board .list_top .date_bx {max-width: 460px;}
    #board .list_top .date_bx .d_btn {width: calc(17.605% - 3.333px); margin-right: 5px; font-size: 12px; min-height: 35px;}
    #board .list_top .date_bx .date_w {width: calc(64.79% - 3.333px);}
    #board .list_top .date_bx .date_w input {height: 35px; width: calc(50% - 7.5px); font-size: 12px; background-size: 10px auto; background-position: right 6px center; padding: 0 20px 0 5px;}
    #board .list_top .date_bx .date_w span {line-height: 35px; width: 15px; font-size: 12px;}
    
    #board .category_bx {margin-bottom: 25px;}
    #board .category_bx a {font-size: 12px; line-height: 17px; border-width: 1px; margin: 0 2px 5px; padding: 0 15px; min-width: 66px;}
    #board .category_bx a span {min-height: 33px;}
    
    #board .list_c {padding: 18px 0; display: flex; flex-flow: wrap; border-width: 1px; margin-bottom: -1px;}
    #board .list_c div {margin: 14px 10px 0 0; width: calc(33.333% - 6.666px); text-align: center; box-sizing: border-box;}
    #board .list_c div:nth-child(3n) {margin-right: 0;}
    #board .list_c div:nth-child(-n+3) {margin-top: 0;}
    #board .list_c div a {font-size: 12px; line-height: 17px; display: inline-block;}



    /* 리스트 */
    #board .list01 {border-width: 1px;}
    #board .list01 ul {padding-top: 20px;}
    #board .list01 ul li {width: calc(25% - 7.5px); margin-right: 10px; margin-top: 10px;}
    #board .list01 ul li a {padding: 7px 7px 14px;}
    #board .list01 .txt_bx {margin-top: 12px;}
    #board .list01 .txt_bx .txt1 {font-size: 13px; line-height: 18px;}
    #board .list01 .txt_bx .txt2 {margin-top: 0px; font-size: 13px; line-height: 18px;}
    #board .list01 .txt_bx .txt3 {margin-top: 5px; font-size: 13px; line-height: 18px;}
    #board .list01 .txt_bx .txt3 strong {font-size: 15px;}
    
    #board .list02 {border-width: 1px;}
    #board .list02 ul {padding-top: 20px;}
    #board .list02 ul li {width: calc(25% - 7.5px); margin-right: 10px; margin-top: 10px;}
    #board .list02 ul li a {padding-bottom: 10px;}
    #board .list02 .txt_bx {padding: 0 7px; margin-top: 12px;}
    #board .list02 .txt_bx .txt1 {font-size: 13px; line-height: 18px;}
    #board .list02 .txt_bx .txt2 {margin-top: 6px;}
    #board .list02 .txt_bx .txt2 p {padding: 4px 10px; font-size: 10px; line-height: 13px; margin: 0 2px 5px;}
    
    #board .list03 {border-width: 1px;}
    #board .list03 ul li a {height: 64px; padding: 0 50px;}
    #board .list03 ul li a::before {width: 12px; background-size: 12px auto!important; right: 20px;}
    #board .list03 ul li a .num {width: 50px; font-size: 12px;}
    #board .list03 ul li.on a .num::before {width: 30px; height: 30px; background-size: 17px auto;}
    #board .list03 ul li a .txt strong {font-size: 15px; line-height: 20px;}
    #board .list03 ul li a .txt strong .lock {height: calc(100% - 3px);}
    #board .list03 ul li a .txt strong .lock::before {width: 10px; height: 13px; background-size: 10px 13px;}
    #board .list03 ul li a .txt p {margin-top: 6px; font-size: 12px;}
    #board .list03 ul li a .status {font-size: 12px; width: 40px; line-height: 40px; right: 10px; margin-top: -20px;}
    
    #board .list04 {border-width: 1px;}
    #board .list04 table thead th {font-size: 13px; height: 35px;}
    #board .list04 table thead th.w60 {width: 35px;}
    #board .list04 table thead th.w120 {width: 100px;}
    #board .list04 table thead th.w140 {width: 100px;}
    #board .list04 table tbody td {font-size: 12px; line-height: 17px; padding: 10px 5px;}
    #board .list04 table tbody td .status {width: 50px; line-height: 48px; font-size: 12px;}
    #board .list04 table tbody td.subject .sb_w {min-height: 80px; padding-left: 110px;}
    #board .list04.type2 table tbody td.subject .sb_w {padding-right: 65px;}
    #board .list04 table tbody td.subject .sb_w .img_w {width: 80px; height: 80px; margin-top: -40px; left: 10px;}
    #board .list04 table tbody td.subject .sb_w .txt_w strong {font-size: 15px; line-height: 20px;}
    #board .list04 table tbody td.subject .sb_w .txt_w p {font-size: 12px; line-height: 17px; margin-top: 4px;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul li {margin-bottom: 12px; max-width: 270px;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul.type2 li {max-width: 348px; padding-right: 78px;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul li .modify_btn {font-size: 11px; line-height: 24px; width: 60px; margin-top: -12px;}
    #board .list04 table tbody td.subject .sb_w .btn {font-size: 12px; line-height: 28px; width: 60px; right: 0; margin-top: -15px;}
    #board .list04 table .chk1 {width: 15px; height: 15px; background-size: 9px auto!important;}
    #board .list04 .t_btn_bx {margin-top: 10px;}
    #board .list04 .t_btn_bx a {max-width: 100px; line-height: 30px; font-size: 12px;}
    #board .list04 .all_p {margin-top: 15px; padding: 10px 0; min-height: 50px;}
    #board .list04 .all_p .txt_w {width: 100px; font-size: 12px;}
    #board .list04 .all_p .p_w {width: 300px;}
    #board .list04 .all_p .p_w div {font-size: 12px; padding: 0 20px;}
    #board .list04 .all_p .p_w div strong {font-size: 15px;}
    #board .list04 .popup_bx .count {padding: 0 35px; max-width: 120px;}
    #board .list04 .popup_bx .count a {width: 25px; height: 25px; background-size: 25px auto!important;}
    #board .list04 .popup_bx .count input {height: 30px; font-size: 12px;}
    
    #board .list05 {border-width: 1px;}
    #board .list05 table thead th {font-size: 13px; height: 35px;}
    #board .list05 table thead th.w120 {width: 100px;}
    #board .list05 table tbody td {font-size: 12px; line-height: 17px; padding: 10px 5px; height: auto;}
    #board .list05 table tbody td.sb {padding: 10px 5px;}
    #board .list05 table tbody td.sb .sb_w {font-size: 13px; line-height: 18px; max-width: 520px;}
    
    #board .no_data {padding: 50px 0; font-size: 13px;}



    /* 페이징 */
    #board .page_bx {padding-top: 20px;}
    #board .page_bx .num {min-width: 25px; line-height: 30px; margin: 0 3px; font-size: 11px;}
    #board .page_bx .page_first {background-size: 30px auto; width: 30px; height: 30px; margin-right: 3px;}
    #board .page_bx .page_prev {background-size: 30px auto; width: 30px; height: 30px; margin-right: 12px;}
    #board .page_bx .page_next {background-size: 30px auto; width: 30px; height: 30px; margin-left: 12px;}
    #board .page_bx .page_last {background-size: 30px auto; width: 30px; height: 30px; margin-left: 3px;}



    /* 상세 */
    #board .view01 {border-width: 1px;}
    #board .view01 .subject {padding: 14px 0 10px;}
    #board .view01 .subject .type {margin-bottom: 5px; font-size: 12px;}
    #board .view01 .subject strong {font-size: 15px; line-height: 20px;}
    #board .view01 .subject ul {margin-top: 5px;}
    #board .view01 .subject ul li {font-size: 12px; line-height: 17px; margin-right: 25px;}
    #board .view01 .con {padding: 20px 0 30px;}
    #board .view01 .file {padding: 17px 15px 16px 75px; min-height: 50px;}
    #board .view01 .file .l_txt {line-height: 50px; font-size: 12px; left: 15px;}
    #board .view01 .file ul li {margin-bottom: 5px;}
    #board .view01 .file ul li a {font-size: 12px; line-height: 17px;}
    #board .view01 .page {margin-top: 25px;}
    #board .view01 .page > div {height: 50px; padding: 0 15px 0 75px;}
    #board .view01 .page .l_txt {font-size: 12px; left: 15px; padding-right: 18px; line-height: 50px;}
    #board .view01 .page .l_txt::before {width: 8px; background-size: 8px auto;}
    #board .view01 .page .sb {font-size: 12px;}
    #board .view01 .page .sb a {font-size: 12px;}
    #board .view01 .answer_bx {margin-top: 10px; padding: 13px 15px 12px 73px; min-height: 70px;}
    #board .view01 .answer_bx .l_txt {width: 40px; line-height: 40px; font-size: 12px; left: 15px; top: 15px;}
    #board .view01 .answer_bx .txt_w .txt {font-size: 12px; line-height: 17px;}
    #board .view01 .answer_bx .txt_w .date {margin-top: 9px; font-size: 12px;}
    
    #board .view02 .top_bx .l_bx .slide_bx {margin-top: 15px;}
    #board .view02 .top_bx .l_bx .slide_bx .slick-slider {padding: 0 20px;}
    #board .view02 .top_bx .l_bx .slide_bx .slick-slide {padding: 0 5px;}
    #board .view02 .top_bx .l_bx .slide_bx .slick-arrow {width: 20px; background-size: 7px auto; background-position: left 3px center;}
    #board .view02 .top_bx .l_bx .slide_bx .img_w div::before {border-width: 1px;}
    
    #board .view02 .top_bx .r_bx .type_bx {margin-bottom: 15px;}
    #board .view02 .top_bx .r_bx .type_bx select {font-size: 12px; height: 30px; padding: 0 20px 0 7px; background-size: 6px auto; width: calc(50% - 25px);}
    #board .view02 .top_bx .r_bx .type_bx .link_copy {height: 30px; width: 30px; background-size: 15px auto;}
    #board .view02 .top_bx .r_bx .subject {font-size: 20px; line-height: 25px;}
    #board .view02 .top_bx .r_bx .info {margin-top: 26px;}
    #board .view02 .top_bx .r_bx .info li {font-size: 12px; line-height: 17px; padding: 5px 15px 5px 110px; min-height: 40px;}
    #board .view02 .top_bx .r_bx .info li .l_txt {font-size: 12px;}
    #board .view02 .top_bx .r_bx .info li .count {padding: 0 35px; max-width: 120px;}
    #board .view02 .top_bx .r_bx .info li .count a {width: 25px; height: 25px; background-size: 25px auto!important;}
    #board .view02 .top_bx .r_bx .info li .count input {height: 30px; font-size: 12px;}
    #board .view02 .top_bx .r_bx .info li.all {min-height: 50px;}
    #board .view02 .top_bx .r_bx .info li.all strong {font-size: 15px; line-height: 20px;}
    #board .view02 .top_bx .r_bx .btn {margin-top: 20px;}
    #board .view02 .top_bx .r_bx .btn a {line-height: 45px; font-size: 13px; width: calc(50% - 5px); margin-right: 10px;}
    #board .view02 .top_bx .r_bx .contact {margin-top: 20px; padding: 10px 20px; min-height: 90px;}
    #board .view02 .top_bx .r_bx .contact .txt_w .txt1 {font-size: 13px;}
    #board .view02 .top_bx .r_bx .contact .txt_w .txt2 {font-size: 18px; margin-top: 7px;}
    
    #board .view02 .btm_bx {margin-top: 48px;}
    #board .view02 .btm_bx .ttl {margin-bottom: 15px; padding-bottom: 8px;}
    #board .view02 .btm_bx .ttl strong {font-size: 15px;}
    
    #board .view02 .btm_bx.type_bx .tb_bx colgroup {display: none!important;}
    #board .view02 .btm_bx.type_bx .tb_bx thead th {font-size: 13px; height: 35px; padding: 0 10px;}
    #board .view02 .btm_bx.type_bx .tb_bx tbody td {font-size: 12px; height: 35px; line-height: 17px; padding: 5px 10px;}
    #board .view02 .btm_bx.type_bx .tb_bx .chk1 {width: 15px; height: 15px; background-size: 9px auto!important;}
    #board .view02 .btm_bx.type_bx .tb_bx .count {padding: 0 35px; max-width: 120px;}
    #board .view02 .btm_bx.type_bx .tb_bx .count a {width: 25px; height: 25px; background-size: 25px auto!important;}
    #board .view02 .btm_bx.type_bx .tb_bx .count input {height: 30px; font-size: 12px;}
    
    #board .view02 .btm_bx.type_bx .all_bx {padding: 10px 20px; min-height: 50px;}
    #board .view02 .btm_bx.type_bx .all_bx .txt_w {max-width: 380px;}
    #board .view02 .btm_bx.type_bx .all_bx .txt_w .l_bx {font-size: 12px; width: 85px;}
    #board .view02 .btm_bx.type_bx .all_bx .txt_w .r_bx {font-size: 12px; width: calc(100% - 85px);}
    #board .view02 .btm_bx.type_bx .all_bx .txt_w .r_bx strong {font-size: 15px;}
    
    #board .view02 .btm_bx.type_bx .btn_bx {margin-top: 20px;}
    #board .view02 .btm_bx.type_bx .btn_bx a {max-width: 140px; line-height: 45px; font-size: 13px; margin-right: 10px;}
    
    
    #board .write_bx .tb_bx table tbody th {font-size: 12px; padding: 5px 0; height: 46px; width: 140px;}
    #board .write_bx .tb_bx table tbody th .imp::after {top: -2px; padding-left: 2px;}
    #board .write_bx .tb_bx table tbody td {font-size: 12px; padding: 5px 20px 5px 0;}
    #board .write_bx .tb_bx table tbody td input[type=text], #board .write_bx .tb_bx table tbody td input[type=tel], #board .write_bx .tb_bx table tbody td input[type=email], #board .write_bx .tb_bx table tbody td input[type=password] {height: 35px; font-size: 12px; padding: 0 10px;}
    #board .write_bx .tb_bx table tbody td select {height: 35px; font-size: 12px; padding: 0 20px 0 10px; background-size: 6px auto;}
    #board .write_bx .tb_bx table tbody td textarea {height: 60px; font-size: 12px; line-height: 17px; padding: 8px 10px;}
    #board .write_bx .tb_bx table tbody td textarea.h_type2 {height: 100px;}
    
    #board .write_bx .tb_bx table tbody td .tel_bx select {width: calc(29.05% - 10px)!important}
    #board .write_bx .tb_bx table tbody td .tel_bx input {width: calc(35.475% - 10px)!important;}
    #board .write_bx .tb_bx table tbody td .tel_bx span {width: 15px;}
    
    #board .write_bx .tb_bx table tbody td .email_bx input.email1 {width: calc(30.052% - 8.333px)!important}
    #board .write_bx .tb_bx table tbody td .email_bx span {width: 20px;}
    #board .write_bx .tb_bx table tbody td .email_bx input.email2 {width: calc(44.117% - 8.333px)!important}
    #board .write_bx .tb_bx table tbody td .email_bx select {margin-left: 5px; width: calc(25.833% - 8.333px)!important;}
    
    #board .write_bx .tb_bx table tbody td .addr_bx input.addr1 {max-width: 150px; width: calc(100% - 105px)!important;}
    #board .write_bx .tb_bx table tbody td .addr_bx .btn {font-size: 12px; line-height: 35px; width: 100px; margin-left: 5px;}
    #board .write_bx .tb_bx table tbody td .addr_bx input.addr2, .tb_bx table tbody td .addr_bx input.addr3 {margin-top: 5px;}
    
    #board .write_bx .tb_bx table tbody td .chk_bx li {margin-right: 35px;}
    #board .write_bx .tb_bx table tbody td .chk_bx li input {width: 10px; height: 10px; margin-top: -5px;}
    #board .write_bx .tb_bx table tbody td .chk_bx li label {padding-left: 15px; font-size: 12px; line-height: 17px;}
    #board .write_bx .tb_bx table tbody td .chk_bx li input:checked + label::before {width: 6px; height: 6px; margin-top: -3px; left: 2px;}
    
    /*#board .write_bx .tb_bx table tbody td .w300 {max-width: 250px;}*/
    #board .write_bx .tb_bx table tbody td .w300 {max-width: 100%;}
    
    #board .write_bx .agree_bx .txt_bx {height: 100px; font-size: 11px; line-height: 17px; padding: 12px 15px;}
    #board .write_bx .agree_bx .chk_bx {margin-top: 8px; padding-left: 20px;}
    #board .write_bx .agree_bx .chk_bx input {width: 15px; height: 15px; background-size: 8px auto!important; top: 2px;}
    #board .write_bx .agree_bx .chk_bx label {font-size: 12px; line-height: 17px;}
    
    #board .write_bx .spam_bx {margin-top: 20px; padding-left: 15px; border-radius: 3px; max-width: 400px;}
    #board .write_bx .spam_bx .l_bx {padding-right: 10px;}
    #board .write_bx .spam_bx .l_bx .txt_w strong {font-size: 12px;}
    #board .write_bx .spam_bx .l_bx .txt_w p {margin-top: 2px; font-size: 12px; line-height: 14px;}
    #board .write_bx .spam_bx .r_bx {border-radius: 2px;}
    #board .write_bx .spam_bx .r_bx .img_w {height: 35px;}
    #board .write_bx .spam_bx .r_bx .img_w::before {height: 10px; margin-top: -5px;}
    #board .write_bx .spam_bx .r_bx input {height: 35px; font-size: 12px;}
    
    #board .write_bx .method_bx {border-width: 1px; padding-top: 20px;}
    #board .write_bx .method_bx .img1 {max-width: 92px; width: 100%;}
    #board .write_bx .method_bx .txt1 {margin-top: 15px; font-size: 20px;}
    #board .write_bx .method_bx .txt2 {margin-top: 12px; font-size: 13px; line-height: 20px;}
    #board .write_bx .method_bx .txt3 {margin-top: 12px; font-size: 12px; line-height: 20px;}
    #board .write_bx .method_bx .txt3 strong {font-size: 15px;}
    #board .write_bx .method_bx .txt4 {margin-top: 15px;; padding: 13px 28px;}
    #board .write_bx .method_bx .txt4 ul li {font-size: 10px; line-height: 15px; margin-bottom: 5px; text-indent: -9px; padding-left: 9px;}
    #board .write_bx .method_bx .txt4 ul li:last-child {margin-bottom: 0;}

    #board .write_bx .tb_btm_btn {margin-top: 10px;}
    #board .write_bx .tb_btm_btn a {font-size: 12px; line-height: 25px; padding: 0 15px;}



    /* 작성 */
    #board .write_bx .f_con {margin-bottom: 27px;}
    #board .write_bx .f_con .f_ttl {margin-bottom: 8px; font-size: 17px;}
    #board .write_bx .tb_bx {border-width: 1px;}



    /* 하단 버튼 */
    #board .btm_btn {padding-top: 20px;}
    #board .btm_btn a {max-width: 140px; line-height: 45px; font-size: 13px; margin-right: 10px;}
}

/* 모바일 */
@media all and (max-width:768px){
    /* 리스트 상단 */
    #board .list_top.type3 {padding-right: 0;}
    #board .list_top .search_bx {position: relative; right: auto; top: auto; width: 100%;}
    #board .list_top .date_bx {margin-bottom: 10px; max-width: 100%;}
    
    
    
	/* 리스트 */
    #board .list01 ul li:nth-child(n) {width: calc(50% - 5px); margin-right: 10px; margin-top: 10px;}
    #board .list01 ul li:nth-child(2n) {margin-right: 0;}
    #board .list01 ul li:nth-child(-n+2) {margin-top: 0;}
    
    #board .list02 ul li:nth-child(n) {width: calc(50% - 5px); margin-right: 10px; margin-top: 10px;}
    #board .list02 ul li:nth-child(2n) {margin-right: 0;}
    #board .list02 ul li:nth-child(-n+2) {margin-top: 0;}
    
    #board .list03 ul li a {padding-right: 20px;}
    #board .list03.type2 ul li a {padding-left: 10px; padding-right: 60px;}
    #board .list03 ul li a::before {display: none;}
    #board .list03.type2 ul li a .num {display: none;}
    #board .list03 ul li a .txt {max-width: 100%; width: 100%;}
    #board .list03 ul li a .txt strong {-webkit-line-clamp:2;}
    #board .list03.type2 ul li a .txt strong {-webkit-line-clamp:1;}
    #board .list03 ul li a .txt p {display: none;}
    
    #board .list04 table thead {display: none;}
    #board .list04 table tbody {display: block; width: 100%;}
    #board .list04 table tbody tr {display: block; width: 100%; padding: 17px 15px 16px 100px; box-sizing: border-box; min-height: 120px; position: relative;}
    #board .list04.type2 table tbody tr {padding-left: 140px; padding-bottom: 67px;}
    #board .list04 table tbody td {display: block; width: 100%; text-align: right; padding: 0; box-sizing: border-box; min-height: 17px; margin-bottom: 4px; padding-left: 50px;}
    #board .list04 table tbody td:last-child {margin-bottom: 0;}
    #board .list04 table tbody td .l_txt {display: block; position: absolute; left: 0; top: 0; color: #000000;}
    #board .list04 table tbody td .status {line-height: normal; width: auto; background-color: transparent!important; color: #666666!important; border: none!important; border-radius: 0;}
    #board .list04 table tbody td.subject {padding-left: 0; position: unset;}
    #board .list04 table tbody td.subject .sb_w {padding: 0; min-height: auto; text-align: left; margin-bottom: 9px;}
    #board .list04.type2 table tbody td.subject .sb_w {padding-right: 0;}
    #board .list04 table tbody td.subject .sb_w .img_w {left: 0px; top: 20px; margin-top: 0;}
    #board .list04 table tbody td.subject .sb_w .btn {top: auto; bottom: 20px; margin-top: 0; right: 15px; width: calc(100% - 155px);}
    #board .list04 table tbody td.subject .sb_w .txt_w ul {display: block; margin-bottom: 10px;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul li {display: block; padding-right: 0; max-width: 100%;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul.type2 li {max-width: 100%; padding-right: 0;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul li > div {display: inline-block;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul li .txt1 {width: 100%; color: #111;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul li .txt2 {width: auto; margin-right: 20px; position: relative;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul li .txt2::before {content: ''; width: 1px; height: 10px; background-color: #ddd; position: absolute; right: -12px; top: 50%; margin-top: -5px;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul li .txt3 {width: auto;}
    #board .list04 table tbody td.subject .sb_w .txt_w ul li .modify_btn {position: relative; margin-top: 0; top: auto; right: auto; display: block; width: 100%; margin-top: 3px;}
    #board .list04.type2 table tbody td.subject .sb_w .img_w {left: 40px;}
    #board .list04 table tbody td.chk {position: absolute; left: 10px; top: 20px; width: auto; padding: 0; margin-bottom: 0; height: auto; min-height: auto; line-height: 15px;}
    #board .list04 .all_p .txt_w {width: 63px; justify-content: left; padding: 0 0 0 15px;}
    #board .list04 .all_p .p_w {width: calc(100% - 63px);}
    #board .list04 .all_p .p_w div {padding: 0 15px 0 0;}
    
    #board .list05 table thead {display: none!important;}
    #board .list05 table tbody tr {display: block; width: 100%; padding: 12px 70px 12px 10px; position: relative; box-sizing: border-box;}
    #board .list05 table tbody td {display: block; width: 100%; height: auto; padding: 0!important;}
    #board .list05 table tbody td.sb .sb_w {font-size: 15px; line-height: 20px; position: unset; max-width: 100%;}
    #board .list05 table tbody td.sb .sb_w div {-webkit-line-clamp: 2;}
    #board .list05 table tbody td.date {display: none;}
    #board .list05 table tbody td .status {width: 40px; line-height: 38px; border-radius: 50%; border: 1px solid; position: absolute; right: 10px; top: 50%; margin-top: -20px;}
    #board .list05 table tbody td .status.col1 {background-color: #fff; border-color: #dddddd; color: #aaaaaa;}
    #board .list05 table tbody td .status.col2 {background-color: #ee3424; border-color: #ee3424; color: #fff;}


    /* 상세 */
    #board .view01 .page .sb {width: 100%;}
    
    #board .view02 .top_bx {position: relative; padding-top: 45px;}
    #board .view02 .top_bx .l_bx {width: 100%; padding-right: 0;}
    #board .view02 .top_bx .r_bx {width: 100%; margin-top: 27px;}
    #board .view02 .top_bx .r_bx .type_bx {position: absolute; left: 0; top: 0; width: 100%;}
    #board .view02 .top_bx .r_bx .type_bx select {max-width: 100%;}
    
    #board .view02 .btm_bx.type_bx .tb_bx thead {display: none!important;}
    #board .view02 .btm_bx.type_bx .tb_bx tbody tr {display: block; width: 100%; position: relative; padding: 17px 15px 16px 50px; box-sizing: border-box;}
    #board .view02 .btm_bx.type_bx .tb_bx tbody td {display: block; width: 100%; height: auto; padding: 0; text-align: left; padding-left: 30px; position: relative; text-align: right; margin-bottom: 10px; min-height: 17px;}
    #board .view02 .btm_bx.type_bx .tb_bx tbody td:last-child {margin-bottom: 0;}
    #board .view02 .btm_bx.type_bx .tb_bx tbody td::before {position: absolute; left: 0; top: 50%; color: #000; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
    #board .view02 .btm_bx.type_bx .tb_bx tbody td.chk {position: absolute; left: 10px; top: 17px; padding: 0; margin: 0;}
    
    #board .view02 .btm_bx.type_bx .btn_bx {display: flex; flex-flow: wrap; justify-content: center;}
    #board .view02 .btm_bx.type_bx .btn_bx a {width: calc(50% - 5px); margin-right: 10px; margin-top: 5px; max-width: 100%;}
    #board .view02 .btm_bx.type_bx .btn_bx a:nth-child(2n) {margin-right: 0;}
    #board .view02 .btm_bx.type_bx .btn_bx a:nth-child(-n+2) {margin-top: 0;}
    #board .view02 .btm_bx.type_bx .btn_bx a:last-child {margin-right: 0;}



    /* 작성 */
    #board .write_bx .tb_bx table colgroup {display: none;}
    #board .write_bx .tb_bx table tbody tr {display: block; box-sizing: border-box; width: 100%; padding: 12px 0 10px;}
    #board .write_bx .tb_bx table tbody th:nth-child(3) {text-align: left; padding: 12px 0 14px; border-top: 1px solid #eeeeee; margin-top: 10px;}
    #board .write_bx .tb_bx table tbody th {display: block; box-sizing: border-box; width: 100%; height: auto; padding: 0 0 14px;}
    #board .write_bx .tb_bx table tbody td {display: block; box-sizing: border-box; width: 100%; padding: 0;}
    
    #board .write_bx .tb_bx table tbody td .email_bx input.email1 {width: calc(50% - 10px)!important;}
    #board .write_bx .tb_bx table tbody td .email_bx input.email2 {width: calc(50% - 10px)!important;}
    #board .write_bx .tb_bx table tbody td .email_bx select {width: 100%!important; margin-left: 0; margin-top: 5px;}
    
    #board .write_bx .tb_bx table tbody td .chk_bx {margin-bottom: 0;}
    #board .write_bx .tb_bx table tbody td .chk_bx li {margin-right: 0; display: block; margin-bottom: 14px;}
    #board .write_bx .tb_bx table tbody td .chk_bx li:last-child {margin-bottom: 0;}
    
    #board .write_bx .spam_bx {max-width: 100%;}



    /* 하단 버튼 */
    #board .btm_btn.two {display: flex; flex-flow: wrap;}
    #board .btm_btn.two a {width: calc(50% - 5px); margin-right: 10px; margin-top: 10px; max-width: 100%;}
    #board .btm_btn.two a:nth-child(2n) {margin-right: 0;}
    #board .btm_btn.two a:nth-child(-n+2) {margin-top: 0;}
}