@charset "utf-8";
/* CSS Document */

/*# sourceURL=/np/datas/css/subContent.css */
/*@ sourceURL=/np/datas/css/subContent.css */
.ciBg{background:url("/np/resources/images/content/ciBg.gif") left top repeat; text-align:center; padding:30px 20px;}
.ciBg img{max-width:90%;}
.symbolColorBox:after{content:''; display:block; visibility:hidden; clear:both;}
.symbolColor{float:left; width:50%; box-sizing:border-box; padding:15px;}
.symbolColor span{display:block; width:100%; box-sizing:border-box; height:35px; margin-bottom:20px;}
.symbolColor span.symbolBlue{background:#003764;}
.symbolColor span.symbolGray{background:#575757;}
.symbolColor span.symbolRed{background:#e4032e;}
.symbolColor span.symbolWhite{background:#fff; border:1px solid #ccc;}
/*상징*/
.textType1 > div ul > li.textIn{padding-left:30px; text-indent:-24px;}
.textType1 > div ul > li.textIn p,.textType1 > div ul > li p.textInP{padding-left:20px; text-indent:-17px; margin-top:7px;}
.textType1 > div ul > li p.textInP a {padding-left:20px; display:inline-block;}
/*개인정보처리방침*/

.orgBox {text-align:center; }
.orgBox .org_1 > a {margin:0 auto; display:block; width:150px; line-height:80px; border:15px solid #226fba; font-size:26px; font-weight:bold; color:#226fba; border-radius:100px;text-align:center;}
.orgBox .org_2 > a {line-height:60px;  border-radius:100px; background:#194c8b; font-size:26px; color:#fff;}
.orgBox .org_3 > li > a {line-height:55px; font-size:18px; color:#fff; background:#334d70; border-radius:7px;}
.orgBox .org_4 a {border:1px solid #5e6a94; margin-top:5px; padding:10px 0;border-radius:7px;  line-height:20px; background:#fff; color:#5e6a94;  box-sizing:border-box;}
.orgLayout1, .orgLayout2, .orgLayout3 {overflow:hidden; width:100%; }
.orgBox .org_2 {padding:35px 0;  background:url(/np/resources/images/content/orgLayout2M.gif) repeat-y center top; }
.orgLayout1 > li{ float:left; width:50%; padding:15px 0; }
.orgLayout1 a, .orgLayout3 a, .org_2 a { width:220px; display:block; text-align:center; margin:0 auto; }
.orgLayout1 {background:url(/np/resources/images/content/orgLayout1Bg.gif) repeat-y 50% 0; }
.orgLayout2 a {display:block; max-width:220px; text-align:center; margin:0 auto; }
.orgLayout3 {background:url(/np/resources/images/content/orgLayout2Bg.gif) repeat-y 50% 0; }
.orgLayout3 > li{ float:right; width:50%; padding:15px 0; }
/*조직도*/

/* 특정 UI 클래스에 대한 스타일링 */
ul.orgLayout3 {
    position: relative;
}

/* 텍스트 스타일링 */
ul.orgLayout3::after {
    content: "˙임시조직";
    position: absolute;
    top: 15%;
    right: 12%;
    font-size: 12px; /* 폰트 크기 설정 */
}

.siteMapBox .depth_1 > li{padding:25px 0; border-top:1px solid #ddd;}
.siteMapBox .depth_1 > li:after{content:''; display:block; visibility:hidden; clear:both;}
.siteMapBox .depth_1 > li > .tit{float:left; width:170px; font-weight:bold; font-size:26px;}
.siteMapBox .depth_1 > li > .tit span{position:relative; display:inline-block; color:#226fba;}
.siteMapBox .depth_1 > li > .tit span::before{content:''; display:block; position:absolute; top:-28px; left:0; width:100%; height:3px; background:#226fba;}
.siteMapBox .depth_2{float:left; width:calc(100% - 170px); }
.siteMapBox .depth_2:after{content:''; display:block; visibility:hidden; clear:both;}
.siteMapBox .depth_2 > li{display:inline-block; padding:0 12px 50px; width:24%; vertical-align:top; box-sizing:border-box;}
.siteMapBox .depth_2 > li > a{display:block; padding:8px 0 20px; font-weight:bold; font-size:18px; border-bottom:1px solid #dbdee9; margin-bottom:10px;}
.siteMapBox .depth_3 > li > a{line-height:24px; padding:5px 0 5px 15px; color:#888; display:block;}
.siteMapBox .depth_3 > li > a::before{content:'- '; display:inline-block; margin:0 5px 0 -10px; vertical-align:top;}
.siteMapBox a.siteNew {background: url("/np/resources/images/common/outB.png") 97% 12px no-repeat; padding-right: 30px !important; box-sizing: border-box;}
/*사이트맵*/

.decideProcess{padding:40px 0;}
.decideProcess ol li{padding-bottom:60px; background:url("/np/resources/images/content/arr.png") center bottom no-repeat; margin-bottom:20px;}
.decideProcess ol li:last-of-type{padding-bottom:20px; background:none; margin-bottom:0px;}
.decideProcess ol li dl{position:relative; display: table; width:100%; box-shadow:#ccc 1px 1px 8px;}
.decideProcess ol li dl dt{position:absolute; top:0; left:0; width:300px; text-align:center; background-color:#0f4c81; border-radius:0 100px 100px 0; height:140px; display:table; box-shadow:#ccc 1px 1px 8px;}
.decideProcess ol li dl dt b{display:table-cell; vertical-align:middle; line-height:30px; color:#fff; font-weight:bold; font-size:20px;}
.decideProcess ol li dl dd{padding-left:350px; height:140px; display:table-cell; vertical-align:middle; line-height:26px;}
.decideProcess ol li dl dd span{display:block; padding-left:20px; text-indent:-15px; font-size:14px; line-height:22px;}
/*심의·의결 절차*/

.appaBg{background:url("/np/resources/images/content/appaBg.png") 50px 50px no-repeat; padding-left:250px;}
.gpaBg{background:url("/np/resources/images/content/gpaBg.jpg") 50px 50px no-repeat; padding-left:250px;}
.gpenBg{background:url("/np/resources/images/content/gpenBg.png") 50px 50px no-repeat; padding-left:250px;}
.coeBg{background:url("/np/resources/images/content/coeBg.png") 50px 50px no-repeat; padding-left:250px;}
/*해외 감독기구 간 협력등*/


.relatedOrg ul li{margin-bottom:40px; }
.relatedOrg ul li h4{margin-bottom:20px; font-size:22px; font-weight:bold;}
.relatedOrg ul li figure{ position:relative; background-color:#fafafa; border:1px solid #ddd; padding:30px 30px 30px 30px; box-sizing:border-box;}
.relatedOrg ul li figure:after{content:''; display:block; visibility:hidden; clear:both;}
.relatedOrg ul li figure img{float:left; width:300px;} 
.relatedOrg ul li figure figcaption{float:left;  width:calc(100% - 300px); padding-left:30px; box-sizing:border-box;} 
.relatedOrg ul li figure p{line-height:24px; margin-bottom:80px;}
.relatedOrg ul li figure a{position:absolute; bottom:30px; left:360px; padding:15px 20px; border:1px solid #226fba; color:#226fba; transition-duration:0.3s;}
.relatedOrg ul li figure a:hover{background-color:#226fba; color:#fff; }
/*유관기관소개*/

.historyList{width:98%; margin-left:2%; box-sizing:border-box; border-left:2px solid #ddd;}
.historyList li{width:100%; box-sizing:border-box; margin-bottom:30px;}
.historyList li dl dt{font-size:20px; font-weight:bold; margin-bottom:10px; padding-left:12px; color:#1c6099; position:relative; display:inline-block; width:160px; line-height:24px; vertical-align:top;} 
.historyList li dl dt:before{position:absolute; content:''; display:block; top:10px; left:-4px; width:6px; height:6px; background-color:#1c6099; border-radius:5px;}
.historyList li dl dd{line-height:20px; padding:1px 0 3px 10px; font-size:14px; display:inline-block; /* width: calc(100% - 180px); */ box-sizing:border-box; vertical-align:top;} 
/*연혁*/

.psList1:after{content:''; display:block; visibility:hidden; clear:both;}
.psList1{margin-top:25px;}
.psList1 dl{float:left; width:33.3%; text-align:center; box-sizing:border-box; padding:200px 10px 20px 10px;}
.psList1 dl:first-of-type{background:url("/np/resources/images/content/ps01.png") center 25px no-repeat;}
.psList1 dl:nth-of-type(2){background:url("/np/resources/images/content/ps02.png") center 25px no-repeat;}
.psList1 dl:last-of-type{background:url("/np/resources/images/content/ps03.png") center 25px no-repeat;}
.psList1 dl dt{font-weight:bold; font-size:20px; margin-bottom:15px;}
.psList1 dl dd{line-height:22px;}
/*개인정보 가명처리‧가명정보 결합*/

.privateList li{padding-left:20px; text-indent:-16px; font-size:14px; line-height:20px; margin-bottom:7px;}
/*비공개기준*/

.infBox{margin-top:10px;}
.infBox h5{text-align:center; font-weight:bold; font-size:18px;}
.infBox dl{background:#f8f8f8; padding:10px; margin-top:15px;}
.infBox dl dd{padding-left:35px; font-size:14px; line-height:20px; padding-top:7px; text-indent:-13px;}
.infBox dl dd:before{content:"- ";}
/*영향평가*/


.controlLevelList li dl{border:1px solid #ccc;}
.controlLevelList li dt{background:#226fba; color:#fff; padding:20px 0; text-align:center; font-weight:bold;}
.controlLevelList li dd{padding:10px; font-size:14px; line-height:22px;}
/*공공 관리수준 진단*/

.invList dl{position:relative; border:1px solid #89b0c7; padding:20px 20px 20px 60px; width:calc(100% - 60px); margin-left:60px; margin-bottom:20px; background:#f0f4f7; box-sizing:border-box; }
.invList dl dt{position:absolute; top:10px; left:0; width:100px; margin-left:-50px; background:#226fba; color:#fff; text-align:center; padding:10px; box-sizing:border-box; font-weight:bold; line-height:20px;} 
.invList dl dd{line-height:22px; margin-bottom:5px; padding-left:9px; text-indent:-9px;}
.invList dl dd:before{content:"· ";}
/*침해요인 평가*/

.planBox h4{text-align:center; font-size:22px; font-weight:bold; margin-bottom:25px; }
.planBox ol{padding:5px; font-size:14px; line-height:20px; text-indent:-20px;}
.planBox ol li{padding:5px 5px 5px 25px; font-size:14px; line-height:20px; text-indent:-20px;}
/*시행계획*/


.ismsBox{background:#fafafa url("/np/resources/images/content/ismsBoxBg.png") 30px center no-repeat; padding:50px 50px 50px 360px; }
/*isms-p*/

.chair:after{content:''; display:block; visibility:hidden; clear:both;}
.chair li{float:left; border:1px solid #ccc; text-align:center; box-sizing:border-box; margin-bottom:20px;} 
.chair li h3{background:#334d70; color:#fff; font-weight:bold; font-size:18px; line-height:30px; padding:10px; box-sizing:border-box; text-align:center;}
.chair li figure{padding:15px; display:inline-block;}
.chair li figure img{box-shadow:#ccc 3px 3px 6px; display:inline-block; vertical-align:middle;}
.chair li figure figcaption{display:inline-block; margin-left:25px; line-height:30px; text-align:center; vertical-align:middle;}
.chair li figure figcaption p:first-of-type{font-size:18px; font-weight:bold;}
/*역대위원장*/

@media all and (min-width:767px) {	
	.orgLayout2 { display:table; text-align:center; }
	.orgLayout2 > li {vertical-align:top; padding:30px 5px 0 5px; width:25%; max-width:170px; background:url("/np/resources/images/content/orgLayout2C.gif") no-repeat center top; display:table-cell;  }
	.orgLayout2 > li:first-child { background:url("/np/resources/images/content/orgLayout2L.gif") no-repeat center top; }
	.orgLayout2 > li:last-child { background:url("/np/resources/images/content/orgLayout2R.gif") no-repeat center top; }
    /*조직도*/

    .planList:after{content:''; display:block; visibility:hidden; clear:both;}
    .planList{margin-top:25px;}
    .planList.step{display:flex;}
    .planList dl{float:left; width:34%; text-align:center; box-sizing:border-box; padding:0 50px 0 10px; background:url("/np/resources/images/content/arr2.jpg") right center no-repeat;}
    .planList dl:last-of-type{width:32%; padding:0px 0 0 10px; background:none;}
    .planList dt{padding:15px; background:#226fba; color:#fff; line-height:22px;}
    .planList dd{padding:15px; background:#e7ecf1; line-height:22px;}
    /*시행계획*/

    .directionsBox{background-color:#406d96; box-sizing:border-box; padding:40px 0px; margin:20px 0 70px;}
    .directionsBox:after{content:''; display:block; visibility:hidden; clear:both;}
    .directionsBox div{float:left; width:50%; box-sizing:border-box; padding:0 40px;}
    .directionsBox div:last-of-type{border-left:1px solid #8ca7bf; }
    .directionsBox span{color:#fff; display:block; margin-bottom:10px; font-size:22px; font-weight:bold;}
    .directionsBox p{color:#fff; margin-bottom:25px; font-size:18px; line-height:28px;}
    .directionsBox div:last-of-type p{padding-left:20px; text-indent:-20px;}
    .directionsBox p:last-of-type{ margin-bottom:0px; }
    .directionsList{padding-left:350px;}
    .directionsList li{margin-bottom:35px;}
    .directionsList span{background:#406d96; padding:5px 10px 8px 10px; color:#fff; display:inline-block; margin-bottom:15px;}
    .directionsList p{padding-left:30px; text-indent:-13px; margin-bottom:10px; line-height:22px;}
    .directionsBus{background:url("/np/resources/images/content/bus.png") 50px top no-repeat; border-bottom:1px dotted #ccc; margin-bottom:50px;}
    .directionsSub{background:url("/np/resources/images/content/subway.png") 50px top no-repeat; min-height:210px;}
    /*오시는길*/

    /*.profileBox:after{content:''; display:block; visibility:hidden; clear:both;}
    .profileBox > div:first-of-type, .profileBox > div:nth-of-type(2) {float:left; width:49%; height:350px; padding:20px; box-sizing:border-box; border:3px solid #f1f1f1;}
    .profileBox > div:nth-of-type(2) {margin-left:2%;}
    .profileBox > div:last-of-type { float:left; width:100%;}*/
}
/*pc/tablet*/

/* 모바일 화면 크기에 대한 스타일 변경 */
@media screen and (max-width: 768px) {
    ul.orgLayout3::after {
        top: 5%; /* 모바일에서는 상단 여백을 더 작게 조절 */
        right: 13%;
        font-size: 10px; /* 모바일에서는 폰트 크기를 작게 조절 */
    }
}

@media all and (max-width:767px) {
    .orgBox .org_1 > a {width:110px; line-height:50px; border:10px solid #226fba; font-size:18px;}
	.orgBox .org_2 > a {font-size:18px; line-height:50px;}
	.orgBox .org_3 > li > a { font-size:14px; line-height:45px;}
	.orgBox .org_4 a { font-size:12px; }
	.orgLayout1 a { margin:0; width:120px; }
	.orgLayout2 > li {background:url("/np/resources/images/content/orgLayout2M.gif") no-repeat center top; display:block; float:none; margin:0 auto; padding:30px 0 0 0; }
	.orgLayout2 > li:first-child { background:none; padding-top:0;}
    .orgLayout3 a { width:180px; }/*조직도*/
    
    .siteMapBox .depth_1 > li > .tit{width:130px; font-size:21px;}
    .siteMapBox .depth_2{float:left; width:calc(100% - 130px); }
    .siteMapBox .depth_2 > li{padding:0 8px 20px; width:100%;}   
     /*사이트맵*/

    .decideProcess{padding:20px 0;}
    .decideProcess ol li{padding-bottom:35px; background:url("/np/resources/images/content/arr.png") center bottom no-repeat; background-size:25px; margin-bottom:10px;}
    .decideProcess ol li dl{position:inherit; display: block;}
    .decideProcess ol li dl dt{position:inherit; width:100%; border-radius:0 0 100px 100px; height:auto; display:block;}
    .decideProcess ol li dl dt b{ line-height:22px; padding:10px 0; font-size:16px; display:block; width:100%;}
    .decideProcess ol li dl dt b br{display:none;}
    .decideProcess ol li dl dd{padding:10px; height:auto; line-height:22px;}
    .decideProcess ol li dl dd span{font-size:12px; line-height:20px;}
    /*심의·의결 절차*/
    
    .appaBg{background:url("/np/resources/images/content/appaBg.png") center 20px no-repeat; background-size:140px; padding-left:20px;}
    .gpaBg{background:url("/np/resources/images/content/gpaBg.png") center 20px no-repeat; background-size:90px; padding-left:20px;}
    .gpenBg{background:url("/np/resources/images/content/gpenBg.png") center 20px no-repeat; background-size:90px; padding-left:20px;}
    .coeBg{background:url("/np/resources/images/content/coeBg.png") center 20px no-repeat; background-size:110px; padding-left:20px;}
    /*해외 감독기구 간 협력등*/
    

    .relatedOrg ul li figure{padding:20px 20px 20px 20px;}
    .relatedOrg ul li figure img{width:200px; float:none; margin:0 auto 20px auto; display:block;} 
    .relatedOrg ul li figure figcaption{float:none; width:100%; padding-left:0;} 
    .relatedOrg ul li figure a{position:static; display:block; text-align:center;}
    .relatedOrg ul li figure p{line-height:22px; margin-bottom:10px;}
    /*유관기관소개*/
    

    .psList1 dl{width:100%;}
    /*개인정보 가명처리‧가명정보 결합*/
    .controlLevelList li{ width: 100%; box-sizing:border-box; padding-bottom:30px; background:url("/np/resources/images/content/arr.png") center bottom no-repeat; background-size:20px; margin-bottom:10px;}
    .controlLevelList li:last-of-type{background:none; padding-bottom:0;}
    /*공공 관리수준 진단*/
    
    .planList{margin-top:25px;}
    .planList dl{text-align:center; box-sizing:border-box; padding-bottom:30px; background:url("/np/resources/images/content/arr.png") center bottom no-repeat; background-size:20px; margin-bottom:10px;}
    .planList dl:last-of-type{padding:0px; background:none;}
    .planList dt{padding:10px; background:#226fba; color:#fff; line-height:18px;}
    .planList dd{padding:10px; background:#e7ecf1; line-height:20px;}
    /*시행계획*/



    .ismsList{margin:20px 0;}
    .ismsList li{ width: 100%; box-sizing:border-box; padding-bottom:30px; background:url("/np/resources/images/content/arr.png") center bottom no-repeat; background-size:20px; margin-bottom:10px; text-align:center;}
    .ismsList li:last-of-type{background:none; padding-bottom:0;}
    .ismsList li dl{background:#cbd8e3;}
    .ismsList li dl dt{background:#406d96; color:#fff !important; padding:15px 5px; box-sizing:border-box;} 
    .ismsList li dl dd{padding:10px 5px; box-sizing:border-box;}
    .ismsList li .progress{background:#cbd8e3;}
    .ismsList li .progress > div{background:#406d96; color:#fff !important; padding:15px 5px; box-sizing:border-box;}
      
    .ismsBox{ padding:140px 20px 20px 20px; background:#fafafa url("/np/resources/images/content/ismsBoxBg.png") center 20px no-repeat; background-size:150px;}
    /*isms-p*/

	.regulationList{margin:20px 0;}
    .regulationList li{width:100%; background:url("/np/resources/images/content/arr.png") center bottom no-repeat; box-sizing:border-box; text-align:center; margin-bottom:10px; background-size:20px; padding-bottom:30px;}
    .regulationList li:last-of-type{background:none;}
    .regulationList li figure figcaption{padding-top:10px; font-size:15px; line-height:20px;}
    /*규제입증요청*/

    .directionsBox{background-color:#406d96; box-sizing:border-box; padding:0px 20px; margin:10px 0 40px;}
    .directionsBox div{box-sizing:border-box; padding:20px 0px;}
    .directionsBox div:last-of-type{border-top:1px solid #8ca7bf; }
    .directionsBox span{color:#fff; display:block; margin-bottom:10px; font-size:20px; font-weight:bold;}
    .directionsBox p{color:#fff; margin-bottom:20px; font-size:14px; line-height:20px;}
    .directionsBox div:last-of-type p{padding-left:17px; text-indent:-17px;}
    .directionsBox p:last-of-type{ margin-bottom:0px; }

    .directionsList{padding-top:140px;}
    .directionsList li{margin-bottom:35px;}
    .directionsList span{background:#406d96; padding:5px 10px 8px 10px; color:#fff; display:inline-block; margin-bottom:10px; line-height:18px;}
    .directionsList p{padding-left:30px; text-indent:-13px; margin-bottom:5px; line-height:20px;}
    .directionsBus{background:url("/np/resources/images/content/bus.png") center top no-repeat; background-size:120px; border-bottom:1px dotted #ccc; margin-bottom:50px;}
    .directionsSub{background:url("/np/resources/images/content/subway.png") center top no-repeat; background-size:120px; }
    /*오시는길*/
    
    .greetingBox h3{height:190px; background:url("/np/resources/images/content/greetingImg.png") left center no-repeat; background-size:150px; box-sizing:border-box; padding:20px 0 0 160px; font-size:22px; line-height:38px; margin-bottom:20px; word-break: keep-all;}
    .greetingBox2 h3{height:190px; background:url("/np/datas/contents/F/greetingImg2.png") left center no-repeat; background-size:150px; box-sizing:border-box; padding:20px 0 0 160px; font-size:25px; line-height:38px; margin-bottom:20px;}
	.greetingBox p{font-size:15px; line-height:25px; margin-bottom:12px; word-break: keep-all;}
    .greetingBox p.greetingBg{text-align:center; background:url("/np/resources/images/content/greetingBg.png") center center no-repeat; background-size:cover; margin:30px auto; box-sizing:border-box; padding:30px 15px; font-size:18px; line-height:26px;}
    .greetingBox p.greetingBg .sText{font-size:14px;}
    .greetingBox p.greetingBg .bold{font-size:22px; line-height:40px;}
    /*인사말*/

    .chair li{width:100%;}
    .chair li figure img{width:90px;}
    .chair li figure figcaption{margin-left:15px;}
    /*역대위원장*/

    .historyList li dl dt{display:block; width:auto;}
    .historyList li dl dd{display:block;} 
    /*연혁*/

	.profileBox{padding-top:370px; background:url("/np/resources/images/content/cmpn/2022_cmpn.jpg") center top no-repeat; background-size:230px;}
    .profileBox .historyList li dl dt{font-size:18px;}
    .profileBox2{ background:url("/np/resources/images/content/profile_sub_300.jpg") center top no-repeat; background-size:230px;}
    /*부위원장 약력*/

    .symbolColor{float:left; width:100%; box-sizing:border-box; padding:15px;}
    /*상징*/
    .textType1 > div ul > li.textIn{padding-left:20px; text-indent:-19px;}
    /*개인정보 처리방침*/

    
    .profileBox3{padding-top:300px; background:url("/np/resources/images/content/futu_profile111.jpg") center top no-repeat; background-size:230px;}
	.profileBox4{padding-top:300px; background:url("/np/resources/images/content/futu_photo222.png") center top no-repeat; background-size:230px;}
    .greetingBox h4{font-size:25px; line-height:38px; margin-bottom:20px;}
    
    .campaign2023{ background:url("/np/resources/images/content/2023_campaign.jpg") center top no-repeat; background-size:230px;}
    .campaign2021{ background:url("/np/resources/images/content/2021_campaign.gif") center top no-repeat; background-size:230px;}
	.campaign2020{ background:url("/np/resources/images/content/2020_campaign.gif") center top no-repeat; background-size:230px;}
    .campaign2019{ background:url("/np/resources/images/content/2019_campaign.gif") center top no-repeat; background-size:230px;}
    .campaign2018{ background:url("/np/resources/images/content/2018_campaign.gif") center top no-repeat; background-size:230px;}
}
/*mobile*/

@media all and (min-width:768px) and (max-width:1400px) {
    
    .siteMapBox .depth_2 > li{padding:0 8px 40px; width:49%;}    
    /*사이트맵*/
    
    .decideProcess ol li dl dt{width:200px;  height:150px;}
    .decideProcess ol li dl dd{padding:0 10px 0 230px; height:150px; line-height:24px;}
    /*심의·의결 절차*/
    .controlLevelList:after{content:''; display:block; visibility:hidden; clear:both;}
    .controlLevelList li{float:left; width: 50%; box-sizing:border-box; padding-right:40px; background:url("/np/resources/images/content/arr2.jpg") right center no-repeat; margin-bottom:10px;}
    .controlLevelList li:last-of-type{background:none;}
    .controlLevelList li dd{min-height:70px;}
    /*공공 관리수준 진단*/

	 .planList:after{content:''; display:block; visibility:hidden; clear:both;}
    .planList{margin-top:25px;}
    .planList.step{display:flex;}
    .planList dl{float:left; width:34%; text-align:center; box-sizing:border-box; padding:0 50px 0 10px; background:url("/np/resources/images/content/arr2.jpg") right center no-repeat;}
    .planList dl:last-of-type{width:32%; padding:0px 0 0 10px; background:none;}
    .planList dt{padding:15px; background:#226fba; color:#fff; line-height:22px;}
    .planList dd{padding:15px; background:#e7ecf1; line-height:22px;}
    /*시행계획*/
    
    .ismsList{margin:25px 0;}
    .ismsList:after{content:''; display:block; visibility:hidden; clear:both;}
    .ismsList li{float:left; background:url("/np/resources/images/content/arr2.jpg") right center no-repeat; box-sizing:border-box; padding:0 40px 0 10px; text-align:center; width:50%;}
    .ismsList li:last-of-type{background:none;}
    .ismsList li dl{background:#cbd8e3;}
    .ismsList li dl dt{background:#406d96; color:#fff !important; padding:15px 5px; box-sizing:border-box;} 
    .ismsList li dl dd{min-height:65px; padding:10px 5px; box-sizing:border-box;}
    .ismsList li .progress{background:#cbd8e3;}
    .ismsList li .progress > div{background:#406d96; color:#fff !important; padding:15px 5px; box-sizing:border-box;}
    .ismsBox{ padding:140px 20px 20px 20px; background:#fafafa url("/np/resources/images/content/ismsBoxBg.png") center 20px no-repeat; background-size:150px;}
    /*isms-p*/

	.regulationList{margin:25px 0;}
    .regulationList:after{content:''; display:block; visibility:hidden; clear:both;}
    .regulationList li{width:33.3%; float:left; background:url("/np/resources/images/content/arr2.jpg") right 50px no-repeat; box-sizing:border-box; padding:0 40px 0 10px; text-align:center; margin-bottom:30px;}
    .regulationList li:last-of-type{background:none;}
    .regulationList li figure figcaption{padding-top:10px; font-size:15px; line-height:20px;}
    /*규제입증요청*/

    .greetingBox h3{height:320px; background:url("/np/resources/images/content/greetingImg.png") left center no-repeat; box-sizing:border-box; padding:35px 0 0 295px; font-size:30px; line-height:50px; margin-bottom:40px;}
    .greetingBox2 h3{height:320px; background:url("/np/datas/contents/F/greetingImg2.png") left center no-repeat; box-sizing:border-box; padding:35px 0 0 295px; font-size:30px; line-height:50px; margin-bottom:40px;}
	.greetingBox p{font-size:18px; line-height:30px; margin-bottom:15px;}
    .greetingBox p.greetingBg{text-align:center; background:url("/np/resources/images/content/greetingBg.png") center center no-repeat; min-height:320px; margin:40px auto; box-sizing:border-box; padding-top:55px; font-size:23px; line-height:30px;}
    .greetingBox p.greetingBg .sText{font-size:20px;}
    .greetingBox p.greetingBg .bold{font-size:25px; line-height:40px;}
    /*인사말*/
    .chair li{width:48%; margin-left:4%;}
    .chair li:nth-of-type(2n+1){margin-left:0;}
    /*역대위원장*/

	.profileBox{padding-left:400px; background:url("/np/resources/images/content/profile1.jpg") left top no-repeat;}
    .profileBox .historyList li dl dt{display:block; width:auto;}
    .profileBox .historyList li dl dd{display:block; width:100%;}    
    .profileBox2{ background:url("/np/resources/images/content/profile_sub_300.jpg") left top no-repeat;}
    /*부위원장 약력*/ 

   .textType1 > div ul > li.textIn{padding-left:20px; text-indent:-19px;}
    /*개인정보 처리방침*/

    
    .profileBox3{padding-left:340px; background:url("/np/resources/images/content/futu_profile111.jpg") left top no-repeat;}
	.profileBox4{padding-left:340px; background:url("/np/resources/images/content/futu_photo222.png") left top no-repeat;}
    .greetingBox h4{ font-size:30px; line-height:50px; margin-bottom:40px;}
    .campaign2023{ background:url("/np/resources/images/content/2023_campaign.jpg") left top no-repeat;}
    .campaign2022{ background:url("/np/resources/images/content/2022_campaign.gif") left top no-repeat;}
	.campaign2021{ background:url("/np/resources/images/content/2021_campaign.gif") left top no-repeat;}
	.campaign2020{ background:url("/np/resources/images/content/2020_campaign.gif") left top no-repeat;}
    .campaign2019{ background:url("/np/resources/images/content/2019_campaign.gif") left top no-repeat;}
    .campaign2018{ background:url("/np/resources/images/content/2018_campaign.gif") left top no-repeat;}
}
/*tablet*/
@media all and (min-width:1241px) {    
    .controlLevelList:after{content:''; display:block; visibility:hidden; clear:both;}
    .controlLevelList li{float:left; width: 16.6%; box-sizing:border-box; padding-right:40px; background:url("/np/resources/images/content/arr2.jpg") right center no-repeat; margin-bottom:10px;}
    .controlLevelList li:last-of-type{background:none;}
    .controlLevelList li dd{min-height:70px;}
    /*공공 관리수준 진단*/

	.ismsList{margin:25px 0;}
    .ismsList:after{content:''; display:block; visibility:hidden; clear:both;}
    .ismsList.ismsList5 li{width:20%;}
    .ismsList.ismsList6 li{width:16.6%;}
    .ismsList li{float:left; background:url("/np/resources/images/content/arr2.jpg") right center no-repeat; box-sizing:border-box; padding:0 40px 0 10px; text-align:center;}
    .ismsList li:last-of-type{background:none;}
    .ismsList li dl{background:#cbd8e3;}
    .ismsList li dl dt{background:#406d96; color:#fff !important; padding:15px 5px; box-sizing:border-box;} 
    .ismsList li dl dd{min-height:75px; padding:10px 5px; box-sizing:border-box;} 
    .ismsList li .progress{background:#cbd8e3;}
    .ismsList li .progress > div{background:#406d96; color:#fff !important; padding:15px 5px; box-sizing:border-box;}
    .ismsList li .progress{background:#cbd8e3;}
    .ismsList li .progress > div{background:#406d96; color:#fff !important; padding:15px 5px; box-sizing:border-box;}
    /*isms-p*/

	.regulationList{margin:25px 0;}
    .regulationList:after{content:''; display:block; visibility:hidden; clear:both;}
    .regulationList li{ width:16.6%; float:left; background:url("/np/resources/images/content/arr2.jpg") right 50px no-repeat; box-sizing:border-box; padding:0 40px 0 10px; text-align:center;}
    .regulationList li:last-of-type{background:none;}
    .regulationList li figure figcaption{padding-top:20px; font-size:15px; line-height:20px;}
    /*규제입증요청*/

    .greetingBox h3{height:320px; background:url("/np/resources/images/content/greetingImg.png") left center no-repeat; box-sizing:border-box; padding:35px 0 0 295px; font-size:35px; line-height:55px; margin-bottom:40px;}
    .greetingBox2 h3{height:320px; background:url("/np/datas/contents/F/greetingImg2-.png") left center no-repeat; box-sizing:border-box; padding:35px 0 0 295px; font-size:35px; line-height:55px; margin-bottom:40px;}
	.greetingBox p{font-size:18px; line-height:30px; margin-bottom:15px;}
    .greetingBox p.greetingBg{text-align:center; background:url("/np/resources/images/content/greetingBg.png") center center no-repeat; min-height:320px; margin:40px auto; box-sizing:border-box; padding-top:55px; font-size:23px; line-height:30px;}
    .greetingBox p.greetingBg .sText{font-size:20px;}
    .greetingBox p.greetingBg .bold{font-size:25px; line-height:40px;}
    /*인사말*/
    
    .chair li{width:30%; margin-left:5%;}
    .chair li:nth-of-type(3n+1){margin-left:0;}
    /*역대위원장*/

    .profileBox{padding-left:400px; background:url("/np/resources/images/content/profile1.jpg") left top no-repeat;}
    .profileBox .historyList li dl dt{width:270px;}
    .profileBox .historyList li dl dd{width:calc(100% - 300px); } 
    .profileBox2{ background:url("/np/resources/images/content/profile_sub_300.jpg") left top no-repeat;}
    /*부위원장 약력*/

       
    .profileBox3{padding-left:360px; background:url("/np/resources/images/content/futu_profile111.jpg") left top no-repeat;}
	.profileBox4{padding-left:360px; background:url("/np/resources/images/content/futu_photo222.png") left top no-repeat;}
    .greetingBox h4{font-size:35px; line-height:55px; margin-bottom:40px;} 
    .campaign2023{background:url("/np/resources/images/content/2023_campaign.jpg") left top no-repeat;}
    .campaign2022{background:url("/np/resources/images/content/2022_campaign.gif") left top no-repeat;}
	.campaign2021{background:url("/np/resources/images/content/2021_campaign.gif") left top no-repeat;}
	.campaign2020{background:url("/np/resources/images/content/2020_campaign.gif") left top no-repeat;}
    .campaign2019{background:url("/np/resources/images/content/2019_campaign.gif") left top no-repeat;}
    .campaign2018{background:url("/np/resources/images/content/2018_campaign.gif") left top no-repeat;}
}
/*pc*/