@CHARSET "UTF-8";

/*민원서식*/
.down_bx{display:flex;justify-content: space-between;align-items: baseline;padding: 50px 50px 50px 220px;background: #d7e7ff url(/nanum/site/builder/dir/main/img/menu5649/icon_down.png) no-repeat 50px 50px;}
.down_bx p{font-weight:700;font-size: 2.7rem;}
.down_bx p span{display: block;color:#333;font-weight: 600;font-size: 1.7rem;margin-top: 15px;}
.down_bx a{position:relative;color: #fff;padding: 15px 80px 15px 25px;background-color: #0d48a6;}
.down_bx a:after{content:"";position:absolute;right: 25px;top: 50%;width: 21px;height: 21px;margin-top: -11px;background-image:url(/nanum/site/builder/dir/main/img/menu5649/file_down.png);background-size: cover;}
.down_bx a strong{display:block;}

ul.c2_list{display:flex;flex-wrap:wrap;gap:25px;margin-top: 50px;}
ul.c2_list li{flex: 1 1 30%;border:1px solid #dfdfdf;box-sizing:border-box;text-align: center;}
ul.c2_list li p{font-weight:700;font-size: 1.9rem;border: 1px solid #000;padding: 7px 0;}
ul.c2_list li span{display: inline-block;width: 100%;color:#333;padding: 25px 40px;box-sizing: border-box;}




/********************1280********************/
@media all and (max-width:1280px){

/*민원서식*/	
ul.c2_list li{flex: auto;width: calc(33.333% - 17px);}
ul.c2_list li span{word-break: break-all;}

}

/********************태블릿********************/
@media all and (max-width:1024px){


.down_bx{flex-direction:column;background-position: 50px;}    
.down_bx a{padding:15px 70px 15px 15px;margin-top:20px;}
.down_bx a strong{display:inline-block;}
.down_bx a:after{right:15px;}  



}

/********************모바일********************/
@media all and (max-width:767px){

/*민원서식*/	
.down_bx{align-items: center;padding: 110px 15px 15px;background-position: 50% 30px;background-size: 80px auto;}    
.down_bx p,
.down_bx p span{text-align:center;}
.down_bx p span{margin-top:7px;}
.down_bx a{width: 100%;box-sizing: border-box;}
	
ul.c2_list{flex-direction: column;gap:20px;}
ul.c2_list li{width:100%;}
ul.c2_list li span{padding:15px;}

}

/********************웹********************/
@media all and (min-width:1025px) {

.down_bx a:hover{background-color: #052b66;}
  
}