/*google web fonts*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Do+Hyeon&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');

font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Nanum Pen Script', cursive;
font-family: 'Do Hyeon', sans-serif;
font-family: 'Black Han Sans', sans-serif;

body {    
    font-family: 'Noto Sans KR', sans-serif;
    color: #222;
    line-height: 1.6em;
    margin: 0;
    padding: 0;
}
.container{
/*  border: 1px solid;*/
/*  background-color: #777;*/  
}
header{
/*  border: 1px solid;*/
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;  
}
.ad1{
/*  border: 1px solid; */
  font-family: 'Nanum Gothic', sans-serif;
  background-color: darksalmon;  
  height: 60px;  
  width: 100%;    
  overflow: hidden;
}
.ad11 h1{
  text-shadow: 2px 2px 2px #fff; 
  
}
.ad11{
/*  border: 1px solid;*/
  margin: auto;
  width: 100%;
  font-size: 18px;  
  text-align: center; 
  height: 60px;
  line-height: 85px; 
  margin-top: -35px; 
}
.ad2{
/*  border: 1px solid; */
  background-color: darkblue;  
  height: 60px;
  width: 100%;  
}
.ad21{
/*  border: 1px solid; */
  font-family: 'Nanum Pen Script', cursive;
  color: #fff;
  margin: auto;  
  width: 1100px;
  font-size: 25px;  
  text-align: center; 
  height: 60px;
  line-height: 60px;
  margin-top: -35px;
}

header nav{
/*  border: 1px solid;    */
  background-color: yellow;  
  display: block;
  margin: auto;
  height: 60px;  
}
.navigator{
/*  border:1px solid;*/
  width: 100%;  
  height: 60px;  
  width: 1100px;  
  margin: auto;
  overflow: hidden;
}
.logo{ 
/*  border:1px solid;*/
  float: left;
  height: 60px;  
}
.logo img{
/*  border:1px solid;*/
  height: 60px;
}
.navi{
/*  border:1px solid;*/
  float: right;
  text-align: center;
  word-spacing: 50px;
}
.navi a {
/*    border: 1px solid;*/
  font-family: 'Black Han Sans', sans-serif;
  width: 300px;
  height: 60px;
  line-height: 70px;  
  text-decoration: none;
  font-size: 30px;
  color: #000;  
}
aside{
/*  border: 1px solid;  */
  font-family: 'Do Hyeon', sans-serif;
  float: left;
  width: 300px;
  height: 1200px;
  border-radius: 30px;
  
}
.size{
  border: 1px solid;
  border-radius: 30px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 23px;  
}
.nav{
  border:1px solid;
  text-align: center;
  word-spacing: 10px;
  height: auto;  
  border-radius: 30px;
  padding-top: 5px;
  line-height: 30px;
  margin-top: 5px;
}
.img{
/*  border: 1px solid;*/
  width: calc(100%-300px);
  height: auto;  
  margin-left: 300px;
  }
.img img{
  width: 250px;
  height: 200px;
  margin-left: 3px;
}
.img div{
/*  border: 1px solid;*/
  width: 1030px;
  height: 200px;
}
table{
/*  border: 1px solid;*/
  float: left; 
  width: 160px;
  height: 500px;
  text-align: center;
}
table td{
  border: 1px solid;
  border-radius: 10px;
  font-size: 18px
}
.num {
/*  border: 1px solid;*/
  width: 300px;
  margin-top: 5px;
  
}
.num1{
/*   border: 1px solid; */
  float: left;
  width: 30px;
  height: 500px;
  line-height: 500px;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  
}
.num2{
   border: 1px solid; 
  float: left;
  width: 100px;
  height: 500px;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
}
.img1{
/*  border: 1px solid; */
  margin-top: 180px;
  margin-left: 300px;
  width: 1030px;
  height: 300px;
  text-align: center
  
}
.img11{
/*  border: 1px solid; */
  width: 300px;
  height: 300px;
  display: inline-block;
  text-align: center;
}
.img12{
/* border: 1px solid; */
  width: 400px;
  height: 300px;
  display: inline-block;
}
.img11 img{
  width: 300px;
  height: 270px;
}
.img12 img{
  width: 400px;
  height: 290px;
}