@import url("header_m.css");
/**/
#header {
  background: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
#header {
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0;
  left: 0;
}
#header {
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#header.white_back {
  background: black;
}
/**/
#header .logo {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
}
#header .logo {
  background: url(/front/imgs/common/logo_header.png) no-repeat center;
  background-size: contain;
  width: 126px;
  height: 100%;
}
/* [ @~ta ] 1023이하 - 태블릿 세로 이하▼ 화면*/
@media all and (max-width: 1023px) {
  #header .logo {
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  #header .logo {
    background-image: url(/front/imgs/common/logo_header_MO.png);
    width: 35px;
  }
}
#homePageSubTitle {
  position: absolute;
  top: 30px;
  left: 270px;
}
#homePageSubTitle {
  font-size: 22px;
  font-weight: bold;
  color: #333333;
  letter-spacing: -0.05em;
}
#homePageSubTitle {
  outline: 1px dashed red;
  box-shadow: 0px 0px 10px red;
}
#homePageSubTitle {
  display: none;
}
/**/
#topRightPos {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 0;
}
/**/
#gnb .hide_at_gnb {
  display: none !important;
}
#gnbClone .hide_at_gnb {
  display: none !important;
}
/**/
#header .gnb_clone_sec {
  display: none;
}
/**/
/* [ @~ta ] 1023이하 - 태블릿 세로 이하▼ 화면*/
@media all and (max-width: 1023px) {
  #header #gnbWrapper {
    display: none;
  }
}
/**/
#top_select_language_box {
  z-index: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#top_select_language_box > .select_language_btn {
  font-size: 0;
}
#top_select_language_box > .select_language_btn {
  background: url(/front/imgs/common/top_select_language.png) no-repeat center;
  width: 72px;
  height: 54px;
}
#top_select_language_box > .select_language_btn.on {
  background-image: url(/front/imgs/common/top_select_language_on.png);
}
#top_select_language_box > .links {
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}
#top_select_language_box > .links {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
#top_select_language_box > .links {
  display: none;
}
#top_select_language_box > .select_language_btn.on + .links {
  display: block;
}
#top_select_language_box > .links > li > a {
  display: block;
  line-height: 34px;
}
#top_select_language_box > .links > li > a {
  font-size: 18px;
  color: #999999;
  text-align: center;
}
#top_select_language_box > .links > li > a:hover {
  color: #ff5a3c;
}
/* [ @de~ ] 1440이상 - 데스크탑 이상▲ 화면*/
@media all and (min-width: 1440px) {
  #top_select_language_box {
    right: 50%;
    margin-right: -600px;
  }
}
/* [ @lt ] 1024이상 ~ 1439이하 - 랩탑 and 테블릿 가로 only 화면*/
@media all and (min-width: 1024px) and (max-width: 1439px) {
  #top_select_language_box {
    right: 50%;
    margin-right: -502px;
  }
}
/* [ @~ta ] 1023이하 - 태블릿 세로 이하▼ 화면*/
@media all and (max-width: 1023px) {
  #top_select_language_box {
    right: 9px;
    margin-right: 0;
  }
}
#top_select_language_box > .lang_btn {
  width: 60px;
  border-radius: 14px;
  background-color: #ef4023;
}
#top_select_language_box > .lang_btn {
  line-height: 27px;
  font-size: 18px;
  color: white;
  text-align: center;
}
/*# sourceMappingURL=header.css.map */