@charset "utf-8";

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



/* 검색 */
.search_box {background-color: #f9f9f9; border: 1px solid #dddddd; box-sizing: border-box; padding: 60px 20px; margin-bottom: 60px;}
.search_box .s_wrap {position: relative; padding: 0 0 0 170px; box-sizing: border-box; max-width: 570px; margin: 0 auto; height: 60px;}
.search_box .s_wrap select {position: absolute; width: 160px; height: 60px; border: 1px solid #dddddd; box-sizing: border-box; left: 0px; top: 0px; outline: none; font-size: 15px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; padding: 0 40px 0 20px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/icon/arrow3.png) no-repeat right 20px center #fff;}
.search_box .s_wrap input {width: 100%; height: 60px; border: 1px solid #dddddd; box-sizing: border-box; background-color: #fff; outline: none; padding: 0 60px 0 20px; font-size: 15px; color: #666666; letter-spacing: -0.05em; word-break: keep-all;}
.search_box .s_wrap .btn {font-size: 0px; position: absolute; width: 60px; height: 60px; background: url(../images/icon/search.png) no-repeat center; right: 0px; top: 0px;}


/* 테이블 */
.tb_st1 table {table-layout: fixed; width: 100%; border-top: 1px solid #666666;}
.tb_st1 table tr {border-bottom: 1px solid #dddddd;}
.tb_st1 table th {text-align: center; background-color: #f9f9f9; font-size: 18px; color: #111111; font-weight: 400; letter-spacing: -0.05em; word-break: keep-all; height: 80px;}
.tb_st1 table td {text-align: center; font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; height: 80px; padding: 5px; box-sizing: border-box;}
.tb_st1 table .w120 {width: 120px;}
.tb_st1 table .w160 {width: 160px;}
.tb_st1 table .fs_2 td {font-family: 'Montserrat', sans-serif; letter-spacing: 0;}
.tb_st1 table .on .num {font-size: 0px;}
.tb_st1 table .on .num::before {content: '공지'; font-size: 16px; color: #234682; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif;}
.tb_st1 table td.subject {text-align: left;}
.tb_st1 table td.subject div {overflow: hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; box-sizing: border-box; display: inline-block; max-width: 100%;}
.tb_st1 table td.subject.on div {position: relative;padding-right: 39px;}
.tb_st1 table td.subject.on div::before {content: ''; width: 28px; height: 28px; background: url(../images/icon/download.png) no-repeat center; position: absolute; right: 0px; top: 0px;}
.tb_st1 table td.subject div a {font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; font-family: 'Noto Sans KR', sans-serif; line-height: 28px;}
.tb_st1 table .l_t td > span{display: none;}
.tb_st1 table .no_data td {font-family: 'Noto Sans KR', sans-serif; padding: 100px 0; text-align: center; color: #d4d4d4; letter-spacing: -0.05em;}

.tb_st2 table {width: 100%; table-layout: fixed; border-top: 1px solid #666666;}
.tb_st2 table th {background-color: #f9f9f9; border-bottom: 1px solid #dddddd; height: 80px; font-size: 18px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; font-weight: 400; /*width: 180px;*/ padding: 10px 5px; box-sizing: border-box; line-height: 26px;}
.tb_st2 table.type2 th {width: 400px; padding: 10px 20px; text-align: left;}
.tb_st2 table th span {font-size: 14px; color: #666666; display: inline-block;}
.tb_st2 table td {border-bottom: 1px solid #dddddd; font-size: 16px; color: #666666; letter-spacing: -0.05em; word-break: keep-all; padding: 10px 30px; box-sizing: border-box;}
.tb_st2 table td a {color: #666;}
.tb_st2 table td a:hover {text-decoration: underline;}


/* 리스트 */
#board .list1 {display: flex; flex-flow: wrap; margin-bottom: -56px;}
#board .list1 li {width: calc(25% - 18px); margin-right: 24px; box-sizing: border-box; margin-bottom: 56px;}
#board .list1 li:nth-child(4n) {margin-right: 0;}
#board .list1 li a {display: block;}
#board .list1 .img_box {position: relative; padding-bottom: 100%; overflow: hidden;}
#board .list1 .img_box div {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important;}
#board .list1 .txt_box {padding-top: 15px;}
#board .list1 .txt_box strong {display: block; font-size: 20px; line-height: 36px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; height: 72px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipss; display:-webkit-box;}
#board .list1 .txt_box p {font-family: 'Montserrat', sans-serif; font-size: 16px; color: #666666; margin-top: 21px;}
#board .list1 .no_data {margin-right: 0!important; width: 100%!important; padding: 100px 0; font-size: 16px; color: #d4d4d4; letter-spacing: -0.05em; text-align: center;}


/* 페이징 */
#board .page_box {text-align: center; font-size: 0px; padding-top: 80px; position: relative;}
#board .page_box a {display: inline-block; width: 40px; height: 40px; line-height: 40px; border: 1px solid #e2e3e2; vertical-align: middle;}
#board .page_box .num {font-family: 'Montserrat', sans-serif; font-size: 14px; color: #999999; margin: 0 2px;}
#board .page_box .num.on {color: #fff; background-color: #1f3a90; border-color: #1f3a90;}
#board .page_box .page_prev {background: url(../images/icon/page_arrow.png) no-repeat center #fafbfa; margin-right: 14px;}
#board .page_box .page_next {background: url(../images/icon/page_arrow.png) no-repeat center #fafbfa; transform: rotate(180deg); margin-left: 14px;}



/* 뷰 */
#board .view_box {border-top: 1px solid #666666;}
#board .view_box .subject {text-align: center; background-color: #f9f9f9; border-bottom: 1px solid #dddddd; padding: 29px 40px 39px}
#board .view_box .subject strong {display: block; font-size: 32px; color: #111111; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; line-height: 48px;}
#board .view_box .subject ul {font-size: 0px; padding-top: 14px;}
#board .view_box .subject ul li {display: inline-block; font-size: 16px; color: #999999; letter-spacing: -0.05em; word-break: keep-all; margin-right: 27px;}
#board .view_box .subject ul li:last-child {margin-right: 0;}
#board .view_box .subject ul li a {color: #999999;}
#board .view_box .subject ul li span {color: #666666; font-weight: 500; display: inline-block; padding-right: 8px;}
#board .view_box .txt {padding: 60px 40px 53px; font-size: 16px; color: #666666; line-height: 32px; letter-spacing: -0.05em; word-break: keep-all; border-bottom: 1px solid #dddddd;}
#board .view_box .txt img {max-width: 100%;}
#board .view_box .answer {background-color: #f2f5fa; padding: 53px 40px 52px; margin-top: 52px;}
#board .view_box .answer:first-child {margin-top: 0px;}
#board .view_box .answer strong.ttl {display: block; font-size: 24px; color: #234682; font-weight: 500; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 26px;}
#board .view_box .answer .a_txt {font-size: 16px; line-height: 32px; color: #111111; letter-spacing: -0.05em; word-break: keep-all; font-weight: 400;}



#board .btm_btn {padding-top: 80px; text-align: center;}
#board .btm_btn .btn1 {display: inline-block!important;}
#board .btm_btn .btn2 {line-height: 48px; background-color: #234682; color: #fff; text-align: center; width: 120px; font-size: 15px; letter-spacing: -0.05em; height: auto;}

#board .page_box .btm_btn {padding-top: 0px; display: inline-block; vertical-align: bottom;}
#board .page_box .btm_btn a {position: absolute; z-index: 1; top: 20px; right: 0px;}


/* PC */
@media all and (min-width:1025px){
	/* 테이블 */
	.tb_st1 table td.subject div a {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	.tb_st1 table td.subject div a:hover {color: #1f3a90;}
	
	
	/* 리스트 */
	#board .list1 .img_box div {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
	#board .list1 li a:hover .img_box div {transform: scale(1.1);}
	#board .list1 .txt_box strong {-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;}
	#board .list1 li a:hover .txt_box strong {color: #1f3a90;}
	
	
	/* 뷰 */
	#board .view_box .subject ul li a:hover {text-decoration: underline;}
	#sub #container #board .view_box .btn1::before {display: none;}
	
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	/* 검색 */
	.search_box {padding: 20px; margin-bottom: 40px;}
	.search_box .s_wrap {height: 40px; padding: 0 0 0 125px;}
	.search_box .s_wrap select {height: 40px; width: 120px; font-size: 12px; padding: 0 32px 0 12px; background-size: 12px auto; background-position: right 12px center;}
	.search_box .s_wrap input {height: 40px; font-size: 12px; padding: 0 40px 0 12px;}
	.search_box .s_wrap .btn {height: 40px; width: 40px;}
	
	
	/* 테이블 */
	.tb_st1 table th {font-size: 12px; height: 40px;}
	.tb_st1 table td {font-size: 12px; height: 40px;}
	.tb_st1 table .w120 {width: 70px;}
	.tb_st1 table .w160 {width: 100px;}
	.tb_st1 table .on .num::before {font-size: 12px;}
	.tb_st1 table td.subject.on div {padding-right: 22px;}
	.tb_st1 table td.subject.on div::before {width: 14px; height: 14px; background-size: 14px auto;}
	.tb_st1 table td.subject div a {font-size: 12px; line-height: 14px;}
	.tb_st1 table .no_data td {padding: 50px 0;}
	
	.tb_st2 table th {height: 40px; font-size: 12px; padding: 5px 10px; line-height: 20px; /*width: 130px;*/}
	.tb_st2 table.type2 th {padding: 5px 10px; width: 240px;}
	.tb_st2 table th span {font-size: 11px;}
	.tb_st2 table td {height: 40px; font-size: 12px; padding: 5px 15px;}
	
	
	/* 리스트 */
	#board .list1 {margin-bottom: -27px;}
	#board .list1 li {width: calc(25% - 7.5px); margin-right: 10px; margin-bottom: 27px;}
	#board .list1 .txt_box {padding-top: 12px;}
	#board .list1 .txt_box strong {height: 20px; font-size: 12px; -webkit-line-clamp: 1; line-height: 20px;}
	#board .list1 .txt_box p {margin-top: 9px; font-size: 12px;}
	#board .list1 .no_data {font-size: 12px; padding: 50px 0;}
	
	
	/* 페이징 */
	#board .page_box {padding-top: 50px;}
	#board .page_box a {width: 24px; height: 24px; line-height: 24px;}
	#board .page_box .num {font-size: 12px; margin: 0 4px;}
	#board .page_box .page_prev {margin-right: 12px; background-size: 7px auto;}
	#board .page_box .page_next {margin-left: 12px; background-size: 7px auto;}
	
	
	/* 뷰 */
	#board .view_box .subject {padding: 23px 0 25px;}
	#board .view_box .subject strong {font-size: 20px; line-height: 24px;}
	#board .view_box .subject ul {padding-top: 10px;}
	#board .view_box .subject ul li {font-size: 12px; margin-right: 20px;}
	#board .view_box .subject ul li span {padding-right: 7px;}
	#board .view_box .txt {padding: 39px 0 36px; font-size: 12px; line-height: 20px;}
	#board .view_box .answer {margin-top: 16px; padding: 26px 15px;}
	#board .view_box .answer strong.ttl {font-size: 16px; margin-bottom: 13px;}
	#board .view_box .answer .a_txt {font-size: 12px; line-height: 20px;}
	
	
	/* 하단버튼 */
	#board .btm_btn {padding-top: 50px;}
	
	#board .page_box .btm_btn a {line-height: 30px; width: 60px; font-size: 12px;}
}

/* 모바일 */
@media all and (max-width:768px){
	/* 검색 */
	.search_box .s_wrap {padding: 0; height: auto;}
	.search_box .s_wrap select {position: relative; left: auto; top: auto; width: 100%; margin-bottom: 10px;}
	.search_box .s_wrap .btn {bottom: 0; top:  auto;}
	
	
	/* 테이블 */
	.tb_st1 table thead {display: none;}
	.tb_st1 table tr {display: block; width: 100%; padding: 17px 15px; box-sizing: border-box; font-size: 0;}
	.tb_st1 table td {display: block; width: 100%; height: auto; padding: 0; text-align: left; position: relative; margin-bottom: 10px; min-height: 18px;}
	.tb_st1 table td:last-child {margin-bottom: 0;}
	.tb_st1 table td.num {display: none!important;}
	.tb_st1 table .on .num {display: block!important; width: 100%!important; padding-bottom: 10px; padding-right: 0px;}
	.tb_st1 table .on .num::before {position: relative; margin-top: 0; top: auto; right: auto; background-color: transparent; color: #111111;}
	.tb_st1 table td.subject {width: 100%!important; margin-bottom: 9px!important; padding-right: 0!important;}
	.tb_st1 table td.subject::before {display: none;}
	.tb_st1 table .l_t td {padding-left: 57px;}
	.tb_st1 table .l_t td > span {display: block; position: absolute; left: 0px; top: 0px; color: #111111;}
	.tb_st1 table .fs_2 td {display: inline-block; width: auto; vertical-align: middle; margin-bottom: 0; position: relative; padding-right: 16px;}
	.tb_st1 table .fs_2 td:last-child {padding-right: 0}
	.tb_st1 table .fs_2 td::before {content: ''; width: 1px; height: 10px; background-color: #dddddd; position: absolute; right: 7px; top: 50%; margin-top: -6px;}
	.tb_st1 table .fs_2 td:last-child::before {display: none;}
	.tb_st1 table .no_data {padding: 0px; width: 100%!important;}	
	.tb_st1 table .no_data td {width: 100%!important;}	
	
	.tb_st2 table tr {display: block; width: 100%!important;}
	.tb_st2 table th {display: block; width: 100%!important; height: auto; text-align: left; padding: 10px 17px 3px!important; background-color: transparent; border-bottom: none;}
	.tb_st2 table th span {color: #111; font-weight: 350; display: inline; font-size: 12px;}
	.tb_st2 table th br {display: none!important;}
	.tb_st2 table td {display: block; width: 100%!important; height: auto; padding: 0; padding: 0 17px 10px; min-height: 29px;}
	
	
	/* 리스트 */
	#board .list1 li:nth-child(n) {width: calc(50% - 5px); margin-right: 10px;}
	#board .list1 li:nth-child(2n) {margin-right: 0;}
	
	
	/* 하단버튼 */
	#board .page_box .btm_btn {display: block; margin-top: -30px; margin-bottom: 20px; text-align: right;}
	#board .page_box .btm_btn:last-child {margin-bottom: 0;}
	#board .page_box .btm_btn a {position: relative; top: auto; right: auto;}
}