#block_07 {width:100%; height:450px;  overflow:hidden;  margin: 0px 0 0px 0; 
/*background:url("../img/bg.jpg")no-repeat center center; background-attachment:fixed; background-size:cover;*/  text-align:center;position: relative; }
#block_07 .floatL::before {content:"";  position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.2); width:100%; height:100%; }
#block_07 .btn a{font-size:30px; font-weight:500;  color:#333; position:relative;  font-size: 12px; 
border:1px solid #888; padding:15px 20px 17px 20px; width:235px; display:block; margin:0 auto; z-index:5;  }
#block_07 .btn a:after {content:""; width:0px; height:calc(100% ); background-color:rgba(216,0,40,0.9); z-index:-1;  transition:all 0.3s ease;   position:absolute; left:0; top:0; }
#block_07 .btn a:hover:after {content:""; width:calc(100% ); z-index:-1; transition: all 0.3s ease cubic-bezier(0.25, 0.25, 0.75, 0.75); }
#block_07 .btn a:hover { z-index:5; border:1px solid rgba(216,0,40,0.9); transition: all 0.3s ease; color:#fff;}

#block_07 .floatL { position:relative; width:50%; height:100%; background:url("../img/bg1.jpg")no-repeat center center; background-size:cover; }
#block_07 .floatR { position:relative; width:50%; height:100%; background:#f5f5f5;}
#block_07 .floatR .cont {padding:80px 0 ;}
#block_07 .floatR .cont .tit{font-size:35px; font-family: 'GowunBatang-Regular', serif; position:relative; padding-bottom:20px; }
#block_07 .floatR .cont .tit:before {content:""; height:1px; width:30px; background-color:#888; transform:translate(-50%,0); position:absolute; left:50%;  bottom:0px; }
#block_07 .floatR .cont .txt{font-size:18px; padding:30px 0 50px 0;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#block_07 {padding:0 ;  height:auto;  background-attachment:inherit;  }
#block_07 .cont {top:70px; }
#block_07 .txt1{font-size:16px; }
#block_07 .txt2{font-size:35px; color:#fff; z-index: 1; padding:15px 0; font-weight:500}
#block_07 .txt3{font-size:22px; }

#block_07 .floatL { display:block; float:none; position:relative; width:100%; height:200px; }
#block_07 .floatR { display:block; float:none; position:relative; width:100%;  }
#block_07 .btn a:hover:after { width:calc(0% );}
#block_07 .btn a:hover {color:#fff; border:3px solid #fff; }
#block_07 .btn a{width:150px; padding:10px 10px 12px 10px; }
#block_07 .floatR .cont .tit{font-size:25px;}
#block_07 .floatR .cont {padding:30px 10px 40px 10px;}
#block_07 .floatR .cont .txt{font-size:15px; padding:30px 0 30px 0;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}


