@charset "utf-8";

/*
font-family: 'Poppins', sans-serif;
*/


/* 카테고리 */
#board .category_bx {position: relative; margin-bottom: 87px; display: flex; flex-flow: wrap;}
#board .category_bx .on_txt {display: inline-block; position: relative; font-size: 28px; color: #000000; font-weight: 600; cursor: pointer; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; width: 160px; box-sizing: border-box;}
#board .category_bx .on_txt span {font-family: 'Poppins', sans-serif; position: relative; top: -2px;}
#board .category_bx .on_txt::before {content: ''; width: 12px; height: 8px; background: url(../images/icon/arrow2.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#board .category_bx .on_txt.on {color: #ed4130;}
#board .category_bx .on_txt.on::before {transform: rotate(180deg); background: url(../images/icon/arrow4.png) no-repeat center;}
#board .category_bx .chk_txt {width: calc(100% - 160px); box-sizing: border-box; padding-left: 37px; font-size: 18px; color: #999999; letter-spacing: -0.05em; font-weight: 500; word-break: keep-all; padding-top: 9px;}
/*#board .category_bx ul {position: absolute; left: 0; top: 44px; background-color: #fff; z-index: 2; border: 1px solid #000; padding: 0 20px; display: none;}
#board .category_bx ul li {margin-bottom: 5px;}
#board .category_bx ul li:first-child {padding-top: 18px;}
#board .category_bx ul li:last-child {padding-bottom: 18px; margin-bottom: 0;}
#board .category_bx ul li a {font-size: 16px; letter-spacing: -0.05em; font-weight: 350; word-break: keep-all; display: block; line-height: 25px;}*/
#board .category_bx ul {font-size: 0; width: 100%; margin-top: 26px; display: none;}
#board .category_bx ul > li {display: inline-block; margin-top: 10px; margin-right: 6px;}
#board .category_bx ul > li:last-child {margin-right: 0;}
#board .category_bx ul > li > a {display:flex; justify-content:center; align-items:center; table-layout:fixed; padding: 0 30px; box-sizing: border-box; height: 50px; border: 1px solid #d1d1d1; border-radius: 25px; text-align: center; font-size: 16px; color: #989898; letter-spacing: -0.05em; word-break: keep-all;}
#board .category_bx ul li.on a {color: #ed4130; border-color: #ed4130;}



/* 리스트 상단 */
#board .list_top {display: flex; flex-flow: wrap; padding-right: 368px; min-height: 92px; position: relative; margin-bottom: 60PX;}
#board .list_top .search_bx {max-width: 580px; width: 100%; position: relative; height: 92px;}
#board .list_top .search_bx input {height: 92px; box-sizing: border-box; border: none; border-bottom: 1px solid #dddddd; padding: 0 57px 0 10px; width: 100%; font-size: 20px; color: #666; letter-spacing: -0.05em; word-break: keep-all; outline: none;}
#board .list_top .search_bx input::placeholder {color: #9d9d9d;}
#board .list_top .search_bx .btn {position: absolute; width: 57px; height: 100%; right: 0; top: 0; background: url(../images/icon/search.png) no-repeat center; font-size: 0;}
#board .list_top .btm_btn {position: absolute; right: 0; top: 0; padding-top: 0;}
#board .list_top .btm_btn a {line-height: 90px; border-radius: 45px;}



/* 리스트 */
#board .list_bx01 ul {display: flex; flex-flow: wrap; margin-bottom: -94px;}
#board .list_bx01 ul li {width: calc(33.333% - 40px); margin-right: 60px; box-sizing: border-box; margin-bottom: 94px;}
#board .list_bx01 ul li:nth-child(3n) {margin-right: 0;}
#board .list_bx01 .con_bx {display: block;}
#board .list_bx01 .img_bx {background-color: #f7f7f7; padding-bottom: /*115.005%*/460px; position: relative;}
#board .list_bx01 .img_bx .img_w {position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; padding: 0 10px; overflow: hidden;}
#board .list_bx01 .img_bx .img_w > div {padding: 80px 0; box-sizing: border-box; min-height: 460px; display:flex; justify-content:center; align-items:center; table-layout:fixed; max-width: 300px; margin: 0 auto;}
#board .list_bx01 .img_bx .img_w > div img {width: 100%; box-shadow: 8px 0px 46px rgba(121,125,142,0.1);}
#board .list_bx01 .txt_bx {margin-top: 26px; padding: 0 30px;}
#board .list_bx01 .txt_bx strong {font-size: 24px; color: #000000; font-weight: 700; word-break: keep-all; font-family: 'Poppins', sans-serif; display: block;}
#board .list_bx01 .txt_bx p {font-size: 14px; color: #333; letter-spacing: -0.05em; word-break: keep-all; margin-top: 7px; line-height: 23px;}

#board .list_bx02 ul {border-top: 1px solid #666666;}
#board .list_bx02 ul li {border-bottom: 1px solid #666666;}
#board .list_bx02 ul li a {display: flex; flex-flow: wrap; height: 120px; box-sizing: border-box; padding-right: 91px; position: relative;}
#board .list_bx02 ul li a::before {content: ''; width: 21px; height: 21px; background: url(../images/icon/list_arrow1.png) no-repeat center; position: absolute; right: 20px; top: 50%; margin-top: -10px;}
#board .list_bx02 .num {width: 160px; position: relative;}
#board .list_bx02 .num span {position: absolute; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); font-size: 18px; color: #444444;}
#board .list_bx02 .subject {width: calc(61.253% - 80px); font-size: 22px; color: #101010; letter-spacing: -0.05em; font-weight: 500; display:flex; justify-content:left; align-items:center; table-layout:fixed; box-sizing: border-box; padding-right: 40px;}
#board .list_bx02 .subject span {width: 100%; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
#board .list_bx02 .info {width: calc(38.747% - 80px); position: relative; padding-left: 108px; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#board .list_bx02 .info .type {min-width: 60px; position: absolute; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); line-height: 32px; border-radius: 16px; padding: 0 5px; text-align: center; font-size: 14px; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; box-sizing: border-box;}
#board .list_bx02 .info .type.col1 {color: #ffffff; background-color: #000000;}
#board .list_bx02 .info .type.col2 {color: #ffffff; background-color: #ed4130;}
#board .list_bx02 .info .type.col3 {color: #101010; background-color: #ffde00;}
#board .list_bx02 .info .type.col4 {color: #ffffff; background-color: #a1a1a1;}
#board .list_bx02 .info .type.col5 {color: #777777; background-color: #dbdbdb;}
#board .list_bx02 .info .type.col6 {color: #fff; background-color: #ff9800;}
#board .list_bx02 .info div {width: 100%;}
#board .list_bx02 .info div strong {display: block; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; font-size: 18px; color: #444444; letter-spacing: -0.05em;}
#board .list_bx02 .info div p {font-family: 'Poppins', sans-serif; font-size: 14px; color: #ababab; margin-top: 3px;}

#board .list_bx03 ul {border-top: 1px solid #666666;}
#board .list_bx03 ul li {border-bottom: 1px solid #666666;}
#board .list_bx03 ul li a {display: flex; flex-flow: wrap; height: 120px; box-sizing: border-box; position: relative;}
#board .list_bx03 .num {width: 160px; position: relative;}
#board .list_bx03 .num span {position: absolute; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); font-size: 18px; color: #444444;}
#board .list_bx03 .subject {width: calc(100% - 273px); font-size: 22px; color: #101010; letter-spacing: -0.05em; font-weight: 500; display:flex; justify-content:left; align-items:center; table-layout:fixed; box-sizing: border-box; padding-right: 40px;}
#board .list_bx03 .subject span {-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; box-sizing: border-box; position: relative; max-width: 775px;}
#board .list_bx03 .subject.new span {padding-right: 34px;}
#board .list_bx03 .subject.new span::before {content: 'N'; position: absolute; right: 0; line-height: 24px; width: 24px; background-color: #ed4130; border-radius: 3px; top: 50%; margin-top: -11px; text-align: center; font-size: 13px; color: #ffffff; font-weight: 600; font-family: 'Poppins', sans-serif;}
#board .list_bx03 .date {width: 113px; box-sizing: border-box; text-align: center; display:flex; justify-content:center; align-items:center; table-layout:fixed; font-family: 'Poppins', sans-serif; font-size: 16px; color: #ababab; word-break: keep-all;}

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



/* 페이징 */
#board .page_bx {font-size: 0; text-align: center; padding-top: 60px;}
#board .page_bx a {font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 46px; color: #ababab; font-weight: 500; display: inline-block; vertical-align: middle;}
#board .page_bx a:first-child {margin-left: 0!important}
#board .page_bx .num {font-weight: 400; font-size: 16px; margin: 0 3px; position: relative; width: 46px; text-align: center;}
#board .page_bx .num::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; background-color: #f2f2f2; z-index: -1; position: absolute; opacity: 0;}
#board .page_bx .num.on {color: #fff; font-weight: 500;}
#board .page_bx .num.on::before {opacity: 1; background-color: #000000}
#board .page_bx .page_prev {margin-right: 32px;}
#board .page_bx .page_next {margin-left: 32px;}



/* 상세 */
#board .view_bx .subject {border-bottom: 1px solid #666666; /*padding-bottom: 47px;*/ padding-bottom: 35px;}
#board .view_bx .subject .info {font-size: 0; /*margin-bottom: 34px;*/ margin-bottom: 0;}
#board .view_bx .subject .info li {display: inline-block; position: relative; font-size: 17px; color: #a5a5a5; letter-spacing: -0.05em; margin-right: 40px; vertical-align: middle;}
#board .view_bx .subject .info li:last-child {margin-right: 0;}
#board .view_bx .subject .info li::before {content: ''; width: 1px; height: 16px; background-color: #d9d9d9; position: absolute; right: -22px; top: 50%; margin-top: -8px;}
#board .view_bx .subject .info li:last-child::before {display: none;}
#board .view_bx .subject .info .en {font-family: 'Poppins', sans-serif; letter-spacing: 0}
#board .view_bx .subject .info .name {position: relative; padding-left: 72px; min-height: 32px;}
#board .view_bx .subject .info .name .type {position: absolute; left: 0; top: 0; font-size: 14px; font-weight: 500; line-height: 32px; min-width: 60px; padding: 0 5px; box-sizing: border-box; text-align: center; border-radius: 16px;}
#board .view_bx .subject .info .name .type.col1 {color: #ffffff; background-color: #000000;}
#board .view_bx .subject .info .name .type.col2 {color: #ffffff; background-color: #ed4130;}
#board .view_bx .subject .info .name .type.col3 {color: #101010; background-color: #ffde00;}
#board .view_bx .subject .info .name .type.col4 {color: #ffffff; background-color: #a1a1a1;}
#board .view_bx .subject .info .name .type.col5 {color: #777777; background-color: #dbdbdb;}
#board .view_bx .subject .info .name .type.col6 {color: #fff; background-color: #ff9800;}
#board .view_bx .subject .info .name p {font-size: 20px; color: #101010; line-height: 32px;}
#board .view_bx .subject strong {font-size: 44px; line-height: 62px; color: #000000; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; display: none!important;}
#board .view_bx .con {border-bottom: 1px solid #666666; padding: 54px 0 37px;}
#board .view_bx .con .txt {font-size: 16px; color: #666666;}
#board .view_bx .con .txt img {max-width: 100%;}
#board .view_bx .con .file {position: relative; padding-left: 90px; font-size: 0; margin-top: 92px;}
#board .view_bx .con .file .l_txt {position: absolute; left: 0; top: 0; font-size: 16px; color: #000000; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; line-height: 22px;}
#board .view_bx .con .file a {display: inline-block; padding-left: 26px; font-size: 15px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; background: url(../images/icon/file.png) no-repeat left 5px; margin-right: 15px;}
#board .view_bx .con .file a:last-child {margin-right: 0;}
#board .view_bx .con .file a::after {content: ',';}
#board .view_bx .con .file a:last-child::after {display: none;}



/* 작성 */
#board .write_bx .top_ttl {font-size: 44px; color: #000000; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 61px; display: block; padding-top: 14px;}
#board .write_bx .top_ttl:first-child {padding-top: 0; margin-top: -14px;}
#board .write_bx .f_bx {font-size: 0; margin-bottom: 72px;}
#board .write_bx .f_bx:last-child {margin-bottom: 0;}
#board .write_bx .f_bx .f_w {width: calc(50% - 30px); margin-right: 60px; box-sizing: border-box; display: inline-block; vertical-align: top;}
#board .write_bx .f_bx .f_w:nth-child(2n) {margin-right: 0;}
#board .write_bx .f_ttl {font-size: 16px; color: #b5b5b5; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 13px;}
#board .write_bx .f_ttl strong {font-size: 24px; color: #101010; font-weight: 700;}
#board .write_bx .f_ttl strong.imp::after {content: '*'; color: #ed4130; padding-left: 2px;}
#board .write_bx input[type=text], #board .write_bx input[type=password], #board .write_bx input[type=email], #board .write_bx input[type=tel] {width: 100%; border: none; border-bottom: 1px solid #dddddd; font-size: 16px; letter-spacing: -0.05em; word-break: keep-all; padding: 0 10px; color: #666666; height: 58px; box-sizing: border-box; outline: none; background-color: transparent;}
#board .write_bx select {width: 100%; border: none; border-bottom: 1px solid #dddddd; font-size: 16px; letter-spacing: -0.05em; word-break: keep-all; padding: 0 30px 0 10px; color: #666666; height: 58px; box-sizing: border-box; outline: none; background-color: transparent; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow2.png) no-repeat right 10px center;}
#board .write_bx select option[value=""][disabled] {display: none;}
#board .write_bx input[type=text]::placeholder, #board .write_bx input[type=password]::placeholder, #board .write_bx input[type=email]::placeholder, #board .write_bx input[type=tel]::placeholder {color: #9d9d9d;}
#board .write_bx textarea {width: 100%; border: none; font-size: 16px; letter-spacing: -0.05em; word-break: keep-all; color: #666666; height: 58px; box-sizing: border-box; outline: none; background-color: transparent; resize: none; height: 270px;}
#board .write_bx textarea::placeholder {color: #9d9d9d;}
#board .write_bx .ta_bx {border: 1px solid #dddddd; background-color: #fafafa; padding: 28px; margin-top: 28px;}
#board .write_bx .ta_bx textarea {margin-bottom: 20px; overflow-y: scroll;}
#board .write_bx .ta_bx textarea:last-child {margin-bottom: 0;}
#board .write_bx .txt {font-size: 18px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; padding: 15px 0 15px; border-bottom: 1px solid #dddddd;}
#board .write_bx .imp_txt {font-size: 14px; color: #888888; letter-spacing: -0.05em; word-break: keep-all; line-height: 24px; /*padding-left: 31px; background: url(../images/icon/imp.png) no-repeat left center;*/ margin-top: 18px;}
#board .write_bx .imp_txt2 {font-size: 14px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; line-height: 24px; padding-left: 31px; background: url(../images/icon/imp.png) no-repeat left 0; margin-top: 18px;}
#board .write_bx .imp_txt2 .col2 {color: #ed4130;}
#board .write_bx .chk_bx {display: flex; flex-flow: wrap; margin-bottom: -5px; padding-top: 16px;}
#board .write_bx .chk_bx li {width: calc(25% - 12px); margin-right: 16px; margin-bottom: 5px;}
#board .write_bx .chk_bx li:nth-child(4n) {margin-right: 0;}
#board .write_bx .chk_bx input[type="checkbox"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; display: none;}
#board .write_bx .chk_bx label {display: inline-block; width: 100%; height: 56px; border: 1px solid #dddddd; background-color: #fafafa; text-align: center; display:flex; justify-content:center; align-items:center; table-layout:fixed; box-sizing: border-box; border-radius: 29px; font-size: 18px; color: #9d9d9d; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; cursor: pointer;}
#board .write_bx .chk_bx input[type="checkbox"]:checked + label {background-color: #ed4130; color: #fff; border-color: #ed4130;}
#board .write_bx .btm_bx {display: flex; flex-flow: wrap;}
#board .write_bx .btm_bx .l_txt {width: calc(100% - 116px); margin-top: 0; box-sizing: border-box; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .write_bx .btm_bx .l_txt .imp_txt {margin-top: 0;}
#board .write_bx .fileBox {position:relative; width: 100%; box-sizing: border-box; height: auto; width: 100%; display: flex; flex-flow: wrap; margin-bottom: 20px;}
#board .write_bx .fileBox .file_w {width: calc(50% - 2px); margin-right: 4px; position: relative; display: none;}
#board .write_bx .fileBox .file_w.on {display: block;}
#board .write_bx .fileBox .file_w:nth-child(2n) {margin-right: 0;}
#board .write_bx .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 .fileBox input[type=text]{width:100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; max-width: 100%; height: 52px; border-bottom: none; padding: 0; background-color: #f2f2f2; padding: 0 50px 0 20px;}
#board .write_bx .fileBox .del_btn {position: absolute; width: 30px; height: 30px; right: 10px; top: 50%; margin-top: -15px; background: url(../images/icon/delete.png) no-repeat center; cursor: pointer; display: none;}
#board .write_bx .fileBox .file_w.on .del_btn {display: block;}
#board .write_bx .btm_bx .btn_bx {width: 116px; min-height: 42px; position: relative; z-index: 1;}
#board .write_bx .btm_bx .btn_bx .cv_bx {width: 100px; height: 100%; top: 0; left: 0; display: none;}
#board .write_bx .btm_bx .btn_bx.cover .cv_bx {display: block; cursor: pointer;}
#board .write_bx .btm_bx .btn_bx label{cursor: pointer; text-align:center; width:100px; color:#ffffff; background:#101010; font-size:15px; font-weight: 500; line-height: 42px; letter-spacing: -0.05em; border-radius: 21px; position: absolute; left: 0; top: 0;}
#board .write_bx .btm_bx .btn_bx label.on {z-index: -1;}
#board .write_bx .agree_bx .agree_chk {position: relative; padding-left: 42px; margin-top: -22px;}
#board .write_bx .agree_bx .agree_chk input {appearance: none; -webkit-appearance: none; -moz-appearance: none; position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; box-sizing: border-box; background: url(../images/icon/chk2.png) no-repeat center #fafafa; border: 1px solid #dddddd; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#board .write_bx .agree_bx .agree_chk input:checked {background: url(../images/icon/chk.png) no-repeat center #ed4130; border-color: #ed4130;}
#board .write_bx .agree_bx .agree_chk label {font-size: 18px; color: #101010; letter-spacing: -0.05em; word-break: keep-all; line-height: 30px;}
#board .write_bx .agree_bx .agree_chk label span {color: #ed4130; cursor: pointer; border-bottom: 1px solid #ed4130; display: inline-block; line-height: 24px;}
.a_pop_bx {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100000; background: rgba(0,0,0,.74); overflow-y: auto; padding: 50px 0; box-sizing: border-box; display: none;}
.a_pop_bx .pop_w {display: table; height: 100%; width: 100%;}
.a_pop_bx .pop_c {display: table-cell; vertical-align: middle;}
.a_pop_bx .pop_inner {max-width: 640px; width: calc(100% - 40px); margin: 0 auto; box-sizing: border-box; background-color: #fff; position: relative; padding: 40px 46px 50px;}
.a_pop_bx .close_btn {width: 24px; height: 24px; background: url(../images/icon/close.png) no-repeat center; font-size: 0; right: 20px; top: 20px; position: absolute; cursor: pointer;}
.a_pop_bx .p_ttl {font-size: 30px; color: #000000; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 40px; display: block}
.a_pop_bx .txt_bx {height: 505px; overflow-y: auto; font-size: 16px; line-height: 26px; color: #333333; letter-spacing: -0.05em; word-break: keep-all;}

.a_pop_bx .pw_chk {padding: 16px 0 10px;}
.a_pop_bx .pw_chk input {width: calc(100% - 70px); height: 92px; border: none; border-bottom: 1px solid #ed4130; text-align: center; margin: 0 auto; display: block; font-size: 28px; color: #000; letter-spacing: -0.05em; word-break: keep-all; outline: none;}
.a_pop_bx .pw_chk input::placeholder {color: #9d9d9d}
.a_pop_bx .pw_chk .btn {width: 100%; display: block; margin: 36px auto 0; font-size: 22px; color: #ffffff; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; background-color: #ed4130; line-height: 70px; border-radius: 35px; text-align: center;}



/* 하단 버튼 */
#board .btm_btn {font-size: 0; text-align: center; padding-top: 80px;}
#board .btm_btn a {width: 328px; line-height: 84px; border: 1px solid #ed4130; box-sizing: border-box; background-color: #ed4130; border-radius: 43px; font-size: 32px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; display: inline-block; margin-right: 8px;}
#board .btm_btn a:last-child {margin-right: 0;}
#board .btm_btn a.col2 {color: #ed4130; background-color: #fff;}
#board .btm_btn a.col3 {color: #101010; background-color: #fff; border-color: #101010;}
#board .btm_btn a.col4 {background-color: #101010; border-color: #101010;}
#board .btm_btn a.type2 {font-size: 22px; width: 180px; line-height: 68px; font-weight: 500;}




/* PC */
@media all and (min-width:1025px){
	/* 카테고리 */
	#board .category_bx ul li a {-webkit-transition: color 0.3s, border 0.3s; -moz-transition: color 0.3s, border 0.3s; transition: color 0.3s, border 0.3s;}
	#board .category_bx ul li a:hover {color: #ed4130; border-color: #ed4130;}
	
	
	
	/* 리스트 */
	#board .list_bx01 .img_bx {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_bx01 .con_bx:hover .img_bx {background-color: #fff; box-shadow: 12px 0px 74px rgba(121,125,142,0.1);}
	#board .list_bx01 .img_bx .img_w > div {-webkit-transition: transform 3s; -moz-transition: transform 3s; transition: transform 3s;}
	#board .list_bx01 .con_bx:hover .img_bx .img_w > div {transform: translateY(-100%) translateY(460px);}
	#board .list_bx01 .txt_bx strong {line-height: 30px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .list_bx01 .con_bx:hover .txt_bx strong {color: #ed4130;}
	
	#board .list_bx02 ul li a {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
	#board .list_bx02 ul li a:hover {background-color: #000000;}
	#board .list_bx02 ul li a::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_bx02 ul li a:hover::before {background: url(../images/icon/list_arrow2.png) no-repeat center; transform: translate(-30px, 0);}
	#board .list_bx02 .num span {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list_bx02 ul li a:hover .num span {transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); left: 50%; color: #ababab;}
	#board .list_bx02 .subject {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .list_bx02 ul li a:hover .subject {color: #fff;}
	#board .list_bx02 .info div strong {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .list_bx02 ul li a:hover .info div strong {color: #fff;}
	
	
	
	/* 페이징 */
	#board .page_bx .num::before {-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
	#board .page_bx .num:hover::before {opacity: 1;}
	
	
	
	/* 상세 */
	#board .view_bx .con .file a:hover {text-decoration: underline;}
	
	
	
	/* 작성 */
	#board .write_bx .chk_bx label:hover {color: #ed4130; border-color: #ed4130; background-color: #fff;}



	/* 하단 버튼 */
	#board .btm_btn a.hv {-webkit-transition: background 0.3s, color 0.3s, border 0.3s; -moz-transition: background 0.3s, color 0.3s, border 0.3s; transition: background 0.3s, color 0.3s, border 0.3s;}
	#board .btm_btn a.hv:hover {background-color: #ed4130; color: #fff; border-color: #ed4130;}
	#board .page_bx .page_prev, #board .page_bx .page_next {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .page_bx .page_prev:hover, #board .page_bx .page_next:hover {color: #000000;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 카테고리 */
	#board .category_bx {margin-bottom: 20px;}
	#board .category_bx .on_txt {font-size: 16px; width: 94px;}
	#board .category_bx .on_txt::before {width: 8px; background-size: 8px auto!important;}
	#board .category_bx .chk_txt {width: calc(100% - 94px); padding-left: 20px; font-size: 13px; padding-top: 4px;}
	/*#board .category_bx ul {top: 26px;}
	#board .category_bx ul li {margin-bottom: 3px;}
	#board .category_bx ul li:first-child {padding-top: 13px;}
	#board .category_bx ul li:last-child {padding-bottom: 13px;}
	#board .category_bx ul li a {font-size: 12px; line-height: 22px;}*/
	#board .category_bx ul {margin-top: 2px;}
	#board .category_bx ul > li {margin-top: 10px; margin-right: 3px;}
	#board .category_bx ul > li > a {font-size: 12px; height: 35px; padding: 0 15px;}
	
	
	
	/* 리스트 상단 */
	#board .list_top {min-height: 40px; margin-bottom: 30px; padding-right: 115px;}
	#board .list_top .search_bx {height: 40px; max-width: 450px;}
	#board .list_top .search_bx input {height: 40px; font-size: 12px; padding: 0 40px 0 5px;}
	#board .list_top .search_bx .btn {width: 40px; height: 40px; background-size: 20px auto;}
	#board .list_top .btm_btn a {line-height: 38px; width: 100px;}
	
	
	
	/* 리스트 */
	#board .list_bx01 ul {margin-bottom: -30px;}
	#board .list_bx01 ul li {width: calc(33.333% - 20px); margin-right: 20px; margin-bottom: 30px;}
	#board .list_bx01 .txt_bx {margin-top: 13px; padding: 0 15px;}
	#board .list_bx01 .txt_bx strong {font-size: 16px;}
	#board .list_bx01 .txt_bx p {font-size: 10px; line-height: 15px; margin-top: 3px;}
	#board .list_bx01 .img_bx {padding-bottom: 300px;}
	#board .list_bx01 .img_bx .img_w > div {padding: 30px 0; min-height: 300px;}
	
	#board .list_bx02 ul li a {padding-right: 70px; height: 70px;}
	#board .list_bx02 ul li a::before {width: 15px; background-size: 15px auto!important;}
	#board .list_bx02 .num {width: 80px;}
	#board .list_bx02 .num span {font-size: 12px;}
	#board .list_bx02 .subject {width: calc(61.253% - 40px); font-size: 15px;}
	#board .list_bx02 .info {width: calc(38.747% - 40px); padding-left: 70px;}
	#board .list_bx02 .info .type {font-size: 11px; line-height: 25px; min-width: 48px;}
	#board .list_bx02 .info div strong {font-size: 13px;}
	#board .list_bx02 .info div p {font-size: 11px;}
	
	#board .list_bx03 ul li a {height: 70px;}
	#board .list_bx03 .num {width: 80px;}
	#board .list_bx03 .num span {font-size: 12px;}
	#board .list_bx03 .subject {width: calc(100% - 160px); font-size: 15px;}
	#board .list_bx03 .subject.new span {padding-right: 24px;}
	#board .list_bx03 .subject.new span::before {line-height: 16px; width: 16px; border-radius: 3px; font-size: 8px; margin-top: -8px;}
	#board .list_bx03 .date {font-size: 11px; width: 80px}
	
	
	/* 페이징 */
	#board .page_bx {padding-top: 40px;}
	#board .page_bx a {font-size: 11px; line-height: 30px;}
	#board .page_bx .num {font-size: 10px; width: 30px; margin: 0 1px;}
	#board .page_bx .page_prev {margin-right: 15px;}
	#board .page_bx .page_next {margin-left: 15px;}
	
	
	
	/* 상세 */
	#board .view_bx .subject {padding-bottom: 25px;}
	/*#board .view_bx .subject .info {margin-bottom: 15px;}*/
	#board .view_bx .subject .info li {font-size: 12px; margin-right: 25px;}
	#board .view_bx .subject .info li::before {right: -14px; height: 10px; margin-top: -5px;}
	#board .view_bx .subject .info .name {min-height: 20px; padding-left: 50px;}
	#board .view_bx .subject .info .name p {font-size: 13px; line-height: 20px;}
	#board .view_bx .subject .info .name .type {font-size: 10px; line-height: 20px; min-width: 42px;}
	#board .view_bx .subject strong {font-size: 14px; line-height: 23px;}
	#board .view_bx .con {padding: 25px 0 20px;}
	#board .view_bx .con .txt {font-size: 12px;}
	#board .view_bx .con .file {margin-top: 45px; padding-left: 65px;}
	#board .view_bx .con .file .l_txt {font-size: 13px; line-height: 21px;}
	#board .view_bx .con .file a {font-size: 11px; line-height: 21px; background-size: 12px auto; padding-left: 16px;}
	
	
	
	/* 작성 */
	#board .write_bx .top_ttl {font-size: 20px; margin-bottom: 25px;}
	#board .write_bx .top_ttl:first-child {margin-top: -8px;}
	#board .write_bx .f_bx {margin-bottom: 35px;}
	#board .write_bx .f_bx .f_w {width: calc(50% - 15px); margin-right: 30px;}
	#board .write_bx .f_ttl {font-size: 12px; margin-bottom: 5px;}
	#board .write_bx .f_ttl strong {font-size: 15px;}
	
	#board .write_bx input[type=text], #board .write_bx input[type=password], #board .write_bx input[type=email], #board .write_bx input[type=tel] {font-size: 11px; padding: 0 5px; height: 35px;}
	#board .write_bx select {font-size: 11px; padding: 0 30px 0 5px; background-size: 8px auto; background-position: right 5px center; height: 35px;}
	#board .write_bx textarea {font-size: 11px; padding: 3px 5px; height: 120px;}
	
	#board .write_bx .imp_txt {font-size: 11px; line-height: 15px; margin-top: 8px;}
	#board .write_bx .imp_txt2 {font-size: 11px; line-height: 15px; margin-top: 8px; background-size: 15px auto; padding-left: 21px;}
	
	#board .write_bx .chk_bx {padding-top: 5px;}
	#board .write_bx .chk_bx li {width: calc(25% - 7.5px); margin-right: 10px;}
	#board .write_bx .chk_bx label {font-size: 11px; height: 35px;}
	
	#board .write_bx .ta_bx {padding: 20px 15px; margin-top: 15px;}
	#board .write_bx .txt {font-size: 11px; padding: 8px 5px 9px;}
	#board .write_bx .ta_bx textarea {margin-bottom: 10px;}
	#board .write_bx .fileBox {margin-bottom: 10px;}
	#board .write_bx .fileBox input[type=text] {height: 35px; padding: 0 35px 0 10px;}
	#board .write_bx .fileBox .del_btn {right: 0; background-size: 11px auto;}
	#board .write_bx .btm_bx .btn_bx {width: 100px; min-height: 35px;}
	#board .write_bx .btm_bx .btn_bx label {font-size: 11px; line-height: 35px; width: 80px;}
	#board .write_bx .btm_bx .l_txt {width: calc(100% - 100px);}
	
	#board .write_bx .agree_bx .agree_chk {margin-top: -20px; padding-left: 27px;}
	#board .write_bx .agree_bx .agree_chk input {width: 20px; height: 20px; background-size: 11px auto!important; top: 1px;}
	#board .write_bx .agree_bx .agree_chk label {font-size: 12px; line-height: 20px;}
	#board .write_bx .agree_bx .agree_chk label span {line-height: 20px;}
	
	.a_pop_bx .pop_inner {max-width: 450px; padding: 20px 25px 30px;}
	.a_pop_bx .p_ttl {font-size: 15px; line-height: 25px; margin-bottom: 25px;}
	.a_pop_bx .txt_bx {height: 200px; font-size: 12px; line-height: 19px;}
	
	.a_pop_bx .pw_chk {padding: 18px 0 5px; max-width: 335px; margin: 0 auto;}
	.a_pop_bx .pw_chk input {width: calc(100% - 40px); font-size: 15px; height: 50px;}
	.a_pop_bx .pw_chk .btn {font-size: 12px; line-height: 40px; margin-top: 15px;}
	
	
	
	/* 하단 버튼 */
	#board .btm_btn {padding-top: 40px}
	#board .btm_btn a {font-size: 12px; line-height: 38px; width: 145px;}
	#board .btm_btn a.type2 {font-size: 12px; line-height: 38px; width: 90px;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* 리스트 */
	#board .list_bx01 ul li:nth-child(n) {width: calc(50% - 5px); margin-right: 10px;}
	#board .list_bx01 ul li:nth-child(2n) {margin-right: 0;}
	
	#board .list_bx02 ul li a {padding: 12px 10px; height: auto;}
	#board .list_bx02 ul li a::before {display: none;}
	#board .list_bx02 .num {width: 50px}
	#board .list_bx02 .num span {font-size: 10px; line-height: 18px; /*min-width: 42px; text-align: center;*/}
	#board .list_bx02 .subject {width: calc(100% - 50px); padding-right: 0; font-size: 13px; line-height: 19px;}
	#board .list_bx02 .info {width: 100%; padding: 0 65px 0 50px; height: 20px; margin-top: 8px;}
	#board .list_bx02 .info .type {font-size: 10px; line-height: 20px; min-width: 42px;}
	#board .list_bx02 .info div strong {font-size: 11px; line-height: 20px;}
	#board .list_bx02 .info div p {position: absolute; right: 0; bottom: 0; line-height: 20px; margin-top: 0;}
	
	#board .list_bx03 ul li a {padding: 12px 10px; height: auto;}
	#board .list_bx03 .num {width: 50px;}
	#board .list_bx03 .num span {font-size: 10px; line-height: 18px;}
	#board .list_bx03 .subject {width: calc(100% - 50px); font-size: 13px; line-height: 19px; padding-right: 0;}
	#board .list_bx03 .date {width: 100%; justify-content: left; margin-top: 8px;}
	
	
	
	/* 작성 */
	#board .write_bx .top_ttl:first-child {margin-top: 0px;}
	#board .write_bx .f_bx .f_w:nth-child(n) {width: 100%; margin-right: 0; margin-bottom: 35px;}
	#board .write_bx .f_bx .f_w:last-child {margin-bottom: 0;}
	#board .write_bx .chk_bx {padding-top: 0;}
	/*#board .write_bx .chk_bx li:nth-child(n) {width: calc(50% - 2.5px); margin-right: 5px; margin-top: 5px;}
	#board .write_bx .chk_bx li:nth-child(2n) {margin-right: 0;}*/
	#board .write_bx .chk_bx li {width: calc(25% - 3.75px); margin-right: 5px; margin-top: 5px;}
}

@media all and (max-width:430px){
	#board .list_bx01 ul li:nth-child(n) {width: 100%; margin-right: 0;}
	#board .list_bx01 ul li:nth-child(2n) {margin-right: 0;}
	#board .list_bx01 .img_bx .img_w {padding: 0 20px;}
	#board .list_bx01 .txt_bx {text-align: center;}
}