@charset "utf-8";

/* 리스트 상단 */
#board .list_top {min-height: 40px; position: relative; padding-right: 300px; display:flex; justify-content:left; align-items:center; table-layout:fixed; margin-top: 10px; margin-bottom: 20px;}
#board .list_top .count {color: #444444; font-size: 18px; letter-spacing: -0.05em;}
#board .list_top .count strong {font-size: 22px; color: #000000; font-weight: 700;}
#board .list_top .search01 {position: absolute; max-width: 300px; width: 100%; right: 0; top: 0;}
#board .list_top .search01 input {padding: 0 50px 0 10px; height: 40px; font-size: 18px; color: #444444; letter-spacing: -0.05em; border: none; outline: none; box-sizing: border-box; width: 100%;}
#board .list_top .search01 input::placeholder {color: #aaaaaa;}
#board .list_top .search01 .btn {position: absolute; width: 40px; height: 40px; top: 0; right: 0; font-size: 0; z-index: 1;}
#board .list_top .search01 .btn::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; background-color: #000000; position: absolute; left: 0; top: 0;}
#board .list_top .search01 .btn::after {content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; background: url(../images/icon/search2.png) no-repeat center; position: absolute; left: 0; top: 0;}

#board .list_top.type2 {min-height: auto; padding-right: 100px; margin-top: 0; margin-bottom: 40px; padding-bottom: 24px; border-bottom: 2px solid #111111;}
#board .list_top.type2 .count {position: absolute; right: 0; top: 0; line-height: 38px;}
#board .list_top.type2 .search_txt {font-size: 38px; color: #111111; font-weight: 700; line-height: 46px;}

#board .d_search_btn {display: none;}
#board .search02 .s_con .s_w {border-top: 1px solid #eeeeee;}
#board .search02 .s_con .s_w .on_txt {background-color: #fafafa; cursor: pointer; padding: 0 25px 0 20px; font-size: 20px; color: #222222; font-weight: 700; letter-spacing: -0.05em; line-height: 60px;}
#board .search02 .s_con .s_w .on_txt span {display: block; position: relative;}
#board .search02 .s_con .s_w .on_txt span::before {content: ''; width: 15px; height: 9px; background: url(../images/icon/arrow11.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -4.5px; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
#board .search02 .s_con .s_w .on_txt.on span::before {transform: rotate(180deg);}
#board .search02 .s_con .s_w .chk {padding: 0 20px;}
#board .search02 .s_con .s_w .chk li {position: relative; margin-bottom: 12px;}
#board .search02 .s_con .s_w .chk li:first-child {margin-top: 14px;}
#board .search02 .s_con .s_w .chk li:last-child {padding-bottom: 13px; margin-bottom: 0;}
#board .search02 .s_con .s_w .chk li input {appearance: none; -webkit-appearance: none; -moz-appearance: none; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; box-sizing: border-box; border-radius: 2px; border: 1px solid #444444; outline: none; background-color: #fff;}
#board .search02 .s_con .s_w .chk li input:checked {border-color: #002d6f; background: url(../images/icon/chk1.png) no-repeat center #002d6f;}
#board .search02 .s_con .s_w .chk li label {display: inline-block; padding-left: 30px; position: relative; font-size: 18px; color: #444444; letter-spacing: -0.05em; line-height: 26px; cursor: pointer;}
#board .search02 .s_con .s_w .date .date_w {position: relative; padding: 0 10px 0 110px; height: 40px; margin-bottom: 5px;}
#board .search02 .s_con .s_w .date .date_w:first-child {margin-top: 10px;}
#board .search02 .s_con .s_w .date .date_w:last-child {margin-bottom: 20px;}
#board .search02 .s_con .s_w .date .date_w .l_txt {position: absolute; left: 22px; top: 0; font-size: 18px; color: #444444; letter-spacing: -0.05em; line-height: 40px;}
#board .search02 .s_con .s_w .date .date_w input {width: 100%; height: 40px; border: none; outline: none; padding: 0 40px 0 10px; font-size: 18px; color: #444; background: url(../images/icon/date.png) no-repeat right 12px center; cursor: pointer;}
#board .search02 .s_con .s_w .date .date_w input::placeholder {color: #aaaaaa;}
.ui-datepicker-title::after {content: '월';}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 35%!important;}
.ui-datepicker select.ui-datepicker-year {margin-right: 3px!important;}
.ui-datepicker select.ui-datepicker-month {margin-left: 10px!important; margin-right: 3px!important;}
#board .search02 .s_btn {display: block; line-height: 70px; width: 100%; background-color: #000000; text-align: center; font-size: 20px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; cursor: pointer;}
#board .search02 .re_btn {display: block; width: 120px; box-sizing: border-box; padding-right: 30px; line-height: 30px; font-size: 16px; color: #aaaaaa; letter-spacing: -0.05em; cursor: pointer; background: url(../images/icon/reset.png) no-repeat right 6px center; margin: 6px 0 0 auto;}

#board .p_list_top {height: 102px; margin-bottom: 17px;}
#board .p_list_top .c_w {display: flex; flex-flow: wrap; background-color: #fff; height: 102px; box-sizing: border-box; padding: 22px 0; border-bottom: 2px solid #111111;}
#board .p_list_top.on .c_w {position: fixed; max-width: 1200px; width: calc(100% - 40px); left: 50%; top: 110px; transform:translate(-50%, 0%); -webkit-transform:translate(-50%, 0%); z-index: 10;}
#board .p_list_top .l_bx {width: 420px; position: relative;}
#board .p_list_top .l_bx .on_txt {position: relative; cursor: pointer; font-size: 34px; color: #111111; font-weight: 700; padding-right: 28px; display: inline-block; line-height: 58px;}
#board .p_list_top .l_bx .on_txt::before {content: ''; width: 12px; height: 10px; background: url(../images/icon/arrow6.png) no-repeat center; background-size: 12px 10px; position: absolute; right: 0; top: 50%; margin-top: -5px; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
#board .p_list_top .l_bx .on_txt.on::before {transform: rotate(180deg);}
#board .p_list_top .l_bx .list_bx {position: absolute; left: 0; top: 68px; z-index: 10; background-color: #ffffff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); width: 300px; box-sizing: border-box; padding: 0 30px; display: none;}
#board .p_list_top .l_bx .list_bx > li {margin-bottom: 9px;}
#board .p_list_top .l_bx .list_bx > li:first-child {padding-top: 22px;}
#board .p_list_top .l_bx .list_bx > li:last-child {margin-bottom: 0; padding-bottom: 22px;}
#board .p_list_top .l_bx .list_bx > li > a {display: inline-block; font-size: 20px; color: #666666; line-height: 30px; font-weight: 700; word-break: keep-all;}
#board .p_list_top .l_bx .list_bx > li > a p br {display: none;}
#board .p_list_top .l_bx .count {display: none;}
#board .p_list_top .r_bx {width: calc(100% - 420px);}
#board .p_list_top .r_bx .tab_bx {font-size: 0; text-align: right;}
#board .p_list_top .r_bx .tab_bx li {display: inline-block; vertical-align: middle; margin-right: 40px;}
#board .p_list_top .r_bx .tab_bx li:last-child {margin-right: 0;}
#board .p_list_top .r_bx .tab_bx a {line-height: 58px; font-size: 20px; color: #888888; font-weight: 700; display: inline-block;}
#board .p_list_top .r_bx .tab_bx a.on {color: #000000!important;}



/* 리스트 */
#board .list01 ul {display: flex; flex-flow: wrap;}
#board .list01 li {width: calc(50% - 15px); margin-right: 30px; margin-top: 30px;}
#board .list01 li:nth-child(2n) {margin-right: 0;}
#board .list01 li:nth-child(-n+2) {margin-top: 0;}
#board .list01 li .con_bx {display: block; position: relative; border: 1px solid #eeeeee; padding: 35px 70px 35px 30px;}
#board .list01 li .con_bx::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; border: 2px solid #002d6f; position: absolute; opacity: 0;}
#board .list01 li .con_bx::after {content: ''; width: 18px; height: 18px; position: absolute; top: 50%; margin-top: -9px; right: 35px; background: url(../images/icon/link1.png) no-repeat center; z-index: 1;}
#board .list01 li .con_bx .subject {position: relative; z-index: 1; font-size: 24px; color: #111111; font-weight: 700; letter-spacing: -0.03em; word-break: keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
#board .list01 li .con_bx .txt {font-size: 18px; color: #666666; letter-spacing: -0.03em; word-break: keep-all; line-height: 28px; position: relative; z-index: 1; margin-top: 11px;}
#board .list01 li .con_bx .info {position: relative; z-index: 1; font-size: 0; margin-top: 25px;}
#board .list01 li .con_bx .info p {display: inline-block; vertical-align: middle; font-size: 18px; color: #aaaaaa; margin-right: 40px; position: relative;}
#board .list01 li .con_bx .info p:last-child {margin-right: 0;}
#board .list01 li .con_bx .info p::before {content: ''; width: 1px; height: 14px; background-color: #dddddd; position: absolute; top: 50%; margin-top: -7px; right: -20px;}
#board .list01 li .con_bx .info p:last-child::before {display: none;}
#board .list01.type2 li:nth-child(n) {width: 100%; margin-top: 30px; margin-right: 0;}
#board .list01.type2 li:first-child {margin-top: 0!important;}
#board .list01.type2 li .con_bx {padding-right: 30px;}
#board .list01.type2 li .con_bx::after {display: none;}

#board .list02.tBar {border-top: 2px solid #111;}
#board .list02 table {width: 100%; table-layout: fixed;}
#board .list02 table thead tr {border-bottom: 1px solid #111111;}
#board .list02 table thead th {text-align: center; font-size: 18px; color: #111111; letter-spacing: -0.03em; font-weight: 700; padding: 18px 0;}
#board .list02 table thead tr:first-child th {padding-top: 0;}
#board .list02.tBar table thead tr:first-child th {padding-top: 18px;}
#board .list02 table thead th.num {width: 65px;}
#board .list02 table thead th.file {width: 135px;}
#board .list02 table thead th.date {width: 128px;}
#board .list02 table tbody tr {border-bottom: 1px solid #eeeeee; position: relative;}
#board .list02 table tbody td {text-align: center; font-size: 18px; color: #aaaaaa; box-sizing: border-box; padding: 26px 0px; vertical-align: middle; height: 80px;}
#board .list02 table tbody td.subject {text-align: left; padding-left: 35px; padding-right: 35px;}
#board .list02 table tbody td.subject p {font-size: 20px; color: #111111; font-weight: 500; letter-spacing: -0.03em; word-break: keep-all; /*-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;*/}
#board .list02 table tbody td .down {display: inline-block; width: 26px; height: 26px; font-size: 0; background: url(../images/icon/download1.png) no-repeat center; vertical-align: middle;}
/*#board .list02 table tbody td .down_link {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}*/
#board .list02.type2 table tbody td {padding: 0;}
#board .list02.type2 table tbody td a {display: block; padding: 26px 0px;}
#board .list02.type2 table tbody td a:hover {color: #aaaaaa!important;}
#board .list02.type2 table tbody td.subject a {padding-right: 35px; padding-left: 35px;}
#board .list02.type2 table tbody td.subject a:hover {color: #111111!important;}

#board .list03 ul li {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dddddd;}
#board .list03 ul li:last-child {margin-bottom: 0;}
#board .list03 ul li a {display: block; position: relative; padding-left: 300px; min-height: 184px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .list03 ul li a .img_bx {position: absolute; left: 0; top: 0; width: 260px; height: 184px; overflow: hidden;}
#board .list03 ul li a .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../images/sub/board_none.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
#board .list03 ul li a .txt_bx {width: 100%;}
#board .list03 ul li a .txt_bx .type {font-size: 18px; color: #0060aa; letter-spacing: -0.05em; font-weight: 500; margin-bottom: 14px;}
#board .list03 ul li a .txt_bx .subject {font-size: 26px; color: #111111; letter-spacing: -0.03em; font-weight: 700; word-break: keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
#board .list03 ul li a .txt_bx .txt {font-size: 18px; color: #666666; letter-spacing: -0.03em; line-height: 28px; word-break: keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; margin-top: 14px;}
#board .list03 ul li a .txt_bx .date {font-size: 18px; color: #aaaaaa; margin-top: 30px;}

#board .list04 ul {border-top: 2px solid #111111; padding-top: 30px; display: flex; flex-flow: wrap;}
#board .list04 ul li {width: calc(33.333% - 20px); margin-right: 30px; margin-top: 30px;}
#board .list04 ul li:nth-child(3n) {margin-right: 0;}
#board .list04 ul li:nth-child(-n+3) {margin-top: 0;}
#board .list04 ul li a {display: block; border: 1px solid #eeeeee; box-sizing: border-box; position: relative; height: 100%;}
#board .list04 ul li a .img_bx {position: relative; overflow: hidden; padding-bottom: 70.64%;}
#board .list04 ul li a .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../images/sub/board_none.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;}
#board .list04 ul li a .txt_bx {padding: 26px 30px 24px;}
#board .list04 ul li a .txt_bx .type {font-size: 18px; color: #aaaaaa; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 8px;}
#board .list04 ul li a .txt_bx .type.col1 {color: #2b95e7;}
#board .list04 ul li a .txt_bx .type.col2 {color: #0060aa;}
#board .list04 ul li a .txt_bx .subject {font-size: 24px; color: #111111; letter-spacing: -0.03em; font-weight: 700; line-height: 34px; word-break: keep-all;}
#board .list04 ul li a .txt_bx .txt {font-size: 18px; color: #666666; letter-spacing: -0.03em; word-break: keep-all; line-height: 28px; /*height: 56px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;*/ margin-top: 15px;}
#board .list04 ul li a .txt_bx .info {margin-top: 15px;}
#board .list04 ul li a .txt_bx .info p {position: relative; padding-left: 80px; font-size: 18px; color: #666666; line-height: 26px; letter-spacing: -0.03em; word-break: keep-all; min-height: 26px; margin-bottom: 8px;}
#board .list04 ul li a .txt_bx .info p:last-child {margin-bottom: 0;}
#board .list04 ul li a .txt_bx .info p span {position: absolute; left: 0; top: 0; color: #111111; font-weight: 600;}
#board .list04 ul li a .txt_bx .date {font-size: 18px; color: #aaaaaa; margin-top: 23px;}

#board .list05 ul li {border-bottom: 1px solid #dddddd;}
#board .list05 ul li a {display: block; padding: 37px 20px 40px;}
#board .list05 ul li a .type {font-size: 16px; color: #0060aa; letter-spacing: -0.05em; margin-bottom: 6px;}
#board .list05 ul li a .subject {font-size: 22px; color: #111111; font-weight: 700; letter-spacing: -0.03em; word-break: keep-all; line-height: 34px; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
#board .list05 ul li a .info {font-size: 0; margin-top: 13px;}
#board .list05 ul li a .info p {display: inline-block; margin-right: 30px; font-size: 18px; color: #666666; line-height: 34px; position: relative; letter-spacing: -0.03em;}
#board .list05 ul li a .info p::before {content: ''; width: 1px; height: 14px; position: absolute; background-color: #dddddd; right: -15px; top: 50%; margin-top: -7px;}
#board .list05 ul li a .info p.date {margin-right: 20px; color: #fff; line-height: 40px; padding: 0 10px; border-radius: 5px; background-color: #aaaaaa;}
#board .list05 ul li a .info p.date::before {display: none;}
#board .list05 ul li a .info p.date.type1 {background-color: #0060aa;}
#board .list05 ul li a .info p:last-child {margin-right: 0!important;}
#board .list05 ul li a .info p:last-child::before {display: none;}

#board .list06 ul {display: flex; flex-flow: wrap;}
#board .list06 ul li {width: calc(33.333% - 20px); margin-right: 30px; margin-top: 30px; box-sizing: border-box;}
#board .list06 ul li:nth-child(3n) {margin-right: 0;}
#board .list06 ul li:nth-child(-n+3) {margin-top: 0;}
#board .list06 ul li a {display: block; border: 1px solid #eeeeee; background-color: #ffffff; position: relative; height: 100%;}
#board .list06 ul li a .img_bx {overflow: hidden; position: relative; padding-bottom: 100%;}
#board .list06 ul li a .img_bx div {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../images/sub/board_none.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
#board .list06 ul li a .img_bx .like {position: absolute; width: 40px; height: 40px; bottom: 19px; right: 19px; border-radius: 50%; background: url(../images/icon/like1.png) no-repeat center #fff; background-size: 20px auto; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#board .list06 ul li a .img_bx .like.on {background: url(../images/icon/like2.png) no-repeat center #fff; background-size: 20px auto}
#board .list06 ul li a .txt_bx {border-top: 1px solid #eee; padding: 23px 20px 24px;}
#board .list06 ul li a .txt_bx .name {font-size: 22px; color: #222222; line-height: 30px; font-weight: 700;}
#board .list06 ul li a .txt_bx .info {margin-top: 12px;}
#board .list06 ul li a .txt_bx .info p {font-size: 18px; color: #666666; line-height: 24px; letter-spacing: -0.03em; word-break: keep-all; position: relative; padding-left: 9px; margin-bottom: 6px;}
#board .list06 ul li a .txt_bx .info p:last-child {margin-bottom: 0;}
#board .list06 ul li a .txt_bx .info p::before {content: ''; width: 3px; height: 3px; background-color: #aaaaaa; border-radius: 50%; position: absolute; left: 0; top: 10px;}

#board .img_none {background-image: url(../images/sub/board_none.jpg)!important;}

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



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



/* 상세 */
#board .view01 .subject {text-align: center; border-bottom: 1px solid #eeeeee; padding-bottom: 36px;}
#board .view01 .subject .type {font-size: 20px; color: #002d6f; font-weight: 500; letter-spacing: -0.05em; margin-bottom: 9px;}
#board .view01 .subject strong {display: block; font-size: 34px; color: #222222; font-weight: 600; letter-spacing: -0.05em; word-break: keep-all; line-height: 44px;}
#board .view01 .subject ul {font-size: 0; margin-top: 29px;}
#board .view01 .subject ul li {display: inline-block; vertical-align: middle; margin-right: 40px; position: relative; font-size: 16px; color: #aaaaaa;}
#board .view01 .subject ul li::before {content: ''; width: 1px; height: 14px; background-color: #dddddd; position: absolute; right: -20px; top: 50%; margin-top: -7px;}
#board .view01 .subject ul li:last-child::before {display: none;}
#board .view01 .subject ul li.date {color: #fff; line-height: 40px; padding: 0 10px; background-color: #aaa; border-radius: 10px; margin-right: 20px;}
#board .view01 .subject ul li.date::before {display: none;}
#board .view01 .subject ul li.date.type1 {background-color: #0060aa;}
#board .view01 .subject ul li:last-child {margin-right: 0!important;}
#board .view01 .con {padding: 40px 0 0; font-size: 18px;}
#board .view01 .con img {max-width: 100%;}
#board .view01 .con .con_w {border-bottom: 1px solid #eeeeee; padding: 34px 0 32px;}
#board .view01 .con .con_w:first-child {padding-top: 0;}
#board .view01 .con .con_w .ttl {font-size: 30px; color: #0060aa; letter-spacing: -0.02em; font-weight: 700; word-break: keep-all; padding-left: 24px; position: relative; margin-bottom: 35px;}
#board .view01 .con .con_w .ttl::before {content: ''; width: 14px; height: 14px; background-color: #0060aa; position: absolute; left: 0; top: 10px;}
#board .view01 .con .con_w .list_st1 li {font-size: 18px; color: #222222; line-height: 30px; letter-spacing: -0.05em; word-break: keep-all; text-indent: -10px; padding-left: 10px;}
#board .view01 .con .con_w .list_st2 {text-indent: 0;}
#board .view01 .con .con_w .list_st2 p {text-indent: -10px; padding-left: 10px;}
#board .view01 .con .con_w .col2 {color: #0060aa;}
#board .view01 .con .con_w .process {display: flex; flex-flow: wrap; margin-top: 12px; margin-bottom: 22px;}
#board .view01 .con .con_w .process > div {width: calc(25% - 39.75px); margin-right: 53px; box-sizing: border-box; position: relative; display:flex; justify-content:center; align-items:center; table-layout:fixed; border: 4px solid #0060aa; height: 80px; border-radius: 40px; background-color: #e6eef8; font-size: 20px; color: #0060aa; font-weight: 700; text-align: center;}
#board .view01 .con .con_w .process > div span > span { display:block; font-size: 16px;}
#board .view01 .con .con_w .process > div:nth-child(4n) {margin-right: 0;}
#board .view01 .con .con_w .process > div::before {content: ''; width: 14px; height: 22px; background: url(../images/icon/arrow12.png) no-repeat center; position: absolute; right: -34px; top: 50%; margin-top: -11px;}
#board .view01 .con .con_w .process > div:last-child::before {display: none;}

#board .p_view {display: flex; flex-flow: wrap; padding-top: 13px;}
#board .p_view .l_bx {box-sizing: border-box; width: 45.715%; padding-right: 30px;}
#board .p_view .l_bx .l_w {max-width: 520px; width: 100%;}
#board .p_view .l_bx .p_name {display: none;}
#board .p_view .l_bx .img_bx .img_w {position: relative; padding-bottom: 100%;}
#board .p_view .l_bx .img_bx .img_w .img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
#board .p_view .l_bx .img_bx .img_w .img img {/*object-fit: cover;*/ position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); max-width: 100%; max-width: 100%; width: 100%; height: 100%;}
#board .p_view .l_bx .img_bx .img_w .like {position: absolute; width: 60px; height: 60px; background: url(../images/icon/like1.png) no-repeat center #fff; border-radius: 50%; right: 20px; bottom: 20px; z-index: 1; cursor: pointer; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
#board .p_view .l_bx .img_bx .img_w .like.on {background: url(../images/icon/like2.png) no-repeat center #fff;}
#board .p_view .l_bx .img_bx .img_slide {font-size: 0; margin-top: 30px; padding: 0 40px;}
#board .p_view .l_bx .img_bx .img_slide .slick-slide {padding: 0 10px;}
#board .p_view .l_bx .img_bx .img_slide .slick-arrow {position: absolute; z-index: 1; width: 24px; height: 100%; font-size: 0; background: url(../images/icon/arrow14.png) no-repeat center; top: 0; padding: 0;}
#board .p_view .l_bx .img_bx .img_slide .slick-prev {left: -40px;}
#board .p_view .l_bx .img_bx .img_slide .slick-next {right: -40px; transform: rotate(180deg);}
#board .p_view .l_bx .img_bx .img_slide .slick-dots {display: none!important;}
#board .p_view .l_bx .img_bx .img_slide .con {padding-bottom: 100%; position: relative; overflow: hidden; cursor: pointer; border: 1px solid #eeeeee; box-sizing: border-box;}
#board .p_view .l_bx .img_bx .img_slide .con.on::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; border: 2px solid #0060aa; z-index: 1;}
#board .p_view .l_bx .img_bx .img_slide .con img {/*object-fit: cover;*/ position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); max-width: 100%; max-width: 100%; width: 100%; height: 100%;}
#board .p_view .l_bx .s_prgress {display: none;}
#board .p_view .l_bx .syst_bx {margin-top: 60px; background-color: #fafafa; padding: 36px 30px 32px;}
#board .p_view .l_bx .syst_bx .ttl {font-size: 24px; color: #111111; font-weight: 600; word-break: keep-all; line-height: 30px; margin-bottom: 25px;}
#board .p_view .l_bx .syst_bx .list_bx {display: flex; flex-flow: wrap;}
#board .p_view .l_bx .syst_bx .list_bx li {width: calc(33.333% - 13.333px); margin-right: 20px; margin-top: 0; margin-top: 24px; box-sizing: border-box;}
#board .p_view .l_bx .syst_bx .list_bx li:nth-child(3n) {margin-right: 0;}
#board .p_view .l_bx .syst_bx .list_bx li:nth-child(-n+3) {margin-top: 0;}
#board .p_view .l_bx .syst_bx .list_bx li a {display: block;}
#board .p_view .l_bx .syst_bx .list_bx .img {padding-bottom: 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; border: 1px solid #eeeeee; box-sizing: border-box; background-color: #fff;}
#board .p_view .l_bx .syst_bx .list_bx .txt {text-align: center; font-size: 16px; color: #444444; line-height: 26px; font-weight: 600; margin-top: 14px;}
#board .p_view .l_bx .ut_bx {margin-top: 30px;}
#board .p_view .l_bx .ut_bx .ut_w {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
#board .p_view .l_bx .ut_bx .ut_w iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#board .p_view .r_bx {box-sizing: border-box; width: 54.285%;}
#board .p_view .r_bx .p_name {font-size: 60px; color: #111111; font-weight: 700; line-height: 70px;}
#board .p_view .r_bx .c_bx {margin-top: 70px;}
#board .p_view .r_bx .c_bx .ttl {font-size: 26px; color: #111111; font-weight: 600; border-bottom: 2px solid #000000; padding-bottom: 15px;}
#board .p_view .r_bx .c_bx ul {display: flex; flex-flow: wrap; margin-top: 39px;}
#board .p_view .r_bx .c_bx ul li {width: calc(50% - 15px); margin-right: 30px; position: relative; padding-left: 90px; min-height: 50px; box-sizing: border-box; display:flex; justify-content:left; align-items:center; table-layout:fixed; margin-top: 42px;}
#board .p_view .r_bx .c_bx ul li:nth-child(2n) {margin-right: 0;}
#board .p_view .r_bx .c_bx ul li:nth-child(-n+2) {margin-top: 0;}
#board .p_view .r_bx .c_bx ul li.icon1 {background: url(../images/sub/product_c_icon1.png) no-repeat left center;}
#board .p_view .r_bx .c_bx ul li.icon2 {background: url(../images/sub/product_c_icon2.png) no-repeat left center;}
#board .p_view .r_bx .c_bx ul li.icon3 {background: url(../images/sub/product_c_icon3.png) no-repeat left center;}
#board .p_view .r_bx .c_bx ul li.icon4 {background: url(../images/sub/product_c_icon4.png) no-repeat left center;}
#board .p_view .r_bx .c_bx ul li.icon5 {background: url(../images/sub/product_c_icon5.png) no-repeat left center;}
#board .p_view .r_bx .c_bx ul li.icon6 {background: url(../images/sub/product_c_icon6.png) no-repeat left center;}
#board .p_view .r_bx .c_bx ul li img {position: absolute; left: 0; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%);}
#board .p_view .r_bx .c_bx ul li p {font-size: 20px; color: #444444; letter-spacing: -0.02em; line-height: 30px; word-break: keep-all;}
#board .p_view .r_bx .info_bx {margin-top: 90px;}
#board .p_view .r_bx .info_bx .tab_bx {display: table; width: 100%; table-layout: fixed;}
#board .p_view .r_bx .info_bx .tab_bx li {display: table-cell; background-color: #f6f6f6; border-bottom: 1px solid #aaaaaa; box-sizing: border-box; cursor: pointer; position: relative; font-size: 22px; color: #666666; font-weight: 700; letter-spacing: -0.01em;}
#board .p_view .r_bx .info_bx .tab_bx li::before {content: ''; width: 1px; height: 20px; background-color: #cccccc; position: absolute; right: -1px; top: 50%; margin-top: -10px; z-index: 1;}
#board .p_view .r_bx .info_bx .tab_bx li:last-child::before {display: none;}
#board .p_view .r_bx .info_bx .tab_bx li.on {border-right: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-bottom: none; background-color: #fff; color: #111111; z-index: 2;}
#board .p_view .r_bx .info_bx .tab_bx li.on::before {width: calc(100% + 2px); height: 2px; background-color: #000000; top: 0; right: -1px; margin-top: 0; display: block!important}
#board .p_view .r_bx .info_bx .tab_bx li span, #board .p_view .r_bx .info_bx .tab_bx li a {height: 79px; display:flex; justify-content:center; align-items:center; table-layout:fixed; color: #666666;}
#board .p_view .r_bx .info_bx .tab_bx li.on span, #board .p_view .r_bx .info_bx .tab_bx li.on a {color: #111;}
#board .p_view .r_bx .info_bx .tab_con {margin-top: 56px;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx {display: none;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.on {display: block;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx .c_ttl {font-size: 26px; color: #111111; font-weight: 600; border-bottom: 2px solid #000000; padding-bottom: 15px;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul {display: flex; flex-flow: wrap;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li {width: calc(50% - 20px); margin-right: 40px; box-sizing: border-box; border-top: 1px solid #dddddd; padding: 37px 0 0; margin-top: 33px;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li:nth-child(2n) {margin-right: 0;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li:nth-child(-n+2) {border-top: none; margin-top: 0;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li img {margin-left: 3px; /*max-width: 100%;*/ width: 108px; height: 108px;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li strong {display: block; font-size: 22px; color: #111111; font-weight: 700; letter-spacing: -0.02em; word-break: keep-all; margin-top: 21px;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li p {font-size: 18px; color: #444444; letter-spacing: -0.02em; line-height: 26px; word-break: keep-all; margin-top: 11px;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con2 table {width: 100%;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con2 table tbody tr {border-bottom: 1px solid #dddddd;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con2 table tbody th {text-align: left; font-size: 18px; color: #111111; font-weight: 700; width: 200px; padding: 19px 10px; height: 60px; box-sizing: border-box;}
#board .p_view .r_bx .info_bx .tab_con .tc_bx.con2 table tbody td {font-size: 18px; color: #444444; letter-spacing: -0.03em; text-align: center; padding: 19px 0; height: 60px; box-sizing: border-box;}



/* 작성 */
#board .write_bx .f_bx .f_inner {display: flex; flex-flow: wrap; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eeeeee;}
#board .write_bx .f_bx .f_inner:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
#board .write_bx .f_bx .f_inner .f_w {width: calc(50% - 10px); margin-right: 20px; box-sizing: border-box; margin-top: 20px;}
#board .write_bx .f_bx .f_inner .f_w:nth-child(2n) {margin-right: 0;}
#board .write_bx .f_bx .f_inner .f_w:nth-child(-n+2) {margin-top: 0;}
#board .write_bx .f_bx .f_inner .f_w.w100 {width: 100%; margin-right: 0;}
#board .write_bx .f_bx .f_inner .f_w input[type=text], #board .write_bx .f_bx .f_inner .f_w input[type=password], #board .write_bx .f_bx .f_inner .f_w input[type=tel], #board .write_bx .f_bx .f_inner .f_w input[type=email] {width: 100%; border: 1px solid #fafafa; background-color: #fafafa; height: 70px; box-sizing: border-box; padding: 0 30px; font-size: 18px; color: #111111; font-weight: 500; outline: none;}
#board .write_bx .f_bx .f_inner .f_w input[type=text]::placeholder, #board .write_bx .f_bx .f_inner .f_w input[type=password]::placeholder, #board .write_bx .f_bx .f_inner .f_w input[type=tel]::placeholder, #board .write_bx .f_bx .f_inner .f_w input[type=email]::placeholder {color: #aaaaaa;}
#board .write_bx .f_bx .f_inner .f_w input[type=text]:focus, #board .write_bx .f_bx .f_inner .f_w input[type=password]:focus, #board .write_bx .f_bx .f_inner .f_w input[type=tel]:focus, #board .write_bx .f_bx .f_inner .f_w input[type=email]:focus {color: #111111; background-color: #fff; border-color: #111;}
#board .write_bx .f_bx .f_inner .f_w select {width: 100%; border: 1px solid #fafafa; background: url(../images/icon/arrow7.png) no-repeat right 30px center #fafafa; height: 70px; box-sizing: border-box; padding: 0 60px 0 30px; font-size: 18px; color: #111; font-weight: 500; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
#board .write_bx .f_bx .f_inner .f_w select:focus {color: #111111; background-color: #fff; border-color: #111;}
#board .write_bx .f_bx .f_inner .f_w select option {color: #111;}
#board .write_bx .f_bx .f_inner .f_w select option:disabled {display: none;}
#board .write_bx .f_bx .f_inner .f_w select:required:invalid {color: #aaa;}
#board .write_bx .f_bx .f_inner .f_w textarea {width: 100%; border: 1px solid #fafafa; background-color: #fafafa; height: 160px; box-sizing: border-box; padding: 25px 30px; font-size: 18px; line-height: 28px; color: #111111; font-weight: 500; outline: none; resize: none;}
#board .write_bx .f_bx .f_inner .f_w textarea::placeholder {color: #aaaaaa;}
#board .write_bx .f_bx .f_inner .f_w textarea:focus {color: #111111; background-color: #fff; border-color: #111;}
#board .write_bx .f_bx .f_inner .f_w .spam_bx {background-color: #fafafa; padding: 10px; box-sizing: border-box; font-size: 0;}
#board .write_bx .f_bx .f_inner .f_w .spam_bx .spam_num {display: inline-block; vertical-align: middle; margin-right: 20px;}
#board .write_bx .f_bx .f_inner .f_w .spam_bx .spam_num .c_w {background-color: #ffffff; display: flex; flex-flow: wrap; max-width: 200px; width: 100%; border-radius: 10px;}
#board .write_bx .f_bx .f_inner .f_w .spam_bx .spam_num .c_w .l_bx {width: 50%; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed; position: relative;}
#board .write_bx .f_bx .f_inner .f_w .spam_bx .spam_num .c_w .l_bx::before {content: ''; width: 1px; height: 20px; background-color: #dddddd; position: absolute; right: 0; top: 50%; margin-top: -10px;}
#board .write_bx .f_bx .f_inner .f_w .spam_bx .spam_num .c_w .l_bx img {max-width: 100%; max-height: 100%;}
#board .write_bx .f_bx .f_inner .f_w .spam_bx .spam_num .c_w .r_bx {width: 50%; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
#board .write_bx .f_bx .f_inner .f_w .spam_bx .spam_num .c_w .r_bx input[type=text] {background-color: #fff!important; padding: 0; border-color: #fff!important; text-align: center; height: 50px;}
#board .write_bx .f_bx .f_inner .f_w .spam_bx .r_txt {display: inline-block; vertical-align: middle; font-size: 18px; color: #aaaaaa; letter-spacing: -0.05em; word-break: keep-all;}
#board .write_bx .radio01 {display: flex; flex-flow: wrap; margin-bottom: 60px;}
#board .write_bx .radio01:last-child {margin-bottom: 0;}
#board .write_bx .radio01 li {width: 50%; box-sizing: border-box; border-bottom: 1px solid #0060aa; border-left: 1px solid #0060aa;}
#board .write_bx .radio01 li:nth-child(-n+2) {border-top: 1px solid #0060aa;}
#board .write_bx .radio01 li:nth-child(2n) {border-right: 1px solid #0060aa;}
#board .write_bx .radio01 li {width: 50%; box-sizing: border-box;}
#board .write_bx .radio01 li input[type=radio] {display: none;}
#board .write_bx .radio01 li input[type=radio] + label {display: block; font-size: 18px; color: #0060aa; font-weight: 700; height: 68px; display:flex; justify-content:center; align-items:center; table-layout:fixed; cursor: pointer; text-align: center;}
#board .write_bx .radio01 li input[type=radio]:checked + label {background-color: #0060aa; color: #fff;}
#board .write_bx .agree_bx {font-size: 0;}
#board .write_bx .agree_bx .l_bx {display: inline-block; vertical-align: middle; margin-right: 60px; font-size: 20px; color: #111111;}
#board .write_bx .agree_bx .l_bx .btn {display: inline-block; line-height: 24px; border-bottom: 2px solid #111; color: #111111; font-weight: 700; cursor: pointer;}
#board .write_bx .agree_bx .l_bx span {color: #005ca2;}
#board .write_bx .agree_bx .r_bx {display: inline-block; vertical-align: middle;}
#board .write_bx .agree_bx .r_bx ul li {display: inline-block; margin-right: 20px; position: relative;}
#board .write_bx .agree_bx .r_bx ul li input {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1px solid #dedede; box-sizing: border-box; border-radius: 50%; position: absolute; left: 0; top: 0; margin: 0; padding: 0;}
#board .write_bx .agree_bx .r_bx ul li input:checked {border-color: #0076f7;}
#board .write_bx .agree_bx .r_bx ul li label {padding-left: 30px; display: inline-block; font-size: 18px; color: #333333; font-weight: 500; line-height: 20px; cursor: pointer;}
#board .write_bx .agree_bx .r_bx ul li label::before {content: ''; width: 12px; height: 12px; background-color: #0076f7; position: absolute; left: 4px; top: 4px; border-radius: 50%; opacity: 0;}
#board .write_bx .agree_bx .r_bx ul li input:checked + label::before {opacity: 1;}
#board .write_bx .agree_bx .r_bx ul li:last-child {margin-right: 0;}
#board .write_bx .agree_bx .popup_bx .pop_con {padding: 35px 40px 40px;}
#board .write_bx .agree_bx .popup_bx .ttl {font-size: 34px; color: #000000; font-weight: 700; text-align: center;}
#board .write_bx .agree_bx .popup_bx .txt_bx {border-top: 2px solid #111111; border-bottom: 1px solid #dddddd; margin-top: 35px; font-size: 16px; color: #444444; line-height: 24px; font-weight: 500; word-break: keep-all; padding: 26px 0 30px; overflow-y: auto; max-height: 400px; box-sizing: border-box;}
#board .write_bx .agree_bx .popup_bx .btm_btn {padding-top: 30px;}



/* 하단버튼 */
#board .btm_btn {font-size: 0; padding-top: 80px; text-align: center;}
#board .btm_btn a {display: inline-block; margin-right: 10px; border: 1px solid #dddddd; max-width: 260px; width: 100%; line-height: 68px; background-color: #111111; text-align: center; font-size: 18px; color: #ffffff; letter-spacing: -0.03em; font-weight: 700;}
#board .btm_btn a:last-child {margin-right: 0;}


/* PC */
@media all and (min-width:1025px){
    /* 리스트 상단 */
    #board .p_list_top .r_bx .tab_bx a {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    #board .p_list_top .r_bx .tab_bx a:hover {color: #333;}
    #board .p_list_top .l_bx .list_bx > li > a {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    #board .p_list_top .l_bx .list_bx > li > a:hover {color: #333;}
    
    
    
    /* 리스트 */
    #board .list01 li .con_bx::before {-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s;}
    #board .list01 li .con_bx:hover::before {opacity: 1;}
    #board .list01 li .con_bx::after {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
    #board .list01 li .con_bx:hover::after {background: url(../images/icon/link2.png) no-repeat center;}
    #board .list01 li .con_bx .subject {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .list01 li .con_bx:hover .subject {color: #002d6f; text-decoration: underline; text-underline-offset : 3px;}
    
    #board .list02 table tbody tr {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
    #board .list02 table tbody tr:hover {background-color: #fafafa;}
    #board .list02 table tbody td .down {-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;}
    #board .list02 table tbody tr:hover td .down {background: url(../images/icon/download2.png) no-repeat center;}
    
    #board .list03 ul li a .img_bx div {-webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s;}
    #board .list03 ul li a:hover .img_bx div {transform: scale(1.1);}
    #board .list03 ul li a .txt_bx .subject {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    #board .list03 ul li a:hover .txt_bx .subject {color: #002d6f; text-decoration: underline; text-underline-offset : 3px;}
    
    #board .list04 ul li a .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 ul li a .txt_bx .subject {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    #board .list04 ul li a:hover .txt_bx .subject {color: #002d6f; text-decoration: underline; text-underline-offset : 3px;}
    
    #board .list05 ul li a .subject {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    #board .list05 ul li a:hover .subject {color: #002d6f; text-decoration: underline; text-underline-offset : 3px;}
    
    #board .list06 ul li a {-webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; transition: box-shadow 0.3s;}
    #board .list06 ul li a:hover {box-shadow: 0 10px 30px rgba(17,17,17,0.1);}
    
    
    
    /* 상세 */
    #board .p_view .r_bx .info_bx .tab_bx li {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    #board .p_view .r_bx .info_bx .tab_bx li:hover {color: #111111;}
    #board .p_view .r_bx .info_bx .tab_bx li span, #board .p_view .r_bx .info_bx .tab_bx li a {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
    #board .p_view .r_bx .info_bx .tab_bx li:hover span, #board .p_view .r_bx .info_bx .tab_bx li:hover a {color: #111111;}
    
    
    
    /* 하단버튼 */
    #board .btm_btn a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .btm_btn a:hover {background-color: #002d6f;}
    
}

@media all and (min-width:768px){
    #board .search02 {display: block!important;}
}

@media all and (max-width:1110px){
    #board .p_list_top .r_bx .tab_bx li {margin-right: 35px;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
    /* 리스트 상단 */
    #board .list_top {padding-right: 160px; min-height: 40px; margin-top: 0; margin-bottom: 10px;}
    #board .list_top .count {font-size: 12px;}
    #board .list_top .count strong {font-size: 16px;}
    #board .list_top .search01 {max-width: 160px;}
    #board .list_top .search01 input {font-size: 12px; height: 40px; padding: 0 45px 0 6px;}
    
    #board .list_top.type2 {margin-bottom: 20px; border-width: 1px; padding-bottom: 10px; padding-right: 60px;}
    #board .list_top.type2 .count {line-height: 21px;}
    #board .list_top.type2 .search_txt {font-size: 16px; line-height: 21px;}
    
    #board .search02 .s_con .s_w .on_txt {font-size: 12px; line-height: 45px; padding: 0 18px 0 15px;}
    #board .search02 .s_con .s_w .on_txt span::before {width: 11px; background-size: 11px auto;}
    #board .search02 .s_con .s_w .chk {padding: 0 15px;}
    #board .search02 .s_con .s_w .chk li {margin-bottom: 24px;}
    #board .search02 .s_con .s_w .chk li:first-child {margin-top: 21px;}
    #board .search02 .s_con .s_w .chk li:last-child {padding-bottom: 30px;}
    #board .search02 .s_con .s_w .chk li input {width: 16px; height: 16px; top: 0; background-size: 12px auto!important;}
    #board .search02 .s_con .s_w .chk li label {padding-left: 25px; font-size: 12px; line-height: 16px;}
    #board .search02 .s_con .s_w .date .date_w {height: 35px; text-align: right; padding: 0 10px 0 70px;}
    #board .search02 .s_con .s_w .date .date_w .l_txt {font-size: 12px; left: 15px;}
    #board .search02 .s_con .s_w .date .date_w input {height: 35px; font-size: 12px; max-width: 145px; width: 100%; padding: 0 22px 0 5px; background-size: 14px auto; background-position: right 4px center;}
    #board .search02 .s_btn {font-size: 12px; line-height: 45px;}
    #board .search02 .re_btn {padding-right: 29px; background-size: 12px auto; background-position: right 6px center; font-size: 12px; width: 95px; line-height: 25px; margin-top: 11px;}
    
    #board .p_list_top {height: 63px; margin-bottom: 7px;}
    #board .p_list_top .c_w {padding: 11px 0; height: 63px; border-width: 1px;}
    #board .p_list_top.on .c_w {top: 70px;}
    #board .p_list_top .l_bx {width: 300px;}
    #board .p_list_top .l_bx .on_txt {line-height: 41px; font-size: 20px; padding-right: 20px;}
    #board .p_list_top .l_bx .on_txt::before {width: 9px; background-size: 9px auto;}
    #board .p_list_top .l_bx .list_bx {padding: 0 15px; border-radius: 5px; top: 40px; width: 200px;}
    #board .p_list_top .l_bx .list_bx > li {margin-bottom: 5px;}
    #board .p_list_top .l_bx .list_bx > li:first-child {padding-top: 8px;}
    #board .p_list_top .l_bx .list_bx > li:last-child {padding-bottom: 8px;}
    #board .p_list_top .l_bx .list_bx > li > a {font-size: 12px; line-height: 25px;}
    #board .p_list_top .r_bx {width: calc(100% - 300px);}
    #board .p_list_top .r_bx .tab_bx li {margin-right: 20px;}
    #board .p_list_top .r_bx .tab_bx a {font-size: 12px; line-height: 41px;}
    
    
    
    /* 리스트 */
    #board .list01 li {width: calc(50% - 5px); margin-right: 10px; margin-top: 10px;}
    #board .list01 li .con_bx {padding: 12px 45px 11px 15px;}
    #board .list01 li .con_bx::after {right: 16px;}
    #board .list01 li .con_bx .subject {font-size: 16px; line-height: 21px;}
    #board .list01 li .con_bx .txt {margin-top: 4px; font-size: 12px; line-height: 17px;}
    #board .list01 li .con_bx .info {margin-top: 10px;}
    #board .list01 li .con_bx .info p {font-size: 12px; margin-right: 10px;}
    #board .list01 li .con_bx .info p::before {right: -5px; height: 8px; margin-top: -4px;}
    #board .list01.type2 li:nth-child(n) {margin-top: 10px;}
    #board .list01.type2 li .con_bx {padding-right: 15px;}
    
    #board .list02.tBar {border-width: 1px;}
    #board .list02 table thead th {font-size: 12px; padding: 13px 0;}
    #board .list02.tBar table thead tr:first-child th {padding-top: 13px;}
    #board .list02 table thead th.num {width: 41px;}
    #board .list02 table thead th.file {width: 72px;}
    #board .list02 table thead th.date {width: 76px;}
    #board .list02 table tbody td {font-size: 12px; line-height: 17px; padding: 11px 0; height: 50px;}
    #board .list02 table tbody td.subject {padding-left: 10px; padding-right: 10px;}
    #board .list02 table tbody td.subject p {font-size: 13px; line-height: 21px;}
    #board .list02.type2 table tbody td a {padding: 11px 0;}
    #board .list02.type2 table tbody td.subject a {padding-right: 10px; padding-left: 10px;}
    
    #board .list03 ul li {padding-bottom: 15px; margin-bottom: 15px;}
    #board .list03 ul li a {padding-left: 115px; min-height: 71px;}
    #board .list03 ul li a .img_bx {width: 100px; height: 71px;}
    #board .list03 ul li a .txt_bx .type {margin-bottom: 3px; font-size: 12px; line-height: 17px;}
    #board .list03 ul li a .txt_bx .subject {font-size: 16px; line-height: 21px;}
    #board .list03 ul li a .txt_bx .txt {margin-top: 4px; font-size: 12px; line-height: 17px;}
    #board .list03 ul li a .txt_bx .date {margin-top: 8px; font-size: 12px; line-height: 17px;}
    
    #board .list04 ul {border-width: 1px; padding-top: 15px;}
    #board .list04 ul li {width: calc(33.333% - 6.666px); margin-right: 10px; margin-top: 10px;}
    #board .list04 ul li a .txt_bx {padding: 12px 15px 10px;}
    #board .list04 ul li a .txt_bx .type {margin-bottom: 3px; font-size: 12px; line-height: 17px;}
    #board .list04 ul li a .txt_bx .subject {font-size: 16px; line-height: 21px;}
    #board .list04 ul li a .txt_bx .txt {margin-top: 9px; font-size: 12px; line-height: 17px; /*height: 34px;*/}
    #board .list04 ul li a .txt_bx .info {margin-top: 8px;}
    #board .list04 ul li a .txt_bx .info p {margin-bottom: 3px; font-size: 12px; line-height: 17px; min-height: 17px; padding-left: 55px;}
    #board .list04 ul li a .txt_bx .date {margin-top: 8px; font-size: 12px; line-height: 17px;}
    
    #board .list05 ul li a {padding: 12px 15px 15px;}
    #board .list05 ul li a .type {margin-bottom: 3px; font-size: 12px; line-height: 17px;}
    #board .list05 ul li a .subject {font-size: 16px; line-height: 21px;}
    #board .list05 ul li a .info {margin-top: 6px;}
    #board .list05 ul li a .info p {font-size: 12px; line-height: 17px; margin-right: 19px;}
    #board .list05 ul li a .info p::before {margin-top: -4px; height: 8px; right: -10px;}
    #board .list05 ul li a .info p.date {margin-right: 10px; padding: 0 10px; line-height: 25px; border-radius: 5px;}
    
    #board .list06 ul li {width: calc(33.333% - 6.666px); margin-right: 10px; margin-top: 10px;}
    #board .list06 ul li a .img_bx .like {width: 30px; height: 30px; right: 5px; bottom: 5px; background-size: 15px auto!important;}
    #board .list06 ul li a .txt_bx {padding: 7px 10px;}
    #board .list06 ul li a .txt_bx .name {font-size: 12px; line-height: 17px;}
    #board .list06 ul li a .txt_bx .info {margin-top: 5px;}
    #board .list06 ul li a .txt_bx .info p {font-size: 12px; line-height: 17px; margin-bottom: 5px; padding-left: 10px;}
    #board .list06 ul li a .txt_bx .info p::before {width: 2px; height: 2px; top: 5px;}

    #board .no_data {padding: 50px 0; font-size: 12px;}



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



    /* 상세 */
    #board .view01 .subject {padding-bottom: 15px;}
    #board .view01 .subject .type {margin-bottom: 9px; font-size: 12px; line-height: 17px;}
    #board .view01 .subject strong {font-size: 16px; line-height: 21px;}
    #board .view01 .subject ul {margin-top: 9px;}
    #board .view01 .subject ul li {font-size: 12px; line-height: 17px; margin-right: 10px;}
    #board .view01 .subject ul li::before {right: -5px; height: 8px; margin-top: -4px;}
    #board .view01 .subject ul li.date {line-height: 25px; padding: 0 10px; border-radius: 5px; margin-right: 10px;}
    #board .view01 .con {padding: 20px 0 0;}
    #board .view01 .con .con_w {padding: 28px 0 25px;}
    #board .view01 .con .con_w .ttl {font-size: 16px; padding-left: 14px; margin-bottom: 15px;}
    #board .view01 .con .con_w .ttl::before {width: 7px; height: 7px; top: 5px;}
    #board .view01 .con .con_w .list_st1 li {font-size: 12px; line-height: 14px; text-indent: -7px; padding-left: 7px;}
    #board .view01 .con .con_w .list_st2 p { text-indent: -7px; padding-left: 7px;}
    #board .view01 .con .con_w .process {margin: 12px auto 10px;}
    #board .view01 .con .con_w .process > div {font-size: 12px; height: 40px; border-width: 2px; width: calc(25% - 20.25px); margin-right: 27px}
    #board .view01 .con .con_w .process > div span > span {font-size: 8px;}
    #board .view01 .con .con_w .process > div::before {width: 7px; background-size: 7px auto; right: -20px;}
    
    #board .p_view .l_bx .img_bx .img_slide {margin-top: 20px; padding: 0 30px;}
    #board .p_view .l_bx .img_bx .img_slide .slick-slide {padding: 0 5px;}
    #board .p_view .l_bx .img_bx .img_slide .slick-arrow {background-size: 10px auto;}
    #board .p_view .l_bx .img_bx .img_slide .slick-prev {left: -30px;}
    #board .p_view .l_bx .img_bx .img_slide .slick-next {right: -30px;}
    #board .p_view .l_bx .syst_bx {margin-top: 50px; padding: 18px 15px;}
    #board .p_view .l_bx .syst_bx .ttl {font-size: 16px; line-height: 21px; margin-bottom: 12px;}
    #board .p_view .l_bx .syst_bx .list_bx li {width: calc(33.333% - 6.666px); margin-right: 10px; margin-top: 15px;}
    #board .p_view .l_bx .syst_bx .list_bx .txt {font-size: 12px; line-height: 17px; margin-top: 5px;}
    #board .p_view .r_bx .p_name {font-size: 30px; line-height: 40px;}
    #board .p_view .r_bx .c_bx {margin-top: 43px;}
    #board .p_view .r_bx .c_bx .ttl {font-size: 16px; padding-bottom: 11px; border-width: 1px;}
    #board .p_view .r_bx .c_bx ul {margin-top: 20px;}
    #board .p_view .r_bx .c_bx ul li {background-size: 40px auto!important; padding-left: 53px; width: calc(50% - 10px); margin-right: 10px; margin-top: 20px; min-height: 33px;}
    #board .p_view .r_bx .c_bx ul li img {width: 40px;}
    #board .p_view .r_bx .c_bx ul li p {font-size: 12px; line-height: 17px;}
    #board .p_view .r_bx .info_bx {margin-top: 50px;}
    #board .p_view .r_bx .info_bx .tab_bx li {font-size: 12px;}
    #board .p_view .r_bx .info_bx .tab_bx li span, #board .p_view .r_bx .info_bx .tab_bx li a {height: 39px;}
    #board .p_view .r_bx .info_bx .tab_bx li::before {height: 10px; margin-top: -5px;}
    #board .p_view .r_bx .info_bx .tab_bx li.on::before {height: 1px;}
    #board .p_view .r_bx .info_bx .tab_con {margin-top: 28px;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx .c_ttl {font-size: 16px; padding-bottom: 11px; border-width: 1px;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li {width: calc(50% - 10px); margin-right: 20px; padding-top: 20px; margin-top: 18px;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li img {/*max-width: 40px; width: 100%;*/ width: 54px; height: 54px; margin-left: 0;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li strong {font-size: 16px; line-height: 21px; margin-top: 10px;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li p {font-size: 12px; line-height: 17px; margin-top: 5px;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx.con2 table tbody th {font-size: 12px; padding: 13px 10px; height: 40px; width: 120px;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx.con2 table tbody td {font-size: 12px; padding: 13px 0; height: 40px;}
    
    
    
    /* 작성 */
    #board .write_bx .f_bx .f_inner {padding-bottom: 15px; margin-bottom: 15px;}
    #board .write_bx .f_bx .f_inner .f_w {width: calc(50% - 5px); margin-right: 10px; margin-top: 10px;}
    #board .write_bx .f_bx .f_inner .f_w input[type=text], #board .write_bx .f_bx .f_inner .f_w input[type=password], #board .write_bx .f_bx .f_inner .f_w input[type=tel], #board .write_bx .f_bx .f_inner .f_w input[type=email] {height: 45px; padding: 0 15px; font-size: 12px;}
    #board .write_bx .f_bx .f_inner .f_w select {height: 45px; padding: 0 35px 0 15px; font-size: 12px; background-size: 7px auto; background-position: right 20px center;}
    #board .write_bx .f_bx .f_inner .f_w textarea {height: 100px; padding: 12px 15px; font-size: 12px; line-height: 17px;}
    #board .write_bx .f_bx .f_inner .f_w .spam_bx {padding: 5px 0 5px 5px;}
    #board .write_bx .f_bx .f_inner .f_w .spam_bx .spam_num {margin-right: 10px;}
    #board .write_bx .f_bx .f_inner .f_w .spam_bx .spam_num .c_w {border-radius: 5px; max-width: 100px;}
    #board .write_bx .f_bx .f_inner .f_w .spam_bx .spam_num .c_w .r_bx input[type=text] {height: 35px;}
    #board .write_bx .f_bx .f_inner .f_w .spam_bx .r_txt {font-size: 12px; line-height: 17px;}
    #board .write_bx .radio01 {margin-bottom: 30px;}
    #board .write_bx .radio01 li input[type=radio] + label {font-size: 12px; height: 43px;}
    #board .write_bx .agree_bx .l_bx {font-size: 12px; margin-right: 15px;}
    #board .write_bx .agree_bx .l_bx .btn {line-height: 15px; border-width: 1px;}
    #board .write_bx .agree_bx .r_bx ul li {margin-right: 15px;}
    #board .write_bx .agree_bx .r_bx ul li input {width: 10px; height: 10px; top: 2px;}
    #board .write_bx .agree_bx .r_bx ul li label {font-size: 12px; padding-left: 15px; line-height: 17px;}
    #board .write_bx .agree_bx .r_bx ul li label::before {width: 6px; height: 6px; left: 2px; top: 4px;}
    
    #board .write_bx .agree_bx .popup_bx .pop_con {padding: 17px 15px 20px;}
    #board .write_bx .agree_bx .popup_bx .ttl {font-size: 16px;}
    #board .write_bx .agree_bx .popup_bx .txt_bx {font-size: 12px; line-height: 17px; padding: 9px 0; margin-top: 17px; border-width: 1px; max-height: 310px;}
    #board .write_bx .agree_bx .popup_bx .btm_btn {padding-top: 20px;}



    /* 하단버튼 */
    #board .btm_btn {padding-top: 30px;}
    #board .btm_btn a {max-width: 130px; line-height: 45px; font-size: 12px;}
}

/* 모바일 */
@media all and (max-width:768px){
    /* 리스트 상단 */
    #board .d_search_btn {display: block; padding: 0 15px; height: 45px; display:flex; justify-content:left; align-items:center; table-layout:fixed; background-color: #000000; cursor: pointer; font-size: 12px; color: #ffffff; letter-spacing: -0.05em; font-weight: 700;}
    #board .d_search_btn span {display: block; position: relative; width: 100%;}
    #board .d_search_btn span::before {content: ''; width: 17px; height: 16px; background: url(../images/icon/d_search_btn.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -8px;}
    #board .search02 {box-shadow: 0 10px 30px rgba(0,0,0,0.1); position: absolute; width: 100%; top: 45px; left: 0; background-color: #fff; z-index: 2; padding: 20px 15px 19px; box-sizing: border-box; border: 1px solid #dddddd; display: none; overflow-y: auto; max-height: 450px;}
    
    #board .p_list_top {height: 106px; margin-bottom: 20px;}
    #board .p_list_top .c_w {height: 106px; padding: 11px 0 0;}
    #board .p_list_top .l_bx {width: 100%; border-bottom: 1px solid #111111; padding-bottom: 11px;}
    #board .p_list_top .l_bx .list_bx {top: 54px; width: 100%;}
    #board .p_list_top .l_bx .count {display: inline-block; float: right; line-height: 41px; font-size: 12px; color: #444444; letter-spacing: -0.05em;}
    #board .p_list_top .l_bx .count strong {font-size: 14px; color: #000000; font-weight: 700}
    #board .p_list_top .r_bx {width: 100%;}
    #board .p_list_top .r_bx .tab_bx {display: table; width: 100%;}
    #board .p_list_top .r_bx .tab_bx li {display: table-cell; margin-right: 0; text-align: center;}
    #board .p_list_top .r_bx .tab_bx a {line-height: 40px;}
    
    
    
    /* 리스트 */
    #board .list01 li:nth-child(n) {width: 100%; margin-right: 0; margin-top: 10px;}
    #board .list01 li:first-child {margin-top: 0;}
    #board .list01 li .con_bx .subject {-webkit-line-clamp: 2;}
    
    #board .list02 table tbody td.subject {padding-left: 0; padding-right: 0;}
    #board .list02 table thead th.date {display: none;}
    #board .list02 table tbody td.date {display: none;}
    
    #board .list03 ul li a .txt_bx .subject {-webkit-line-clamp: 2;}
    
    #board .list04 ul li:nth-child(n) {width: 100%; margin-right: 0; margin-top: 10px;}
    #board .list04 ul li:first-child {margin-top: 0;}
    #board .list04 ul li a .txt_bx .txt {height: auto;}
    
    #board .list05 ul li a .subject {-webkit-line-clamp:2;}
    
    #board .list06 ul li a .txt_bx .info {display: none;}
    
    
    
    /* 상세 */
    #board .view01 .con .con_w .process {max-width: 130px;}
    #board .view01 .con .con_w .process > div:nth-child(n) {width: 100%; margin-right: 0; margin-bottom: 27px;}
    #board .view01 .con .con_w .process > div:last-child {margin-bottom: 0;}
    #board .view01 .con .con_w .process > div::before {right: auto; left: 50%; margin-left: -3px; transform: rotate(90deg); margin-top: 0; top: auto; bottom: -26px;}
    
    #board .p_view .l_bx {width: 100%; padding-right: 0;}
    #board .p_view .l_bx .l_w {max-width: 100%;}
    #board .p_view .l_bx .p_name {display: block; font-size: 30px; color: #111111; font-weight: 700; line-height: 40px; margin-bottom: 17px;}
    #board .p_view .l_bx .img_bx {position: relative;}
    #board .p_view .l_bx .img_bx .img_w {padding-bottom: 0; position: absolute; bottom: 20px; right: 20px;}
    #board .p_view .l_bx .img_bx .img_w .img {display: none;}
    #board .p_view .l_bx .img_bx .img_w .like {position: relative; bottom: auto; right: auto; width: 50px; height: 50px; background-size: 24px auto!important;}
    #board .p_view .l_bx .img_bx .img_slide {margin-top: 0; padding: 0;}
    #board .p_view .l_bx .img_bx .img_slide .slick-slide {padding: 0;}
    #board .p_view .l_bx .img_bx .img_slide .slick-arrow {display: none!important;}
    #board .p_view .l_bx .img_bx .img_slide .con {border: none;}
    #board .p_view .l_bx .img_bx .img_slide .con.on::before {display: none;}
    #board .p_view .l_bx .s_prgress {display: block; max-width: 250px; width: 100%; height: 3px; margin: 20px auto 0; border-radius: 3px; background-color: #dddddd; overflow: hidden; position: relative;}
    #board .p_view .l_bx .s_prgress span {position: absolute; width: 0; height: 100%; background-color: #111111; border-radius: 3px; left: 0; top: 0; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s;}
    /*#board .p_view .l_bx .syst_bx .list_bx li:nth-child(n) {width: calc(50% - 7.5px); margin-right: 15px; margin-top: 15px;}
    #board .p_view .l_bx .syst_bx .list_bx li:nth-child(2n) {margin-right: 0;}
    #board .p_view .l_bx .syst_bx .list_bx li:nth-child(-n+2) {margin-top: 0;}*/
    #board .p_view .r_bx {width: 100%;}
    #board .p_view .r_bx .p_name {display: none;}
    /*#board .p_view .r_bx .c_bx ul {margin-top: 15px;}
    #board .p_view .r_bx .c_bx ul li:nth-child(n) {width: 100%; margin-right: 0; margin-top: 15px;}
    #board .p_view .r_bx .c_bx ul li:first-child {margin-top: 0;}*/
    #board .p_view .r_bx .c_bx ul li:nth-child(n) {background-size: 45px auto!important; margin-right: 0; width: 33.3333%; padding: 0 0 38px; background-position: center!important; font-size: 0; min-height: auto; margin-top: 15px;}
    #board .p_view .r_bx .c_bx ul li:nth-child(-n+4) {margin-top: 0;}
    #board .p_view .r_bx .c_bx ul li img {width: 45px; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
    #board .p_view .r_bx .c_bx ul li p {display: none;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li:nth-child(n) {position: relative; padding: 19px 0 0 75px; width: 100%; margin-right: 0; border-top: 1px solid #dddddd; min-height: 59px; margin-top: 17px;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li:first-child {border-top: none; margin-top: 0;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li img {position: absolute; left: 20px; top: 20px; /*max-width: 37px;*/ width: 37px; height: 37px;}
    #board .p_view .r_bx .info_bx .tab_con .tc_bx.con1 ul li strong {margin-top: 0;}
    
    
    
	/* 작성 */
    #board .write_bx .f_bx .f_inner .f_w:nth-child(n) {width: 100%; margin-right: 0;}
    #board .write_bx .f_bx .f_inner .f_w.mN {display: none;}
}