@charset "UTF-8";

@media screen and (max-width:1400px){
	/* 블로그형 게시판 */
	.gallery_list.blog .list_box .link {padding:25px 0}
	.gallery_list.blog .list_box .link .img_area {margin-right:20px}
	.gallery_list.blog .list_box .link .txt_area {width:calc(100% - 265px)}

	/* FAQ */
	.faq_list .list_box .quest::before {width:110px}
	.faq_list .list_box .quest::after {right:25px}
	.faq_list .list_box .quest .subject {max-width:calc(100% - 175px);margin-left:110px}
	.faq_list .list_box .answer {min-height:50px;margin-top:25px;padding-left:135px}
	.faq_list .list_box .answer::before {left:85px}
	.faq_list .list_box .answer::after {left:45px}
	
	/* 게시판 상세페이지 */
	.board_view .prev_list_box .subject .text {max-width:calc(100% - 24px)}

	/* QnA 상세페이지 */
	.board_view.qna .editor_view {column-gap:30px}
	.board_view.qna .editor_view .editor {width:calc(100% - 100px)}
}

@media screen and (max-width:1280px){
	/* 게시판 공통  */
	.board_new {width:16px;height:16px;vertical-align:text-top}
	.board_new::after {font-weight:normal;font-size:10px}
	.pagination {margin-top:35px}
	.pagination .items {width:36px;height:36px;line-height:36px}
	.board_list_top .option_list {column-gap:18px}
	.board_list_top .option .label {margin-right:10px}
	.board_list_top .option select {min-width:120px}
	.board_list_top .right .btn_icon, 
	.board_list_top .right .btn_default {margin-right:12px}

	/* 리스트형 게시판 */
	.board_list table th {padding:12px 8px}
	.board_list td .link {padding:12px 8px}
	.board_list.s2 td {padding:8px 5px}

	/* 갤러리형 게시판 */
	.gallery_list .list_inner {gap:42px 21px}
	.gallery_list .list_box {width:calc(100% / 3 - 14px)}
	.gallery_list .list_box .link .tag:not(.nofix) {left:12px;top:12px}
	.gallery_list .list_box .link .txt_area {padding:15px 20px 12px 20px}
	.gallery_list .list_box .link .subject {height:52px}
	.gallery_list .list_box .link .subject .text {font-size:18px}
	.gallery_list .list_box .link .summary {margin-bottom:8px}
	
	/* 블로그형 게시판 */
	.gallery_list.blog .list_box .link .img_area {margin-right:12px}
	.gallery_list.blog .list_box .link .txt_area {width:calc(100% - 257px)}

	/* FAQ */
	.faq_list .list_box .quest::before {width:80px}
	.faq_list .list_box .quest::after {right:18px}
	.faq_list .list_box .quest .subject {max-width:calc(100% - 145px);margin-left:80px}
	.faq_list .list_box .answer {min-height:40px;padding-left:115px}
	.faq_list .list_box .answer::before {left:70px}
	.faq_list .list_box .answer::after {left:30px}

	/* 게시판 상세페이지 */
	.board_view .typo .board_new {width:22px;height:22px}
	.board_view .typo .board_new::after {font-size:13px}
	.board_view .typo .subject .text {font-size:22px}
	.board_view .editor_view {padding:25px 0}
	.board_view .file_list {margin-top:30px}
	.board_view .file_list_box .btn {padding:15px}
	.board_view .file_list_box .btn .text {max-width:calc(100% - 123px)}
	.board_view .file_list_box .btn .ic_down {right:15px}
	.board_view .link_list_box {padding:15px}
	.board_view .previews {margin-top:40px}
	.board_view .prev_list_box .cate {width:60px}
	.board_view .prev_list_box .link {width:calc(100% - 160px)}
	.board_view .prev_list_box .subject .text {max-width:calc(100% - 21px)}

	/* QnA 상세페이지 */
	.board_view.qna .editor_view {column-gap:20px}
	.board_view.qna .editor_view .mark {width:50px;height:50px}
	.board_view.qna .editor_view .mark::after {font-size:26px}
	.board_view.qna .editor_view .editor {width:calc(100% - 70px)}

	/* 통합검색 */
	.search_list .bundle .link {padding:20px 0}
	.search_list .bundle .subject {font-size:19px}
}

@media screen and (max-width:1080px){
	/* 게시판 공통  */
	.pagination {margin-top:30px}

	/* 갤러리형 게시판 */
	.gallery_list .list_inner {gap:35px 18px}
	.gallery_list .list_box {width:calc(100% / 3 - 12px)}
	.gallery_list .list_box .link .txt_area {padding:12px 15px 10px 15px}
	.gallery_list .list_box .link .subject {height:45px}
	.gallery_list .list_box .link .subject .text {font-size:16px}

	/* FAQ */
	.faq_list .list_box .link {padding:17px 0}
	.faq_list .list_box .quest::before {width:65px;font-size:25px}
	.faq_list .list_box .quest .subject {max-width:calc(100% - 110px);margin-left:65px}
	.faq_list .list_box .answer {margin-top:20px;padding-left:95px}
	.faq_list .list_box .answer::before {font-size:25px;left:58px}
	.faq_list .list_box .answer::after {font-size:24px;left:25px}

	/* 게시판 상세페이지 */
	.board_view .typo {padding-bottom:15px}
	.board_view .typo .tag {margin-bottom:8px}
	.board_view .typo .board_new {width:18px;height:18px}
	.board_view .typo .board_new::after {font-size:11px}
	.board_view .typo .subject .text {font-size:19px}
	.board_view .file_list {margin-top:25px;column-gap:9px}
	.board_view .file_list_inner {width:calc(100% - 159px)}
	.board_view .file_list .btn_all {width:150px}
	.board_view .file_list_box .btn {margin-bottom:9px}

	/* QnA 상세페이지 */
	.board_view.qna .editor_view {column-gap:15px}
	.board_view.qna .editor_view .mark {width:40px;height:40px}
	.board_view.qna .editor_view .mark::after {font-size:22px}
	.board_view.qna .editor_view .editor {width:calc(100% - 55px)}

	/* 통합검색 */
	.search_list .bundle .link {padding:18px 0}
	.search_list .bundle .depts {column-gap:24px}
	.search_list .bundle .depts_txt::before {left:-18px}
	.search_list .bundle .subject {font-size:18px}
}

@media screen and (max-width:767px){
	/* 게시판 공통 */
	.pagination {margin-top:25px}
	.pagination .items {width:32px;height:32px;line-height:32px}
	.pagination .items img {height:10px}
	.board_list_top {flex-wrap:wrap;row-gap:12px}
	.board_list_top .right {width:100%;flex-wrap:wrap;align-items:end;justify-content:right;row-gap:10px}
	.board_list_top .right .btn_icon, 
	.board_list_top .right .btn_default {margin-right:0}
	.board_list_top .option_list {column-gap:10px;width:calc(100% - 51px)}
	.board_list_top .option {flex:1}
	.board_list_top .option .label {display:block;margin:0 0 3px 0}
	.board_list_top .option select {width:100%}
	.board_list_top .option img {vertical-align:middle}
	.board_list_top.s2 {row-gap:0}
	.board_list_top.s2 .total {position:relative;z-index:1}
	.board_list_top.s2 .right {margin-top:-28px;position:relative;z-index:2}
	.board_list_top.s2 .option_list {width:100%;justify-content:space-between;align-items:flex-end}
	.board_list_top.s2 .option_list.fwrap .option {flex:none !important;width:100%}
	.board_list_top.s2 .option {}
	.board_list_top.s2 .option.line {flex:2}
	.board_list_top.s2 .option.line::after {display:none}
	.board_list_top.s2 .option .label {text-align:right}

	/* 리스트형 게시판 */
	.board_list td .subject .text {font-weight:700}
	.board_list.s2 td {padding:0}
	
	/* 리스트형 모바일 테이블 */
	.data_table {display:block;border-top:1px solid var(--colorGray90)}
	.data_table thead {display:none}
	.data_table tbody {display:block}
	.data_table tr {display:block;}
	.data_table td {display:flex;column-gap:8px;text-align:left;word-break:break-word;border-right:0}
	.data_table .m_th {display:inline-block;width:50px;padding:3px 0;text-align:right}
	.data_table .m_td {width:calc(100% - 58px);padding:3px 0}
	.data_table .m_td.link {padding:3px 0}

	/* 위 board data_table에서 넓이만 th 넓이만 넓을 때 */
	.data_table.s2 {}
	.data_table.s2 .m_th {width:65px}
	.data_table.s2 .m_td {width:calc(100% - 73px)}

	/* 일반 table인데, thead가 있고, th 텍스트 길 때 */
	.data_table.s3 {}
	.data_table.s3 td {padding:0}
	.data_table.s3 .m_th {width:140px;padding:7px 12px;color:var(--colorGray90);font-weight:500;background-color:var(--colorBgGray)}
	.data_table.s3 .m_td {width:calc(100% - 148px);padding:7px 5px 7px 0;color:var(--colorGray90);border-right:0}
	
	/* 갤러리형 게시판 */
	.gallery_list .list_inner {gap:24px 12px}
	.gallery_list .list_box {width:calc(100% / 2 - 6px)}
	.gallery_list .list_box .link .txt_area {padding-bottom:12px}
	.gallery_list .list_box .link .info_obj .info_txt {display:block;margin:0 0 8px 0}
	.gallery_list .list_box .link .info_obj .info_txt:last-child {margin-bottom:0}

	/* 블로그형 게시판 (이 사이즈부터 갤러리형과 스타일 동일하게 적용합니다.) */
	.gallery_list.blog {border-top:0}
	.gallery_list.blog .list_inner {display:flex}
	.gallery_list.blog .list_box {width:calc(100% / 2 - 6px);border-bottom:0}
	.gallery_list.blog .list_box .link {padding:0;border:1px solid var(--colorBorderGray)}
	.gallery_list.blog .list_box .link .img_area {display:flex;width:100%;border-radius:10px 10px 0 0;border:0}
	.gallery_list.blog .list_box .link .txt_area {width:auto;padding:12px 15px 12px 15px}
	.gallery_list.blog .list_box .link .subject {height:45px;margin-bottom:12px}
	.gallery_list.blog .list_box .link .subject .text {-webkit-line-clamp:2}
	.gallery_list.blog .list_box .link .summary {display:-webkit-inline-box;margin-bottom:8px}

	/* FAQ */
	.faq_list .list_box .link {padding:15px 0}
	.faq_list .list_box .quest::before {width:52px;font-size:23px}
	.faq_list .list_box .quest::after {right:10px}
	.faq_list .list_box .quest .subject {max-width:calc(100% - 90px);margin-left:52px}
	.faq_list .list_box .answer {padding-left:52px}
	.faq_list .list_box .answer::before {font-size:23px;left:15px}
	.faq_list .list_box .answer::after {display:none}

	/* 게시판 상세페이지 */
	.board_view .dl_box .dl {margin-right:10px;padding-right:13px}
	.board_view .dl_box .dt {margin-right:6px}
	.board_view .typo .board_new {width:18px;height:18px}
	.board_view .typo .board_new::after {font-size:10px}
	.board_view .typo .subject .text {font-size:18px}
	.board_view .editor_view {padding:18px 0}
	.board_view .file_list {column-gap:6px}
	.board_view .file_list_inner {width:calc(100% - 126px)}
	.board_view .file_list .btn_all {width:120px}
	.board_view .file_list_box .btn {margin-bottom:6px;padding:12px 10px}
	.board_view .file_list_box .btn .ic_down {right:8px}
	.board_view .file_list_box .btn .text {max-width:calc(100% - 110px);margin-left:3px}
	.board_view .link_list_box {column-gap:6px;padding:12px 10px;font-size:0.93em}
	.board_view .link_list_box .icon {transform:translateY(1px)}
	.board_view .prev_list_box {column-gap:6px}
	.board_view .prev_list_box .cate {width:52px}
	.board_view .prev_list_box .link {width:calc(100% - 132px);padding:15px 0}
	.board_view .prev_list_box .date {font-size:0.92em}
	
	/* QnA 상세페이지 */
	.board_view.qna .editor_view {min-height:200px;column-gap:10px}
	.board_view.qna .editor_view .mark {width:30px;height:30px}
	.board_view.qna .editor_view .mark::after {font-size:17px}
	.board_view.qna .editor_view .editor {width:calc(100% - 40px)}

	/* 통합검색 */
	.search_list .bundle .link {padding:15px 0}
	.search_list .bundle .depts {column-gap:20px;font-size:14px}
	.search_list .bundle .depts_txt::before {left:-15px}
	.search_list .bundle .subject {-webkit-line-clamp:2;font-size:16px}
}

@media screen and (max-width:480px){
	/* 게시판 공통 */
	.pagination .items {width:28px;height:28px;line-height:28px}
	.board_list_top.s2 .right {margin-top:10px}
	.board_list_top.s2 .option_list {display:block}
	.board_list_top.s2 .option:not(:last-child) {margin-bottom:8px}
	.board_list_top.s2 .option.s2 {display:flex;align-items:center;column-gap:16px}
	.board_list_top #btn_my_list {padding-left:10px;padding-right:10px}

	/* 갤러리형 게시판 */
	.gallery_list .list_inner {gap:12px}
	.gallery_list .list_box {width:100%}
	.gallery_list .list_box .link .subject {height:auto;margin-bottom:6px}
	.gallery_list .list_box .link .subject .text {font-size:15px}
	.gallery_list .list_box .link .summary {height:auto;margin-bottom:5px}
	.gallery_list .list_box .link .dl_box {margin-bottom:12px}

	/* 블로그형 게시판 */
	.gallery_list.blog .list_box {width:100%}
	.gallery_list.blog .list_box .link .subject {height:auto;margin-bottom:6px}
	.gallery_list.blog .list_box .link .subject .text {font-size:15px}
	.gallery_list.blog .list_box .link .summary {height:auto;margin-bottom:5px}
	.gallery_list.blog .list_box .link .dl_box {margin-bottom:12px}

	/* FAQ */
	.faq_list .list_box .link {padding:12px 0}
	.faq_list .list_box .quest::before {width:42px;font-size:20px}
	.faq_list .list_box .quest .subject {width:calc(100% - 75px);margin-left:42px}
	.faq_list .list_box .answer {margin-top:15px;padding-left:42px}
	.faq_list .list_box .answer::before {width:42px;font-size:20px;text-align:center;left:0}
	
	/* 게시판 상세페이지 */
	.board_view .dl_box .dl {margin-right:5px;padding-right:10px;font-size:0.95em}
	.board_view .dl_box .dl::after {height:13px}
	.board_view .dl_box .dl.mbl {display:block;margin-right:0;padding-right:0}
	.board_view .dl_box .dl.mbl::after {display:none}
	.board_view .dl_box .dt {margin-right:4px}
	.board_view .typo .tag {margin-bottom:6px}
	.board_view .typo .board_new {width:16px;height:16px}
	.board_view .typo .subject .text {font-size:17px}
	.board_view .file_list {flex-wrap:wrap;gap:0}
	.board_view .file_list_inner {width:100%}
	.board_view .file_list_box .btn {padding:12px 10px}
	.board_view .file_list_box .btn .ic_down {right:10px}
	.board_view .file_list_box .btn .text {max-width:calc(100% - 114px);margin-left:2px}
	.board_view .file_list .btn_all {width:100%;margin-top:9px;padding:12px 5px}
	.board_view .prev_list_box {flex-wrap:wrap;padding-top:10px;position:relative}
	.board_view .prev_list_box .cate {width:100%}
	.board_view .prev_list_box .link {width:100%;padding:8px 0 9px 0}
	.board_view .prev_list_box .date {position:absolute;right:0;top:12px;transform:translateY(0)}
	
	/* QnA 상세페이지 */
	.board_view.qna .editor_view {column-gap:7px}
	.board_view.qna .editor_view .mark {width:25px;height:25px}
	.board_view.qna .editor_view .mark::after {font-size:14px}
	.board_view.qna .editor_view .editor {width:calc(100% - 32px)}

	/* 통합검색 */
	.search_list .bundle .subject {font-size:15px}
}