/*************************//* TOP/*************************//*Header*/.fa-arrow-down,.fa-external-link-alt,.fa-solid,.fa-up-right-from-square {  font-weight: 600;  padding-left: 5px;  transition: all 0.01s;}#header {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 0;  z-index: 100;}#header .header_wrap {  display: flex;  width: 100%;  background-color: rgb(0, 0, 0, 1);}#header .wrap {  display: flex;  justify-content: space-between;  align-items: center;  width: 100%;  height: 73px;}#header h1 a {  display: block;  float: left;  width: 170px;  height: 60px;  background: url('../images/logo_ep2_rss_tw.png') no-repeat center 0 / contain;  font-size: 0;  /* margin-left: 2rem; */}/*gnb*/#header nav {  width: 1024px;}.gnb {  display: flex;  justify-content: space-evenly;  align-items: center;  width: 100%;  height: 100%;}.gnb li {  width: 100%;  max-width: 88px;  text-align: center;}.gnb li a {  display: flex;  justify-content: center;  align-items: center;  width: 100%;  /* height: 100%; */}.gnb li a p {  position: relative;  padding: 8px 8px;  font-size: 18px;  color: rgb(255, 255, 255, 1);  text-wrap: nowrap;}.gnb li a p:hover {  opacity: 1;  color: #fff;  transition: all 0.3s;}.gnb li a p.on {  color: #fff;}.gnb li a.current,#header.bg_blue .gnb li a.current {  color: #fff;  transition: all 0.3s;}#header.bg_black .gnb li a {  color: #000;  transition: all 0.3s;}#header.bg_white .gnb li a.current {  border-bottom: 3px solid #fff;}#header.bg_black .gnb li a.current {  border-bottom: 3px solid #000;}.sns {  display: flex;  align-items: center;  justify-content: flex-end;  position: relative;  /* width: 85px; */  margin-right: 20px;}.sns_game_start {  display: flex;}.btn_cafe,.btn_share {  width: 26px;  height: 26px;  font-size: 0;}.btn_cafe {  background: url('../images/icon_cafe.png') no-repeat center 0 / contain;}.btn_share {  background: url('../images/icon_sheare.png') no-repeat center 0 / contain;}.wrap_share {  display: none;  position: absolute;  bottom: -60px;  right: 0;}.cont_share {  display: flex;}.btn_kakao,.btn_facebook,.btn_x,.btn_copy {  text-indent: -9999px;  height: 46px;}.btn_kakao {  width: 45px;  background: url('../images/btn_kakao.svg') no-repeat center / 25px 25px    rgba(0, 0, 0, 0.5);}.btn_facebook {  width: 38px;  background: url('../images/btn_facebook.svg') no-repeat center / 25px 25px    rgba(0, 0, 0, 0.5);}.btn_x {  width: 41px;  background: url('../images/btn_x.svg') no-repeat center / 25px 25px    rgba(0, 0, 0, 0.5);}.btn_copy {  width: 38px;  background: url('../images/btn_copy.svg') no-repeat center / 25px 25px    rgba(0, 0, 0, 0.5);}/*gmb-mobile*/#header .mobile {  display: none;}.m_checkbox {  display: block;  width: 28px;  height: 20px;  z-index: 5;  opacity: 0;  cursor: pointer;}.hamburger-lines {  position: absolute;  display: flex;  flex-direction: column;  justify-content: space-between;  left: 28px;  width: 20px;  height: 16px;}.hamburger-lines .line {  display: block;  height: 2px;  width: 100%;  background: #fff;}#header.bg_black .hamburger-lines .line {  background: #000;}#header.bg_black .hamburger-lines .line {  background: #000;}.hamburger-lines .line1 {  transform-origin: 0% 0%;  transition: transform 0.4s ease-in-out;}.hamburger-lines .line2 {  transition: transform 0.2s ease-in-out;}.hamburger-lines .line3 {  transform-origin: 0% 100%;  transition: transform 0.4s ease-in-out;}#header input[type='checkbox']:checked ~ .hamburger-lines .line1 {  transform: rotate(45deg);}#header input[type='checkbox']:checked ~ .hamburger-lines .line2 {  transform: scaleY(0);}#header input[type='checkbox']:checked ~ .hamburger-lines .line3 {  transform: rotate(-45deg);}/***** 드롭다운 *****/.drop {  height: 100%;}.dropdown {  position: relative;  display: inline-block;}.dropdown_cont {  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-evenly;  width: 100%;  height: 0;  position: absolute;  z-index: 1;  visibility: hidden;  opacity: 0;  transition: all 0.38s;}/* 여기 */.drop:hover .dropdown_cont {  height: 140px;  padding-top: 10px;  visibility: visible;  opacity: 1;  transition: all 0.38s;}.bg_dropdown {  position: absolute;  left: 50%;  transform: translate(-50%, 0);  width: 100%;  height: 0;  background-color: rgb(0, 0, 0, 1);  visibility: hidden;  opacity: 0;  transition: all 0.45s;}.drop:hover .bg_dropdown {  height: 140px;  transition: all 0.45s;  visibility: visible;  opacity: 1;}.btn_dropdown:hover {  color: #fff;}/***** 게임시작 버튼 *****/#btn_game {  display: flex;  justify-content: center;  align-items: center;  width: 100%;  height: 100%;  padding: 0;}/*************************//* tw - header/*************************/#header .header_wrap h1{  display: flex;  align-items: center;  justify-content: center;  width: 100%;  max-width: 269px;  height: 73px;  z-index: 1;}@media screen and (max-width: 1240px) {  .gnb li a p {    font-size: 17px;  }  #header nav{    width: 60vw;  }}@media screen and (max-width: 1024px) {  #header h1 a {    width: 100px;    height: 30px;  }  .gnb li a p {    font-size: 13px;  }  .sns {    width: 105px;  }}@media screen and (max-width: 720px) {  .gnb{    max-width: 500px;    margin: 0 auto;  }  .gnb li{    max-width: unset;  }  /* #header .header_wrap h1{    display: none;  } */}@media screen and (max-width: 520px) {  #header .pp_header_wrap{    flex-direction: row-reverse;    align-items: center;    justify-content: space-between;  }  #header .pp_download_btn{    opacity: 0;    pointer-events: none;  }  #header .header_wrap h1{    display: flex;    justify-content: center;    width: 100%;    max-width: unset;  }  #header .mobile {    display: block;  }  #header .header_wrap {    background-color: rgb(0, 0, 0, 1);  }  #header .header_wrap.active {    background: none;  }  #header .mobile.hamburger-lines {    display: flex;  }  #header .wrap {    justify-content: left;    align-items: center;    padding: 10px 20px 10px;  }  #header h1 a {    width: 180px;    height: 40px;  }  .gnb {    display: block;    padding: 10vh 40px 0;    overflow: scroll;  }  .gnb li {    display: flex;    flex-direction: column;    text-align: left;    margin-bottom: 30px;  }  .gnb li a {    justify-content: space-between;  }  .btn_dropdown,  .gnb li a p {    padding: 0;    font-size: 22px;  }  .gnb li a.current,  #header.bg_blue .gnb li a.current,  #header.bg_black .gnb li a,  #header.bg_black .gnb li a.current,  #header.bg_blue .gnb li a.current,  #header.bg_blue .gnb li a {    color: #000;  }  #header nav.pc {    display: none;    position: absolute;    left: 0;    top: 0;    width: 100vw;    height: 100vh;    background: rgb(0 0 0 / 100%);    z-index: -1;  }  #header input[type='checkbox']:checked ~ nav.pc {    display: block;    overflow: scroll;  }  #header input[type='checkbox']:checked ~ nav.pc > .gnb li a p {    color: #fff;    font-weight: 500;  }  .hamburger-lines .line.active {    background: #fff;  }  #header .wrap.active {    padding: 35px 20px;  }  .sns {    display: none;  }  #mo_sns {    display: flex;    align-items: center;    justify-content: space-around;    width: 100%;    max-width: 200px;    height: 40px;    margin: 0 auto;  }  .wrap_share {    position: unset;  }  .cont_share {    justify-content: center;  }  .m_submenu {    margin-left: 10px;  }  .m_submenu a {    margin-top: 5px;  }}@media screen and (max-width: 520px) {  #header h1 a {    width: 120px;    /* height: 26px; */    margin-left: 0;  }  .btn_dropdown,  .gnb li a p {    font-size: 18px;  }}/* 모바일 가로 모드 */@media screen and (max-width: 668px) and (orientation: landscape) {  .gnb {    /* padding: 15vh 40px; */  }}