/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w to 499px
##Device = 대부분의 스마트폰 모바일 기기(세로)
##Screen = 499px 이하
*/


@media (max-width: 499px)  {
  @import url('/css/fonts.css');

  .section_wrap {
    width: 100%;
  }

  .section_wrap .section_inner {
    width: 100%;
  }

  #mo-header {
    padding: 20px 16px;
  }

  #mo-header .menu-icon > div > span {
      position: absolute;
      display: block;
      width: 100%;
      height: 1.5px;
      background-color: #222;
      border-radius: 1px;
      transition: all 0.2s cubic-bezier(0.1, 0.82, 0.76, 0.965);
  }

  #header .member-bar .nologin-btn:hover,
  #header .member-bar .cart-btn:hover,
  #header .member-bar .login-btn:hover {
    background: unset;
  }

  .pc-dn {
    display: block !important;
  }
  .best-seller .swiper-button-next,
  .best-seller .swiper-button-prev {
    display: none;
  }
  .input-style {
    width : 100%;
  }
  .btn-style-2 {
    width: 100%;
  }
  .Mo_wrap {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding : 0px 24px 0 24px;
  }
  .Mo_product_wrap {
    padding : 0 16px;
  }

  /* 위시 아이콘 */
  .wishIcon {
    top: unset;
    bottom: 0;
    margin-bottom: 16px;
  }

  .product-header {
    position:sticky;
    top: 0;
    background: #fff;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .Top_Category {
    position: relative;
  }

  .Top_Category .back {
    position: absolute;
    top: 0;
    left : -8px;
  }

  .Top_Category .Title {
    font-size : 16px;
    font-weight: 700;
    color : #222;
  }

  .Mo_wrap .join_form {
    padding : 50px 0;
  }

  .login_form .find-box {
    margin-top: 12px;
    text-align: right;
  }
  .login_form .find-box > a {
    font-size: 12px;
    font-weight: 500;
    color: #AAAAAA;
  }

  .login_form .find-box > span {
    color: #EEEEEE;
  }
 .login_form .login-btn-box {
    margin-top: 50px;
  }
  .login_form .login-btn-box .login-submit {
    width: 100%;
    border-radius: 100px;
    background-color: #222222;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
  }

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

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

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

  .pwdfind_form {
    margin-top : 16px;
    margin-bottom : 50px;
  }

  .pwdfind_form .pwdfind-input-box {
    margin-top : 87px;
    margin-bottom : 134px;
  }
  .pwdfind_form .pwdfind-input-box_vh {
    margin-top : 21vh;
    margin-bottom : 21vh;
  }

  .pwdsetting_form {
    margin-top : 100px;
    margin-bottom : 120px;
  }

  .pwdsetting_form_vh {
    margin-top : 19vh;
    margin-bottom : 18vh;
  }
  .pwdsetting_form_result_vh {
    margin-top : 26vh;
    margin-bottom : 25vh;
  }

  .product-search-panel {
    position: sticky;
    top : 0;
    padding-top : 21px;
    padding-bottom : 11px;
    background: #fff;
    z-index : 1;
  }

  .product-search-panel .product-category-name {
    font-size : 16px;
    font-weight: 700;
    margin-left : 8px;
  }

  .product-search-panel .product-category-name .count-color {
    color : #6D8EE4;
  }

  .selectTag {
    font-size : 12px;
    font-weight : 500;
    color : #AAAAAA;

    background: #F6F6F6;
    padding : 4px 10px;
    border-radius: 100px;
    gap : 2px;
  }

  .selectTagList {
    flex-shrink: 0;
    width: 75%;
    gap:5px;
    overflow: auto;
    justify-content: flex-start !important;
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
  }

  .selectTagList::-webkit-scrollbar {
    display: none;;
  }
  .selectTagList .selecTags {
    background: #000000;
    border-radius: 100px;
    padding: 5px 8px;
  }
  .selectTagList .selecTags label{
    font-size : 12px;
    font-weight : 500;
    color : #fff;
    white-space: nowrap;
  }
  .selectTagList .selecTags > label > input[type=checkbox] {
    display: none;
  }
  .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;
  }

  .free {
    color : #6D8EE4;
  }
  .product_list_box .product-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
  }
  .product_list_box .product-list .product-item {
    width : 47.5%;
  }
  .product_list_box .product-list .product-item > div {
    position: relative;
  }
  .product_list_box .product-list .product-item > img {
    margin-bottom : 12px;
  }

  .product_list_box .product-list .product-item .title {
    font-size : 14px;
    font-weight : 400;
  }
  .product_list_box .product-list .product-item .tag-area {
    gap : 4px;
  }
  .product_list_box .product-list .product-item .tag-area .add-tag {
    background: #CCCCCC;
    color : #fff;
  }
  .product_list_box .product-list .product-item .account {
    font-size : 14px;
    font-weight : 700;
    margin-top : 8px;
  }

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

  .product-btns .product_wish > svg > path {
    stroke: #222;
  }

  .product-btns .product_wish.wish {
    background: #F17742;
  }

  .product-btns .product_wish.wish > svg > path {
    stroke: #fff;
  }

  .paging_box {
    margin-left: unset;
    padding: 20px 0 75px 0;
  }

  .product-title {
    font-size : 12px;
    font-weight : 500;
    margin-bottom : 8px;
  }
  .product-file-volume {
    font-size : 14px;
    font-weight: 400;
    color : #777;
  }

  .layer_popup {
    position: fixed;
    top: 0;
    background: #000000;
    opacity: 1;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .layer_close {
    position : absolute;
    top : 20px;
    right : 16px;
  }


  .layer-pagination {
    margin-bottom : 25px;
  }

  .layer-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: #ffffff;
    opacity: 0.4;
  }

  .layer-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 20px;
    height: 8px;
    border-radius: 10px;
    background: #ffffff;
    opacity: 1;
  }


  .selectTagLayer {
    position: fixed;
    left:0;
    bottom : 0;
    background: #ffffff;
    width: 100%;
    z-index: 10;
    padding : 21px 16px 24px 16px;
    border-radius: 16px 16px 0px 0px;
  }

  .selectTagLayer.opening {
    animation: openLayer 0.8s ease-in-out forwards;
  }
  .selectTagLayer.closing {
    animation: closeLayer 0.8s ease-in-out forwards;
  }

  .selectTagLayer .search-cate-list-wrap {
    height: 350px;
    overflow: hidden;
    overflow-y: scroll;
  }
  .selectTagLayer .search-cate-list-wrap .search-cate-list ul {
    width: 100%;
    margin-top: 16px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .selectTagLayer .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;
    flex-shrink: 0;
  }
  .selectTagLayer .search-cate-list-wrap .search-cate-list {
    margin-bottom: 24px;
  }
  .selectTagLayer .search-cate-list-wrap .search-cate-list ul li.on {
    background-color: #222;
    color: #FFF;
  }
  .selectTagLayer .search-cate-list-wrap .search-cate-list ul li.on label {
    color: #FFF;
  }
  .selectTagLayer .search-cate-list-wrap .search-cate-list ul li .check_on {
    display: none;
    margin-right: 4px;
  }

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

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

  .product-top-text{
    padding : 16px 16px 0 16px;
  }

  .product-top-text .product-user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap : 4px;
  }

  .product-top-text .product-user .user-profile {
    display: flex;
    align-items: center;
    justify-content: center;
    width : 20px;
    height : 20px;
    background : #F6F6F6;
    border-radius: 100px;
  }

  .product-top-text .product-user .company-profile {
    display: flex;
    width: 24px;
    height: 24px;
    background-color: #222222;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
  }

  .product-top-text .product-user .user-nickname {
    font-size : 12px;
    font-weight : 500;
    color : #777;
  }
  .product-top-text .product-user .user-job {
    font-size : 12px;
    font-weight : 400;
    color : #aaa;
  }

  .product-top-text .product-price {
    font-size : 17px;
    font-weight : 300;
  }



  .product-top-text .product-intro .product-intro-text {
    font-size : 14px;
    font-weight: 400;
    color : #777;
    line-height: 26px;
    overflow: hidden;
    /* 요소의 표시 방법을 -webkit-box로 표시 */
    display: -webkit-box;
    /* webkit-box로 표시된 자식 요소들의 배치 방법 결정 (여기서는 수직) */
    -webkit-box-orient: vertical;
    /* 요소 내 텍스트를 지정한 라인수까지만 표시 */
    -webkit-line-clamp: 8;
    /* 텍스트 양쪽정렬 */
    text-align :justify;

    max-height: 208px; /* 8줄에 해당하는 높이 */
    transition: max-height 0.3s ease;
  }


  .product-btns {
    position: fixed;
    bottom: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding : 13px 0px;
    opacity: 0;
    background: #fff;
    box-shadow: 0px 0px 14px 0px #00000026;
    gap : 16px;
  }

  .btm85{
    bottom : 85px !important;
  }

  .m_btn_style {
    font-size : 15px;
    font-weight: 500;
    border: 1px solid #eee;
    border-radius: 100px;
    padding : 10px 50px;
  }
  .m_btn_style2 {
    font-size : 15px;
    font-weight: 500;
    color: #fff;
    border: 1px solid #222;
    background: #222;
    border-radius: 100px;
    padding : 10px 50px;
  }

  @keyframes openLayer {
    0%{
      bottom: -500px;
    }
    100%{
      bottom: 0;
    }
  }
  @keyframes closeLayer {
    0%{
      bottom: 0px;
    }
    100%{
      bottom: -500px;
    }
  }
  #toggleButton {
    display: flex;
    align-items: center;
    justify-content: center;
    gap : 4px;
  }

  #toggleButton > p {
    font-size : 12px;
    font-weight: 500;
    color : #777;
  }

  .top-btn {
    position: fixed;
    bottom: 24px;
    right: 16px;
    width: 48px;
    height: 48px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: rgba(0,0,0,0.4);
    border-radius: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
  }

  .top-btn.show {
    animation: fadein 0.8s ease-in-out forwards;
  }
  .top-btn.hide {
    animation: fadeout 0.8s ease-in-out forwards;
  }

  .product-btns.show {
    animation: fadein 0.8s ease-in-out forwards;
  }
  .product-btns.hide {
    animation: fadeout 2s ease-in-out forwards;
  }

  footer > div {
    padding : unset;
  }

  /* 업로드 */

  .upload-inner {
    display: inline-block;
    width: 100%;
    min-width: unset;
  }

  .progress-bar {
    width: 85%;
  }

  .progress-step {
    gap : unset;
  }

  #drop-area {
    width: 100%;
  }

  .upload_info {
    width: 100%;
  }

  .textStyle {
    font-size : 13px;
  }

  .inputStyle2::placeholder {
    font-size : 15px;
  }

  .tagList {
    margin-left : unset;
    width: 100%;
  }

  .addTagBtn {
    font-size : 12px;
  }

  .fileStyle {
    width: 120px;
    height: 120px;
  }

  .contentSlide, .textureSlide{
    padding: 10px 85px 10px 13px !important;
  }


  .closeBtn {
    display: block;
    margin-right: 5px;
  }

  .upload-info-form {
    width: 100%;
  }

  .upload-info-form .user-upload-form {
    padding : 24px 16px;
  }

  .upload-info-form .user-upload-form .upload-form-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap : unset;
  }

  .upload-info-form .user-upload-form .upload-form-inner .upload-img {
    width: 100px;
    height: 100px;
    border-radius: 16px;
    overflow: hidden;
  }

  .upload-info-form .user-upload-form .upload-form-inner .upload-info {
    flex-grow: unset;
    width: 100%;
  }

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


  .btn-style-1 {
    width : 100%;
  }


  /* 가이드 */
  .guide_wrap {
    width: 100%;
  }

  .guide_wrap .guide_box {
    width: 100%;
    margin: 0 auto;
    padding: 40px 24px 50px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
  }

  .guide_wrap .guide_box .guide_list .guide_icon {
    display: flex;
    width: unset;
    height: unset;
    background: #FFF;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid #f6f6f6;
    padding: 4px 12px;
    border-radius: 30px;
    gap: 2.5px;
  }

  /* 마이페이지 메인 */
  .mypage_wrap {
    width : 100%;
    margin : 0 auto;
    background: #F6F6F6;
    border-bottom: 1px solid #EEEEEE ;
  }

  .mypage_wrap .mypage_inner {
    width : 100%;
    padding : 24px 16px 16px 16px;
  }

  .myPage_userInfo {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 30px 16px 0 16px;
    border: 1px solid #eee;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
    gap : 16px;
  }

  .myPage_userInfo .profiles {
    width: 82px;
    height: 82px;
    border-radius: 100px;
    background: #F6F6F6;
    margin : unset;
  }

  .user_profile_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .user_logout {
    border-top : unset;
    padding: 19px 0;
  }

  .mypageLists {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap : 7px;
  }

  .mypageLists .mypageItem {
    display: flex;
    width: 172px;
    padding: 24px 0;
    border-radius: 16px;
    border: 1px solid #EEEEEE;
    background: #fff;
    gap: 5px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .mypageLists .mypageItem svg {
    width: 25px;
    height: 25px;
  }

  .mypageLists .mypageItem:hover {
    box-shadow: 0px 3px 14px 0px #0000001A;
  }

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

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

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

  /* 인증유저 뱃지 */
  .cert_user_badge {
    background: #6D8EE4;
    border-radius: 100px;
    padding : 4px 10px;
    gap: 2px;
    color : #fff;
  }

  .normal_user_badge {
    background: #f6f6f6;
    border-radius: 100px;
    padding : 4px 10px;
    gap: 2px;
    color : #AAA;
  }


  /* 마이페이지 회원 수정 */
  .mypage_common_wrap {
    position: absolute;
    width: 100%;
    height: unset;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .mypage_common_wrap .mypage_common_inner{
    position: unset;
    top: 50%;
    left: 50%;
    transform: unset;
    display: flex;
    gap: 40px;
    width: 100%;
    margin: 0 auto;
    padding : 20px 20px 40px 20px;
    background: #fff;
    border-radius: unset;
  }

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

  .mypage_common_wrap .mypage_common_inner .mypage_user_info .mypage_user_form {
    margin-top : 40px;
  }

  .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 : 40px;
  }
  .mypage_common_inner .mypage_user_info .mypage_user_form .user_info_box .user_profiles label {
    display: flex;
    align-items: center;
    position : relative;
    width : 120px;
    height: 120px;
    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 {
    width: 100%;
  }
  .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: 72px;
    height: 72px;
    background : #fff;
    border-radius : 50%;
    overflow: hidden;
  }
  .userInfo .userprofile img {
    width: 100%;
    height: auto;
  }

  .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;
  }

  /* 구매내역 */

.mybuyHistory_wrap {
  width: 100%;
  margin : 0 auto;
}

.mybuyHistory_wrap .mybuyHistory_inner {
  width : 100%;
  margin : 0 auto;
}

.mybuyHistory_wrap .mybuyHistory_inner .Top_Category {
  display: flex;
  justify-content: space-between;
  padding: 24px 16px;
}

.mybuyHistory_wrap .mybuyHistory_inner .Top_Category .back {
  position: unset;
}

.searchLayer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.searchBtn {
  position: absolute;
  top: 11px;
  right: 30px;
  z-index: 10;
}
.searchBtn > svg {
  width: 20px;
  height: 20px;
}
.searchClose {
  position: absolute;
  top: 11px;
  left: 20px;
  z-index: 10;
}

.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 : 16px;
  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: 80px;
  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 16px;
  border-radius: 8px;
  font-size : 13px;
  font-weight : 400;
  color :#fff;
  background : #222;
  cursor: pointer;
}


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

.buyHistoryItem {
  border: unset;
  border-top : 1px solid #EEEEEE;
  border-radius: unset;
  padding : 24px;
}

.buyItemImage {
  width: 72px;
  height: 72px;
  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);
}

/* 구매관리 끝 */

/* 주문상세 */

.orderDetail_wrap {
  width: 100%;
  margin : 0 auto;
}

.orderDetail_wrap .orderDetail_inner {
  width: 100%;
  margin : 0 auto;
}

.orderDetail_wrap .orderDetail_inner .Top_Category {
  display: flex;
  justify-content: flex-start;
  gap: 111px;
  padding: 21px 16px;
  align-items: center;
}

.orderDetail_wrap .orderDetail_inner .Top_Category .back {
  position : unset;
}

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

/* 구매영수증 */

#receiptPaper_cover {
  position: fixed;
  top : 0;
  left : 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

#receiptPaper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  z-index: 20;
  width: 100%;
  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_cover {
  position: fixed;
  top : 0;
  left : 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
#saleInvoicePaper {
  position : absolute;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  z-index: 20;
  width: 100%;
  max-height: 80%;
  padding : 33px 0;
  border-radius: 16px;
  background : #FFF;
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
  overflow: auto;
}

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

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

.saleInvoiceList {
  max-width: 100%;
  border-top: 8px solid #f6f6f6;
  border-bottom: 8px solid #f6f6f6;
  overflow: auto;
}
.saleInvoiceList::-webkit-scrollbar{
  display:none;
}
.saleInvoiceTable {
  width: 750px;
}
.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;
}


  /* 위시 리스트 */

  .wish_wrap {
    width : 100%;
    margin : 0 auto;
  }
  .wish_wrap .wish_inner{
    width : 100%;
    margin : 0 auto;
    padding : unset;
  }

  .wish_wrap .wish_inner .Top_Category{
    padding : 20px 16px;
  }

  .wish_wrap .wish_inner .Top_Category .back{
    top : 16px;
    left : 16px;
  }

  .wish_list {
    display: flex;
    flex-wrap: wrap;
    gap : 10px;
    padding : 0 16px;
  }

  .wish_item {
    position: relative;
    width: 48%;
    height: 100%;
    transition: box-shadow 0.25s ease-in-out 0s, transform 0.25s ease 0s;
  }

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

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

  .wish_item .free {
    font-size: 14px;
    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;
  }

  /* 내 에셋 */
  .seller_info {
    margin : 18px 16px 16px 16px;
  }

  .mypage_seller_common_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .mypage_seller_common_wrap .mypage_seller_common_inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    gap: 40px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 20px 20px 40px 20px;
    background: #fff;
    border-radius: unset;
  }

  .mypage_seller_common_wrap .mypage_seller_common_inner .mypage_user_info{
    flex-grow: 1;
  }

  .mypage_seller_common_wrap .mypage_seller_common_inner .mypage_user_info .mypage_user_form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

  .mypage_seller_common_wrap .mypage_seller_common_inner .mypage_user_info .mypage_user_form .user_info_box {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .mypage_seller_common_wrap .mypage_seller_common_inner .mypage_user_info .mypage_user_form .user_info_box .user_profiles {
    margin-bottom : 40px;
  }
  .m.mypage_seller_common_inner .mypage_user_info .mypage_user_form .user_info_box .user_profiles label {
    display: flex;
    align-items: center;
    position : relative;
    width : 120px;
    height: 120px;
    border-radius : 50%;
    overflow: hidden;
  }
  .mypage_seller_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 {
    width: 100%;
  }
  .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: 72px;
    height: 72px;
    background : #fff;
    border-radius : 50%;
    overflow: hidden;
  }

  /* 판매자 수익정산 */

  .myprofit_inner > div {
    width: 100%;
  }

  .myprofit_miniBox {
    width: 100%;
  }

  .myprofit_miniBox:first-of-type {
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.20);
  }

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

  .myprofit_info_text {
    background: #F6F6F6;
    border-radius: 16px;
    padding: 24px;
    width: 90% !important;
    margin: 0 auto;
  }

  .profit_select_box {
    right : 16px;
  }

  /* 판매자 홈 */

.sellerHome_inner .Top_Category {
  padding : 24px 16px;
}

.sellerHome_inner .Top_Category .back {
  top : 50%;
  left : 16px;
  transform: translateY(-50%);
}

.seller_info_box {
  position: unset;
  top: 0;
  left: 0;
  width: 90%;
  border: 1px solid #EEEEEE;
  border-radius: 16px;
  padding: 24px 16px;
  margin: 0 auto;
}

.seller_info_box .seller_profile {
  width : 72px;
}

.seller_item_list_wrap {
  width: 100%;
  margin-top : 16px;
  border-top : 8px solid #F6F6F6;
}

.seller_item_box  {
  padding : 0 16px;
}

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

.seller_item_list .seller_item {
  position: relative;
  width: 47%;
}

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

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

.seller_register_wrap .seller_register_inner {
  width: 100%;
  margin : 0 auto;
}

.seller_register_wrap .seller_register_inner .Top_Category {
  padding : 24px 16px;
}

.seller_register_wrap .seller_register_inner .Top_Category .back {
  top : 50%;
  left : 16px;
  transform: translateY(-50%);
}

.fixed_box {
  position: fixed;
  bottom: 0;
  left : 0;
  width: 100%;
  background-color: #fff;
  z-index: 20;
  padding : 20px 16px;
  box-shadow: 0px -6px 14px 0px #0000001A;
}
.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: 100%;
  margin: 0 auto;
  justify-content: center;
}

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

.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: 100%;
  margin: 0 auto;
  gap: 0px;
  padding-left: unset;
  justify-content: space-around;
  padding-right: 7px;
}

.seller-progress-step > div {
  font-size: 12px;
  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 {
  width : 90%;
  padding : 10px 16px;
  border-radius: 8px;
  background: #F6F6F6;
}

.seller_type > div > label, .business_type > div > label{
  width: 100%;
  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: 100%;
  padding : 0 16px;
}

.sales_type_box {
  width: 48%;
}

.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 : 100%;
  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 : 100%;
  height : 570px;

}
.contract_box .contract {
  height : 100%;
  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;
  width: 100%;
  height: 400px;
}

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

#sign_pop_layer {
  position: fixed;
  top : 0;
  left : 0;
  width: 100%;
  height: 100%;
  z-index: 30;
  background: rgba(0, 0, 0, 0.5);
}

#sign_pop_layer #sign_pop_inner{
  position: absolute;
  bottom : 0;
  left : 0;
  width: 100%;
  z-index: 20;
  background: #fff;
  border-radius : 16px 0 16px 0;
  padding : 20px 16px;
}

.sign_box {
  display: flex;
  width: 100%;
  height: 215px;
  background-color: #F6F6F6;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.seller_wrap {
  width: 100%;
}

.seller_inner {
  width: 100%;
}

.regiSuccess_box {
  padding : 0 16px;
  margin-top :21px;
  margin-bottom : 103px;
}

.regiSuccess_content {
  margin-top : 100px;
}

/* 판매자등록 끝 */


  /* 마이페이지 */
  .mypage_common_inner .mypage_user_info .mypage_user_form .user_info_box .user_profiles label, .mypage_seller_common_inner .mypage_user_info .mypage_user_form .user_info_box .user_profiles label  {
    display: flex;
    align-items: center;
    position : relative;
    width : 120px;
    height: 120px;
    border-radius : 50%;
    overflow: hidden;
  }

  .leaveContent {
    max-height : 338px;
  }

  .myasset_inner_box {
    width: 100%;
  }

  .myasset_tab .myasset_tab_list > a[aria-selected="true"] {
    font-size: 13px;
    font-weight: 500;
  }

  .myasset_tab .myasset_tab_list > a {
    font-size: 13px;
    font-weight: 500;
  }
  .asset-list {
    gap : 16px;
  }
  .asset-list .asset-item {
    width: 47%;
    margin-right : unset;
  }

  .asset-list .asset-item > a > img {
    width: 100%;
    height: unset;
  }
  .asset-list .asset-item .title {
    font-size :14px;
  }

  .non-asset-list, .non-history-list {
    min-height : 67vh;
  }

  .pInfoText {
    font-size : 15px;
  }
  .buyhistory_table_wrap {
    background: #f6f6f6;
  }
  .buyhistory_box {
    display: flex;
    flex-direction: column;
  }

  .buyhisory_list {
    background: #fff;
    padding : 16px;
    margin-bottom : 8px;
  }

  .buyhisory_list .order_info {
    display: flex;
    justify-content: space-between;
  }

  .buyhisory_list .order_info .orders{
    display: flex;
    gap : 8px;
  }
  .buyhisory_list .order_info .order_stat{
    font-size : 13px;
    font-weight: 400;
    color: #AAA;
  }

  .buyhisory_list .order_info .orders .order_date{
    font-size : 13px;
    font-weight: 500;
    color: #777;
  }

  .buyhisory_list .order_info .orders .order_no{
    font-size : 13px;
    font-weight: 400;
    color: #AAA;
  }
  .buyhisory_list .order_models {
    display: flex;
    gap: 16px;
  }

  .buyhisory_list .order_models > img {
    width: 72px;
    height: 72px;
    border-radius: 12px;
  }

  .buyhisory_list .order_models .model_infos {
  }

  .buyhisory_list .order_models .model_infos .model_filename {
    font-size : 13px;
    font-weight: 500;
    color : #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom : 8px;
  }

  .buyhisory_list .order_models .model_infos .prices {
    font-size : 13px;
    font-weight: 400;
    color : #777;
  }

  .buyhisory_list .downloads_use {
    display: flex;
    align-items: center;
    gap : 16px;
  }

  .buyhisory_list .downloads_use > div {
    font-size: 13px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    padding : 6px 0px !important;
    margin-top : unset !important;
  }

  .pagenation {
    background: #fff;
    padding-top: 55px;
  }

  .paginationjs .paginationjs-pages li > a {
    z-index : 5;
  }

  #about_wrap {
    width: 100%;
    overflow: hidden;
  }

/* 장바구니 */

.cart_wrap {
  width : 100%;
  margin : 0 auto;
}
.cart_wrap .cart_inner{
  position: relative;
  width : 100%;
  margin : 0 auto;
  padding-top : unset;
  padding-bottom : unset;
}

.cart_wrap .cart_inner .Top_Category{
  padding : 20px 16px;
}

.cart_wrap .cart_inner .Top_Category .back{
  top : 16px;
  left : 16px;
}

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

}

.cart_list_wrap {
  margin-bottom : unset;
}

.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:unset;
  top : 0;
  float: unset;
  width: 100%;
  padding : unset;
  border-radius: unset;
  box-shadow: unset;
  box-sizing: border-box;
  border-top : 8px solid #F6F6F6;
}

.cart_detail_info {
  position : fixed;
  bottom : 0;
  left: 0;
  width: 100%;
  box-shadow: 0px -6px 14px 0px #0000001A;
  background-color: #fff;;
  z-index: 10;
  padding : 16px;
}

/* 주문결제 */

#order_info {
  width: 100%;
  padding : 40px;
  box-sizing: border-box;
}


/* 주문결제완료 */

.orderResult_Wrap {
  width: 100%;
}

.orderResult_Wrap .orderResult_inner {
  width: 100%;
}

.orderResult_Wrap .orderResult_inner .Top_Category {
  padding : 16px 0;
}

.orderResult_Wrap .orderResult_inner .orderResult_box {
  margin-top : 100px;
}

  .banner_text1 {
    width: 85%;
    bottom : unset;
    top : 0;
    left : 0;
    padding-left : 24px;
    margin-top: 40%;
  }

  .banner_text2 {
    width: 85%;
    bottom: -35px;
    right: -45px;
    padding-left: 33px;
  }

  .banner_ellipse {
    position: absolute;
    bottom: 35px;
    right: -35px;
    width: 90px;
    z-index: 5;
  }

  .banner_font1 {
    font-family: 'NotoSerif';
    font-size: 52px;
  }
  .banner_font2 {
    font-size :13px;
  }

  .banner_font3 {
    font-size : 28px;
  }

  .about_arrow_impact {
    position: absolute;
    top: -95px;
    left: 24px;
  }

  .about_arrow_impact .arrow_impact {
    height: 203px;
    animation: expandShrink2 2s ease-in-out infinite;
  }

  .about_arrow_impact .arrow_impact::before {
    bottom: 4px;
    left: -0.5px;
    width: 10px;
  }

  .about_section1 {
    padding-top : 173px;
  }

  .section1_items {
    display: unset;
  }

  .section1_items2 {
    width: 100%;
    padding: 100px 16px 0 16px;
  }

  .about_text {
    font-size : 15px;
  }

  .about_text2 {
    font-size : 13px;
    line-height: 24px;
  }

  .section1_items2 .section1_items_inner {
    display: unset;
  }

  .section1_items3 {
    margin : 100px 0;
  }

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

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

  .section1_items4 {
    width: 100%;
  }

  .seection_items4_inner {
    display: unset;
    margin-left : 0px;
  }

  .seection_items4_inner > div {
    padding : 60px 56px;
    text-align: center;
  }

  .section1_items5 {
    width: 100%;
  }

  .seection_items5_inner {
    display: unset;
    margin-left : 0px;
  }

  .seection_items5_inner > div {
    padding : 60px 56px;
    text-align: center;
  }

  .about_section2 {
    margin : unset;
  }

  .about_section2_items {
    height: 110px;
    background-image: url('/site/about/m_about_img7.jpg');
  }
  .section2_title {
    font-size : 24px;
    padding : 38px 0;
  }

  .about_section2_items2 {
    width: 100%;
  }

  .section2_items2_inner {
    margin-top : 100px;
    display: inline-block;
  }

  .about_text3 {
    font-size : 15px;
  }

  .about_text4 {
    font-size : 15px;
  }

  .about_text5 {
    font-size : 18px;
  }
  .about_text6 {
    font-size : 13px;
  }
  .about_section2_items3 {
    width: 100%;
  }

  .items_inner {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 0px;
    flex-direction: column;
  }

  .section2_items3_inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    margin-top: 55px;
    margin-bottom : 100px;
    padding : 0 16px;
  }

  .about_section3_items {
    height: 110px;
    background-image: url('/site/about/m_about_img11.jpg');
  }
    /* 애니메이션 키프레임 정의 */
  @keyframes expandShrink2 {
    0%, 100% {
        height: 203px; /* 초기 크기 */
    }
    50% {
        height: 223px; /* 최종 크기 */
    }
  }

  @keyframes fadein {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }

  @keyframes fadeout {
    0%{
      opacity: 1;
    }
    100%{
      opacity: 0;
    }
  }

  /* 고객센터 */

#board_wrap {
  width: 100%;
  margin : 0 auto;
}

#board_wrap .board_inner {
  width: 100%;
  margin : 0 auto;
}

#board_wrap .board_inner .Top_Category {
  padding : 20px 16px;
}

#board_wrap .board_inner .Top_Category .back {
  top : 50%;
  left : 16px;
  transform: translateY(-50%);
}

.board_tab_box {
  width: 100%;
  padding : 0 16px;
  overflow: auto;
}

.board_tab_box::-webkit-scrollbar {
  display: none;;
}

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

.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;
  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 : 13px;
  font-weight : 400;
  color : #777;
}

/* 공지사항 상세 */

#noticeInfo_wrap {
  width: 100%;
  margin : 0 auto;
}

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

#faqs .faqs-panel {
  padding : 16px 16px 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 : 10px;
  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 : unset;
}
#faqs .faqs-panel .faqs_body .faqs_content{
  background: #f6f6f6;
  border-radius: 16px;
  padding : 16px;
  font-size : 15px;
  font-weight : 400;
  color : #777;
}


/* 1:1 문의 */
.inquiry_join {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding : 16px;
  border-bottom : 1px solid #EEEEEE;
}

.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;
}

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

.inquiry_subject_box .inquiry_subject {
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.inquiry_answer_status {
  font-size: 13px;
  font-weight: 400;
  color :#777;
}

.inquiry_write {
  display: flex;
  gap: 4px;
  position: fixed;
  top: unset;
  bottom: 10px;
  right: 9px;
  background: #F17742;
  padding: 10px 22px;
  border-radius: 30px;
  width: 70px;
  align-items: center;
  justify-content: center;
}

.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;
}

/* 1:1 문의상세 */

.inquiry_content .inquiry_subject{
  font-size : 24px;
  font-weight: 400;
}
.inquiry_content .inquiry_text{
  font-size: 14px;
  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: 13px;
  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: 13px;
  font-weight: 400;
  line-height: 22px;
  color : #777777;
}

.inquiry_answer {
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
}

.inquiry_no_answer {
  font-size: 13px;
  font-weight: 400;
  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;
}

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


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

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

.orderProduct_pop {
  position: fixed;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
  overflow-y: auto;
  border-radius: unset;
  background: #fff;
  box-shadow: unset;
  z-index: 10;
}

.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;
}

  /* sweetalery2 css */

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

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

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

  .custom_swal_popup3 {
    width : 90% !important;
  }

  .custom_swal_title {
    font-size : 14px !important;
    font-weight: 400 !important;
  }

  /* 챗봇 */
  #custom_chatbot {
    position: fixed;
    bottom: 95px;
    right: 10px;
    z-index: 100;
    cursor: pointer;
    width: 60px;
  }

  #custom_chatbot > img {
    width: 100%;
  }
}


@media (max-width: 360px)  {
  footer {
    padding: 50px 0;
  }
}