@charset "UTF-8";

@media (max-width: 1280px) { 
  #snb { display: none; }
  #contents { float: none; width: 100%; }
  .location .path { width: 100%; } 
  
  .sub_tit_detail .info {margin-bottom:0;padding:14px 25px;border-bottom:1px solid #dcdcdc;font-size:12px}
  .sub_tit_detail .info em {margin-bottom:0}
  .sub_tit_detail .title {padding:25px;height:auto;font-size:19px;line-height:22px}
  .sub_tit_detail .file {margin-top:0;padding:0 25px;height:auto}
  .sub_tit_detail .inner {padding-bottom:20px}
  .sub_tit_detail .file a {font-size:13px}

  .new_detail_area {box-sizing:border-box;font-size:13px;line-height:25px}
  .new_detail_area .cont_detail, .new_detail_area .cont_detail p,.new_detail_area .cont_detail textarea {font-size:14px;line-height:25px}
  .new_detail_area .cont_detail {padding:25px 10px 30px}
  .list_preview li {padding:0 25px;box-sizing:border-box}
  .list_preview li a {padding:20px 0 20px 35px}
  .list_preview li a, .list_preview .list_all {font-size:15px}
  .list_preview .list_all {display:table;float:none;margin:24px auto 0}
  .faq_list_area .search_area {float:none}

  .faq_list_area {width:auto}
  .faq_list_area .f_search_box {margin-top:20px}
  .faq_list li {font-size:18px}
  .faq_list li .question {width:auto;padding:10px}
  .faq_list li .question .q_cont {width:90%;font-size:16px}
  .faq_list li .f_cont {padding:15px}
  .faq_list li .answer_box:before {top:15px;left:15px}
  .faq_list_area .search_area .inp input[type=text] {margin-left:0}
  .faq_list li .question {font-size:16px;line-height:20px}
  .faq_list li .answer_box {font-size:14px;line-height:20px}
  .faq_list_area .choice input + label {margin:0 5px 5px 0;padding:0 10px;font-size:15px;line-height:25px}

  .desc_box {margin-top:20px}
  .search_result {margin-top:0}

  .error_area {position:static;width:auto;margin-left:0}
  .err_box {padding:50px}
  .err_inner {padding:180px 0 0 0;background-position:50% 0 !important;text-align:center}
  .error_area .foot .err_logo {background-size:80% !important}
}

@media all and (max-width:1279px){
    #header {position:fixed;top:0;left:0;width:100%;height:50px;border-bottom:1px solid #ccc;z-index:1001;background:#fff}
    #header>.header_wrap {    position: fixed; top: 0; left: 0; width: 100%; height: 50px; border-bottom: 1px solid #ccc; z-index: 1001; background: #fff;}
    #header>.header_wrap >.inner_new {position:relative;width:auto;height:auto}
    #header .header_wrap h1 {float:none;position:absolute;top:0;left:0;}
    #header .header_wrap h1 a {width:150px;height:auto;background-size:auto 50%;line-height:50px;background-position:center}
    #gnb1 {display:none}
/*     #gnb2 {display: block;} */
/*     #gnb2 a {display: none;display: block; position: absolute;top: 12px;right: 0;width: 20px; *//* height: 14px;background: url(/eng/images/ico_allmenu.png) no-repeat 50% 50%;z-index: 1002;text-indent: -9999em;background-size: 100%;} */
/*     #gnb2 .control {right: 10px} */



	.sub .content {width:auto;margin:0;padding:20px 10px 30px}
    .l_cont {position:static;float:none;width:auto}
    .r_cont {margin:0;padding:0}

    .desc_cont .tbl_data table {width:100%}
    .error_area .foot {padding:0 10px}

    #footer .inner {padding:20px 10px;width:auto}
    .f_logo {display:none}

    .lst_f_menu dd a {font-size:13px}
    .lst_f_menu dd:first-of-type {margin-left:0}
    .lst_f_menu {margin-left:0;border-top:0;border-bottom:0}
    .lst_f_menu:before,.lst_f_menu dl:after {display:none}


}
@media (max-width: 1024px) { .location .depth4, .location .depth5 { display: none; }
  .contents_info #satisfy .title .txt { position: static; }
  .contents_info #satisfy .form { position: relative; top: auto; left: auto; right: auto; bottom: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); width: 100%; padding: 0 20rem 0 0; }
  .contents_info #satisfy .form .length { left: auto; right: 0; text-align: left; }
  .contents_info #satisfy .form .btn { right: 10rem; } }
  
@media (max-width: 959px) {
	.desc_cont .tbl_data {overflow-x: auto;}
	.desc_cont .tbl_data table {width:960px;}
}
  
@media (max-width: 923px) {
	.organization_box li dl {min-height: 230px;}
	.organization_box.type01 li dl {min-height: 120px;}
} 

@media all and (max-width:780px){
    .diagram_img,.img_box {overflow:auto}
    .sub_cont_tit {margin-bottom:20px}
    .sub_cont_tit h3 {font-size:26px;line-height:28px}
    .sub_cont_tit h3 span {font-size:18px}
    .tit_h3 {font-size:20px;line-height:22px;background-position:0 2px}
    .select_box {display:block}

    .tbl_detail .tit,
    .list_preview .tit
    {padding:10px;width:100px;border-left:0}
    .faq_list li .question .q_cont {width:85%}
    .list_link {margin:20px 0 0 0;text-align:center}
    .service_box {margin-left:0}
    .organization_box li dl {min-height:260px}

    .result_none {padding:30px}
    .result_none .none_inner {padding:120px 0 0 0;background-position:50% 0}
    .result_none strong {display:block;text-align:center}

    .law_box {padding-left:0}
    .law_box li {position:relative}
    .law_box li span {float:none;width:auto;display:block;margin-bottom:5px}
    .law_box li .btn_window {float:left}

    .lst_result li {padding:15px}
    .lst_f_menu {overflow:hidden;margin:0;padding:10px 0 20px;box-sizing:border-box}
    .lst_f_menu dl:first-of-type {width:200px}
    .lst_f_menu dl {float:left;overflow:hidden;margin-left:0;padding:0;width:auto}
    .lst_f_menu dt {margin-bottom:10px}
    .lst_f_menu dd {float:none}
    .lst_f_menu dd:nth-of-type(2) {margin-top:10px}
}

@media (max-width: 768px) { #visual { height: 25rem; margin-bottom: 3rem; }
  #visual .control span { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; display: block; }
  .location { display: none; }
  .depth4_tab ul > li { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; display: block; margin-bottom: -1px; }
  .depth4_tab ul > li + li { border-left: 1px solid #ddd; }
  .depth4_tab ul > li a { position: relative; text-align: left; }
  .depth4_tab ul > li.active { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; }
  .depth4_tab ul > li.active a { padding-right: 4rem; }
  .depth4_tab ul > li.active a::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; right: 1.5rem; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
  .depth4_tab.active ul > li { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; }
  .depth4_tab.active ul > li.active a::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .contents_util .util .print { display: none; }
  #contents { margin-bottom: 2rem; }
  h1#title { padding-top: 0; }
  .contents_info .duty .list { width: calc(100% - 3rem); }
  .contents_info .duty .list li { float: none; }
  .contents_info .duty .label { display: inline-block; position: relative; width: 10rem; margin-right: 1rem; vertical-align: middle; }
  .contents_info .duty .label::after { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0; }
  .contents_info .duty .date { display: block; position: static; padding-left: 4rem; }
  .contents_info .qr { display: none; }
  .kogl .txt { padding: 1.5rem; } 
  
  .organization_box li dl {min-height: 260px;}
  .organization_box.type01 li dl {min-height: 160px;}

	/* Service information */
	.service_box.service li {width: 100%; padding-left: 17rem;}
	/* 2020-12-30 수정 start */
	.board_list.cms_new_board .tstyle_list th {border-bottom:none;}
	.board_list.cms_new_board .tstyle_list td[aria-label="Title"],
	.board_list.cms_new_board .tstyle_list th.board_list_tit {float:left; width:75% !important;}
	.board_list.cms_new_board .tstyle_list td[aria-label="Date"],
	.board_list.cms_new_board .tstyle_list th.board_list_date {float:right;width:25% !important;padding-right:10px;text-align:center;}	/* width:20% 를 25%로 변경 */
	/* 2020-12-30 수정 end */
	
	#contents_title {font-size: 3.2rem; line-height: 3.6rem;}
	.tit_h3 {font-size: 2.4rem; line-height: 3rem; letter-spacing: -0.5px; background: url(../images/bu_h3.png) no-repeat 0 4px;}
	
	/* 컨텐츠 반응형 */
	.service_box.policy li {width: 100%;}
	.board_list.cms_new_board .tstyle_list tr.eng_tr td  {width: 100% !important;}
}

@media all and (max-width:767px){
    .calendar {display:block;margin-top:10px}
    .search_report li span {float:none;display:block;width:95%;margin-bottom:5px}
    .search_report li .btn_window {float:none;display:inline-block}
    .organization_box .title {padding:20px 5px}
    .organization_box li,.organization_box.type01 li {display:block;width:100%}
    .organization_box li dl {margin:10px 0 0 0;min-height:auto}
    .organization_box li dl dt {min-height:auto}
    .bg_report_line em {font-size:20px}
    .site_l_box,.site_r_box {float:none;width:auto}
    .site_r_box {margin-top:20px}
    .lst_f_menu,.user_box {float:none}
}

@media (max-width: 713px) { 
  .organization_box li dl {min-height: 320px;}
  .organization_box.type01 li dl {min-height: 160px;}
}
 
@media (max-width: 620px) { 
  .organization_box li {display: block; width: 100%;}
  .organization_box li dl {min-height: auto; margin-bottom: 10px; margin-left: 0;}
  .organization_box.type01 li {display: block; width: 100%;}
  .organization_box.type01 li dl {min-height: auto; margin-bottom: 10px; margin-left: 0;}
  
  .site_l_box {float: inherit; width: 100%;}
  .site_r_box {float: inherit; width: 100%;}
}

@media (max-width: 580px) {
	 .board_view .info li {line-height: 3rem !important;}
	 .prevnext_newbox table colgroup col:first-child {width: 120px;}
	 .prevnext_newbox table tbody tr th span:before {left: 15px;}
}

@media (max-width: 540px) {
	 /*자주하는 질문 */
	.faq .label::before {top: 2rem;}
	.search_area .inp {width: auto;}
}

@media all and (max-width:570px){

    .paging {height:auto;line-height:inherit}
    .faq_list_area .choice {padding:15px 0 10px 15px}
    .paging a, .paging strong {margin:0}
    .tbl_detail .cell.w50
    {display:table;width:100%}
    .tbl_detail .detail_title {padding:10px}
    .detail_cont {padding:10px}

    .main_slider li {min-height:170px}
    .main_slider li .desc {top:30px;left:30px;margin-left:0;background-size:200px auto !important}

/*     .main_slider .slider_01 {background:url(/images/ncp/eng/m_img_slider01.jpg) no-repeat center 0} */
/*     .main_slider .slider_02 {background:url(/images/ncp/eng/m_img_slider02.jpg) no-repeat center 0} */
/*     .main_slider .slider_03 {background:url(/images/ncp/eng/m_img_slider03.jpg) #086fcb no-repeat center center;background-size:contain;} */
    .main_slider .slider_01 {background:url(/images/ncp/eng/m_img_slider01.jpg) #086fcb no-repeat center center;background-size:contain;}
    .main_slider .slider_02 {background:url(/images/ncp/eng/clean_v_1.jpg) no-repeat center 0}
    .main_slider .slider_03 {background:url(/images/ncp/eng/clean_v_2.jpg) no-repeat center 0} 
    .service_box li p {line-height:20px}
    .case_box {height:auto;padding-bottom:40px}
    .case_box strong {float:none;display:block;margin-bottom:10px;width:auto;height:auto;font-size:16px;line-height:18px}
    .case_box p {padding-left:0;height:auto;font-size:14px;line-height:18px}
    .case_box .more {left:inherit;right:10px;}
    .more {width:60px;height:24px;line-height:20px;font-size:14px}
    .tab_cont .more {bottom:20px;}

    .overview_area .info {padding:10px;font-size:15px}
    .overview_area .info.service {padding:10px 10px 10px 115px;background-size:70px;background-position:27px 15px}
    .service_box li {padding-left:95px;background-size:80px auto !important}
    .service_box.service li,.service_box.policy li {display:block;padding-left:90px;width:auto;min-height:80px}

    .error_area .foot .err_logo,.error_area .foot .copy {float:none}
    .error_area .foot .err_logo {margin:0 auto}
    .error_area .foot .copy {margin-top:5px;text-align:center}
}

@media (max-width: 458px) {
	.board_info_new > form {float: inherit;}
	.search_area select {margin-left: 0; padding: 0 2rem 0 2rem; min-width: 100%; height: 5rem; background-position: 100% center;}
	.search_area .inp {position:relative; margin-left: 0; margin-top: 1rem;width: 100%;height: 5rem;border:1px solid #ccc;font-size:0;box-sizing:border-box;}
	
	/* Overview */
	/* .service_box li {padding-left: 8rem;}
	.service_box li.service_01 {background-size: 15%; background-position-y: 5%;}
	.service_box li.service_02 {background-size: 15%; background-position-y: 5%;}
	.service_box li.service_03 {background-size: 15%; background-position-y: 5%;}
	.service_box li.service_04 {background-size: 15%; background-position-y: 5%;}
	.service_box li.service_05 {background-size: 15%; background-position-y: 5%;} */
	
	/* Violation of Public Interest */
	/* .service_box li {padding-left: 8rem;}
	.service_box.policy li.service_01 {background-size: 15%; background-position-y: 5%;}
	.service_box.policy li.service_02 {background-size: 15%; background-position-y: 5%;}
	.service_box.policy li.service_03 {background-size: 15%; background-position-y: 5%;}
	.service_box.policy li.service_04 {background-size: 15%; background-position-y: 5%;}
	.service_box.policy li.service_05 {background-size: 15%; background-position-y: 5%;}
	.service_box.policy li.service_06 {background-size: 15%; background-position-y: 5%;} */
	
	/* Service information */
	/* .overview_area .info.service {background-size: 20%; padding: 85px 20px 20px 20px;}
	.service_box.service li {padding-left: 18%; min-height: auto;}
	.service_box.service li.service_01 {background-size: 15%; background-position-y: 10%;}
	.service_box.service li.service_02 {background-size: 15%; background-position-y: 10%;}
	.service_box.service li.service_03 {background-size: 15%; background-position-y: 10%;}
	.service_box.service li.service_04 {background-size: 15%; background-position-y: 10%;}
	.service_box.service li.service_05 {background-size: 15%; background-position-y: 10%;} */
}

@media all and (max-width:450px){
    .paging {margin-top:30px}
    .faq_list_area .choice input + label {font-size:13px}
    .faq_list li .tt em {padding:0 15px;font-size:13px}
    .list_preview li {padding:0 15px}
    .lSSlideOuter .lSPager.lSpg {margin-top:10px !important}
    .main_policy strong {font-size:18px}
    .main_box {margin-top:30px}
    .main_box h3 {font-size:20px;margin-bottom:30px}
    .quick_menu li a {padding:15px;height:100px;background-size:50px auto}
    .quick_menu li p {font-size:16px;line-height:20px}
    .quick_menu .btn_view {bottom:15px;left:15px;width:60px;height:24px;font-size:14px;line-height:22px}
    .data_box p {font-size:20px;line-height:23px}
    .data_box .more {margin-top:0}
    .tab_cont em {font-size:20px}
    .tab_cont>ul>li {padding:20px 10px;min-height:250px}
    .post_box {margin-top:10px}
    .post_box dt {font-size:16px;line-height:18px}
    .post_box dd {overflow:inherit;margin:15px 0 30px 0;height:auto}
    .post_box dd a {font-size:14px;line-height:18px}
    .lst_f_menu dd:nth-of-type(3) {margin:10px 0 0 0}
    .faq_list li .question .q_cont {width:80%}
    .search_report .top_search {padding:10px}
    .search_report .top_search .inp {width:auto}
    .bg_box .btn_window {margin:5px 0 0 0}
    .list_public li {padding:10px}
    .list_public strong span {display:block;margin:5px 0 0 0;width:100%}
    .list_public p {padding:0}
    .agenda_bg_box .th {width:20%}
    .agenda_area .result {font-size:17px}
    .user_box ul,.user_box select {float:none;width:100%}
    .user_box select {margin:10px 0 0 0}
}

@media (max-width: 420px) { h1#title { margin-bottom: 0; text-align: center; }
  .contents_util { margin-bottom: 2rem; }
  .contents_util .util { position: static; margin: 0; text-align: center; }
  .contents_info #satisfy .list .form_radio { display: block; }
  .contents_info #satisfy .form { height: auto; padding-right: 0; }
  .contents_info #satisfy .form .btn { position: static; height: 4rem; vertical-align: top; }
  .contents_info #satisfy .form .length { top: auto; bottom: 0; text-align: right; line-height: 4rem; }
}

@media all and (max-width:375px){
    .layer_cont .td select {display:block;margin-top:10px}
    .tbl_detail .tit, .tbl_detail .cont {padding:10px}
    .list_preview .cont {padding:15px 10px}
    .data_box .more {margin-top:10px}
    .lst_f_menu dl:first-of-type {width:150px}
}

@media all and (max-width:320px){
    .layer_cont .td li .btn_choice:last-child {margin-top:10px}
    .lst_f_menu dl:first-of-type dd:last-child {margin:10px 0 0 0}
    .post_box .img_box {width:100px;height:100px}
    .post_box dl {margin-left:115px}
}
 
/* 사파리 브라우저만 반응형 게시판 width값 조정 */
	@media not all and (min-resolution:.001dpcm) {
		@media (max-width:768px) {
		.board_list.cms_new_board .tstyle_list td[aria-label="Title"] {width:75vw !important;}
		}
	}