.cursor{
    position: absolute; left: 0; top: 0; z-index: 999; width: 50px; height: 50px; cursor: auto;
}
.portfolio_visual{width:100%;background-color: #f3f3f3;height: 490px;padding-top:90px;text-align: center;}
.portfolio_visual .inner{width:90%;display:inline-block;;}
.portfolio_visual .text{width:50%;float:left;padding-top:80px;}
.portfolio_visual .text h2{font-weight: normal;line-height: 1.24;letter-spacing: normal;color: #1f1f1f;}
.portfolio_visual .text p{ font-weight: normal;line-height: 2.54;letter-spacing: -0.96px;color: #1f1f1f;}
.portfolio_visual .desc{width:50%;float:left;}
.portfolio_visual .desc .img_desc{width:537px;height:370px;position:relative;}
/* .jello-horizontal1 {
	-webkit-animation: jello-horizontal 1.5s both;
	        animation: jello-horizontal 1.5s both;
}
.jello-horizontal2 {
	-webkit-animation: jello-horizontal 0.8s both;
	        animation: jello-horizontal 0.8s both;
}
 @-webkit-keyframes jello-horizontal {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
    }
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
              transform: scale3d(1.25, 0.75, 1);
    }
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
              transform: scale3d(0.75, 1.25, 1);
    }
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
              transform: scale3d(1.15, 0.85, 1);
    }
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
              transform: scale3d(0.95, 1.05, 1);
    }
    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
              transform: scale3d(1.05, 0.95, 1);
    }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
    }
  }
  @keyframes jello-horizontal {
    0% {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
    }
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
              transform: scale3d(1.25, 0.75, 1);
    }
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
              transform: scale3d(0.75, 1.25, 1);
    }
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
              transform: scale3d(1.15, 0.85, 1);
    }
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
              transform: scale3d(0.95, 1.05, 1);
    }
    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
              transform: scale3d(1.05, 0.95, 1);
    }
    100% {
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
    }
  } */
  
@media all and (max-width:768px){
    .portfolio_visual .text{text-align: left;padding-top:20px;}
    .portfolio_visual .text p{ font-weight: normal;line-height: normal;letter-spacing: -0.96px;color: #1f1f1f;}

    .portfolio_visual .desc .img1{display: none;}
    .portfolio_visual .desc .img2{top:0;left:66px;}
    .portfolio_visual .desc .img3{top:194px;left:0;}
    .portfolio_visual .desc .img4{display: none;}
    .portfolio_visual .desc .img5{display: none;}

}  
@media all and (max-width:486px){
    .portfolio_visual .text{width:100%;text-align: left;padding-top:20px;}
    .portfolio_visual .text p{ font-weight: normal;line-height: normal;letter-spacing: -0.96px;color: #1f1f1f;}

    .portfolio_visual .desc{width:100%;}
    .portfolio_visual .desc .img_desc{width:100%;height:370px;position:relative;}
    .portfolio_visual .desc img{width:50%;}
    .portfolio_visual .desc .img1{display: none;}
    .portfolio_visual .desc .img2{top:10%;left:25%;}
    .portfolio_visual .desc .img3{display: none;}
    .portfolio_visual .desc .img4{display: none;}
    .portfolio_visual .desc .img5{display: none;}

}

.s91_desc .wrap_cont{width: 1240px;margin:120px auto;text-align: center;border: solid 25px #216dc2;}

.s91_desc .title_desc{padding-top:100px;}
.s91_desc .text_desc{padding-top:60px;}
.s91_desc .text_desc span{font-weight: 300; line-height: normal; letter-spacing: normal; color: #222;}
.s91_desc .text_desc strong{ font-weight: bold; line-height: normal; letter-spacing: normal; color: #222;}
.s91_desc .text_desc .txt_desc{font-weight: 300; line-height: normal; letter-spacing: -0.85px; color: #222;
display: inline-block; padding:25px  70px 20px; border: solid 3px #000;margin-top:60px;}


.s91_desc .cont{width:100%;background-color: #216dc2;}
.s91_desc .cont .aaa{width: 90%;margin: 0 auto;padding:50px 0;}
.s91_desc .cont .title{font-weight: bold; line-height: 1; letter-spacing: normal; color: #222;text-align: center;}
.s91_desc .input_wrap{display: flex;}

.s91_desc .input_wrap label{width: 10%;line-height: 60px;color: #fff;}
.s91_desc .input_wrap input{width: 90%; height: 60px; border: solid 1px #aaa;  background-color: #fff;margin: 10px 0;font-size: 16px;padding: 20px;}
.s91_desc .input_wrap textarea{width: 90%;height: 300px; font-size: 16px;border: solid 1px #aaa; background-color: #fff;padding: 20px;margin-top:10px;}


.s91_desc .btn_area{text-align: center;}
.s91_desc .label_wrap{display: inline-block;padding: 20px 0;;}
.s91_desc .label_wrap label{padding-left:10px;}
.s91_desc .btn_wrap{width: 50%;margin:0 auto;background-color: #fff;padding: 20px 0;color: #333;margin-top:50px;}
.s91_desc .btn_wrap:hover{background-color: #333;color: #fff;}

@media all and (max-width:1240px){
    .s91_desc .wrap_cont .logo_icon{width: 180px;margin:0 auto;}
    .s91_desc .wrap_cont{width: 90%;margin:50px auto;border: solid 20px #216dc2;}
    .s91_desc .title_desc{padding-top:50px;}
    .s91_desc .text_desc{width: 90%;;margin: 0 auto;}
    .s91_desc .text_desc .txt_desc{width: 90%;;display: block; padding:20px; margin:30px auto 0;}
}

@media all and (max-width:800px){
    
    .s91_desc .wrap_cont{border: solid 15px #216dc2;}
    .s91_desc .text_desc i{display: block;}
    .s91_desc .text_desc .txt_desc{width: 90%;;display: block; padding:20px; }

    
.s91_desc .input_wrap label{width: 20%;}
.s91_desc .input_wrap input{width: 80%; }
.s91_desc .input_wrap textarea{width: 80%;}

}


.pf_wrap{width:100%;padding: 100px 0;;}
.pf_wrap .pf_inner{width: 1240px;margin:0 auto;}
.pf_wrap .pf_nav{width: 100%;display:flex;padding: 80px 0;;}
.pf_wrap .pf_nav li{width: 23%;margin:0 1%;text-align: center;border-radius: 25px;border: solid 2px #3f464e;background-color: #fff;
    font-weight: 500;letter-spacing: -0.45px;color: #3f464e;text-transform: uppercase;padding: 15px 0;}

.pf_cont .pf_li .pf_desc li{ width: 31.3%;margin: 1%;float:left;background-color: #000;position:relative;overflow: hidden;cursor: pointer;}
.thumbnail_desc .thumbnail{opacity: 0.6;}
.thumbnail_desc .info_box{position:absolute;left:8%;bottom:8%;}
.thumbnail_desc .info_box strong{color: #eee;}
.mouse_box{position:absolute;left:0;top:0;width: 100%;height: 100%;;}
.mouse_box .top{width: 100%;height: 50%;position: relative;top:-50%;}
.mouse_box .top i{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.mouse_box .bottom{width: 100%;height: 50%;position: relative;bottom:-50%;background-color: #267fe2;}
.mouse_box .bottom .info{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);color: #fff;line-height: normal;font-weight: 500;text-align: center;}


@media all and (max-width:1240px){
    .pf_wrap{width:100%;padding: 50px 0;;}
    .pf_wrap .pf_inner{width: 90%;margin:0 auto;}
    .pf_wrap .pf_nav{width: 100%;display:block;padding: 80px 0;;}
    .pf_wrap .pf_nav li{width: 48%;margin:1%;float:left;text-align: center;border-radius: 25px;border: solid 2px #3f464e;background-color: #fff;
        font-weight: 500;letter-spacing: -0.45px;color: #3f464e;text-transform: uppercase;padding: 15px 0;}
        .pf_cont .pf_li .pf_desc li{ width: 100%;margin: 1%;float:left;background-color: #000;position:relative;overflow: hidden;cursor: pointer;}
}