* { margin:0px;padding:0px;box-sizing: border-box;}

        ul { list-style-type: none;}

        a { text-decoration: none; color : black;font-weight: bold;}

        #container { width : 100%;}

        /* 초기화 */

        header { width : 60%; 
                 margin : auto; 
                 padding : 30px 0px;
                 font-size: 1.2em;}

        header , header ul { display : flex;
                             flex-direction: row;
                             flex-wrap: nowrap;
                             justify-content: space-between;
                             align-items: center;
                             }   

        header h1 { width : 20%;}

        header nav { width : 52%;}

        header aside { width : 15%;}

        header ul { width : 100%;}

        header ul li { font-size: 1.1em;
                        font-weight: bolder;
                    }
                
        header li a:hover { color : blue;} 

        header aside a { width : 30%;
                          border : 1px solid black;
                          display : inline-block;
                          padding : 10px 0px;
                          text-align: center;
                          transition-property: all;
                          transition-duration:0.2s;
                           }  
                           
        header aside a:hover { background-color: black;
                                color : white;
                            } 
                            
        #visual { width : 100%; height : 550px;
                  background-image: url(../image/visual_sung.png);
                  background-repeat:no-repeat ;
                  background-position:center ;
                  padding : 120px 0px;
                  }   
                  
        #visual div { width : 58%;
                      margin : auto;
                      color : white;
                     
                     }  
                     
        #visual a { color : white;
                    display: inline-block;
                    padding : 10px 30px;
                    border : 2px solid white;
                    border-radius: 30px;
                    transition-property: all;
                    transition-duration:0.2s;
                } 
        
        #visual h2 { font-size: 2.5em;}

        #visual p { line-height: 1.8;
                    font-size: 1.1em;
                    margin : 40px 0px;}

       #visual a:hover { background-color: white;
                         color : black;   }  
                         
    /* 여기 까지 header , nav */  
    
      #content-box { width : 70%; margin:auto;}

      #content-1,#content-2,#content-3,#content-4  { width : 100%; margin : 100px 0px;}

      /* 공통 부분 */

      #content-1 ul { display : flex;
                      flex-direction: row;
                      flex-wrap: nowrap;
                      justify-content: space-between;
                      text-align: center;
                    }
      #content-1 ul li { width : 23%;
                         border : 1px solid #ccc;
                         border-radius: 20px;
                         padding-bottom : 20px ;  }  
                         
      #content-1 ul li p { background-color: #eee;
                           border-radius : 20px 20px 0px 0px ;  
                           padding : 20px 0px;
                           margin : 0px;}                   

      #content-1 a { color : blue;
                     display: inline-block;
                     padding : 10px 20px;
                     border : 1px solid white;
                       } 
      #content-1 a:hover { border-color : black;
                            transition: 0.5s; }
                            
      #content-1 li:hover { color : orangered;}  
      
      #content-1 h2 {font-size: 2em;
                     margin-bottom: 20px;}

      #content-1 h3 { margin : 20px 0px;}     
      
    /* content-1 */

      #content-2 h2 { border-bottom:1px solid #ccc ;
                      padding : 40px 0px;
                      margin-bottom: 20px;
                      } 
                      
      #content-2 section { display: flex;
                           justify-content: space-between; }

       #content-2 h2 span {font-size: 1em;}
       
       #content-2 section h4 {font-size: 1em; color: orangered;}
		
		#content-2 section div { line-height : 2.5;}
                           
    /* content-2 */

    #content-3 { text-align: center;}

    #content-3 h2 {  border-bottom:1px solid #ccc ;
                     padding : 40px 0px;
                     margin-bottom: 20px;
                      } 
    #content-3 ul { display: flex;
                    justify-content: space-between;
                   line-height: 2.5;}

    #content-3 ul h4 {color: brown; margin: 0;}
		
    #content-3 ul p {color: #666;
						 line-height : 1.5;	}               
                   
    /* content-3 */
    
    #content-4 section { display :flex;
                         justify-content: space-between; 
                         text-align: center;
                         border-top : 1px solid #ccc;
                         padding : 30px 0px;
                         }

    #content-4 section div  { width : 25%;} 
    
    #content-4 section a { display : inline-block;
                           border : 1px solid #333;
                           color : #333;
                           padding : 10px 20px;
                           margin-top :40px; 
                          }

    #content-4 section a:hover { background-color: green;
                                 color : white;
                                   }  
                                   
     #content-4 section p {line-height: 25px; 
								color: #999;
								margin-top : 0px;}                               

     /* content-4 */
     
    .top { background-color: gray;
           color : white;
           padding : 20px 16px;
           position : fixed;
           right : 10px;
           bottom : 30px;
           border-radius: 50%;
           font-weight: bolder;
           } 

     .top:hover { color : orange;
                  background-color: blue;  }   
                  
     /* top button */
     
     footer { width : 100%;
              background-color: black;
              color : white;
          }

    .f-box { width : 70%;
             margin :auto;
             padding : 30px 0px;
             line-height: 2;   }   

    /* footer */