@charset "utf-8";

/************************************************************************
 * 파일명      : media.css
 * 설명        : 서브화면 반응형
 * 작성자      : 박승연
 * 작성일      : 2021.11.04
************************************************************************/

@media (max-width:1440px) {
	
	/* sub top visual */
	.cont_layout.subTop {padding-left: 40px;}
	
	/* 헤더 - 220602 수정 */
	#header .logo {padding-left: 20px;}
	.lnb .wrap {padding-right: 30px;}
	/* #header .center .gnb .gnb_wrap li {padding:0 35px 0 45px;}
	#header .center .gnb .gnb_wrap .gnb_sublist {width:75%;} */
	
	/* snb 메뉴 사라짐 */
	.snb {display: none;}
	.sub_contents {max-width: 1400px; margin: 0 auto; padding: 0 20px;}
	.top_menu {display: block;}
	.contents {min-height: 0;}
	
	/* 탭메뉴 */
	.tab_layout .tab_menu {padding-left: 20px;}
	
	
	/* box list */
	.box_list_area .box_list,
	.box_list_area .box_list.on {height: auto; }
	
	/* box table */
	.box_list_area .box_table {padding-bottom: 13%;}
	.box_list_area .box_table.on {padding: 0 2px calc(13% - 4px) 0;} 
	
	/*box trend*/
	.total_area .frame .box_trend table tr td.first img {width: 100%; padding: 0;}
	
	/* 풋터 */
	#footer_wrap .m_cont_layout {padding-left: 30px; padding-right: 30px;}
	
	.m_cont_layout.sitemap {padding: 0 30px;} /* 220613,220708 */
}

@media (max-width:1400px) {
	.sub_top_visual { display: none; }
}

@media (max-width:1200px) {
	/* box table */
	.box_list_area .box_table {padding-bottom: 16%;}
	.box_list_area .box_table.on { padding: 0 2px calc(16% - 4px) 0;}
	.box_list_area .box_table dl.title dd.text .tit {font-size: 17px;}
	.box_list_area .box_table dl.title dd.text .txt {font-size: 12px; margin-top: 6px;}
}

@media (max-width:1000px) {
	
	/* 탭메뉴 */
	.cont_layout.tab {flex-wrap: wrap;}
	.tab_layout {height: 100px; margin-top: 15px;} /* 220628 SY add */
	.tab_layout .tab_menu {width: 100%; padding-right: 20px;}
	.tab_layout .sub_search {width: 100%; background: #fff; padding-right: 0; border-right: none;} 
	.tab_layout .sub_search .search_form {display: flex; justify-content: center; height: 50px;}
	.tab_layout .sub_search .search_form input.search_input {width: 93%; background: #f5f5f5;}
	.tab_layout .sub_search .search_form a.btn_sub_search {top:75%; right:6%;}
	.title_area {margin-top: 20px;} /* 220915 SY edit */
	
	/* box list */
	.box_list_area .box_list dl.title dd.text {padding-left: 20px;}
	.box_list_area .box_list dl.title dd.text .tit {font-size: 17px;}
	.box_list_area .box_list table tr {grid-template-columns: 3fr 130px 130px 1.5fr;}
	.box_list_area .box_list dl.title dd.text .txt {font-size: 12px;}
	.box_list_area .box_list dl.title dt.icon {width:48px; height:48px; margin-top: 18px;}
	.fs_14 {font-size: 13px;}
	.fs_16 {font-size: 15px;}
	
	/* tab menu 스크롤 상단고정 해제 */
	.tab_layout.sticky {position: static;}

	/* 가이드 */
	.guideImg1, .guideImg2, .guideImg3, .guideImg4, .guideImg5 {width: 100%;}
	.guideImg2 {margin-bottom: 20px;}
}

@media (min-width:981px){ 
	.sub_box .sub_title .selectWrap { display: inline-block !important; }/* *YP 230829 add */
}

@media (max-width:980px) {
	
	/* (211104) 추가 */
	#header, .burger_menu .sideBg .side_menu .head {height: 69px;}
	.burger_menu .sideBg .side_menu .head a img {width: 93%;}
	
    /* 헤더 */
	.lnb {display: none;}
    #header .center .gnb  {display: flex; align-items: center; width: auto; }
    #header .gnb .gnb_wrap {display: none;}
    #header .gnb .burger_menu {display: block;}
	
	/* sub top visual */
	/* .cont_layout.subTop {padding-left: 0;}
	.sub_top_visual,
	.sub_top_visual .top_visual1,
	.sub_top_visual .top_visual2,
	.sub_top_visual .top_visual3 {height:160px;}
	.sub_top_visual .top_visual1,
	.sub_top_visual .top_visual2,
	.sub_top_visual .top_visual3 {background: url(../img/sub/top_visual_tablet.png) no-repeat center;}
	.sub_top_visual .top_visual1 .sub_tit_txt,
	.sub_top_visual .top_visual2 .sub_tit_txt,
	.sub_top_visual .top_visual3 .sub_tit_txt {font-size:24px; text-align: center;}
	.sub_top_visual .top_visual1 .sub_exp_txt,
	.sub_top_visual .top_visual2 .sub_exp_txt,
	.sub_top_visual .top_visual3 .sub_exp_txt {font-size:15px; padding-top:18px; line-height:22px; text-align: center;}  */
	
	/* 서브 메인 버튼 */
	.btn_view_style .align_btn a,
	.btn_view_style .align_life_btn a {display: none;}
	
	/* 삶의 질 테이블형 신호등 아이콘 */
	.box_list_area .box_table table tr {display: flex; align-items: center;}
	th.except_pc {position: relative; top: 80%;  display: block; margin-left: 30px;}
	.box_list_area .box_table table tr td {padding: 0 25px;}
	
	/* 풋터 - 220919 edit */
    #footer_wrap .m_cont_layout {display: flex; justify-content: center; flex-wrap: wrap; box-sizing: border-box;}
	#footer_wrap .footer_menu {height: auto;}
	#footer_wrap .m_cont_layout.foot_address {text-align: center;}  
	#footer_wrap .foot_address .foot_logo { margin-right: 0; }
	.footer_menu .f_site  { display: none; }
	.m_f_site_wrap { display: flex; justify-content: center; width: 100%; background: #1e1e1f; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); }
	.m_f_site { position: relative;  width: 280px; height: 47px; box-sizing: border-box; }
	.m_f_site .tog_btn { display: block; color: #fff; font-size: 15px; height: 47px; line-height: 47px; text-align: left; padding-left: 20px; border: 1px solid rgba(255,255,255,0.1); border-top: none; border-bottom: none; box-sizing: border-box;}
	.m_f_site .tog_btn:hover {background: #29292c;}
	.m_f_site .tog_btn:after { content: ''; display: block; width: 5px; height: 5px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
	.m_f_site .tog_btn.clicked:after { top: 53%; transform: translateY(-50%) rotate(-135deg); }
	.m_f_site ul { position: absolute; top: 47px; width: 100%; display: none; background: #1e1e1f; border: 1px solid rgba(255,255,255,0.1);; box-sizing: border-box; z-index: 1; }
	.m_f_site ul li a { color: #fff; font-size: 15px; width: 100%; display: block; height: 47px; line-height: 47px; text-align: left; padding-left: 20px; box-sizing: border-box; }
	.m_f_site ul li:not(:last-of-type) a {border-bottom: 1px solid rgba(255,255,255,0.1);}
	.m_f_site ul li a:hover { text-decoration: underline; }
	
	/* 게시판 */
	.m_cont_layout.board .board_table col.date,
	.m_cont_layout.board .board_table col.author,
	.m_cont_layout.board .board_table col.views,
	.m_cont_layout.board .board_table thead tr th.date,
	.m_cont_layout.board .board_table thead tr th.author,
	.m_cont_layout.board .board_table thead tr th.views,
	.m_cont_layout.board .board_table tbody tr td.date,
	.m_cont_layout.board .board_table tbody tr td.author,
	.m_cont_layout.board .board_table tbody tr td.views {display: none;}
	.m_cont_layout.board .board_table thead tr th.num,
	.m_cont_layout.board .board_table tbody tr td.num,
	.m_cont_layout.board .board_table col.num {width: 100px;}
	.m_cont_layout.board .board_table thead tr th.title,
	.m_cont_layout.board .board_table tbody tr td.title,
	.m_cont_layout.board .board_table col.title {width: calc(100% - 110px);}
	.m_cont_layout.board .board_table tbody tr td.title {max-width: 150px; margin-left: 15px;}
	
	/* 지표서비스 : 관심지표 등록 모달 (211126) */
	.myIndex_popup .popCont .popBtm .group_btn a.add {display: none;}
	
	/* sub_title select style CSS - 220614 SY */
	.sub_box .sub_title .period_select {display: none; margin-top: 15px; margin-bottom: 15px; }/* *YP 230829 edit */
	.ac_btn {display: none;}
	.filter_btn {display: block;}
	
	/* 사이트맵 (220613,220708) */
    .m_cont_layout.sitemap .sitemap {flex-wrap: wrap; justify-content: flex-start;}
    .m_cont_layout.sitemap .sitemap>li {width: 32%; margin-right: 0;}
    .m_cont_layout.sitemap .sitemap>li:not(:nth-of-type(3n)) {margin-right: 2%;}
	.m_cont_layout.sitemap >ul > li.home.block {margin-left: 20px;border-left: 1px solid #8da6cd;}
	.m_cont_layout.sitemap .sitemap_tit {margin-top: 15px;}
	
	/* 서브 헤드 (220708) */
	.sub_head .sub_tit {font-size: 30px;}
	.sub_head .breadcrumbs ol.breadcrumbs_list li.breadcrumbs_item a {font-size: 14px;}
	
	/* 지표서비스 : 상위 버튼목록 추가 (220810) */
	.service_top_btn {justify-content: flex-start; }
	.service_top_btn a {height: 30px; padding: 0 15px; font-size: 13px;}
	.service_top_btn a:nth-of-type(1) {margin-left: 0;}
}

@media (max-width:900px) {
	
	/* box table */
	.box_list_area .box_table {width: 49%; padding-bottom: 25%; margin-bottom: 2%;}
	.box_list_area .box_table.on { padding: 0 2px calc(25% - 4px) 0;}
	.box_list_area .box_table:not(:nth-of-type(3n)) {margin-right: 0;}
	.box_list_area .box_table:not(:nth-of-type(2n)) {margin-right: 2%;}
	.box_list_area .box_table dl.title dd.text .tit {font-size: 17px; }
	.box_list_area .box_table dl.title dd.text .txt {position: relative; width: inherit; font-size: 12px; margin-top: 6px; display: block; overflow: hidden; text-overflow: ellipsis; }
	
	/* box table : 삶의 질 */
	.box_list_area.life .box_table:not(:nth-of-type(3n+1)) {margin-right: 0;}
	.box_list_area.life .box_table:not(:nth-of-type(2n-1)) {margin-right: 2%;}
	
	/* 더보기 버튼 크기 조절 */
	.btn_more a.btn_more_down {width: 75px; height: 75px; font-size: 28px;}
	
	/* 게시판 */
	.m_cont_layout.board .board_search .board_search_wrap {height: 30px;}
	.m_cont_layout.board .board_search .board_search_wrap input {padding: 3px 12px; font-size: 13px;}
	.m_cont_layout.board .board_search .board_search_wrap select,
	.m_cont_layout.board .board_search .board_search_wrap a.search_btn {line-height: 30px; font-size: 13px;}
	.m_cont_layout.board .board_pager span,
	.m_cont_layout.board .board_pager ol li {width: 32px; height: 32px; margin-bottom: 5px;}
	
	/* 인트로 */
	.introImg1 {width: 100%; margin-top: 0; margin-bottom: 10px}
	.inner_box.intro .pageTitle {font-size: 15px;}
	.inner_box.intro .l_tit {margin-top: 20px; font-size: 17px;}
	.introImg2 {width: 100%;}
	
	/* 가이드 */
	.inner_box.guide .tab {margin: 20px 0 30px;}
	.inner_box.guide .tab a.tab_btn {width: 24%;}
}

@media (max-width:800px) {
	
	/* 삶의질 정보게시판 : 이미지 슬라이드 */
	.inner_box .report {margin: 40px 0 30px;}
	.inner_box .report ul li {width: 20%;}
	.inner_box .report .page_arrow {position: absolute; top: calc(50% - 64px);}
	.inner_box .report .page_arrow a {top: 12px; width: 18px; height: 18px;}
	.inner_box .report .page_arrow a.left {left: 1%;}
	.inner_box .report .page_arrow a.right {right: 1%;}
	.inner_box .report .pager {padding-top: 20px;}	
	
	/*이지영 추가*/
	.box_list_area .box_list dl.explain{width: 116px;}
}

@media (max-width:768px) {
	.inner_box {padding: 15px;}
	
    /* box table */
	.box_list_area .box_table {padding-bottom: 35%;}
	.box_list_area .box_table.on {padding: 0 2px calc(35% - 4px) 0;}
	.box_list_area .box_table dl.title dd.text .tit {font-size: 16px;}
	
	/* 리스트형, 테이블형 버튼 사라짐 */
	.btn_view_style button.btn_list,
	.btn_view_style button.btn_table {display: none;}
	
	.align_life_btn button.btn_table {display: block;}
	
	/* 삶의 질 전체리스트 보기 */
	.total_area .frame .box_trend>table>tbody>tr>td:first-of-type {width: 55px;}
}

@media (max-width:680px) {
	
	.total_area .frame .box_trend {width: 100%; margin-bottom: 3%;}
	
	/* 지표서비스 : 서비스 만족도 조사 */
	.sub_box.service .sub_conts table tbody tr {display: flex; flex-wrap: wrap;}
	.sub_box.service .sub_conts table tbody tr:first-of-type, 
	.sub_box.service .sub_conts table tbody tr:nth-of-type(2) {height: auto;}
	.sub_box.service .sub_conts table tbody tr:nth-of-type(3) {padding-top: 10px;}
	.sub_box.service .sub_conts table tbody tr th {width: 100%;}
	.sub_box.service .sub_conts table tbody tr td {width: 100%;}
	.sub_box.service .sub_conts .infoDiv {margin-bottom: 15px;}
	.sub_box.service .sub_conts .starDiv .score {width: 100%; margin-bottom: 10px;}
	.sub_box.service .sub_conts .starDiv .cont {width: calc(100% - 90px);}
	
	/* 지표서비스 : 버튼 */
	.inner_box .sub_box .sub_conts .graph_btn_area {margin-top: 0;}
	.inner_box .sub_box .sub_conts .graph_btn_area .right {margin-bottom: 5px;}
	.inner_box .sub_box .sub_conts .graph_btn_area .left {margin-bottom: 10px;}
	
	.sub_contents.boardTab .board_tab2{display: flex; height: 40px; background: #4f67b4; margin-top: 20px;}
	
	/* 사이트맵 (220613,220708) */
	.m_cont_layout.sitemap .sitemap_tit {font-size: 24px;}
    .m_cont_layout.sitemap .sitemap>li {width: 48%;}
	.m_cont_layout.sitemap .sitemap>li:not(:nth-of-type(3n)){margin-right: 0;}
    .m_cont_layout.sitemap .sitemap>li:not(:nth-of-type(2n)) {margin-right: 4%;}
	
}

@media (max-width:650px) {
	
	/* 삶의질 정보게시판 : 이미지 슬라이드 */
	.inner_box .report ul li {width: 30%; margin-right: auto;}
	.inner_box .report ul li:last-of-type {margin-right: auto;}
	.inner_box .report ul li:nth-of-type(2n) {margin-right: 15%;}
	.inner_box .report ul li:nth-of-type(2n - 1) {margin-left: 15%;}
	.inner_box .report ul li:nth-of-type(1),
	.inner_box .report ul li:nth-of-type(2) {margin-bottom: 6%;}
	.inner_box .report ul li a span {font-size: 14px;}
	.inner_box .report .page_arrow a.left {left: 8%;}
	.inner_box .report .page_arrow a.right {right: 8%;}
	.inner_box .report .pager {padding-top: 20px;}	
	
	/* 게시판 */
	.m_cont_layout.board .board_search { margin: 10px 0 30px;}
	
	/*게시판 탭 (211105*/
	.sub_contents.boardTab .board_tab{margin: 10px 0 20px;}
	
	/* 소개페이지 220915 */
	.p_img img { width: 100%; }
}

@media (max-width:630px) {
	
	/* 탭메뉴 */
	.tab_layout .tab_menu li {padding-left: 13px;}
	.tab_layout .tab_menu li a {font-size: 14px;}
	.tab_layout .tab_menu>ul>li:after,
	.tab_layout .tab_menu>ul>li:hover:after {right: 13px;}
	.tab_layout .tab_menu li ul.sublist {padding: 8px 0;} 
	.tab_layout .tab_menu li ul.sublist > li a {font-size: 13px; line-height:28px;}
	.tab_layout .tab_menu li ul.sublist > li a span {display: none;}
    
}

@media (max-width:600px) {
	
    /* 풋터 */
	#footer_wrap .m_cont_layout.foot_menu {} 
	#footer_wrap .footer_menu a.ftm_tit,
    #footer_wrap .address {font-size: 15px;}
	#footer_wrap .copyright {font-size: 14px;}
	
	/* 220218 수정 - 박승연 */
	.sub_box .sub_title select {width: calc(100% - 170px); padding: 0 10px 0 10px;}
	
	/* sub_title select style CSS - 220614 SY */
	.sub_box .sub_title .index_select {width: calc(100% - 170px); padding: 0 10px 0 10px; }
	.sub_box .sub_title .index_select select {width: 100%; margin-left: 0;}
	
	/* 서브 헤드 (220708)*/
	#subContainer .sub_bg .sub_head:before {background: url(../../main/img/main/sub_head_figure2.png) no-repeat center; background-size: cover;}
}

@media (max-width:530px) {
	
	/* 가이드 */
	.inner_box.guide .tab {margin: 10px 0 30px;}
	.inner_box.guide .tab a.tab_btn {width: 47%; padding: 6px 0; box-sizing: border-box; text-align: center;font-size: 14px;}
	.inner_box.guide .tab a.tab_btn {border: 1px solid #435eb5;}
	.inner_box.guide .tab a.tab_btn:not(:last-of-type) {border-right: unset;}
	.inner_box.guide .tab a.tab_btn:first-of-type {border-bottom-left-radius: 0; border-top-left-radius: 3px; border-bottom: none;}
	.inner_box.guide .tab a.tab_btn:nth-of-type(2) {border-top-right-radius: 3px; border-bottom: none; border-right: 1px solid #435eb5;} 
	.inner_box.guide .tab a.tab_btn:nth-of-type(3) {border-bottom-left-radius: 3px;} 
	.inner_box.guide .tab a.tab_btn:last-of-type {border-bottom-right-radius: 3px; border-top-right-radius: 0;}
}

@media (max-width:570px) {
	
	/* 풋터 */
	#footer_wrap .footer_menu a.ftm_tit {width: 50%; text-align: center; box-sizing: border-box; white-space: nowrap;} 
	#footer_wrap .footer_menu a.ftm_tit:nth-child(3) {background:none;}
	
	/* 지표서비스 : 관심지표 등록 모달 (220415) */
	.myIndex_popup .popCont {width: 260px; height: 350px;}
	.myIndex_popup .popCont .close {width: 40px; height: 40px;}
	.myIndex_popup .popCont .close i {font-size: 22px; margin: 9px 0 0 9px;}
	.myIndex_popup .popCont .popTit {font-size: 16px; padding: 9px 20px; margin-bottom:20px}
	.myIndex_popup .popCont .popBtm {height: calc(100% - 67px); padding: 0 20px;}
	.myIndex_popup .popCont .popBtm .group_list {height: calc(100% - 10px);}
	.myIndex_popup .popCont .popBtm .group_list li {font-size: 14px;}
	.myIndex_popup .popCont .popBtm .group_list li i {margin-right: 7px;}
	/*.myIndex_popup .popCont .popBtm .group_btn {margin-top: 5px;}*/
	
	/* 지표서비스 : 상위 버튼목록 추가 (220810) */
	.service_top_btn a {width: 30px; height: 30px; justify-content: center; border-radius: 3px; font-size: 0; padding: 0;}
	.service_top_btn a i {margin-right: 0; font-size: 20px;}
}

@media (max-width:560px) {
	
	/* 메인 버튼 */
	.btn_view_style {padding: 0;}
	.btn_view_style .alpha_btn,
	.btn_view_style .alpha_life_btn {display: none;}
	.btn_view_style .align_life_btn {width: 100%; justify-content: flex-end; margin-bottom: 10px;}
	.top_menu {margin: 20px 0 15px;}
	
	/* 지표서비스 : 서비스 만족도 조사 */
	.sub_box.service .sub_conts .infoDiv .name {margin-bottom: 10px;}
}

@media (max-width:480px) {
	
    /* box table */
	.box_list_area .box_table {width: 100%; padding-bottom: 30%;}
	.box_list_area .box_table.on {padding: 0 2px calc(30% - 4px) 0;}
	.box_list_area .box_table:not(:nth-of-type(2n-1)) {margin-right: 0;}
	
	/* box table : 삶의 질 */
	.box_list_area.life .box_table:not(:nth-of-type(2n-1)) {margin-right: 0;}
	.box_list_area .box_table:not(:nth-of-type(2n)) {margin-right: 0;}
	
	/* 더보기 버튼 크기 조절 */
	.btn_more a.btn_more_down {width: 65px; height: 65px; margin: 10px auto 40px;  font-size: 28px;}
	
	/* snb -> top menu */
	.top_menu {height: 44px;}
	.top_menu>ul>li:first-of-type {display: none;}
	.top_menu>ul>li {width: 100%;}
	.top_menu>ul>li>a {line-height: 44px;}
	
	/* 지표서비스 */
	/* .inner_box .tit {display: none;} */
	.inner_box .right_tit {justify-content: flex-end;}
	.inner_box .pageTitle {margin: 0; font-size: 19px;}
	.inner_box .pageTitle span {padding: 2px 5px; margin-left: 8px;}
	.inner_box .pageTitle span i {font-size: 16px;}
	.inner_box .right_tit a.toggle:before {font-size: 12px;}
	.inner_box .sub_box .sub_title img {display: none;}
	.inner_box .sub_box .sub_title {margin-top: 3px; font-size: 16px;}
	.graph_btn_area .right a.download {display: none;}
	.btn_base {line-height: 27px; font-size: 12px;}
	.btn_gr, .btn_blk {line-height: 24px; font-size: 12px;}
	.btn_gr i.xi-renew {line-height: 27px; font-size: 18px;}
	.btn_gr>span {display: none;}
	.sub_box .sub_title select {width: calc(100% - 80px); padding: 0 10px 0 10px;}
	
	/* 삶의질 정보게시판 : 이미지 슬라이드 */
	.inner_box .report {margin: 20px 0 30px;}
	.inner_box .report ul li {width: 38%;}
	.inner_box .report ul li:nth-of-type(2n) {margin-right: 6%;}
	.inner_box .report ul li:nth-of-type(2n - 1) {margin-left: 6%;}
	.inner_box .report ul li:nth-of-type(1),
	.inner_box .report ul li:nth-of-type(2) {margin-bottom: 10%;}
	.inner_box .report ul li a span {padding-top: 5px;}
	.inner_box .report .page_arrow a.left {left: 3%;}
	.inner_box .report .page_arrow a.right {right: 3%;}
	
	/* 게시판 내부 */
	.m_cont_layout.board .board_box {margin: 0 0 20px;}
	.m_cont_layout.board .board_box .board_table tr th {padding: 15px 20px 15px 30px;}
	.m_cont_layout.board .board_box .btn_right a {font-size: 14px;}
	.m_cont_layout.board .board_box ul {margin-top: 20px;}
	.m_cont_layout.board .board_box ul li {font-size: 14px; padding: 13px 30px;}
	.m_cont_layout.board .board_box ul li a {padding-left: 30px;}
	.m_cont_layout.board .board_box .btn_right a {padding: 5px 17px;}
	
	/* 가이드 */
	.inner_box.guide .tit {display: block;}
	
	/* 220218 수정 - 박승연 */
	.sub_box .sub_title select {width: calc(100% - 120px);}
	
	/* sub_title select style CSS - 220614 SY */
	.sub_box .sub_title .index_select {width: calc(100% - 120px); }
	
	/* 서브 헤드 (220708) */
	.sub_head .sub_tit {padding: 18px 0 50px; font-size: 24px;}
	.sub_head .breadcrumbs ol.breadcrumbs_list li.breadcrumbs_item a {font-size: 13px;}
	
	/* 소개페이지 탭 221205 SY Edit */
	.inner_box.intro .tab.life { flex-wrap: wrap; height: auto;}
	.inner_box.intro .tab.life a.tab_btn {width: 50%; height: 40px; box-sizing: border-box;}
	.inner_box.intro .tab.life a.tab_btn:nth-of-type(1) {border-right: 1px solid #435eb5 !important; border-bottom: 1px solid #435eb5 !important;}
	.inner_box.intro .tab.life a.tab_btn:nth-of-type(3) { border-right: 1px solid #435eb5 !important; border-bottom: 1px solid #435eb5 !important;}
	.inner_box.intro .tab.life a.tab_btn:nth-of-type(4) { border-top: 1px solid #435eb5 !important; border-bottom: 1px solid #435eb5 !important;}
	.inner_box.intro .tab.life a.tab_btn:nth-of-type(5) {border-right: 1px solid #435eb5 !important; }
	
}

@media (max-width:400px) {
	
	/* 햄버거 메뉴 */
    .burger_menu .sideBg .side_menu {right: -100%; width: 100%;}
	
	/* 탭메뉴 */
	.tab_layout .tab_menu>ul>li.on {width: 100%; background: #435eb5; border-left:1px solid #697ec4;}
	.tab_layout .tab_menu>ul>li.on:hover {background: #24377b;}
	.tab_layout .tab_menu>ul>li:not(.on) {display: none;}
	.tab_layout .tab_menu.common>ul>li.on {background:#24377b;}
	.tab_layout .tab_menu.common>ul>li.on, .tab_layout .tab_menu.common>ul>li {width:50%;}
	.tab_layout .tab_menu.common>ul>li:not(.on) {display: block;}
	
	/*게시판 탭 (211105)*/
	.sub_contents.boardTab .board_tab a{font-size: 12px;}
}

@media (max-width:384px) {
	
	/* box table */
	.box_list_area .box_table {padding-bottom: 40%;}
	.box_list_area .box_table.on {padding: 0 2px calc(40% - 4px) 0;}
	
	/* 지표서비스 : 서비스 만족도 조사 */
	.sub_box.service .sub_conts .starDiv .cont {width: 100%;}
	.sub_box.service .sub_conts .starDiv .cont input {margin-bottom: 10px;}
}

@media (max-width:320px) {
	
    /* box table */
	.box_list_area .box_table {padding-bottom: 45%;}
	.box_list_area .box_table.on {padding: 0 2px calc(45% - 4px) 0;}
}

@media (max-width:300px) {
	
	/* 보다나은 정부 로고 삭제 */
	#header .logo2 {display: none;}
	
	@media (max-width:300px) {
	.m_f_site { width: 100%; border-right: none; border-left: none; } /* 220919 Add */
}
}