#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /* height: 50px; */
  z-index: 300;
  background-color: white;
  transition: background 0.5s ease;
  border-bottom: 1px solid #e9e9e9;
}

#header .head-top{
  width: 100%;
  height: 46px;
  position: relative;  
  background: #5D0682;

  display: flex;
  align-items: center;
  justify-content: center;
}
#header .head-top .txt{
  color:white;
  font-size: 15px;
  width: 600px;
  text-align: center;
}
#header .head-top .txt strong{
  color:white;
}
#header .head-top i{
  width: 46px;
  height: 46px;
  color: rgba(255, 255, 255, 0.61);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  cursor: pointer;
}
#header .head-top i:hover{
  color: white;
}

#header .content {
  position: relative;
  width: 1192px;
  height: 78px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;  
}
#header .content .logo {
  width: 284px;
  padding: 20px 0;
  cursor: pointer;
  /* height: 17px; */
}
#header .content .head-tabs {
  margin-left: auto;
}
#header .content .head-tabs .head-tab-item {
  width: 100px;
  display: inline-block;
  text-align: center;
  font-size: 17px;
  color: #0f0f0f;
  font-weight: 500;
  cursor: pointer;
}
#header .content .head-tabs .head-tab-item:hover{
  color: #6a0595;
  font-weight: 700;
}
#header .to-main {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 44%;
  margin: 0 auto;
  /* border: 1px solid red; */
}



/*******************************/
/* 반응형 */
/*******************************/
@media screen and (max-width: 450px) {
}
/* PC */
@media screen and (min-width: 1200px) {
  #header .content {
    display: none;
  }
  #header .content {
    display: flex;
  }
}