@charset "utf-8";

  .pdbttm15{padding-bottom:15px;}
  
  .full4block_wrap {position:relative; width:100%; height:100%; max-height:900px; min-height:600px; margin:0 auto;  }
  .sec_center {margin:0 auto;}

  .full4block_wrap .blockBg_wrap .blockBg,
  .full4block_wrap .blockTxt {position:absolute; top:0; left:0; width:100%; height:100%; }

  /*백그라운드 이미지*/
  .full4block_wrap .blockBg_wrap .blockBg {
    width:100%; height:100%;  background-repeat:no-repeat; background-position:center center; background-size: cover; background-attachment: fixed; opacity:0; transition-duration: 600ms; }
 
  .full4block_wrap .blockBg.on {opacity:1; }


  /*텍스트 부분*/
  .full4block_wrap .blockTxt {display:flex; flex-wrap:wrap;}
  .full4block_wrap .blockTxt a {width:25%;position:relative; display: flex; flex-direction: column;text-align: center; color: #fff; border-right:1px solid rgba(255,255,255,.1); }
  .full4block_wrap .blockTxt a:last-child {border:none;}
    /*hover dim*/
  .full4block_wrap .blockTxt a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); opacity:0; transition:opacity .2s;} 
  
  
  /*text 위치*/
  .full4block_wrap .blockTxt a .txtWrap {position: absolute; top: 50%; transform: translateY(-30%); padding:0 20px; z-index:2; }
   
      /*타이틀 아래 선*/
      .full4block_wrap .blockTxt a .txtWrap .top_txt .title {position:relative; font-weight:600;}
      .full4block_wrap .blockTxt a .txtWrap .top_txt .title:after {content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%) rotate( 45deg ); width:2px; height:30px; background-color:#fff; }

      .full4block_wrap .blockTxt a .txtWrap .top_txt .subtitle {font-weight:200;}
      .full4block_wrap .blockTxt a .txtWrap .content {opacity:0; word-break: keep-all; }
      .full4block_wrap .blockTxt a:hover .txtWrap { transform: translateY(-50%);}
      .full4block_wrap .blockTxt a:hover .txtWrap .top_txt .subtitle { color:#ff6902; font-weight:500;}
      .full4block_wrap .blockTxt a:hover .txtWrap .content {opacity:1;}
      .full4block_wrap .blockTxt a:hover .txtWrap .top_txt .title:after { transform: rotate( 0deg ); }


  @media screen and (max-width:768px) {
    .full4block_wrap .blockTxt a {width:50%; }
    .full4block_wrap .blockTxt a .txtWrap .top_txt .title:after { height:25px;}
  }
  @media screen and (max-width:560px) {
    .full4block_wrap { height:130%; margin:0 auto; padding:20px 0; margin-bottom:360px;} 
    .full4block_wrap .blockBg_wrap .blockBg {height:140%;}
    .full4block_wrap .blockTxt {position: relative;}
    .full4block_wrap .blockTxt a {width:100%; padding:50px 0; border-bottom:1px dashed rgba(255,255,255,.2); border-right:0 none; }
    .full4block_wrap .blockTxt a .txtWrap {position:relative; top: inherit; transform: inherit;}
    .full4block_wrap .blockTxt a .txtWrap .content {opacity:1;}
    .full4block_wrap .blockTxt a .txtWrap .top_txt .title:after { height:20px;}
    .full4block_wrap .blockTxt a:hover .txtWrap { transform: none; }
    .full4block_wrap .blockTxt a:hover .top_txt {margin-top:0;}
  }
 
  @media (hover : hover) {
    .full4block_wrap .blockTxt a:hover:before{opacity:1;}
  }