/*----------------------------------------------------------------*/
  @media screen and (max-width: 780px) { /* 모바일 모드 mobile */

      input {
        vertical-align: middle;
      }
      

      input.img-box1 {
        background: url( "/wp-content/uploads/2019/05/box_01.png" ) no-repeat;
        border: 0;
        outline : 0;
        background-size: 195px;
        width: 200px;
        height: 121px;
        cursor: pointer;
      }
      


      input.img-box2 {
        background: url( "/wp-content/uploads/2019/05/box_02.png" ) no-repeat;
        border: 0;
        outline : 0;
        background-size: 195px;        
        width: 200px;
        height: 121px;
        cursor: pointer;
      }
      

      input.img-box3 {
        background: url( "/wp-content/uploads/2019/05/box_03.png" ) no-repeat;
        border: 0;
        outline : 0;
        background-size: 195px;        
        width: 200px;
        height: 119px;
        cursor: pointer;
      }
      

      input.img-box4 {
        background: url( "/wp-content/uploads/2019/05/box_04.png" ) no-repeat;
        border: 0;
        outline : 0;
        background-size: 195px;        
        width: 200px;
        height: 119px;
        cursor: pointer;
      }


      
      input.img-button1 {
        background: url( "/wp-content/uploads/2019/05/image031.png" ) no-repeat;
        border: 0;
        outline : 0;
        background-size: 350px;          
        width: 400px;
        height: 139px;
        cursor: pointer;
      }

      input.img-button2 {
        background: url( "/wp-content/uploads/2019/05/image041.png" ) no-repeat;
        border: 0;
        outline : 0;
        background-size: 350px;          
        width: 401px;
        height: 188px;
        cursor: pointer;
      }

.button_layout1 { padding-top:30px;}
.button_layout2 { padding-top:30px;}

.nav {   float: left;  width: 175px;     height: 118px;}
.section {   margin-left: 175px;    height: 118px;}


  }
  
  
/*----------------------------------------------------------------*/
  @media screen and (min-width: 780px) { /* PC 모드*/
      input {
        vertical-align: middle;
      }
      

      input.img-box1 {
        background: url( "/wp-content/uploads/2019/05/box_01.png" ) no-repeat;
        border: 0;
        outline : 0;
        width: 400px;
        height: 242px;
        cursor: pointer;
      }
      


      input.img-box2 {
        background: url( "/wp-content/uploads/2019/05/box_02.png" ) no-repeat;
        border: 0;
        outline : 0;
        width: 400px;
        height: 242px;
        cursor: pointer;
      }
      

      input.img-box3 {
        background: url( "/wp-content/uploads/2019/05/box_03.png" ) no-repeat;
        border: 0;
        outline : 0;
        width: 400px;
        height: 238px;
        cursor: pointer;
      }
      

      input.img-box4 {
        background: url( "/wp-content/uploads/2019/05/box_04.png" ) no-repeat;
        border: 0;
        outline : 0;
        width: 400px;
        height: 238px;
        cursor: pointer;
      }


      
      input.img-button1 {
        background: url( "/wp-content/uploads/2019/05/image03.png" ) no-repeat;
        border: 0;
        outline : 0;
        width: 799px;
        height: 247px;
        cursor: pointer;
      }

      input.img-button2 {
        background: url( "/wp-content/uploads/2019/05/image04.png" ) no-repeat;
        border: 0;
        outline : 0;
        width: 800px;
        height: 341px;
        cursor: pointer;
      }

.button_layout1 { padding-top:70px;}
.button_layout2 { padding-top:70px;}

.nav {   float: left;  width: 400px;     height: 242px;}
.section {   margin-left: 400px;    height: 242px;}

}
/*----------------------------------------------------------*/
 

.list input.img-box1:hover  {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}



.list input.img-box2:hover  {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}


.list input.img-box3:hover  {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.list input.img-box4:hover  {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}