.container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  
  margin: 0;
  padding: 0;
  width: 100%;
  
  box-sizing: border-box;
  min-height: 150px;
  min-width: 150px;
}





div {
  border:0px solid black;
}





/* 모바일용 레이아웃 */
.header1 { display:none; }
.header2 { display:none; }
.header3 { display:block; }

.subslide1 { display:none; }
.subslide2 { display:none; }
.subslide3 { display:block; }
  
.layoutN1 { width:100%; }
.layoutN2 { width:95%; }

.indexBody1 { display:none; }
.indexBody2 { display:none; }
.indexBody3 { display:block; }

.footer1 { display:none; }
.footer2 { display:none; }
.footer3 { display:block; }

.videoArea { width:94%; }





/* 태블릿PC용 레이아웃 */
@media(min-width:600px){
  .header1 { display:none; }
  .header2 { display:block; }
  .header3 { display:none; }
  
  .subslide1 { display:none; }
  .subslide2 { display:block; }
  .subslide3 { display:none; }
  
  .layoutN1 { width:100%; }
  .layoutN2 { width:95%; }
  
  .indexBody1 { display:none; }
  .indexBody2 { display:block; }
  .indexBody3 { display:none; }
  
  .footer1 { display:none; }
  .footer2 { display:block; }
  .footer3 { display:none; }
  
  .videoArea { width:94%; }
}





/* 일반PC용 레이아웃 */
@media(min-width:1200px){
  .header1 { display:block; }
  .header2 { display:none; }
  .header3 { display:none; }
  
  .subslide1 { display:block; }
  .subslide2 { display:none; }
  .subslide3 { display:none; }
  
  .layoutN1 { width:1100px; }
  .layoutN2 { width:1000px; }
  
  .indexBody1 { display:block; }
  .indexBody2 { display:none; }
  .indexBody3 { display:none; }
  
  .footer1 { display:block; }
  .footer2 { display:none; }
  .footer3 { display:none; }
  
  .videoArea { width:800px; }
}





@media (min-width: 1200px) {
  .container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}