@charset "utf-8";


/* 리스트 상단 */
#board .list_top {position: relative; min-height: 56px; display:flex; justify-content:left; align-items:center; table-layout:fixed; margin-bottom: 20px; padding-right: 350px;}
#board .list_top .count {font-size: 14px; color: #888888; letter-spacing: -0.025em; word-break: keep-all;}
#board .list_top .count strong {font-size: 16px; color: #337bb3; font-weight: 700;}
#board .list_top .search_bx {max-width: 320px; width: 100%; position: absolute; right: 0; top: 0;}
#board .list_top .search_bx input {height: 56px; box-sizing: border-box; width: 100%; border: 1px solid #dddddd; outline: none; padding: 0 60px 0 20px; font-size: 14px; color: #111; letter-spacing: -0.025em; word-break: keep-all;}
#board .list_top .search_bx input::placeholder {color: #888888;}
#board .list_top .search_bx .btn {position: absolute; right: 0; top: 0; width: 60px; height: 56px; background: url(../images/icon/search.png) no-repeat center; font-size: 0;}
#board .list_top .tab_bx {max-width: 715px; width: 100%;}
#board .list_top .tab_bx ul {display: flex; flex-flow: wrap; border-left: 1px solid #dddddd;}
#board .list_top .tab_bx ul li {width: 16.666%; box-sizing: border-box; border: 1px solid #dddddd; border-left: none; position: relative;}
#board .list_top .tab_bx ul li a {height: 54px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 16px; color: #888888; letter-spacing: -0.025em; word-break: keep-all; position: relative; z-index: 1;}
#board .list_top .tab_bx ul li.on::before {content: ''; width: calc(100% + 2px); left: -1px; height: calc(100% + 2px); top: -1px; background-color: #222222; position: absolute;} 
#board .list_top .tab_bx ul li.on a {color: #fff;}



/* 리스트 */
#board .list01 {border-top: 2px solid #222222;}
#board .list01 ul {display: flex; flex-flow: wrap; margin-bottom: -52px; padding-top: 40px;}
#board .list01 ul li {width: calc(20% - 16px); margin-right: 20px; box-sizing: border-box; margin-bottom: 52px; position: relative;}
#board .list01 ul li:nth-child(5n) {margin-right: 0;}
#board .list01 .img_bx {position: relative; border: 1px solid #dddddd; overflow: hidden; padding-bottom: 99.11%; box-sizing: border-box;}
#board .list01 ul li.new .img_bx::before {content: 'NEW'; display: inline-block; position: absolute; right: 0; top: 0; background-color: #cc0000; line-height: 24px; font-size: 14px; color: #fff; padding: 0 10px; z-index: 1;}
#board .list01 .img_bx .img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#board .list01 .hv_bx {position: absolute; width: 100%; padding-bottom: 100%; top: 0; left: 0; box-sizing: border-box; background: rgba(51,123,179,0.8); opacity: 0; z-index: 2;}
#board .list01 .hv_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 26px 21px; display: flex; flex-flow: wrap; box-sizing: border-box;}
#board .list01 .hv_bx a {width: 100%; height: calc(33.333% - 6.666px); margin-bottom: 10px; display:flex; justify-content:center; align-items:center; table-layout:fixed; box-sizing: border-box; border: 1px solid #fff; font-size: 16px; color: #ffffff; font-weight: 500;}
#board .list01 .hv_bx a:last-child {margin-bottom: 0;}
#board .list01 .hv_bx a span {width: 100%; display: block; max-width: 120px; background: url(../images/icon/link.png) no-repeat right center;}
#board .list01 ul li .txt {font-size: 20px; line-height: 30px; color: #222222; font-weight: 700; word-break: keep-all; margin-top: 17px;}

#board .list02 {border-top: 2px solid #222222;}
#board .list02 table {width: 100%; table-layout: fixed;}
#board .list02 table tr {border-bottom: 1px solid #dddddd;}
#board .list02 table th {height: 80px; background-color: #f7f7f7; font-size: 16px; color: #222222; font-weight: 600; letter-spacing: -0.025em; word-break: keep-all; box-sizing: border-box; padding: 10px;}
#board .list02 table th.num, #board .list02 table th.date, #board .list02 table th.count {width: 120px;}
#board .list02 table td {box-sizing: border-box; height: 70px; font-size: 16px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; text-align: center; position: relative; padding: 10px;}
#board .list02 table .on td.num {position: relative;}
#board .list02 table .on td.num::before {content: '공지'; font-size: 0; display: inline-block; width: 31px; height: 31px; background: url(../images/icon/notice.png) no-repeat center; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
#board .list02 table td.subject {text-align: left; padding: 10px 20px;}
#board .list02 table td.subject div {-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; font-size: 16px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; max-width: 680px;}
#board .list02 table td.subject div a {font-size: 16px; color: #666666; letter-spacing: -0.025em; word-break: keep-all;}
#board .list02 table .on td.subject div {color: #337bb3; font-weight: 700;}
#board .list02 table .on td.subject div a {color: #337bb3; font-weight: 700;}

#board .list03 {border-top: 2px solid #222222;}
#board .list03 ul {padding-top: 20px;}
#board .list03 ul li {margin-top: 20px; border: 1px solid #dddddd; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s;}
#board .list03 ul li .type {position: absolute; left: 40px; z-index: 1;}
#board .list03 ul li .type strong {display: inline-block; font-size: 24px; color: #222222; font-weight: 700; letter-spacing: -0.025em; vertical-align: middle; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
#board .list03 ul li .type span {font-size: 14px; color: #888888; letter-spacing: -0.025em; word-break: keep-all; vertical-align: middle; margin-left: 10px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; position: relative; z-index: 1;}
#board .list03 .q_bx {position: relative; padding: 26px 80px 25px 160px; cursor: pointer;}
#board .list03 .q_bx::before {content: ''; width: calc(100% + 2px); height: calc(100% + 1px); background-color: #337bb3; position: absolute; left: -1px; top: -1px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
#board .list03 .q_bx::after {content: ''; width: 16px; height: 10px; background: url(../images/icon/arrow4.png) no-repeat center; position: absolute; right: 40px; top: 50%; margin-top: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#board .list03 .q_bx .subject {position: relative; z-index: 1; font-size: 16px; color: #666666; line-height: 28px; letter-spacing: -0.025em; word-break: keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; max-width: 685px;  -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
#board .list03 .a_bx {display: none; position: relative; padding: 23px 80px 21px 70px;}
#board .list03 .a_bx .txt_w {font-size: 16px; color: #666666; line-height: 28px; letter-spacing: -0.025em; word-break: keep-all;}

#board .list03 ul li.on {border-color: #222222;}
#board .list03 ul li.on .q_bx::before {opacity: 1;}
#board .list03 ul li.on .q_bx::after {transform: rotate(180deg); background: url(../images/icon/arrow5.png) no-repeat center;}
#board .list03 ul li.on .q_bx .type strong {color: #fff;}
#board .list03 ul li.on .q_bx .type span {color: #fff;}
#board .list03 ul li.on .q_bx .subject {color: #fff; -webkit-line-clamp:unset; -webkit-box-orient:unset; overflow:unset; text-overflow:unset; display:block; max-width: 100%;}
/*#board .list03 ul li.on .a_bx {display: block;}*/

#board .list04 ul {display: flex; flex-flow: wrap; margin-bottom: -54px;}
#board .list04 ul li {width: calc(25% - 18px); margin-right: 24px; box-sizing: border-box; margin-bottom: 54px;}
#board .list04 ul li:nth-child(4n) {margin-right: 0;}
#board .list04 ul li a {display: block;}
#board .list04 .img_bx {overflow: hidden; position: relative; padding-bottom: 99.295%; border: 1px solid #dddddd; position: relative;}
#board .list04 ul li .new .img_bx::before {content: 'NEW'; display: inline-block; position: absolute; right: 0; top: 0; background-color: #cc0000; line-height: 24px; font-size: 14px; color: #fff; padding: 0 10px; z-index: 1;}
#board .list04 .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover;}
#board .list04 .txt_bx {padding-top: 25px;}
#board .list04 .txt_bx strong {display: block; font-size: 20px; line-height: 28px; font-weight: 700; word-break: keep-all; color: #222222;}
#board .list04 .txt_bx strong span {display: inline-block; font-size: 16px;}
#board .list04 .txt_bx p {font-size: 16px; color: #888888; line-height: 24px; word-break: keep-all; margin-top: 10px;}
#board .list04 .txt_bx p span {display: inline-block;}

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



/* 뷰 */
#board .view_bx {border-top: 2px solid #222222;}
#board .view_bx .subject {padding: 33px 40px 36px; border-bottom: 1px solid #dddddd;}
#board .view_bx .subject strong {display: block; font-size: 28px; color: #222222; font-weight: 700; letter-spacing: -0.025em; word-break: keep-all; line-height: 40px;}
#board .view_bx .subject ul {font-size: 0; margin-top: 10px;}
#board .view_bx .subject ul li {display: inline-block; font-size: 16px; color: #888888; letter-spacing: -0.025em; word-break: keep-all; margin-right: 40px; position: relative;}
#board .view_bx .subject ul li::before {content: ''; width: 1px; height: 10px; background-color: #ddd; position: absolute; right: -21px; top: 50%; margin-top: -5px;}
#board .view_bx .subject ul li:last-child {margin-right: 0;}
#board .view_bx .subject ul li:last-child::before {display: none;}
#board .view_bx .con {padding: 20px 40px; border-bottom: 1px solid #dddddd;}
#board .view_bx .file {position: relative; background-color: #f7f7f7; margin-bottom: 60px; padding: 28px 30px 22px 104px; min-height: 80px; box-sizing: border-box; font-size: 0;}
#board .view_bx .file span {position: absolute; left: 30px; top: 0; line-height: 80px; font-size: 18px; color: #222222; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all;}
#board .view_bx .file ul {font-size: 0;}
#board .view_bx .file ul li {display: inline-block; margin-right: 16px; margin-bottom: 5px;}
#board .view_bx .file ul li:last-child {margin-right: 0;}
#board .view_bx .file a {display: inline-block; padding-left: 22px; background: url(../images/icon/file.png) no-repeat left top 4px; font-size: 14px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; line-height: 25px;}
#board .view_bx .con .txt_w {font-size: 16px; color: #666666; padding-bottom: 38px;}
#board .view_bx .con .txt_w img {max-width: 100%;}
#board .view_bx .con .txt_w video {max-width: 100%;}



/* 페이징 */
#board .page_bx {text-align: center; font-size: 0; padding-top: 60px;}
#board .page_bx a {display: inline-block; vertical-align: middle; height: 25px; min-width: 22px;}
#board .page_bx .num {font-size: 15px; color: #888888; letter-spacing: -0.025em; margin: 0 10px; text-align: center;}
#board .page_bx .num span {display: inline-block; line-height: 25px; border-bottom: 2px solid transparent;}
#board .page_bx .num.on {color: #337bb3; font-weight: 500;}
#board .page_bx .num.on span {border-color: #337bb3;}
#board .page_bx .page_prev {font-size: 0; background: url(../images/icon/page_prev.png) no-repeat center; margin-right: 10px;}
#board .page_bx .page_next {font-size: 0; background: url(../images/icon/page_next.png) no-repeat center; margin-left: 10px;}



/* 작성 */
#board .write_bx .agree_bx {border-top: 2px solid #222222; margin-bottom: 53px;}
#board .write_bx .agree_bx .txt_bx {background-color: #f7f7f7; border: 1px solid #dddddd; border-top: none; padding: 33px 40px; box-sizing: border-box; height: 358px; overflow-y: auto; font-size: 16px; color: #666666; line-height: 28px; letter-spacing: -0.025em; word-break: keep-all;}
#board .write_bx .agree_bx .txt_bx .num {font-size: 12px; position: relative; top: -1px;}
#board .write_bx .agree_bx .chk_bx {text-align: center; font-size: 0; margin-top: 20px;}
#board .write_bx .agree_bx .chk_bx div {position: relative; display: inline-block; padding-left: 26px;}
#board .write_bx .agree_bx .chk_bx input {position: absolute; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 16px; height: 16px; border: 1px solid #bbbbbb; left: 0; top: 0; cursor: pointer;}
#board .write_bx .agree_bx .chk_bx input:checked {background: url(../images/icon/chk1.png) no-repeat center #bbbbbb; background-size: 10px auto;}
#board .write_bx .agree_bx .chk_bx label {font-size: 15px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; line-height: 16px; display: inline-block; cursor: pointer; text-align: left;}
#board .write_bx .t_txt {min-height: 20px; margin-bottom: 14px;}
#board .write_bx .t_txt .imp {float: right; font-size: 14px; color: #888888; letter-spacing: -0.025em; word-break: keep-all;}
#board .write_bx .t_txt .imp sup {color: #ff0000; position: relative; top: 4px;}
#board .write_bx table {border-top: 2px solid #222222; width: 100%; table-layout: fixed;}
#board .write_bx table tr {border-bottom: 1px solid #dddddd;}
#board .write_bx table th {padding: 0 20px; box-sizing: border-box; width: 160px; text-align: left; height: 80px; font-size: 16px; color: #222222; font-weight: 500; letter-spacing: -0.025em; word-break: keep-all;}
#board .write_bx table th .imp {display: inline-block;}
#board .write_bx table th .imp::before {content: '*'; color: #ff0000; position: relative; top: -1px; padding-right: 3px;}
#board .write_bx table td {box-sizing: border-box; padding: 10px 20px 10px 0; height: 80px; font-size: 16px; color: #666; letter-spacing: -0.025em; word-break: keep-all;}
#board .write_bx table td input[type=text], #board .write_bx table td input[type=password], #board .write_bx table td input[type=email], #board .write_bx table td input[type=tel] {width: 100%; height: 60px; border: none; background-color: #f7f7f7; padding: 0 15px; box-sizing: border-box; font-size: 16px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; outline: none;}
#board .write_bx table td .w650 {max-width: 650px;}
#board .write_bx table td select {width: 100%; height: 60px; border: none; padding: 0 40px 0 15px; box-sizing: border-box; font-size: 16px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow6.png) no-repeat center right 15px #f7f7f7;}
#board .write_bx table td textarea {width: 100%; height: 200px; border: none; background-color: #f7f7f7; padding: 13px 15px; box-sizing: border-box; font-size: 16px; line-height: 28px; color: #666666; letter-spacing: -0.025em; word-break: keep-all; outline: none; resize: none;}
#board .write_bx table td .chk_bx {display: inline-block; vertical-align: middle; position: relative; padding-left: 22px; font-size: 0;}
#board .write_bx table td .chk_bx input {position: absolute; appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 16px; height: 16px; border: 1px solid #bbbbbb; left: 0; top: 0; cursor: pointer;}
#board .write_bx table td .chk_bx input:checked {background: url(../images/icon/chk1.png) no-repeat center #bbbbbb; background-size: 10px auto;}
#board .write_bx table td .chk_bx label {font-size: 14px; color: #888888; letter-spacing: -0.025em; word-break: keep-all; display: inline-block; line-height: 16px; cursor: pointer;}
#board .write_bx table td .email_bx {max-width: 650px; display: inline-block; width: 100%; font-size: 0;}
#board .write_bx table td .email_bx input {width: calc(33.333% - 16.666px);}
#board .write_bx table td .email_bx span {width: 40px; line-height: 60px; text-align: center; color: #222222; font-size: 16px; display: inline-block; vertical-align: middle;}
#board .write_bx table td .email_bx select {width: calc(33.333% - 16.666px); margin-left: 10px;}
#board .write_bx table td .spam_bx {max-width: 332px; font-size: 0; width: 100%; display: inline-block; position: relative; padding-left: 132px; box-sizing: border-box;}
#board .write_bx table td .spam_bx .img_bx {height: 60px; width: 122px; vertical-align: middle; position: absolute; left: 0; top:0; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#board .write_bx table td .spam_bx .img_bx img {max-width: 100%; max-height: 100%;}
#board .write_bx table td .spam_bx input {width: calc(100%);}
#board .write_bx table td .sub_txt {font-size: 16px; color: #ff0000; letter-spacing: -0.025em; word-break: keep-all; line-height: 28px; display: inline-block; vertical-align: middle;}



/* 하단 버튼 */
#board .btm_btn {text-align: center; padding-top: 60px; font-size: 0;}
#board .btm_btn a {width: 160px; line-height: 54px; box-sizing: border-box; background-color: #337bb3; font-size: 17px; color: #ffffff; letter-spacing: -0.025em; word-break: keep-all; display: inline-block;}
#board .btm_btn a.col2 {background-color: #00579b;}



/* PC */
@media all and (min-width:1025px){
	/* 리스트 */
	#board .list01 .img_bx div {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
	#board .list01 ul li:hover .img_bx div {transform: scale(1.1);}
	#board .list01 .hv_bx {-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
	#board .list01 ul li:hover .hv_bx {opacity: 1;}
	#board .list01 .hv_bx a {-webkit-transition: background 0.3s, border 0.3s; -moz-transition: background 0.3s, border 0.3s; transition: background 0.3s, border 0.3s;}
	#board .list01 .hv_bx a:hover {background-color: #337bb3; border-color: #337bb3;}
	#board .list01 ul li .txt {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .list01 ul li:hover .txt {color: #337bb3;}
	
	#board .list02 table td.subject div a:hover {text-decoration: underline;}
	
	#board .list03 ul li:hover {border-color: #222222;}
	
	#board .list04 .img_bx div {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
	#board .list04 ul li a:hover .img_bx div {transform: scale(1.1);}
	#board .list04 .txt_bx strong {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .list04 ul li a:hover .txt_bx strong {color: #337bb3;}
	
	
	
	/* 뷰 */
	#board .view_bx .file a:hover {text-decoration: underline;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 리스트 상단 */
	#board .list_top {min-height: 40px; margin-bottom: 15px; padding-right: 220px;}
	#board .list_top .count {font-size: 12px;}
	#board .list_top .count strong {font-size: 13px;}
	#board .list_top .search_bx {max-width: 210px;}
	#board .list_top .search_bx input {font-size: 12px; height: 40px; padding: 0 35px 0 10px; font-size: 12px;}
	#board .list_top .search_bx .btn {width: 35px; height: 40px; background-size: 15px auto;}
	#board .list_top .tab_bx ul li a {font-size: 12px; height: 38px;}
	
	
	
	/* 리스트 */
	#board .list01 ul {padding-top: 15px; margin-bottom: -15px;}
	#board .list01 ul li:nth-child(n) {width: calc(33.333% - 13.333px); margin-right: 20px; margin-bottom: 0; display: flex; flex-flow: wrap; margin-bottom: 15px;}
	#board .list01 ul li:nth-child(3n) {margin-right: 0;}
	#board .list01 .img_bx {width: 155px; padding-bottom: 0; height: 155px; margin-right: 15px;}
	#board .list01 ul li.new .img_bx::before {font-size: 8px; line-height: 14px; padding: 0 5px;}
	#board .list01 .txt_bx {width: calc(100% - 170px); box-sizing: border-box; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
	#board .list01 .txt_bx .txt_w {width: 100%; }
	#board .list01 ul li .txt {margin-top: 0; margin-bottom: 9px; font-size: 13px; line-height: 18px;}
	#board .list01 .hv_bx {position: relative; top: auto; left: auto; opacity: 1; padding-bottom: 0; background-color: transparent;}
	#board .list01 .hv_bx div {position: relative; top: auto; left: auto; padding: 0;}
	#board .list01 .hv_bx a {display: block; margin-bottom: 0; background-color: transparent; color: #337bb3; font-size: 12px; border-color: #dddddd; margin-bottom: 5px; padding: 0 15px;}
	#board .list01 .hv_bx a:last-child {margin-bottom: 0;}
	#board .list01 .hv_bx a span {line-height: 35px; background: url(../images/icon/link2.png) no-repeat right center; background-size: 12px auto; max-width: 100%;}
	
	#board .list02 table th {font-size: 13px; height: 60px; padding: 5px;}
	#board .list02 table th.num, #board .list02 table th.date, #board .list02 table th.count {width: 80px;}
	#board .list02 table td {font-size: 13px; height: 60px; padding: 5px;}
	#board .list02 table .on td.num::before {width: 25px; height: 25px; background-size: 25px;}
	#board .list02 table td.subject {padding: 5px 10px;}
	#board .list02 table td.subject div {font-size: 13px; line-height: 18px; max-width: 600px;}
	#board .list02 table td.subject div a {font-size: 13px;}
	
	#board .list03 ul {padding-top: 5px;}
	#board .list03 ul li {margin-top: 10px;}
	#board .list03 ul li .type {left: 15px; top: 8px;}
	#board .list03 ul li .type strong {font-size: 20px;}
	#board .list03 ul li .type span {font-size: 10px; margin-left: 5px;}
	#board .list03 .q_bx {padding: 12px 40px 11px 110px;}
	#board .list03 .q_bx::after {right: 15px; width: 12px; background-size: 12px auto!important;}
	#board .list03 .q_bx .subject {font-size: 13px; line-height: 18px; max-width: 600px;}
	#board .list03 .a_bx {padding: 13px 40px 11px 45px}
	#board .list03 .a_bx .txt_w {font-size: 12px; line-height: 17px;}
	
	#board .list04 ul {margin-bottom: -28px;}
	#board .list04 ul li {width: calc(25% - 7.5px); margin-right: 10px; margin-bottom: 28px;}
	#board .list04 ul li .new .img_bx::before {font-size: 8px; line-height: 14px; padding: 0 5px;}
	#board .list04 .txt_bx {padding-top: 13px;}
	#board .list04 .txt_bx strong {font-size: 13px; line-height: 15px;}
	#board .list04 .txt_bx strong span {font-size: 13px;}
	#board .list04 .txt_bx p {margin-top: 4px; font-size: 11px; line-height: 15px;}
	
	#board .no_data {font-size: 13px; padding: 50px 0;}



	/* 뷰 */
	#board .view_bx .subject {padding: 17px 15px;}
	#board .view_bx .subject strong {font-size: 15px; line-height: 20px;}
	#board .view_bx .subject ul {margin-top: 10px;}
	#board .view_bx .subject ul li {font-size: 12px; margin-right: 30px;}
	#board .view_bx .subject ul li::before {right: -16px; height: 8px; margin-top: -4px;}
	#board .view_bx .con {padding: 15px 0;}
	#board .view_bx .file {margin-bottom: 15px; padding: 11px 15px 6px 74px; min-height: 43px;}
	#board .view_bx .file span {left: 15px; line-height: inherit; font-size: 13px; top: 14px;}
	#board .view_bx .file ul li {margin-right: 10px; margin-bottom: 6px;}
	#board .view_bx .file a {font-size: 12px; line-height: 20px; padding-left: 14px; background-size: 9px auto; background-position: left top 6px;}
	#board .view_bx .con .txt_w {font-size: 13px; padding-bottom: 13px;}



	/* 페이징 */
	#board .page_bx {padding-top: 34px;}



	/* 작성 */
	#board .write_bx .agree_bx {margin-bottom: 44px;}
	#board .write_bx .agree_bx .txt_bx {font-size: 12px; line-height: 17px; height: 180px; padding: 13px 15px;}
	#board .write_bx .agree_bx .txt_bx .num {font-size: 8px;}
	#board .write_bx .agree_bx .chk_bx {margin-top: 15px;}
	#board .write_bx .agree_bx .chk_bx div {padding-left: 18px;}
	#board .write_bx .agree_bx .chk_bx input {width: 13px; height: 13px; top: -1px;}
	#board .write_bx .agree_bx .chk_bx input:checked {background-size: 7px auto;}
	#board .write_bx .agree_bx .chk_bx label {font-size: 12px; line-height: 13px;}
	#board .write_bx .t_txt {margin-bottom: 11px;}
	#board .write_bx .t_txt .imp {font-size: 12px; line-height: 13px;}
	#board .write_bx table th {font-size: 13px; width: 130px; padding: 0 10px; height: auto;}
	#board .write_bx table td {font-size: 13px; line-height: 17px; height: auto; padding: 5px 10px 5px 0;}
	#board .write_bx table td input[type=text], #board .write_bx table td input[type=password], #board .write_bx table td input[type=email], #board .write_bx table td input[type=tel] {height: 40px; font-size: 12px; padding: 0 10px;}
	#board .write_bx table td textarea {height: 150px; padding: 8px 10px; font-size: 12px; line-height: 17px;}
	#board .write_bx table td select {height: 40px; font-size: 12px; background-size: 8px auto; background-position: right 10px center; padding: 0 25px 0 10px;}
	#board .write_bx table td .bl_txt {display: none;}
	#board .write_bx table td .chk_bx {display: block; margin-top: 8px; padding-left: 18px; line-height: normal;}
	#board .write_bx table td .chk_bx input {width: 13px; height: 13px; top: -1px;}
	#board .write_bx table td .chk_bx input:checked {background-size: 7px auto;}
	#board .write_bx table td .chk_bx label {font-size: 12px; line-height: 13px;}
	#board .write_bx table td .sub_txt {display: block; margin-top: 8px; font-size: 12px; line-height: 17px;}
	#board .write_bx table td .email_bx {max-width: 500px;}
	#board .write_bx table td .email_bx span {line-height: 40px; font-size: 13px; width: 35px;}
	#board .write_bx table td .email_bx input {width: calc(33.333% - 13.333px);}
	#board .write_bx table td .email_bx select {margin-left: 5px; width: calc(33.333% - 13.333px);}
	#board .write_bx table td .spam_bx {max-width: 229px; padding-left: 80px;}
	#board .write_bx table td .spam_bx .img_bx {height: 40px; width: 75px;}
	#board .write_bx table td .w650 {max-width: 500px;}



	/* 하단 버튼 */
	#board .btm_btn {padding-top: 40px;}
	#board .btm_btn a {width: 150px; line-height: 45px; font-size: 13px;}
}

@media all and (max-width:930px){
	/* 리스트 */
	#board .list01 ul li:nth-child(n) {width: 100%; margin-right: 0;}
}

@media all and (min-width:768px){
	#board .list_top .tab_bx ul {display: flex!important; height: auto!important;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* 리스트 상단 */
	#board .list_top .tab_bx {/*max-width: 100px; */position: relative;}
	#board .list_top .tab_bx .on_txt {padding: 0 15px; font-size: 12px; color: #ffffff; letter-spacing: -0.025em; height: 40px; display:flex!important; justify-content:center; align-items:center; table-layout:fixed; background-color: #222222; position: relative; cursor: pointer;}
	#board .list_top .tab_bx .on_txt span {display: block; width: 100%;}
	#board .list_top .tab_bx .on_txt::before {content: ''; width: 8px; height: 5px; position: absolute; right: 15px; top: 50%; margin-top: -2px; background: url(../images/icon/arrow3.png) no-repeat center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_top .tab_bx .on_txt.on::before {transform: rotate(180deg);}
	#board .list_top .tab_bx ul {display: none; border: 1px solid #ddd; padding: 0 15px; box-sizing: border-box; position: absolute; width: 100%; top: 40px; left: 0; z-index: 3; background-color: #fff;}
	#board .list_top .tab_bx ul li {width: 100%; height: auto; border: none; margin-bottom: 5px;}
	#board .list_top .tab_bx ul li:first-child {padding-top: 10px;}
	#board .list_top .tab_bx ul li:last-child {padding-bottom: 10px; margin-bottom: 0;}
	#board .list_top .tab_bx ul li.on::before {display:none;}
	#board .list_top .tab_bx ul li a {height: auto; text-align: left; color: #888888!important; display: block; text-align: left; line-height: 20px;}
	
	
	
	/* 리스트 */
	#board .list02 table thead {display: none;}
	#board .list02 table td.date, #board .list02 table td.count {display: none;}
	#board .list02 table td.num {width: 45px; padding: 0;}
	#board .list02 table td.subject {padding-left: 0;}
	#board .list02 table td.subject div {-webkit-line-clamp: 2; max-width: 100%;}
	
	#board .list03 ul li .type {position: unset; margin-bottom: 7px;}
	#board .list03 ul li .type strong {position: absolute; left: 15px;}
	#board .list03 ul li .type span {margin-left: 0;}
	#board .list03 .q_bx {padding-left: 45px;}
	#board .list03 ul li .q_bx .type strong {top: 18px;}
	#board .list03 ul li .a_bx .type {margin-bottom: 0;}
	#board .list03 ul li .a_bx .type strong {top: 10px;}
	
	#board .list04 ul li:nth-child(n) {width: calc(50% - 5px); margin-right: 10px;}
	#board .list04 ul li:nth-child(2n) {margin-right: 0;}
	
	
	
	/* 뷰 */
	#board .view_bx .file ul li {margin-right: 0; display: block;}



	/* 작성 */
	#board .write_bx table tr {display: block; width: 100%; padding: 19px 0 20px;}
	#board .write_bx table th {display: block; width: 100%; height: auto; padding: 0 0 13px;}
	#board .write_bx table td {display: block; width: 100%; height: auto; padding: 0;}
	#board .write_bx table td .chk_bx {margin-top: 15px;}
	#board .write_bx table td .email_bx {position: relative; max-width: 280px; padding-right: 30px; box-sizing: border-box;}
	#board .write_bx table td .email_bx input {width: 100%; margin-bottom: 10px;}
	#board .write_bx table td .email_bx select {width: 100%; margin-left: 0;}
	#board .write_bx table td .email_bx span {width: 30px; position: absolute; right: 0; top: 0;}
	#board .write_bx table td .w650 {max-width: 100%;}
}