/********************************* Bootstrap Part **********************************/

    .btn-kozaza {
      padding: 10px 30px;
      color: #8552cc;
      background-color: #f5f6fa;
      border-color: #8552cc;   

    }
    

    .dropdown-menu>.arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;
}

/*********************************** Navigation Part ******************/
    #kozaza-brand{
      padding: 0px 50px 0px 50px;

    }

    #kozaza-navbar {    
      
      margin-bottom: 0px;
      
    }
    
    /*********************************** Contents Space ******************/
    .space{
      margin: 50px 0px;
    }

    .space30{
      padding: 30px 30px;
    }

    #First-box{
      padding: 30px 30px;
      background-color: white;
    }

    #midle_box{
      padding: 100px 0px;
      background-color: #f5f6fa;
    }
    
    #bottum_box{
      padding: 80px 60px;
      background-color: #f5f6fa;
    }

    #bg_color{
      background-color: #f5f6fa;
    }

    #img_spc{

      padding: 0px 10px;
    }

 

/**************** Font Part 01 ******************/

@font-face {
    font-family: 'notokr-medium';
    src: url('/fonts/NotoKR-Medium/notokr-medium.eot');
    src: url('/fonts/NotoKR-Medium/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoKR-Medium/notokr-medium.woff2') format('woff2'),
         url('/fonts/NotoKR-Medium/notokr-medium.woff') format('woff'),
         url('/fonts/NotoKR-Medium/notokr-medium.ttf') format('truetype'),
         url('/fonts/NotoKR-Medium/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'notokr-demilight';
    src: url('/fonts/NotoKR-DemiLight/notokr-demilight.eot');
    src: url('/fonts/NotoKR-DemiLight/notokr-demilight.eot?#iefix') format('embedded-opentype'),
         url('/fonts/NotoKR-DemiLight/notokr-demilight.woff2') format('woff2'),
         url('/fonts/NotoKR-DemiLight/notokr-demilight.woff') format('woff'),
         url('/fonts/NotoKR-DemiLight/notokr-demilight.ttf') format('truetype'),
         url('/fonts/NotoKR-DemiLight/notokr-demilight.svg#notokr-demilight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* terms, terms_en, privacy, privacy_en  */
.title{
      font-family: 'notokr-demilight'; 
      font-size: 2.5em;    /* 30pt = 1.875 / 40pt = 2.500 */  
      color: #605c66;
      padding: 20px 50px;
      
    }

    .sub{
      font-family: 'notokr-medium';
      font-size: 1.5em;
      color: #605b66;
      padding: 0px 50px;
    }

    .box{
      font-family: 'notokr-demilight';
      font-size: 1.0em;     
      color: #908a99;
      padding: 0px 50px;  
    }
/* terms, terms_en, privacy, privacy_en  end */
  #name{
    font-family: 'notokr-medium'; 
    font-size: 1.250em;  /* 20px */    
    color: #605c66;    
  }

  #position{
    font-family: 'notokr-medium'; 
    font-size: 0.875em;  /* 14px */ 
    color: #605c66;    
  }

  #artcle{
    font-family: 'notokr-demilight'; 
    font-size: 1.000em;  /* 14px */  
    color: #908a99;    
  }

 /* .title{
    font-family: 'notokr-demilight'; 
    font-size: 1.875em;  /* 30px      
    color: #605c66; 
  }*/

  
  .jobsub{
    font-family: 'notokr-demilight'; 
    font-size: 1.000em;   /* 16px */   
    color: #908a99; 
  } 

  .stayTitle{
    font-family: 'notokr-medium'; 
    font-size: 1.500em;  /* 24px */    
    color: #605c66;
  }

  .staySub{
    font-family: 'notokr-medium'; 
    font-size: 1.125em;  /* 18px */  
    color: #8552cc;    
  }

  .align-center{
    text-align: center;
  }

  #title-position{
    padding: 150px 0px 0px 0px;
  }

  #header-title{
    font-family: 'notokr-demilight'; 
    font-size: 4.375em;  /* 70px */     
    color: white; 
    text-shadow: 1px 1px 5px black; /* h-shadow v-shadow blur color */   

  }

  @media (max-width: 767px) {
    #header-title{
    font-family: 'notokr-demilight'; 
    font-size: 1.875em;  /* 30px */     
    color: white; 
   }
}


     /********************************* Font Part 02 **********************************/
   

    .sub01Title{
      font-size: 20px;
      text-align: center;
      color: black;
    }

    .sub02Title{

      font-size: 20px;
      text-align: center;
      color: #8552cc;
    }

    .contents{
      font-size: 15px;
      color: black;
    }

    .contact01{
      font-size: 15px;
      text-align: center;
      color: black;
    }

    .contact02{
      font-size: 15px;
      text-align: center;
      font-style: bold;
      color: blue;      
    }

    .support{
      font-size: 15px; 
      text-align: center;           
          
    }

    /***************************** Image part ***********************************/

    .officeImg{
      float: left;
      padding: 10px 0px;
    }

    /****************************** space part **********************************/

    .space{
      margin: 50px 0px;
    }

    #midle_box{
      padding: 100px 60px;
      background-color: #f5f6fa;
    }


    #First-box{
      padding: 30px 30px;
    }

    #bottum_box{
      padding: 80px 60px;
      background-color: #f5f6fa;
    }

    /*#F-space{

      padding: 0px 100px 0px 100px; 
    }*/

    #kozaza-brand{
      padding: 0px 50px 0px 50px;

    }

    #kozaza-navbar {    
      
      margin-bottom: 0px;
      
      }      

    #space01{
      padding: 0px 20px 0px 20px;
      text-align: left;
    }


    #space02{
      padding: 0px 20px 0px 20px;
    }  

    #bt-space{
      padding: 30px 0px;
    }

    #btop{
      
      border-top: 1px solid white;
    }

 /****************************** header add part **********************************/

    
    .header {
      background-color: #1a1f2a;
      background-position: center top;
      background-size: cover;
      color: white;
      padding-top: 10px;
      padding-bottom: 200px;
    } 

    .header.aboutus {
      background-image: url('/image/company/header_aboutus.jpg');
    }    
    
    .header.team {
      background-image: url('/image/company/header_member.jpg');
      padding-top: 30px;
    } 
    
    .header.jobs {
      background-image: url('/image/company/img_header_jobs.jpg');
      padding-top: 30px;
    }
    
    .header.press {
      background-image: url('/image/company/header_press.jpg');
      padding-top: 30px;
    }

    .header.certification {
      background-image: url('/image/company/header_certi.jpeg');
      padding-top: 30px;
    }

    .header.privacy {
      background-image: url('/image/company/header_privacy.jpeg');
      padding-top: 30px;
    }

    .header.terms {
      background-image: url('/image/company/header_terms.jpeg');
      padding-top: 30px;
    }

    .header.faq {
      background-image: url('/image/company/header_faq.jpeg');
      padding-top: 30px;
    }

    .header.how {
      background-image: url('/image/company/header_how.jpeg');
      padding-top: 30px;
    }

    .header.contactus {
      background-image: url('/image/company/header_contactus.jpg');
      padding-top: 30px;
    }

    

/****************************** Footer part **********************************/    

   #ft_t{
      font-family: 'notokr-medium'; 
      font-size: 1em;
      color: #969799;
    }

    #ft_add{
      font-family: 'notokr-medium'; 
      font-size: 0.875em;
      color: #646466;
    }

      #ft_Padding{
      padding: 50px 0px 0px 0px;
    }

    #snsPadding01{
      padding: 0px 5px 0px 0px;
    }

    #snsPadding02{
      padding: 0px 5px;
    }

    #addressPadding{
      padding: 0px 0px 50px 0px;
    }

    #footerColor{
      background-color: #4b4b4d;
    }  


footer{border-top:1px solid #dcdcdc; background-color:#4b4b4d; height:100%; padding-bottom:30px; width:100%;}
footer section.footer{width:1170px; margin:0 auto; margin-top:60px;}
footer section.footer dl{width:292px; float:left;}
footer section.footer dl dt{font-size:14px; font-weight:bold; color:#bbb; margin-bottom:40px;}
footer section.footer dl dd{margin-top:5px;}
footer section.footer dl dd a{color:#bbb; font-size:14px;}
footer section.footer div.sns_link span{margin-right:10px;}
footer section.footer div.copyright{clear:both; color:#808080; padding-top:15px;}

@media (max-width: 1170px) {
  footer section.footer{width:100%;}
  footer section.footer dl{width:90%; float:none; padding:20px;}
  footer section.footer div.copyright{display: none;}
}