@charset "utf-8";

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



/* 리스트 상단 */
#board .list_top {margin-bottom: 40px; position: relative; padding-right: 320px; min-height: 50px; box-sizing: border-box;}
#board .list_top .count {font-size: 16px; color: #444444; letter-spacing: -0.05em; min-height: 50px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .list_top .count div {width: 100%;}
#board .list_top .count div strong {font-size: 20px; color: #000000; font-weight: 700;}
#board .list_top .type {font-size: 0; margin-bottom: -10px;}
#board .list_top .type li {display: inline-block; margin-right: 10px; margin-bottom: 10px;}
#board .list_top .type li:last-child {margin-right: 0;}
#board .list_top .type li a {display:flex; justify-content:center; align-items:center; table-layout:fixed; padding: 0 36px; height: 50px; font-size: 16px; color: #aaaaaa; font-weight: 500; letter-spacing: -0.02em; background-color: #f6f6f6; border: 1px solid #f6f6f6; box-sizing: border-box; border-radius: 25px;}
#board .list_top .type li a.on {color: #fff!important; background-color: #0b2a86!important; border-color: #0b2a86!important;}
#board .list_top .type li input {appearance: none; -webkit-appearance: none; -moz-appearance: none;}
#board .list_top .type li input+label {display:flex; justify-content:center; align-items:center; table-layout:fixed; padding: 0 36px; height: 50px; font-size: 16px; color: #aaaaaa; font-weight: 500; letter-spacing: -0.02em; background-color: #f6f6f6; border: 1px solid #f6f6f6; box-sizing: border-box; border-radius: 25px; cursor: pointer;}
#board .list_top .type li input:checked+label {color: #fff!important; background-color: #0b2a86!important; border-color: #0b2a86!important;}
#board .list_top .search_bx {width: 300px; position: absolute; right: 0; top: 0; box-sizing: border-box; padding-right: 44px;}
#board .list_top .search_bx input {width: 100%; padding: 0 0 0 10px; box-sizing: border-box; height: 50px; font-size: 16px; color: #444; letter-spacing: -0.02em; word-break: keep-all; border: none; outline: none;}
#board .list_top .search_bx input::placeholder {color: #cccccc;}
#board .list_top .search_bx .btn {width: 44px; height: 50px; font-size: 0; background: url(../images/icon/search.png) no-repeat center; position: absolute; right: 0; top: 0;}



/* 리스트 */
#board .list01 {border-top: 1px solid #202020; border-bottom: 1px solid #dddddd; padding: 40px 0 57px;}
#board .list01 ul {display: flex; flex-flow: wrap;}
#board .list01 ul li {width: calc(33.333% - 26.666px); margin-right: 40px; margin-top: 57px; box-sizing: border-box;}
#board .list01 ul li:nth-child(3n) {margin-right: 0;}
#board .list01 ul li:nth-child(-n+3) {margin-top: 0;}
#board .list01 .img_bx {position: relative; overflow: hidden; border: 1px solid #eeeeee; border-radius: 10px; padding-bottom: 62.275%;}
#board .list01 .img_bx div {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center;}
#board .list01 .txt_bx {margin-top: 25px;}
#board .list01 .txt_bx .txt1 {font-size: 18px; color: #044bd9; font-weight: 500; letter-spacing: -0.02em;}
#board .list01 .txt_bx .txt2 {font-size: 28px; color: #111111; line-height: 38px; font-weight: 600; letter-spacing: -0.02em; word-break: keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; height: 76px; margin-top: 8px;}
#board .list01 .txt_bx .txt3 {font-size: 18px; color: #666666; line-height: 28px; letter-spacing: -0.02em; word-break: keep-all; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; height: 84px; margin-top: 15px;}
#board .list01 .txt_bx .txt4 {font-size: 16px; color: #aaaaaa; font-weight: 500; letter-spacing: -0.02em; margin-top: 22px;}

#board .list02 {border-top: 1px solid #202020; border-bottom: 1px solid #eeeeee;}
#board .list02 ul li {border-bottom: 1px solid #eeeeee;}
#board .list02 ul li:last-child {border-bottom: none;}
#board .list02 ul li .txt_bx {position: relative;}
#board .list02 ul li .q_bx {padding: 0 65px 0 90px; min-height: 120px; box-sizing: border-box; cursor: pointer;}
#board .list02 ul li .q_bx::before {content: ''; width: 20px; height: 12px; background: url(../images/icon/arrow2.png) no-repeat center; position: absolute; right: 32px; top: 50%; margin-top: -6px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#board .list02 ul li.on .q_bx::before {background: url(../images/icon/arrow3.png) no-repeat center; transform: rotate(180deg);}
#board .list02 ul li .a_bx {padding: 0 30px 0 90px; border-top: 1px solid #eeeeee; display: none;}
#board .list02 ul li .l_txt {position: absolute; left: 30px; top: 40px; width: 40px; line-height: 40px; border-radius: 50%; font-family: "Poppins", sans-serif; font-size: 20px; color: #ffffff; font-weight: 700; text-align: center; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
#board .list02 ul li .q_bx .l_txt {background-color: #111111;}
#board .list02 ul li.on .q_bx .l_txt {background-color: #044bd9;}
#board .list02 ul li .a_bx .l_txt {background-color: #cccccc;}
#board .list02 ul li .q_bx .txt_w {padding: 44px 0; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width: 80%; font-size: 22px; color: #111111; font-weight: 600; letter-spacing: -0.02em; word-break: keep-all; line-height: 32px;}
#board .list02 ul li .q_bx .txt_w strong {font-size: 22px; color: #111111; font-weight: 600; letter-spacing: -0.02em; word-break: keep-all; line-height: 32px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
#board .list02 ul li.on .q_bx .txt_w {overflow: unset; text-overflow:unset; white-space:unset; word-wrap:unset; width: 100%;}
#board .list02 ul li.on .q_bx .txt_w strong {color: #044bd9;}
#board .list02 ul li .a_bx .txt_w {padding: 45px 0; font-size: 18px; color: #666666; line-height: 26px; letter-spacing: -0.02em; word-break: keep-all; box-sizing: border-box; min-height: 116px;}
#board .list02 ul li .a_bx .txt_w img {max-width: 100%;}
#board .list02 ul li .a_bx .txt_w table {max-width: 100%;}

#board .list03 {border-top: 1px solid #202020; border-bottom: 1px solid #eeeeee;}
#board .list03 ul li {border-bottom: 1px solid #eeeeee;}
#board .list03 ul li:last-child {border-bottom: none;}
#board .list03 ul li .list_w {display: block; position: relative; padding: 0 380px 0 100px; height: 100px; display:flex; justify-content:left; align-items:center; table-layout:fixed;}
#board .list03 ul li .list_w::before {content: ''; width: 14px; height: 18px; background: url(../images/icon/arrow4.png) no-repeat center; position: absolute; right: 24px; top: 50%; margin-top: -8px;}
#board .list03 ul li .list_w .num {position: absolute; width: 100px; left: 0; top: 0; height: 100%; display:flex; justify-content:center; align-items:center; table-layout:fixed; text-align: center; font-size: 16px; color: #666666;}
#board .list03 ul li .list_w .num.on {font-size: 0;}
#board .list03 ul li .list_w .num.on::before {content: '공지'; font-size: 0; background: url(../images/icon/notice.png) no-repeat center #044bd9; width: 40px; height: 40px; border-radius: 50%; display: inline-block;}
#board .list03 ul li .list_w .sbjact {font-size: 22px; color: #222222; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box; width: 90%;}
#board .list03 ul li .list_w .info {position: absolute; right: 90px; top: 50%; transform:translate(0%, -50%); -webkit-transform:translate(0%, -50%); font-size: 0;}
#board .list03 ul li .list_w .info p {display: inline-block; margin-right: 30px; font-size: 16px; color: #aaaaaa; padding-left: 33px;}
#board .list03 ul li .list_w .info p:last-child {margin-right: 0;}
#board .list03 ul li .list_w .info p.date {background: url(../images/icon/date.png) no-repeat left center}
#board .list03 ul li .list_w .info p.count {background: url(../images/icon/count.png) no-repeat left center}

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



/* 상세 */
#board .view01 .subject {border-bottom: 1px solid #202020; padding-bottom: 58px;}
#board .view01 .subject strong {display: block; font-family: "Poppins", sans-serif; font-size: 38px; color: #202020; line-height: 50px; font-weight: 700; word-break: keep-all;}
#board .view01 .subject ul {font-size: 0; margin-top: 12px;}
#board .view01 .subject ul li {font-family: "Poppins", sans-serif; font-size: 18px; color: #aaaaaa; display: inline-block; vertical-align: middle; position: relative; margin-right: 41px;}
#board .view01 .subject ul li:last-child {margin-right: 0;}
#board .view01 .subject ul li::before {content: ''; width: 1px; height: 14px; background-color: #aaaaaa; position: absolute; top: 50%; margin-top: -7px; right: -20px;}
#board .view01 .subject ul li:last-child::before {display: none;}
#board .view01 .con {padding: 60px 0;}
#board .view01 .con img {max-width: 100%;}
#board .view01 .con table {max-width: 100%;}
#board .view01 .file {margin-bottom: 40px; background-color: #fafafa; position: relative; padding: 32px 30px 32px 160px; min-height: 90px; box-sizing: border-box;}
#board .view01 .file .l_txt {position: absolute; left: 30px; line-height: 90px; font-size: 18px; color: #111111; font-weight: 700; top: 0;}
#board .view01 .file ul {font-size: 0;}
#board .view01 .file ul li {margin-right: 30px; display: inline-block;}
#board .view01 .file ul li:last-child {margin-right: 0;}
#board .view01 .file ul li a {display: inline-block; font-size: 18px; color: #333333; line-height: 25px;}
#board .view01 .file ul li a::after {content: ','; font-size: 18px; color: #333333;}
#board .view01 .file ul li:last-child a::after {display: none;}
#board .view01 .page {border-top: 1px solid #111111; border-bottom: 1px solid #111111;}
#board .view01 .page > div {display:flex; justify-content:left; align-items:center; table-layout:fixed; position: relative; height: 80px; box-sizing: border-box; padding: 0 30px 0 162px;}
#board .view01 .page > .prev {border-bottom: 1px solid #eeeeee;}
#board .view01 .page .l_txt {position: absolute; left: 30px; line-height: 80px; padding-right: 50px; font-size: 19px; color: #111111; font-weight: 700;}
#board .view01 .page .l_txt::before {content: ''; width: 16px; height: 10px; background: url(../images/icon/view_page.png) no-repeat center; position: absolute; right: 0; top: 50%; margin-top: -5px;}
#board .view01 .page .next .l_txt::before {transform: rotate(180deg);}
#board .view01 .page .sb {font-size: 18px; color: #666666; word-break: keep-all; max-width: 80%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
#board .view01 .page .sb a {font-size: 18px; color: #666666; word-break: keep-all;}



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



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


/* PC */
@media all and (min-width:1025px){
    /* 리스트 상단 */
    #board .list_top .type li a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .list_top .type li a:hover {color: #0b2a86; border-color: #0b2a86; background-color: #fff;}
    #board .list_top .type li input+label {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .list_top .type li input+label:hover {color: #0b2a86; border-color: #0b2a86; background-color: #fff;}



    /* 리스트 */
    #board .list01 .img_bx div {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .list01 ul li a:hover .img_bx div {transform: scale(1.1);}
    #board .list01 ul li a:hover .txt_bx .txt2 {text-decoration: underline;}
    
    #board .list02 ul li .q_bx:hover .txt_w strong {text-decoration: underline;}
    
    #board .list03 ul li .list_w::before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
    #board .list03 ul li .list_w:hover::before {background: url(../images/icon/arrow5.png) no-repeat center; transform: translate(10px, 0);}
    #board .list03 ul li .list_w:hover .sbjact strong {text-decoration: underline;}
    
    
    
    /* 상세 */
    #board .view01 .file ul li a:hover {text-decoration: underline;}
    #board .view01 .page .sb a:hover {text-decoration: underline;}
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
    /* 리스트 상단 */
    #board .list_top {min-height: 35px; padding-right: 230px; margin-bottom: 15px;}
    #board .list_top .type {margin-bottom: -5px;}
    #board .list_top .type li {margin-right: 5px; margin-bottom: 5px;}
    #board .list_top .type li input+label {font-size: 12px; height: 35px; padding: 0 15px;}
    #board .list_top .search_bx {padding-right: 35px; width: 220px;}
    #board .list_top .search_bx input {height: 35px; font-size: 14px;}
    #board .list_top .search_bx .btn {height: 35px; width: 35px;}
    
    
    
    /* 리스트 */
    #board .list01 {padding: 20px 0 25px;}
    #board .list01 ul li {width: calc(33.333% - 13.333px); margin-right: 20px; margin-top: 30px;}
    #board .list01 .img_bx {border-radius: 5px;}
    #board .list01 .txt_bx {margin-top: 13px;}
    #board .list01 .txt_bx .txt1 {font-size: 12px;}
    #board .list01 .txt_bx .txt2 {font-size: 14px; line-height: 20px; height: 40px; margin-top: 4px;}
    #board .list01 .txt_bx .txt3 {font-size: 13px; line-height: 20px; height: 60px; margin-top: 7px;}
    #board .list01 .txt_bx .txt4 {font-size: 12px; margin-top: 11px;}
    
    #board .list02 ul li .q_bx {padding: 0 35px 0 45px; min-height: 70px;}
    #board .list02 ul li .q_bx::before {width: 15px; background-size: 15px auto!important; right: 10px;}
    #board .list02 ul li .a_bx {padding: 0 10px 0 45px;}
    #board .list02 ul li .l_txt {font-size: 12px; width: 25px; line-height: 25px; left: 10px; top: 23px;}
    #board .list02 ul li .q_bx .txt_w {font-size: 15px; line-height: 20px; padding: 25px 0;}
    #board .list02 ul li .q_bx .txt_w strong {font-size: 15px; line-height: 20px;}
    #board .list02 ul li .a_bx .txt_w {font-size: 14px; line-height: 20px; padding: 26px 0; min-height: 72px;}
    
    #board .no_data {font-size: 14px; line-height: 20px; padding: 50px 0;}



    /* 상세 */
    #board .view01 .subject {padding-bottom: 25px;}
    #board .view01 .subject strong {font-size: 15px; line-height: 20px;}
    #board .view01 .subject ul {margin-top: 10px;}
    #board .view01 .subject ul li {font-size: 13px; margin-right: 30px;}
    #board .view01 .subject ul li::before {height: 10px; margin-top: -5px; right: -14px;}
    #board .view01 .con {padding: 25px 0;}
    #board .view01 .file {margin-bottom: 25px; padding: 21px 15px 20px 110px; min-height: 67px;}
    #board .view01 .file .l_txt {font-size: 14px; left: 15px; line-height: 67px;}
    #board .view01 .file ul li {margin-right: 15px;}
    #board .view01 .file ul li a {font-size: 14px;}
    #board .view01 .page > div {padding: 0 15px 0 105px; height: 60px;}
    #board .view01 .page .l_txt {font-size: 14px; left: 15px; padding-right: 30px; line-height: 60px;}
    #board .view01 .page .l_txt::before {width: 12px; background-size: 12px auto;}
    #board .view01 .page .sb {font-size: 14px;}
    #board .view01 .page .sb a {font-size: 14px;}



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



    /* 페이징 */
    #board .btm_btn {padding-top: 30px;}
    #board .btm_btn a {font-size: 15px; max-width: 160px; width: 100%; line-height: 50px;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* 리스트 상단 */
    #board .list_top {padding-right: 0;}
    #board .list_top .type {margin-bottom: 5px; text-align: center;}
    #board .list_top .type li:nth-child(n) {margin: 0 2px 5px;}
    #board .list_top .type li input+label {padding: 0 11px; height: 30px;}
    #board .list_top .search_bx {width: 100%; position: relative; right: auto; top: auto;}
    
    
    
    /* 리스트 */
    #board .list01 ul li:nth-child(n) {width: 100%; margin-right: 0; margin-top: 30px;}
    #board .list01 ul li:first-child {margin-top: 0;}
    #board .list01 .txt_bx .txt2 {height: auto; -webkit-line-clamp:1;}
    #board .list01 .txt_bx .txt3 {height: auto; -webkit-line-clamp:2;}
    
    #board .list02 ul li .q_bx {padding-right: 10px;}
    #board .list02 ul li .q_bx::before {display: none;}
    #board .list02 ul li .q_bx .txt_w {width: 100%; overflow: unset; text-overflow:unset; white-space:unset; word-wrap:unset;}
    #board .list02 ul li .q_bx .txt_w strong {-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
    #board .list02 ul li.on .q_bx .txt_w strong {-webkit-line-clamp:unset; -webkit-box-orient:unset; overflow:hidden; text-overflow:unset; display:block;}



    /* 상세 */
    #board .view01 .file ul li {display: block; margin-right: 0; margin-bottom: 5px;}
    #board .view01 .file ul li:last-child {margin-bottom: 0;}
    #board .view01 .file ul li a::after {display: none;}
    #board .view01 .page .sb {max-width: 100%;}
}