@media screen and (max-width:1400px){
	.inner {padding-left:20px; padding-right:20px;}
/* header */
	.header .logo {left:20px;}
	.header .gnb {right:-15px;}
/* footer */
	.footer .inner {background-position:20px 50%; padding-left:180px;}
/* main */
	.mvisual .txt {height:calc(100vh - 200px); max-height:775px;}
	.mb_link ul {border-left:0;}
	.mb_link li:last-child {border-right:0;}
	.mcon02 .list li {width:23%;}
	.mcon02 .recu dt {width:140px; height:140px; font-size:24px;}
	.mcon02 .recu dd {padding-left:160px;}
	.mcon02 .recu li {padding:0 40px;}
	.mcon02 .recu li strong {font-size:20px;}
	.fslide {padding-left:100px;}
	.fslide .slick-prev {left:20px;}
	.fslide .slick-next {left:56px;}
	.fslide .slick-slide {padding:0 5px;}
/* sub */
	.greeting li {width:48%;}
	.dl_box dt {width:200px;}
	.dl_box dd {width:calc(100% - 200px);}
	.map_text {flex-direction:column;}
	.map_text ul {margin-top:10px;}
/* 조직도 */
	.pyo .link a {width:14vw; height:4vw;}
	.pyo .link1 {left:0;}
	.pyo .link2 {left:16.5vw;}
	.pyo .link3 {left:33vw;}
	.pyo .link4 {right:33vw;}
	.pyo .link5 {right:16.5vw;}
	.pyo .link6 {right:0;}
}

@media screen and (max-width:1023px){
/* header */
    .header .inner {height:80px;}
	.header .logo {line-height:80px;}
	.header .logo img {height:60px;}
	.header .gnb {right:-5px;}
	.header .gnb li > a {line-height:80px; font-size:18px; padding:0 20px;}
	.header .snb a {font-size:15px;}
/* main */
	.mvisual {margin-top:80px;}
	.mvisual .txt {height:calc(100vh - 160px);}
	.mvisual .txt em {font-size:40px;}
	.mvisual .txt b {font-size:30px;}
	.mvisual .txt p {font-size:15px;}
	.mb_link li a {font-size:17px; line-height:80px;}
	.mcon .tit {font-size:34px;}
	.mcon01 {padding:80px 0;}
	.mcon01 .tit {margin-bottom:50px;}
	.mcon01 li a {height:360px;}
	.mcon01 li strong {font-size:26px; padding-bottom:20px; margin-bottom:10px;}
	.mcon01 li p {font-size:15px; line-height:24px;}
	.mcon02 .tit {margin-bottom:60px;}
	.mcon02 .recu li {padding:0 20px;}
/* sub */
	.svisual {font-size:40px; line-height:200px; margin-top:80px;}
	.aside a {font-size:19px; line-height:60px; padding:0 30px;}
	.container {padding:60px 20px 80px;}
	.greeting dl {margin-bottom:60px;}
	.greeting dt {right:-20px; width:80%; font-size:34px; line-height:50px; height:280px;}
	.greeting dd {height:370px;}
	.greeting li {font-size:14px; line-height:24px;}
	.greeting .tar {font-size:14px;}
	.info {font-size:34px; line-height:50px; height:300px; margin-bottom:50px;}
	.dl_box dl {margin-top:70px;}
	.dl_box dt {width:160px; font-size:22px; line-height:24px;}
	.dl_box dd {width:calc(100% - 160px);}
	.dl_box dd p {font-size:14px; line-height:22px;}
	.history li .year {font-size:20px; line-height:20px; margin-bottom:15px;}
	.pyo {margin-bottom:120px;}
	.tbl th,
	.tbl td {font-size:15px; padding:10px 5px;}
	.dl_box .gbox li {font-size:15px; line-height:26px;}
	.dl_box .gbox li:before {top:11px;}
	.board_top {padding:30px 0;}
	.board_list th,
	.board_list td {font-size:14px; height:40px;}
	.board_list td.tal a {line-height:39px;}
	.board_list .w1 {width:70px;}
	.board_list .w2 {width:60px;}
	.board_list .w3 {width:100px;}
	.board_list .w4 {width:70px;}
	.board_list .w5 {width:60px;}
	.board_list .w6 {width:80px;}
	.board_list .w7 {width:100px;}
	.board_list .w8 {width:160px;}
	.map_wrap .wrap_map {height:360px !important;}
	.map_text {margin:20px 0 50px;}
	.map_text b {font-size:18px; line-height:30px;}
	.map_text li {font-size:16px; line-height:34px; padding-left:44px;}
	.map_text li i {width:34px; height:34px; line-height:34px; font-size:16px;}
	.locat dt,
	.locat dd {padding-top:30px;}
	.locat dt {font-size:19px; width:130px;}
	.locat dd {width:calc(100% - 150px); font-size:14px; line-height:24px;}

	.over_tbl {position:relative;  padding-top:30px;overflow:scroll;}
	.over_tbl:before {content:"\f0a6 \ 좌우로 스크롤해주세요."; position:absolute; top:0; right:0; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:13px; line-height:20px;}
	.over_tbl > div {overflow:auto;}
	.over_tbl > div table {width:1024px;}
	
	.more {font-size:14px; line-height:40px; height:40px; width:250px; padding:0 15px;}
	
}

@media screen and (max-width:767px){
	.inner {padding-left:15px; padding-right:15px;}
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header .inner {height:50px;}
	.header .logo {line-height:50px;}
	.header .logo img {height:20px;}
	.header .btn_menu {position:absolute; top:0; right:0; width:50px; height:50px; z-index:10; overflow:hidden;}
	.header .btn_menu p {position:absolute; top:50%; left:50%; width:20px; height:2px; background:#333; border-radius:2px; margin-left:-10px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-8px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:6px;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
	.header.on .btn_menu .m {width:0; margin-left:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
	.header .gnb {position:fixed; top:0; right:-100%; width:100%; height:100%; padding-left:30%; opacity:0; transition:.2s linear;}
	.header.on .gnb {right:0; opacity:1;}
	.header .gnb .black {position:fixed; top:0; left:-100%; width:100%; height:100%; background:#0009; opacity:0; transition:.2s linear;}
	.header.on .gnb .black {left:0; opacity:1;}
	.header .gnb ul {position:relative; width:100%; height:100%; background:#fff; padding-top:50px; flex-direction:column;}
	.header .gnb li {border-bottom:#ddd 1px solid;}
	.header .gnb li:first-child {border-top:#ddd 1px solid;}
	.header .gnb li > a {position:relative; font-size:14px; line-height:40px; padding:0 10px;}
	.header .gnb li > a i {position:absolute; top:0; right:10px; width:14px; height:100%; overflow:hidden;}
	.header .gnb li > a i:before,
	.header .gnb li > a i:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#666; margin-top:-1px;}
	.header .gnb li > a i:before {transform:rotate(45deg); margin-left:-8px;}
	.header .gnb li > a i:after {transform:rotate(-45deg); margin-left:-2px;}
	.header .gnb li:hover .snb {display:none;}
	.header .snb {position:relative; top:0; border-top:#ddd 1px dashed; background:#f5f5f5;}
	.header .snb a {font-size:13px; line-height:30px; text-align:left; padding:0 15px;}
/* footer */
	.footer {padding:30px 0;}
	.footer .inner {padding:60px 15px 0; background-size:auto 38px; background-position:50% 0; text-align:center;}
	.footer span {font-size:10px; line-height:16px; margin:0 8px; display:inline-block; vertical-align:top;}
	.fslide_wrap {padding:10px 0;}
	.fslide {padding:0;}
	.fslide .slick-slide a {max-width:23vw;}
	.fslide .slick-arrow {width:30px; height:30px; margin-top:-15px;}
	.fslide .slick-prev {left:15px;}
	.fslide .slick-next {left:42px;}
/* main */
	.mvisual {margin-top:50px;}
	.mvisual .txt {text-align:center; height:314px;}
	.mvisual .txt em {font-size:22px; line-height:30px;}
	.mvisual .txt b {font-size:20px; line-height:33px;}
	.mvisual .txt p {font-size:10px; line-height:15px; margin-top:10px;}
	.mb_link li a {font-size:12px; line-height:50px;}
	.mcon .tit {font-size:20px; line-height:20px;}
	.mcon01 {padding:50px 0;}
	.mcon01 .tit {margin-bottom:20px;}
	.mcon01 ul {flex-direction:column;}
	.mcon01 li {width:100%;}
	.mcon01 li a {height:185px;}
	.mcon01 li strong {font-size:18px; padding-bottom:10px; margin-bottom:10px;}
	.mcon01 li p {font-size:11px; line-height:20px;}
	.mcon01 li.i2 {margin:10px 0;}
	.mcon02 {padding:20px 0;}
	.mcon02 .tit {margin-bottom:20px;}
	.mcon02 .list {flex-direction:column;}
	.mcon02 .list li {width:100%; margin-top:10px;}
	.mcon02 .list li:first-child {margin-top:0;}
	.mcon02 .list li a {padding:10px;}
	.mcon02 .list li .tg {text-align:center;}
	.mcon02 .list li i {font-size:10px; line-height:20px; height:22px;}
	.mcon02 .list li strong {font-size:12px; line-height:20px; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:10px 0 5px;}
	.mcon02 .list li p {font-size:10px; line-height:14px; height:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.mcon02 .recu {margin-top:40px;}
	.mcon02 .recu dt {width:80px; height:80px; font-size:15px; margin:0 0 -50px 15px;}
	.mcon02 .recu dt .more {font-size:12px;}
	.mcon02 .recu dd {padding-left:100px;}
	.mcon02 .recu ul {flex-direction:column; padding:25px 25px;}
	.mcon02 .recu li {width:100%; padding:0; margin-top:10px; padding-top:10px;}
	.mcon02 .recu li:before {top:0; left:0; width:100%; height:1px; margin-top:0;}
	.mcon02 .recu li:first-child {margin-top:0; padding-top:0;}
	.mcon02 .recu li strong {font-size:12px; line-height:20px; margin-bottom:5px;}
	.mcon02 .recu li p {font-size:11px; line-height:18px;}
/* sub */
	.svisual {font-size:25px; line-height:130px; margin-top:50px;}
	.aside .home,
	.aside .g,
	.aside .s dt {display:block;}
	.aside {position:relative; padding-left:40px; border-bottom:#ddd 1px solid; display:flex; z-index:10;}
	.aside .home {position:absolute; top:0; left:0; width:40px; height:40px; background:url('/images/icon_home.png') no-repeat 50% 50% / 16px; padding:0;}
	.aside dl {position:relative; border-left:#ddd 1px solid; width:50%;}
	.aside dt {position:relative; font-size:12px; color:#666; line-height:40px; padding:0 10px;}
	.aside dt i {position:absolute; top:50%; right:10px; width:14px; height:14px; margin-top:-7px; background:#efefef; border-radius:50%;}
	.aside dt i:before {content:""; position:absolute; top:50%; left:50%; margin:-3px 0 0 -2px; border:transparent 2px solid; border-right-color:#707070; border-bottom-color:#707070; transform:rotate(45deg); transition:.2s linear;}
	.aside .on dt i:before {transform:rotate(225deg); margin-top:-1px;}
	.aside dd {position:absolute; top:40px; left:-1px; width:calc(100% + 2px); background:#fff; border:#ddd 1px solid; border-top:0; flex-direction:column; display:none;}
	.aside dd a {font-size:12px; line-height:30px; padding:0 10px;}
	.aside dd a:after {width:1px; height:0; left:0; top:50%; transform:translate(0,-50%);}
	.aside a:hover:after {width:0;}
	.aside a.on {background:#f5f5f5;}
	.aside a.on:after {width:4px; height:4px;}
	.container {padding:40px 15px 50px;}
	.container .title {font-size:20px; line-height:30px; margin-bottom:40px;}
/* 인사말 */
	.greeting dt {font-size:16px; line-height:26px; height:130px;}
	.greeting dt:before,
	.greeting dt:after {width:32px; height:25px;}
	.greeting dt:before {top:10px; left:10px;}
	.greeting dt:after {right:10px; bottom:10px;}
	.greeting dd {height:200px;}
	.greeting ul {flex-direction:column;}
	.greeting li {font-size:12px; line-height:18px; width:100%;}
	.greeting .tar {font-size:12px; line-height:18px; margin-top:10px; text-align:center !important;}
	.greeting .tar img {height:20px; margin-top:5px;}
/* 회사개요 */
	.info {font-size:20px; line-height:30px; height:200px; margin-bottom:30px;}
	.dl_box dl {flex-direction:column; margin-top:30px;}
	.dl_box dt,
	.dl_box dd {width:100%;}
	.dl_box dt {font-size:16px; margin-bottom:10px;}
	.dl_box dt:after {width:16px; height:2px; margin-top:10px;}
	.dl_box dd p {font-size:12px; line-height:18px;}
	.history ul {padding-left:30px;}
	.history ul:before {left:8px;}
	.history li {margin-top:30px;}
	.history li .year {font-size:16px; margin-bottom:10px;}
	.history li .year i {left:-30px; width:16px; height:16px; margin-top:-8px;}
	.history li .year i:before {width:6px; height:6px; margin:-3px 0 0 -3px;}
/* 조직도 */
	.dl_box .point {top:-60px;}
	.pyo {margin-bottom:80px;}
	.pyo .link a {width:9vw; height:49vw;}
	.pyo .link1 {left:17vw;}
	.pyo .link2 {left:27vw;}
	.pyo .link3 {left:36vw;}
	.pyo .link4 {right:36vw;}
	.pyo .link5 {right:27vw;}
	.pyo .link6 {right:17vw;}
	.tbl th,
	.tbl td {font-size:12px; line-height:20px; padding:5px;}
	.dl_box .gbox {padding:10px; margin-top:20px;}
	.dl_box .gbox li {font-size:12px; line-height:20px; padding-left:10px;}
	.dl_box .gbox li:before {width:4px; height:4px; top:8px;}
/* 게시판 */
	.board_top {padding:10px;}
	.board_top .text,
	.board_top .btn {font-size:12px;}
	.board_top select.text {width:30%; margin-right:1%;}
	.board_top input.text {width:50%;}
	.board_top .btn {width:29%;}
	.board_list th,
	.board_list td {font-size:12px;}
	.board_list .w2 {width:50px;}
	.board_list .w3 {width:70px;}
	.board_bottom .btns {margin-top:30px;}
	.board_bottom .btns .btn {font-size:13px; height:30px; line-height:28px;}
	.board_bottom .btns.tac .btn {max-width:24%;}
	.board_bottom .paging {margin-top:30px;}
	.board_bottom .paging a {width:30px; height:30px; line-height:28px; font-size:12px;}
	.board_bottom .paging .arrow img {height:14px;}
	.board_in thead th {font-size:16px; line-height:24px; padding:10px;}
	.board_in thead td span {font-size:12px; line-height:20px; padding:0 5px;}
	.board_in tbody td {padding:10px;}
	.board_in tfoot td {padding-left:80px; font-size:13px; line-height:20px;}
	.board_in tfoot td em {left:10px;}
	.board_write .w1 {width:70px;}
/* 채용공고 */
	.mo_break colgroup,
	.mo_break thead {display:none;}
	.mo_break table,
	.mo_break tbody,
	.mo_break td {display:block;}
	.mo_break tr {position:relative; display:flex; flex-wrap:wrap; border-bottom:#ddd 1px solid; padding:10px;}
	.mo_break td {border-bottom:0; text-align:left; height:auto;}
	.mo_break td:nth-child(1) {position:absolute; bottom:10px; right:10px;}
	.board_list td.tal a {line-height:20px;}
	.board_list .sang {font-size:11px; line-height:20px; height:20px; width:50px;}
	.mo_break td:nth-child(2) {width:100%; margin-bottom:10px;}
	.mo_break td:nth-child(3) {width:80px;}
	.board_list td em {display:inline-block; font-size:11px; color:#999; margin-right:5px;}
	.board_in thead th .sang {font-size:12px; line-height:24px; height:24px; width:50px; margin-right:10px;}
/* 오시는길 */
	.map_wrap .wrap_map {height:280px !important;}
	.map_text b {font-size:13px; line-height:20px;}
	.map_text ul {flex-direction:column;}
	.map_text li {margin:10px 0 0; font-size:13px; line-height:30px; padding-left:40px;}
	.map_text li i {width:30px; height:30px; line-height:30px; font-size:13px;}
	.locat dl {flex-direction:column;}
	.locat dt,
	.locat dd {padding-top:10px;}
	.locat dt {font-size:15px; width:50%;}
	.locat dd {font-size:13px; line-height:20px; width:100%; border-top:0;}
/* 주요관리시설 */
	.tabs {margin-bottom:10px;}
	.g02 .tabs {margin-bottom:30px;}
	.tabs li a {font-size:13px; line-height:34px;}
	.tbl.th240 th,
	.g02 .tbl col.w240 {width:22%;}
	.g02 .tbl col.w90 {width:10%;}
	.g02 .tbl col.w140 {width:30% !important;}
	.g02 .tbl col.w190 {width:30%;}
	.g02 .tbl col.w350 {width:30%;}
	.g02.s04 .tbl col.w90 {width:15%;}
	.g02.s04 .tbl col.w140 {width:10% !important;}
	.g02.s04 .tbl col.w190 {width:15%;}
	.g02 .tbl td {padding:5px;}
	.jq_tabonoff .jq_tab {margin-bottom:30px;}
	.jq_tabonoff .jq_tab li {font-size:12px; line-height:28px; height:30px; margin:0 2px;}
	.g02.s01 .jq_tabonoff .dl_box {margin-top:50px;}
	.map_wrap {height:240px;}
	.map_wrap.h28 {height:200px;}
	.map_txt {flex-direction:column; margin:20px 0 40px;}
	.map_txt .add {font-size:13px; line-height:30px;}
	.map_txt li {font-size:13px; line-height:30px; margin-left:20px;}
	.map_txt li em {font-size:13px; line-height:30px; height:30px; width:30px;}
	.dl_box dt {font-size:13px;}
	.tra_box dt {padding-top:20px;}
	.tra_box dd {padding-top:10px;}
	.tabs_d2 {margin-bottom:30px; display:flex;}
	.tabs_d2 li {display:block;}
	.tabs_d2 li a {font-size:13px; line-height:20px; height:46px; display:flex; justify-content:center; align-items:center;}
	.dl_box .bdbox.pd {padding:10px;}
	.g02 img.mb {margin-bottom:10px;}
	.over_tbl {padding-top:20px;}
	.over_tbl:before {font-size:12px;}
	.over_tbl > div table {width:768px;}
}