.pc_layout.jp header .btn-search {
  position: absolute;
  top: 0;
  right: 0px;
  padding: 15px 20px; }
  .pc_layout.jp header .btn-search.scroll {
    padding: 10px 20px; }
  .pc_layout.jp header .btn-search:before {
    content: '';
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/clova-ai/skillstore/static/img/btn_search.png) no-repeat 0 0;
    background-size: 20px 20px; }

.pc_layout.jp header li, .pc_layout.jp header a, .pc_layout.jp header p, .pc_layout.jp header ul, .pc_layout.jp header div, .pc_layout.jp header span {
  font-family: 'Hiragino Kaku Gothic ProN', 'HiraginoSans-W3', Meiryo, arial, sans-serif; }

footer li, footer span, footer div {
  font-family: 'Hiragino Kaku Gothic ProN', 'HiraginoSans-W3', Meiryo, arial, sans-serif; }

footer.LyFooter .LyFooterLogo {
  font-family: -apple-system, sans-serif; }
  footer.LyFooter .LyFooterLogo span {
    font-family: -apple-system, sans-serif; }

.pc_layout.jp {
  height: 100%;
  padding: 0; }
  .pc_layout.jp .contents {
    position: relative;
    top: 0;
    margin: 0;
    font-family: 'SF-UI-Display', AppleSDGothicNeo, sans-serif;
    text-align: left;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    box-sizing: border-box; }

[lang="ja"] .layout {
  font-family: 'SF-UI-Display', 'HiraginoSans-W3', 'Hiragino Kaku Gothic ProN', Meiryo, arial, sans-serif; }

[lang="ja"] .pc_layout button,
[lang="ja"] .pc_layout dd,
[lang="ja"] .pc_layout details,
[lang="ja"] .pc_layout dl,
[lang="ja"] .pc_layout dt,
[lang="ja"] .pc_layout fieldset,
[lang="ja"] .pc_layout figure,
[lang="ja"] .pc_layout footer,
[lang="ja"] .pc_layout form,
[lang="ja"] .pc_layout h1,
[lang="ja"] .pc_layout h2,
[lang="ja"] .pc_layout h3,
[lang="ja"] .pc_layout h4,
[lang="ja"] .pc_layout h5,
[lang="ja"] .pc_layout h6,
[lang="ja"] .pc_layout header,
[lang="ja"] .pc_layout hgroup,
[lang="ja"] .pc_layout input,
[lang="ja"] .pc_layout legend,
[lang="ja"] .pc_layout li,
[lang="ja"] .pc_layout menu,
[lang="ja"] .pc_layout nav,
[lang="ja"] .pc_layout ol,
[lang="ja"] .pc_layout p,
[lang="ja"] .pc_layout section,
[lang="ja"] .pc_layout span,
[lang="ja"] .pc_layout strong,
[lang="ja"] .pc_layout table,
[lang="ja"] .pc_layout td,
[lang="ja"] .pc_layout th,
[lang="ja"] .pc_layout ul {
  font-family: 'Hiragino Kaku Gothic ProN', 'HiraginoSans-W3', Meiryo, arial, sans-serif; }

[lang="ja"] .container-box-list-box {
  min-height: 80vh; }

@media not screen and (max-width: 767px) {
  .pc_layout.jp .container-box {
    overflow: hidden;
    padding-top: 22px;
    width: 1180px;
    margin: 0 auto; }
    .pc_layout.jp .container-box-list-box {
      float: left;
      width: 933px; }
    .pc_layout.jp .container-box-category-box {
      display: block;
      float: right;
      width: 196px; } }

@charset "UTF-8";
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: transform 0.7s ease;
  background-color: rgba(255, 255, 255, 0.95);
  transition-property: transform, background; }
  .header.is_hide {
    transform: translateY(-100%); }
  .header .header_wrap {
    position: relative;
    margin: 0 auto;
    max-width: 1118px; }
    .header .header_wrap::after {
      content: '';
      display: block;
      clear: both; }
    .header .header_wrap .menu_button,
    .header .header_wrap .menu_close_button {
      position: absolute;
      top: 21px;
      right: 22px;
      padding: 10px; }
    .header .header_wrap .menu_button::after {
      content: '';
      display: block;
      background-image: url(/clova-ai/skillstore/static/img/sprite/sp_clova_common.png);
      background-size: 480px 360px;
      background-repeat: no-repeat;
      background-position: -445px -196px;
      width: 20px;
      height: 18px; }
    .header .header_wrap .menu_close_button::after {
      content: '';
      display: block;
      background-image: url(/clova-ai/skillstore/static/img/sprite/sp_clova_common.png);
      background-size: 480px 360px;
      background-repeat: no-repeat;
      background-position: -458px -277px;
      width: 20px;
      height: 20px; }
  .header .logo {
    float: left; }
    .header .logo .logo_link {
      display: block;
      padding: 32px 20px; }
      .header .logo .logo_link::before {
        display: block;
        content: '';
        background-image: url(/clova-ai/skillstore/static/img/sprite/sp_clova_common.png);
        background-size: 480px 360px;
        background-position: -384px -216px;
        background-repeat: no-repeat;
        width: 79px;
        height: 18px; }
  .header .gnb {
    float: right;
    display: flex;
    padding: 21px 0; }
    .header .gnb .gnb_item {
      font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, Dotum, 돋움, Helvetica, sans-serif;
      -webkit-font-smoothing: antialiased; }
      .header .gnb .gnb_item:hover .gnb_sub_list {
        display: block; }
      .header .gnb .gnb_item + .gnb_item {
        margin-left: 10px; }
      .header .gnb .gnb_item:nth-child(1) .gnb_link {
        color: transparent; }
        .header .gnb .gnb_item:nth-child(1) .gnb_link:hover::before {
          right: 24px;
          transition: right 0.2s linear; }
        .header .gnb .gnb_item:nth-child(1) .gnb_link::after {
          content: '';
          position: absolute;
          top: 14px;
          left: 20px;
          background: url("/clova-ai/skillstore/static/img/logo_gnb_hyperclovax.png") 100%/cover no-repeat;
          width: 112px;
          height: 14px; }
    .header .gnb .gnb_link {
      position: relative;
      display: block;
      padding: 10px 20px;
      font-size: 16px;
      font-weight: bold;
      line-height: 20px; }
      .header .gnb .gnb_link::before {
        content: '';
        position: absolute;
        bottom: 8px;
        left: 20px;
        right: calc(100% - 20px);
        height: 2px;
        background-color: #000;
        transition: right 0.2s linear; }
      .header .gnb .gnb_link:hover::before {
        right: 20px; }
      .header .gnb .gnb_link[aria-expanded='true'] + .gnb_sub_list, .header .gnb .gnb_link:hover + .gnb_sub_list {
        display: block; }
    .header .gnb .gnb_sub_list {
      display: none;
      margin-top: 20px;
      max-width: 60px; }
    .header .gnb .gnb_sub_item {
      white-space: nowrap;
      position: relative; }
    .header .gnb .gnb_sub_link {
      display: inline-block;
      padding: 10px 20px;
      font-size: 16px;
      color: #212121;
      line-height: 19px;
      font-weight: bold; }
  @media (max-width: 767px) {
    .header.is_spread {
      background-color: #fff; }
      .header.is_spread .header_slider {
        transform: translateX(0); }
      .header.is_spread .gnb {
        display: block; }
      .header.is_spread .menu_button {
        display: none; }
      .header.is_spread .menu_close_button {
        display: block; }
    .header .btn-search {
      position: absolute;
      top: 10px;
      right: 48px;
      padding: 10px; }
      .header .btn-search:before {
        content: '';
        position: relative;
        display: block;
        width: 20px;
        height: 20px;
        background: url(/clova-ai/skillstore/static/img/btn_search.png) no-repeat 0 0;
        background-size: 20px 20px; }
    .header .menu_close_button {
      display: none; }
    .header .header_slider {
      position: fixed;
      top: 60px;
      bottom: 0;
      left: 0;
      width: 100%;
      overflow: scroll;
      transform: translateX(100%);
      transition: transform 0.2s ease-out;
      background-color: #fff; }
    .header .header_wrap .menu_button,
    .header .header_wrap .menu_close_button {
      top: 11px;
      right: 6px; }
    .header .logo {
      margin-left: 0; }
      .header .logo .logo_link {
        padding: 20px 16px 21px; }
    .header .gnb {
      clear: both;
      float: none;
      padding-top: 39px; }
      .header .gnb .gnb_item + .gnb_item {
        margin-left: 0;
        margin-top: 14px; }
      .header .gnb .gnb_item:nth-child(1) .gnb_link {
        color: transparent; }
        .header .gnb .gnb_item:nth-child(1) .gnb_link:hover::before {
          right: 24px;
          transition: right 0.2s linear; }
        .header .gnb .gnb_item:nth-child(1) .gnb_link:hover::before {
          right: 11px; }
        .header .gnb .gnb_item:nth-child(1) .gnb_link::after {
          content: '';
          position: absolute;
          top: 14px;
          left: 20px;
          background: url("/clova-ai/skillstore/static/img/logo_gnb_hyperclovax_mobile.png") 100%/cover no-repeat;
          width: 192px;
          height: 24px; }
      .header .gnb .gnb_link {
        display: inline-block;
        padding: 10px 20px;
        font-size: 26px;
        line-height: 31px; }
      .header .gnb .gnb_sub_list {
        display: block;
        max-width: unset;
        margin-top: 9px; }
      .header .gnb .gnb_sub_link {
        font-weight: normal;
        padding: 10px 20px;
        font-size: 18px;
        line-height: 22px; }
    .header .business_list {
      border-top: 1px solid #333;
      margin-top: 20px;
      padding: 36px 0 20px; }
      .header .business_list .link {
        display: block;
        padding: 12px 20px 13px;
        font-size: 18px;
        font-weight: bold;
        color: #000; } }

@charset "UTF-8";
.footer {
  min-width: 1280px;
  border-top: 1px solid rgba(33, 33, 33, 0.08);
  -webkit-font-smoothing: antialiased; }
  .footer li,
  .footer span,
  .footer div {
    font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, Dotum, 돋움, Helvetica, sans-serif; }
  .footer .footer_wrap {
    max-width: 1205px;
    margin: 0 auto;
    padding: 50px; }
  .footer .logo_wrap::after {
    content: '';
    display: block;
    clear: both; }
  .footer .logo {
    float: left;
    margin-top: -2px; }
    .footer .logo .logo_link {
      display: flex;
      margin-top: 1px;
      align-items: center; }
      .footer .logo .logo_link .logo_naver {
        position: relative;
        margin-right: 19px;
        background: url("/clova-ai/skillstore/static/img/logo_naver.png") 100%/cover no-repeat;
        width: 85px;
        height: 22px; }
        .footer .logo .logo_link .logo_naver::after {
          position: absolute;
          top: 50%;
          right: -11px;
          transform: translateY(-50%);
          width: 3px;
          height: 3px;
          border-radius: 50%;
          background-color: #b3b3b3;
          content: ''; }
      .footer .logo .logo_link .logo_cloud {
        background: url("/clova-ai/skillstore/static/img/logo_cloud.png") 100%/cover no-repeat;
        width: 158px;
        height: 22px; }
  .footer .footer_sns_list {
    float: right;
    display: flex;
    margin-top: -1px; }
    .footer .footer_sns_list .item + .item {
      margin-left: 15px; }
    .footer .footer_sns_list .item.is_blog .link::before {
      background-position: -128px -334px; }
    .footer .footer_sns_list .item.is_blog .link:hover::before {
      background-position: -102px -334px; }
    .footer .footer_sns_list .item.is_facebook .link::before {
      background-position: -180px -334px; }
    .footer .footer_sns_list .item.is_facebook .link:hover::before {
      background-position: -154px -334px; }
    .footer .footer_sns_list .item.is_instagram .link::before {
      background-position: -232px -334px; }
    .footer .footer_sns_list .item.is_instagram .link:hover::before {
      background-position: -206px -334px; }
    .footer .footer_sns_list .item.is_youtube .link::before {
      background-position: -284px -334px; }
    .footer .footer_sns_list .item.is_youtube .link:hover::before {
      background-position: -258px -334px; }
    .footer .footer_sns_list .link {
      display: block; }
      .footer .footer_sns_list .link::before {
        content: '';
        display: block;
        background-image: url(/clova-ai/skillstore/static/img/sprite/sp_clova_common.png);
        background-size: 480px 360px;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px; }
  .footer .link_list {
    display: flex;
    margin-top: 40px; }
    .footer .link_list .item {
      position: relative; }
      .footer .link_list .item + .item {
        padding-left: 25px; }
        .footer .link_list .item + .item::before {
          content: '';
          position: absolute;
          left: 12px;
          top: 3px;
          height: 10px;
          width: 1px;
          background-color: #d2d2d2; }
    .footer .link_list .link {
      display: block;
      font-size: 13px;
      line-height: 16px;
      color: #999; }
      .footer .link_list .link:hover {
        color: #666; }
      .footer .link_list .link.privacy {
        font-weight: 600; }
  .footer .info_wrap {
    margin-top: 13px;
    font-size: 13px;
    line-height: 16px;
    color: #999; }
    .footer .info_wrap::after {
      content: '';
      display: block;
      clear: both; }
  .footer .info_list {
    float: left;
    display: flex; }
    .footer .info_list .item {
      position: relative; }
      .footer .info_list .item + .item {
        padding-left: 25px; }
        .footer .info_list .item + .item::before {
          content: '';
          position: absolute;
          left: 12px;
          top: 3px;
          height: 10px;
          width: 1px;
          background-color: #d2d2d2; }
  .footer .powered_by {
    float: right;
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 18px;
    padding-right: 2px; }
    .footer .powered_by .text_naver {
      display: inline-block;
      vertical-align: top;
      margin-left: 5px;
      background-image: url(/clova-ai/skillstore/static/img/sprite/sp_clova_common.png);
      background-size: 480px 360px;
      background-repeat: no-repeat;
      background-position: -384px -236px;
      width: 48px;
      height: 18px; }
    .footer .powered_by .text_line {
      position: relative;
      margin-left: 12px;
      display: inline-block;
      vertical-align: top;
      background: url("/clova-ai/skillstore/static/img/text_footer_cloud.png") 100%/cover no-repeat;
      width: 90px;
      height: 18px; }
      .footer .powered_by .text_line::before {
        content: '';
        position: absolute;
        top: 8px;
        left: -7px;
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background-color: #b3b3b3; }
  @media (max-width: 767px) {
    .footer {
      min-width: auto; }
      .footer .footer_wrap {
        padding: 20px 0 28px; }
      .footer .logo_wrap {
        text-align: center; }
      .footer .logo {
        display: none; }
      .footer .info_wrap {
        margin-top: 2px; }
        .footer .info_wrap .item + .item {
          padding-left: 6px; }
          .footer .info_wrap .item + .item::before {
            display: none; }
      .footer .info_list {
        float: unset;
        justify-content: center; }
      .footer .powered_by {
        margin-top: 18px;
        float: unset;
        display: block;
        text-align: center; }
      .footer .footer_sns_list {
        display: inline-flex;
        float: unset;
        margin: 0 auto; }
        .footer .footer_sns_list .item:first-child .link::before {
          display: none; }
        .footer .footer_sns_list .item + .item {
          margin-left: 1px; }
        .footer .footer_sns_list .link {
          padding: 7px;
          font-size: 13px;
          line-height: 24px;
          color: #999; }
      .footer .link_list {
        margin-top: 3px;
        justify-content: center; }
        .footer .link_list .item + .item {
          padding-left: 1px; }
          .footer .link_list .item + .item::before {
            top: 7px;
            left: 0; }
        .footer .link_list .link {
          padding: 5px 10px; } }

@charset "UTF-8";
body {
  background: #fff; }

.pc_layout.kr {
  height: 100%;
  padding: 0; }
  .pc_layout.kr .contents {
    position: relative;
    top: 0;
    margin: 0;
    text-align: left;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    box-sizing: border-box;
    min-height: calc(100vh - 80px);
    font-family: "NanumSquare", 나눔스퀘어, Nanum Barun Gothic, 나눔바른고딕, "Nanum Barun Gothic", "NanumGothic", "\B098\B214\ACE0\B515", "Apple SD Gothic Neo", Dotum, "\B3CB\C6C0", sans-serif;
    /* common */ }
    .pc_layout.kr .contents button,
    .pc_layout.kr .contents dd,
    .pc_layout.kr .contents details,
    .pc_layout.kr .contents dl,
    .pc_layout.kr .contents dt,
    .pc_layout.kr .contents fieldset,
    .pc_layout.kr .contents figure,
    .pc_layout.kr .contents footer,
    .pc_layout.kr .contents form,
    .pc_layout.kr .contents h1,
    .pc_layout.kr .contents h2,
    .pc_layout.kr .contents h3,
    .pc_layout.kr .contents h4,
    .pc_layout.kr .contents h5,
    .pc_layout.kr .contents h6,
    .pc_layout.kr .contents header,
    .pc_layout.kr .contents hgroup,
    .pc_layout.kr .contents input,
    .pc_layout.kr .contents legend,
    .pc_layout.kr .contents li,
    .pc_layout.kr .contents menu,
    .pc_layout.kr .contents nav,
    .pc_layout.kr .contents ol,
    .pc_layout.kr .contents p,
    .pc_layout.kr .contents section,
    .pc_layout.kr .contents table,
    .pc_layout.kr .contents td,
    .pc_layout.kr .contents th,
    .pc_layout.kr .contents ul {
      font-family: "NanumSquare", 나눔스퀘어, Nanum Barun Gothic, 나눔바른고딕, "Nanum Barun Gothic", "NanumGothic", "\B098\B214\ACE0\B515", "Apple SD Gothic Neo", Dotum, "\B3CB\C6C0", sans-serif; }
  .pc_layout.kr .container {
    padding: 60px 0 52px 0; }

.wrapper {
  min-width: unset; }

@media not screen and (max-width: 767px) {
  body {
    overflow-x: auto;
    height: auto; }
    body .wrapper {
      height: auto; }
  .pc_layout.kr {
    padding-top: 90px; }
    .pc_layout.kr .container {
      padding: 0;
      min-width: 1280px;
      margin: 0 auto; }
    .pc_layout.kr .container-box {
      overflow: hidden;
      padding-top: 22px;
      width: 1060px;
      margin: 0 auto; }
      .pc_layout.kr .container-box-list-box {
        min-height: 80vh;
        float: left;
        width: calc(100% - 230px); }
      .pc_layout.kr .container-box-category-box {
        display: block;
        float: right;
        width: 196px; } }

@charset "UTF-8";
.category {
  position: relative;
  overflow: hidden; }
  .category-title {
    position: relative;
    display: block;
    padding: 8px 0 0;
    min-height: 39px;
    background: #f8f8f8; }
    .category-title-link {
      display: block;
      padding: 25px 20px 0;
      font-family: AppleSDGothicNeo, sans-serif;
      font-size: 17px;
      line-height: 39px;
      font-weight: bold;
      color: #000;
      background: #fff; }
  .category-box {
    padding: 8px 20px 20px; }
    .category-box-list {
      overflow: hidden;
      height: 51px; }
      .category-box-list-link {
        display: block;
        width: 100%;
        height: 100%; }
        .category-box-list-link-title {
          display: inline-block;
          font-size: 17px;
          line-height: 51px;
          font-weight: normal;
          color: #000;
          vertical-align: top; }
        .category-box-list-link-num {
          position: relative;
          float: right;
          display: inline-block;
          padding-right: 20px;
          font-size: 16px;
          line-height: 51px;
          font-weight: normal;
          color: #0093eb;
          vertical-align: top;
          font-family: 'SF-UI-Display', sans-serif; }
          .category-box-list-link-num:after {
            content: '';
            display: block;
            position: absolute;
            top: 18px;
            right: 0;
            width: 7.5px;
            height: 13.5px;
            background: url(/clova-ai/skillstore/static/img/im_category_link.png) no-repeat;
            background-size: 7.5px 13.5px;
            -webkit-background-size: 7.5px 13.5px; }

[lang="ja"] .pc_layout .category-box-list-link-num {
  font-family: 'SF-UI-Display', 'HiraginoSans-W3', 'Hiragino Kaku Gothic ProN', Meiryo, arial, sans-serif; }

@media not screen and (max-width: 767px) {
  .category-title {
    min-height: auto;
    padding: 0;
    margin-bottom: 26px;
    background: #fff; }
    .category-title-link {
      padding: 0;
      font-size: 16px;
      line-height: 16px; }
      .pc_layout.kr .category-title-link {
        font-family: "NanumSquare", 나눔스퀘어, Nanum Barun Gothic, 나눔바른고딕, "Nanum Barun Gothic", "NanumGothic", "\B098\B214\ACE0\B515", "Apple SD Gothic Neo", Dotum, "\B3CB\C6C0", sans-serif; }
  .category-box {
    padding: 0; }
    .category-box-list {
      height: auto;
      margin-top: 25px; }
      .category-box-list-link-title {
        font-size: 14px;
        line-height: normal; }
      .category-box-list-link-num {
        padding-right: 0;
        font-weight: bold;
        line-height: normal;
        color: #000;
        opacity: 0.25; }
        .category-box-list-link-num:after {
          display: none; }
      .category-box-list.active .category-box-list-link-title {
        color: #05d686;
        font-weight: 700; } }

.list_top {
  display: block;
  width: 41px;
  height: 41px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: url(/clova-ai/skillstore/static/img/btn_list_top.png) no-repeat;
  background-size: 41px 41px;
  -webkit-background-size: 41px 41px;
  z-index: 1000; }
  .list_top a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer; }