* { 
    .box-sizing: border-box;
    }
    body {
        margin: 0;
    }
    .navibar {
        width: 100%;
        background-color:  ;
    }
    .navibar a {        float: left;
        font-family: 'Noto Sans KR','Malgun Gothic', '맑은 고딕', sans-serif;
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        width: 16.6%;  
        padding:8px;    
        text-decoration: none;
    }
    .navibar a:hover {
        color: #ffff00;
    }
  
   
    .dropdown-content {                           /* 펼침메뉴 전체스타일*/
        margin-top:40px;        
        display:none;
        position: absolute;
        background-color: #fff;       
        width: 100%;       
        right:0;
        border: 1px solid  #696969; 
        box-shadow: 10px 5px 10px 5px rgba(0,0,0,0.2);    
        z-index: 1000;  
    }     
    .dropdown:hover .dropdown-content {
        display: block;
    }
    .dropdown-content .row {    
        margin:0px;
    }
    .dropdown-content .header {    /* 펼침메뉴 헤더부분*/
        background: #fff;
        padding: 10px;
        color: white;
        font-size:15px; 
        font-weight: bold; 
        color:#FF4500;
        text-align:center;
    }
     
 /* 하위메뉴세부항목 및 숨긴메가바탕색상지정, 드롭다운전체박스스타일영향줌 ws참고*/
    .column2 {                
        float: left;
        margin:0px;        
        background-color: #fff;       
        width: 25%;    
        padding: 10px;   
        height: auto;        
        right:0;
    }
    .column2 a {
        float: none;
        font-size: 13px;
        font-weight: bold;
        padding-left:20px;
        color: #545454;
        width: 100%;       
        text-decoration: none;
        display: block;
        text-align: left;
    }
    .column2 a:hover {
        color: #FF4500;
        background-color: #eee;
    }
  
      /* 온라인상담하위메뉴 */
    .column2small {
        float: left;
        width: 100%;
        padding: 20px 10px;
        background-color: #fff;
        height: auto;
    }
     .dropdown-smallcontent {
        margin-top: 40px;
        display: none;
        position: absolute;
        background-color: #fff;
        width:16.6%;
        right:0;
        border: 1px solid  #696969; 
        box-shadow: 10px 5px 10px 5px rgba(0,0,0,0.2);    
        z-index: 1;
    }
      .dropdown:hover .dropdown-smallcontent {
        display: block;
    }
    .column2small a {
        float: none;
        font-size: 13px;
        font-weight: bold;
        color: #545454;
        width: 100%;
        padding: 5px 10px;
        text-decoration: none;
        display: block;
        text-align: left;
    }
    .column2small a:hover {
        color: #FF4500;
        background-color: #eee;
    }