/* header */
.logo {
  position: absolute;
  left: 0px;
  top: 18px;
}

.logo a {
  display: block;
}

.header .container-body {
  height: 60px;
}

.header h1 {
  display: inline-block;
  position: absolute;
  top: 21px;
  left: 142px;
  font-size: 18px;
  letter-spacing: 0.02em;
  font-weight: 600;
  color: #363636;
}

.brand-menu {
  display: inline-block;
  position: absolute;
  top: 19px;
  left: 306px;
}

.brand-menu__link a {
  font-size: 15px;
  letter-spacing: -0.8px;
  color: #959595;
}

.brand-menu label {
  display: none;
}

.brand-menu .nice-select {
  width: 180px;
  height: 24px;
  line-height: 1;
  color: #959595;
  border-radius: 12px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  padding: 0px 20px;
  background-image: url(../img/icon/icon_brandMenu.png);
  background-repeat: no-repeat;
  background-size: 13px 7px;
  background-position: 150px center;
  box-sizing: border-box;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
  display: flex;
  align-items: center;
}

.brand-menu .nice-select.open {
  border-radius: 12px 12px 0 0;
  background-color: #ccc;
  color: #fff;
  border: 1px solid #ccc;
  background-image: url(../img/icon/icon_brandMenu_open.png);
}

.brand-menu .nice-select:after {
  border: 0px !important;
}

.brand-menu .nice-select.open span.current {
  font-size: 15px;
  color: #fff;
  letter-spacing: 0.02em;
}

.brand-menu .nice-select .list {
  border: 0px;
  top: 23px;
  padding: 3px 8px 8px 8px;
  border-radius: 0 0 12px 12px;
}

.brand-menu .nice-select .list li {
  margin-top: 5px;
  color: #959595;
  height: 22px;
  min-height: 22px;
  line-height: 18px;
  font-size: 15px;
  box-sizing: border-box;
  border-radius: 12px;
}
.brand-menu .nice-select span {
  position: relative;
  top: -1px;
}
.brand-menu .nice-select .option {
  font-weight: inherit;
  border: 1px solid #ccc;
}

.brand-menu .nice-select .option.selected {
  font-weight: inherit;
  display: none;
}

.brand-menu .nice-select .option:hover,
.brand-menu .nice-select .option.focus,
.brand-menu .nice-select .option.selected.focus {
  background-color: #fff;
}

.goTraining {
  display: inline-block;
  height: 20px;
  position: absolute;
  top: 22px;
  left: 485px;
  font-size: 0.93em;
  line-height: 1.3em;
}

.goTraining:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #d7d7d7;
  position: absolute;
  left: -14px;
  top: 0;
}

.goTraining em {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
  width: 27px;
  height: 16px;
  background: url("../img/icon/icon_training.png") no-repeat;
  background-size: 27px 16px;
}

/*20190207 modify*/
.header--menu {
  display: inline-block;
  width: auto;
  text-align: left;
  position: absolute;
  top: 5px;
  left: 152px;
}

.header--menu__link a {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.8px;
  color: #263547;
}

.header--menu label {
  display: none;
}

.header--menu .nice-select {
  width: 169px;
  background-color: #fff;
  padding-left: 0px;
  background-image: url(../img/icon/icon_headerMenu.png);
  background-repeat: no-repeat;
  background-size: 13px 7px;
  background-position: 148px 22px;
}

.header--menu .nice-select.open {
  background-image: url(../img/icon/icon_headerMenu_open.png);
}

.header--menu .nice-select:after {
  border: 0px !important;
}

.header--menu .nice-select span.current {
  font-size: 18px;
  font-weight: 700;
  color: #263547;
  letter-spacing: 0.02em;
}

.header--menu .nice-select .list {
  border-top: 2px solid #263547;
}

.header--menu .nice-select .option.selected {
  font-weight: inherit;
}

/*//20190207 modify*/

.user {
  position: absolute;
  right: 60px;
  top: 0px;
  padding: 6px 0;
}

.user p {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  font-size: 12px;
  color: #67717e;
  margin-right: 10px;
}

.user p span {
  display: block;
  font-size: 14px;
  color: #485359;
  margin-bottom: 3px;
}

.user a {
  display: inline-block;
  vertical-align: middle;
}

.user--greeting {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.user--id {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.user--thumb {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.logout {
  display: inline-block;
  position: absolute;
  right: 0px;
  top: 6px;
}

.logout a {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-image: url(../img/icon/logout.png);
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  cursor: pointer;
}

/* header */

/* gnb */
.gnb--menu {
  width: 100%;
  display: block;
  background-color: #fff;
  text-align: center;
}

.gnb--menu li {
  display: inline-block;
  padding: 0px 76px 0;
  position: relative;
  box-sizing: border-box;
}

.gnb--menu button {
  margin: 11px 0;
}

.gnb--menu li.is-actice a {
  color: #0056dc;
}

.gnb--menu li.is-actice.April a {
  color: #90c31f;
}

.gnb--menu li a {
  font-size: 18px;
  letter-spacing: -0.02em;
  font-weight: bold;
  color: #7c7c7c;
  line-height: 58px;
  box-sizing: border-box;
}

.gnb--menu li a:hover {
  font-weight: bold;
  color: #0056dc;
}

.gnb--menu li.April a:hover {
  font-weight: bold;
  color: #90c31f;
}

.gnb--menu li:before {
  content: '';
  width: 4px;
  height: 4px;
  background-image: url(../img/gnb_dot.png);
  position: absolute;
  left: -2px;
  top: 50%;
  margin-top: -2px;
}

.gnb--menu li:first-child:before {
  background-image: none;
}

.gnb--menu.vlc li.is-actice a {
  color: #1db4c3 !important;
}

.gnb--menu.vlc li a:hover {
  font-weight: bold;
  color: #1db4c3 !important;
}

.gnb--menu.noisy li.is-actice a {
  color: #f08200 !important;
}

.gnb--menu.noisy li a:hover {
  font-weight: bold;
  color: #f08200 !important;
}

.gnb--menu.bouncy li.is-actice a {
  color: #6f29a1 !important;
}

.gnb--menu.bouncy li a:hover {
  font-weight: bold;
  color: #6f29a1 !important;
}
.gnb--menu.mt li a {
  font-family:'Pretendard', sans-serif;
}
.gnb--menu.mt li.is-actice a {
  color: #00BABB !important;
}
.gnb--menu.mt li a:hover {
  font-weight: bold;
  color: #00BABB !important;
}
/* gnb */

/* gnb--popup */
.gnb--popup {
  width: 100%;
  display: block;
  margin: 0 auto;
  top: 0;
  left: 0;
  background-color: #fff;
}

.gnb--popup__user {
  float: left;
  padding: 15px 0;
  width: 250px;
  overflow: hidden;
}

.gnb--popup__thumb {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.gnb--popup__user__wrapper {
  display: block;
  float: left;
  margin-left: 12px;
}

.gnb--popup__user__id {
  font-size: 18px;
  font-weight: bold;
  color: #263547;
  padding-top: 4px;
  display: inline-block;
}

.gnb--popup__user__academy {
  font-size: 14px;
  color: #263547;
  padding-top: 3px;
  display: block;
}

.gnb--popup__tag {
  display: block;
  float: left;
  margin: 19px 0 19px 0;
  margin: 5px 0;
}

.gnb--popup__tag .button {
  margin-left: 4px;
}

.gnb--popup__tag .button:first-of-type {
  margin-left: 0;
}

.gnb--popup__title {
  display: inline-block;
  padding: 30px 10px 0px 0;
  font-size: 18px;
  font-weight: bold;
  color: #263547;
  vertical-align: top;
}

.gnb--popup__sorting {
  display: inline-block;
  margin: 19px 0 19px 0;
  margin: 5px 0;
}

.gnb--popup__control {
  display: block;
  float: right;
}

.gnb--popup__control .btn--shape--b {
  float: left;
  margin: 21px 24px 21px 0;
}

.gnb--popup__close {
  width: 22px;
  height: 22px;
  background-image: url(../img/icon/pop_close_22x22.png);
  border: 0;
  background-color: #fff;
  float: left;
  margin: 28px 0;
}

.gnb--pop .container-body .header2 {
  font-size: 24px;
  font-weight: bold;
  color: #263547;
  display: block;
  float: left;
  padding: 27px 0;
}

/* gnb--popup */