@charset "utf-8";
@media all and (max-width:1399px){
	.board-view-head .vtitle {padding:15px 20px 0;min-height:auto}
	.board-view-head .vtitle-winfo {position:static;padding:5px 20px 15px}
}
@media all and (max-width:1299px){
	.board-faq-list li .cate{margin:0 10px}
}
@media all and (max-width:1199px){
	.news-list .news-name{position:relative; top:auto; right:auto; display:inline-block; margin-top:12px}
	.news-list .news-name::after{width:30px; height:30px;top: -2px;right: -40px;}
}
@media all and (max-width:999px){

	/* 검색 */
	.board-search-wrap {padding:0 0 15px;background:0;margin-bottom:0;position:relative}
	.board-search-wrap .board-sec {padding:0}
	.board-search-wrap .board-total {float:none;line-height:1.2;padding:15px 0}
	.board-search-wrap .board-total .total-txt {margin:0;font-size:15px;line-height:inherit;padding:0}
	.board-search-wrap select {background-size:37px auto}
	.board-search-wrap select {min-width:200px;height:50px;font-size:14px;padding-left:10px;position:absolute;top:0;left:0;font-size:14px}
	#board-wrap .board-search-wrap .board-search {float:none}
	#board-wrap .board-search-wrap .board-search input.text {width:100%;height:50px;line-height:50px;box-sizing:border-box;padding-right:50px;padding-left:220px;font-size:14px}
	.board-search-wrap .btn-srh {position:absolute;bottom:0;right:0;width:50px;height:50px}
	.board-list-table .num .ico_notice {width:auto;}

	/*이전글,다음글*/
	.board-view-more li a {padding:12px 40px 12px 10px}
	.board-view-more li:first-child a {padding:12px 10px 12px 40px}
	.board-view-more li .ico {width:30px;height:81px}
	.board-view-more li .subject {padding-right:0}
	.board-view-more li .lbl {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;font-size:19px}
	.board-view-more li.first .subject {padding-left:0}
	.board-view-more li.first .lbl {left:auto}

	/* 보도자료 리스트 */
	.news-list .news-cont .subject{font-size:18px;}


	/* 홍보동영상 */
	.vod-wrap .vod-view .view-cont .vod {padding:0;margin-bottom:30px}
	.vod-wrap .vod-view .view-cont .vtitle {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;padding:20px 0;text-align:center;font-size:24px;border-top:2px solid #044288}
	.vod-list li{width:calc(50% - 1%); margin-right:2%; margin-bottom:20px}
	.vod-list li:nth-child(4n){margin-right:2%;}
	.vod-list li:nth-child(2n){margin-right:0;}
	.vod-list .board-wr .board-title{margin-bottom:20px;}
	.vod-list .board-wr{margin-bottom:20px; padding-bottom:20px}
	.vod-list li .subject{margin-top:15px;}
	.vod-list .board-wr .board-title .right-area span::after{margin:0 5px;}
	.v-wr .board-video {width:100%}
	.v-wr .board-desc {width:100%;margin-top:20px;position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:20px 0 0;max-height:250px}

	/* 예결산공고 */
	.budget .board-list-table .num,.budget .board-list-table .writer {width:100px}
	.budget .board-list-table .cate,.budget .board-list-table .date {width:120px}

	.board-list-table td .stitle a {font-size:15px;}

	/* FAQ */
	.board-faq-list li .ptitle{ box-sizing:border-box;}
	.board-faq-list li .ptitle a{padding-right:10%;}
}
@media all and (max-width:780px){

	/* 보도자료 리스트 */
	.news-list .news-cont{margin-left:280px;}
	.news-list .news-cont .subject{font-size:16px;}
	.news-list li{padding:15px 8px;}

	/* 홍보동영상 */
	.vod-wrap .vod-view .view-cont .vtitle {padding:15px 0;font-size:20px}
	.vod-list .board-wr .board-title .right-area{position:static; margin-left:20px; margin-top:3px;}
}
@media all and (max-width:768px){
	#board-wrap .no-data {width:100%;height:auto}
	.board-list-table td .stitle a {max-width:82%;font-size:1em;}

	/* 일반게시판 리스트 * /
		.board-list-table  {display:block;}
		.board-list-table thead  {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;}
		.board-list-table th, .board-list-table td  {border:0;box-sizing:border-box}
		.board-list-table tr:first-child td  {border-top:0;}
		.board-list-table tbody  {display:block;}
		.board-list-table tbody tr  {position:relative;overflow:hidden;display:block;width:100%;border-bottom:1px solid #ddd;float:left;}
		.board-list-table tr:hover td  {background-color:transparent;}
		.board-list-table td  {display:block;min-height:25px;}
		.board-list-table td .stitle a  {max-width:85%;}
		.board-list-table .num  {float:left;padding-bottom:0;width:10%;font-size:15px}
		.board-list-table .isnotice .num img  {width:auto;height:22px;}
		.board-list-table .subject  {width:90%;float:left;padding-bottom:0;padding-left:0;padding-right:0;}
		.board-list-table .writer, .board-list-table .date, .board-list-table .cnt, .board-list-table .down, .board-list-table .company  {float:left;width:auto;padding-left:2%;padding-right:2%;padding-top:5px;padding-bottom:10px;background:url(/resources/_Img/Board/default/vbar.gif) no-repeat 0 13px;}
		.board-list-table td .cate  {padding-right:1%}
		.board-list-table td:first-child + td + td  {background:none;padding-left:10%;}
		.board-list-table .noData  {float:left;width:100%;display:block;text-align:center;border-left:0;border-right:0;}
		.board-list-table .new  {width:24px;height:auto}
		.board-list-table .file  {width:13px;height:auto}
		.board-list-table .secret  {width:10px;height:auto}
		.board-list-table .isnotice .writer  {padding-left:10%;}
	*/
	.board-list-table .cate,.board-list-table .cnt,.board-list-table .num,.board-list-table .writer {display:none}
	.board-list-table .subject {width:auto;padding-left:0}
	.board-list-table .date {width:100px;border-right:0;box-sizing:border-box}
	.board-list-table td,.board-list-table th {font-size:1em}
	.board-list-table th {padding:10px 0}
	.board-list-table td .stitle {padding:0}
	.board-list-table .files,.board-list-table .new,.board-list-table .secret {margin-left:0}
	.board-list-table td .reply {padding:0 0 0 10px}
	.board-list-table td .reply em {margin-left:5px;font-size:14px;}

	/* 통계 */
	.board-list-table.stats .subject {margin-top:-41px}
	.board-list-table.stats .year {position:absolute;left:0;bottom:0;width:auto;padding:5px 10px 10px 8%;background:url(/resources/_Img/Board/default/vbar.gif) no-repeat right 10px}
	.board-list-table.stats .down {padding-left:15%}

	/* 채용정보 개별설정 */
	.board-list-table.recruit .state,.board-list-table.recruit .year {float:left;width:auto;font-size:12px;padding-left:2%;padding-right:2%;padding-top:5px;padding-bottom:10px;background:url(/resources/_Img/Board/default/vbar.gif) no-repeat 0 10px}
	.board-list-table.recruit .state.spc {background:0 0;padding-left:10%}
	.board-list-table.recruit .company {width:auto;padding-top:14px;background-position:0 18px}
	.board-list-table.recruit .subject {padding-top:0}
	.board-list-table.recruit .date {width:auto}
	.board-list-table.recruit .date br {display:none}

	/* li style */
	.board-list-li .subject {margin-right:10px}
	.board-list-li .cont {position:relative;top:auto;right:auto;margin-top:10px}

	/* faq */
	.board-faq-list li .ptitle {background-position:20px 19px;padding-left:50px}
	.board-faq-list .over .ptitle {background-position:20px 19px}
	.board-faq-list li .pcate {float:none;width:100%;display:block}
	.board-faq-list li .ptitle a {padding-left:0px}
	.board-faq-list li .pcont {float:none;width:85%;margin-top:5px;font-size:15px}
	.board-faq-list li .ptitle a .pcont:before {left:51px}
	.board-faq-list .faq-in-cont {background-position:18px 24px;padding-left:52px}
	.board-faq-list .faq-in-cont .faq-contents {font-size:15px}
	.board-faq-list .faq-in-cont:before {left:46px;width:15px}

	/*이전글,다음글*/
	.board-view-more li .lbl {font-size:15px}
	.board-view-more li .subject {font-size:14px}

	/* 서식자료실 */
	.pds .file {width:auto;position:absolute;top:0;right:0}

	/* 예결산공고 */
	.budget .board-list-table td,.budget .board-list-table th {border-left:0}
	.budget .board-list-table .cate,.budget .board-list-table .date,.budget .board-list-table .num,.budget .board-list-table .writer {width:auto}
	.budget .board-list-table .num {display:none}
	.budget .board-list-table .date {padding-left:0;padding-bottom:1%;background-position:right 13px;font-size:14px;color:#767676}
	.budget .board-list-table .cate {padding:5px 2% 1%;font-size:14px;float:left;color:#767676;display:block}
	.budget .board-list-table .subject {text-align:left;padding:0 0 2%;font-weight:500}
	.budget .board-list-table .writer {width:10%;background:0 0;float:right;padding:0 0 2%}
	.budget .board-list-table .writer a {display:block;width:100%;height:100%;font-size:14px}
	.budget .board-list-table .writer a:after {width:19px;height:19px;background-size:157px auto;background-position:-21px -168px}
	.board-view-more li .ico {height:70px}

	/* faq */
	.board-faq-list li .cate{margin:0 10px 0 0}
}
@media all and (max-width:600px){
	/* 검색 */
	.board-search-wrap select {min-width:150px}
	#board-wrap .board-search-wrap .board-search input.text {padding-left:160px;}

	/* 일반게시판 리스트 */
	.board-list-table .num {width:10%}

	/* 통계게시판 */
	.board-list-table.stats .down {padding-left:16%}

	/* 쓰기폼 */
	.board-write-tbl {table-layout:auto;width:100%;clear:both;border-left:1px solid #ddd;border-right:1px solid #ddd}
	.board-write-tbl tr {display:block;width:100%;overflow:hidden;border-bottom:1px solid #ddd}
	.board-write-tbl tbody {width:100%}
	.board-write-tbl tbody td,.board-write-tbl tbody th {float:left;width:90%;border:0}
	.board-write-tbl tbody th {padding:15px 0 5px}
	.board-write-tbl tbody td {padding:5px 2.5% 15px}
	.board-write-tbl th label {font-size:14px}

	/* 일반게시판 뷰 */
	.board-view-head .vtitle {font-size:16px;font-weight:500;padding:10px 20px 3px 20px}
	.board-view-head .vtitle-winfo {padding:3px 20px 10px 20px}
	.board-view-head .cate {font-size:16px}
	.board-view-head .vtitle-winfo span {font-size:14px;padding-left:10px;margin-left:8px}
	.board-view-head .vtitle-winfo .hit {position:relative;top:auto;bottom:auto;right:auto;left:auto;background:url(/resources/_Img/Board/default/vbar.gif) no-repeat 0 50%}
	.board-view-winfo .ilbl,.board-view-winfo .txt {display:block}
	.board-view-winfo .ilbl {position:static;padding-bottom:0;width:90%;text-align:left;padding-left:10px}
	.board-view-winfo .txt {border-left:0;padding:5px 0 10px 10px}
	.board-view-filelist li:after {display:none}
	.board-view-filelist {float:none}
	.board-view-filelist,.board-view-linklist {border-left:0;padding:10px;display:block}

	/* 보도자료 리스트 */
	.news-list .thum{width:140px; height:95px; top:20px; left:10px;}
	.news-list .news-cont{margin-left:160px;}
	.news-list .news-cont .txt{font-size:16px;}
	.news-list li{min-height: 155px;}
	.news-list .info{font-size:14px;}
	.news-list .date, .news-list .hit{font-size:14px;}

	/* 홍보동영상 */
	.vod-list .board-wr .board-title{padding:15px 0}
	.vod-list .board-wr .board-title .right-area span{font-size:14px;}
	.board-desc{padding:10px 15px;}

	/* 예결산공고 */
	.budget .board-list-table .writer a span {text-indent:-9999em}
	.board-view-head .vtitle .ico_notice {width:40px;height:30px;line-height:30px}
	.board-view-head .board-view-winfo>div:first-child {padding:0;padding-top:9px}
	

}
@media all and (max-width:599px){
	.news-list .num{display: none;}
	.board-faq-list li .cate, .board-faq-list li .pcont{font-size:14px;}
	.board-faq-list li .ptitle {background-position:10px 17px; padding-left:35px}
	.board-faq-list .over .ptitle {background-position:10px 17px}
	.board-faq-list li .cate{margin-right:5px;}
	.board-faq-list .faq-in-cont{padding-left:47px}
	.board-faq-list .faq-in-cont .privacy-cont{font-size:14px}
	
	/* qna */
	.board-list-table.qna-list-table .state {width:70px}
	.board-list-table.qna-list-table .date {width:60px}
	.qa-status {padding:4px 6px;font-size:13px}
	
}
@media all and (max-width:480px){

	/* 검색 */
	.board-search-wrap .board-total .txt {display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0}
	.board-list-table .isnotice td .stitle a {max-width:62%}
	.board-list-table.stats .subject {padding-left:12%}
	.board-list-table.stats .down {padding-left:22%}
	.board-list-table.stats .year {padding-left:12%}

	/* li style */
	.board-list-li .subject .stitle a {max-width:79%}

	/* faq */
	.board-faq-list li .pcate {width:79%}
	.board-faq-list li .pcont {width:75%}

	/* 쓰기 */
	.board-list-btns {text-align:center}
	.board-list-btns a,.board-list-btns button,.board-list-btns input {padding:0 25px}

	/* 코멘트쓰기 */
	.bcmt-wfrm-wrap .ilbl,.cmt-item-frm .ilbl {width:20%}

	/* faq */
	.board-faq-list li .ptitle a{padding-right:15%;}

	/* 보기 */
	.board-view-cont {padding:15px 5px 0}

	/*이전글,다음글*/
	.board-view-more li a {padding:10px 30px 9px 5px}
	.board-view-more li:first-child a {padding:10px 5px 9px 30px}
	.board-view-more li .ico {background-size:10px auto;width:20px;height:63px}
	.board-view-more li .lbl {font-size:13px}
	.board-view-more li .subject {font-size:13px}

	/*버튼*/
	.board-view-btns>a {margin-bottom:7px}

	/* 보도자료 리스트 */

	.news-list .news-name::after{width:25px; height:25px;background-size:12px 12px; right:-32px}
}
@media all and (max-width:440px){
	/* 검색 */
	.board-search-wrap .board-search input.text {width:150px}

	/* 일반게시판 리스트 */
	.board-list-table .subject {width:84%}
	.board-list-table .isnotice .num {width:20%}
	.board-list-table .isnotice .subject {width:76%}
	.board-list-table .isnotice .writer {padding-left:20%}
	.board-list-table.recruit .year {display:none}
}
@media all and (max-width:380px){
	.board-list-table.stats .down {padding-left:25%}

	/* 검색 */
	.board-search-wrap select {width:100px;min-width:100px}
	#board-wrap .board-search-wrap .board-search input.text {padding-left:110px}

	/* 일반게시판 리스트 */
	.board-list-table .subject {width:80%}

	/* 갤러리게시판 */
	#photo .photo-list li .stitle {font-size:14px;padding-top:10px}

	/* 보도자료 리스트 */
	.news-list li{padding:10px 0;}
}
@media all and (max-width:320px){
	.board-list-table.recruit .subject {padding-left:0}
	.board-list-table.recruit .state.spc {padding-left:0}

	/* 갤러리게시판 */
	#photo .photo-list li {width:100%;margin-left:0;margin-right:0}
	#photo .photo-list li:nth-child(3n+1){margin-left:0}
}

/* 언론보도 */
@media all and (max-width:640px){
	.board-list-li .ptitle {display:block;position:relative;margin-left:0;padding-right:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	.board-list-li .pcont {display:block;position:relative;padding-left:0;padding-right:0;width:100%;max-width:100%;left:auto;top:auto;right:auto;margin:0;padding:0 0;padding-top:5px;text-align:left}
	.board-list-li .pcont .writer {padding-right:0;max-width:50%}
	.board-list-li .pcont .date {width:auto;text-align:left}
	.board-list-li .pcont .read {width:auto}
	.board-list-li .pcont .read .lbl {display:inline}
	.board-list-li .pcont .read .num {width:auto;display:inline;text-align:left}

	/* 포토 게시판 */
	.gallery-list-wrap .photo-list .num{bottom:30px;}
}
@media all and (max-width:480px){
	.board-list-li .pnotice {left:0}
	.board-list-li li .board-li-wrap {padding:13px 0 12px 0}
	.board-list-li li.isNotice .board-li-wrap {padding-left:50px}
	.board-list-li .pcate {width:auto;min-width:0;padding-left:0;padding-right:.5em}
	.board-list-li .pnum {display:none}
	.board-list-li .ptitle {padding-right:80px}
	.board-list-li .c-status {position:absolute;right:0;top:50%;margin-top:-34px}
}
@media all and (max-width:480px){
	.board-list-li2 li .board-li-wrap {padding-left:40px}
	.board-list-li2 .pnum {left:0;top:50%;width:40px}
	.board-list-li2 .pnotice {left:0;top:33px;width:40px}
	.board-list-li2 .ptitle {margin-right:110px}
	.board-list-li2 .pcont {margin-right:110px;max-height:2.6em;overflow:hidden}
	.board-list-li2 .pbtns {margin-top:-26px;right:10px}
	.board-list-li2 .pbtns .vbtn {width:40px;height:30px;padding-top:10px;padding-bottom:10px}
	.board-list-li2 .pbtns .vbtn .lbl,.board-list-li2 .pbtns .vbtn .num {font-size:.75em}
	.board-list-li2 .pbtns .vbtn.files {padding-top:10px;padding-bottom:10px}
	.board-list-li2 .pbtns .vbtn.files img {max-width:100%;max-height:100%}
}
@media only screen and (max-width:440px){
	.news-list .thum{position: static; width:auto; height:auto; min-height: 250px;}
	.news-list .news-cont{margin-left:0; padding:5px 10px; padding-top:10px}
	.news-list .news-cont .txt{font-size:14px}
	.news-list .news-cont .subject{margin-bottom:6px;}
	.news-list .info{position: static;}
	.news-list .date, .news-list .hit{font-size:13px;}
}
@media only screen and (max-width:430px){

	/* 페이징 스타일 =============== */
	.pagelist .firstpage,.pagelist .firstpage1,.pagelist .lastpage,.pagelist .lastpage1,.pagelist .nextblock,.pagelist .nextblock1,.pagelist .nextpage,.pagelist .nextpage1,.pagelist .prevblock,.pagelist .prevblock1,.pagelist .prevpage,.pagelist .prevpage1 {width:30px;height:30px}
	.pagelist a span,.pagelist strong {width:30px;height:30px;line-height:30px}
	.pagelist button:active span,.pagelist button:focus span,.pagelist button:hover span,.pagelist strong span {width:30px;height:30px;line-height:26px}

	/*비활성*/
	.pagelist .firstpage1 {background-size:120px 90px;background-position:0 0}
	.pagelist .prevblock1 {background-size:120px 90px;background-position:-31px 0}
	.pagelist .nextblock1 {background-size:120px 90px;background-position:-60px 0}
	.pagelist .lastpage1 {background-size:120px 90px;background-position:-92px 0}

	/*활성*/
	.pagelist .firstpage {background-size:120px 90px;background-position:0 0}
	.pagelist .prevblock {background-size:120px 90px;background-position:-31px 0}
	.pagelist .nextblock {background-size:120px 90px;background-position:-60px 0}
	.pagelist .lastpage {background-size:120px 90px;background-position:-92px 0}

	/*hover*/
	.pagelist .firstpage:hover {background-size:120px 90px;background-position:0 0}
	.pagelist .prevblock:hover {background-size:120px 90px;background-position:-31px 0}
	.pagelist .nextblock:hover {background-size:120px 90px;background-position:-60px 0}
	.pagelist .lastpage:hover {background-size:120px 90px;background-position:-92px 0}

	/* 홍보영상 게시판 */
	.vod-list li{width:100%; margin-right:0;}
	.vod-list li:nth-child(n){margin-right:0;}
}
@media all and (max-width:320px){
	.board-list-li2 .ptitle {margin-right:0}
	.board-list-li2 .pcont {margin-right:0}
	.board-list-li2 .pbtns {display:none}
}

/* 고객의소리 */
@media all and (max-width:999px){
	.customer-wrap .tbl-form th {width:20%}
	.customer-wrap .tbl-form td {width:80%}
	.customer-wrap .mbtn-wrap {margin-top:25px}
}
@media all and (max-width:768px){
	.customer-wrap .tbl-form {border:1px solid #ddd;border-top:2px solid #696c75;border-bottom:0;letter-spacing:0}
	.customer-wrap .tbl-form tr {overflow:hidden;display:block;border-bottom:1px solid #ddd}
	.customer-wrap .tbl-form td,.customer-wrap .tbl-form th {border:0;background:#fff;display:block;width:95%!important;float:left}
	.customer-wrap .tbl-form th {font-size:1.154em;padding:15px 0 5px 2.5%}
	.customer-wrap .tbl-form td {position:relative;padding:5px 2.5% 15px;font-size:1.154em}
	.customer-wrap .tbl-form td .sw-btn {position:absolute;top:-30px;right:2.5%;letter-spacing:-1px}
	.customer-wrap .tbl-form td input[type=password],.customer-wrap .tbl-form td input[type=text] {width:98%;border:0;background:#f0f0f0;margin:2px 0;height:40px;color:#444}
	.customer-wrap .tbl-form td input[type=password]::-webkit-input-placeholder,.customer-wrap .tbl-form td input[type=text]::-webkit-input-placeholder {color:#444}
	.customer-wrap .tbl-form td input[type=password]:-moz-placeholder,.customer-wrap .tbl-form td input[type=text]:-moz-placeholder {color:#444}
	.customer-wrap .tbl-form td input[type=password]::-moz-placeholder,.customer-wrap .tbl-form td input[type=text]::-moz-placeholder {color:#444}
	.customer-wrap .tbl-form td input[type=password]:-ms-input-placeholder,.customer-wrap .tbl-form td input[type=text]:-ms-input-placeholder {color:#444}
	.customer-wrap .tbl-form td .stit {display:none}
	.customer-wrap .tbl-form td input.text.w40p {width:40%}
	.customer-wrap .tbl-form td input.text.w30p {width:45%}
	.customer-wrap .tbl-form td input.text.w90 {width:90px}
	.customer-wrap .tbl-form td input.text.w50 {width:28%!important}
	.customer-wrap .tbl-form td input.text.w15p,.customer-wrap .tbl-form td input.text.w20p,.customer-wrap .tbl-form td input.text.w25p,.customer-wrap .tbl-form td select.select {width:25%;height:40px}
	.customer-wrap .tbl-form td textarea {background:#f0f0f0;border:0}
}
@media all and (max-width:480px){
	.customer-wrap .tbl-form td input.text.w50 {width:25%!important}
	.customer-wrap .tbl-form td input.text.w20p,.member-form .tbl-form td input.text.w25p {width:40%}
	.customer-wrap .tbl-form td select.select {width:95%;margin-top:5px}
	.customer-wrap .mbtn-wrap .lp-btn {padding:0 20px;min-width:110px}
	.customer-wrap .mbtn-wrap .lw-btn {min-width:70px}

}

/* 4단 테이블 보기화면 */
@media all and (max-width:999px){
	.multi-wrap .tit {width:30%}
	.multi-wrap .cont {width:70%}
}
@media all and (max-width:768px){
	.multi-wrap .tbl-form,.multi-wrap .tbl-form tbody,.multi-wrap .tbl-form td,.multi-wrap .tbl-form th,.multi-wrap .tbl-form thead,.multi-wrap .tbl-form tr {display:block}
	.multi-wrap .tbl-form {border:1px solid #ddd;border-top:2px solid #696c75;border-bottom:0;letter-spacing:0}
	.multi-wrap .tbl-form tr {overflow:hidden;display:block}
	.multi-wrap .tbl-form td,.multi-wrap .tbl-form th {font-size:1.154em;border:0;background:#fff;display:block;width:95%!important;float:left}
	.multi-wrap .tbl-form th {padding:15px 0 5px 2.5%}
	.multi-wrap .tbl-form td {border-bottom:1px solid #ddd;padding:5px 2.5% 15px}
}