@charset "UTF-8";
/* font 설정 */
/* nunito-sans-300 - latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-200.eot"); /* IE9 Compat Modes */
  src: local(""), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-200.eot?#iefix") format("embedded-opentype"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-200.woff2") format("woff2"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-200.woff") format("woff"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-200.ttf") format("truetype"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-200.svg#NunitoSans") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-300.eot?#iefix") format("embedded-opentype"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-300.woff2") format("woff2"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-300.woff") format("woff"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-300.ttf") format("truetype"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-300.svg#NunitoSans") format("svg"); /* Legacy iOS */
}
/* nunito-sans-regular - latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-regular.woff2") format("woff2"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-regular.woff") format("woff"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-regular.ttf") format("truetype"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-regular.svg#NunitoSans") format("svg"); /* Legacy iOS */
}
/* nunito-sans-700 - latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-700.woff2") format("woff2"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-700.woff") format("woff"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-700.ttf") format("truetype"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-700.svg#NunitoSans") format("svg"); /* Legacy iOS */
}
/* nunito-sans-800 - latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-800.eot"); /* IE9 Compat Modes */
  src: local(""), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-800.eot?#iefix") format("embedded-opentype"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-800.woff2") format("woff2"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-800.woff") format("woff"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-800.ttf") format("truetype"), url("https://file.valofe.com/Valofe_file/web/fonts/nunito-sans-v12-latin/nunito-sans-v12-latin-800.svg#NunitoSans") format("svg"); /* Legacy iOS */
}
/* ./ Noto Sans KR */
.fa {
  font-family: "Font Awesome 5 Free";
}

* {
  font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
  word-break: normal;
  -webkit-font-smoothing: antialiased;
}

#combineMenu * {
  font-family: "Font Awesome 5 Free", "Noto Sans KR", "Helvetica Neue", "Noto Sans SC", "Malgun Gothic", Apple SD Gothic Neo, "애플 SD 산돌고딕 Neo", "M PLUS 1p", sans-serif !important;
  word-break: normal !important;
  -webkit-font-smoothing: antialiased !important;
}

html, body {
  font-size: 16px;
}

body {
  background-color: #222;
  font-size: 16px;
  font-family: "NotoKr", "Titillium Web", AppleSDGothicNeo, "Dotum", Sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
}

#wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
}

.skip-navi {
  width: 1px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: -1px;
}

.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -1px;
  left: -1px;
  text-indent: -9999px;
}

.skip-navi {
  text-indent: -9999px;
}

.clearfix {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*공통요소*/
.row-w {
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.ellipsis {
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

a {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.color-ry {
  color: #ff9922;
}

.color-ry2 {
  color: #df8104;
}

.color-ry3 {
  color: #a66405;
}

.color-r {
  color: #bf0303;
}

.color-grey {
  color: #8a8a8a;
}

.color-wh {
  color: #fff;
}

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

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

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

.btn-wrap {
  margin-top: 20px;
  text-align: center;
}

input[type=button],
input[type=button i],
button {
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  margin: 0;
  padding: 9.5px 20px;
  align-items: flex-start;
  border: 0;
  vertical-align: top;
  font-size: 20px;
  font-family: "Notokr", "Titillium Web", AppleSDGothicNeo, "Dotum", Sans-serif;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background-color: #df8104;
  cursor: pointer;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

input[type=button].btn-line,
input[type=button i].btn-line,
button.btn-line {
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.52);
  color: #df8104;
  border: 4px solid #df8104;
}

input[type=button]:hover,
input[type=button i]:hover,
button:hover {
  color: #131313;
  background-color: #df8104;
}

input[type=button].btn-line:hover,
input[type=button i].btn-line:hover,
button.btn-line:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border: 4px solid #df8104;
}

.btn-more, .btn-more:visited {
  z-index: 30;
  position: absolute;
  display: inline-block;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  line-height: 23px;
  border-radius: 3px;
  text-align: center;
  font-size: 20px;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
  border: 2px solid #000;
  background: #000;
  color: #fff;
  opacity: 0.5;
}

.btn-more:hover, .btn-more:active {
  border: 2px solid #df810f;
  background: #df8104;
  color: #fff;
}

.btn-top {
  z-index: 9999;
  position: fixed;
  display: none;
  bottom: 150px;
  right: 2rem;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  font-size: 30px;
  text-align: center;
  color: #282828;
  background: #ff9922;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.btn-top span.fa {
  margin-top: 5px;
  width: 60px;
  height: 30px;
  line-height: 30px;
  display: block;
}

.btn-top:hover {
  background: #8a5312;
}

.btn-top span.btn-top-txt {
  display: block;
  width: 60px;
  height: 16px;
  line-height: 10px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 100;
  color: #282828;
}

.btn-toggle {
  display: none;
}

table {
  border-collapse: collapse;
  cell-padding: 0;
  cell-spacing: 0;
}

#loading-mask {
  background-color: white;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

/*레이아웃*/
#content {
  position: relative;
  width: 100%;
}

#desktopHeader {
  top: 60px;
  position: fixed;
  z-index: 8880; /* 컴바인 베뉴 v wallet 8880 보다 낮아야 함 */
  width: 100%;
  background: rgba(35, 38, 51, 0.9);
  color: #fff;
  /*border-top: 1px solid #332b25;*/
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
}

#desktopHeader .underline-desktop-header {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 55px;
  background: rgba(0, 0, 0, 0.25);
}

#desktopHeader #logo {
  float: left;
  display: inline-block;
  width: 84px;
  height: 29px;
  margin-top: 8px;
  margin-left: 40px;
  width: 5.52rem;
  height: 1.8125rem;
  padding-top: 0.5rem;
  margin-left: 2.5rem;
}

#desktopHeader #gnb {
  width: auto;
  float: left;
  margin-left: 52px;
  margin-left: 3.25rem;
  z-index: 9999;
}

#desktopHeader #util {
  float: right;
  margin-right: 22px;
  height: 55px;
}

#desktopHeader #gnb > li {
  float: left;
  margin-right: 40px;
  margin-right: 2.5rem;
  width: 150px;
  width: 9.375rem;
}

#desktopHeader #gnb > li:nth-child(4) {
  width: auto;
}

#desktopHeader #gnb > li > a {
  float: left;
  height: 55px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-top: 18px;
  padding-bottom: 19px;
  padding-top: 1.125rem;
  padding-bottom: 1.1875rem;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  border-bottom: 2px solid transparent;
}

#desktopHeader #gnb > li:hover > a, #desktopHeader #util > li:first-child:hover > a {
  border-bottom: 2px solid #dd652a;
}

#desktopHeader #gnb > li > .sub-menu {
  z-index: 9999;
  opacity: 0;
  display: none;
  clear: both;
  padding-top: 11px;
  padding-bottom: 1.5rem;
}

#desktopHeader #gnb > li > .sub-menu li {
  z-index: 9999;
  float: none;
}

#desktopHeader #gnb > li > .sub-menu li a {
  z-index: 9999;
  display: inline-block;
  color: #fff;
  line-height: 1.2;
  height: 14px;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
  text-shadow: 0px 1px 1px rgb(0, 0, 0);
}

#desktopHeader #gnb > li > .sub-menu li:hover a {
  color: #dd652a;
}

.bg-layer-pc {
  display: none;
  z-index: 5;
  position: absolute;
  width: 100%;
  height: 330px;
  top: -330px;
  opacity: 1;
  background: rgba(1, 1, 1, 0.9);
}

.bg-layer-mobile {
  display: none;
  z-index: 8850;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: rgba(6, 4, 4, 0.85);
}

#desktopHeader #util > li {
  float: left;
  margin-right: 29px;
  height: 100%;
}

#desktopHeader #util > li:nth-child(1) {
  width: 92px;
}

#desktopHeader #util > li.download, #desktopHeader #util > li.game-start {
  margin-right: 0px;
}

#desktopHeader #util > li > a {
  float: left;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  /* height: 55px;
   height: 3.4375rem;*/
  height: 100%;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  border-bottom: 2px solid transparent;
}

#desktopHeader #util > li.download a, #desktopHeader #util > li.game-start a {
  color: #fff;
  background: #c7371b;
  border-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
}

#desktopHeader #util > li.download:hover > a, #desktopHeader #util > li.game-start:hover > a {
  border-bottom: 0;
  color: #fff;
  background: #dd652a;
}

/* 게임스타트 버튼 추 */
#desktopHeader #util > li > .sub-menu {
  z-index: 9999;
  opacity: 0;
  display: none;
  clear: both;
  padding-top: 11px;
  padding-bottom: 14px;
}

#desktopHeader #util > li > .sub-menu li a {
  z-index: 9999;
  display: inline-block;
  color: #fff;
  line-height: 1.2;
  height: 14px;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
  text-shadow: 0px 1px 1px rgb(0, 0, 0);
}

#desktopHeader #util > li > .sub-menu li:hover a {
  color: #dd652a;
}

#isLauncher #combineMenu {
  display: none !important;
}

#isLauncher #desktopHeader #gnb {
  width: calc(100% - 12rem);
}

#isLauncher #desktopHeader #util {
  display: none;
  height: 55px;
}

#isLauncher #valofe-footer {
  display: none !important;
}

#isLauncher .btn-main {
  display: none;
}

#isLauncher #mobileGnb > li.hidden-launcher {
  display: none;
}

#isLauncher .sub #content {
  min-height: calc(100vh - 60px);
}

#isLauncher .isLauncher {
  display: none !important;
}

@media screen and (max-width: 1530px) {
  /*rem 비율 조정 14px = rem;*/
  html {
    font-size: 13px;
  }
  #desktopHeader #logo {
    margin-left: 9px;
  }
  #desktopHeader #gnb {
    margin-left: 80px;
    margin-left: 5rem;
  }
  #desktopHeader #gnb > li {
    width: 100px;
  }
  #desktopHeader #util {
    margin-right: 22px;
  }
  #desktopHeader #util > li {
    /*    display:flex;
        align-items:center;*/
  }
}
@media screen and (max-width: 1280px) {
  /*rem 비율 조정 13px = rem;*/
  html {
    font-size: 13px;
  }
  #desktopHeader #logo {
    margin-left: 12px;
    padding-left: 0;
    /*padding-top: 0.1rem;*/
  }
  #desktopHeader #gnb > li {
    width: 100px;
  }
  #desktopHeader #gnb > li:nth-child(5) {
    width: 60px;
  }
  #desktopHeader #gnb > li:nth-child(6) {
    width: 60px;
  }
  #desktopHeader #gnb > li > a {
    padding-bottom: 18px;
    padding-bottom: 1.125rem;
  }
  #desktopHeader .underline-desktop-header {
    top: 55px;
  }
  .row-w {
    max-width: 94% !important; /* overflow:hidden; */
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  #isLauncher #combineMenu {
    display: block;
  }
  #isLauncher #combine_menu_long {
    display: block;
  }
  #isLauncher #combineMenu .wrap-cbm {
    display: none !important;
  }
  #desktopHeader {
    display: none;
  }
  .mobileHeader #mobileLogo {
    float: left;
    display: inline-block;
    width: 84px;
    height: 29px;
    padding-top: 8px;
    margin-left: 16px;
  }
  .mobileHeader #btnMobileDownload {
    position: absolute;
    right: 16px;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding-top: 8px;
    color: #fff;
    background: #df8104;
    font-size: 16px;
    text-align: right;
  }
  #mobileGnb h1.tit-mobile {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    line-height: 18px;
    padding: 0px 22px 22px;
    border-bottom: 1px solid #27292d;
  }
  #mobileGnb h1.tit-mobile img {
    vertical-align: middle;
    float: right;
    margin-top: 13px;
  }
  #mobileGnb h1.tit-mobile a#mobileGnbClose {
    display: inline-block;
    margin-top: 23px;
    width: 15px;
    height: 15px;
    float: left;
    background: url("../images/common/btn-mobile-menu-close.png) 0 0 no-repeat;
  }
  #mobileGnb > h2 {
    box-sizing: border-box;
    width: 100%;
    padding: 22px;
    border-bottom: 1px solid #27292d;
    background: #131313;
    overflow: hidden;
  }
  #mobileGnb > h2 #news, #mobileGnb > h2 #event, #mobileGnb > h2 #community {
    float: left;
    color: #fff;
    font-size: 11px;
  }
  #mobileGnb > h2 #community {
    margin-top: 2px;
  }
  #mobileGnb > h2 a:after {
    content: "";
    background: #fff;
    height: 10px;
    width: 1px;
    display: inline-block;
    margin: 2px 5px 0;
  }
  #mobileGnb > h2 a:last-child:after {
    display: none;
  }
  #mobileGnb > h2 #news:hover,
  #mobileGnb > h2 #event:hover,
  #mobileGnb > h2 #community:hover {
    color: #df8104;
  }
  #mobileGnb > h2 #news {
    margin-left: 0;
  }
  #mobileGnb > li {
    float: none;
    padding-left: 22px;
    padding-right: 22px;
    border-bottom: 1px solid #27292d;
  }
  #mobileGnb > li > a {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 18px 0;
    color: #fff;
    font-size: 14px;
  }
  #mobileGnb > li > a > .blit-arrow {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 21px;
    box-sizing: border-box;
    width: 9px;
    height: 8px;
    vertical-align: middle;
    background: url("../images/common/blit-mobile-list.png) 0 0 no-repeat;
  }
  #mobileGnb > li:hover > a {
    color: #df8104;
  }
  #mobileGnb > li.on > a > .blit-arrow,
  #mobileGnb > li:hover > a > .blit-arrow {
    background: url("../images/common/blit-mobile-list-on.png) 0 0 no-repeat;
  }
  #mobileGnb > li > .msub-menu {
    display: none;
    padding-left: 22px;
    border-top: 1px solid #27292d;
  }
  #mobileGnb > li > .msub-menu > li > a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    color: #fff;
    font-size: 13px;
    padding: 16px 0;
  }
  #mobileGnb > li > .msub-menu > li:last-child {
    padding-bottom: 60px;
  }
  #mobileGnb > li > .msub-menu > li:hover > a {
    color: #df8104;
  }
  /*480*/
  #wrapper {
    top: 0;
  }
  /* 상단 중복 */
  .mobileHeader {
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    border-top: 1px solid #232323;
    background: #131313;
    color: #fff;
    top: 0px;
    right: 0;
    box-sizing: border-box;
    /* combine menu width:100px -> 100% */
    /* combine menu width:100px -> 100% */
    width: calc(100% - 100px);
    margin-left: 100px;
    background: transparent;
    z-index: 8888;
    /* combine menu width:100px -> 100% */
    /* combine menu width:100px -> 100% */
  }
  .mobileHeader #mobileLogo {
    display: none;
  }
  .mobileHeader #btnMoblieGnb {
    position: absolute;
    right: 16px;
    top: 0px;
    display: inline-block;
    width: 30px;
    height: 30px; /* line-height:40px; */
    color: #fff;
    font-size: 16px;
    text-align: right;
    /* 상단 */
    line-height: 37px;
    padding-top: 11px;
  }
  .mobileHeader #btnMoblieGnb:hover {
    color: #df8104;
  }
  .mobileHeader #btnMobileDownload {
    display: none;
  }
  .mobileHeader #btnMobileDownload:hover {
    color: #131313;
  }
  #mobileGnb {
    z-index: 8870;
    display: block;
    opacity: 1;
    position: fixed;
    top: 0;
    right: -360px;
    width: 300px;
    padding: 0px 0px 22px;
    background: #1f1f24;
    color: #fff;
    height: 100%;
    overflow-y: auto;
  }
  /* 모바일 커런트 메뉴 표시 */
  .mobileHeader #crtMenuSite {
    position: absolute;
    display: inline-block;
    width: 160px;
    left: 50%;
    /*margin-left: -80px;*/
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    /* 검색창 살릴 때는 지우기 */
    /*left:inherit;
    right:0;*/
    /* 검색창 살릴 때는 지우기 */
    /* combine menu width:100px -> 100% */
    /* combine menu width:100px -> 100% */
    margin-left: -130px; /* 100px밀었으니, 절반인 50px 추가로 더 빼주기 *
/* combine menu width:100px -> 100% */
    /* combine menu width:100px -> 100% */
  }
  .mobileHeader #crtMenuSite .fa-sort-up {
    margin-left: 4px;
    font-size: 16px;
    vertical-align: middle;
  }
  .mobileHeader #crtMenuSite .fa-sort-down {
    margin-left: 4px;
    padding-top: 19px;
    font-size: 16px;
    vertical-align: top;
  }
  /* 모바일 커런트 메뉴 서브 메뉴 표시 */
  /*모바일 로컬메뉴 - 서브 메뉴 */
  .mbSub, #mbSearch {
    display: block;
    z-index: 9000;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
    top: 60px;
    left: 0;
    width: 100%;
    padding: 30px 16px 40px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.75s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .mbSub.on, #mbSearch.on {
    overflow-y: auto;
    height: auto;
    opacity: 1;
    visibility: visible;
    letter-spacing: -1px;
  }
  .mbSub h1 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 3px solid #3F3F3F;
  }
  .mbSub ul {
    width: 100%;
  }
  .mbSub ul > li {
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 10px 0 5px;
  }
  .mbSub ul > li > a, .mbSub > ul > li:visited > a {
    font-size: 16px;
    font-weight: bold;
    color: #3F3F3F;
  }
  .mbSub ul > li.on > a, .mbSub ul > li:hover > a, .mbSub > ul > li:focus > a {
    color: #f39a00;
    font-weight: bold;
  }
  .mbSub .dep2 {
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px 15px;
    margin-top: 10px;
    background: #FCF3EE;
  }
  .mbSub .dep2 > li > a, .mbSub .dep2 > li > a:visited, .mbSub .dep2 > li > a > .fa {
    font-size: 15px;
    font-size: 0.9375rem;
    color: #000;
  }
  .mbSub .dep2 > li.on > a, .mbSub .dep2 > li > a:hover, .mbSub .dep2 > li > a:focus,
  .mbSub .dep2 > li.on .fa, .mbSub .dep2 > li:hover > .fa, .mbSub .dep2 > li:focus > .fa {
    color: #f39a00;
  }
  /* 모바일 커런트 메뉴 - shadow */
  #mbMenuShadow {
    display: none;
    opacity: 0;
    z-index: 8000 !important;
    width: 100%;
    height: 100%;
    position: fixed;
    padding-bottom: 0px;
    top: 0;
    left: 0;
    background-size: cover;
    background: rgba(0, 0, 0, 0.8);
  }
  #mbMenuShadow.on {
    display: block;
    opacity: 1;
    z-index: 8000 !important;
    width: 100%;
    height: 100%;
    position: fixed;
    padding-bottom: 0px;
    top: 0;
    left: 0;
    background-size: cover;
    background: rgba(0, 0, 0, 0.8);
  }
}
/* 960 */
/*800 */
/* 768 736*/
@media screen and (max-width: 768px) {
  .row-w {
    max-width: 90% !important;
  }
}
/*  667 640 */
@media screen and (max-width: 667px) {
  /*#footer{}
  #footer .copyright{margin-top:30px;}
  #footer .copyright .footer-logo{display:block;height:40px;width:100%;text-align:center;}
  #footer .copyright .footer-logo .logo{position:absolute;left:50%;margin-left:-34.5px;width:69px;}
  #footer .copyright p{width:100%;margin-left:0;clear:left;}*/
}
/* 568 533 */
@media screen and (max-width: 568px) {
  html {
    font-size: 11px;
  }
}
/* 533 */
/* 480 */
@media screen and (max-width: 460px) {
  #m-menu-wrap #m-menu li ul li.flag {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10%;
  }
}
@media screen and (max-width: 320px) {
  html {
    min-width: 300px;
  }
}
/* 플로팅 열고 닫기 버튼 추가 */
.close-flt.outer {
  position: fixed;
  top: 9rem;
  right: 3rem;
  margin: auto;
  width: 2rem;
  height: 28px;
  height: 2rem;
  cursor: pointer;
  z-index: 20;
  transition: all 0.3s ease-in;
  background: black;
}

.close-flt.outer .inner {
  width: inherit;
  text-align: center;
}

.close-flt.outer .inner label {
  height: 28px;
  font-size: 0.85rem;
  color: #fff;
  font-weight: bold;
  white-space: pre;
  line-height: 1.75rem;
  letter-spacing: 2px;
  opacity: 0;
  transition: all 0.3s ease-in;
  cursor: pointer;
}

.close-flt.outer .inner:before, .close-flt.outer .inner:after {
  position: absolute;
  content: "";
  height: 1px;
  width: inherit;
  background: #fff;
  left: 0;
  transition: all 0.3s ease-in;
}

.close-flt.outer .inner:before {
  top: 50%;
  transform: rotate(45deg);
}

.close-flt.outer .inner:after {
  bottom: 50%;
  transform: rotate(-45deg);
}

.close-flt.open + a#floating.promo {
  right: -10rem;
}

.close-flt.open ~ a#floating.promo {
  right: -10rem;
}

/* 2개 이상 배너 있을 경우 */
.close-flt.open + #floating {
  right: -17rem;
}

.close-flt.outer.open {
  right: 1px;
  /* width:48px;*/
  height: 134px;
  height: 7.1rem;
  padding: 0.625rem 0;
}

.close-flt.outer.open label {
  height: auto;
  opacity: 1;
}

.close-flt.outer.open .inner:before, .close-flt.outer.open .inner:after {
  transform: rotate(0);
}

.close-flt.outer.open .inner:before {
  top: 0;
}

.close-flt.outer.open .inner:after {
  bottom: 0;
}

/* 플로팅 신규버전 */
#WrapfloatNew {
  visibility: hidden;
  position: fixed;
  top: 11rem;
  right: 2.5rem;
  width: 192px;
  width: 12rem;
  z-index: 99;
  transition: right 0.4s;
}

#WrapfloatNew ul {
  width: 100%;
}

#WrapfloatNew ul li {
  position: relative;
}

/*#WrapfloatNew .slick-slide li {min-height:223.52px;}*/
#WrapfloatNew .slick-slide li a {
  display: flex;
  align-items: flex-end;
  height: 100%;
  min-height: 15.965rem;
}

#WrapfloatNew .float-banner {
  width: 100%;
}

#templateFloat .slick-dots {
  bottom: auto;
  top: calc(100% + 4px);
  text-align: center;
}

#templateFloat .slick-dots li button {
  padding: 0;
  min-width: initial;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border: 1px solid #666666;
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  vertical-align: inherit;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

#templateFloat .slick-dots li button:hover, #templateFloat .slick-dots li.slick-active button {
  background: rgba(53, 206, 202, 0.85);
}

#WrapfloatNew .slick-dots li {
  display: inline-block;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1024px) {
  /* 플로팅 열고 닫기 버튼 추가 */
  .close-flt.outer, #WrapfloatNew {
    display: none;
  }
}