@charset "utf-8";


/* 리스트 상단 */
#board .list_top {margin-bottom: 20px; min-height: 40px; position: relative;}
#board .list_top .count {font-size: 16px; color: #444444; letter-spacing: -0.05em; word-break: keep-all; width: calc(100% - 420px); padding-top: 16px;}
#board .list_top .count strong {font-size: 20px; color: #000000; font-weight: 700;}
#board .list_top .search_bx {position: absolute; width: 400px; box-sizing: border-box; padding: 0 45px 0 100px; right: 0px; top: 0;}
#board .list_top .search_bx select {width: 100px; height: 40px; box-sizing: border-box; border: none; position: absolute; left: 0; top: 0; padding: 0 10px; font-size: 16px; color: #333333; letter-spacing: -0.05em; word-break: keep-all; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow3.png) no-repeat right 10px center; background-size: 9px auto;}
#board .list_top .search_bx input {width: 100%; height: 40px; padding: 0 10px; font-size: 16px; color: #333333; letter-spacing: -0.05em; word-break: keep-all; box-sizing: border-box; border: none; outline: none;}
#board .list_top .search_bx input::placeholder {color: #aaaaaa;}
#board .list_top .search_bx .btn {position: absolute; width: 45px; height: 40px; font-size: 0px; right: 0; top: 0; background: url(../images/icon/search.png) no-repeat center;}



/* 리스트 */
#board .list_st1 {display: flex; flex-flow: wrap; border-top: 2px solid #111111; padding: 30px 0 0; margin-bottom: -35px;}
#board .list_st1.type2 {margin-bottom: -10px;}
#main #board .list_st1 {border-top: none; padding: 0; display: flex; flex-flow: wrap;}
#board .list_st1 li {width: calc(33.333% - 20px); margin-right: 30px; margin-bottom: 35px;}
#board .list_st1 li:nth-child(3n) {margin-right: 0;}
#board .list_st1.type2 li:nth-child(n) {width: calc(20% - 8px); margin-right: 10px; margin-bottom: 10px;}
#board .list_st1.type2 li:nth-child(5n) {margin-right: 0;}
#board .list_st1 li a {display: block; text-align: center;}
#board .list_st1 .img_bx {position: relative; padding-bottom: 56.32%; overflow: hidden;}
#board .list_st1.type2 .img_bx {padding-bottom: 100%;}
#board .list_st1 .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;}
#board .list_st1 .txt_bx {-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; font-size: 18px; line-height: 26px; color: #111111; word-break: keep-all; margin-top: 12px;}

#board .list_st2 {display: flex; flex-flow: wrap; margin-bottom: -10px;  border-top: 2px solid #111111; padding-top: 30px;}
#main #board .list_st2 {padding-top: 0; border-top: none;}
#board .list_st2 li {width: calc(20% - 8px); margin-right: 10px; margin-bottom: 10px;}
#board .list_st2 li:nth-child(5n) {margin-right: 0;}
#board .list_st2 li a {display: block; padding-bottom: 100%; position: relative; overflow: hidden;}
#board .list_st2 li a .img_bx {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;}

#board .list_st3 {width: 100%; table-layout: fixed; border-top: 2px solid #111111;}
#board .list_st3 tr {border-bottom: 1px solid #eeeeee;}
#board .list_st3 tr.on {background-color: #fafafa;}
#board .list_st3 td {box-sizing: border-box; height: 80px; padding: 5px 0; text-align: center; font-size: 14px; color: #aaaaaa; word-break: keep-all;}
#board .list_st3 td.num {font-size: 16px; color: #666666; width: 79px;}
#board .list_st3 .on td.num {font-size: 0;}
#board .list_st3 .on td.num::before {content: '공지'; width: 40px; height: 40px; border-radius: 50%; background: url(../images/icon/notice.png) no-repeat center #111111; display: inline-block;}
#board .list_st3 td.subject {text-align: left;}
#board .list_st3 td.subject div {width: 85%; line-height: 33px; color: #111111; font-size: 20px; font-weight: 700; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#board .list_st3 td.subject div a {font-size: 20px; color: #111111; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; position: relative;}
#board .list_st3 td.name {width: 133px;}
#board .list_st3 td.date {width: 129px;}

#board .list_st4 {border-top: 2px solid #111;}
#board .list_st4 li {border-bottom: 1px solid #eeeeee; position: relative;}
#board .list_st4 li::before {content: ''; width: 100%; height: calc(100% + 1px); box-sizing: border-box; border: 2px solid #e30413; position: absolute; left: 0; top: 0; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
#board .list_st4 li.on::before {opacity: 1;}
#board .list_st4 .txt_bx {position: relative; box-sizing: border-box; z-index: 1;}
#board .list_st4 .txt_bx > strong {position: absolute; font-size: 20px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; width: 40px; line-height: 40px; border-radius: 50%; left: 20px; top: 30px; text-align: center; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#board .list_st4 .q_bx {display:flex; justify-content:left; align-items:center; table-layout:fixed; cursor: pointer; padding: 26px 64px 26px 80px; min-height: 100px;}
#board .list_st4 .q_bx::before {content: ''; width: 20px; height: 12px; background: url(../images/icon/arrow4.png) no-repeat center; position: absolute; right: 22px; top: 50%; margin-top: -6px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#board .list_st4 li.on .q_bx::before {transform: rotate(180deg); background: url(../images/icon/arrow4_2.png) no-repeat center;}
#board .list_st4 .q_bx strong {background-color: #111111;}
#board .list_st4 li.on .q_bx strong {background-color: #e30413;}
#board .list_st4 .q_bx .subject {font-size: 20px; color: #222222; line-height: 30px; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
#board .list_st4 li.on .q_bx .subject {overflow: unset; text-overflow:unset; white-space:unset; word-wrap:unset; color: #e30413; min-height: auto;}
#board .list_st4 .a_bx {padding: 0 64px 0 80px; display: none;}
#board .list_st4 .a_bx::before {content: ''; width: calc(100% - 4px); height: 1px; background-color: #eee; position: absolute; left: 2px; top: 0;}
#board .list_st4 .a_bx > strong {background-color: #cccccc;}
#board .list_st4 .a_bx .txt {font-size: 16px; color: #666666; line-height: 26px; letter-spacing: -0.05em; min-height: 100px; display:flex; justify-content:left; align-items:center; table-layout:fixed; padding: 26px 0; box-sizing: border-box;}
#board .list_st4 .a_bx .txt img {max-width: 100%;}

#board .no_data {text-align: center!important; font-size: 18px!important; color: #e7e7e7!important; padding: 100px 0!important; word-break: keep-all!important; width: 100%!important; margin-right: 0!important;}
#board .no_data:last-child {margin-right: 0!important;}

#board .btm_txt {text-align: right; font-size: 16px; color: #aaaaaa; letter-spacing: -0.05em; word-break: keep-all; margin-top: -27px;}



/* 페이징 */
#board .page_bx {font-size: 0; text-align: center; padding-top: 55px; position: relative; z-index: 1;}
#board .page_bx a {display: inline-block; vertical-align: middle;}
#board .page_bx .num {width: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #666666; position: relative; z-index: 1;}
#board .page_bx .num::before {content: ''; width: 100%; height: 100%; background-color: #e30413; border-radius: 50%; position: absolute; top: 0p; left: 0; display: none; z-index: -1;}
#board .page_bx .num.on {color: #fff;}
#board .page_bx .num.on::before {display: block;}
#board .page_bx .page_first {background: url(../images/icon/page_first.png) no-repeat center; height: 40px; width: 30px; margin-right: 6px;}
#board .page_bx .page_prev {background: url(../images/icon/page_prev.png) no-repeat center; height: 40px; width: 30px; margin-right: 8px;}
#board .page_bx .page_next {background: url(../images/icon/page_next.png) no-repeat center; height: 40px; width: 30px; margin-left: 8px;}
#board .page_bx .page_last {background: url(../images/icon/page_last.png) no-repeat center; height: 40px; width: 30px; margin-left: 6px;}



/* 작성 */
#board .write_bx {max-width: 960px; margin: 0 auto;}
#board .write_bx table {width: 100%; table-layout: fixed; border-top: 1px solid #111111;}
#board .write_bx table tr {border-bottom: 1px solid #eeeeee;}
#board .write_bx table th {width: 168px; box-sizing: border-box; padding: 10px; font-size: 16px; color: #222222; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; text-align: left; height: 70px; box-sizing: border-box;}
#board .write_bx table th em {font-size: 0; font-style: normal;}
#board .write_bx table th em::before {content: '*'; font-size: 16px; font-weight: 700; color: #ff0000; display: inline-block; padding-left: 2px;}
#board .write_bx table td {font-size: 16px; color: #666; word-break: keep-all; padding: 10px; height: 70px; box-sizing: border-box;}
#board .write_bx table td input[type=text] {border: 1px solid transparent; outline: none; height: 50px; padding: 0 10px; box-sizing: border-box; color: #333; width: 100%; font-size: 16px;}
#board .write_bx table td input[type=text]::placeholder {color: #cccccc;}
#board .write_bx table td input[type=text]:focus {border-color: #222222!important; background-color: #fff!important;}
#board .write_bx table td textarea {width: 100%; font-size: 16px; line-height: 26px; word-break: keep-all; color: #333; height: 240px; box-sizing: border-box; border: 1px solid #eeeeee; background-color: #fafafa; outline: none; resize: none; padding: 8px 10px;}
#board .write_bx table td textarea:focus {border-color: #222222; background-color: #fff;}
#board .write_bx table td .spam_bx {position: relative; padding-left: 102px; max-width: 300px; display: inline-block; box-sizing: border-box;}
#board .write_bx table td .spam_bx .img {width: 112px; display:flex; justify-content:center; align-items:center; table-layout:fixed; position: absolute; left: -10px; top: 0px; height: 50px; box-sizing: border-box; padding-top: 4px;}
#board .write_bx table td .spam_bx .img img {max-width: 100%; max-height: 100%;}
#board .write_bx table td .spam_bx input {width: calc(100%); background-color: #fafafa; border: 1px solid #eee;}
#board .write_bx table td .l_txt {margin-top: 8px; color: #ccc; font-size: 14px; display: inline-block; margin-left: 10px;}
.agree_bx {margin-bottom: 40px;}
.agree_bx .txt_bx {background-color: #fafafa; height: 224px; overflow-y: auto; font-size: 16px; color: #333; line-height: 26px; padding: 25px 30px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;}
.agree_bx .chk_bx {padding-left: 41px; position: relative; min-height: 30px; display:flex; justify-content:left; align-items:center; table-layout:fixed; margin-top: 20px;}
.agree_bx .chk_bx label {display: inline-block; font-size: 16px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; cursor: pointer;}
.agree_bx .chk_bx label .col2 {color: #ff0001;}
.agree_bx .chk_bx input {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 30px; height: 30px; background: url(../images/icon/chk4.png) no-repeat center; display: inline-block; position: absolute; left: 0px; top: 0px; border: none; cursor: pointer;}
.agree_bx .chk_bx input[type="checkbox"]:checked { background: url(../images/icon/chk4_2.png) no-repeat center;}
.radio_bx {font-size: 0;}
.radio_bx li {display: inline-block; margin-right: 52px;}
.radio_bx li input {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border-radius: 50%; box-sizing: border-box; border: 1px solid #dedede; background-color: #fff; cursor: pointer;}
.radio_bx li input:checked {background-color: #0076f7; border-color: #0076f7;}
.radio_bx li label {display: inline-block; font-size: 14px; color: #333333; word-break: keep-all; cursor: pointer;}



/* 상세 */
#board .view_bx {border-bottom: 1px solid #111111; border-top: 2px solid #111111;}
#board .view_bx .subject_bx {border-bottom: 1px solid #eeeeee; text-align: center; padding: 59px 0 56px;}
#board .view_bx .subject_bx strong {font-size: 34px; color: #222222; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 22px; display: block;}
#board .view_bx .subject_bx strong span {display: block; font-size: 20px; color: #e30413; margin-bottom: 13px;}
#board .view_bx .subject_bx p {font-size: 16px; color: #aaaaaa;}
#board .view_bx .video_bx {background-color: #fafafa; padding: 30px; border-bottom: 1px solid #eeeeee;}
#board .view_bx .video_bx .video_w {max-width: 800px; margin: 0 auto;}
#board .view_bx .video_bx .video_w div {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
#board .view_bx .video_bx iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#board .view_bx .txt_bx {padding: 30px 0; font-size: 16px; color: #222222;}
#board .view_bx .txt_bx img {max-width: 100%;}
#board .view_bx .file_bx ul {display: flex; flex-flow: wrap; padding: 0 0 20px;}
#board .view_bx .file_bx ul li {width: calc(33.333% - 20px); margin-right: 30px; margin-bottom: 10px; box-sizing: border-box;}
#board .view_bx .file_bx ul li:nth-child(3n) {margin-right: 0;}
#board .view_bx .file_bx ul li a {background-color: #fafafa; box-sizing: border-box; padding: 10px 80px 10px 30px; min-height: 90px; display:flex; justify-content:left; align-items:center; table-layout:fixed; position: relative; font-size: 16px; color: #333333; word-break: break-all;}
#board .view_bx .file_bx ul li a::before {content: ''; width: 50px; height: 50px; background: url(../images/icon/download.png) no-repeat center #444444; border-radius: 50%; position: absolute; right: 20px; top: 50%; margin-top: -25px;}
#board .view_bx .file_bx ul li a span {display: block; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
#board .view_bx .page {border-top: 1px solid #111111;}
#board .view_bx .page > div {position: relative; padding: 0 10px 0 120px; min-height: 80px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .view_bx .page > div span {position: absolute; height: 100%; left: 10px; top: 0px; display:flex; justify-content:center; align-items:center; table-layout:fixed; padding-right: 46px; font-size: 16px; color: #111111; font-weight: 700;}
#board .view_bx .page > div span::before {content: ''; width: 16px; height: 10px; background: url(../images/icon/arrow7.png) no-repeat center; position: absolute; right: 0px; top: 50%; margin-top: -5px;}
#board .view_bx .page > .next span::before {transform: rotate(180deg);}
#board .view_bx .page > .next {border-top: 1px solid #eeeeee;}
#board .view_bx .page .subject {font-size: 16px; color: #666666; word-break: keep-all; width: 80%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#board .view_bx .page .subject a {color: #666666;}



/* 하단 버튼 */
#board .btm_btn {font-size: 0; text-align: center; padding-top: 60px;}
#board .btm_btn a {display: inline-block; width: 240px; line-height: 70px; text-align: center; font-size: 18px; color: #ffffff; font-weight: 700; border-radius: 35px; background-color: #222222; margin-right: 20px;}
#board .btm_btn a.col2 {background-color: #dddddd;}
#board .btm_btn a:last-child {margin-right: 0;}

/* PC */
@media all and (min-width:1025px){
	/* 리스트 */
	#board .list_st1 .img_bx div {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_st1 li a:hover .img_bx div {transform: scale(1.1);}
	#board .list_st1 .txt_bx {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .list_st1 li a:hover .txt_bx {color: #e30413;}
	
	#board .list_st1.type3 li:nth-child(n) {width: calc(25% - 15px); margin-right: 20px;}
	#board .list_st1.type3 li:nth-child(4n) {margin-right: 0;}
	
	#board .list_st2 li a .img_bx {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_st2 li a:hover .img_bx {transform: scale(1.1);}
	
	#board .list_st3 td.subject div a {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .list_st3 td.subject div a:hover {color: #e30413;}
	#board .list_st3 td.subject div a::before {content: ''; width: 100%; height: 1px; background-color: #e30413; position: absolute; bottom: -5px; left: 0; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
	#board .list_st3 td.subject div a:hover::before {opacity: 1;}
	
	#board .list_st4 li:hover .q_bx strong {background-color: #e30413;}
	#board .list_st4 li:hover .q_bx .subject {color: #e30413;}
	
	
	
	/* 상세 */
	#board .view_bx .file_bx ul li a::before {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
	#board .view_bx .file_bx ul li a:hover::before {background-color: #e30413;}
	#board .view_bx .file_bx ul li a:hover span {text-decoration: underline;}
	#board .view_bx .page .subject a:hover {text-decoration: underline;}
	


	/* 하단 버튼 */
	#board .btm_btn a {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
	#board .btm_btn a:hover {background-color: #e30413;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 리스트 상단 */
	#board .list_top {min-height: 30px; margin-bottom: 15px;}
	#board .list_top .count {font-size: 14px; padding-top: 12px; width: calc(100% - 360px);}
	#board .list_top .count strong {font-size: 15px;}
	#board .list_top .search_bx {padding: 0 28px 0 98px; width: 340px;}
	#board .list_top .search_bx select {height: 30px; padding: 0 8px 0 6px; font-size: 14px; width: 98px;}
	#board .list_top .search_bx input {height: 30px; padding: 0 8px; font-size: 14px;}
	#board .list_top .search_bx .btn {height: 30px; width: 28px; background-size: 14px auto;}
	
	
	
	/* 리스트 */
	#board .list_st1 {margin-bottom: -26px; border-top: 1px solid #111;}
	#board .list_st1.type2 {margin-bottom: -6px;}
	#board .list_st1 li {width: calc(50% - 5px); margin-right: 10px!important; margin-bottom: 26px;}
	#board .list_st1 li:nth-child(2n) {margin-right: 0!important;}
	#board .list_st1.type2 li:nth-child(n) {width: calc(20% - 4.8px)!important; margin-right: 6px!important; margin-bottom: 6px;}
	#board .list_st1.type2 li:nth-child(5n) {margin-right: 0!important;}
	#board .list_st1 .txt_bx {font-size: 13px; line-height: 18px; margin-top: 7px;}
	
	#board .list_st2 {margin-bottom: -6px; border-top: 1px solid #111;}
	#board .list_st2 li {width: calc(20% - 4.8px); margin-right: 6px; margin-bottom: 6px;}
	
	#board .list_st3 {border-top: 1px solid #111;}
	#board .list_st3 td {height: 45px; font-size: 12px;}
	#board .list_st3 td.num {font-size: 12px; width: 59px;}
	#board .list_st3 .on td.num::before {width: 30px; height: 30px; background-size: 16px auto;}
	#board .list_st3 td.subject div {font-size: 13px; line-height: 18px;}
	#board .list_st3 td.subject div a {font-size: 13px; line-height: 18px;}
	#board .list_st3 td.name {width: 103px;}
	#board .list_st3 td.date {width: 99px;}
	
	#board .list_st4 {border-top: 1px solid #111;}
	#board .list_st4 li::before {border: 1px solid #e30413;}
	#board .list_st4 .txt_bx > strong {left: 10px; top: 22px; width: 30px; line-height: 30px; font-size: 14px;}
	#board .list_st4 .q_bx {min-height: 74px; padding: 18px 38px 18px 50px}
	#board .list_st4 .q_bx::before {width: 14px; background-size: 14px auto!important; right: 12px;}
	#board .list_st4 .q_bx .subject {font-size: 15px; line-height: 20px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; white-space: unset;}
	#board .list_st4 li.on .q_bx .subject {-webkit-box-orient: unset;}
	#board .list_st4 .a_bx {padding: 0 38px 0 50px;}
	#board .list_st4 .a_bx .txt {padding: 18px 0; font-size: 13px; line-height: 19px; min-height: 74px;}
	
	#board .no_data {padding: 50px 0!important; font-size: 13px!important;}
	data:last-child {margin-right: 0!important;}
	
	#board .btm_txt {text-align: center; margin-top: 30px; font-size: 13px;}


	
	/* 페이징 */
	#board .page_bx .num {width: 30px; line-height: 30px; font-size: 14px; margin: 0 1px;}
	#board .page_bx .page_first {width: 30px; height: 30px; background-size: 12px auto; margin-right: 1px;}
	#board .page_bx .page_prev {width: 30px; height: 30px; background-size: 9px auto; margin-right: 0px;}
	#board .page_bx .page_next {width: 30px; height: 30px; background-size: 9px auto; margin-left: 0px;}
	#board .page_bx .page_last {width: 30px; height: 30px; background-size: 12px auto; margin-left: 1px;}
	


	/* 작성 */
	#board .write_bx table th {height: 40px; padding: 5px 15px; font-size: 12px; width: 100px;}
	#board .write_bx table th em::before {font-size: 12px;}
	#board .write_bx table td {height: 40px; padding: 5px 15px;}
	#board .write_bx table td input[type=text] {height: 30px; font-size: 12px; padding: 0;}
	#board .write_bx table td textarea {height: 120px; font-size: 12px; line-height: 17px; padding: 8px 10px;}
	#board .write_bx table td .spam_bx {padding-left: 62px; width: 170px;}
	#board .write_bx table td .spam_bx .img {height: 30px; width: 72px;}
	#board .write_bx table td .spam_bx input {padding: 0 10px;}
	#board .write_bx table td .l_txt {display: block; font-size: 11px; padding-left: 0;}
	.agree_bx {margin-bottom: 30px;}
	.agree_bx .txt_bx {height: 112px; padding: 13px 15px; font-size: 12px; line-height: 17px;}
	.agree_bx .chk_bx {min-height: 23px; padding-left: 29px; margin-top: 10px;}
	.agree_bx .chk_bx input {width: 23px; height: 23px; background-size: 23px 23px!important;}
	.agree_bx .chk_bx label {font-size: 12px;}
	.radio_bx li {margin-right: 15px;}
	.radio_bx li input {width: 15px; height: 15px;}
	.radio_bx li label {font-size: 12px;}
	


	/* 상세 */
	#board .view_bx {border-top: 1px solid #111;}
	#board .view_bx .subject_bx {padding: 25px 10px 37px;}
	#board .view_bx .subject_bx strong {font-size: 20px; line-height: 25px; margin-bottom: 9px;}
	#board .view_bx .subject_bx strong span {font-size: 14px; margin-bottom: 6px;}
	#board .view_bx .subject_bx p {font-size: 12px;}
	#board .view_bx .video_bx {padding: 10px;}
	#board .view_bx .txt_bx {padding: 15px 0; font-size: 14px;}
	#board .view_bx .file_bx ul {padding-bottom: 10px;}
	#board .view_bx .file_bx ul li {width: calc(33.333% - 6.666px); margin-right: 10px; margin-bottom: 5px;}
	#board .view_bx .file_bx ul li a {min-height: 50px; padding: 0 50px 0 15px; font-size: 14px;}
	#board .view_bx .file_bx ul li a::before {right: 20px; width: 25px; height: 25px; margin-top: -13px; background-size: 9px auto;}
	#board .view_bx .file_bx ul li a span {-webkit-line-clamp:1;}
	#board .view_bx .page > div {min-height: 58px; padding: 0 5px 0 70px;}
	#board .view_bx .page > div span {font-size: 14px; padding-right: 21px; left: 5px;}
	#board .view_bx .page > div span::before {width: 11px; background-size: 11px auto;}
	#board .view_bx .page .subject {font-size: 14px;}
	


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

/* 모바일 */
@media all and (max-width:768px){
	/* 리스트 상단 */
	#board .list_top {min-height: auto;}
	#board .list_top .count {width: 100%; padding-top: 0; margin-bottom: 12px;}
	#board .list_top .search_bx {position: relative; top: auto; right: auto; width: 100%;}
	
	
	
	/* 리스트 */
	#board .list_st1 li:nth-child(n) {width: 100%; margin-right: 0!important;}
	#board .list_st1.type2 li:nth-child(n) {width: calc(33.333% - 4px)!important; margin-right: 6px!important;}
	#board .list_st1.type2 li:nth-child(3n) {margin-right: 0!important;}
	
	#board .list_st2 li {width: calc(33.333% - 4px); margin-right: 6px!important;}
	#board .list_st2 li:nth-child(3n) {margin-right: 0!important;}
	
	#board .list_st3 tr {display: block; width: 100%; position: relative; padding: 13px 15px 11px 50px; box-sizing: border-box;}
	#board .list_st3 td {display: block; width: 100%!important; height: auto; padding: 0; text-align: left; line-height: 17px;}
	#board .list_st3 td.subject {padding-bottom: 2px;}
	#board .list_st3 td.subject div {-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; width: 100%; white-space: unset; word-wrap: unset;}
	#board .list_st3 td.num {width: 50px!important; position: absolute; left: 0px; height: 100%; top: 0; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
	


	/* 작성 */
	#board .write_bx table tr {display: block; box-sizing: border-box; padding: 13px 15px 5px;}
	#board .write_bx table th {width: 100%; padding: 0 0 8px; height: auto; display: block;}
	#board .write_bx table td {width: 100%; padding: 0; height: auto; display: block;}
		


	/* 상세 */
	#board .view_bx .file_bx ul li:nth-child(n) {width: 100%; margin-right: 0;}
	#board .view_bx .page .subject {width: 100%;}


	/* 하단 버튼 */
	#board .btm_btn {display: flex; flex-flow: wrap; justify-content:center; max-width: 450px; margin: 0 auto;}
	#board .btm_btn a {width: calc(50% - 5px); margin-right: 10px; max-width: 155px;}
	#board .btm_btn a:nth-child(2n) {margin-right: 0;}
}