/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================


NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
##Device = 데스크탑
##Screen = 1281px 이상 해상도 데스크탑
*/


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
/* @import url(https://db.onlinewebfonts.com/c/e0fa406cbe458b32a7ea4e9a379b85fc?family=DIN2014-Regular); */
@import url('/css/fonts.css');
  /* common.css */
  html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {
    margin: 0;
    padding: 0;
    color: var(--dark-gray, #222);
    font-family: 'Noto Sans KR', 'Roboto', sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    box-sizing: border-box;
  }


  html, body{
      width: 100%;
      height: 100%;
  }

  body {
    position: relative;
    text-align: left;
    margin: 0;
  }

  main {
    flex: 1;
  }

  body#popup {
      min-width: 0;
  }

  li {
      list-style: none;
  }

  img {
      max-width: 100%;
  }

  img,fieldset {
      border: none;
      vertical-align: middle;
  }

  table {
      width: 100%;
      border: 0;
      border-spacing: 0;
      border-collapse: collapse;
  }

  caption {
      display: none;
  }

  input {
      border-radius: 0;
      background: none;
      border: 0;
      height: 24px;
      line-height: 24px;
  }

  select {
      background: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: 0;
  }

  input,select,textarea {
      font-size: 100%;
      vertical-align: middle;
      border-radius: 0;
      font-family: arial ,helvetica,sans-serif;
  }

  input[type="text"]{
      padding: 0px 15px;
  }

  input[type="checkbox"],input[type="radio"] {
      width: 20px;
      height: 20px;
      margin-right: 5px;
      border: 1px solid #000;
      border-radius: 5px;
      background: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
  }

  input[type="checkbox"]:checked,input[type="radio"]:checked {
      background: url(/site/icon/checked.svg) no-repeat center center;
      background-size: 16px auto;
  }

  input:focus {
      outline: none;
  }

  input::placeholder {
      color: #b2b2b2;
  }

  p:focus {
    outline: none;
  }

  .inputTypeText {
      height: 30px;
      border: 0;
  }

  th,td {
      border: 0;
      vertical-align: middle;
  }

  button {
      overflow: visible;
      padding: 0;
      margin: 0;
      border: 0;
      cursor: pointer;
  }

  hr.layout {
      display: none;
  }

  a {
      text-decoration: none;
      color: #000;
  }


  .pc-dn {
    display: none !important;
  }

  /* 셋팅 클레스 */
  .bg-cover {
    position: fixed;
    top : 0;
    background: #000000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 5;
  }

  .container {
    width: 1200px;
    margin: 0 auto;
  }

  .radius {
    border-radius:30px;
  }


  #allcheck, .wishitem, #cartAllcheck, .cartCheck {
    border : 2px solid #AAA !important;
  }

  #allcheck:checked, .wishitem:checked {
    background: url(/site/icon/ion_checked2.jpg) no-repeat center center !important;
    background-size: 18px auto !important;
    border : 2px solid #F17742 !important;
  }

  #cartAllcheck:checked, .cartCheck:checked {
    background: url(/site/icon/checked.svg) no-repeat center center;
    background-size: 18px auto !important;
    border : 2px solid #222 !important;
  }

    /* 스크롤바 설정*/
  .box1::-webkit-scrollbar{
    width: 17px;
  }

  /* 스크롤바 막대 설정*/
  .box1::-webkit-scrollbar-thumb{
    background-color: rgba(34,34,34,1);
    /* 스크롤바 둥글게 설정    */
    border-radius: 10px;
    border: 7px solid rgba(246,246,246,1);
  }

  /* 스크롤바 뒷 배경 설정*/
  .box1::-webkit-scrollbar-track{
    background-color: rgba(246,246,246,0);
  }

  .h830 {
    height : 830px;
  }
  .second-step {
    display : none;
  }

  #loading {
    position : fixed;
    top : 0;
    background :rgba(0, 0, 0, 0.60);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }


  .inputStyle2 {
    width: 100%;
    outline: unset;
    height: 20px;
    padding-left: 5px;
  }

  .fix-header {
    position: fixed !important;
    top: 0 !important;
    width: 100%;
    background: #fff;
    border-bottom : 1px solid #EEEEEE;
  }

  /* 셋팅 클레스 끝 */
  .header-box {
    width: 100%;
    height : 110px;
    border-bottom : 1px solid #EEEEEE;
  }
  .sub-header {
    position: unset !important;
    top: unset !important;
    left: unset !important;
    transform: unset !important;
    border-bottom : 1px solid #EEEEEE;
  }
  /* header.css */
  #header {
    margin: 0 auto;
    padding: 35px 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
  }

  .logo-area {
    /* width: 169px; */
		/* margin-right: 187px; */
  }

  .search-bar {
    position: absolute;
    top  : 400px;
    left : 50%;
    transform: translateX(-50%);
    width: 462px;
    height: 38px;
		margin-right: 107px;
    border-radius: 30px;
    background: rgba(255,255,255,1);
    padding-left:18px;
    z-index: 100;
  }

  #header .sub-search-bar {
    width: 462px;
    height: 38px;
		margin-right: 107px;
    border-radius: 30px;
    background: rgba(246, 246, 246, 1);
    padding-left:18px;
  }

  /* 메인 헤더 */
  .search-bar:hover,
  .search-bar:focus {
    background: rgba(255,255,255,1);
  }

  .search-bar > img {
    width: 20px;
    height: 20px;
  }

  .search-bar > input {
    width: 400px;
    color: #222;
    height: 38px;
    padding-left:12px;
  }

  /* 서브 헤더 */
 .search-bar > input::placeholder {
    color: #222;
  }

  #header .sub-search-bar > img {
    width: 20px;
    height: 20px;
  }

  #header .sub-search-bar > input {
    width: 400px;
    color: #222;
    height: 38px;
    padding-left:12px;
  }

  #header .sub-search-bar > input::placeholder {
    color: #222;
  }

  .member-bar {
    gap: 16px;
    align-items: center;
  }
  .member-bar .search-bar-mo {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

   .member-bar .cart-btn.mo-dn {
    width: 38px;
    height: 38px;
    border-radius: 30px;
    background: rgba(255,255,255,0.6);
    line-height: 38px;
    justify-content: center;
  }

  .member-bar .cart-btn.pc-dn {
    width: 24px;
    height: 24px;
  }

   .member-bar .wish-btn {
    width: 38px;
    height: 38px;
    border-radius: 30px;
    border : 1px solid #000;
    background: rgba(255,255,255,0.6);
    line-height: 38px;
    justify-content: center;
  }

  #header .member-bar .sub-cart-btn {
    width: 38px;
    height: 38px;
    border-radius: 30px;
    border : 1px solid #000;
    background: rgba(255,255,255,0.6);
    line-height: 38px;
    justify-content: center;
  }

  #header .member-bar .sub-wish-btn {
    width: 38px;
    height: 38px;
    border-radius: 30px;
    border : 1px solid #000;
    background: rgba(255,255,255,0.6);
    line-height: 38px;
    justify-content: center;
  }

  .basketCount {
    position: absolute;
    top: 7px;
    left: 50%;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    transform: translateX(-50%);
  }

  .member-bar .nologin-btn.mo-dn {
    width: 84px;
    height: 38px;
    border-radius: 30px;
    border : 1px solid #000;
    background: rgba(255,255,255,0.6);
    font-size: 13px;
    line-height: 38px;
  }

   .member-bar .nologin-btn.pc-dn {
    width: 84px;
    height: 38px;
    border-radius: 30px;
    background: rgba(255,255,255);
    font-size: 13px;
    font-weight: 500;
    line-height: 38px;
  }
  .product-header .member-bar .nologin-btn.pc-dn {
    width: 84px;
    height: 38px;
    border-radius: 30px;
    background: rgba(0,0,0);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 38px;
  }


  #header .member-bar .sub-nologin-btn {
    width: 84px;
    height: 38px;
    border-radius: 30px;
    border : 1px solid #000;
    background: rgba(255,255,255,0.6);
    font-size: 13px;
    line-height: 38px;
  }

   .member-bar .login-btn {
    position: relative;
    cursor: pointer;
  }

   .member-bar .login-btn,
   .member-bar .mo-login-btn {
    width: 38px;
    height: 38px;
    border-radius: 30px;
    background: rgba(255,255,255,0.6);
    line-height: 38px;
    justify-content: center;
  }

  #header .member-bar .sub-login-btn,
  #header .member-bar .sub-mo-login-btn {
    width: 38px;
    height: 38px;
    border-radius: 30px;
    border : 1px solid #000;
    background: rgba(255,255,255,0.6);
    line-height: 38px;
    justify-content: center;
  }

   .member-bar .nologin-btn:hover,
   .member-bar .cart-btn:hover,
   .member-bar .login-btn:hover {
    background: rgba(255,255,255,1);
  }

   .member-bar .upload-btn {
    width: 94px;
    height: 38px;
    border-radius: 30px;
    background: rgb(0,0,0);
    color: #fff;
    font-size: 13px;
    line-height: 38px;
    justify-content: center;
    gap: 4px;
  }
  .search-cate-menu-layer {
    width: 788px;
    padding: 24px 30px 34px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
    position: absolute;
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
  }

  .search-cate-menu-layer .search-cate-list{
    position: relative;
    margin-bottom: 24px;
  }

  .search-cate-menu-layer .search-cate-list p {
    margin-bottom: 12px;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #222;
  }

  .search-cate-menu-layer .search-cate-list ul {
    width: 728px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .search-cate-menu-layer .search-cate-list ul li {
    padding: 4px 12px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #AAA;
    background: #EEE;
    border-radius: 30px;
    cursor: pointer;
  }

  .search-cate-menu-layer .search-cate-list ul li label {
    cursor: pointer;
  }

  .search-cate-menu-layer .search-cate-list ul li .check_on {
    display: none;
    margin-right:4px;
  }

  .search-cate-menu-layer .search-cate-list ul li.on {
    background-color: #222;
    color: #FFF;
  }

  .search-cate-menu-layer .search-cate-list ul li.on label {
    color: #FFF;
  }

  .search-cate-menu-layer .search-cate-list ul li.on .check_on {
    display: inline-block;
  }

  .search-cate-menu-layer .search-cate-list ul li input[type=checkbox]{
    display: none;
  }

  .search-cate-menu-layer .reset-btn {
    padding: 6px 10px;
    border-radius: 30px;
    border: 1px solid #EEE;
    background: #FFF;
    position: absolute;
    top: 16px;
    right: 66px;
  }

  .search-cate-menu-layer .close-btn {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 21px;
    right: 30px;
    font-size: 0px;
  }

  .myinfo-layer {
    display:none;
    position: absolute;
    top: 55px;
    width: 210px;
    padding: 20px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
    z-index : 20;
  }

  .myinfo-layer .myinfo {
    justify-content: normal;
    gap: 8px;
    margin-bottom: 16px;
  }

  .myinfo-layer .myinfo .myinfo-img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #F6f6F6;
    overflow: hidden;
  }

  .myinfo-layer .myinfo p {
    width: 72px;
    color: #222;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }

  .myinfo-layer .myinfo a {
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 30px;
    border: 1px solid#EEE;
    background: #FFF;
  }

  .myinfo-layer .myinfo-menu-list {
    margin-left: 4px;
    text-align: left;
  }

  .myinfo-layer .myinfo-menu-list li {
    margin-bottom: 12px;
  }


  .myinfo-layer .myinfo-menu-list li a {
    color: #777;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .myinfo-layer .myinfo-menu-list li.enter > a{
    color: #F17742;
  }

  .myinfo-layer .myinfo-menu-list li a:hover{
    color: #F17742;
  }

  .login-btn:hover .myinfo-layer {
    display: block;
  }

  .mo-myinfo-layer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 56px;
    left: 0;
    z-index: 1000;
    background:rgba(0, 0, 0, 0.50);
    overflow: hidden;
  }

  .mo-myinfo-layer .layer-inner-box {
    background: #fff;
    padding-top : 15px;

  }

  .mo-myinfo-layer .myinfo {
    width: 100%;
  }

  .mo-myinfo-layer .myinfo .myinfo-img {
    width: 48px;
    height: 48px;
    background: #F6F6F6;
    border-radius: 50%;
    overflow: hidden;
  }

  .mo-myinfo-layer .myinfo span {
    display: inline-block;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
  }

  .mo-myinfo-layer .myinfo .myinfo-mod-btn {
    display: inline-flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 30px;
    border: 1px solid #EEE;
    background: #FFF;
    color: #AAA;
  }

  .mo-myinfo-layer .myinfo-menu-list {
    padding-bottom: 36px;
  }

  .mo-myinfo-layer .myinfo-menu-list li {
    margin-bottom: 16px;
    padding: 0 32px;
  }

  .mo-myinfo-layer .myinfo-menu-list li a {
    color: #777;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    justify-content: flex-start;
    gap: 8px;
  }
  .menu-sub-item.active >  a{
    color : #F17742;
  }
  .mo-myinfo-layer .myinfo-menu-list .menu-item.active > a {
    color : #F17742;
  }

  .mo-myinfo-layer .myinfo-menu-list .menu-item.active a svg path {
    fill: #F17742;
  }

  .mo-myinfo-layer .myinfo-menu-list .menu-item.active a #wish_icon path {
    stroke: #F17742;
  }

  .mo-myinfo-layer .myinfo-menu-list .menu-item a svg path {
    fill: #777;
  }

  .menu-item > div {
    color : #777;
    font-size : 15px;
    font-weight: 500;
  }

  .menu-item > div > svg {
    fill : #777;
  }

  .menu-item.active > div:first-child{
    color : #6D8EE4;
  }

  .menu-item.active > div:first-child > svg{
    fill : #6D8EE4;
  }
  .menu-item.active div:first-child .top_arrow{
    transform-origin: center center;
    /* 0도에서 45도까지 회전합니다. */
    transform: rotate(0);
    transition: transform 0.5s ease;
  }
  .menu-item.active div:first-child .top_arrow > path{
    stroke: #6D8EE4;
  }
  .menu-item div .top_arrow {
    transform-origin: center center;
    /* 0도에서 45도까지 회전합니다. */
    transform: rotate(180deg);
    transition: transform 0.5s ease;
  }

  .menu-sub-list {
    padding-left : 30px;
  }

  .menu-sub-list .menu-sub-item {
    display: flex;
    gap : 8px;
  }

  .menu-sub-list .menu-sub-item > a {
    font-size: 15px;
    font-weight: 500;
    color: #777;
  }

  .menu-sub-list .menu-sub-item > svg {
    fill : #777;
  }

  .mo-search-cate-menu-layer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    background: #FFF;
    overflow-y: scroll;
  }


  .mo-search-cate-menu-layer .mo-search-keyword {
    position: relative;
    padding: 13px 0 10px;
    margin: 0 16px;
    border-bottom: 2px solid #EEE;
  }

  .mo-search-cate-menu-layer .mo-search-keyword .border {
    position: absolute;
    animation: border_out_anim 2s ease-in-out forwards;
  }


  .mo-search-cate-menu-layer .mo-search-keyword .border-liner {
    left: 0;
    bottom: -1.5px;
    width: 0;
    border-bottom: solid 2px #000;
    animation: border_anim 0.8s ease-in-out forwards;
  }

  .mo-search-cate-menu-layer .mo-search-keyword .border-liner-out {
    left: 0;
    bottom: -1.5px;
    width: 100%;
    border-bottom: solid 2px #000;
    animation: border_out_anim 0.8s ease-in-out forwards;
  }

  @keyframes border_out_anim {
    0%{
      width: 100%;
    }
    100%{
      width: 0%;
    }
  }

  .mo-search-cate-menu-layer .mo-search-keyword input[name=keyword] {
    width: 80vw;
  }

  .mo-search-cate-menu-layer .mo-search-keyword .delete-btn {
    width: 18px;
    height: 18px;
    background: #DDD;
    border-radius: 50%;
    text-align: center;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap {
    margin-top: 16px;
    padding: 0 16px;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap .reset-btn {
    padding: 6px 10px;
    border-radius: 30px;
    border: 1px solid #EEE;
    background: #FFF;
    color: #AAA;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap .search-cate-list {
    margin-bottom: 24px;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap .search-cate-list p {
    color: #222;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap .search-cate-list ul {
    width: 100%;
    margin-top : 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap .search-cate-list ul li {
    padding: 4px 12px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #AAA;
    background: #EEE;
    border-radius: 30px;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap .search-cate-list ul li .check_on {
    display: none;
    margin-right:4px;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap .search-cate-list ul li.on {
    background-color: #222;
    color: #FFF;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap .search-cate-list ul li.on label {
    color: #FFF;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap .search-cate-list ul li.on .check_on {
    display: inline-block;
  }

  .mo-search-cate-menu-layer .search-cate-list-wrap .search-cate-list ul li input[type=checkbox]{
    display: none;
  }

  .mo-upload-btn {
    width: 114px;
    height: 48px;
    border-radius: 30px;
    background: #222;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
    align-items: center;
    position: fixed;
    bottom: 16px;
    left: 50%;
    z-index: 100;
    transform: translateX(-50%);
  }

  .mo-upload-btn span {
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .pc_company_info {
    display: block;
  }

  .mo_company_info {
    display: none;
  }

  /* footer.css */
  footer {
    width: 100%;
    background: #F6F6F6;
  }

  footer > div {
    width: 1600px !important;
    padding: 100px 0;
  }

  footer > div p {
    color: #AAA;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 12px;
  }

  footer > div .footer-logo {
    width: 270px;
  }

  footer > div .footer-info {
    gap: 8px;
  }

  footer > div .footer-info a,
  footer > div .footer-info span {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #AAAAAA;
  }

  footer > div .footer-info a:hover {
    color: #777;
  }

  footer > .sub_footer{
    width : 1920px !important;
    margin : 0 auto;
    background : #F6F6F6;
    padding: 100px 0;
  }
  footer > .sub_footer > .inner-container{
    width: 1600px;
    margin : 0 auto;
  }

  footer > .sub_footer > .inner-container > div > .footer-logo {
    width: 270px;
  }

  footer > .sub_footer > .inner-container .footer-info {
    gap: 8px;
  }

  footer > .sub_footer > .inner-container .footer-info a,
  footer > .sub_footer > .inner-container .footer-info span {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #AAAAAA;
  }

  footer > .sub_footer > .inner-container .footer-info a:hover {
    color: #777;
  }

  /* index.css */
  .mainSlide {
    top: 0;
    left: 0;
    z-index: 10;
    overflow-y: visible !important;
    height: 700px;
  }

  .mainSlide {
    position: relative;
  }

  .mainSlide .swiper-slide {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .mainSlide .swiper-slide img {
    object-fit: fill;

  }

  .mainSlide .swiper-slide .svg-title {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align:center;

  }

  .mainSlide .swiper-slide .title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
  }

  .mainSlide .swiper-slide .title h3 {
    text-align: center;
    font-family: DIN2014-Regular;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #FFF;
  }

  .mainSlide .swiper-slide .title p {
    max-width: 600px;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #FFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .mainSlide .swiper-slide .more-btn {
    position: relative;
    margin-top: 45px;
    display: inline-block;
    width: 107px;
    height: 35px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.40);
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
    overflow: hidden;
  }

  .mainSlide .swiper-slide .more-btn span {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    top: 0;
    left: 0;
    background-color: #222;
    z-index: -1;
    border-radius: 50%;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

	}

  .mainSlide .swiper-slide .more-btn:hover span {
    width: 250px;
    height: 130px;
  }

	.mo-mainSlide .swiper-slide .svg-title {
		width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
	}

	.mo-mainSlide .swiper-slide .title {
		width: 90%;
		position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
	}

	.mo-mainSlide .swiper-slide .title h3 {
		color: #FFF;
		text-align: center;
		font-family: DIN2014-Regular;
		font-size: 38px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}

	.mo-mainSlide .swiper-slide .title p {
		width: 90%;
		color: #FFF;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
		margin: 0 auto;
	}

	.mo-mainSlide .swiper-slide .more-btn {
		position: relative;
		margin-top: 2rem;
		display: inline-block;
		width: 107px;
		height: 35px;
		border-radius: 30px;
		border: 1px solid rgba(255, 255, 255, 0.40);
		color: #FFFFFF;
		text-align: center;
		line-height: 35px;
		overflow: hidden;
	}

  .mainSlide .swiper-pagination {
    position: absolute;
    bottom: 35px !important;
  }

	.mo-mainSlide .swiper-pagination {
		position: absolute;
    bottom: 24px;
	}

  .mainSlide .swiper-pagination .swiper-pagination-bullet,
	.mo-mainSlide .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    opacity: 1;
  }

  .mainSlide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
	.mo-mainSlide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    height: 8px;
    background: rgba(255, 255, 255, 1);
    transition: width .5s;
  }

  .mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
	.mo-mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    width: 8px !important;
    height: 8px;
    background: rgba(255, 255, 255, 1);
    transition: width .5s;
  }


  .mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
  .mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
  .mo-mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
  .mo-mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
  .mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
  .mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
  .mo-mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
  .mo-mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    width: 8px;
    height: 8px;
    transform: scale(1);
  }

  .mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
  .mo-mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    width: 8px;
    height: 8px;
    background: linear-gradient(-90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
  }

  .mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
  .mo-mainSlide .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    width: 8px;
    height: 8px;
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
  }

  .mainSlide-pagination {
    width: 72px;
    height: 8px;
    top: -30px;
  }


  .mainSlide-pagination li div {
    width: 8px !important;
    height: 8px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    opacity: 1;
  }

  .mainSlide-pagination li.swiper-slide-thumb-active div{
    width: 8px !important;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
  }

  .rotate-img,
  .mo-rotate-img {
    position: fixed;
    top: 600px;
    right: 14%;
    z-index: 100;
  }

  .rotate-img img,
  .mo-rotate-img img {
    animation: rotate_image 6s linear infinite;
    transform-origin: 50% 50%;
  }

  @keyframes rotate_image{
      100% {
          transform: rotate(360deg);
      }
  }

  .best-seller {
    position: relative;
    height: 500px;
    margin: 35px auto;
  }

  .best-seller > .title {
    margin-bottom: 20px;
  }

  .best-seller > .title h3{
    text-align: center;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #222222;
    text-align: left;
  }

  .bestSeller {
    max-width: 1200px;
    padding-top: 4px;
    overflow:hidden;
  }

  .best-seller .best-seller-list .best-seller-item {
    transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;
    cursor: pointer;
  }

  .best-seller .best-seller-list .best-seller-item:hover {
    transform: translate(0px, -4px);
  }

  .best-seller .best-seller-list .best-seller-item a img {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px;
    border-radius: 16px;
  }

  .best-seller .best-seller-list .best-seller-item:hover > a img {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 24px;
  }

  .best-seller .best-seller-list .best-seller-item .title {
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #222222;
  }

  .best-seller .best-seller-list .best-seller-item .tag-area {
      min-height: 28px;
      max-height: 50px;
      margin-top: 8px;
      justify-content: flex-start;
      align-items: baseline;
      gap: 4px;
      flex-wrap: wrap;
      overflow: hidden;
  }

  .best-seller .best-seller-list .best-seller-item .tag-area .tag,
  .best-seller .best-seller-list .best-seller-item .tag-area .add-tag {
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background: #EEE;
    color: #AAA;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .best-seller .best-seller-list .best-seller-item .tag-area .add-tag {
    color: #FFF;
    background: #CCC;
  }

  .best-seller .best-seller-list .best-seller-item .account {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #222222;
    margin-top: 8px;
  }

  .best-seller .best-seller-list .best-seller-item .account.free{
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #6D8EE4;
  }

  .best-seller .swiper-button-next,
  .best-seller .swiper-button-prev {
    width: 38px;
    height: 38px;
    background-size: 50% auto;
    background-position: center;
    background-color: rgba(0,0,0,0.15);
    border-radius: 50%;
    top: 40%;
    right: -14px;
    z-index: 100000000;
  }

  .best-seller .swiper-button-next:hover,
  .best-seller .swiper-button-prev:hover {
    background: rgba(34, 34, 34, 0.80);
  }

  .best-seller .swiper-button-prev.swiper-button-disabled,
  .best-seller .swiper-button-next.swiper-button-disabled {
    display: none;
  }

  .best-seller .swiper-button-prev {
    left: -14px;
  }

  .best-seller .swiper-button-next::after {
    content:'';
    width: 24px;
    height: 24px;
    background: url(/site/icon/ion_arrow_right.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 15px;
  }

  .best-seller .swiper-button-prev::after {
    content:'';
    width: 24px;
    height: 24px;
    background: url(/site/icon/ion_arrow_left.png) no-repeat;
    position: absolute;
    top: 10px;
    left: 14px;
  }

  .navi {
    display : flex;
    align-items: center;
    gap : 10px;
  }

  .navi > span {
    font-size: 17px;
    font-weight: 500;
    color : #777;
  }

  .fulline {
    border-bottom : 1px solid #EEEEEE;
  }
  .fulline2 {
    border-bottom : 1px solid #DDDDDD;
  }

  .m_line {
    width: 97%;
    height: 8px;
    background-color: #F6F6F6;
    margin: 0 auto;
    opacity: 0.3;
  }

  .nomal-text {
    font-size: 14px;
    font-weight: 400;
    color : #777777;
  }

  /* 로그인 페이지 */

  #Login_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width : 1920px;
    height: 100%;
    margin : 0 auto;
  }

  .input-style {
    width: 320px;
    outline: unset;
    height: 20px;
    padding-left : 5px;
  }

  .input-style2 {
    width: 100%;
    outline: unset;
    height: 20px;
    padding-left : 5px;
  }

  .input-box {
    position: relative;
    margin-bottom : 24px;
  }
  .input-box:nth-last-of-type() {
    margin-bottom : unset;
  }
  .input-sub-title {
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 4px;
  }

  .require {
    position : relative;
    display: inline-block;
  }
  .require::after {
    content: '';
    background: url(/site/icon/ion_asterisk.png) no-repeat 0px 0px;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 3px 0 8px;
    position: absolute;
    right: -14px;
    top: 2px;
  }

  .rule {
    margin-top : 5px;
  }

  .rule .pwd-rule {
    display: inline-block;
    width: 100%;
    font-size : 12px;
    font-weight: 500;
    color : #AAAAAA;
  }
  label {
    display: inline-block;
    color : #AAAAAA;
  }
  label > span {
    color : #6D8EE4;
    text-decoration: underline;
    text-underline-position: under;
    cursor: pointer;
  }

  .border-gauge {
    position: relative;
    padding : 5px 0;
    border-bottom: 2px solid #EEEEEE;
  }

  .border-liner-location {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
  }

  .border-liner {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    border-bottom: solid 2px #000;
    animation: border_anim 0.8s ease-in-out forwards;
  }

  .dup-btn-style[disabled] {
    color: #AAAAAA;
    background-color: #EEEEEE;
  }

  .dup-btn-style {
    position: absolute;
    top: 18px;
    right : 0;
    font-size : 14px;
    font-weight: 500;
    color: #FFFFFF;
    background-color: #222222;
    padding: 4px 12px;
    border-radius: 100px;
    cursor: pointer;
  }

  @keyframes border_anim {
    0%{
      width: 0%;
    }
    100%{
      width: 100%;
    }
  }

  /* 로그인 관련 CSS */
  .login-input-box:nth-of-type(1) {
    margin-bottom : 24px;
  }
  .login-input::placeholder {
    font-size : 14px;
    font-weight: 400;
    color : #AAAAAA;
  }

  #Login_wrap .login_box {
    display: flex;
    align-items: center;
    padding : 80px 0;
  }
  #Login_wrap .login_box .login_form {
    margin-left : 100px;
  }

  #Login_wrap .login_box .login_form > p {
    margin-bottom : 57px;
  }
  #Login_wrap .login_box .login_form .login-sub-title {

  }

  #Login_wrap .login_box .login_form .find-box {
    margin-top : 12px;
    text-align: right;
  }
  #Login_wrap .login_box .login_form .find-box > span {
    color : #EEEEEE;
  }

  #Login_wrap .login_box .login_form .find-box > a {
    font-size : 12px;
    font-weight: 500;
    color : #AAAAAA;
  }

  #Login_wrap .login_box .login_form .login-btn-box {
    margin-top : 50px;
  }

  #Login_wrap .login_box .login_form .login-btn-box .login-submit {
    width : 320px;
    border-radius: 100px;
    background-color: #222222;
    padding : 10px 0;
    font-size: 15px;
    font-weight: 500;
    color : #ffffff;
  }

  #Login_wrap .login_box .login_form .login-btn-box .join {
    display: inline-block;
    width : 320px;
    border : 1px solid #EEEEEE;
    border-radius: 100px;
    margin-top : 12px;
    padding : 10px 0;
    font-size: 15px;
    font-weight: 500;
    color : #000000;
  }

  #Login_wrap .login_box .login_form .login-btn-box .naver_join {
    display: block;
    width : 320px;
    background-color: #03C75A;
    border-radius: 100px;
    margin-top : 12px;
    padding : 10px 0;
    font-size: 15px;
    font-weight: 500;
    color : white;
  }
  #Login_wrap .login_box .login_form .login-btn-box .kakao_join {
    display: block;
    width : 320px;
    background-color: #FEE500;
    border-radius: 100px;
    margin-top : 12px;
    padding : 10px 0;
    font-size: 15px;
    font-weight: 500;
    color : black;
  }

  #Pwdfind_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width : 1920px;
    margin : 0 auto;
  }


  .pwdfind-input::placeholder {
    font-size : 14px;
    font-weight: 400;
    color : #AAAAAA;
  }

  #Pwdfind_wrap .pwdfind_box {
    display: flex;
    align-items: center;
    padding : 80px 0;
  }
  #Pwdfind_wrap .pwdfind_box .pwdfind_form {
    margin-left : 100px;
  }

  #Pwdfind_wrap .pwdfind_box .pwdfind_form .pwdfind-sub-title {
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 4px;
  }

  #Pwdfind_wrap .pwdfind_box .pwdfind_form .pwdfind-input-box:nth-of-type(1) {
    margin-bottom : 24px;
  }

  #Pwdfind_wrap .pwdfind_box .pwdfind_form .pwdfind-input-box .rule {
    margin-top : 5px;
  }

  #Pwdfind_wrap .pwdfind_box .pwdfind_form .pwdfind-input-box .rule .pwd-rule {
    font-size : 12px;
    font-weight: 500;
    color : #AAAAAA;
  }

  #Pwdfind_wrap .pwdfind_box .pwdfind_form .find-box > a {
    font-size : 12px;
    font-weight: 500;
    color : #AAAAAA;
  }

  #Pwdfind_wrap .pwdfind_box .pwdfind_form .pwdfind-btn-box .pwdfind-submit {
    width : 320px;
    border-radius: 100px;
    background-color: #222222;
    padding : 10px 0;
    font-size: 15px;
    font-weight: 500;
    color : #ffffff;
  }

  #Pwdfind_wrap .pwdfind_box .pwdfind_form .pwdfind-btn-box .login-move-btn {
    display: inline-block;
    width : 320px;
    border : 1px solid #EEEEEE;
    border-radius: 100px;
    margin-top : 12px;
    padding : 10px 0;
    font-size: 15px;
    font-weight: 500;
    color : #000000;
  }

  /* 회원가입 관련 CSS */

  .checkobx-style {
    width: 16px !important;
    height: 16px !important;
    margin-top: 5 !important;
    vertical-align: top !important;
    border-radius: unset !important;
    border: 1px solid #AAAAAA !important;
  }

  #join_wrap {
    display: flex;
    align-items: center;
    width: 1920px;
    height: 100%;
    margin : 0 auto;
    background-image: url('/site/main/join_bg.jpg');
    background-size: cover;
    background-position: center;
  }

  .submit-btn[disabled] {
    font-size : 15px;
    font-weight: 500;
    margin-top: 12px;
    color: #AAAAAA;
    background-color: #EEEEEE;
    padding: 10px 0;
    border-radius: 100px;
    cursor: pointer;
  }

  .submit-btn {
    font-size : 15px;
    font-weight: 500;
    margin-top: 12px;
    color: #FFFFFF;
    background-color: #222222;
    padding: 10px 0;
    border-radius: 100px;
    cursor: pointer;
  }

  .re_submit-btn {
    font-size : 15px;
    font-weight: 500;
    margin-top: 12px;
    color: #222222;
    background-color: #FFFFFF;
    padding: 10px 0;
    border: 1px solid #EEEEEE;
    border-radius: 100px;
    cursor: pointer;
  }

  .re_submit-btn[disabled] {
    font-size : 15px;
    font-weight: 500;
    margin-top: 12px;
    color: #AAAAAA;
    background-color: #EEEEEE;
    padding: 10px 0;
    border-radius: 100px;
    cursor: pointer;
  }

  .find_result_box {
    font-size: 15px;
    font-weight: 500;
    margin-top: 12px;
    background-color: #F6F6F6;
    padding: 28.5px 0;
  }

  .find_result_box_title {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 23.17px;
  }

  #join_wrap .join_box {
    display: inline-block;
    position: relative;
    width: 100%;
    padding : 122px 360px 122px 515px;

  }

  #join_wrap .join_box .logo-floting {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  #join_wrap .join_box .join_form{
    float: right;
    width : 400px;
    background-color: #fff;
    border-radius: 16px;
    padding : 40px;
  }


   /* 상품 리스트 검색 레이어 */

   .side-search-cate-menu-layer {
    width: 260px;
    padding: 24px 30px 34px 30px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
    position: sticky;
    top: 145px;
    float: left;
    box-sizing: border-box;
  }

  .side-search-cate-menu-layer .filter-title {
    font-size : 16px;
    font-weight: 400;
    color : #222222;
    margin-bottom : 14px;
  }

  .side-search-cate-menu-layer .search-cate-list{
    margin-bottom: 24px;
  }

  .side-search-cate-menu-layer .search-cate-list > p {
    margin-bottom: 12px;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #222;
  }

  .side-search-cate-menu-layer .search-cate-list ul {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top : 15px;
  }

  .side-search-cate-menu-layer .search-cate-list ul li {
    padding: 4px 12px;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #AAA;
    background: #EEE;
    border-radius: 30px;
    cursor: pointer;
  }

  .side-search-cate-menu-layer .search-cate-list ul li .check_on {
    display: none;
    margin-right:4px;
  }

  .side-search-cate-menu-layer .search-cate-list ul li.on {
    background-color: #222;
    color: #FFF;
  }
  .side-search-cate-menu-layer .search-cate-list ul li.on label {
    color: #FFF;
  }
  .side-search-cate-menu-layer .search-cate-list ul li.on .check_on {
    display: inline-block;
  }

  .side-search-cate-menu-layer .search-cate-list ul li input[type=checkbox]{
    display: none;
  }

  .side-search-cate-menu-layer .reset-btn {
    padding: 4px 10px;
    border-radius: 30px;
    border: 1px solid #EEE;
    background: #FFF;
    position: absolute;
    top: 19px;
    right: 26px;
  }

  .side-search-cate-menu-layer .save-btn {
    padding: 4px 15px;
    border-radius: 30px;
    border: 1px solid #EEE;
    background: #FFF;
    position: absolute;
    top: 19px;
    right: 105px;
  }

  .side-search-cate-menu-layer .close-btn {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 21px;
    right: 30px;
    font-size: 0px;
  }

  /* 상품 리스트 */

  #product_wrap {
    width : 1920px;
    margin : 0 auto;
  }

  #product_wrap .product_inner {
      width : 1200px;
      margin : 0 auto;
  }

  #product_wrap .product_inner .product_list_wrap {
    width: 100%;
    padding-top: 40px;
    padding-left: 300px;
    box-sizing: border-box;
  }
  #product_wrap .product_inner .product_list_wrap .product-category-name{
    font-size: 24px;
    font-weight: 700;
    color: #222222;
  }
  #product_wrap .product_inner .product_list_wrap .product-category-name .count-color{
    color: #6D8EE4;
  }

  #product_wrap .product_inner .product_list_wrap .product_list_box{
    min-height: 840px;
  }
  #product_wrap .product_inner .product_list_wrap .product_list_box .product-list {
    display: flex;
    flex-wrap: wrap;
  }
  #product_wrap .product_inner .product_list_wrap .product_list_box .product-list .product-item{
    position: relative;
    width: 207px;
    margin-right : 24px;
    transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;
  }
  #product_wrap .product_inner .product_list_wrap .product_list_box .product-list .product-item:hover {
    transform: translate(0px, -4px);
  }
  #product_wrap .product_inner .product_list_wrap .product_list_box .product-list .product-item:nth-of-type(4n+0){
    margin-right : unset;
  }
  #product_wrap .product_inner .product_list_wrap .product_list_box .product-list .product-item > a > img {
    width:207px; height:207px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px;
    border-radius: 16px;
    margin-bottom: 16px;
  }
  #product_wrap .product_inner .product_list_wrap .product_list_box .product-list .product-item .title {
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #222222;
  }
  #product_wrap .product_inner .product_list_wrap .product_list_box .product-list .product-item .tag-area {
    margin-top: 8px;
    justify-content: flex-start;
    gap: 4px;
    flex-wrap: wrap;
  }
  #product_wrap .product_inner .product_list_wrap .product_list_box .product-list .product-item .tag-area .tag {
    padding: 2px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background: #EEE;
    color: #AAA;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
#product_wrap .product_inner .product_list_wrap .product_list_box .product-list .product-item .tag-area .tag.add-tag {
  color: #FFF;
  background: #CCC;
}
#product_wrap .product_inner .product_list_wrap .product_list_box .product-list .product-item .account {
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #222222;
  margin-top: 8px;
}
#product_wrap .product_inner .product_list_wrap .product_list_box .product-list .product-item .account.free {
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #6D8EE4;
}

.non-product-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-height: 840px;
  height: 100%;
  padding-bottom: 150px;
  box-sizing: border-box;
}

.non-asset-list, .non-history-list {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  min-height : 592px;
}


/* 페이징 */

.paging_box {
  margin-left: 300px;
  padding : 20px 0 75px 0;
}
.paging_box .tb_footer {
  width : auto;
  margin : 0 auto;
}
.paging_box .tb_footer > ul {
    display: flex;
    align-items: center;
    margin-top: 8px;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}

.paging_box .tb_footer > ul > li > .pages {
  position: relative;
  font-size : 16px;
  font-weight : 500;
  color : #AAAAAA;
}
.paging_box .tb_footer > ul > li > .pages.current {
  color: #fff;
}
.paging_box .tb_footer > ul > li > .pages.current::after{
  content : '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width : 28px;
  height: 28px;
  background-color: #222;
  border-radius: 100px;
  color : #ffffff;
  z-index: -1;
}
.paging_box .tb_footer > ul > li > .pages:hover {
  color : #fff;
}
.paging_box .tb_footer > ul > li > .pages:hover::after {
  content : '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width : 28px;
  height: 28px;
  background-color: #222;
  border-radius: 100px;
  z-index: -1;
}

.paging_box .tb_footer > ul > li > .page_prev[disabled] > #prev {
  fill : none;
  stroke : #DDDDDD;
  stroke-width:2;
  stroke-miterlimit : 10;
  stroke-linecap : square;
}
.paging_box .tb_footer > ul > li > .page_prev > #prev {
  stroke : #777777;
  fill : none;
  stroke-width:2;
  stroke-miterlimit : 10;
  stroke-linecap : square;
}
.paging_box .tb_footer > ul > li > .page_next[disabled] > #next {
  fill : none;
  stroke : #DDDDDD;
  stroke-width:2;
  stroke-miterlimit : 10;
  stroke-linecap : square;
}
.paging_box .tb_footer > ul > li > .page_next > #next{
  stroke : #777777;
  fill : none;
  stroke-width:2;
  stroke-miterlimit : 10;
  stroke-linecap : square;
}


/* 상품 상세 */

#productInfo_wrap {
  width : 1920px;
  margin : 0 auto;
}

#productInfo_wrap .productInfo_inner {
    width : 1200px;
    margin : 0 auto;
}

#productInfo_wrap .productInfo_inner .productInfo{
    display: inline-block;
    width: 100%;
    margin-top : 20px;
    padding-bottom : 40px;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro{
  width: 600px;
  padding-left : 40px;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-first{
  padding-top : 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border-bottom : 1px solid #EEEEEE;
  padding-bottom : 15px;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-first .product-name{
  font-size : 24px;
  font-weight: 700;
  color : #222;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-first .product-price{
  font-family: Roboto;
  font-size : 24px;
  font-weight: 300;
  color : #222;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-first .product-user  {
  margin-top : 15px;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-first .product-user .user-profile {
  display: flex;
  width: 24px;
  height: 24px;
  background-color: #F6F6F6;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-first .product-user .company-profile {
  display: flex;
  width: 24px;
  height: 24px;
  background-color: #222222;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
}

#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-first .product-user .user-profile > img{
  width: 13px;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-first .product-user .user-nickname {
  font-size : 15px;
  font-weight: 500;
  color: #777;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-first .product-user .user-job {
  font-size : 15px;
  font-weight: 400;
  color: #AAA;
}

#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-second{
  padding-top : 20px;
  min-height : 515px;
}

#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-second .product-title {
  font-size : 15px;
  font-weight: 500;
  color: #222;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-second .product-text {
  font-size : 17px;
  font-weight: 400;
  line-height: 28px;
  color: #777;
  margin-top : 5px;
  margin-bottom : 20px;
  word-break: break-all;
  white-space: pre-line;
}

.tag-area {
  margin-top: 8px;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
.tag-area .tag {
  padding: 2px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: #EEE;
  color: #AAA;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.tag-area .tag2 {
  padding: 2px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: #EEE;
  color: #AAA;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-third{
  gap : 24px;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-third .product-cart{
  width :268px;
  font-size : 15px;
  font-weight: 500;
  color : #222;
  border : 1px solid #eee;
  padding : 8px 0 10px 0;
  border-radius: 100px;
  margin-right : 24px;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-third .product-buy{
  width :488px;
  background: #222;
  padding : 8px 0 10px 0;
  border-radius: 100px;
  justify-content: center;
}

#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-third .product_wish {
  display:flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #EEE;
  border-radius: 100px;
  cursor: pointer;
}

#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-third .product_wish > svg > path {
  stroke: #222;
}

#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-third .product_wish.wish {
  background: #F17742;
}

#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-third .product_wish.wish > svg > path {
  stroke: #fff;
}

#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-third .product-buy > p {
  font-size : 15px;
  font-weight: 500;
  color : #fff;
}
#productInfo_wrap .productInfo_inner .productInfo .product-intro .product-intro-third .download-btn{
  width :488px;
  font-size : 15px;
  font-weight: 500;
  color : #fff;
  background: #222;
  padding : 8px 0 10px 0;
  border-radius: 100px;
}

#productInfo_wrap .productInfo_inner .product-line {
  border-top : 8px solid #F6F6F6;
}

#productInfo_wrap .productInfo_inner .product-images {
  margin-top :40px;
}
#productInfo_wrap .productInfo_inner .product-images .product-title2{
  font-size : 24px;
  font-weight: 500;
  color : #222;
}

.objectCategory {
  overflow: hidden;
  max-height: 64px;
}

.cate_more {
  display: inline-block;
  padding: 4px 12px;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  background: #222;
  border-radius: 30px;
  cursor: pointer;
  margin-top: 8px;
}

.objectCategory2 {
  overflow: hidden;
  max-height: 100px;
}

.cate_more2 {
  display: inline-block;
  padding: 4px 12px;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  background: #222;
  border-radius: 30px;
  cursor: pointer;
  margin-top: 8px;
}

#upload-wrap {
  width: 1920px;
  margin : 0 auto;
}

.upload-inner {
  display: inline-block;
  min-width: 835px;
}

.upload-info-form {
  width: 792px;
  margin : 0 auto;
}

.upload-info-form .user-upload-form {
  background : #f6f6f6;
  border-radius : 16px;
  padding : 40px;
}

.upload-info-form .user-upload-form .upload-form-inner{
  display: flex;
  gap: 36px;
}

.upload-info-form .user-upload-form .upload-form-inner .upload-img{
  width: 226px;
  height: 226px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-info-form .user-upload-form .upload-form-inner .upload-info{
  flex-grow: 1;
}

.circle {
  width: 11px;
  height: 11px;
  border: 3px solid #222;
  border-radius: 100px;
}

.progress {
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress-bar {
  width : 792px;
  Height : 3px;
  border-radius : 16px;
  background: #f6f6f6;
}
.progress-step {
  display: flex;
  justify-content: space-between;
  gap: 355px;
}
.progresing {
  font-size : 12px;
  color : #fff;
  font-weight : 500;
  background : #222;
  border-radius: 100px;
  padding : 5px 12px;
}
.bfprogresing {
  font-size : 13px;
  color : #aaa;
  font-weight : 500;
}

.upload-form {

}

#drop-area {
  width: 588px;
  height: 200px;
  margin: 0 auto;
  border-radius: 16px;
  background: #f6f6f6;
}

#drop-area > label {
  color: #222;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  cursor: pointer;

}
#drop-area > label > span {
  font-size : 13px;
  font-weight : 400;
  color : #777;
  text-decoration: unset;
  text-underline-position: unset;
}

/* 파일 목록 스타일링 */
#file-list {
  margin-top: 20px;
}
.file-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5px;
  border : 1px solid #eee;
  border-radius: 8px;
  padding : 10px 16px;
}

.file-item .imgs_info {
  flex-grow: 1;
}

.file-item .imgs_info > div{
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}

.file-item .imgs_info > div .file-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  font-size : 12px;
  font-weight : 400;
}

.file-item .imgs_info > div .file-size{
  font-size : 12px;
  font-weight : 400;
  color : #aaa;
}

.file-item img {
  max-width: 100px;
  max-height: 100px;
}

.upload_info {
  width: 588px;
  margin : 0 auto;
}
.infos {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.infos2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.infos3 {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}

.memorys {
  font-size : 15px;
  font-weight : 400;
  color :#aaa;
}
.memorys2 {
  font-size : 15px;
  font-weight : 400;
  color :#777;
}

.img_guide {
  font-size : 12px;
  font-weight :400;
  color : #aaa;
}

.preview-box {
  border : 1px solid #eee;
  border-radius : 8px;
  padding : 10px 16px;
}

.preview-box .preview-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.preview-box .preview-info .imgs-info {
  flex-grow: 1;
}
.preview-box .preview-info .imgs-info > div {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
}
.preview-box .preview-info .imgs-info > div .file-name{
  font-size : 12px;
  font-weight : 400;
}
.preview-box .preview-info .imgs-info > div .file-size{
  font-size : 12px;
  font-weight : 400;
  color : #aaa;
}

#custom_textarea {
  width: 100%;
  height: 127px;
  font-size: 15px;
  resize: none;
  color: black;
  border: 1px solid #ddd;
  outline: none;
  border-radius: 16px;
  padding : 12px 16px;
}

#custom_textarea::placeholder{
  font-size : 15px;
  font-weight : 500;
  color : #aaa;
}

.text-count {
  font-size : 12px;
  font-weight : 400;
  color : #AAA;
}

.overH {
  overflow: hidden;
}

.hidden {
  display: none;
}

.fileStyle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 78px;
  border-radius: 16px;
  background: #F6F6F6;

}

.thumnailPreview {
  position: relative;
}

.thumnailPreview .thumnail_box {
  overflow: hidden;
}

.thumnail_cancel {
  position: absolute;
  top : 0;
  right : 0;
  margin-top:-5px;
  margin-right:-5px;
}
.contentSlide {
  padding : 10px 13px !important;
  overflow: hidden !important;
}
.contentSlide .swiper-slide {
  position : relative;
}
.contentSlide .swiper-button-next,
.contentSlide .swiper-button-prev {
  width: 38px;
  height: 38px;
  background-size: 50% auto;
  background-position: center;
  background-color: rgba(0,0,0,0.15);
  border-radius: 50%;
  top: 50%;
  right: 0px;
  z-index: 100000000;
}

.contentSlide .swiper-button-next:hover,
.contentSlide .swiper-button-prev:hover {
  background: rgba(34, 34, 34, 0.80);
}

.contentSlide .swiper-button-prev.swiper-button-disabled,
.contentSlide .swiper-button-next.swiper-button-disabled {
  display: none;
}

.contentSlide .swiper-button-prev {
  left: 0px;
}

.contentSlide .swiper-button-next::after {
  content:'';
  width: 24px;
  height: 24px;
  background: url(/site/icon/ion_arrow_right.png) no-repeat;
  position: absolute;
  top: 10px;
  left: 15px;
}

.contentSlide .swiper-button-prev::after {
  content:'';
  width: 24px;
  height: 24px;
  background: url(/site/icon/ion_arrow_left.png) no-repeat;
  position: absolute;
  top: 10px;
  left: 14px;
}

.textureSlide {
  padding : 10px 13px !important;
  overflow: hidden !important;
}
.textureSlide .swiper-slide {
  position: relative;
}
.textureSlide .swiper-button-next,
.textureSlide .swiper-button-prev {
  width: 38px;
  height: 38px;
  background-size: 50% auto;
  background-position: center;
  background-color: rgba(0,0,0,0.15);
  border-radius: 50%;
  top: 50%;
  right: 0px;
  z-index: 100000000;
}

.textureSlide .swiper-button-next:hover,
.textureSlide .swiper-button-prev:hover {
  background: rgba(34, 34, 34, 0.80);
}

.textureSlide .swiper-button-prev.swiper-button-disabled,
.textureSlide .swiper-button-next.swiper-button-disabled {
  display: none;
}

.textureSlide .swiper-button-prev {
  left: 0px;
}

.textureSlide .swiper-button-next::after {
  content:'';
  width: 24px;
  height: 24px;
  background: url(/site/icon/ion_arrow_right.png) no-repeat;
  position: absolute;
  top: 10px;
  left: 15px;
}

.textureSlide .swiper-button-prev::after {
  content:'';
  width: 24px;
  height: 24px;
  background: url(/site/icon/ion_arrow_left.png) no-repeat;
  position: absolute;
  top: 10px;
  left: 14px;
}



.closeBtn {
  display: none;
  position: absolute;
  top : 0;
  right : 0;
  margin-top: -5px;
  margin-right: -10px;
}

.addTagBtn {
  font-size : 15px;
  font-weight : 500;
  color : #AAAAAA;
  background: #f6f6f6;
  border-radius: 100px;
  padding : 2px 12px;
}

.addTag {
  font-size : 15px;
  font-weight : 500;
  color : #fff;
  background: #222;
  border-radius : 30px;
  padding : 2px 12px;
}

.tagList {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-left: 10px;
  width: 400px;
}

.none-tag {
  font-size : 14px;
  font-weight : 400;
  color : #aaa;
}

.contentSlide .swiper-slide:hover .closeBtn {
  display: block;
}

.textureSlide .swiper-slide:hover .closeBtn {
  display: block;
}






/* 가이드 */

.guide_wrap {
  width: 1920px;
  margin : 0 auto;
}

.guide_wrap .guide_box {
  width: 600px;
  gap:62px;
  margin : 0 auto;
  padding : 60px 0 80px 0;
}

.guide_wrap .guide_box .guide_list {
  text-align: center;
}

.guide_wrap .guide_box .guide_list .guide_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background : #F6F6F6;
  margin: 0 auto;
}

.guide_wrap .guide_box .guide_list:hover .guide_icon{
  box-shadow: 0px 4px 4px 0px #00000026;
}

.guide_wrap .guide_box .guide_list:hover .guide_icon > svg {
  fill : #777777;
}

.guide_font {
  font-size : 13px;
  font-weight : 500;
  color : #777777;
}

/* 업로드 태그선택 */


.selectTag  {
  position: absolute;
  top: -50%;
  right: 0;
  transform: translateY(-50%);
  width: 400px;
  background: #fff;
  box-shadow: 0px 4px 14px 0px #00000033;
  border-radius: 16px;
  padding: 24px;
  margin-top: 30px;
  z-index: 10;
}

.selectTag .search-cate-list-wrap .big-reset-btn {
  padding: 6px 10px;
  border-radius: 30px;
  border: 1px solid #EEE;
  background: #FFF;
  color: #AAA;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}


.selectTag .search-cate-list-wrap .search-cate-list {
  margin-bottom: 24px;
  text-align: left;
}

.selectTag .search-cate-list-wrap .search-cate-list p {
  color: #222;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.selectTag .search-cate-list-wrap .search-cate-list ul {
  width: 100%;
  margin-top : 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.selectTag .search-cate-list-wrap .search-cate-list ul li {
  padding: 4px 12px;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #AAA;
  background: #EEE;
  border-radius: 30px;
}

.selectTag .search-cate-list-wrap .search-cate-list ul li .check_on {
  display: none;
  margin-right:4px;
}

.selectTag .search-cate-list-wrap .search-cate-list ul li.on {
  background-color: #222;
  color: #FFF;
}

.selectTag .search-cate-list-wrap .search-cate-list ul li.on label {
  color: #FFF;
}

.selectTag .search-cate-list-wrap .search-cate-list ul li.on .check_on {
  display: inline-block;
}

.selectTag .search-cate-list-wrap .search-cate-list ul li input[type=checkbox]{
  display: none;
}

.close {
  position: absolute;
  top : 21px;
  right : 16px;
}
.selectTagSearch {
  display: inline-block;
  width : 200px;
  background: #222;
  font-size : 15px;
  font-weight : 500;
  color : #fff;
  border-radius: 100px;
  padding : 10px 0;
  margin-left : 16px;
}

.big-reset-btn {
  display: inline-block;
  position: relative;
  padding: 10px 20px 10px 36px;
  border-radius: 30px;
  border: 1px solid #EEE;
  background: #FFF;
  color: #AAA;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.big-reset-btn > svg {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  margin-top: 1px;
}

.warning_text {
  position: absolute;
  top: 0;
  left: 50%;
  margin-top: 25px;
  transform: translateX(-50%);
}

.textureBox {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
  padding-left: 13px;
  padding-top : 10px;
}

.textureBox .texturList {
  width : 160px;
  height : 160px;
}



.cancel_content {
  width: 100%;
  border : 1px solid #F17742;
  border-radius : 16px;
  padding : 24px;
}

.cancel_content .cancel_title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.cancel_content .cancel_text {

}

.layerpopups {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1240px;
  border-radius: 16px;
  background: rgba(34, 34, 34, 0.6);
  z-index: 10;
  padding: 30px 0;
}
.layer_close {
  position : absolute;
  top : 20px;
  right : 16px;
  z-index : 20;
}


#layerpopups .swiper-slide {
  position : relative;
}
#layerpopups .swiper-button-next,
#layerpopups .swiper-button-prev {
  width: 38px;
  height: 38px;
  background-size: 50% auto;
  background-position: center;
  background-color: rgba(0,0,0,0.15);
  border-radius: 50%;
  top: 50%;
  right: 20px;
  z-index: 100000000;
}

#layerpopups .swiper-button-next:hover,
#layerpopups .swiper-button-prev:hover {
  background: rgba(34, 34, 34, 0.80);
}

#layerpopups .swiper-button-prev.swiper-button-disabled,
#layerpopups .swiper-button-next.swiper-button-disabled {
  display: none;
}

#layerpopups .swiper-button-prev {
  left: 20px;
}

#layerpopups .swiper-button-next::after {
  content:'';
  width: 24px;
  height: 24px;
  background: url(/site/icon/ion_arrow_right.png) no-repeat;
  position: absolute;
  top: 10px;
  left: 15px;
}

#layerpopups .swiper-button-prev::after {
  content:'';
  width: 24px;
  height: 24px;
  background: url(/site/icon/ion_arrow_left.png) no-repeat;
  position: absolute;
  top: 10px;
  left: 14px;
}


/* MyPage */

.mypage_common_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.mypage_common_wrap .mypage_common_inner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 40px;
  width: 400px;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 40px;
  background: #fff;
  border-radius: 16px;
}

.mypage_common_wrap .mypage_common_inner .mypage_user_info{
  flex-grow: 1;
}

.mypage_common_wrap .mypage_common_inner .mypage_user_info .mypage_user_form .user_info_box {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.mypage_common_wrap .mypage_common_inner .mypage_user_info .mypage_user_form .user_info_box .user_profiles {
  margin-bottom : 50px;
}
.mypage_common_inner .mypage_user_info .mypage_user_form .user_info_box .user_profiles label {
  display: flex;
  align-items: center;
  position : relative;
  width : 150px;
  height: 150px;
  border-radius : 50%;
  overflow: hidden;
}
.mypage_common_inner .mypage_user_info .mypage_user_form .user_info_box .user_profiles .profile_icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  display: flex;
  width: 36px;
  height: 36px;
  background: #fff;
  border: 2px solid #EEEEEE;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.user_infos .user_password {
  display: flex;
  border: 1px solid #eeeeee;
  width: 117px;
  padding: 7px 0;
  border-radius: 30px;
  align-items: center;
  justify-content: center;
  gap: 2px;
  cursor: pointer;
}
.leftMenu {
  position: sticky;
  top : 0;
  left : 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 260px;
  padding : 24px 0 24px 30px;
  background: #fff;
  border : 1px solid #EEEEEE;
  border-radius : 16px;
}

.userInfo {
  display: flex;
  align-items: center;
  gap : 12px;
}

.userInfo .userprofile {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background : #fff;
  border-radius : 50%;
  overflow: hidden;
}

.mypageMenu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap : 16px;
}

.mypageMenu > a {
  font-size : 15px;
  font-weight : 500;
  color : #aaa;
}

.mypageMenu > a.active {
  color : #222;
}


.nickEdit {
  position: absolute;
  top: 33px;
  right: 3px;
  z-index: 10;
  cursor: pointer;
}

.user-edit-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap : 16px;
}


/* 마이페이지 메인 */
.mypage_wrap {
  width : 1920px;
  margin : 0 auto;
}

.mypage_wrap .mypage_inner {
  width : 1200px;
  margin : 0 auto;
}

.myPage_userInfo {
  width: 282px;
  padding : 30px 16px 0 16px;
  border : 1px solid #eee;
  border-radius: 16px;
}

.myPage_userInfo .profile {
  width: 128px;
  height: 128px;
  border-radius: 100px;
  background: #F6F6F6;
}

.user_logout {
  border-top : 1px solid #eee;
  padding: 19px 0;
}

.mypageLists {
  display: flex;
  flex-wrap: wrap;
  width: 894px;
  gap : 24px;
}

.mypageLists .mypageItem {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  width: 282px;
  padding: 41px 36px;
  border-radius: 16px;
  border: 1px solid #eee;
}
.mypageLists .mypageItem:hover {
  box-shadow: 0px 3px 14px 0px #0000001A;
}

#cart_count {
  position: absolute;
  top: 10px;
  left: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F17742;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 3px;
  width: 50%;
}

#userinfoEdit {
  position: absolute;
  top : 16px;
  right : 16px;
  cursor: pointer;
}

.closePop {
  position: absolute;
  top: 24px;
  right : 24px;
  z-index: 10;
  cursor: pointer;
}

.profiles {
  border-radius: 100px;
  width : 128px;
  height: 128px;
  overflow: hidden;
  margin : 0 auto;
}

.profiles .profileImg {
  width : 100%;
  height : 100%;
}

/* 회원탈퇴 */

.userLeave_wrap {
  width : 1920px;
  margin : 0 auto;
}

.userLeave_wrap .userLeave_inner {
  width: 400px;
  margin : 0 auto;
  padding : 60px 0 80px 0;
}

.leaveContent {
  background : #F6F6F6;
  border-radius : 16px;
  padding : 16px;
  max-height: 318px;
  overflow: auto;
  overflow-y: scroll;
}

.agree_box {
  display: flex;
  align-items: center;
}

.agree_box #agree {
  width: 15px;
  height: 15px;
  border: 2px solid #AAA;
  border-radius: 2px;
}
.agree_box #agree:checked {
  border: 2px solid #222;
  border-radius: 2px;
}

.leave_btns {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

/* 내 에셋 */

.mypage_asset_wrap {
  width: 1920px;
  margin : 0 auto;
}

.mypage_asset_inner {
  width: 1200px;
  margin : 0 auto;
}

.mypage_asset_box {
  width : 900px;
}

.seller_info {
  background : #F6F6F6;
  border-radius: 16px;
  padding : 24px;
}

.sellerHome {
  background: #fff;
  border: 1px solid #EEEEEE;
  border-radius: 100px;
  padding : 4px 12px;
}

.myasset_stat {
  border-top : 8px solid #F6F6F6;
}

.myasset_tab {
  display: flex;
  justify-content: space-around;
}

.myasset_tab .myasset_tab_list {
  width: 100%;
  text-align: center;
}
.myasset_tab .myasset_tab_list > a[aria-selected="true"] {
  font-size : 16px;
  font-weight: 700;
  color : #222;
  border-bottom: 1px solid #222;
}

.myasset_tab .myasset_tab_list > a[aria-selected="true"] .asset_count {
  color :  #F17742;
}
.myasset_tab .myasset_tab_list > a {
  display: inline-block;
  width: 100%;
  font-size : 16px;
  font-weight: 500;
  color : #AAA;
  padding-bottom : 8px;
  border-bottom : 1px solid #eee;
}

.asset_list_wrap {

}

.asset-list {
  display: flex;
  flex-wrap: wrap;
}
.asset-list .asset-item{
  width: 207px;
  margin-right : 24px;
  transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;
}
.asset-list .asset-item:hover {
  transform: translate(0px, -4px);
}
.asset-list .asset-item:nth-of-type(4n+0){
  margin-right : unset;
}
.asset-list .asset-item > a > img {
  width: 207px;
  height: 207px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px;
  border-radius: 16px;
  margin-bottom: 16px;
}
 .asset-list .asset-item .title {
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #222222;
}
 .asset-list .asset-item .tag-area {
  margin-top: 8px;
  justify-content: flex-start;
  gap: 4px;
  flex-wrap: wrap;
}
.asset-list .asset-item .tag-area .tag {
  padding: 2px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background: #EEE;
  color: #AAA;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.asset-list .asset-item .tag-area .tag.add-tag {
color: #FFF;
background: #CCC;
}
.asset-list .asset-item .account {
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #222222;
margin-top: 8px;
}
.asset-list .asset-item .account.free {
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #6D8EE4;
}

/* 구매내역 */

.mybuyHistory_wrap {
  width: 1920px;
  margin : 0 auto;
}

.mybuyHistory_wrap .mybuyHistory_inner {
  width : 1200px;
  margin : 0 auto;
}


.searchBtn {
  position: absolute;
  top: 11px;
  right: 10px;
}

.searchMonthBtn {
  font-size : 13px;
  font-weight: 400;
  padding : 10px 38px;
  border : 1px solid #EEEEEE;
  border-radius: 8px;
  cursor: pointer;
}

.searchMonthBtn.active {
  border : 1px solid #222222;
  background: #222;
  color : #fff
}

.searchCalender {
  padding : 12px;
  border-radius: 8px;
}

.searchCalender > div > svg > path {
  fill : #777;
}

.searchCalender > .calenders {
  border : 1px solid #EEEEEE;
  border-radius: 8px;
  padding : 10px 0 10px 12px;
  gap : 8px;
}

.searchCalender > .calenders > input {
  width: 100px;
  padding : unset;
}

.searchCalender > .calenders.active {
  border : 1px solid #222222;
  background: #222;
}

.searchCalender > .calenders.active > input {
  color : #fff;
}

.searchCalender > .calenders.active > svg > path {
  fill: #fff;
  stroke: #fff;
}


.searchBtn2 {
  padding : 10px 26px;
  border-radius: 8px;
  font-size : 13px;
  font-weight : 400;
  color :#fff;
  background : #222;
  cursor: pointer;
}


/* 셀렉트박스 직접 커스텀 */
.cont-select {
  position: relative;
  width: 110px;
}

.btn-select {
  position: relative;
  width: 100%;
  padding: 13px 30px 13px 14px;
  font-size: 12px;
  line-height: 14px;
  background-color: #fff;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  border-radius: 10px;
  cursor: pointer;
  text-align: left;
  /* 말줄임 */
  color : #777777;
}

.btn-select > svg {
  position: absolute;
  top : 12.5px;
  right : 12px;
  transform-origin: center center;
  /* 0도에서 45도까지 회전합니다. */
  transform: rotate(0);
  transition: transform 0.5s ease;
}

.btn-select > svg > path {
  stroke: #222;
}

.btn-select:hover,
.btn-select:focus {
  border: 1px solid #222222;
  color : #222222;
}

.list-member {
  list-style-type : none;
  display: none;
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  padding: 0;
  border: 1px solid #C4C4C4;
  box-sizing: border-box;
  box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.btn-select.on > svg {
  transform-origin: center center;
  /* 0도에서 45도까지 회전합니다. */
  transform: rotate(-180deg);
  transition: transform 0.5s ease;
}

.btn-select.on > svg > path {
  stroke: #AAA;
}

.btn-select.on+.list-member {
  display: block;
  background: #FFF;
}

.list-member li {
  width: 100%;
  height: 40px;
  padding: 5px 8px;
  box-sizing: border-box;
}

.list-member li button {
  width: 100%;
  padding: 7px 10px;
  border: none;
  background-color: #fff;
  border-radius: 8px;
  cursor: pointer;
  text-align: left;
  /* 말줄임 */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.list-member li button:hover,
.list-member li button:focus {
  background-color: #EEEEEE;
}

/* 셀렉박스 커스텀 끝 */

.buyHistoryList {
  padding-bottom : 17px;
  border-bottom: 8px solid #F6F6F6;
}

.buyHistoryItem {
  border : 1px solid #F6F6F6;
  border-radius: 16px;
  padding : 24px;
}

.buyItemImage {
  width: 120px;
  height: 120px;
  border-radius: 12px;
  background-size: cover;
  background-position: center top;
}


.searchDatePopup {
  position: absolute;
  bottom: -100px;
  padding: 20px;
  left: -90px;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
}

/* 구매관리 끝 */

.asset_box {
  margin-top : 24px;
  margin-bottom : 74px;
}

.pagenation {
  display: flex;
  justify-content: center;
}

.asset_prev {
  fill: none;
  stroke: #DDDDDD;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-linecap: square;
}

.asset_next {
  fill: none;
  stroke: #DDDDDD;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-linecap: square;
}


.paginationjs-pages > ul {
  display: flex;
  align-items: center;
  gap: 24px;
}
.paginationjs-pages > ul .paginationjs-prev {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.paginationjs-pages > ul .paginationjs-next {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.paginationjs-pages > ul .paginationjs-prev.disalbed .asset_prev {
  fill: none;
  stroke: #DDDDDD;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-linecap: square;
}
.paginationjs-pages > ul .paginationjs-prev.J-paginationjs-previous .asset_prev {
  stroke: #777777;
}

.paginationjs-pages > ul .paginationjs-next.disalbed .asset_next {
  fill: none;
  stroke: #DDDDDD;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke-linecap: square;
}
.paginationjs-pages > ul .paginationjs-next.J-paginationjs-next .asset_next {
  stroke: #777777;
}

.paginationjs .paginationjs-pages li > a {
  font-size : 16px;
  font-weight : 500;
  color : #aaa;
  cursor: pointer;
}

.paginationjs .paginationjs-pages li.active > a {
  position : relative;
  color : #fff;
}

.paginationjs .paginationjs-pages li.active > a::after {
  content : '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width : 28px;
  height: 28px;
  background-color: #222;
  border-radius: 100px;
  color : #ffffff;
  z-index: -1;
}

/* 위시 리스트 */

#selectWish {
  font-size : 15px;
  font-weight: 700;
  color : #F17742;
}

#selectWish.zero {
  font-size : 15px;
  font-weight: 700;
  color : #AAA;
}

#visLine {
  width: 2px;
  height: 13px;
  background: #eee;
}

.wish_wrap {
  width : 1920px;
  margin : 0 auto;
}
.wish_wrap .wish_inner{
  width : 1200px;
  margin : 0 auto;
  padding-top : 40px;
  padding-bottom : 140px;
}

.wish_list {
  display: flex;
  flex-wrap: wrap;
  gap : 17px;
}

.wish_item {
  position: relative;
  width: 287px;
  transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;
}

.wish_item .title {
  font-size : 17px;
  font-weight: 400;
  color : #222;
}

.wish_item .account {
  font-size: 17px;
  font-weight: 700;
  color : #222;
}

.wish_item .free {
  font-size: 17px;
  font-weight: 700;
  color : #6D8EE4;
}

.item_checkbox {
  position: absolute;
  top : 16px;
  left : 16px;
  z-index : 10;
}

.item_check_cover {
  position: absolute;
  top: 0;
  left : 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background : #222;
  opacity: 0.6;
}

.wish_popup {
  padding-top : 50px !important;
  padding-bottom : 28px !important;
  border-radius: 16px !important;
}

.wish_title {
  font-size : 17px !important;
  font-weight: 400 !important;
  color : #222 !important;
  margin-bottom : 30px !important;
}

.wish_confirm {
  background: #222 !important;
  border-radius: 100px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

.wish_cancel {
  background: #fff !important;
  border : 1px solid #EEEEEE !important;
  border-radius: 100px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color : #222 !important;
}

/* 장바구니 */


.cart_wrap {
  width : 1920px;
  margin : 0 auto;
}
.cart_wrap .cart_inner{
  position: relative;
  width : 1200px;
  margin : 0 auto;
  padding-top : 40px;
  padding-bottom : 140px;
}

.cart_wrap .cart_inner .cart_box{
  width : 100%;
  min-height: 500px;
  margin-right : 40px;
  padding-right: 440px;

}

.cart_list_wrap {
  margin-bottom : 80px;
}

.non-cart-list {
  display: flex;
  width: 100%;
  height: 600px;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.non-cart-list > div{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}

#cart_info {
  position:sticky;
  top : 0;
  float: right;
  width: 390px;
  padding : 40px;
  border-radius: 16px;
  box-shadow: 0px 3px 14px 0px #0000001A;
  box-sizing: border-box;
}


/* 판매수익 */

.seller_infos > p {
  padding : 4px 10px;
  border-radius: 30px;
  background : #F6F6F6;
}

.myprofit_inner > div{
  width: 900px;
}

.myprofit_miniBox {
  width: 50%;
  border : 1px solid #EEEEEE;
  border-radius: 16px;
  padding : 24px 40px;
}

.withdraw {
  padding : 13px 31px;
  background: #EEEEEE;
  border-radius: 8px;
}

.withdraw.active {
  background: #222;
}
.withdraw > svg  {
  width: 18px;
  height: 18px;
}
.withdraw > svg > path {
  fill: #AAAAAA !important;
}
.withdraw.active > svg > path {
  fill: #fff;
}

.withdraw.active > p {
  color : #fff;
}

.myprofit_info_text {
  background: #F6F6F6;
  border-radius: 16px;
  padding : 24px;
}

.myprofit_board_tab {
  display: flex;
  gap : 16px;
  padding-bottom : 20px;
  border-bottom : 8px solid #F6F6F6;
}

.myprofit_board_tab .myprofit_board_tab_list > a {
  font-size : 14px;
  font-weight : 500;
  color : #777;
  padding : 4px 12px;
  border : 1px solid #EEEEEE;
  background: #EEE;
  border-radius : 30px;
}

.myprofit_board_tab .myprofit_board_tab_list > a[aria-selected="true"] {
  color : #fff;
  background: #222;
  border: 1px solid #222;
}

.profits_list {
  border-bottom : 1px solid #EEEEEE;
  padding : 24px 16px 24px 16px;
}

.withdraws_list {
  border-bottom : 1px solid #EEEEEE;
  padding : 24px 16px 24px 16px;
}

.profit_select_box {
  position: absolute;
  top: -15px;
  right : 0;
}

.profit_select_box > .nice-select {
  width: 100px !important;
}

.dateSearchBox {
  border-radius: 8px;
  border : 1px solid #EEEEEE;
  padding : 10px 38px;
  font-size : 13px;
  font-weight : 500;
  color : #777777;
  cursor: pointer;
}
.dateSearchBox.active {
  color : #fff;
  background: #222;
  border : 1px solid #222;
}

.nice-select.open .list {
  margin-top : 10px !important;
  height : auto !important;
  overflow: auto;
}
.nice-select.open .list::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
/* 주문 */

.order-panel .order_header > svg {
  margin-right : 16px;
  fill : none;
  stroke : #777777;
  stroke-width:2;
  stroke-miterlimit : 10;
  stroke-linecap : square;
  transform-origin: center center;
  /* 0도에서 45도까지 회전합니다. */
  transform: rotate(180deg);
  transition: transform 0.5s ease;
}

.order-panel.active .order_header > svg {
  stroke : #AAA;
  transform: rotate(0);
}

.order-panel .order_body {
  display: none;
}

.orderUserForm {
  width : 336px;
  padding-left : 16px;
  margin-top : 16px;
}

.orderPayment {
  padding-left : 16px;
  margin-top : 16px;
  gap : 16px;
}

.paymentList {
  display: flex;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 8px;
  gap : 4px;
  padding : 13px 35px;
}

.paymentList.active {
  background: #222;
  border: 1px solid #222;
}

.paymentList.active > svg {
  fill : #fff;
}

.paymentList > p {
  font-size : 15px;
  font-weight: 500;
  color : #777;
  white-space: nowrap;
}

.paymentList.active > p {
  color : #fff;
}

.order-info-body {
  display: none;
}

.order-info-body > div > p {
  color : #AAAAAA;
}

.order-info-panel .order-info_header > svg {
  margin-right : 16px;
  fill : none;
  stroke : #777777;
  stroke-width:2;
  stroke-miterlimit : 10;
  stroke-linecap : square;
  transform-origin: center center;
  /* 0도에서 45도까지 회전합니다. */
  transform: rotate(180deg);
  transition: transform 0.5s ease;
}

.order-info-panel.active .order-info_header > svg {
  stroke : #AAA;
  transform: rotate(0);
}

/* 주문완료 */
.orderResult_Wrap {
  width: 1920px;
  margin : 0 auto;
}

.orderResult_Wrap .orderResult_inner {
  width: 1200px;
  margin : 0 auto;
}
.orderResult_Wrap .orderResult_inner .orderResult_box {
  width: 320px;
  margin : 0 auto;
  margin-top : 140;
  margin-bottom : 80px;
}

.orderResult_info {
  background: #f6f6f6;
  border-radius: 16px;
  padding : 30px;
}

/* 주문상세 */

.orderDetail_wrap {
  width: 1920px;
  margin : 0 auto;
}

.orderDetail_wrap .orderDetail_inner {
  width: 1200px;
  margin : 0 auto;
}

.common_btnSt {
  border : 1px solid #EEEEEE;
  border-radius: 8px;
  padding : 10px 16px;
  cursor: pointer;
}

/* 구매영수증 */

#receiptPaper {
  position : absolute;
  top : 8%;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 20;
  width: 400px;
  padding : 20px 24px 24px 24px;
  border-radius: 16px;
  background : #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
}

.receiptContent {
  border-top : 1px solid #EEE;
  border-bottom : 1px solid #EEE;
  padding : 20px 0;
}

.receiptRefer {
  padding : 10px 16px;
  background: #F6F6F6;
  border-radius: 8px;
}

#closeReceipt {
  position: absolute;
  top : 6px;
  right : 0;
  cursor: pointer;
}

/* 거래명세서 */
#saleInvoicePaper {
  position : absolute;
  top: -5%;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 20;
  width: 800px;
  padding : 60px 24px;
  border-radius: 16px;
  background : #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
}

.saleInvoiceSec1 {
  width: 360px;
  padding : 20px 0 0 16px;
}

.saleInvoiceSec2 {
  width: 360px;
  background : #F6F6F6;
  padding : 24px;
  border-radius: 16px;
}

.saleInvoiceList {
  border-top: 8px solid #f6f6f6;
  border-bottom: 8px solid #f6f6f6;
}
.saleInvoiceTable thead th {
  padding : 16px;
  font-size : 13px;
  font-weight: 500;
  color : #AAAAAA;
}
.saleInvoiceTable tbody tr {
  border-top : 1px solid #EEE;
}
.saleInvoiceTable tbody tr td {
  font-size : 13px;
  font-weight: 400;
  padding : 16px;
  text-align: center;
}

#printer {
  position: absolute;
  top : 25px;
  left : 20px;
  z-index : 20;
  border : 1px solid #EEE;
  padding : 10px 16px;
  border-radius: 8px;
  cursor: pointer;
}

#closeSaleInvoice {
  position: absolute;
  top : 29px;
  right : 24px;
  z-index : 20;
  cursor: pointer;
}

/* 회사소개 */

#about_wrap {
  width : 1920px;
  margin : 0 auto;
}

.banner_ellipse {
  position : absolute;
  bottom : 68px;
  right : 315px;
  z-index : 5;
}

.banner_text1 {
  position: absolute;
  bottom : 135px;
  left : 404px;
  width: 537px;
}

.banner_font1 {
  font-family: 'NotoSerif';
  font-size : 100px;
}

.banner_font2 {
  font-family: 'DIN_Light';
  font-size : 16px;
}

.banner_font3 {
  font-family: 'NotoSerif';
  font-size : 60px;
}

.banner_text2 {
  position: absolute;
  bottom : -75px;
  right : 404px;
  width: 517px;
}

.about_section1 {
  padding-top : 350px;
}

.about_arrow_impact {
  position: absolute;
  top: -115px;
  left: 404px;
}

.about_arrow_impact > p {
  transform: rotate(-90deg);
  text-align: right;
  margin-top: 10px;
}
.about_arrow_impact .arrow_impact{
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 253px;
  background-color: #222;
  animation: expandShrink 2s ease-in-out infinite;
}

.about_arrow_impact .arrow_impact::before {
  content: '';
  position: absolute;
  bottom: 7px;
  left: -2px;
  width: 20px;
  border-bottom: 1px solid #222;
  transform: rotate(-45deg);
}

.section1_items {
  display: flex;
  align-items: center;
  gap: 64px;
}

.about_text {
  font-size : 22px;
  font-weight : 500;
}
.about_text2 {
  font-size: 17px;
  font-weight: 350;
  line-height: 34px;
  letter-spacing: 0px;
  color : #777;
}

.about_text3 {
  font-family: 'DIN_Regular';
  font-size : 24px;
  font-weight : 400;
}
.about_text4 {
  font-family: 'DIN_Regular';
  font-size : 26px;
  font-weight : 400;
}
.about_text5 {
  font-family: 'NotoSerif';
  font-size : 26px;
  font-weight : 700;
}

.about_text6 {
  font-size : 17px;
  font-weight : 400;
  color : #777;
}

.section1_items2 {
  width: 1200px;
  margin : 0 auto;
  padding-top : 150px;
}

.section1_items2 .section1_items_inner {
  display: flex;
  gap : 100px;
}

.section1_items3 {
  overflow: hidden;
  margin : 200px 0;
}

.section1_items4 {
  width: 1200px;
  margin : 0 auto;
}
.seection_items4_inner {
  margin-left : 68px;
  display: flex;
  align-items: flex-end;
  gap : 64px;
}

.section1_items5 {
  width: 1200px;
  margin : 0 auto;
}
.seection_items5_inner {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 64px;
  margin-top : 112px;
  margin-left: 68px;
}


[data-aos="example-anim3"].aos-animate {
  animation: flowLeft 15s linear infinite;
}

@keyframes flowLeft {
  0% {
      transform: translateX(90%); /* 초기 위치: 오른쪽 밖으로 이동 */
  }
  100% {
      transform: translateX(-100%); /* 최종 위치: 왼쪽 밖으로 이동 */
  }
}

/* 애니메이션 키프레임 정의 */
@keyframes expandShrink {
  0%, 100% {
      height: 253px; /* 초기 크기 */
  }
  50% {
      height: 283px; /* 최종 크기 */
  }
}

.about_section2 {
  margin: 200px 0px;
}

.about_section2_items {
  width: 100%;
  height: 333px;
  background : url('/site/about/company_info_img7_v1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.about_items_cover {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
}

.section2_title {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'DIN_Regular';
  font-size: 46px;
  color: #fff;
  padding: 135px;
  z-index: 5;
}

.about_section2_items2 {
  width: 1200px;
  margin : 0 auto;
}

.section2_items2_inner {
  margin-top : 200px;
  display: flex;
  align-items: flex-end;
  gap : 24px;
}

.about_section2_items3 {
  width: 1200px;
  margin : 0 auto;
}

.section2_items3_inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 40px;
  margin-top: 88px;
}


.items_inner {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap : 24px;
  margin-top : 158px;
}


.about_section3_items {
  width: 100%;
  height: 333px;
  background : url('/site/about/company_info_img12.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}


/* 고객센터 */

#board_wrap {
  width: 1920px;
  margin : 0 auto;
}

#board_wrap .board_inner {
  width: 1200px;
  margin : 0 auto;
}

.board_tab {
  display: flex;
  gap : 16px;
}

.board_tab .board_tab_list > a {
  font-size : 14px;
  font-weight : 500;
  color : #777;
  padding : 4px 12px;
  border : 1px solid #EEEEEE;
  border-radius : 30px;
  cursor: pointer;
}

.board_tab .board_tab_list > a.active {
  color : #fff;
  background: #222;
  border: 1px solid #222;
}

.board_list_wrap {
  min-height: 53.9vh;
}
#notices, #faqs, #inquirys {
  border-top: 8px solid #F6F6F6;
}

.notice_list {
  display: flex;
  gap : 16px;
  padding : 16px 0;
  padding-left : 12px;
  border-bottom : 1px solid #eee;
}

.notice_list .notice_title {
  flex-grow: 1;
  font-size : 15px;
  font-weight : 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notice_date {
  font-size : 15px;
  font-weight : 400;
  color : #777;
}

/* 공지사항 상세 */

#noticeInfo_wrap {
  width: 1920px;
  margin : 0 auto;
}

#noticeInfo_wrap .noticeInfo_inner {
  width: 1200px;
  margin : 0 auto;
}
.notice_content {
  min-height: 57.8vh;
}
.notice_content .notice_subject{
  font-size : 24px;
  font-weight: 400;
}
.notice_content .notice_text > p{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  color : #777;
}

#faqs .faqs-panel {
  padding : 16px 0 16px 12px;
  border-bottom : 1px solid #eee;
}

#faqs .faqs-panel .faqs_header {
  display: flex;
  gap: 58px;
}

#faqs .faqs-panel .faqs_header > p {
  flex-grow: 1;
  font-size : 15px;
  font-weight: 400;
}

#faqs .faqs-panel .faqs_header > svg {
  margin-right : 40px;
  fill : none;
  stroke : #777777;
  stroke-width:2;
  stroke-miterlimit : 10;
  stroke-linecap : square;
  transform-origin: center center;
  /* 0도에서 45도까지 회전합니다. */
  transform: rotate(0);
  transition: transform 0.5s ease;
}

#faqs .faqs-panel.active .faqs_header > svg {
  stroke : #AAA;
  transform: rotate(180deg);
}

#faqs .faqs-panel .faqs_body {
  display: none;
  margin-top : 19px;
  padding-right : 72px;
}
#faqs .faqs-panel .faqs_body .faqs_content{
  background: #f6f6f6;
  border-radius: 16px;
  padding : 16px;
  font-size : 15px;
  font-weight : 400;
  color : #777;
}


/* 1:1 문의 */

.inquirys_table > thead > tr, .inquirys_table > tbody > tr {
  border-bottom : 1px solid #eee;
}
.inquirys_table > thead > tr > th, .inquirys_table > tbody > tr > td {
  padding : 16px 0;
}

.inquirys_table > tbody > tr > td:nth-child(1) {
  padding-left :12px;
}

.inquirys_table > tbody > tr > td .inquiry_subject_box {
  display: flex;
  gap: 12px;
}

.inquirys_table > tbody > tr > td .inquiry_subject_box .inquiry_subject {
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.inquirys_table > tbody > tr > td .inquiry_user_name {
  font-size: 15px;
  font-weight: 400;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color :#777;
}
.inquirys_table > tbody > tr > td .inquiry_date {
  font-size: 15px;
  font-weight: 400;
  color :#777;
}
.inquirys_table > tbody > tr > td .inquiry_answer_status {
  font-size: 15px;
  font-weight: 400;
  color :#777;
}

.inquiry_write {
  display: flex;
  gap : 4px;
  background: #F17742;
  padding : 10px 22px;
  border-radius: 30px;
}

.inquiry_write > p {
  font-size : 13px;
  font-weight: 500;
  color : #fff;
}

.inquiryFileItem {
  width: 296px;
  padding : 10px 16px;
  border-radius: 8px;
  border : 1px solid #EEEEEE;
}

/* 1:1 문의 등록 */

#inquiry_wrap {
  width : 1920px;
  margin : 0 auto;
}

#inquiry_wrap .inquiry_inner {
  width : 1200px;
  margin : 0 auto;
}

#inquiry_wrap .inquiry_inner .inquiryCreate{
  width : 590px;
  margin : 0 auto;
}

.inquiryCode {
  min-width: 140px !important;
}

.nice-select .list {
  width: 140px !important;
}

.common_btn_box {
  background-color: #fff;
  padding : 24px 40px;
  box-shadow: 0px -6px 14px 0px #0000001A;
}

/* 1:1 문의상세 */

.inquiry_content .inquiry_subject{
  font-size : 24px;
  font-weight: 400;
}
.inquiry_content .inquiry_text{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0px;
  color : #777;
  word-break: break-all;
  white-space: pre-line;
}

.inquiry_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inquiry_box > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.inquiry_box > div .inquiry_date {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color : #777777;
}

.inquiry_box > div > span {
  width: 2px;
  height : 13px;
  background: #EEEEEE;
}

.inquiry_box > div .user_nick {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.inquiry_answer {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.inquiry_no_answer {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color : #AAA;
}

.inquiry_answer_box {
  border-top : 8px solid #F6F6F6;
  padding-top : 16px;
}

.inquiry_answer_text {
  padding : 16px;
  background: #F6F6F6;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color : #777;
}
.noAnswer {
  color : #AAA !important;
}

.inquiry_product_header {
  padding-bottom : 16px;
}
.inquiry_product_header.active > div > img {
  transform: rotate(0);
  transition: transform 0.5s ease;
}

.inquiry_product_header > div > img {
  transform: rotate(180deg);
  transition: transform 0.5s ease;
}



/* 세금계산서 신청 */
#parnerFileBtn {
  width: 294px;
  background : #222;
  border-radius: 8px;
  padding : 10px 0;
}

.orderResult_Select {
  width: 296px;
  border : 1px solid #EEEEEE;
  border-radius: 8px;
  padding : 10px 12px;
}

.orderProduct_pop {
  position: absolute;
  top : 0;
  left : 90px;
  width : 400px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
  z-index: 10;
  overflow: hidden;
}

.orderProduct_pop::-webkit-scrollbar {
  width: 3px;
}

.orderProduct_pop::-webkit-scrollbar-thumb {
  background: rgba(34, 34, 34, 0.4); /* 스크롤바 색상 */
  border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.orderProduct_pop::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .1);  /*스크롤바 뒷 배경 색상*/
}

.orderProductItem {
  border-top : 8px solid #eee;
  padding : 16px 0;
}

.orderProductInfo {
  padding : 16px 0 10px 16px;
  border-bottom : 1px solid #EEEEEE;
}

/* 판매자 등록 */
.seller_register_wrap {
  width: 1920px;
  margin : 0 auto;
}

.seller_register_wrap .seller_register_inner {
  width: 1200px;
  margin : 0 auto;
}

.step_btn {
  cursor: pointer;
}

.prev_step_btn {
  cursor: pointer;
}

#taxbillFileBtn, #inquiryFileBtn {
  width: 294px;
  background : #222;
  border-radius: 8px;
  padding : 10px 0;
}

/* 판매자 등록 진행바 */

.seller-progress {
  display: flex;
  align-items: center;
  width: 792px;
  margin : 0 auto;
}

.seller-step-box {
  width: 198px;
}

.seller-circle {
  width: 11px;
  height: 11px;
  border: 3px solid #F6F6F6;
  border-radius: 100px;
}
.seller-progress-bar {
    width: 100%;
    Height: 3px;
    border-radius: 16px;
    background: #f6f6f6;
}


.seller-step-box.now .seller-circle, .seller-step-box.prev .seller-circle  {
  border: 3px solid #222;
}

.seller-step-box.now .seller-progress-bar, .seller-step-box.prev .seller-progress-bar {
  background: #222;
}

.seller-progress-step {
  width: 880px;
  margin: 0 auto;
  gap: 100px;
  padding-left: 8px;
  justify-content: space-around;
}

.seller-progress-step > div {
  font-size: 13px;
  color: #aaa;
  font-weight: 500;
  background: #fff;
  border-radius: 100px;
  padding : 4px 12px;
  margin-top : 6px;
}

.seller-progress-step > div.now {
  background: #222;
  color: #fff;
}

.step_page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.seller_regi_info {
  padding : 10px 16px;
  border-radius: 8px;
  background: #F6F6F6;
}

.seller_type > div > label, .business_type > div > label{
  width: 192px;
  border : 1px solid #eee;
  border-radius: 8px;
  justify-content: center;
  padding : 13px 0;
  gap : 4px;
  cursor: pointer;
}

.seller_type > div > label.active, .business_type > div > label.active {
  border : 1px solid #222;
  background: #222;
}
.seller_type > div > label.active > p, .business_type > div > label.active > p {
  color : #fff;;
}
.seller_type > div > label.active > svg > path {
  fill : #fff;
}

.seller_business_type, .seller_common_box {
  width: 400px;
}

.limit_timer {
  position: absolute;
    top: 23px;
    right: 60px;
}

.limit_timer > span {
  font-size: 14px;
  font-weight: 500;
  color : #F17742;
}

/* 판매자등록 스텝3 */

.sales_type_box > label{
  display: flex;
  align-items: center;
  justify-content: center;
  width : 192px;
  height: 48px;
  border: 1px solid #eee;
  border-radius: 8px;
  cursor: pointer;
}

.sales_type_box.active > label {
  border: 1px solid #222;
  background : #222;
  color : #fff;
}

.remove_input {
  position: absolute;
  top : 0;
  right : 0;
  cursor: pointer;
  z-index : 10;
}

/* 스텝5 */
.contract_box {
  border : 1px solid #EEEEEE;
  border-radius : 8px;
  padding : 16px;
  width : 792px;
  height : 570px;

}
.contract_box .contract {
  height : 538px;
  overflow-y: auto;
}

.contract_box .contract::-webkit-scrollbar {
  width: 5px;
}
.contract_box .contract::-webkit-scrollbar-track {
  background-color: #fff;
}
.contract_box .contract::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #777;
}
.contract_box .contract ::-webkit-scrollbar-button {
  display: none;
}

#signatureCanvas {
  border-radius: 16px;
  background: #F6F6F6;
}

#clearSign {
  position: absolute;
  bottom : 16px;
  left : 50%;
  transform: translateX(-50%);
  z-index: 10;
  background: #fff;
  border-radius: 100px;
  border : 1px solid #EEE;
  padding : 6px 10px;
  cursor: pointer;
}

/* 판매자등록 끝 */

/* 판매자등록 완료 */
.regiSuccess_box {
  margin-top: 140px;
  margin-bottom: 200px;
}

.regiSuccess_content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

/* 판매자 홈 */

.seller_info_box {
  position : sticky;
  top : 0;
  left : 0;
  width: 260px;
  border : 1px solid #EEEEEE;
  border-radius : 16px;
  padding : 24px 16px;
}

.seller_info_box .seller_profile {
  width : 72px;
  height: 72px;
  border-radius: 100px;
  overflow: hidden;
}

.seller_item_list_wrap {
  width: 900px;
}

.seller_item_list {
  display : flex;
  flex-wrap: wrap;
  gap : 24px;
}

.seller_item_list .seller_item {
  position: relative;
  width: 207px;
}

.seller_item_list .seller_item > a > img {
  width: 100%;
  height: 207px;
  border-radius: 16px;
}

/* sweetalert2 custom */

.custom_swal_popup {
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  width: auto !important;
  height: 200px !important;
  padding-bottom : 28px !important;
  padding-left : 31px !important;
  padding-right : 31px !important;
}

.custom_swal_popup1_1 {
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  width: auto !important;
  /* height: 150px !important; */
  padding-bottom : 28px !important;
  padding-left : 31px !important;
  padding-right : 31px !important;
}
.custom_swal_title {
  font-size : 17px !important;
  font-weight : 400 !important;
  color : #222 !important;
  overflow: unset !important;
}

.custom_swal_confirm {
  color : #fff !important;
  padding : 8px 41px 10px 41px;
  background: #222 !important;
  border-radius : 100px !important;
}

.custom_swal_cancel {
  color : #222 !important;
  padding : 8px 41px 10px 41px;
  background: #fff !important;
  border-radius : 100px !important;
  border : 1px solid #EEEEEE !important;
}

.custom_swal_popup2 {
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  width: 300px !important;
  height: 180px !important;
  padding-bottom : 28px !important;
  padding-left : 31px !important;
  padding-right : 31px !important;
}

.custom_swal_popup3 {
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  width: 400px !important;
  height: 220px !important;
  padding-bottom : 28px !important;
  padding-left : 11px !important;
  padding-right : 11px !important;
  border-radius: 16px !important;
}
.custom_swal_email_popup {
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  width: auto !important;
  height: 164px !important;
  padding-bottom : 28px !important;
  padding-left : 31px !important;
  padding-right : 31px !important;
}
.custom_swal_mo_find_id_popup {
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  width: auto !important;
  height: 210 !important;
  padding-bottom : 28px !important;
  padding-left : 31px !important;
  padding-right : 31px !important;
}

.pop_password_box {
  display: flex;
  gap : 12px;
}

.pop_password_box > p {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  width: 75px;
}


/* 토스트 커스텀 */

.toast_custom {
  border-radius: 16px !important;
}

.toast_custom_inner {
  display: flex !important;
  font-size: 15px !important;
  justify-content: space-between !important;
}

.toast_custom_inner .quickWish{
  font-size: 15px !important;
  color : #F17742 !important;
  font-weight: 500 !important;
}

.toast_container {
  margin-bottom: 50px !important;
}



/* 챗봇 */
#custom_chatbot {
  position: fixed;
  bottom: 70px;
  right: 110px;
  z-index: 100;
  cursor: pointer;
}


.footer_company_content .footer_company_list {
  display: flex !important;
  gap: 8px;
}


/* 찜 */

.wishIcon {
  position: absolute;
  top : 16px;
  right : 16px;
  z-index: 1;
  cursor: pointer;
}

.wishIcon.wish svg path {
  stroke: #F17742 !important;
}

.menuBtn {
  position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}
.menu-icon {
  position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.menu-icon__cheeckbox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  z-index: 2;
  -webkit-touch-callout: none;
  position: absolute;
  opacity: 0;
}
.menu-icon > div {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 22px;
  height: 12px;
}
.menu-icon > div > span {
		position: absolute;
		display: block;
		width: 100%;
		height: 1.5px;
		background-color: #fff;
		border-radius: 1px;
		transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
}

.menu-icon > div > span:first-of-type {
  top: 0px;
}
.menu-icon > div > span:last-of-type {
  bottom: 0.5px;
}

.menu-icon.active div > span:first-of-type{
  transform: rotate(45deg);
  top: 5px;
}
.menu-icon.active div > span:last-of-type {
  transform: rotate(-45deg);
  bottom: 5px;
}