html {
      scroll-behavior: smooth
}


footer {
      border-top: 1px solid rgba(0, 0, 0, .1);
      font-family: Noto Sans KR, Apple SD Gothic Neo, Malgun Gothic, 맑은 고딕, Dotum, 돋움, Arial, sans-serif
}

#container {
      max-width: 100% !important;
      padding-top: 60px;
      text-align: center
}

#container img {
      width: 100%;
      height: auto
}

body,
button {
      font-family: "pretendard", "Noto Sans KR", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", Arial, sans-serif
}

section+section,
nav+section {
      margin-top: 200px
}

@media(max-width: 985px) {

      section+section,
      nav+section {
            margin-top: 100px;
            padding-left: 20px;
            padding-right: 20px
      }
}

iframe {
      pointer-events: none
}

main {
      overflow-x: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column
}

main section {
      padding-left: 20px;
      padding-right: 20px;
      max-width: 1240px;
      width: 100%;
      margin-left: auto;
      margin-right: auto
}

.font_primary {
      color: #f6330a
}

.card .description {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      word-wrap: break-word;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2
}

.ico_emblem {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='none' viewBox='0 0 355 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m117.41 92.312c-11.007-6.0691-23.612-9.5885-37.025-9.7501l47.673-82.562h-46.416l-68.448 118.58c-7.344 11.959-12.497 27.617-12.497 42.682 0 43.489 35.248 78.737 78.737 78.737 28.514 0 53.491-15.155 67.299-37.851 21.889 23.307 52.971 37.851 87.464 37.851 66.276 0 120-53.724 120-120 0-66.276-53.724-120-120-120-56.741 0-104.27 39.378-116.79 92.312zm-37.977 109.08c-22.122 0-40.132-18.01-40.132-40.132s18.01-40.132 40.132-40.132c22.122 0 40.132 18.01 40.132 40.132s-18.01 40.132-40.132 40.132zm154.76 0.143c-36.684 0-67.766-24.348-77.983-57.728-0.574-1.868-1.077-3.771-1.526-5.71-1.329-5.818-2.029-11.887-2.029-18.1 0-44.962 36.576-81.52 81.538-81.52s81.538 36.576 81.538 81.52c0 44.944-36.576 81.52-81.538 81.52v0.018z' fill='%23F6330A'/%3E%3Cpath d='m315.74 120c0 44.962-36.577 81.52-81.539 81.52-36.684 0-67.765-24.348-77.982-57.728 1.274 5.62 1.939 11.456 1.939 17.471 0 14.975-4.184 28.963-11.438 40.886 21.888 23.307 52.97 37.851 87.464 37.851 66.275 0 120-53.724 120-120h-38.48 0.036z' fill='url(%23b)' style='mix-blend-mode:darken'/%3E%3Cpath d='m39.305 161.86v-0.592c0-22.122 18.01-40.132 40.132-40.132 18.495 0 34.099 12.569 38.731 29.61-5.009-18.477-5.279-39.773-0.754-58.429-11.007-6.0691-23.612-9.5885-37.025-9.7501l47.673-82.562h-46.416l-68.448 118.58s-0.0359 0.054-0.0359 0.072l-0.8799 1.509c-0.2154 0.359-0.4309 0.718-0.6464 1.077-6.3744 11.366-10.756 25.515-10.935 39.252v1.113 0.251h38.605z' fill='url(%23a)' style='mix-blend-mode:darken'/%3E%3Cdefs%3E%3ClinearGradient id='b' x1='144.04' x2='268.8' y1='121.83' y2='174.42' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='.8' offset='0'/%3E%3Cstop stop-opacity='0' offset='.58'/%3E%3Cstop stop-opacity='0' offset='.59'/%3E%3C/linearGradient%3E%3ClinearGradient id='a' x1='24.85' x2='143.45' y1='60.745' y2='121.31' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0' offset='.51'/%3E%3Cstop stop-opacity='.8' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")
}

.wrapping {
      width: 100vw
}

.header .pop_hide {
      display: block !important
}

.header .nav_wrap {
      transition: opacity .5s ease-in-out;
      z-index: 30;
      margin-left: auto;
      margin-right: auto;
      display: inline-flex;
      align-items: center;
      justify-content: flex-start;
      height: 100%;
      width: -moz-fit-content;
      width: fit-content
}

@media(max-width: 985px) {
      .header .nav_wrap {
            display: none;
            left: 50%;
            top: 0;
            transform: translate(-50%, 0);
            position: fixed;
            height: 60px;
            background-color: #18181d;
            z-index: 600;
            padding: 18px 0;
            width: 100%;
            justify-content: center
      }

      .header .nav_wrap.fade_in {
            display: flex
      }

      .header .nav_wrap.fade_out {
            display: none
      }
}

.header .nav_wrap .nav_link {
      position: relative;
      display: inline-flex;
      align-items: center;
      color: #fff;
      font-family: Noto Sans KR;
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
      height: 100%;
      margin: 0 20px
}

@media(max-width: 985px) {
      .header .nav_wrap .nav_link {
            margin: 0 10px;
            font-size: 14px;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: -.400000006px
      }
}

.header .nav_wrap .nav_link::after {
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      width: 0;
      height: 4px;
      background-color: #fff;
      transition: width .3s ease
}

@media(max-width: 985px) {
      .header .nav_wrap .nav_link::after {
            transform: translateY(18px)
      }
}

.header .nav_wrap .nav_link.active {
      font-weight: 700;
      color: #fff
}

.header .nav_wrap .nav_link.active::after {
      width: 100%
}

.header .full_popup.bg_white,
.header .full_popup.menu_popup {
      z-index: 601
}

.header .nav_container {
      width: 100%;
      display: block;
      width: -moz-max-content;
      width: max-content
}

.header .fade_out {
      opacity: 0;
      transition: opacity .5s ease-in-out
}

.header.black_type img {
      display: none
}

.header .header_option_area {
      flex-direction: row-reverse;
      margin-left: 0
}

.header .btn_shortcut {
      margin-left: 10px;
      margin-right: 10px
}

.header .ico_share {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14' r='14' fill='%23fff' fill-opacity='.2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m14.592 5.61 2.204 2.205-.601.6-1.727-1.726-.013 5.802h-.926l.013-5.83-1.765 1.764-.606-.606 2.214-2.213.601-.601.606.606ZM8.628 9.685h3.034v.996H9v9.24h10v-9.24h-2.662v-.996h3.06c.292 0 .602.236.602.607v10.025a.606.606 0 0 1-.602.607H8.628A.605.605 0 0 1 8 20.316V10.291c0-.305.236-.607.628-.607Z' fill='%23fff'/%3E%3C/svg%3E")
}

.header .btn_share,
.header .btn_share i {
      height: 30px;
      width: 30px;
      padding: 0;
      margin: 0
}

.header .btn_share {
      margin-left: 10px;
      margin-right: 10px
}

.header .layer_share {
      border: 1px solid rgba(0, 0, 0, .2);
      border-radius: 5px;
      height: 126px;
      padding: 12px 12px 21px 18px;
      right: 0;
      top: 39px;
      width: 300px
}

.header .layer_share [class*=ico] {
      height: 24px;
      width: 24px;
      margin-right: 0
}

.header .layer_share .btn_close,
.header .layer_share .ico_close {
      height: 20px;
      width: 20px
}

.header .layer_share .btn_close {
      position: absolute;
      right: 12px;
      top: 12px
}

.header .layer_share .btn_close .ico_close {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h20v20H0z'/%3E%3Cpath fill='%231D1D1D' d='m16.718 2.6.707.707-6.718 6.718 6.718 6.717-.707.707L10 10.732l-6.718 6.717-.707-.707 6.718-6.717-6.718-6.718.707-.707L10 9.318 16.718 2.6z'/%3E%3C/g%3E%3C/svg%3E")
}

.header .share_list {
      display: flex;
      margin-top: 0;
      padding-top: 20px;
      width: 100%
}

.header .share_list li {
      width: 25%;
      height: 52px
}

.header .share_list li:not(:first-child) {
      margin-left: 10px
}

.header .share_list .btn {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-direction: column;
      width: 100%;
      height: 100%;
      padding: 0
}

.header .share_list span {
      margin-top: 7px;
      font-size: 12px;
      font-weight: 400;
      line-height: 20px;
      color: #999
}

.header .share_list .ico_sns_ktalk {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m7 17-3-2C1 12 1 8 5 5s10-3 14 0c4 4 4 8 0 11-3 2-5 3-8 2l-1 1-4 2v-1l1-3' fill='%23F8DF02' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.header .share_list .ico_sns_face {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='m16 13 1-3h-3V7c0-1 0-2 2-2h1V2h-3c-2 0-4 2-4 5v3H7v3h3v9a11 11 0 0 0 4 0v-9h2z' fill='%233255A4' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.header .share_list .ico_sns_twt {
      background-size: 19px !important;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath d='M12.308 9.041 19.38 1h-1.676l-6.142 6.982L6.658 1H1l7.418 10.558L1 19.99h1.676l6.486-7.373 5.18 7.373H20L12.307 9.041Zm-2.296 2.61L9.26 10.6 3.28 2.234h2.575l4.826 6.751.751 1.052 6.273 8.775h-2.574l-5.12-7.16v-.001Z' fill='%23000' stroke='%23000' stroke-width='.5'/%3E%3C/svg%3E")
}

.header .share_list .ico_sns_url {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' d='M-1606-419H134V885h-1740z'/%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%231D1D1D' fill-rule='nonzero' d='m7.293 9.636 1.414 1.414-2.827 2.83a2.998 2.998 0 0 0 0 4.242 2.998 2.998 0 0 0 4.242 0l2.829-2.828 1.414 1.414-2.828 2.829a5.002 5.002 0 0 1-7.072 0 5.002 5.002 0 0 1 0-7.072l2.829-2.828zM13.75 8.8l1.414 1.414-4.95 4.95L8.8 13.75l4.95-4.95zm5.786-4.336a5.001 5.001 0 0 1 .172 6.89l-.172.182-2.829 2.828-1.414-1.414 2.828-2.829a2.999 2.999 0 0 0-4.098-4.377l-.144.135-2.829 2.828-1.414-1.414 2.828-2.829a5.002 5.002 0 0 1 7.072 0z'/%3E%3C/g%3E%3C/svg%3E")
}

@media(max-width: 985px) {
      .header .uh {
            justify-content: space-between;
            width: 100%
      }
}

.header .uh .header_right_area {
      display: flex !important;
      position: relative !important;
      top: auto;
      transform: translate(0);
      margin-left: 0
}

@media(max-width: 985px) {
      .header .uh .header_right_area {
            margin-left: auto;
            right: 0
      }
}

.header .uh .header_right_area.pop_hide {
      display: none !important
}

.header.black_type:not(.position_fi) .logo .emblem {
      margin-top: 0
}

[data-animate] {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity .5s ease, transform .5s ease
}

@media(min-width: 690px) {
      [data-animate] {
            transform: scale(0.95)
      }
}

[data-animate].animated {
      opacity: 1;
      transform: translateY(0);
      transition: opacity .5s ease, transform .5s ease
}

@media(min-width: 690px) {
      [data-animate].animated {
            transform: scale(1)
      }
}

[data-animate=slide-left] {
      transform: translateX(-20px);
      transition: opacity .5s ease, transform .5s ease
}

[data-animate=slide-left] .animated {
      opacity: 1;
      transform: translateX(0);
      transition: opacity .5s ease, transform .5s ease
}

[data-animate=slide-right] {
      transform: translateX(20px);
      transition: opacity .5s ease, transform .5s ease
}

[data-animate=slide-right] .animated {
      opacity: 1;
      transform: translateX(0);
      transition: opacity .5s ease, transform .5s ease
}

[data-animate=slide-up] {
      transform: translateY(-20px);
      transition: opacity .5s ease, transform .5s ease
}

[data-animate=slide-up] .animated {
      opacity: 1;
      transform: translateY(0);
      transition: opacity .5s ease, transform .5s ease
}

[data-animate=slide-down] {
      transform: translateY(20px);
      transition: opacity .5s ease, transform .5s ease
}

[data-animate=slide-down] .animated {
      opacity: 1;
      transform: translateY(0);
      transition: opacity .5s ease, transform .5s ease
}

[data-animate=fade-in] {
      opacity: 0;
      transition: opacity .5s ease
}

[data-animate=fade-in] .animated {
      opacity: 1
}

[data-animate=fade-out] {
      opacity: 1;
      transition: opacity .5s ease
}

[data-animate=fade-out] .animated {
      opacity: 0
}

main>section {
      max-width: 1240px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px
}

section>.header_wrap {
      border-top: 1px solid rgba(0, 0, 0, .3);
      width: 100%;
      padding-top: 12px
}

@media(min-width: 690px)and (max-width: 985px) {
      section>.header_wrap {
            padding-left: 0;
            padding-right: 0
      }
}

section>.header_wrap.no_border {
      border: 0;
      padding-top: 0
}

section>.header_wrap .title {
      text-align: left;
      font-size: 20px;
      font-weight: 700;
      line-height: 40px;
      text-align: left;
      color: #000
}

@media(max-width: 985px) {
      section>.header_wrap .title {
            font-size: 15px;
            line-height: 16px
      }
}

section>.header_wrap .desc {
      margin-top: 4px;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      text-align: left;
      margin-bottom: 100px
}

@media(max-width: 985px) {
      section>.header_wrap .desc {
            margin-top: 12px;
            font-size: 13px;
            font-weight: 400;
            line-height: 22px;
            letter-spacing: -0.01em;
            margin-bottom: 40px
      }
}

section .btn_square {
      display: inline-flex;
      margin-left: auto;
      margin-right: auto;
      margin-top: 100px;
      padding: 16px 24px !important;
      font-size: 20px;
      font-weight: 500;
      line-height: 28px
}

@media(max-width: 985px) {
      section .btn_square {
            width: -moz-fit-content;
            width: fit-content;
            height: auto;
            margin-top: 60px;
            padding: 8px 20px !important;
            font-size: 15px;
            line-height: 28px
      }
}

section .btn_square .ico_download {
      width: 21px;
      height: 21px;
      margin-left: 8px;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11.39 18.297 6.4029-6.4029 1.1641 1.1642-7.567 7.567-7.567-7.567 1.1642-1.1641 6.4028 6.4028z' clip-rule='evenodd' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath d='m12.218 3.163v15.134h-1.6463v-15.134h1.6463z' clip-rule='evenodd' fill='%23fff' fill-rule='evenodd'/%3E%3Crect x='3.5312' y='19.999' width='15' height='1.8' fill='%23fff'/%3E%3C/svg%3E%0A")
}

@media(max-width: 985px) {
      section .btn_square .ico_download {
            width: 18px;
            height: 18px;
            margin-left: 8px
      }
}

section .subtit {
      font-size: 16px;
      font-weight: 600;
      line-height: 26px;
      text-align: left;
      margin-bottom: 12px
}

@media(max-width: 985px) {
      section .subtit {
            font-size: 13px;
            font-weight: 700;
            line-height: 16px;
            letter-spacing: -0.01em
      }
}

section .img_wrap {
      background-color: #f7f7f7;
      width: 100%;
      min-height: 100px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 60px;
      flex-direction: column
}

@media(max-width: 985px) {
      section .img_wrap {
            margin-bottom: 40px
      }
}

@media(min-width: 690px)and (max-width: 985px) {
      section .img_wrap img {
            width: 75vw !important;
            margin-left: auto;
            margin-right: auto
      }
}

section .img_wrap.no_bg {
      background-color: rgba(0, 0, 0, 0)
}

@media(min-width: 690px)and (max-width: 985px) {
      section .img_wrap.no_bg img {
            transform: scale(1) !important
      }
}

.ico_emblem {
      width: 448px;
      height: 303.52px
}

@media(max-width: 985px) {
      .ico_emblem {
            width: 180px;
            height: 126px
      }
}

.creation_wrap>.header_wrap {
      margin-top: 240px
}

@media(max-width: 985px) {
      .creation_wrap>.header_wrap {
            margin-top: 100px
      }
}

.creation_wrap>.header_wrap .title {
      margin-top: 60px;
      font-size: 40px;
      font-weight: 700;
      line-height: 50px;
      text-align: center
}

@media(max-width: 985px) {
      .creation_wrap>.header_wrap .title {
            margin-top: 30px;
            font-size: 24px;
            line-height: 31.97px
      }
}

.creation_wrap>.header_wrap .desc {
      margin-top: 30px;
      font-size: 36px;
      font-weight: 300;
      line-height: 36px;
      text-align: center
}

@media(max-width: 985px) {
      .creation_wrap>.header_wrap .desc {
            font-size: 24px;
            line-height: 31.97px;
            margin-bottom: 0
      }
}

.creation_list {
      max-width: 1063px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 200px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(1, 1fr);
      gap: 0;
      -moz-column-gap: 70px;
      column-gap: 70px
}

@media(max-width: 985px) {
      .creation_list {
            margin-top: 80px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, 1fr);
            gap: auto;
            -moz-column-gap: 0;
            column-gap: 0;
            row-gap: 30px
      }
}

@media(max-width: 985px) {
      .creation_list .ico {
            width: 180px;
            height: 126px
      }
}

.creation_list .title {
      margin-top: 30px;
      font-size: 28px;
      font-weight: 700;
      line-height: 33.41px;
      letter-spacing: -0.02em;
      text-align: center
}

@media(max-width: 985px) {
      .creation_list .title {
            font-size: 18px;
            line-height: 21.48px;
            letter-spacing: -0.02em;
            margin-top: 20px
      }
}

.creation_list .desc {
      margin-top: 6px;
      font-size: 20px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: -0.1em;
      text-align: center
}

@media(max-width: 985px) {
      .creation_list .desc {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: -0.02em
      }
}

.creation_item {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows: repeat(3, 1fr);
      gap: 0;
      grid-template-rows: auto
}

.creation_item .ico {
      width: 100px;
      height: 100px;
      margin-left: auto;
      margin-right: auto
}

@media(max-width: 985px) {
      .creation_item .ico {
            width: 72px;
            height: 72px
      }
}

.creation_item .ico_1 {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 101 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='50.5' cy='50' rx='50' ry='50' fill='%23F7F7F7'/%3E%3Cpath d='m50.497 20.833v66.667l-33.333-33.333 33.333-33.333z' fill='%23F6330A' opacity='.1'/%3E%3Cpath d='m50.5 29.167v50l-25-25 25-25z' fill='%23F6330A' opacity='.2'/%3E%3Cpath d='m50.503 37.5v33.333l-16.667-16.667 16.667-16.667z' fill='%23F6330A' opacity='.3'/%3E%3Cpath d='m50.497 45.833v16.667l-8.3333-8.3333 8.3333-8.3334z' fill='%23F6330A'/%3E%3Cpath d='m50.503 12.5v66.667l33.333-33.333-33.333-33.333z' fill='%23F6330A' opacity='.1'/%3E%3Cpath d='m50.5 20.833v50l25-25-25-25z' fill='%23F6330A' opacity='.2'/%3E%3Cpath d='m50.497 29.167v33.333l16.667-16.667-16.667-16.667z' fill='%23F6330A' opacity='.3'/%3E%3Cpath d='m50.503 37.5v16.667l8.3333-8.3333-8.3333-8.3334z' fill='%23F6330A'/%3E%3C/svg%3E%0A")
}

.creation_item .ico_2 {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 101 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50.5' cy='50' r='50' fill='%23F7F7F7'/%3E%3Cpath d='m25.5 20.833c16.108 0 29.167 13.058 29.167 29.167s-13.058 29.167-29.167 29.167v-29.167-29.167z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.1'/%3E%3Cpath d='m25.5 28.125c12.081 0 21.875 9.7938 21.875 21.875 0 12.081-9.7938 21.875-21.875 21.875v-21.875-21.875z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.3'/%3E%3Cpath d='m25.5 35.417c8.0542 0 14.583 6.5292 14.583 14.583 0 8.0542-6.5291 14.583-14.583 14.583v-14.583-14.583z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.4'/%3E%3Cpath d='m25.5 42.708c4.027 0 7.2916 3.2646 7.2916 7.2917s-3.2646 7.2916-7.2916 7.2916v-7.2916-7.2917z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd'/%3E%3Cpath d='m54.68 20.833c16.108 0 29.167 13.058 29.167 29.167s-13.058 29.167-29.167 29.167v-29.167-29.167z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.1'/%3E%3Cpath d='m54.672 28.125c12.081 0 21.875 9.7938 21.875 21.875 0 12.081-9.7938 21.875-21.875 21.875v-21.875-21.875z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.3'/%3E%3Cpath d='m54.672 35.417c8.0541 0 14.583 6.5292 14.583 14.583 0 8.0541-6.5292 14.583-14.583 14.583v-14.583-14.583z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.4'/%3E%3Cpath d='m54.68 42.708c4.0271 0 7.2917 3.2646 7.2917 7.2917s-3.2646 7.2916-7.2917 7.2916v-7.2916-7.2917z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

.creation_item .ico_3 {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 101 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50.5' cy='50' r='50' fill='%23F7F7F7'/%3E%3Cpath d='m83.831 51.667h-66.667l33.333-33.333 33.333 33.333z' fill='%23F6330A' opacity='.1'/%3E%3Cpath d='m75.5 51.667h-50l25-25 25 25z' fill='%23F6330A' opacity='.2'/%3E%3Cpath d='m67.162 51.667h-33.333l16.667-16.667 16.667 16.667z' fill='%23F6330A' opacity='.3'/%3E%3Cpath d='m58.831 51.667h-16.667l8.3333-8.3333 8.3333 8.3333z' fill='%23F6330A'/%3E%3Cpath d='m83.831 68.333h-66.667l33.333-33.333 33.333 33.333z' fill='%23F6330A' opacity='.1'/%3E%3Cpath d='m75.5 68.334h-50l25-25 25 25z' fill='%23F6330A' opacity='.2'/%3E%3Cpath d='m67.162 68.333h-33.333l16.667-16.667 16.667 16.667z' fill='%23F6330A' opacity='.3'/%3E%3Cpath d='m58.831 68.333h-16.667l8.3333-8.3333 8.3333 8.3333z' fill='%23F6330A'/%3E%3C/svg%3E%0A")
}

.creation_item .ico_4 {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg viewBox='0 0 101 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='50.5' cy='50' rx='50' ry='50' fill='%23F7F7F7'/%3E%3Cpath d='m79.661 49.999c0 18.41-14.924 33.333-33.333 33.333s-33.333-14.924-33.333-33.333h33.333 33.333z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.1'/%3E%3Cpath d='m46.336 75c-13.807 0-25-11.193-25-25h25 25c0 13.807-11.193 25-25 25z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.3'/%3E%3Cpath d='m63.002 50c0 9.2048-7.4619 16.667-16.667 16.667-9.2048 0-16.667-7.4619-16.667-16.667h16.667 16.667z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.4'/%3E%3Cpath d='m54.661 49.999c0 4.6024-3.7309 8.3333-8.3333 8.3333s-8.3333-3.7309-8.3333-8.3333h8.3333 8.3333z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd'/%3E%3Cpath d='m21.338 50c0-18.41 14.924-33.333 33.333-33.333s33.333 14.924 33.333 33.333h-33.333-33.333z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.1'/%3E%3Cpath d='m29.664 50c0-13.807 11.193-25 25-25 13.807 0 25 11.193 25 25h-25-25z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.3'/%3E%3Cpath d='m37.997 50c0-9.2047 7.4619-16.667 16.667-16.667 9.2048 0 16.667 7.4619 16.667 16.667h-16.667-16.667z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd' opacity='.4'/%3E%3Cpath d='m46.338 50.001c0-4.6024 3.7309-8.3334 8.3333-8.3334s8.3333 3.731 8.3333 8.3334h-8.3333-8.3333z' clip-rule='evenodd' fill='%23F6330A' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

.meaning_wrap {
      margin-top: 200px
}

@media(max-width: 985px) {
      .meaning_wrap {
            margin-top: 80px
      }
}

.combination_wrap .header_wrap .desc {
      margin-bottom: 60px
}

.combination_wrap .img_wrap {
      height: 400px
}

@media(max-width: 985px) {
      .combination_wrap .img_wrap {
            height: auto
      }
}

.combination_wrap .wrap1 .sm_hidden {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto
}

.combination_wrap .wrap2 {
      display: flex;
      align-items: center;
      justify-content: space-around;
      flex-direction: row;
      padding-left: 30px;
      padding-right: 30px
}

@media(max-width: 985px) {
      .combination_wrap .wrap2 {
            padding-left: 0;
            padding-right: 0
      }
}

@media(min-width: 690px)and (max-width: 985px) {
      .combination_wrap .wrap2 {
            padding-left: 0;
            padding-right: 0
      }
}

.combination_wrap .wrap2 img {
      display: block
}

.combination_wrap .wrap2 .img1 {
      width: 284.84px !important;
      height: 65.3px !important
}

.combination_wrap .wrap2 .img2 {
      width: 541px !important;
      height: 65px !important
}

.colorspecification_list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
      gap: 20px
}

@media(max-width: 985px) {
      .colorspecification_list {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            flex-direction: column;
            align-items: center;
            gap: 0
      }
}

.colorspecification_list li {
      max-width: 590px;
      width: 100%
}

@media(max-width: 985px) {
      .colorspecification_list li:not(:first-child) {
            margin-top: 16px
      }
}

.usageguidelines_wrap .header_wrap .desc {
      margin-bottom: 60px
}

.usageguidelines_wrap .btn_square {
      margin-bottom: 200px
}

@media(max-width: 985px) {
      .usageguidelines_wrap .btn_square {
            margin-bottom: 100px
      }
}

.usageguidelines_wrap .wrap1 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
      gap: 20px;
      margin-bottom: 60px;
      background-color: rgba(0, 0, 0, 0)
}

@media(max-width: 985px) {
      .usageguidelines_wrap .wrap1 {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            flex-direction: column;
            gap: 0;
            background-color: #f7f7f7
      }
}

@media(min-width: 690px)and (max-width: 985px) {
      .usageguidelines_wrap .wrap1 {
            background-color: #f7f7f7
      }
}

.usageguidelines_wrap .wrap2 {
      margin-bottom: 0
}

.share_wrap {
      background-color: #f4f5fa;
      padding-top: 62px;
      padding-bottom: 60px;
      width: 100%;
      margin-top: 0;
      padding-left: 0;
      padding-right: 0;
      max-width: 100vw
}

@media(max-width: 985px) {
      .share_wrap {
            padding-top: 48px;
            padding-bottom: 48px
      }
}

.share_list {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(1, 1fr);
      gap: 20px;
      width: -moz-fit-content;
      width: fit-content;
      margin-left: auto;
      margin-right: auto
}

@media(max-width: 985px) {
      .share_list {
            gap: 16px
      }
}

.share_list .btn {
      padding: 0;
      width: 60px;
      height: 60px
}

@media(max-width: 985px) {
      .share_list .btn {
            width: 48px;
            height: 48px
      }
}

.share_list [class*=ico_] {
      margin-right: 0px;
      width: 60px;
      height: 60px
}

@media(max-width: 985px) {
      .share_list [class*=ico_] {
            width: 48px;
            height: 48px
      }
}

.share_list .ico_kakao {
      background-image: url("https://assets.joongang.co.kr/images/event/event005/img_share_kakao.png")
}

.share_list .ico_facebook {
      background-image: url("https://assets.joongang.co.kr/images/event/event005/img_share_facebook.png")
}

.share_list .ico_x {
      background-image: url("https://assets.joongang.co.kr/images/event/artSeminar/icon-x.min.png")
}

.share_list .ico_url {
      background-image: url("https://assets.joongang.co.kr/images/event/event005/img_share_share.png")
}