@charset "UTF-8";
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./_src/style.scss ***!
  \********************************************************************************************************************************************************************************/


/* pc형 반응형 */

@media only screen and ( max-width: 800px )  {
	.Page > footer .content_width .outer_link .relevant_link div button, .Page.main > footer .content_width .outer_link .relevant_link div button {
 	 background-image: url(image/arrow_footer_link_up.svg);
	}
	body .Page > header .now_path .content_width, .Page.main > header .now_path .content_width {
		padding:12px;		
		border-top:1px solid #eee;
		outline-top:1px solid #f3f3f3;
	}
	
	 /**/

.Page > footer > div .outer_link .imgwrap {
	position: absolute;
	top: 38px;
	right: 20px;
}
	
	body .Page > main article > footer.satisfaction form, .Page.main > main article > footer.satisfaction form {
	    display: block;
	}
	body .Page > main article > footer.satisfaction form ul, .Page.main > main article > footer.satisfaction form ul {
    	display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    flex-wrap:wrap;
	    margin-left: 0;
	    margin-bottom: 24px;
	    justify-content:center;
	}
	body .Page > main article > footer.satisfaction form ul li, .Page.main > main article > footer.satisfaction form ul li {
	    flex:0 0 45%;	    
	    position: relative;
	    text-align: center;
	    margin:10px 5px;
	    line-height:26px;
	}
	body .Page > main article > footer.satisfaction form ul li label, .Page.main > main article > footer.satisfaction form ul li label {
		padding-top:0;
		height:26px;
		text-align:left;
		padding-left:0px;
	}
	
		/* 2023-01-30 테이블 가로로 overflow숨기기*/
	.Page > main > article > .body.text > .table {
	    overflow-x:scroll;
	}
	.Page > main > article > .body.text > .table table{min-width:1200px;}
	
	.Page > footer > div .addr {	    
	    white-space: normal;
	    word-break:keep-all;
	}
	.Page > footer > div .addr .web{position:relative; font-size:0; line-height:0; clip:rect(0,0,0,0); width:0; height:0; overflow:hidden; }
	
	.Page > header .now_path .content_width div:nth-child(3), .Page.main > header .now_path .content_width div:nth-child(3) {
    	display: block;
	}
	.Page .all_menu div .block, .Page.main .all_menu div .block {
	    padding:0 24px;
	    display: block;
	    margin-bottom: 24px;
	}
	.Page .all_menu div .block, .Page.main .all_menu div .block >li{
		list-style:none;
	    padding:10px 0;
	}
	
	.Page .all_menu div .block, .Page.main .all_menu div .block >li>a{
	 	display:block; 
		padding-bottom:6px; font-size:18px; text-decoration:none;
		color: #26282C;
		font-weight:500;
	}
	.Page .all_menu div .block, .Page.main .all_menu div .block >li>ul{		
	    padding:0;
	}
	.Page .all_menu div .block, .Page.main .all_menu div .block >li>ul>li{		
	    list-style:none;
	    padding:4px 8px;
	}
	.Page .all_menu div .block, .Page.main .all_menu div .block >li>ul>li>a{		
	    display:block; text-decoration:none;
	    color:#484B51;
	}
	
	.Page > header .now_path .content_width {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    flex-wrap:wrap;
	}
	.Page > header .now_path .content_width >div:nth-of-type(1) {
	    flex:0 0 40%;
	}
	.Page > header .now_path .content_width >div:nth-of-type(2) {
	    flex:0 0 50%; margin-left:22px;
	}
	.Page > header .now_path .content_width >div:last-child {
	    flex:0 0 calc(100% - 22px); margin-left:22px;
	}
	.block>li{padding-bottom:12px;}
	.block ul{padding-left:0;}
	.block ul li{padding-left:0; list-style:none;}
	
		/*2023-02-02 검색부분 input */
	/* ex) 모바일 input 사업주지원 > 장애인고용부담금 > 공시송달 */
	.inline input:not([type=radio]):not([type=checkbox]), .inline select, .inline output {
		display:block;
		box-sizing:border-box;  
		width:100%; 
	}
	/*2023-02-02 장애인지원> 알기쉬운자료개발 사업 > 알기쉬운 자료신청  > 컨텐츠 중 - 유의사항 */
	.Page > main > article > .body .info_box {
	    padding: 10px;
	    padding-left: 0;
	    background-image: none;	    
	}
	
	/* 2023-02-10 공단소개 > 조직안내 > 이미지맵 > 각 지부 클릭 시 본부 페이지 공지사항*/
	.Page > main > article > .body .department_info_div {
	    flex-wrap:wrap; 
	}
	.Page > main > article > .body .department_info_div>div{
		margin:0 auto;
		flex:0 0 90%; 
		width:100%;
		padding:20px;
	}
	.Page > main > article > .body .department_info_div > div ul li :last-child {
	    width: 110px;
	    margin-bottom: 0;
	}
	.Page > main > article > .body .department_info_div > div a.more {
    	right: 25px;
    	top: 25px;
    }
}/*가로 미디어쿼리*/

@media only screen and (pointer:coarse)  {
	body .Page > header .now_path .content_width, .Page.main > header .now_path .content_width {
		padding:12px;		
		border-top:1px solid #eee;
		outline-top:1px solid #f3f3f3;
	}
	
	body .Page > main article > footer.satisfaction form, .Page.main > main article > footer.satisfaction form {
	    display: block;
	}
	body .Page > main article > footer.satisfaction form ul, .Page.main > main article > footer.satisfaction form ul {
    	display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    flex-wrap:wrap;
	    margin-left: 0;
	    margin-bottom: 24px;
	    justify-content:center;
	}
	body .Page > main article > footer.satisfaction form ul li, .Page.main > main article > footer.satisfaction form ul li {
	    flex:0 0 45%;	    
	    position: relative;
	    text-align: center;
	    margin:10px 5px;
	    line-height:26px;
	}
	body .Page > main article > footer.satisfaction form ul li label, .Page.main > main article > footer.satisfaction form ul li label {
		padding-top:0;
		height:26px;
		text-align:left;
		padding-left:0px;
	}
	
		/* 2023-01-30 테이블 가로로 overflow숨기기*/
	.Page > main > article > .body.text > .table {
	    overflow-x:scroll;
	}
	.Page > main > article > .body.text > .table table{min-width:1200px;}
	
	.Page > footer > div .addr {	    
	    white-space: normal;
	    word-break:keep-all;
	}
	.Page > footer > div .addr .web{position:relative; font-size:0; line-height:0; clip:rect(0,0,0,0); width:0; height:0; overflow:hidden; }
	
	.Page > header .now_path .content_width div:nth-child(3), .Page.main > header .now_path .content_width div:nth-child(3) {
    	display: block;
	}
	.Page .all_menu div .block, .Page.main .all_menu div .block {
	    padding:0 24px;
	    display: block;
	    margin-bottom: 24px;
	}
	.Page .all_menu div .block, .Page.main .all_menu div .block >li{
		list-style:none;
	    padding:10px 0;
	}
	
	.Page .all_menu div .block, .Page.main .all_menu div .block >li>a{
	 	display:block; 
		padding-bottom:6px; font-size:18px; text-decoration:none;
		color: #26282C;
		font-weight:500;
	}
	.Page .all_menu div .block, .Page.main .all_menu div .block >li>ul{		
	    padding:0;
	}
	.Page .all_menu div .block, .Page.main .all_menu div .block >li>ul>li{		
	    list-style:none;
	    padding:4px 8px;
	}
	.Page .all_menu div .block, .Page.main .all_menu div .block >li>ul>li>a{		
	    display:block; text-decoration:none;
	    color:#484B51;
	}
	
	.Page > header .now_path .content_width {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: flex;
	    flex-wrap:wrap;
	}
	.Page > header .now_path .content_width >div:nth-of-type(1) {
	    flex:0 0 40%;
	}
	.Page > header .now_path .content_width >div:nth-of-type(2) {
	    flex:0 0 50%;
	}
	.Page > header .now_path .content_width >div:last-child {
	    flex:0 0 calc(100% - 22px); margin-left:22px;
	}
	.block>li{padding-bottom:12px;}
	.block ul{padding-left:0;}
	.block ul li{padding-left:0; list-style:none;}
	
	/*2023-02-02 검색부분 input */
	/* ex) 모바일 input 사업주지원 > 장애인고용부담금 > 공시송달 */
	.inline input:not([type=radio]):not([type=checkbox]), .inline select, .inline output {
		display:block;
		box-sizing:border-box;  
		width:100%; 
	}
	
	/*2023-02-02 장애인지원> 알기쉬운자료개발 사업 > 알기쉬운 자료신청  > 컨텐츠 중 - 유의사항 */
	.Page > main > article > .body .info_box {
	    padding: 10px;
	    padding-left: 0;
	    background-image: none;	    
	}
	/* 2023-02-10 공단소개 > 조직안내 > 이미지맵 > 각 지부 클릭 시 본부 페이지 공지사항 */
	.Page > main > article > .body .department_info_div {
	    flex-wrap:wrap; 
	}
	.Page > main > article > .body .department_info_div>div{
		margin:0 auto;
		flex:0 0 90%; 
		width:100%;
		padding:20px;
	}
	.Page > main > article > .body .department_info_div > div ul li :last-child {
	    width: 110px;
	    margin-bottom: 0;
	}
	.Page > main > article > .body .department_info_div > div a.more {
    	right: 25px;
    	top: 25px;
    }
    
    .Page .board_qa > dd span.qnaSpan {
		position: absolute;
		top: 24px;
		left: 29px;
		font-weight: 600;
		font-size: 20px;
		line-height: 150%;
		margin-right: 26px;
		color: #016FF3;
	}
	
	.Page .board_qa > dd span {
		position: static;
		display: inline;
		color: #000;
	    margin-right: 0px;
	}
    
    
   
    
}/*가로 미디어쿼리*/





@media only screen and (pointer:coarse) and (max-height:800px) {
	.Page > header .now_path .content_width div ul, .Page.main > header .now_path .content_width div ul {
		height:auto;
	    max-height:calc(100vh - 230px);
	    overflow-y:scroll;  
	    
	}
	.Page > header .now_path .content_width div ul, .Page.main > header .now_path .content_width div ul>li{

	}
	
	.Page > header .now_path .content_width > div ul {
	    display: none;
	    position: absolute;
	    padding: 0;
	    width: 100%;
	    z-index: 8;
	    background-color: #FFFFFF;
	    max-height: 450px;
	    overflow-y: auto;
	    border: #DDE1E4 solid 1px;
	    border-top: none;
	    border-bottom: #DDE1E4 solid 2px;
	}
	
} /* 세로 미디어쿼리 */

@media only screen and (max-height:800px) {
	.Page > header .now_path .content_width div ul, .Page.main > header .now_path .content_width div ul {
		height:auto;
	    max-height:calc(100vh - 230px);
	    overflow-y:scroll;  
	    
	}
	.Page > header .now_path .content_width div ul, .Page.main > header .now_path .content_width div ul>li{

	}
	
	.Page > header .now_path .content_width > div ul {
	    display: none;
	    position: absolute;
	    padding: 0;
	    width: 100%;
	    z-index: 8;
	    background-color: #FFFFFF;
	    max-height: 450px;
	    overflow-y: auto;
	    border: #DDE1E4 solid 1px;
	    border-top: none;
	    border-bottom: #DDE1E4 solid 2px;
	}
	
	.Page .board_qa > dd span.qnaSpan {
		position: absolute;
		top: 24px;
		left: 29px;
		font-weight: 600;
		font-size: 20px;
		line-height: 150%;
		margin-right: 26px;
		color: #016FF3;
	}
	
	.Page .board_qa > dd span {
		position: static;
		display: inline;
		color: #000;
	    margin-right: 0px;
	}
    
	
	
}/* 세로 미디워쿼리 */