@charset "UTF-8";

@media (min-width: 1501px) {
	.section2 .container-box2 .acrc-photoNews {height: 33.2rem;}
}


@media (max-width: 1500px) {
	.custom-search-settingBox .closeBox-btn {left: auto; right:0; background-color: #fff; transition:.3s;}
	.custom-search-settingBox .closeBox-btn i:before {color: #4b5462;}
	
	
	.section2 .container-box2 .acrc-popup .popup .bx-wrapper .bx-viewport img {height: 100%; max-height: 100%; width: 100%;}
	#contents .section2 .container-box2 .acrc-photoNews .more {bottom: 0.1rem;}
}



@media (max-width: 1440px) {
	.container {padding: 0 2rem;}
	.container .character-img {left: 0; max-width: 27%; transition:.3s;}
}

/* 웹접근성 퍼블리셔 작업 */
@media (max-width: 1280px) { 
  #visual .card-news-box .list .thumb {height: 365px;} 
  
  #pIdea2Group.pIdeamain {height:225px; padding:2rem 0 !important;}
  #pIdea2Group.pIdeamain .sm_newicon {flex-direction:column; align-items: flex-end;}
} 

@media (max-width: 1024px) {
  
  #visual {height: 100%; }
  
  .section1 {padding-top: 118px;}
  .section1 .conBox {align-items: flex-start; padding: 5.5% 0 10% 0;}
  .section1 .conBox .conBox__left {flex-basis: 100%; height: auto; padding-left: 48%; padding-bottom: 2%;}
  .container .character-img {left: 16%; width: 20rem; bottom: auto; top:2%; }
  
  .section1 .conBox .conBox__right {flex-basis: 100%;}
  .section1 .conBox .main-text li {padding-top: 0; line-height: 3.5rem;}
  .section1 .conBox .main-text li p {display: inline-block;}
  .section1 .conBox .main-text .main-text__mid {font-size: 3rem;}
  .section1 .conBox .main-text .main-text__big {font-size: 3.5rem;}
  
  .noticeBox .latest {height: 20rem;}
  
  #contents .more { font-size: 0; }
  #contents .latest .group .label a { width: 11rem; }
  #contents .latest .group.group1 .label a { left: calc(11rem * 0); }
  #contents .latest .group.group2 .label a { left: calc(11rem * 1); }
  #contents .latest .group.group3 .label a { left: calc(11rem * 2); }
  #contents .latest .group.active .label a { font-size: 1.8rem; } 
  
 
 .section2 .container-box {flex-wrap: wrap;}
 

 .section2 .container-box .acrc-visoin {margin-top: 5rem;}
 .section2 .container-box .acrc-nuri, 
 .section2 .container-box .acrc-visoin {width: 100%;}
 .section2 .container-box .acrc-nuri .bx-controls a {top:9rem;}
 
 
 /*slick 반응형*/
 
 .section2 .container-box2 .acrc-briefs .list {max-height: 100%; }
 .section2 .container-box2 .acrc-briefs .slick_custom_prev, 
 .section2 .container-box2 .acrc-briefs .slick_custom_next {bottom: 0.7rem;}
 
/*  .section2 .container-box2 .acrc-photoNews {max-height:auto !important;} */
/*  .section2 .container-box2 .acrc-photoNews .thumb {max-height:auto !important;} */
 
 
 .section2 .container-box2 .acrc-photoNews .slick_custom_prev, 
 .section2 .container-box2 .acrc-photoNews .slick_custom_next {bottom: 7.7rem;}
  
 
 
 
 
 /*브리프스, 사진뉴스, 팝업*/
 
 .section2 .container-box2 ul {flex-wrap: wrap;}
 .section2 .container-box2 .acrc-briefs {order:1; width: 50%;}
/*  .section2 .container-box2 .acrc-photoNews {order:3; width: 100%; margin-top: 5rem; max-height: auto; } */
 .section2 .container-box2 .acrc-photoNews {order:3; width: 100%; margin-top: 5rem; }
 .section2 .container-box2 .acrc-photoNews .title-box.visibl-m {display: block;}
 .section2 .container-box2 .acrc-popup {order:2; width: 50%;}
 
 
 .section2 .container-box3 .acrc-think .title-box {margin-top: 4rem;}
 
 
 /*정부합동민원센터, 국민생각함, 민원빅데이터*/
 
 .container-box.container-box3 ul {flex-wrap: wrap;}
 .container-box.container-box3 ul.pIdea2-popupSlider {flex-wrap: nowrap;}
 
 .container-box3 .acrc-consul {order:1; width: 50%; }
 .container-box3 .acrc-think {order:3; width: 100%; }
 .container-box3 .acrc-bigdata {order:2; width: 50%;}


/*청렴연수원, 청탁금지법 통합검색, 적극행정 국민신청, 국민권익 소식지 링크 버튼 */

 .section2 .container-box4 ul {flex-wrap: wrap;}
 .section2 .container-box4 .shortcut-wrap li {width:50%;height: auto; padding: 1rem;}
 .section2 .container-box4 .shortcut-wrap {padding: 0 1.5rem;}
 .section2 .container-box4 .shortcut-wrap li a {padding: 2rem;}
 
 #pIdea2Group.pIdeamain {padding:2.7rem 0 !important;}
 #pIdea2Group.pIdeamain .sm_newicon {flex-direction: row-reverse; align-items: center;}


 /*관심키워드 설정하기 */
.tab_menu .tabcontent .cont ul li { width: calc(100% / 4);}

 /*풋터 배너 */
 .footbanner {padding: 3rem 2rem 5rem 2rem;}
.footbanner .footbanner-list {flex-wrap: wrap;}
.footbanner .footbanner-list > li {width: 100%;}
.footbanner .footbanner-list > li:last-child {margin-top: 1.2rem;}
.footbanner .footbanner-list .link-banner-box {padding: 2rem; justify-content: space-around;}

/*풋터 */

#footer {padding: 0;}
#footer::before {top: auto; bottom: 0; height: calc(100% - 4rem);}
#fnb {background-color: #fff; margin: 0 -2rem;}
#siteinfo {padding: 2rem 0;}
#fnb .fnb-list li {padding: 1rem 0;}
#fnb .fnb-list li:last-child {padding: 0;}


	
 }

@media (max-width: 768px) { 

	#visual .visual-bg {background-position: center 8rem;}
	
	.section1 {padding-top: 105px;} 
	.section1 .conBox  {padding: 5.5% 0 5.5% 0;}
	.section1 .conBox .conBox__right {max-height: 100%;}
	.section1 .conBox__right__top .card-news-box {order: 1; width: 100%; height:auto; margin-top: 2rem; }
	.section1 .conBox .conBox__right .conBox__right__bottom {order: 2; width: 100%; }
	.section1 .conBox__right__top .cont-boxs {order: 3; width: 100%; height:auto; margin-top: 2.5rem;}
	.section1 .conBox__right__top .cont-boxs ul {flex-direction: row; flex-wrap: wrap; margin: 0 -1rem;}
	.section1 .conBox__right__top .cont-boxs li {padding-top: inherit; padding: 1rem; width: 50%; flex: none;}
	.section1 .conBox__right__top .cont-boxs li:first-child {padding-top: 1rem;}
	.section1 .conBox__right__top .cont-boxs li a {padding: 1rem 5%;}
	
	#pIdea2Group.pIdeamain {height:205px;}
	
	#visual .card-news-box .bx-wrapper .bx-viewport .list {padding-top: 58.5%;}
	#visual .card-news-box .list .thumb {top: 0; left: 0; width: 100%; height: auto;}
	#visual .card-news-box .list .thumb .img {
    max-height: 51rem;
    overflow: hidden;
    display: block;
    position: relative;
    height: 0;
    padding-top: 56.3%;
	}
	
	
    /*맟춤 정보 검색 */
    
    .section3:before {height: 54.7rem;}
    .section3:after {height: 49.6rem;}
	
	.custom-search-wrap .custom-search-box {flex-wrap: wrap;}
	.custom-search-wrap .custom-search-box ul.custom-search {order:2; flex-wrap: wrap; flex: 1; position: relative; }
	.custom-search-wrap .custom-search-box ul li {width:calc( 100% - 10rem); flex: none; padding-right: 0;}
	.custom-search-wrap .custom-search-box ul li~li {margin-top: 0.5rem;}
	.custom-search-wrap .custom-search-box ul li.submit-btn {width: 11rem; position: absolute; right: 0; bottom: 0; height: 100%;  }
	.custom-search-wrap .custom-search-box ul li.submit-btn .btn {width: calc(100% - 2.4rem) !important; font-size: 1.6rem;}
	.custom-search-wrap .custom-search-box .custom-search-setting {order:1; width: 100%; margin-bottom: 0.5rem; }
	.custom-search-wrap .custom-search-box .custom-search-setting .custom-search-setting-btn {padding: 1.25rem;}
	
	
	.custom-search-wrap .custom-search-box ul li .select-box .select-title {min-width: 13rem;}
	
	/*관심키워드 설정하기 */
    .tab_menu .tabcontent .cont ul li { width: calc(100% / 3);}
    
   
	
 /*  #visual { height: 40rem; }
  #visual .bx-wrapper, #visual .bx-viewport, #visual .list { height: 100% !important; }
  #visual .list li { position: relative; height: 100%; }
  #visual .list li.active img { -webkit-transform: scale(1.2) translate(-50%, -50%); transform: scale(1.2) translate(-50%, -50%); }
  #visual .title { font-size: 5rem; }
  #visual img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: inherit; height: 100%; } */
  #contents { margin-top: 3rem; }
  #contents .latest { float: none; width: 100%; }
  /*.popup { float: none; width: 100%; margin-top: 3rem; }*/
  #contents .gallery { padding: 0 2rem; }
  #contents .gallery .list { margin-top: -0px; display: block; width: 100%; margin-top: 0; }
  #contents .gallery .list > * { display: block; clear: none; float: none; width: 100%; margin: 0; }
  #contents .gallery .list > * + * { margin-top: 0px; }
  #contents .gallery .list > li { clear: none !important; margin-top: 0 !important; padding-right: 1rem; }
  #contents .gallery .bx-controls-direction a { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 2rem; display: inline; overflow: hidden; left: 0; width: 5rem; height: 5rem; background: none #fff; color: #000; text-align: center; line-height: 5rem; }
  #contents .gallery .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; text-indent: 0; }
  #contents .gallery .bx-controls-direction a.bx-next { left: auto; right: 0; }
  #contents .gallery .bx-controls-direction a.bx-next::before { content: ''; } 
  
  
  #footer {padding:  0 0 2rem;}
 
} 



  @media (max-width: 550px) {
  
	.container-box {margin: 4rem -2.4rem 0 -2.4rem;}  
  
    .section1 .conBox {padding: 4rem 0 4rem 0;}
    .section1 .conBox .conBox__left {padding-left: 0;}
    .section1 .conBox .main-text {text-align: right;}
    .section1 .conBox .main-text li {line-height: 3rem;}
  	.section1 .conBox .main-text .main-text__mid {font-size: 2.2rem;}
  	.section1 .conBox .main-text .main-text__big {font-size: 2.5rem;}
  
    .container .character-img {left: 4%; top:3rem; width: 12.5rem; max-width: inherit;}
    
    
    	/* 보도자료, 공지사항, 입법행정 */
    	
	.section1 .conBox .conBox__right .conBox__right__bottom {margin-top: 7rem;}
	
	.noticeBox .latest {padding-left:0; height: 32.5rem; border-radius: 0;}
	.noticeBox .latest::after {top:auto; bottom: 100%; width:100%; height: 6.5rem;}
	.noticeBox .latest .label a {top:auto; bottom: 100%; padding-bottom: 1.5rem; }
	.noticeBox .latest .group.active .label a {width:auto; justify-content: center;}
	.noticeBox .latest .group.group1 .label a {left: 5%; width: auto;}
	.noticeBox .latest .group.group2 .label a {top:auto; left: 36%; transform: translateX(-50%);}
	.noticeBox .latest .group.group3 .label a {top:auto; left: auto; right: 24%;}
	.noticeBox .latest .group.active .label a span {transform: scale(1.1); transform-origin: center; }
	.noticeBox .latest .group.active .label a::after {position:absolute; top:2rem; left: 50%;transform: translateX(-50%) rotate(90deg); }
	
	.noticeBox .latest .more {width: 4.5rem; height: 4.5rem; bottom: calc(100% + .8rem); right: 2rem;}
	.noticeBox .latest .group .list {flex-direction: column;}
	.noticeBox .latest .list li:last-child {padding-bottom: 2rem;}
	.noticeBox .latest .list a {height: 9.5rem; }
	.noticeBox .latest .list a .desc {padding-right: 0; left: 2rem; top: 4.5rem; right: 0; height: auto; width: auto; padding: 0;}
	.noticeBox .latest .list a .title {width: calc(100% - 6rem);}
	.noticeBox .latest .list a .date {top: 2rem; left: 2rem;}
	.noticeBox .latest .list a .more-btn {display: none;}
	
	
	
	/* 국민신문고, 청렴 포털 , 온라인 행정심판, 국민생각함 링크 버튼 */
	.section1 .conBox__right__top .cont-boxs ul {align-items: baseline;}
	.section1 .conBox__right__top .cont-boxs li a {flex-wrap: wrap; justify-content: center; height: 17rem; }
	.section1 .conBox__right__top .cont-boxs li a .txt-box {width: 100%; padding-left: 0; text-align: center; height: 8rem;}
	.section1 .conBox__right__top .cont-boxs li a .icon {padding: 0; width: 6rem; height: 6rem; overflow: hidden; justify-content: center;}
	.section1 .conBox__right__top .cont-boxs li a .icon img {max-width: 60%;}
	.section1 .conBox__right__top .cont-boxs li a .txt-box .txt-box__tit {line-height: 1; word-break: break-all;}
	

	/*브리프스, 사진뉴스, 팝업*/
	
	.section2 .container-box .acrc-visoin, 
	.section2 .container-box3 .acrc-think,
	.container-box3 .acrc-bigdata {margin-top: 4rem !important;}
	
	
	.section2 .container-box .title-box {align-items: center;}
	
	.section2 .container-box2 {padding-top: 5rem;}
	.section2 .container-box2 ul {flex-wrap: wrap;}
	
	.section2 .container-box2 .acrc-briefs {order:1; min-width: 30rem; max-width: calc(100% - 30rem); width:100%; margin: 0 auto; position: relative;}
	.section2 .container-box2 .acrc-briefs:after {content: ""; position: absolute;background-color: #d8e9f8; width: 10000%; height: 200%; top: -5rem; left:-100%; z-index: -1;}
	.section2 .container-box2 .acrc-briefs .list .title {
		padding-right: 0;
	    color: #fff;
	    font-weight: 400;
	    font-size: 1.8rem;
	    white-space: normal;
    }
    .section2 .container-box2 .acrc-briefs .cover {height: 100%;}
    .section2 .container-box2 .acrc-briefs .cover div {position: absolute; top: 12%; left: 50%; transform: translateX(-50%);}
    
	.section2 .container-box2 .acrc-briefs .thumb a .img img {width: auto;}
	.section2 .container-box2 .acrc-briefs .bx-controls {top: 50%; transform: translateY(-50%); width: 100%;}
	.section2 .container-box2 .acrc-briefs .list .desc {
		bottom: auto;
	    top: 40%;
	    height: auto;
	    text-align: center;
	    justify-content: center;
	    z-index: 1;
	    background-color: transparent;
	    /*slic 변경 후 css*/
	    
	    overflow: visible;
	    border-bottom: none;
	    border-top: none;
	   
    }
	.section2 .container-box2 .acrc-briefs .list .desc .download-btn {right: 2rem; top: 150%; left: 50%; transform: translateX(-50%); font-size: 2rem;}
	
	.section2 .container-box2 .acrc-briefs .list .desc .download-btn:hover {
		color: #fff;
		background-color:#346da6; 
	}
	.section2 .container-box2 .acrc-briefs .list .desc .download-btn i:before {font-size: 2.5rem}
	.section2 .container-box2 .acrc-briefs .list .desc .download-btn i.xi-external-link {padding-left: 0;}
	
	
	
	
	.section2 .container-box2 .acrc-briefs .bx-controls .bx-controls-direction {position: absolute; width: 100%;}
	.section2 .container-box2 .acrc-briefs .bx-wrapper .bx-controls-direction a.bx-prev {left: auto; right: 110%;}
	.section2 .container-box2 .acrc-briefs .bx-wrapper .bx-controls-direction a.bx-next {left: 110%; right: auto;}
	.section2 .container-box2 .acrc-briefs .bx-controls:after {display: none;}
	
	
	/* 슬릭 교채 후 반응형 btn 위치 */
	.section2 .container-box2 .acrc-briefs {max-width:30rem;}
	.section2 .container-box2 .acrc-briefs .slick_custom_prev {left:-10rem;}
	.section2 .container-box2 .acrc-briefs .slick_custom_next {right:-10rem;}
	.section2 .container-box2 .acrc-briefs .slick_custom_prev ,.section2 .container-box2 .acrc-briefs .slick_custom_next {top:50%;}
	
	.section2 .container-box2 .acrc-photoNews {order:2; width: 100%; margin-top: 5rem;}
	.section2 .container-box2 .acrc-photoNews .thumb a .img {padding-top: 58.5%; }
	.section2 .container-box2 .acrc-photoNews .list .desc .title {padding-right: 0; width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.section2 .container-box2 .acrc-photoNews .bx-controls {bottom:calc(100% + 0.8rem);}
	.section2 .container-box2 .acrc-photoNews .bx-wrapper .bx-controls-direction a {background-color: #fff; border: 1px solid #ddd;}
	.section2 .container-box2 .acrc-photoNews .bx-wrapper .bx-controls-direction a:before {color: #555;}
	.section2 .container-box2 .acrc-photoNews .bx-wrapper .bx-controls-direction a.bx-prev {right: 11.6rem;}
	.section2 .container-box2 .acrc-photoNews .bx-wrapper .bx-controls-direction a.bx-next {right: 6.6rem;}
	#contents .section2 .container-box2 .acrc-photoNews .more {bottom: auto; top: 1.2rem; right: 4rem; background-color: #fff; border: 1px solid #ddd;}
	#contents .section2 .container-box2 .acrc-photoNews .more i:before {color: #555;}
	
	.section2 .container-box2 .acrc-popup {order:3; width: 100%; margin-top: 5rem; text-align: center;}
	.section2 .container-box2 .acrc-popup .title-box.visibl-m {display: block; text-align: left; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
	.section2 .container-box2 .acrc-popup .popup .bx-controls {bottom: calc(100% + 1.2rem); justify-content: flex-end; left: auto; right: 2rem; z-index: 0;}
	.section2 .container-box2 .acrc-popup .popup .bottom-bg {display: none;}
	.section2 .container-box2 .acrc-popup .popup .bx-controls .bx-pager {text-align: right; color: #666; font-size: 2rem; font-weight: 400; padding-right: 18rem; padding-left: 0;}
	.section2 .container-box2 .acrc-popup .popup .bx-controls .bx-controls-direction a {background-color: #fff; border: 1px solid #ddd; }
	.section2 .container-box2 .acrc-popup .popup .bx-controls .bx-controls-direction a:before {color: #555; }
	.section2 .container-box2 .acrc-popup .popup .bx-controls .bx-controls-auto .bx-controls-auto-item a {width: 4.8rem; height: 4.8rem; border:1px solid #ddd;}
	.section2 .container-box2 .acrc-popup .popup .bx-controls .bx-controls-auto .bx-controls-auto-item a:before {color: #555;}
	.section2 .container-box2 .acrc-popup .popup .bx-controls .bx-controls-auto .bx-controls-auto-item a:hover:before {color: #fff;}
	.section2 .container-box2 .acrc-popup .popup .bx-controls .bx-controls-direction a.bx-prev {right: 10rem;}
	.section2 .container-box2 .acrc-popup .popup .bx-controls .bx-controls-direction a.bx-next {right: 5rem;}
	.section2 .container-box2 .acrc-popup .popup .bx-controls .bx-controls-auto {right: 0; bottom: 0;}
	
	#contents .section2 .container-box2 .acrc-popup .auto_slide_btn {bottom: 0.7rem;}
	
	
	/* 권익위 누리소통망 권익비전 */
	.section2 .container-box .title-box .sns-menu-box li a {font-size: 0; display: flex; align-items: center; justify-content: center;}
	.section2 .container-box .title-box .sns-menu-box li a span {width: 2.4rem; height: 2.4rem; margin-right: 0;}
	.section2 .container-box3 .acrc-consul .acrc-consul__list > ul {padding: 2rem;}
	
	
	 /*정부합동민원센터, 국민생각함, 민원빅데이터*/
	 
	 .container-box3 .acrc-consul {order:1; width: 100%; }
	 .container-box3 .acrc-think {order:2; width: 100%; margin-top: 5rem; }
 	 .container-box3 .acrc-bigdata {order:3; width: 100%; margin-top: 5rem;}
 	 
 	 
 	 .section2 .container-box3 .acrc-think .title-box {margin-top: 0;}
 	 
 	 
 	 /*청렴연수원, 청탁금지법 통합검색, 적극행정 국민신청, 국민권익 소식지 링크 버튼 */
 	 
 	 .section2 .container-box4 .shortcut-wrap li a {justify-content: center; text-align: center;}
 	 .section2 .container-box4 .shortcut-wrap li a img {display: none;}
 	 
 	 
 	 
 	 /*관심키워드 설정하기 */
	 .tab_menu .tabcontent .cont ul li { width: calc(100% / 2);}
	 
	 
	 .section2 .container-box4 {margin-top: 3rem;}
	 

	 .section3 .acrc-custom-search {margin-top: 3rem;}
	
	#pIdea2Group.pIdeamain .pIdea2 .pIdea2-popupSlider li {width: 100%; padding:15px;}
	#pIdea2Group.pIdeamain .pIdea2 .pIdea2-popupSlider li:first-child {border-right:0; border-bottom:1px solid #ddd;}
	#pIdea2Group.pIdeamain .pIdea2 .pIdea2-popupSlider {flex-direction: column;}
	#pIdea2Group .think_list .thbox .thbot.two {height: 4.5rem;}
	#pIdea2Group .think_list.new .thbox {border:0;}
	 
    
  }
  
  @media (max-width: 450px) { 
  
  	/*관심키워드 설정하기 */
  	.tab_menu .tabnav {flex-wrap: wrap;}
  	.tab_menu .tabnav > li {width: 50%; max-width: inherit; flex-grow: 1;}
  	.tab_menu .tabcontent {padding: 0 2rem;}
  	
  	
  	/*국민생각함*/
  	#pIdea2Group .pIdea2-popupSlider li:nth-child(odd) .comment_wrap {border-right: 0; padding-right: 0;}
  	
  }