@charset "utf-8";

/*
font-family: "Montserrat", sans-serif;
*/



/* 리스트 상단 */
#board .list_top {min-height: 50px; display:flex; justify-content:left; align-items:center; table-layout:fixed; position: relative; margin-bottom: 15px; padding-right: 300px;}
#board .list_top.ct {padding-right: 0; /*justify-content: center;*/}
#board .list_top .count {font-size: 16px; color: #444444; letter-spacing: -0.05em;}
#board .list_top .count strong {font-size: 20px; color: #000000; font-weight: 700;}
#board .list_top select {width: 160px; border: 1px solid #dddddd; box-sizing: border-box; height: 50px; padding: 0 35px 0 20px; font-size: 16px; color: #aaaaaa; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow2.png) no-repeat right 20px center; outline: none;}
#board .list_top .search_bx {position: absolute; right: 0; top: 0; width: 300px;}
#board .list_top .search_bx input {height: 50px; padding: 0 44px 0 10px; width: 100%; font-size: 16px; color: #111; letter-spacing: -0.05em; border: none; outline: none;}
#board .list_top .search_bx input::placeholder {color: #aaaaaa;}
#board .list_top .search_bx .s_btn {width: 44px; height: 50px; font-size: 0; position: absolute; right: 0; top: 0; background: url(../images/icon/search3.png) no-repeat center;}



/* 리스트 */
#board .list01 ul {border-top: 2px solid #111111; display: flex; flex-flow: wrap; padding-top: 28px; border-bottom: 1px solid #dddddd; padding-bottom: 55px;}
#board .list01 ul li {width: calc(33.333% - 40px); margin-right: 60px; margin-top: 57px; box-sizing: border-box;}
#board .list01 ul li:nth-child(3n) {margin-right: 0;}
#board .list01 ul li:nth-child(-n+3) {margin-top: 0;}
#board .list01 ul li a {display: block;}
#board .list01 ul li a .img_bx {position: relative; overflow: hidden; padding-bottom: 83.34%;}
#board .list01 ul li a .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 ul li a.off .img_bx::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(../images/icon/soldOut.png) no-repeat center rgba(0,0,0,.5); z-index: 1;}
#board .list01 ul li a .txt_bx {margin-top: 17px;}
#board .list01 ul li a .txt_bx p {font-size: 15px; color: #0051b4; word-break: keep-all;}
#board .list01 ul li a .txt_bx strong {display: block; font-size: 20px; color: #222222; line-height: 30px; word-break: keep-all; font-weight: 700; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; height: 60px; margin-top: 8px;}

#board .list02 ul {border-top: 2px solid #111111;}
#board .list02 ul li {border-bottom: 1px solid #eeeeee;}
#board .list02 ul li a {display: block; height: 134px; display:flex; justify-content:left; align-items:center; table-layout:fixed; position: relative; padding: 0 80px 0 100px;}
#board .list02 ul li a.on {background-color: #fafafa;}
#board .list02 ul li a::before {content: ''; width: 18px; height: 14px; background: url(../images/icon/arrow6.png) no-repeat center; position: absolute; right: 33px; top: 50%; margin-top: -7px;}
#board .list02.type2 ul li a::before {content: ''; width: 16px; height: 16px; background: url(../images/icon/download1.png) no-repeat center; position: absolute; right: 34px; top: 50%; margin-top: -8px;}
#board .list02 ul li a .txt_w {width: 100%;}
#board .list02 ul li a .num {position: absolute; left: 0; top: 0; height: 100%; width: 100px; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 16px; color: #666666;}
#board .list02 ul li a.on .num {font-size: 0;}
#board .list02 ul li a.on .num::before {content: ''; width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 50%; left: 50%; background: url(../images/icon/notice.png) no-repeat center #023169; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
#board .list02 ul li a .subject {font-size: 24px; color: #111111; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; max-width: 80%; line-height: 36px;}
#board .list02 ul li a .info {font-size: 0; margin-top: 7px;}
#board .list02 ul li a .info p {margin-right: 20px; font-size: 16px; color: #aaaaaa; display: inline-block; vertical-align: middle;}
#board .list02 ul li a .info p:last-child {margin-right: 0;}
#board .list02 ul li a .info p.col2 {color: #0e377f;}
#board .list02 ul li a .status {position: absolute; right: 20px; top: 50%; margin-top: -40px; width: 80px; height: 80px; box-sizing: border-box; border: 1px solid #dddddd; border-radius: 50%; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-size: 16px; color: #aaaaaa; font-weight: 700; background-color: #fff;}
#board .list02 ul li a .status.col2 {background-color: #eeeeee; border-color: #eeeeee; color: #666666;}
#board .list02 ul li a .status.col3 {background-color: #00b8d3; border-color: #00b8d3; color: #fff;}
    
#board .list03 {border-top: 2px solid #111111;}
#board .list03 ul {display: flex; flex-flow: wrap; padding: 30px 0 0;}
#board .list03 ul li {width: calc(33.333% - 20px); margin-right: 30px; margin-top: 57px; box-sizing: border-box;}
#board .list03 ul li:nth-child(3n) {margin-right: 0;}
#board .list03 ul li:nth-child(-n+3) {margin-top: 0;}
#board .list03 ul li .con_bx {display: block;}
#board .list03 ul li .con_bx .img_bx {overflow: hidden; position: relative; padding-bottom: 68.424%;}
#board .list03 ul li .con_bx .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#board .list03 ul li .con_bx .txt_bx {margin-top: 20px;}
#board .list03 ul li .con_bx .txt_bx strong {display: block; font-size: 24px; color: #111111; line-height: 36px; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; height: 72px;}

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



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



/* 상세 */
#board .view01 {border-top: 2px solid #111;}
#board .view01 .subject {border-bottom: 1px solid #eeeeee; text-align: center; padding: 53px 20px 54px;}
#board .view01 .subject strong {display: block; font-size: 30px; color: #222222; line-height: 40px; word-break: keep-all; font-weight: 700; letter-spacing: -0.05em;}
#board .view01 .subject ul {font-size: 0; margin-top: 8px;}
#board .view01 .subject ul li {display: inline-block; margin-right: 25px; font-size: 16px; color: #aaaaaa; word-break: keep-all; line-height: 24px;}
#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 .file {margin-bottom: 60px; position: relative; background-color: #fafafa; padding: 33px 30px 33px 140px; box-sizing: border-box; min-height: 90px;}
#board .view01 .file .l_txt {position: absolute; left: 30px; top: 0; line-height: 90px; font-size: 16px; color: #111111; font-weight: 700;}
#board .view01 .file ul {font-size: 0;}
#board .view01 .file ul li {display: inline-block;}
#board .view01 .file ul li::after {content: ','; margin-right: 8px; font-size: 16px; color: #333333; line-height: 24px;}
#board .view01 .file ul li:last-child::after {display: none;}
#board .view01 .file ul li a {font-size: 16px; color: #333333; line-height: 24px; display: inline-block;}
#board .view01 .page {border-top: 1px solid #111111;}
#board .view01 .page > div {border-bottom: 1px solid #eeeeee; height: 80px; box-sizing: border-box; position: relative; padding: 0 30px 0 140px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .view01 .page > div:last-child {border-color: #111;}
#board .view01 .page .l_txt {position: absolute; left: 30px; 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/arrow8.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; line-height: 24px; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; width: 85%;}
#board .view01 .page .sb a {font-size: 16px; color: #666666; word-break: keep-all; line-height: 24px;}
#board .view01 .answer {background-color: #fafafa; position: relative; min-height: 140px; box-sizing: border-box; padding: 24px 30px 24px 140px; margin-top: -20px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .view01 .answer .l_txt {position: absolute; width: 80px; height: 80px; background-color: #00b8d3; border-radius: 50%; display:flex; justify-content:center; align-items:center; table-layout:fixed; left: 30px; top: 30px; font-size: 16px; color: #ffffff; font-weight: 700;}
#board .view01 .answer .txt_bx {width: 100%;}
#board .view01 .answer .txt_bx .txt {font-size: 16px; color: #111111; line-height: 26px; letter-spacing: -0.05em; word-break: keep-all;}
#board .view01 .answer .txt_bx ul {font-size: 0; margin-top: 16px;}
#board .view01 .answer .txt_bx ul li {display: inline-block; font-size: 16px; color: #aaaaaa; line-height: 24px; word-break: keep-all; margin-right: 25px;}
#board .view01 .answer .txt_bx ul li:last-child {margin-right: 0;}
#board .view01 .answer .txt_bx ul li span {color: #111111;}



/* 작성 */
#board .write_bx .con_bx .con_w {margin-bottom: 75px;}
#board .write_bx .con_bx .con_w:last-child {margin-bottom: 0;}
#board .write_bx .con_bx .con_w .con_ttl {font-size: 24px; color: #222222; font-weight: 700; word-break: keep-all; margin-bottom: 25px;}
#board .write_bx .agree_bx .txt {background-color: #fafafa; height: 200px; box-sizing: border-box; overflow-y: auto; padding: 18px 20px; font-size: 16px; line-height: 24px; color: #444444; letter-spacing: -0.02em; word-break: keep-all;}
#board .write_bx .agree_bx .chk {margin-top: 20px; position: relative;}
#board .write_bx .agree_bx .chk input[type=checkbox] {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 30px; height: 30px; position: absolute; left: 0; top: 0; border-radius: 50%; border: 1px solid #ddd; background: url(../images/icon/chk2.png) no-repeat center; cursor: pointer; outline: none;}
#board .write_bx .agree_bx .chk input[type=checkbox]:checked {background: url(../images/icon/chk1.png) no-repeat center #003b83; border-color: #003b83;}
#board .write_bx .agree_bx .chk label {padding-left: 40px; display: inline-block; font-size: 16px; color: #111111; line-height: 30px; letter-spacing: -0.05em; word-break: keep-all; cursor: pointer;}
#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 #dddddd;}
#board .write_bx .tb_bx table tbody th {width: 240px; box-sizing: border-box; padding: 0 30px; text-align: left; font-size: 18px; color: #222222; font-weight: 700; height: 90px;}
#board .write_bx .tb_bx table tbody th.imp::after {content: ''; width: 14px; height: 10px; display: inline-block; background: url(../images/icon/chk3.png) no-repeat center; vertical-align: middle; margin-left: 9px;}
#board .write_bx .tb_bx table tbody td {padding: 15px 40px 15px 0; box-sizing: border-box; height: 90px; font-size: 16px; line-height: 24px; color: #111111; letter-spacing: -0.05em;}
#board .write_bx .tb_bx table tbody td input[type=text], #board .write_bx .tb_bx table tbody td input[type=password], #board .write_bx .tb_bx table tbody td input[type=email], #board .write_bx .tb_bx table tbody td input[type=tel] {width: 100%; box-sizing: border-box; height: 60px; border: 1px solid #fafafa; background-color: #fafafa; padding: 0 20px; font-size: 16px; color: #111111; letter-spacing: -0.05em; outline: none;}
#board .write_bx .tb_bx table tbody td input[type=text]::placeholder, #board .write_bx .tb_bx table tbody td input[type=password]::placeholder, #board .write_bx .tb_bx table tbody td input[type=email]::placeholder, #board .write_bx .tb_bx table tbody td input[type=tel]::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=password]:focus, #board .write_bx .tb_bx table tbody td input[type=email]:focus, #board .write_bx .tb_bx table tbody td input[type=tel]:focus {background-color: #fff; border-color: #222222;}
#board .write_bx .tb_bx table tbody td select {width: 100%; box-sizing: border-box; height: 60px; border: 1px solid #fafafa; padding: 0 35px 0 20px; font-size: 16px; color: #111111; letter-spacing: -0.05em; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow2.png) no-repeat right 19px center #fafafa;}
#board .write_bx .tb_bx table tbody td textarea {width: 100%; box-sizing: border-box; height: 200px; border: 1px solid #fafafa; padding: 18px 20px; font-size: 16px; line-height: 24px; color: #111111; letter-spacing: -0.05em; outline: none; background-color: #fafafa; resize: none;}
#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: #222222;}
#board .write_bx .tb_bx table tbody td select:focus {border-color: #222; background-color: #fff;}
#board .write_bx .tb_bx table tbody td .w300 {max-width: 300px;}
#board .write_bx .tb_bx table tbody td .w500 {max-width: 500px;}
#board .write_bx .tb_bx table tbody td .sub_txt {margin-top: 12px;}
#board .write_bx .tb_bx table tbody td .email_bx {display: flex; flex-flow: wrap; max-width: 846px; width: 100%;}
#board .write_bx .tb_bx table tbody td .email_bx input {width: calc(37.274% - 15.333px);}
#board .write_bx .tb_bx table tbody td .email_bx span {width: 36px; line-height: 60px; text-align: center;}
#board .write_bx .tb_bx table tbody td .email_bx select {width: calc(25.454% - 15.333px); margin-left: 10px;}
#board .write_bx .tb_bx table tbody td .place_bx {max-width: 410px; display: flex; flex-flow: wrap; width: 100%; box-sizing: border-box;}
#board .write_bx .tb_bx table tbody td .place_bx input {width: calc(50% - 5px); margin-right: 10px;}
#board .write_bx .tb_bx table tbody td .place_bx input:nth-child(2n) {margin-right: 0;}
#board .write_bx .tb_bx table tbody td .fileBox {position:relative; padding-left: 150px; width: 100%; box-sizing: border-box; max-width: 550px;}
#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]{width:100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width: 100%; padding-right: 60px;}
#board .write_bx .tb_bx table tbody td .fileBox label{position: absolute; left:0; top: 0; cursor: pointer; float:left; text-align:center; width:140px; color:#ffffff; background:#111111; font-size:18px; line-height: 60px; letter-spacing: -0.05em;}
#board .write_bx .tb_bx table tbody td .fileBox .del_btn {width: 22px; height: 22px; background: url(../images/icon/del1.png) no-repeat center; font-size: 0; position: absolute; right: 22px; top: 50%; margin-top: -11px; cursor: pointer;}
#board .write_bx .tb_bx table tbody td .flielist {max-width: 640px; position: relative; box-sizing: border-box; padding-right: 90px;}
#board .write_bx .tb_bx table tbody td .flielist .file_add {width: 80px; font-size: 18px; color: #fff; line-height: 60px; text-align: center; letter-spacing: -0.05em; position: absolute; right: 0; bottom: 0; cursor: pointer; background-color: #aaaaaa;}
#board .write_bx .tb_bx table tbody td .flielist ul li {margin-bottom: 10px;}
#board .write_bx .tb_bx table tbody td .flielist ul li:last-child {margin-bottom: 0;}
#board .write_bx .tb_bx table tbody td .spam_bx {font-size: 0;}
#board .write_bx .tb_bx table tbody td .spam_bx .num_w {max-width: 200px; width: 100%; display: inline-block; vertical-align: middle; margin-right: 20px; border: 1px solid #dddddd; border-radius: 3px; position: relative; box-sizing: border-box;; text-align: right;}
#board .write_bx .tb_bx table tbody td .spam_bx .num_w .img {height: 100%; width: 50%; position: absolute; left: 0; top: 0; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#board .write_bx .tb_bx table tbody td .spam_bx .num_w .img::before {content: ''; width: 1px; height: 20px; background-color: #dddddd; position: absolute; right: 0; top: 50%; margin-top: -10px;}
#board .write_bx .tb_bx table tbody td .spam_bx .num_w .img img {max-width: 100%; max-height: 100%;}
#board .write_bx .tb_bx table tbody td .spam_bx .num_w input {width: 50%; text-align: center; border-color: #fff; background-color: #fff;}
#board .write_bx .tb_bx table tbody td .spam_bx .sub_txt {display: inline-block; vertical-align: middle; font-size: 16px;}
#board .write_bx .tb_bx table tbody td .chk01 {font-size: 0;}
#board .write_bx .tb_bx table tbody td .chk01 li {display: inline-block; margin-right: 60px; position: relative; min-height: 20px; box-sizing: border-box;}
#board .write_bx .tb_bx table tbody td .chk01 li:last-child {margin-right: 0;}
#board .write_bx .tb_bx table tbody td .chk01 li input {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1px solid #dedede; border-radius: 50%; position: absolute; left: 0; top: 0; box-sizing: border-box;}
#board .write_bx .tb_bx table tbody td .chk01 li input:checked {border-color: #0076f7;}
#board .write_bx .tb_bx table tbody td .chk01 li label {padding-left: 26px; display: inline-block; font-size: 16px; color: #333333; line-height: 20px; word-break: keep-all; cursor: pointer;}
#board .write_bx .tb_bx table tbody td .chk01 li input:checked + label::before {content: ''; width: 12px; height: 12px; background-color: #0076f7; position: absolute; left: 4px; top: 4px; border-radius: 50%;}



/* 하단 버튼 */
#board .btm_btn {font-size: 0; text-align: center; padding-top: 60px;}
#board .btm_btn a {display: inline-block; margin-right: 20px; max-width: 280px; width: 100%; line-height: 68px; box-sizing: border-box; border: 1px solid #aaaaaa; background-color: #aaaaaa; border-radius: 35px; text-align: center; font-size: 18px; color: #ffffff; font-weight: 700;}
#board .btm_btn a:last-child {margin-right: 0;}
#board .btm_btn a.col2 {background-color: #003b83; border-color: #003b83;}
#board .btm_btn a.col3 {background-color: #111111; border-color: #111111;}


/* PC */
@media all and (min-width:1025px){
    /* 리스트 */
    #board .list01 ul li a .img_bx div {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .list01 ul li a:hover .img_bx div {transform: scale(1.1);}
    #board .list01 ul li a:hover .txt_bx strong {text-decoration: underline;}

    #board .list02 ul li a::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .list02 ul li a:hover::before {background: url(../images/icon/arrow7.png) no-repeat center; transform: translate(10px, 0);}
    #board .list02.type2 ul li a:hover::before {background: url(../images/icon/download2.png) no-repeat center; transform: translate(0, 0);}
    #board .list02 ul li a:hover .subject {text-decoration: underline; text-underline-offset : 7px;}
    
    #board .list03 ul li .con_bx .img_bx div {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .list03 ul li .con_bx:hover .img_bx div {transform: scale(1.1);}
    #board .list03 ul li .con_bx:hover .txt_bx strong {text-decoration: underline; text-underline-offset : 5px;}
    
    
    
    /* 상세 */
    #board .view01 .file ul li a:hover {text-decoration: underline; text-underline-offset : 3px;}
    #board .view01 .page .sb a:hover {text-decoration: underline; text-underline-offset : 3px;}



    /* 하단 버튼 */
    #board .btm_btn a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .btm_btn a:hover {box-shadow: 0 0 26px rgba(170,170,170,0.5);}
    #board .btm_btn a.col2:hover {box-shadow: 0 0 26px rgba(0,59,131,0.5);}
    #board .btm_btn a.col3:hover {box-shadow: 0 0 26px rgba(17,17,17,0.5);}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 리스트 상단 */
    #board .list_top {min-height: 40px; padding-right: 185px;}
    #board .list_top .count {font-size: 12px;}
    #board .list_top .count strong {font-size: 15px;}
    #board .list_top select {max-width: 120px; width: 100%; padding: 0 30px 0 15px; height: 40px; background-size: 9px auto; background-position: right 15px center; font-size: 15px;}
    #board .list_top .search_bx {width: 185px;}
    #board .list_top .search_bx input {height: 40px; padding: 0 22px 0 0; font-size: 15px;}
    #board .list_top .search_bx .s_btn {width: 22px; height: 40px; background-size: 19px auto;}



    /* 리스트 */
    #board .list01 ul {border-width: 1px; padding-top: 16px; padding-bottom: 47px;}
    #board .list01 ul li {width: calc(33.333% - 6.666px); margin-right: 10px; margin-top: 30px;}
    #board .list01 ul li a.off .img_bx::before {background-size: 100px auto;}
    #board .list01 ul li a .txt_bx {margin-top: 12px;}
    #board .list01 ul li a .txt_bx p {font-size: 12px; line-height: 17px;}
    #board .list01 ul li a .txt_bx strong {font-size: 15px; line-height: 20px; height: auto; margin-top: 1px;}
    
    #board .list02 ul {border-width: 1px;}
    #board .list02 ul li a {padding: 0 50px 0 50px; height: 80px;}
    #board .list02 ul li a::before {right: 20px; width: 15px; background-size: 15px auto;}
    #board .list02.type2 ul li a::before {right: 20px; width: 13px; background-size: 13px auto;}
    #board .list02 ul li a .num {font-size: 12px; width: 50px;}
    #board .list02 ul li a.on .num::before {width: 25px; height: 25px; background-size: 12px auto;}
    #board .list02 ul li a .subject {font-size: 15px; line-height: 20px;}
    #board .list02 ul li a .info {margin-top: 5px;}
    #board .list02 ul li a .info p {font-size: 12px; line-height: 17px; margin-right: 15px;}
    #board .list02 ul li a .status {width: 50px; height: 50px; font-size: 11px; margin-top: -25px; right: 10px;}
    
    #board .list03 {border-width: 1px;}
    #board .list03 ul li {width: calc(33.333% - 6.666px); margin-right: 10px; margin-top: 30px;}
    #board .list03 ul li .con_bx .txt_bx {margin-top: 12px;}
    #board .list03 ul li .con_bx .txt_bx strong {font-size: 15px; line-height: 20px; height: 40px;}
    
    #board .no_data {font-size: 12px; padding: 50px 0;}



    /* 페이징 */
    #board .page_bx {padding-top: 30px;}
    #board .page_bx .num {min-width: 22px; line-height: 30px; font-size: 12px; margin: 0 6px;}
    #board .page_bx .num.on::before {width: 30px; height: 30px;}
    #board .page_bx .page_first {width: 22px; height: 30px; background-size: auto 15px; margin-right: 7px;}
    #board .page_bx .page_prev {width: 22px; height: 30px; background-size: auto 15px; margin-right: 13px;}
    #board .page_bx .page_next {width: 22px; height: 30px; background-size: auto 15px; margin-left: 13px;}
    #board .page_bx .page_last {width: 22px; height: 30px; background-size: auto 15px; margin-left: 7px;}



    /* 상세 */
    #board .view01 {border-width: 1px;}
    #board .view01 .subject {padding: 25px 15px 24px;}
    #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: 15px;}
    #board .view01 .con {padding: 20px 0 50px;}
    #board .view01 .file {padding: 22px 15px 21px 80px; min-height: 60px; margin-bottom: 30px;}
    #board .view01 .file .l_txt {left: 15px; font-size: 12px; line-height: 60px;}
    #board .view01 .file ul li {}
    #board .view01 .file ul li::after {margin-right: 5px; font-size: 12px; line-height: 17px;}
    #board .view01 .file ul li a {font-size: 12px; line-height: 17px;}
    #board .view01 .page > div {padding: 0 15px 0 80px; height: 60px;}
    #board .view01 .page .l_txt {font-size: 12px; left: 15px; line-height: 60px; padding-right: 20px;}
    #board .view01 .page .l_txt::before {width: 10px; background-size: 10px auto;}
    #board .view01 .page .sb {font-size: 12px; line-height: 17px; width: 100%;}
    #board .view01 .page .sb a {font-size: 12px; line-height: 17px;}
    #board .view01 .answer {padding: 18px 20px 18px 80px; min-height: 75px; margin-top: -10px;}
    #board .view01 .answer .l_txt {left: 15px; width: 45px; height: 45px; top: 20px; font-size: 12px;}
    #board .view01 .answer .txt_bx .txt {font-size: 12px; line-height: 17px;}
    #board .view01 .answer .txt_bx ul {margin-top: 8px;}
    #board .view01 .answer .txt_bx ul li {font-size: 12px; line-height: 17px; margin-right: 15px;}
    



    /* 작성 */
    #board .write_bx .con_bx .con_w {margin-bottom: 47px;}
    #board .write_bx .con_bx .con_w .con_ttl {font-size: 15px; margin-bottom: 12px;}
    #board .write_bx .agree_bx .txt {height: 100px; font-size: 12px; line-height: 17px; padding: 8px 10px;}
    #board .write_bx .agree_bx .chk {margin-top: 10px;}
    #board .write_bx .agree_bx .chk input[type=checkbox] {width: 22px; height: 22px; background-size: 12px auto!important;}
    #board .write_bx .agree_bx .chk label {padding-left: 28px; font-size: 12px; line-height: 22px;}
    #board .write_bx .tb_bx {border-width: 1px;}
    #board .write_bx .tb_bx table tbody th {font-size: 12px; line-height: 17px; padding: 0 10px; width: 140px; height: 60px;}
    #board .write_bx .tb_bx table tbody th.imp::after {width: 7px; background-size: 7px auto; margin-left: 6px;}
    #board .write_bx .tb_bx table tbody td {height: 60px; padding: 10px 20px 10px 0; font-size: 12px; line-height: 17px;}
    #board .write_bx .tb_bx table tbody td input[type=text], #board .write_bx .tb_bx table tbody td input[type=password], #board .write_bx .tb_bx table tbody td input[type=email], #board .write_bx .tb_bx table tbody td input[type=tel] {height: 40px; padding: 0 10px; font-size: 12px;}
    #board .write_bx .tb_bx table tbody td select {height: 40px; font-size: 12px; padding: 0 25px 0 10px; background-position: right 10px center; background-size: 8px auto;}
    #board .write_bx .tb_bx table tbody td textarea {font-size: 12px; line-height: 17px; height: 100px; padding: 8px 10px;}
    #board .write_bx .tb_bx table tbody td .w300, #board .write_bx .tb_bx table tbody td .w500 {max-width: 100%;}
    #board .write_bx .tb_bx table tbody td .sub_txt {margin-top: 7px;}
    #board .write_bx .tb_bx table tbody td .email_bx {max-width: 100%;}
    #board .write_bx .tb_bx table tbody td .email_bx span {line-height: 40px;}
    #board .write_bx .tb_bx table tbody td .place_bx {max-width: 100%;}
    #board .write_bx .tb_bx table tbody td .fileBox {padding-left: 90px; max-width: 100%;}
    #board .write_bx .tb_bx table tbody td .fileBox label {width: 80px; line-height: 40px; font-size: 12px;}
    #board .write_bx .tb_bx table tbody td .fileBox input[type=text] {padding-right: 30px;}
    #board .write_bx .tb_bx table tbody td .fileBox .del_btn {right: 11px; width: 11px; height: 11px; margin-top: -5.5px; background-size: 11px auto;}
    #board .write_bx .tb_bx table tbody td .flielist {padding-right: 60px;}
    #board .write_bx .tb_bx table tbody td .flielist .file_add {font-size: 12px; line-height: 40px; width: 55px;}
    #board .write_bx .tb_bx table tbody td .spam_bx .sub_txt {font-size: 12px;}
    #board .write_bx .tb_bx table tbody td .spam_bx .num_w {max-width: 130px; margin-right: 10px;}
    #board .write_bx .tb_bx table tbody td .chk01 li {min-height: 15px; margin-right: 30px;}
    #board .write_bx .tb_bx table tbody td .chk01 li input {width: 14px; height: 14px; top: 1px;}
    #board .write_bx .tb_bx table tbody td .chk01 li label {font-size: 12px; line-height: 15px; padding-left: 20px;}
    #board .write_bx .tb_bx table tbody td .chk01 li input:checked + label::before {width: 8px; height: 8px; top: 4px; left: 3px;}



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

/* 모바일 */
@media all and (max-width:768px){
	/* 리스트 */
    #board .list01 ul li:nth-child(n) {width: calc(50% - 5px); margin-right: 10px; margin-top: 30px;}
    #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 a {height: auto; padding: 15px 10px 15px 10px}
    #board .list02.type3 ul li a {padding-right: 70px;}
    #board .list02 ul li a::before {display: none;}
    #board .list02 ul li a .num {display: none;}
    #board .list02 ul li a .subject {max-width: 100%; -webkit-line-clamp: 2;}
    #board .list02 ul li a.on .subject::before {content: '공지'; display: inline-block; font-size: 10px; background-color: #023169; color: #fff; padding: 0px 7px; line-height: 20px; margin-right: 5px; border-radius: 10px; position: relative; top: -1px;}
    
    #board .list03 ul li:nth-child(n) {width: 100%; margin-right: 0; margin-top: 30px;}
    #board .list03 ul li:first-child {margin-top: 0;}



    /* 작성 */
    #board .write_bx .tb_bx table tbody tr {display: block; width: 100%; box-sizing: border-box; padding: 13px 0 15px;}
    #board .write_bx .tb_bx table tbody th {display: block; width: 100%; padding: 0 10px 6px; height: auto;}
    #board .write_bx .tb_bx table tbody td {display: block; width: 100%; padding: 0; height: auto;}
    #board .write_bx .tb_bx table tbody td .email_bx input:nth-child(1) {width: calc(100% - 30px);}
    #board .write_bx .tb_bx table tbody td .email_bx span {width: 30px;}
    #board .write_bx .tb_bx table tbody td .email_bx input:nth-child(3) {width: calc(59.375% - 5px); margin-right: 10px; margin-top: 10px;}
    #board .write_bx .tb_bx table tbody td .email_bx select {margin-top: 10px; width: calc(40.625% - 5px); margin-left: 0;}
    #board .write_bx .tb_bx table tbody td .chk01 {padding: 5px 10px 0;}
    /*#board .write_bx .tb_bx table tbody td .chk01 li {display: block; margin-bottom: 8px;}
    #board .write_bx .tb_bx table tbody td .chk01 li:last-child {margin-bottom: 0;}*/



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