@charset "utf-8";
@media only screen and (max-width: 961px){
  .detail_background1,
  .detail_background2,
  .detail_background3 { background: none; }
  #secDetailRead .artTplDetail .listWrap .desc:before,
  #secDetailRead .tbDetailWrap tbody td .desc:before,
  #secDetailRead .ulList.add .item { top: -2px; }
  img { max-width: 100%; }
  .detailHeader .visual { border: 0; }
  #container { width: auto; }
  .detailReadImg .secDetailWrap { padding: 0; border: 0; }
  .mobile { display: block; }
  .mobile img { width: 100%; }
  .web { display: none; }
  span.br { display: inline-block !important; }
  #secDetailRead .newTemp.artTplDetail > .artTplInner > .tbDetailWrap > table,
  #secDetailRead .titleType .artTplDetail,
  #secDetailRead .titleType .artTplInner { display: block; width: 100%; }
  #secDetailRead .secDetailWrap { padding: 30px 0 0; border: 0; font-size: 30px; }
  #secDetailRead .hd_2 { font-size: 48px; text-align: center; }
  #secDetailRead .hd_3 { margin-bottom: 10px; font-size: 37px; color: #000; }
  #secDetailRead .hd_3 .tit,
  #secDetailRead .hd_3 .titBul { vertical-align: middle; }
  #secDetailRead .artTplDetail > .titBulA,
  #secDetailRead .hd_3 .titBul,
  #secDetailRead .hd_3 .titBulA { display: none; }
  #secDetailRead .desc,
  #secDetailRead .dlList,
  #secDetailRead .olList,
  #secDetailRead .ulList,
  #secDetailRead .welfare_1 li { line-height: 1.7; }
  #secDetailRead .artRecruit .titBul,
  #secDetailRead .artTplDetail .titBul { font-size: 34px; }
  #secDetailRead .artOther .ulList li,
  #secDetailRead .artTplDetail .listWrap dd .desc *,
  #secDetailRead .artTplDetail .listWrap li .desc *,
  #secDetailRead .dlList dd,
  #secDetailRead .dlList dd *,
  #secDetailRead .dlList dd li,
  #secDetailRead .dlList dd li *,
  #secDetailRead .dlList dt,
  #secDetailRead .olList li,
  #secDetailRead .olList li *,
  #secDetailRead .tbDetailWrap tbody td .desc *,
  #secDetailRead .ulList li,
  #secDetailRead .ulList li * { font-size: 30px !important; word-break: keep-all;}
  #secDetailRead .artTopDesc { padding: 0 !important; }
  #secDetailRead .artTopDesc > .desc { font-size: 30px !important; color: #666; line-height: 1.7; }
  #secDetailRead .tbList .tbCol,
  #secDetailRead .tbList .tbCol_2,
  #secDetailRead .tbList .tbCol_3 { display: block; width: 100%; }
  #secDetailRead .dlList + .dlList,
  #secDetailRead .dlList + .olList,
  #secDetailRead .dlList + .ulList,
  #secDetailRead .olList + .dlList,
  #secDetailRead .olList + .olList,
  #secDetailRead .tbDetailDiv .tbCell .desc ~ .dlList,
  #secDetailRead .tbDetailDiv .tbCell .desc ~ .olList,
  #secDetailRead .tbDetailDiv .tbCell .desc ~ .ulList,
  #secDetailRead .tbDetailDiv .tbCell .ulList + .ulList,
  #secDetailRead .tbList + .tbList,
  #secDetailRead .ulList + .dlList,
  #secDetailRead .ulList + .ulList,
  #secDetailRead .welfare_1 .wfrBx + .wfrBx { padding-top: 26px; }
  #secDetailRead .tbDetailDiv .tbCell .ulList:first-child { margin-top: -10px; }
  #secDetailRead .welfare_1 .wfrBx + .wfrBx { margin-top: 0; }
  #secDetailRead .welfare_1 li { display: block; padding: 0; height: auto; min-height: auto; margin-top: 0; }
  #secDetailRead .welfare_1 li + li { margin-top: 10px; }
  #secDetailRead .dlList dd li,
  #secDetailRead .olList li,
  #secDetailRead .ulList li { padding-left: 25px; }
  #secDetailRead .ulList.add li { padding-left: 27px; }
  #secDetailRead .dlList dd { margin-top: 6px; padding-left: 25px; }
  #secDetailRead .artTopDesc .dlList dd .desc,
  #secDetailRead .artTopDesc .olList li .desc,
  #secDetailRead .artTopDesc .ulList li .desc,
  #secDetailRead .artTplDetail .listWrap .desc,
  #secDetailRead .tbDetailDiv .desc,
  #secDetailRead .tbDetailWrap tbody td .desc { padding-left: 30px; font-size: 30px; }
  #secDetailRead .artTopDesc .dlList dd .desc.star,
  #secDetailRead .artTopDesc .olList li .desc.star,
  #secDetailRead .artTopDesc .ulList li .desc.star,
  #secDetailRead .artTplDetail .desc.star { padding-left: 24px; }
  #secDetailRead .artTplDetail .desc.star:before { top: 2px; }
  #secDetailRead .artTplDetail .listWrap dd .desc,
  #secDetailRead .artTplDetail .listWrap li .desc,
  #secDetailRead .tbDetailWrap tbody td .desc { font-size: 30px; }
  #secDetailRead .icnBul_3 > dd:before,
  .icnBul_3 > li:before { width: 8px; height: 8px; }
  #secDetailRead .artTplDetail .tbDetailWrap table * { font-size: 20px !important; }
  #secDetailRead .artTplDetail .titBul img { margin-top: 0; height: 48px; vertical-align: middle; }
  #secDetailRead .artTplDetail > .artTplInner > .tbDetailWrap > table > thead > tr > th { height: auto; padding: 10px; line-height: 1.1; }
  #secDetailRead .artTplDetail > .artTplInner > .tbDetailWrap > table > tbody > tr > td { padding: 10px !important; line-height: 1.1; }
  #secDetailRead .newTemp.artTplDetail { width: 100%; }
  #secDetailRead .newTemp.artTplDetail table *,
  #secDetailRead .tbDetailDiv * { font-size: 30px !important; }
  #secDetailRead .artTplDetail > .artTplInner > .tbDetailWrap { width: 100% !important; }
  #secDetailRead .newTemp.artTplDetail > .artTplInner > .tbDetailWrap { width: 100% !important; margin-top: 20px; border-width: 0 0 1px; }
  #secDetailRead .newTemp.artTplDetail > .artTplInner > .tbDetailWrap > table > thead { display: none; }
  #secDetailRead .newTemp.artTplDetail > .artTplInner > .tbDetailWrap > table > tbody { display: block; }
  #secDetailRead .newTemp.artTplDetail > .artTplInner > .tbDetailWrap > table > tbody > tr { display: block; border: 0; }
  #secDetailRead .newTemp.artTplDetail > .artTplInner > .tbDetailWrap > table > tbody > tr > td { display: block; padding: 20px !important; border: 0; border-bottom: 1px solid #ddd; text-align: left !important; line-height: 1.3; background: #fff; }
  #secDetailRead .newTemp.artTplDetail > .artTplInner > .tbDetailWrap > table > tbody > tr > td:first-child * { font-size: 32px !important; }
  #secDetailRead .newTemp td.cell_1,
  #secDetailRead .newTemp th.cell_1{background-color: #f0f2f4 !important}
  #secDetailRead .newTemp .artTplDetail { table-layout: auto; width: 100%; }
  #secDetailRead .artTplDetail > .titBul { display: none; }
  #secDetailRead .artTplDetail > .titBul + .artTplInner { display: block; }
  #secDetailRead .artDetailStep .stepBar,
  #secDetailRead .artDetailStep .stepBar:after,
  #secDetailRead .artDetailStep .stepBar:before,
  #secDetailRead .detStep li .stTx,
  #secDetailRead .detStep li .tplStep,
  #secDetailRead .detStep li .tplStepB,
  #secDetailRead .detStep li br,
  #secDetailRead .stList .detIcnB br { display: none; }
  #secDetailRead .artDetailStep .detStep,
  #secDetailRead .artDetailStep [class*="stepType"],
  #secDetailRead .artDetailStep [class*="stepType"] + * { position: relative; width: 100% !important; margin-top: 10px; margin-bottom: 10px; padding-top: 0; }
  #secDetailRead .detStep:not(.expose-both) ol { padding: 0 0 0 25px; background: 0 0; }
  #secDetailRead .detStep .stBx span,
  #secDetailRead .detStep:not(.expose-both) li { color: #333 !important; background: 0 0 !important; }
  #secDetailRead .artDetailStep .desc { margin-top: 10px; }
  #secDetailRead .detStep:not(.expose-both) li { border-bottom: 0 !important; max-width: none; font-size: 30px !important; font-weight: 700; }
  #secDetailRead .artDetailStep .stList { padding-top: 0; text-align: left; }
  #secDetailRead .artDetailStep .stList .detIcnB,
  #secDetailRead .detStep:not(.expose-both) li { float: none; position: relative; display: inline-block !important; width: auto !important; height: auto !important; padding: 0 0 0 42px; margin: 0; vertical-align: top; list-style: decimal; line-height: 1.8; text-align: left !important;border:none }
  #secDetailRead .detStep .stBx,
  #secDetailRead .detStep_1 li .bx { width: auto; max-width: none; border: 0; padding: 0; }
  #secDetailRead .artDetailStep .stList .detIcnB:before,
  #secDetailRead .detStep:not(.expose-both) li:before { content: ""; display: inline-block; position: absolute; top: 50%; left: 9px; width: 16px; height: 24px; margin: 0 !important; vertical-align: middle; background: url(/content/images/ver_1/jobs/detail/sp_read_detail.png?2018120714) -185px
  0 no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    /* #secDetailRead .welfare_2 .ulList, */
  #secDetailRead .artDetailStep .stList .detIcnB:after,
  #secDetailRead .artDetailStep .stList .detIcnB:first-child:before,
  #secDetailRead .detStep:not(.expose-both) li:after,
  #secDetailRead .detStep:not(.expose-both) li:first-child:before { display: none; }
  #secDetailRead .welfare_1 li:before,
  #secDetailRead .welfare_2 dd:before { content: "ㆍ"; position: absolute; left: -1px; top: 0; color: #bbb; margin: 0 4px 0 0; width: auto; height: auto; background: 0 0; line-height: 1.7; }
  #secDetailRead .welfare_1 li span { padding-left: 0; display: block; }
  #secDetailRead .welfare_2 .listWrap + .listWrap { display: block; margin-top: 0; }
  #secDetailRead #secDetailRead span.br,
  br { display: inline-block; }
  #secDetailRead .welfare_2 .listWrap .dlList dt { font-weight: 400; }
  #secDetailRead .artDetailStep .stList .detIcnB:first-child,
  #secDetailRead .detStep:not(.expose-both) li:first-child,
  #secDetailRead .welfare_1 .dlList,
  #secDetailRead .welfare_2 .ulList + .dlList { padding: 0; }
  br { content: ""; }
  #secDetailRead .btnWrap + .btnWrap { margin-top: 5px; }
  #secDetailRead .detBtn { width: auto !important; height: auto; min-width: 47%; padding: 17px 26px; margin: 5px 15px 5px 0; text-align: center; }
  #secDetailRead .detBtn + .detBtn { margin-left: 0; }
  #secDetailRead .tbDetailDiv .dlList dd,
  #secDetailRead .tbDetailDiv .dlList dt,
  #secDetailRead .tbDetailDiv .tbBody { font-size: 30px !important; }
  #secDetailRead .tbDetailDiv .dlList dt { color: #333; }
  #secDetailRead .tbDetailDiv { border-bottom: 1px solid #ddd; }
  #secDetailRead .tbDetailDiv .tbRow { border-top: 0; }
  #secDetailRead .tbDetailDiv .tbBody,
  #secDetailRead .tbDetailDiv .tbHead { display: block; }
  #secDetailRead .tbDetailDiv .tbHead { position: static; width: auto; height: auto; padding: 20px !important; background: #f0f2f4; line-height: normal; }
  #secDetailRead .tbDetailDiv .tbHead > span { font-size: 32px !important; font-weight: 700; color: #333 !important; padding: 0; }
  #secDetailRead .tbDetailDiv .tbHead > span .bar { display: none; }
  #secDetailRead .tbDetailDiv .tbBody { padding: 0; }
  #secDetailRead .tbDetailDiv .tbBody .tbTh { font-size: 30px !important; width: auto; padding: 0; margin-bottom: 18px; }
  #secDetailRead .tbDetailDiv .tbCol { display: block; width: auto; padding: 20px !important; }
  #secDetailRead .tbDetailDiv .tbCol + .tbCol { border-top: 1px solid #ddd; padding: 26px 20px 20px !important; margin-top: 0; }
  #secDetailRead .tbDetailDiv .tbCell { display: block; width: 100%; background: #fff; line-height: 1.3; text-align: left !important; }
  #secDetailRead .tbDetailDiv [class*="pb"] + *,
  #secDetailRead .tbDetailDiv [class*="pl"] + *,
  #secDetailRead .tbDetailDiv [class*="pr"] + *,
  #secDetailRead .tbDetailDiv [class*="pt"] + * { padding: 0; }
  #secDetailRead .tbDetailDiv [class*="mb"] + *,
  #secDetailRead .tbDetailDiv [class*="ml"] + *,
  #secDetailRead .tbDetailDiv [class*="mr"] + *,
  #secDetailRead .tbDetailDiv [class*="mt"] + * { margin: 0; }
  #secDetailRead .tbDetailDiv_2 .tbRow + .tbRow { margin-top: 0; }
  #secDetailRead .tbDetailDiv_2 .tbHead > span { top: 0; }
.detStep_15:not(.expose-both) .detStep_item-step5 .step_name{color:#333}

}
@media only screen and (max-device-width: 961px)  {
  .secDetailWrapTyep2 { padding: 0 15px; font-size: 14px; }
  .secDetailWrapTyep2 .detailBox { padding: 25px 0; }
  .secDetailWrapTyep2 .detailBox h2 { float: none; width: 100%; margin-bottom: 15px; font-size: 18px; }
  .secDetailWrapTyep2 .detailBox .content { float: none; width: 100%; }
  .secDetailWrapTyep2 .detailBox .content h3 { font-size: 16px; color: #333; }
  .secDetailWrapTyep2 .detailBox .content .title { color: #a1a1a1; }
  .secDetailWrapTyep2 .detailBox .content .btnGroup a { margin: 5px; }
  .secDetailWrapTyep2 .detailBox .content .smallText { font-size: 12px; }
  .detStep_11 .step_name{font-size:20px;}
  .detStep_13 .detStep_item:before{font-size: 20px;}
  .detStep_13 .detStep_item:before{font-size: 20px;}

  .detStep_14 .detStep_item-step5 { width: 118px; }

  .detStep_15 .step_name{
    font-size:20px;
  }

  .detStep_15 .caution{font-size:18px;}
  .detStep_15 .detStep_item { margin-left: 12px; }
  .detStep_15 .detStep_item-step5 { margin-left: 28px; }
  .detStep_15 .detStep_item-step5:after { left: -23px; }
  .detStep_16 .detStep_item { margin-left: 20px; }
  .detStep_16 .detStep_item:after { left: -18px; }
  .detStep_16_1 .detStep_list .step_name{font-size:20px}
  .detStep_16_1 .caution{font-size:18px;}
  .detBtn5 span,
  .detBtn6 span,
  .detBtn7 span,
  .detBtn8 span { font-size: 30px; }
  .detBtn5,
  .detBtn6 { min-height: 80px; margin-left: 5px !important; }
  .detBtn5 span,
  .detBtn6 span { min-height: 77px; height: inherit; padding: 17px 0; }
  /* .detStep_10 .detStep_item { width: 130px; height: 130px; padding-top: 95px; }
  .detStep_10 .detStep_item-step1:before { top: 23px; }
  .detStep_10 .detStep_item-step2:before { top: 23px; }
  .detStep_10 .detStep_item-step3:before { top: 27px; }
  .detStep_10 .detStep_item-step4:before { top: 28px; }
  .detStep_10 .detStep_item-step5:before { top: 24px; } */
}