@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap");
.header{
	border-bottom: none;
}
.header .gnb > .inner{
	width: 1280px;
}
.header .gnb .bx_study label{
    font-size: 1.03em;
    font-family: "Noto Sans KR", sans-serif;
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 200px;
    max-width: 200px;
    height: 32px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    color: #666;
    line-height: 32px;
    white-space: nowrap;
    cursor: pointer;
}

.header .gnb .bx_study label:after{
	content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD6SURBVHgBrZQxEoIwEEU3SUUXhgvoCdQbUFp6BLkBpSVH8QqWVh4Bb6CWNrAVQwP4UzATIeAI/AJ+djN/9kEmRAtLaK03QogEXtM8cdM0sfB9/4HAFS0jlgibO9lXoPI8r4TZ0wLCcLEwJgiCG/hDmqdzlmWRNK6qqggvpuniuq4TY5R5lGXJM9FPeZ5fjRF2dQo69t8RtmvX0m5OQUfgwV4re/EvuvluzHyxa8K1EYc9xRHY0rie+KvrblG6dgLjSL+nC1115SoC/Q10Y8OBsB5qKyeyES4NLaVMYVedlhO1lRxqYAJG4JH604U0IjXWLIriZaOPobb6AEZEcUL8aG75AAAAAElFTkSuQmCC) no-repeat right;
    background-size: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header .gnb .sub_btn{
    font-family: "Noto Sans KR", sans-serif;
    list-style: none;
    text-decoration: none;
    display: block;
    margin: 0;
    height: 32px;
    padding: 0 20px;
    border-radius: 16px;
    background: #121212;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 32px;
}

.bx_study ul{
	top: 41px;
    width: 198px;
}

.bx_study li{
	font-family: "Noto Sans KR", sans-serif;
}

.bx_study li a{
	color: #434343;
}

/* Beginner */
#main_box {
  height: auto;
  background: #fff;
  font-family: "Noto Sans KR", sans-serif;
}
#main_box .gnb.gnb_beginner {
  background: #773dbd;
}
#main_box .gnb.gnb_beginner .inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  height: 50px;
  margin: 0 auto;
}
#main_box .gnb.gnb_beginner .inner .group_lft {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 208px;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0 24px;
  background: rgba(0, 0, 0, 0.2);
}
#main_box .gnb.gnb_beginner .inner .group_lft .btn_go_home {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 14.7px;
  color: #fff;
}
#main_box .gnb.gnb_beginner .inner .group_lft .btn_go_home img {
  width: 26px;
  height: 20px;
}
#main_box .gnb.gnb_beginner .inner .group_infor {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  height: 100%;
}
#main_box .gnb.gnb_beginner .inner .group_infor .bx_user {
  font-size: 16px;
  color: #fff;
}
#main_box .gnb.gnb_beginner .inner .group_infor .bx_study {
  position: relative;
}
#main_box .gnb.gnb_beginner .inner .group_infor .bx_study::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 10px;
  height: 8px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD6SURBVHgBrZQxEoIwEEU3SUUXhgvoCdQbUFp6BLkBpSVH8QqWVh4Bb6CWNrAVQwP4UzATIeAI/AJ+djN/9kEmRAtLaK03QogEXtM8cdM0sfB9/4HAFS0jlgibO9lXoPI8r4TZ0wLCcLEwJgiCG/hDmqdzlmWRNK6qqggvpuniuq4TY5R5lGXJM9FPeZ5fjRF2dQo69t8RtmvX0m5OQUfgwV4re/EvuvluzHyxa8K1EYc9xRHY0rie+KvrblG6dgLjSL+nC1115SoC/Q10Y8OBsB5qKyeyES4NLaVMYVedlhO1lRxqYAJG4JH604U0IjXWLIriZaOPobb6AEZEcUL8aG75AAAAAElFTkSuQmCC) no-repeat right;
  background-size: 100%;
  transform: translateY(-50%);
}
#main_box .gnb.gnb_beginner .inner .group_infor .bx_study #productSelect {
  position: relative;
  display: block;
  width: 200px;
  max-width: 200px;
  height: 32px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background: #fff;
  font-family: "Noto Sans KR", sans-serif;
  color: #666;
  line-height: 32px;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
#main_box .gnb.gnb_beginner .inner .group_infor .bx_study #productSelect option {
  z-index: 10000000001;
  position: absolute;
  top: 31px;
  left: 0;
  display: block;
  width: 200px;
  padding: 3px 5px;
  border: 1px solid #ddd;
  background: #fff;
}
#main_box .gnb.gnb_beginner .inner .group_infor .group_btn_list {
  display: flex;
  align-items: center;
  gap: 8px;
}
#main_box .gnb.gnb_beginner .inner .group_infor .group_btn_list li {
  height: 32px;
  padding: 0 20px;
  border-radius: 16px;
  background: #121212;
  text-align: center;
  line-height: 32px;
}
#main_box .gnb.gnb_beginner .inner .group_infor .group_btn_list li a {
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}
#main_box .gnb.gnb_beginner .inner .group_infor .group_btn_list li a:hover {
  color: #fff;
}
#main_box #main {
  width: auto;
  border: none;
}
#main_box #main.header_btm_beginner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 35px;
  max-width: 1280px;
  height: 90px;
  margin: 0 auto;
}
#main_box #main.header_btm_beginner #top_logo {
  float: none;
  /* height: 55px; */
  margin: 0;
}
#main_box #main.header_btm_beginner #top_logo a {
  display: block;
  height: inherit;
}
#main_box #main.header_btm_beginner #top_logo a img {
  width: 214px;
}
#main_box #main.header_btm_beginner #headerMenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 220px);
  height: 100%;
}
#main_box #main.header_btm_beginner #headerMenu .nav_1depth {
  display: flex;
  align-items: center;
  gap: clamp(37.5px, 2.1vw, 100px);
  max-width: 690px;
  height: 100%;
}
#main_box #main.header_btm_beginner #headerMenu .nav_1depth li {
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  height: 100%;
  align-content: center;
}
#main_box #main.header_btm_beginner #headerMenu .nav_1depth li a {
  font-weight: 700;
  font-size: 20px;
  white-space: nowrap;
  color: #000000;
}

#main_box #main.header_btm_beginner #headerMenu .nav_1depth li a:hover {
	color: #773dbd;
	text-decoration: none;		
}
#main_box #main.header_btm_beginner #headerMenu .nav_1depth li .nav_2depth {
  z-index: 10000000001;
  position: absolute;
  top: 90px;
  left: 50%;
  display: none;
  width: 280px;
  padding: 10px 30px 20px 30px;
  border-radius: 20px;
  border: 1px solid #773dbd;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  transform: translateX(-50%);
  text-align: left;
}
#main_box #main.header_btm_beginner #headerMenu .nav_1depth li .nav_2depth li {
  width: 100%;
  border: none;
}
#main_box #main.header_btm_beginner #headerMenu .nav_1depth li .nav_2depth li a {
  display: block;
  width: 100%;
  padding: 12px 0;
  border-bottom: 1px dashed #b3b3b3;
  font-weight: 400;
  font-size: 18px;
  color: #666;
}
#main_box #main.header_btm_beginner #headerMenu .outer_links {
  display: flex;
  align-items: center;
  gap: 24px;
  max-width: 310px;
  font-weight: 700;
  font-size: 20px;
  color: #000;
}

#main_box #main.header_btm_beginner #headerMenu .outer_links li:hover {
	color: #773dbd;
}

#main_box #main.header_btm_beginner #headerMenu .outer_links li:first-child > a {
  display: flex;
  align-items: center;
  gap: 4px;
}
#main_box #main.header_btm_beginner #headerMenu .outer_links li:first-child > a img {
  display: inline-block;
  width: 20px;
  height: 20px;
}
#main_box #main.header_btm_beginner #headerMenu .outer_links li:last-child .btn_open_dictionary {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  font-size: 20px;
  color: #000;
}
#main_box #main.header_btm_beginner #headerMenu .outer_links li:last-child .btn_open_dictionary img {
  display: inline-block;
  width: 20px;
  height: 20px;
}/*# sourceMappingURL=beginner-gnb.css.map */

#main_box #main.header_btm_beginner #headerMenu .outer_links li:last-child a:hover {
	color: #773dbd;
}