@charset "UTF-8";

.welfareArea,
.welfareArea *{
    box-sizing: border-box;
}

.welfareArea input[type=button]{
	border:1px solid #bebebe;
	font-size:1.5rem;
	height: 28px;
}
.welfareArea input[type=text],
.welfareArea input[type=number],
.welfareArea input[type=password]{
	border:1px solid #bebebe;
	font-size:1.5rem;
    height: 27px;
}
.welfareArea input[type=text]:read-only{
	background-color: #f1f1f1;
}
.welfareArea input[type=button]{
	cursor:pointer;
}
.welfareArea input[type=number]:read-only{
    background-color: #f1f1f1;
}
.welfareArea input[type=password]:read-only{
    background-color: #f1f1f1;
}

.welfareArea input[type=radio]{
	appearance: auto;	
}
.welfareArea .checkboxArea,
.welfareArea .radioArea{
	margin:0px;
	padding:0px;
} 
.welfareButton,
.welfareArea .welfareButton{
    border: 1px solid #3b7a7a;
    background-color: #43bfbf;
    color:#ffffff;
}
.welfareButtonGray,
.welfareArea .welfareButtonGray{
    border: 1px solid #bebebe;
    background-color: #cdcdcd;
}

.wfFontBold{
    font-weight: bold;
}

.welfare_section01_BoxBtnWrap{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    width:100%;
    align-items: center;
}
.welfare_boxbtn01{
    border:1px solid #43bfbf;
    border-radius: 5px;
    width:80%;
    height:90px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}
.welfare_boxbtn01.welfare_boxbtnAction{
    border:3px solid #43bfbf;
}

.welfare_section01_helfBoxWrap{
    margin-top:20px;
    display:flex;
    width:100%;
    justify-content: center;
}
.welfare_section01_helfBox{
    /*border:1px solid #43bfbf;
    background-color: #43bfbf50;*/
    border:1px solid #cdcdcd;
    background-color: #cdcdcd40;
    width:80%;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}
.welfare_section01_helfBox_Icon{
    width:24px;
    height:24px;
    border:2px solid #43bfbf;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1.7rem;
    font-weight: bold;
    color:#43bfbf;
    margin-right:8px;
}

.welfare_SlideBody_section{
    display:none;
}
.welfare_SlideBodyWrap{	
    width:100%;
}
.welfare_BodyTitle{
	font-size:1.7rem;
    font-weight: bold;
    text-align: center;
}
.welfare_subgowi_BodyWrap{
	width:100%;
	margin-top:20px;
}
.welfare_RowDiv{
    display: flex;
    align-items: center;
}
.welfare_RowDiv_Wrap{
    display: flex;
    flex-wrap: wrap;
}
.welfare_RowDivCener{
    display: flex;
    align-items: center;
    justify-content: center;
}
.welfare_RowDivRight{
    display: flex;
    align-items: center;
    justify-content: right;
}
.welfare_ColumnDivLeft{
    display: flex;
    justify-content: center;
}
.welfare_ColumnDiv{
	display: flex;
	flex-direction: column;
    align-items: center;
    border:1px solid #3b7a7a;
}

.welfare_gowiType{
    width:100%;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom:1px solid #3b7a7a;
}
.welfare_gowiType_title{
    width:25%;
    height: 100%;
    background-color: #43bfbf;
    color:#ffffff;    
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.welfare_gowiType_contents{
    width:75%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 0px;
}
.welfare_gowiAddr{
    width:100%;
    height:130px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.welfare_gowiAddr_title{
	width:25%;
    height: 100%;
    background-color: #43bfbf;
    color:#ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.welfare_gowiAddr_contents{
    width:75%;
    height: 100%;
    display: flex;
    flex-direction: column;
    row-gap:8px;
    align-items: center;
    justify-content: center;
    border-left: 0px;
    padding:10px 12px;
}
.welfare_gowiAddr_contents input{
	font-size:1.3rem; 
}
.welfare_gowiAddr_cts_addr1{
	display:flex;
	width:100%;
	height:30px;    
}
.welfare_gowiAddr_cts_addr1 > input:nth-child(1){
    width:30%;
    margin-right:8px;
    background-color: #f1f1f1;
}
.welfare_gowiAddr_cts_addr1 > input:nth-child(2){
    width:calc(100% - 30% - 8px);
}
.welfare_gowiAddr_cts_addr2{
	display:flex;
	width:100%;
	height:30px;    
}
.welfare_gowiAddr_cts_addr3{
	display:flex;
	width:100%;
	height:30px;    
}
.welfare_InfoMessageWrap{
    margin-top:20px;
    width:100%;
    color:#fc5356;
}

.welfare_PopupMenu{
    display:none;
    width: 100vw;
    min-height: 100%;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    min-height: fill-available;
    background: #f6f6f6;
    box-sizing: border-box;
}
.welfare_PopupMenu_Active{
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index: 200;
}
.welfare_PopupMenu_Header{
    width: 100%;
    height:50px;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #43bfbf;
}
.welfare_PopupMenu_Header h1 {
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 0 50px;
    word-break: keep-all;
}
.welfare_PopupAddrWrap{
    width:100%;
    display: flex;
    flex-direction: column;
}
.welfare_addr_searchTypeBox{
    border:1px solid #3b7a7a;
    display: flex;
    align-items: center;
    height: 60px;
;
}
.welfare_addr_searchTypeBox > div:nth-child(1){
    width:25%;
    height:100%;
    flex-shrink: 0;
    background-color: #43bfbf;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#ffffff;
}
.welfare_addr_searchTypeContents{
    width:75%;
    padding-left:20px;
    flex-shrink: 0;
    display:flex;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap:20px;
}
.welfare_addr_searchTypeContents > label{
    width:120px;
    cursor: pointer;
}
.welfare_addr_searchBox_doro,
.welfare_addr_searchBox_emd,
.welfare_addr_searchBox_zipcd{
    margin-top:6px;
    border:1px solid #3b7a7a;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom:20px; 
}
.welfare_addr_FormRow{
    display: flex;
    align-items: center;
    border-bottom:1px solid #3b7a7a;
}

.welfare_addr_searchBox_doro > .welfare_addr_FormRow:last-child,
#div_wfAddr_emd_Section > .welfare_addr_FormRow:last-child,
#div_wfAddr_geonmul_Section > .welfare_addr_FormRow:last-child,
.welfare_addr_searchBox_zipcd > .welfare_addr_FormRow:last-child{
    border-bottom:0px;
}
.welfare_addr_FormRow_subject{
    width:25%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: #43bfbf;
    color:#ffffff;
}
.welfare_addr_FormRow_contents{
    width:75%;
    padding-left:10px;
    display: flex;
    align-items: center;
    
}
.welfare_addr_FormRow_contents_geonmul{
    width:75%;
    padding-left:10px;
    display: flex;
    flex-direction: column;
}
.welfare_addr_contents_geonmul_01{
    display: flex;
}
.welfare_addr_contents_geonmul_01 > div:nth-child(1),
.welfare_addr_contents_geonmul_01 > div:nth-child(3){
    width:120px;
}
.welfare_addr_contents_geonmul_01 > div:nth-child(2){
    width:20px;
    text-align: center;
}

.wfAddr_table_addrList > thead tr{
    background-color: #cdcdcd;
    font-weight: bold;
}
.wfAddr_table_addrList th{
    text-align: center;
}
.wfAddr_table_addrList td{
    text-align: left;
}
.wfAddr_table_addrList th,
.wfAddr_table_addrList td{
    
    font-size: 1.3rem;
    padding:0px 2px 0px 2px;
}
#tbody_wfAddrList tr{
    border-bottom:1px solid #cdcdcd;
}
/* 특별고용지원업종 */
.welfare_upJong_BizNo{
    width:100%;
    height:130px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.welfare_upJong_BizNo_title{
	width:25%;
    height: 100%;
    background-color: #43bfbf;
    color:#ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.welfare_upJong_BizNo_contents{
    width:75%;
    height: 100%;
    display: flex;
    flex-direction: column;
    row-gap:8px;
    justify-content: center;
    border-left: 0px;
    padding:10px 12px;
}
.welfare_upJong_BizNo_contents > span{
    font-size: 1.3rem;
}

/* 팝업 메시지 */
.wfPop_Wrap,
.wfPop_Wrap *{
	box-sizing: border-box;
}
.wfPop_Wrap{
    position:fixed;
    width:100vw;
    height:100vh;
    left:0;
    top:0;
    background-color: rgba(0,0,0,0.6);
    z-index: 200;
    padding:14px 14px;
}
.wfPop_Loading{
    display: flex;
    flex-direction: column;
    width: 100vw;
    height:100vh;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    font-size: 4.0rem;
    color:#ffffff;
}
.wfPop_FullBox{
    border:1px solid #000;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    position:relative;
    display: flex;
    flex-direction: column;
    padding:10px 14px;
    font-size: 1.3rem;
    overflow: auto;
}
.wfPop_FullBox_Title{
	display: flex;
    height:30px;
    margin-bottom:10px;
    align-items: center;    
    justify-content: center;
    font-size: 1.5rem;
    font-weight:bold;
}
.wfMargin_top14{
    margin-top:14px;
}
.wfMargin_bottom4{
    margin-bottom:4px;
}
.wfMargin_bottom8{
    margin-bottom:8px;
}
.wfMargin_bottom14{
    margin-bottom:14px;
}
.wfMargin_bottom20{
    margin-bottom:20px;
}
.wfPadding_left12{
    padding-left:12px;
}
.wfPadding_left24{
    padding-left:24px;
}
.wfPadding_left36{
    padding-left:36px;
}

.wfPop_Wrap table{
    margin:0px;
    font-size: 1.3rem;
}
.wfPop_Wrap table tr,
.wfPop_Wrap table tr td{
    font-size: 1.3rem;
}
.wfPop_Wrap table tbody tr:first-child th,
.wfPop_Wrap table tbody tr:first-child td,
.wfPop_Wrap table tbody tr:last-child th,
.wfPop_Wrap table tbody tr:last-child td,
.wfPop_Wrap table tbody tr th,
.wfPop_Wrap table tbody tr td  {
    padding: 0px;
    text-align: left;
}
.wfPop_section01_table{
    border:1px solid #bebebe;
    margin-left:24px;
}
.wfPop_section01_tableHeader{
    background-color: #cdcdcd;
    height:24px;
    text-align: center;
}
/* .wfPop_section04_table{
    background-color: #cdcdcd;
    height:24px;
} */
.wfPop_Wrap table tbody tr:first-child th.wfPop_section01_tableHeader,
.wfPop_Wrap table tbody tr:first-child td.wfPop_section01_tableHeader,
.wfPop_Wrap table tbody tr:last-child th.wfPop_section01_tableHeader,
.wfPop_Wrap table tbody tr:last-child td.wfPop_section01_tableHeader,
.wfPop_Wrap table tbody tr th.wfPop_section01_tableHeader,
.wfPop_Wrap table tbody tr td.wfPop_section01_tableHeader {
    background-color: #cdcdcd;
    height:24px;
    text-align: center;
}
.wfTable_Wrap{
    display: inline-table;
}
.wfTable_BorderLine,
.wfTable_BorderLine tr td{
    border:1px solid #bebebe;
}
.wfTableTxtMid,
.wfPop_Wrap table tbody tr td .wfTableTxtMid{
    vertical-align: middle;
}
.wfTableTxtMidCenter,
.wfPop_Wrap table tbody tr td .wfTableTxtMidCenter,
.wfTable_WrapComwel .wfTable_BorderLine .wfTableTxtMidCenter{
    vertical-align: middle;
    text-align: center;
}
.wfTableTxtMidRight,
.wfPop_Wrap table tbody tr td .wfTableTxtMidRight,
.wfTable_WrapComwel .wfTable_BorderLine .wfTableTxtMidRight{
    vertical-align: middle;
    text-align: right;
    padding-right: 4px;
}
.wfTable_WrapComwel .wfTable_BorderLine .wfTableTxtMidLeft{
    vertical-align: middle;
    text-align: left;
}
#wf_section_jubsuConfirmPop .wfTableTxtMidLeft{
    padding-left: 4px;
}
.wfTable_WrapComwel .wfTable_BorderLine,
.wfTable_WrapComwel .wfTable_BorderLine tr td{
    border:1px solid #3b7a7a;
    padding: 0px;
    /* text-align: left;     */
}
.wfTable_WrapComwel .wfTable_BorderLine .wfTableHeader{
    background-color: #43bfbf;
    color:#ffffff;
    padding:4px 0px;
    font-weight: bold;
}
.wfTable_WrapComwel .wfTable_BorderLine .wfTableItem{
    padding:4px 4px;
}



.wfPop_ItemBox{
    display: flex;
}
.wfPop_ItemBox > div:nth-child(1){
    width:20px;
    flex-shrink: 0;
}
.wfPop_ItemBox > div:nth-child(2){
    width:calc(100% - 20px);
}
.wfPop_InnerFullBox{
    width: 100%;
    height:calc(100% - 90px);
    display: flex;
    flex-direction: column;
    overflow: auto;
    margin-bottom: 10px;
    border: 1px solid #bebebe;
    padding:5px 5px;
}
.wfPop_MsgRow01,
.wfPop_MsgRow02,
.wfPop_MsgRow03,
.wfPop_MsgRow04{
    width: 100%;
    display: flex;
}
.wfPop_MsgRow01 > div:nth-child(1){
    width:20px;
    flex-shrink: 0;
}
.wfPop_MsgRow01 > div:nth-child(2){
    width:calc(100% - 20px);
}
.wfPop_MsgRow02 > div:nth-child(1),
.wfPop_MsgRow02 > div:nth-child(2){
    width:20px;
    flex-shrink: 0;
}
.wfPop_MsgRow02 > div:nth-child(3){
    width:calc(100% - 40px);
}

.wfPop_MsgRow03 > div:nth-child(1){
    width:40px;
    flex-shrink: 0;
}
.wfPop_MsgRow03 > div:nth-child(2){
    width:20px;
    flex-shrink: 0;
}
.wfPop_MsgRow03 > div:nth-child(4){
    width:calc(100% - 60px);
}

.wfPop_MsgRow04 > div:nth-child(1){
    width:60px;
    flex-shrink: 0;
}
.wfPop_MsgRow04 > div:nth-child(2){
    width:20px;
    flex-shrink: 0;
}
.wfPop_MsgRow04 > div:nth-child(4){
    width:calc(100% - 80px);
}
.wfPop_DotLineBox{
    border:1px dotted #43bfbf;
    width:100%;
    padding:6px 6px;
}
.wfRow_MsgRow01{
    width: 100%;
    display: flex;
    font-size: 1.2rem;
}
.wfRow_MsgRow01 > div:nth-child(1){
    width:16px;
    flex-shrink: 0;
}

/* 융자신청자용 서약서 등 */
.welfare_ldDsamWrap{
    width:100vw;
    height:calc(100vh - 101px);
    /* padding:10px 14px; */
    /* overflow: auto;
    overflow-x: hidden; */
    overflow: hidden;
}
.wf_ldDsam_SectionArea{
    width:100%;
    height:100%;
    display: none;
    position: relative;
    /* overflow: hidden; */
    overflow: auto;
    padding:10px 14px;
    
}
.wf_ldDsam_SectionArea.wf_ldDsam_SectionAreaActive{
    display: block;
    animation: 0.3s ease-in wfSectionSlideRight;
}
@keyframes wfSectionSlideRight{
    from{
        right:-100vw;
    }
    to{
        right:0;
    }
}

.wf_ldDsam_FullBox{
    display: flex;
    /* overflow: auto; */
    width:100%;
    /* height:100%; */
    flex-direction: column;
    font-size: 1.4rem;
    
}
.wf_ldDsam_FullBox_Title{
    display: flex;
    width:100%;
    height:30px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom:20px;
    font-size: 1.7rem;
}
.wf_ldDsam_BodyRow,
.wf_ldDsam_BodyRow2{
    display: flex;
    width: 100%;
    font-size:1.4rem;
    margin-bottom:14px;
}
.wf_ldDsam_BodyRow > div:nth-child(1){
    width: 20px;
}
.wf_ldDsam_BodyRow > div:nth-child(2){
    width: calc(100% - 20px);
}
.wf_ldDsam_BodyRow2 > div:nth-child(1){
    width: 20px;
}
.wf_ldDsam_BodyRow2 > div:nth-child(2){
    width: 20px;
}
.wf_ldDsam_BodyRow2 > div:nth-child(3){
    width: calc(100% - 40px);
}
.wf_ldDsam_BodyBox{
    width: 100%;
    border:1px solid #bebebe;
    padding:10px 10px;
    margin-bottom: 14px;
}
.wf_ldDsam_BodyRow_CheckBox,
.wf_ldDsam_BodyRow_RadioYN{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: end;
    padding-right: 10px;
    font-size: 1.5rem;
}
.wf_ldDsam_BodyRow_CheckBox_Left,
.wf_ldDsam_BodyRow_RadioYN_Left{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: start;
    padding-right: 10px;
    font-size: 1.5rem;
}
.wf_ldDsam_BodyRow_RadioYN > div:nth-child(1){
    width:50px;
    color:#fc5356;
}
.radioArea label+label{
    margin-left: 20px;
}

.wf_ldRegRowCenter{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
}

.wfFlextwin{
    display: flex;
    width:100%;
}
.wfFlextwin > div:nth-child(1){
    width:50%;
}
.wfFlextwin > div:nth-child(2){
    width:50%;
}

.wfGridtwin{
	display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.wf_tipbox{
	border: solid 2px #000;
    border-radius: 50%;
    padding: 0px 6px;
    font-size: 12px;
    margin-left: 3px;
    font-weight: 700;
    cursor: pointer;
}

.wf_avertip1{
	background: url(../img/ico/welfare001.gif) center center no-repeat;
    background-size: contain;
}

.wf_avertip2{
	background: url(../img/ico/welfare002.gif) center center no-repeat;
    background-size: contain;
}

.wf_avertip3{
	background: url(../img/ico/welfare003.gif) center center no-repeat;
    background-size: contain;
}


