/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1440px){
/* header */
	.header .logo {left:20px;}
	.header .gnb .menu > a {font-size:16px; padding:0 25px;}
	.header .member {right:100px;}
	.header .btn_menu {right:20px;}
/* footer */
	.footer .logos img {max-height:38px;}
	.footer .gotop {right:20px;}
/* main */
	.mtit strong {font-size:56px;}
	.mtit .btn_link {margin-top:40px;}
	.mvisual_wrap .mv_txt {bottom:150px;}
	.mvisual_wrap .mv_txt .mtit p {font-size:20px; padding-top:15px;}
	.mvisual_wrap .mv_txt .navi {margin-top:50px;}
	.mc01 .inner {gap:5%;}
	.mc01 .mtit {width:40%;}
	.mc01 .mtit p {font-size:20px; margin-top:10px;}
	.mc01 .mc01_slide_wrap .swiper-slide .inbox:after {top:20px; right:20px; width:80px;}
	.mc01 .mc01_slide_wrap .swiper-slide p {bottom:20px; padding:0 20px; font-size:20px;}
	.mc02 .tit {font-size:60px;}
	.mc03 {padding:140px 0 180px;}
	.mc03 .inner {gap:10%;}
	.mc03 .mtit {width:25%;}
	.mc03 .mtit strong {font-size:48px;}
	.mc03 .list {width:65%;}
/* sub */
	.sub_contents {padding-top:180px; padding-bottom:180px; font-size:17px;}
	.stitle {font-size:40px; margin-bottom:20px;}
/* 게시판 목록 */
	.board_list th,
	.board_list td {height:68px; font-size:17px;}
	.board_list col.w8_3 {width:8%;}
	.board_list col.w11_1 {width:10%;}
/* 뉴스레터 */
	.thum_list a {gap:30px;}
	.thum_list .txt {width:calc(100% 0 400px);}
	.thum_list strong {font-size:22px;}
/* 수요조사 */
	.gall_list {gap:40px 20px;}
	.gall_list a {width:calc((100% - 40px)/3);}
	.gall_list .txt {padding:24px;}
	.gall_list .txt strong {font-size:20px;}
	.gall_list .txt p {font-size:17px;}
	.gall_list .txt .date {font-size:15px;}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
	.header .gnb .menu:hover > a:after {width:100%;}
	.header .gnb .snb a:hover {color:#1E2124; font-weight:600; text-decoration:underline;}
	.header .sitemap .snb a:hover {color:#1E2124; font-weight:600; text-decoration:underline;}
	.header.hover {background:#fff; border-bottom-color:#E6E8EA;}
	.header.hover:before {height:184px; border-top-width:1px; box-shadow:#0000000d 0 10px 10px;}
	.header.hover .logo {background:none;}
	.header.hover .logo img {opacity:1;}
	.header.hover .gnb .menu > a {color:#1E2124;}
	.header.hover .gnb .snb {height:184px; padding:25px 0;}
	.header.hover .btn_menu p {background:#1E2124;}

	.mc03 .list a:hover:after {opacity:1;}
	.tabs a:hover {color:#F57B20; font-weight:700;}
	.tabs a:hover:after {width:100%;}

	.gall_list a:hover:after {opacity:1;}
	.gall_list a:hover .txt strong {text-decoration:underline;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* header */
	.header {height:80px;}
	.header .gnb {display:none;}
	.header .member {right:100px; gap:20px;}
	.header .member a {font-size:15px;}
	.header .member a + a:before {left:-10px; height:12px;}
	.header .btn_menu {right:0; width:64px;}
	.header .sitemap {top:80px; height:190px;}
	.header .sitemap .menu > button,
	.header .sitemap .menu > a {font-size:16px; line-height:1; padding:0 20px; opacity:1; margin-bottom:10px;}
	.header .sitemap .snb a {font-size:15px; line-height:26px; padding:6px 0;}
/* footer */
	.footer {padding:44px 0;}
	.footer .point {top:62px;}
	.footer .top {padding-bottom:20px;}
	.footer .logos {gap:30px;}
	.footer .logos img {max-height:34px;}
	.footer .family_site {width:200px; margin-top:-10px;}
	.footer .family_site dt button {font-size:15px; line-height:50px; padding:0 20px;}
	.footer .family_site dt button:after {right:20px; width:16px;}
	.footer .family_site dd {border-radius:25px 25px 0 0; /* padding:10px 0; */}
	.footer .family_site dd a {font-size:14px; line-height:36px; /* padding:0 20px; */}
	.footer .family_site.on dt button {border-radius:0 0 25px 25px;}
	.footer .btm {margin-top:20px;}
	.footer .flex {gap:14px; font-size:15px;}
	.footer .sns a {width:44px;}
	.footer .address {margin-top:20px;}
	.footer .address dl {gap:6px;}
	.footer .copy {font-size:12px; margin-top:4px;}
	.footer .gotop {bottom:30px; width:60px; gap:6px; font-size:13px;}
	.footer .gotop:before {height:6px;}
	.footer.unfixed .gotop {bottom:calc(100% - 30px);}
/* main */
	.mtit strong {font-size:50px;}

	.mc01 {padding:100px 0;}
	.mc01 .inner {flex-direction:column; gap:80px;}
	.mc01 .mtit {width:100%;}
	.mc01 .mtit p {font-size:18px; margin-top:8px;}
	.mc01 .mc01_slide_wrap {width:100%;}
	.mc01 .mc01_slide_area {padding-right:30%;}
	.mc01 .mc01_slide_wrap .navi { margin-top:50px; padding-right:30%;}

	.mc02 .tit {font-size:50px;}
	.mc02 .after .img {width:500px; height:250px;}

	.mc03 {padding:100px 0 120px; background-size:40%;}
	.mc03 .inner {gap:5%;}
	.mc03 .mtit {width:30%;}
	.mc03 .mtit strong {font-size:36px;}
	.mc03 .list a {padding:26px 60px 26px 0;}
	.mc03 .list .type {font-size:13px; line-height:24px; height:24px; padding:0 8px;}
	.mc03 .list .tit {font-size:20px; margin:8px 0 12px;}
	.mc03 .list .date {font-size:16px;}
/* sub */
/* 게시판 상단 */
	.board_top .selects select {width:140px; height:50px;}
	.board_top .search_wrap {gap:6px;}
	.board_top .search_wrap select {height:50px; font-size:15px;}
	.board_top .search_area {gap:6px; font-size:15px;}
	.board_top .search_area input {width:300px; height:50px; padding:0 12px; border-radius:6px;}
	.board_top .search_area .btn {width:50px; height:50px;}
	.board_top .board_tab {gap:6px;}
	.board_top .board_tab a {font-size:15px;}
/* 게시판 상세 */
	.board_view .tit {padding-bottom:35px;}
	.board_view .tit strong {font-size:28px;}
	.board_view .tit .info {margin-top:10px; gap:11px;}
	.board_view .tit dl {gap:6px; font-size:15px;}
	.board_view .tit dl + dl:before {left:-6px; height:14px;}
	.board_view .con {padding:30px 0 60px;}
	.board_view .files a {font-size:15px; line-height:60px; padding-left:40px; background-position:14px 50%;}
	.board_view .btm .arrow {font-size:16px; line-height:68px; padding-left:120px;}
/* 수요조사 */
	.gall_list {gap:30px 10px;}
	.gall_list a {width:calc((100% - 20px)/3);}
	.gall_list .txt {padding:20px;}
	.gall_list .txt strong {font-size:18px;}
	.gall_list .txt p {font-size:16px;}
	.gall_list .txt .date {font-size:14px;}
/* 수요조사 상세 */
	.gbox {padding:20px;}
	.ntit {font-size:22px; margin:60px 0 15px; padding-left:30px;}
	.ntit .abso {font-size:14px;}
	.ntit span {top:4px;}
	.board_write th,
	.board_write td {padding:20px 0; height:80px;}
	.board_write th {width:200px;}
	.board_write th p {font-size:15px;}
	.board_write td .radios {gap:30px;}

	.btns_btm {margin-top:60px;}
	.btns_btm .btn {line-height:48px; height:50px; width:140px;}
/* 인사말 */
	.stit {font-size:24px; margin-bottom:15px;}
	.greeting {gap:20px;}
	.greeting .img {width:30%;}
	.greeting .img img {border-radius:15px;}
	.greeting .txt {width:calc(70% - 20px);}
	.greeting .name {margin-top:15px;}
	.greeting .name strong {font-size:20px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header {height:50px;}
	.header .logo img {height:30px;}
	.header .member {right:80px; gap:10px;}
	.header .member a {font-size:13px;}
	.header .member a + a:before {left:-5px; height:8px;}
	.header .btn_menu {width:60px;}
	.header .btn_menu p {width:20px; height:2px; margin-left:-10px;}
	.header .btn_menu .t {margin-top:-8px;}
	.header .btn_menu .b {margin-top:6px;}
	.header .sitemap {top:50px; height:calc(100% - 50px);}
	.header .sitemap .menus {flex-direction:column; justify-content:flex-start; padding:0; text-align:left;}
	.header .sitemap .menu {border-bottom:#ddd 1px solid;}
	.header .sitemap .menu > button,
	.header .sitemap .menu > a {position:relative; font-size:14px; line-height:20px; padding:15px 20px; margin-bottom:0; width:100%; text-align:left;}
	.header .sitemap .menu > button:after {content:""; position:absolute; top:50%; right:25px; width:8px; height:8px; margin:-6px 0 0 -4px; border-right:#aaa 2px solid; border-bottom:#aaa 2px solid; transform:rotate(45deg); transition:.2s linear;}
	.header .sitemap .menu.open > button:after,
	.header .sitemap .menu.on > button:after {margin:-2px 0 0 -4px; transform:rotate(225deg);}
	.header .sitemap .menu.on.open > button:after {margin:-6px 0 0 -4px; transform:rotate(45deg);}
	.header .sitemap .snb {border-top:#ddd 1px dashed; background:#f5f5f5; padding:10px 0; display:none;}
	.header .sitemap .snb a {font-size:14px; line-height:22px; padding:10px 20px; text-align:left;}
	.header .sitemap .on .snb {display:block;}
/* footer */
	.footer {padding:25px 0;}
	.footer .point {top:40px;}
	.footer .top {padding-bottom:15px; flex-direction:column; gap:20px;}
	.footer .logos {gap:20px; justify-content:center;}
	.footer .logos img {max-height:24px;}
	.footer .family_site {width:100%; margin-top:0;}
	.footer .family_site dt button {font-size:14px; line-height:40px;}
	.footer .family_site dt button:after {width:14px;}
	.footer .family_site dd {border-radius:20px 20px 0 0; padding:5px 0;}
	.footer .family_site dd a {font-size:13px; line-height:30px; padding:5px 20px;}
	.footer .family_site.on dt button {border-radius:0 0 20px 20px;}
	.footer .btm {margin-top:15px;}
	.footer .flex {gap:10px; font-size:13px;}
	.footer .sns {position:relative; justify-content:center; gap:30px; margin-top:10px;}
	.footer .sns a {width:40px;}
	.footer .address {margin-top:15px;}
	.footer .address dl {gap:4px;}
	.footer .copy {font-size:11px;}
	.footer .gotop {bottom:20px; width:40px; gap:4px; font-size:11px;}
	.footer .gotop:before {height:4px;}
	.footer.unfixed .gotop {bottom:calc(100% - 20px);}
/* 공통 */
	label.radio {padding-left:26px;}
	input[type="text"],
	input[type="password"],
	input[type="date"],
	select {height:36px; padding:0 10px;}
	select {background-position:right 10px center; background-size:12px;}
/* main */
	.mtit span {font-size:13px;}
	.mtit strong {font-size:36px; line-height:1.4; margin:5px 0 10px;}
	.mtit .btn_link {margin-top:20px;}
	.btn_link {gap:6px; width:140px; height:40px; font-size:14px;}
	.btn_link:after {width:12px;}
	.mvisual_wrap .mv_txt {bottom:80px;}
	.mvisual_wrap .mv_txt .mtit p {font-size:15px; padding-top:10px;}
	.mvisual_wrap .mv_txt .navi {margin-top:30px;}
	.mvisual_wrap .mv_txt .navi .paging {gap:10px; margin-right:10px;}
	.btn_scroll {bottom:10px; right:10px; padding-bottom:20px; height:100px;}
	.btn_scroll .txt {font-size:10px; line-height:14px;}
	.btn_scroll i {height:6px;}

	.mc01 {padding:50px 0;}
	.mc01 .inner {gap:40px;}
	.mc01 .mtit p {font-size:14px; margin-top:4px;}
	.mc01 .mc01_slide_area {padding:0;}
	.mc01 .mc01_slide_wrap .mc01_slide {width:calc(200% + 40px); padding:40px 20px; margin:-40px -20px; /* position:relative; left:50%; transform:translateX(-50%); */}
	.mc01 .mc01_slide_wrap .swiper-slide {width:100%;}
	.mc01 .mc01_slide_wrap .swiper-slide .inbox {border-radius:8px;}
	.mc01 .mc01_slide_wrap .swiper-slide .inbox:after {top:16px; right:16px; width:50px;}
	.mc01 .mc01_slide_wrap .swiper-slide p {bottom:16px; padding:0 16px; font-size:16px;}
	.mc01 .mc01_slide_wrap .swiper-slide.leaving,
	.mc01 .mc01_slide_wrap .swiper-slide.swiper-slide-prev {opacity:1;}
	.mc01 .mc01_slide_wrap .swiper-slide.leaving .outbox,
	.mc01 .mc01_slide_wrap .swiper-slide.swiper-slide-prev .outbox {transform:translateX(45%);}
	.mc01 .mc01_slide_wrap .swiper-slide.leaving .inbox,
	.mc01 .mc01_slide_wrap .swiper-slide.swiper-slide-prev .inbox {transform:rotateY(55deg);}
	.mc01 .mc01_slide_wrap .navi {margin-top:20px; padding-right:0;}
	.mc01 .mc01_slide_wrap .navi .arrow {width:36px;}
	.mc01 .mc01_slide_wrap .navi .paging {font-size:13px;}
	.mc01 .mc01_slide_wrap .navi .paging strong,
	.mc01 .mc01_slide_wrap .navi .paging span {font-size:20px;}
	.mc01 .mc01_slide_wrap .navi .paging span {padding:0 2px;}

	.mc02 .tit {font-size:30px;}
	.mc02 .after .img {width:300px; height:150px; border-radius:8px;}
	.mc02 .after p {top:calc(100% + 60px); font-size:13px; max-height:72px; padding:0 20px;}

	.mc03 {padding:50px 0;}
	.mc03 .inner {flex-direction:column; gap:6vw;}
	.mc03 .mtit {width:100%;}
	.mc03 .mtit strong {font-size:24px;}
	.mc03 .mtit .btn_link {position:absolute; bottom:0; right:0; margin:0;}
	.mc03 .list {width:100%;}
	.mc03 .list a {padding:15px 0;}
	.mc03 .list .type {font-size:12px; line-height:20px; height:20px; padding:0 6px;}
	.mc03 .list .tit {font-size:16px; margin:5px 0 10px;}
	.mc03 .list .date {font-size:13px;}
/* sub */
	.sub_contents {padding-top:100px; padding-bottom:100px; font-size:14px; min-height:calc(100vh - 289px);}
	.stitle {font-size:24px; margin-bottom:10px;}
	.location {gap:6px; margin-bottom:30px;}
	.location .home {width:16px;}
	.location span {width:6px;}
	.location dt button {font-size:13px;}
	.location dt button:after {width:8px;}
	.location dd {top:calc(100% + 8px); width:160px;}
	.location dd a {font-size:14px;}
	.location dl:last-child dd {left:auto; right:0;}
	.tabs {margin-bottom:40px; flex-wrap:wrap; gap:4px; border:0;}
	.tabs a {font-size:14px; line-height:38px; width:calc((100% - 8px)/3); border:#EBEBEB 1px solid; padding:0 5px; border-radius:10px;}
/* 게시판 상단 */
	.board_top {margin-bottom:12px; flex-direction:column; gap:10px;}
	.board_top .total {font-size:13px; width:100%; text-align:left;}
	.board_top .selects {gap:4px;}
	.board_top .selects select {width:100px; height:40px;}
	.board_top .search_wrap {width:100%; gap:4px;}
	.board_top .search_wrap select {width:100px; height:40px; font-size:13px;}
	.board_top .search_area {gap:4px; font-size:13px; width:calc(100% - 104px);}
	.board_top .search_area input {width:calc(100% - 44px); height:40px; padding:0 8px; border-radius:6px;}
	.board_top .search_area .btn {width:40px; height:40px; border-radius:6px;}
	.board_top .board_tab {gap:4px;}
	.board_top .board_tab a {font-size:13px; line-height:28px; height:30px; padding:0 12px;}
/* 게시판 목록 */
	.board_list colgroup,
	.board_list thead {display:none;}
	.board_list table,
	.board_list tbody,
	.board_list th,
	.board_list td {display:block;}
	.board_list tr {position:relative; display:flex; flex-wrap:wrap; gap:0 20px; padding:12px 0; border-bottom:#CDD1D5 1px solid;}
	.board_list th,
	.board_list td {height:auto; font-size:14px; padding:0; border:0;}
	.board_list tbody td {line-height:24px; padding:0; text-align:left;}
	.board_list td:before {font-size:12px; color:#666; font-weight:400; text-align:left;}
	.board_list td.num {display:none;}
	.board_list td.tal {width:100%;}
	.board_list td.file {position:absolute; bottom:12px; right:0;}
	.board_list td.writer,
	.board_list td.date,
	.board_list td.hit {display:flex; gap:5px;}
	.board_list td.writer:before {content:"작성자";}
	.board_list td.date:before {content:"등록일";}
	.board_list td.hit:before {content:"조회수";}
	.board_list .notice .tal {position:relative; padding-left:50px;}
	.board_list .notice .tal:before {content:"공지"; position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:14px; color:#fff; font-weight:600; display:block; line-height:20px; height:20px; background:#F57B20; padding:0 8px; border-radius:10px;}
/* 게시판 하단 */
	.board_bottom .paging {margin-top:40px;}
	.board_bottom .paging a {width:30px; height:30px; line-height:30px; font-size:13px;}
	.board_bottom .paging .first {margin-right:2px;}
	.board_bottom .paging .prev {margin-right:8px;}
	.board_bottom .paging .next {margin-left:8px;}
	.board_bottom .paging .last {margin-left:2px;}
/* 게시판 상세 */
	.board_view .tit {padding-bottom:20px;}
	.board_view .tit strong {font-size:18px;}
	.board_view .tit .info {margin-top:8px; gap:7px;}
	.board_view .tit dl {gap:4px; font-size:13px;}
	.board_view .tit dl + dl:before {left:-4px; height:10px;}
	.board_view .con {padding:20px 0 40px;}
	.board_view .files a {font-size:13px; line-height:46px; padding-left:36px; border-radius:8px; background-position:10px 50%;}
	.board_view .files a + a {margin-top:8px;}
	.board_view .btm {margin-top:40px;}
	.board_view .btm .arrow {font-size:13px; line-height:48px; padding-left:80px;}
	.board_view .btm .arrow strong {padding-left:32px;}
	.board_view .btm .arrow strong:before {left:12px; width:14px; height:14px;}
	.board_view .btm .btn_list {font-size:14px; line-height:50px; height:50px; width:180px; border-radius:6px; margin-top:40px;}
/* 뉴스레터 */
	.thum_list a {flex-direction:column; gap:20px; padding:12px 0;}
	.thum_list .imgfit {width:100%; border-radius:8px;}
	.thum_list .txt {width:100%;}
	.thum_list .type {font-size:13px;}
	.thum_list strong {font-size:18px; margin:8px 0;}
	.thum_list p {font-size:14px; margin-bottom:20px;}
	.thum_list .date {font-size:13px;}
/* 수요조사 */
	.gall_list a {width:100%; border-radius:8px;}
	.gall_list .txt {padding:16px;}
	.gall_list .txt strong {font-size:16px; margin-bottom:8px;}
	.gall_list .txt p {font-size:13px; margin:5px 0 10px;}
	.gall_list .txt .date {font-size:12px;}
/* 수요조사 상세 */
	.gbox {border-radius:8px; padding:16px;}
	.gbox p {font-size:14px !important;}
	.ntit {font-size:16px; margin:40px 0 10px; padding-left:24px;}
	.ntit span {top:2px; font-size:12px; line-height:20px; height:20px; width:20px;}
	.ntit .abso {font-size:12px;}
	.board_write table,
	.board_write tbody,
	.board_write th,
	.board_write td {display:block;}
	.board_write tr {display:flex; flex-direction:column; gap:5px; padding:12px 0; border-bottom:#E6E8EA 1px solid;}
	.board_write th,
	.board_write td {padding:0; height:auto; width:100%; border:0;}
	.board_write th p {font-size:12px;}
	.board_write td .radios {gap:20px;}
	.board_write td .inbtn,
	.board_write td .busi_num,
	.board_write td .tpye {gap:4px;}
	.board_write td .inbtn input {width:calc(100% - 104px);}
	.board_write td .inbtn .btn {line-height:38px; height:40px; width:100px; border-radius:4px;}
	.board_write td .busi_num span {width:6px; text-align:center;}
	.board_write td .busi_num input {width:calc((100% - 28px)/3);}
	.board_write td .file_wrap {padding-right:0; gap:10px;}
	.board_write td .file_wrap .btn_file span {line-height:38px; height:40px; width:100px; border-radius:4px;}

	.btns_btm {margin-top:40px; gap:4px;}
	.btns_btm .btn {line-height:38px; height:40px; width:calc(50% - 2px); border-radius:6px;}
/* 인사말 */
	.stit {font-size:16px; margin-bottom:10px;}
	.greeting {flex-direction:column; gap:20px;}
	.greeting .img {width:100%;}
	.greeting .img img {border-radius:10px;}
	.greeting .txt {width:100%;}
	.greeting .name {margin-top:10px;}
	.greeting .name strong {font-size:18px;}
}