@charset "utf-8";

  .pdbttm15{padding-bottom:15px;}

  .full4block_wrap .top_icon {text-align:center; margin-bottom:35px;}
  .full4block_wrap .top_icon img { height:150px; }
  .full4block_wrap .vertical_line { position:relative; }
  .full4block_wrap .vertical_line::after { content:""; position:absolute; bottom:35px; left:50%; transform: translateX(-50%); width:2px; height:80px; background-color:#c7c7c7}

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

  .full4block_wrap span.highlighter {position:relative; }
  .full4block_wrap span.highlighter::after {content:""; position:absolute; bottom:5px; left:0; width:100%; height:20px; background-color:#9c9c9c; opacity:.3; z-index: -1;}


  /*백그라운드 이미지*/
  .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 .blockBg_wrap .blockBg,
  .full4block_wrap .blockTxt {position:absolute; top:0; left:0; width:100%; height:100%; }


  /*텍스트 부분*/
  .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 40px; 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 { background-color:#888888; font-weight:500; display:inline-block; padding:0 10px; border-radius:5px;}
      .full4block_wrap .blockTxt a .txtWrap .content {opacity:0; }
      .full4block_wrap .blockTxt a:hover .txtWrap { transform: translateY(-50%);}

      .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 .full4block { height:100%; max-height:100%; min-height:1200px; margin:0 auto;}
    .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;}
    .full4block_wrap .blockBg_wrap .blockBg {
    background-attachment: scroll; }
   
  }
 
  @media (hover : hover) {
    .full4block_wrap .blockTxt a:hover:before{opacity:1;}
  }