@charset "utf-8";
/* @latest 2021.11.30 SSJ */
/* @latest 2022.01.21 YHY */
/* @latest 2022.01.26 YHY */


.bizAply01 {overflow: hidden; background:url('../images/bg_bizvisual.jpg') no-repeat; width:100%; height:560px; background-size: cover;}
.bizAply01_inner {position: relative; width: 100%; max-width:1300px; height:100%; margin:0 auto; margin-top: 58px;}

.bizAply01 .bnr_wrap .title {margin-bottom: 30px; font-size: 30px; font-weight: 600; color:#000;}
.bizAply01 .bnr_wrap {float: left; /*width:690px;*/width:53%; max-width: 690px; margin-right:4%;}
.bizAply01 .bnr_wrap a {float: left;width: 100%;max-height: 360px;}

.bizAply01 .bnr_inner {position: relative; float: left;width: 100%;}
.bizAply01 .bnr_inner:focus {border:1px dashed #000; box-sizing: border-box;}
.bizAply01 .bnr_inner .imgbox {position: relative;width: 100%;height:100%;}
.bizAply01 .bnr_inner .imgbox img {width: 100%; height: 100%; border-radius: 5px; overflow: hidden;}

.bizAply01 .board_wrap {float: right;width:43%;padding-top: 75px;}
.bizAply01 .board_wrap .biz_board {overflow: hidden;position: relative;float: left;width:48%;padding: 35px 3% 52px;background:#fff;border-radius: 5px;box-sizing: border-box;}
.bizAply01 .board_wrap .biz_board + .biz_board {margin-left:4%;}
.bizAply01 .board_wrap .biz_board .tit {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.3em; height: 3.9em; width: 98%; max-height: 109px; text-overflow: ellipsis; margin-top:20px; font-size: 28px; font-weight: 600; color:#000;}

.bizAply01 .board_wrap .biz_board .date_box {position: relative;margin: 32px 0;}
.bizAply01 .board_wrap .biz_board .date {overflow: hidden; display: block; width: 98%; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color:#666;}
.bizAply01 .board_wrap .biz_board .date + .date {margin-top:5px;}
.bizAply01 .board_wrap .biz_board .date:after {content:''; position: absolute; top:-20px; left:0; width:50px; height:2px; background:#000;}

.bizAply01 .board_wrap .biz_board .point_blue {overflow:hidden; display: inline-block; width:98%; text-overflow:ellipsis; white-space:nowrap; padding:5px; font-size: 14px; color:#fff; background:#2b78ca; border-radius: 5px;}
.bizAply01 .board_wrap .biz_board .btn_apply {position: absolute; width:100%; left:0; bottom:0; padding:12px 0; background:#004a98; color:#fff; font-size: 20px; text-align: center;}

.bizAply01 .board_wrap .btn_plus {font-size: 18px; color:#000; font-weight: 500; line-height: 30px;}
.bizAply01 .board_wrap .btn_plus {position: absolute; top:10px; right:0;}

  @media (max-width:1300px){
    .bizAply01 .bizAply01_inner {padding:20px 20px 0; margin-top:0; box-sizing:border-box;}
    .bizAply01 .board_wrap .btn_plus {right:20px; top:20px;}
    }

  @media (min-width:991px){
    .bizAply01 .bnr_inner .imgbox {height: 360px;}
  }
  @media (max-width:990px){
    .bizAply01 .board_wrap .biz_board {padding-top:20px;}
    .bizAply01 .board_wrap .biz_board .tit {margin-bottom: 10px;margin-top: 10px;-webkit-line-clamp: 1;font-size: 20px;white-space: nowrap;height: auto;display: block;}
  }

  @media (min-width:800px) and (max-width:990px) {
  	.bizAply01 {height: 420px;}

  	.bizAply01 .bnr_wrap {width: 47%; margin-right:3%;}
  	.bizAply01 .bnr_inner .imgbox {height:250px;}

  	.bizAply01 .board_wrap {width:50%;}


  }

  @media (max-width:799px) {
  	.bizAply01 .bnr_wrap {width:100%;max-width: none;margin-right: 0;height: 57%;}
    .bizAply01 .bnr_wrap .title {margin-bottom: 10px;}

  	.bizAply01 .board_wrap {width:100%; padding-top:40px;}
    .bizAply01 .board_wrap .biz_board .date:after {display: none;}
    .bizAply01 .board_wrap .biz_board .date_box {margin:12px 0;}
  }

  @media (max-width:799px) and (min-width:600px) {
  	.bizAply01 {height:750px;}
  }

  @media (max-width:599px) {
  	.bizAply01 {height: 100%;}
    .bizAply01 .bnr_wrap .title {font-size: 25px;}
    .bizAply01 .bnr_wrap {height: 35%;}
    .bizAply01 .bnr_wrap a {height: 70%;}

    .bizAply01 .board_wrap .biz_board {width: 100%; padding-top:20px; padding-bottom:44px;}
    .bizAply01 .board_wrap .biz_board + .biz_board {margin-left:0; margin-top:10px;}
    .bizAply01 .board_wrap .biz_board .tit {margin-bottom: 15px; font-size: 18px;}
    .bizAply01 .board_wrap .biz_board .tit {display: block; overflow: hidden; position: relative; width: 98%; text-overflow: ellipsis; white-space: nowrap; height:1.3em;}
    .bizAply01 .board_wrap .biz_board .btn_apply {font-size: 15px;}
    .bizAply01 .board_wrap .biz_board .date_box {display:none;}

    .bizAply01 .board_wrap .btn_plus {font-size: 16px;}
    .bizAply01 .board_wrap {padding-top:0;}

  }
