@charset "UTF-8";
/*반응형 화면 크기*/
/*반응형, 브라우저 크기가 767px 이하일때*/
/*반응형, 브라우저 크기가 768이상, 1210px 이하일때*/
/*반응형, 브라우저 크기가 1210px 이상일때*/
/*넓이, 높이 자동 계산함수*/
/* 미디어 쿼리 사용시  */
@media (max-width: 767px) {
  /*브라우저 사이즈767px이하일때*/
}
@media (min-width: 768px) and (max-width: 1209px) {
  /*브라우저 사이즈1023px이하일때*/
}
@-webkit-keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(7px);
  }
  60% {
    transform: translateY(4px);
  }
}
@keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(7px);
  }
  60% {
    transform: translateY(4px);
  }
}
body.h100 {
  height: 100vh;
  overflow: hidden;
}

@media (min-width: 1210px) {
  /*브라우저 사이즈1024px이상일때*/
  .pc-hide {
    display: none !important;
  }
  .pin-container .section {
    max-width: 100%;
  }
  .pin-container .t-pretendard {
    font-family: SignPainter-HouseScript;
    font-size: 80px;
    font-weight: 600;
  }
  .pin-container .t-emerald {
    color: #00ff74;
  }
  .pin-container .t-navy {
    color: #03223a;
  }
  .pin-container .pin-visual-wrap {
    height: 677px;
    background-color: #000000;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pin_visual_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .pin-sub-gnb-wrap{
    border-bottom: 1px solid #e5e5e5;
  }

  .pin-sub-gnb{
    max-width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    height: 54px;
  }

  .pin-sub-gnb .pin-sub-menu{
    display: flex;
    align-items: center;
    font-size: 16px;
  }

  .pin-sub-gnb .pin-sub-menu a{
    color: #3a3b3c;
    font-weight: 500;
    padding: 0 12px;
  }

  .pin-sub-gnb .pin-sub-menu a.on{
    font-weight: 800;
    color: #4f81ff;
  }

  .pin-sub-gnb .btn-join{
    width: 167px;
    height: 35px;
    border-radius: 999px;
    border:1px solid #7f4ef9;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: #4f81ff;
    font-weight: 500;
    font-size: 16px;
    margin-left: 10px;
  }

  .pin-sub-gnb .btn-join:first-of-type{
    margin-left: auto;
  }

  .pin-sub-gnb .btn-join:after{
    width: 8px;
    height: 15px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/new/pc/ico-pinjoin-arr.png) center/100% no-repeat;
    content: '';
    margin-left: 12px;
  }


  .pin-container .pin-visual-wrap .pin-visual-txt dt {
    font-size: 64px;
    color: #ffffff;
    font-weight: 800;
    line-height: 77px;
    position: relative;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt .ico-go {
    position: absolute;
    font-size: 0;
    line-height: 0;
    width: 142px;
    height: 134px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-go.png) center no-repeat;
    top: -57px;
    right: -40px;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt .t-pretendard {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 103px;
    height: 55px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/club-txt.png) center no-repeat;
    vertical-align: top;
    margin-top: 10px;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dd {
    margin-top: 25px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #ffffff;
  }
  .pin-container .pin-visual-wrap .btn-area {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pin-container .pin-visual-wrap .btn-area a {
    margin: 0 10px;
    width: 226px;
    height: 54px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    position: relative;
  }
  .pin-container .pin-visual-wrap .btn-area a span {
    font-size: 20px;
    font-weight: 600;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01 {
    position: relative;
    border: 1px solid transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01 span {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01 span.hover-after {
    display: none;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover {
    background-image: linear-gradient(270deg, #0d89e8, #00ff74);
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover span {
    color: #ffffff !important;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover span.hover-before {
    display: none;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover span.hover-after {
    display: block;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 {
    background-image: linear-gradient(270deg, #0d89e8, #00ff74);
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 span {
    color: #ffffff;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 .tooltip-area {
    position: absolute;
    width: 167px;
    height: 35px;
    box-shadow: 0 4.1px 6.9px 0 rgba(0, 0, 0, 0.16);
    background-color: #cf0;
    border-radius: 5px;
    bottom: -45px;
    left: 50%;
    margin-left: -83px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-animation: bounce2 1s ease infinite;
    animation: bounce2 1s ease infinite;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 .tooltip-area:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 7px solid #cf0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: -7px;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 .tooltip-area span {
    font-size: 12px;
    color: #424242;
    font-weight: 500;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02:hover {
    /*background-image: linear-gradient(270deg, #85888d, #85888d);
    background: #85888d;*/
    background-image: linear-gradient(270deg, #3a3b3c, #3a3b3c);
    background: #3a3b3c;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type03 {
    background: #c9c9c9;
    width: 289px;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type03 span {
    color: #ffffff;
  }
  .pin-container .pin-banner-wrap {
    padding-bottom: 45px;
    margin-top: -50px;
  }
  .pin-container .pin-banner-wrap .pin-banner-area {
    height: 135px !important;
  }
  .pin-container .pin-banner-wrap .pin-banner-area .banner-list {
    display: flex;
  }
  .pin-container .pin-banner-wrap .pin-banner-area .banner-item {
    margin-left: 18px;
    border-radius: 16px;
    width: 210px;
    height: 117px;
    box-shadow: 0 12px 8px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
  .pin-container .pin-banner-wrap .pin-banner-area .banner-item a {
    border-radius: 16px;
    width: 210px;
    height: 117px;
    display: block;
    overflow: hidden;
    background: #ddd;
  }
  .pin-container .pin-banner-wrap .pin-banner-link {
    display: flex;
    justify-content: center;
    margin-top: 25px;
  }
  .pin-container .pin-banner-wrap .pin-banner-link .btn-link {
    font-size: 18px;
    font-weight: 500;
    color: #acacac;
    border-bottom: 2px solid #c7c7c7;
    line-height: 19px;
  }
  .pin-container .pin-member-info {
    padding: 195px 0 135px;
  }
  .pin-container .pin-member-info.section-ani .member-info-title {
    transform: translate(0, 0);
    opacity: 1;
  }
  .pin-container .pin-member-info.section-ani .member-info-cont .swiper-slide {
    transform: translate(0, 0);
    opacity: 1;
  }
  .pin-container .pin-member-info .member-info-title {
    transform: translate(0, 50px);
    opacity: 0;
    transition: 500ms;
  }
  .pin-container .pin-member-info .member-info-title .info-tooltip {
    width: 307px;
    height: 60px;
    border-radius: 20px;
    background: #000000;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
    margin: 0 auto;
    font-size: 18px;
    color: #f9faff;
  }
  .pin-container .pin-member-info .member-info-title .info-tooltip:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #000000;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -15px;
  }
  .pin-container .pin-member-info .member-info-title .info-tooltip .ico-face {
    width: 20px;
    height: 21px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-smile3.png) center no-repeat;
    margin-right: 5px;
  }
  .pin-container .pin-member-info .member-info-title .info-tt {
    margin-top: 30px;
    text-align: center;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dt {
    font-size: 28px;
    color: #5e6062;
    font-weight: 300;
    line-height: 48px;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dd {
    margin-top: 10px;
    font-size: 64px;
    font-weight: 600;
    color: #85888d;
    line-height: 70px;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dd .t-grdi01 {
    font-weight: 800;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dd .t-navy {
    font-weight: 900;
  }
  .pin-container .pin-member-info .member-info-cont {
    margin-top: 90px;
    display: flex;
    justify-content: center;
  }
  .pin-container .pin-member-info .member-info-cont .swiper-slide {
    width: auto;
    transform: translate(0, 50px);
    opacity: 0;
    transition: 500ms;
  }
  .pin-container .pin-member-info .member-info-cont .swiper-slide:nth-child(1) {
    transition-delay: 300ms;
  }
  .pin-container .pin-member-info .member-info-cont .swiper-slide:nth-child(2) {
    transition-delay: 550ms;
  }
  .pin-container .pin-member-info .member-info-cont .swiper-slide:nth-child(3) {
    transition-delay: 800ms;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item {
    width: 384px;
    height: 608px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background: #fff;
    border-radius: 16px;
    margin: 0 12px;
    box-sizing: border-box;
    padding: 30px 20px 0 30px;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item dt {
    font-size: 28px;
    line-height: 42px;
    color: #03223a;
    font-weight: 700;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item dt .t-gradi01 {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item dd {
    margin-top: 10px;
    font-size: 22px;
    line-height: 30px;
    color: #85888d;
    font-weight: 700;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item.type01 {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/mem-profile.png) center bottom no-repeat;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item.type02 {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/mem-trend.png) center calc(100% - 30px) no-repeat;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item.type03 {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/mem-manage.png) calc(100% + 1px) calc(100% + 3px) no-repeat;
  }
  .pin-container .pin-member-info .member-sign-area {
    margin-top: 225px;
  }
  .pin-container .pin-member-info .member-sign-area .sign-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    color: #03223a;
    margin-bottom: 20px;
  }
  .pin-container .pin-member-info .member-sign-area .sign-txt .ico-smile {
    display: block;
    width: 24px;
    height: 25px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-smile2.png) center no-repeat;
    margin-right: 5px;
  }
  .pin-container .pin-member-info .member-sign-area .btn-gradi {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
    background-image: linear-gradient(270deg, #0d89e8, #32ab8c);
    width: 458px;
    height: 68px;
    border-radius: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px;
  }
  .pin-container .pin-member-info .member-sign-area .btn-gradi span {
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
  }
  .pin-container .pin-member-info .member-sign-area .sign-info {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pin-container .pin-member-info .member-sign-area .sign-info span {
    font-size: 20px;
    color: #5e6062;
    font-weight: 500;
    line-height: 30px;
  }
  .pin-container .pin-member-info .member-sign-area .sign-info .ico-arrow-right {
    width: 13px;
    height: 30px;
    margin-left: 10px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-gray.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-top {
    background: #50cd89;
    padding: 110px 0 120px;
    text-align: center;
  }
  .pin-container .pin-benefit-wrap .benefit-top .ico-hand {
    display: block;
    width: 143px;
    height: 144px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-hand.png) center no-repeat;
    margin: 0 auto;
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dt {
    font-size: 54px;
    line-height: 72px;
    color: #f9faff;
    font-weight: 800;
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dt .t-darkgreen {
    color: rgba(3, 34, 58, 0.65);
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dd {
    margin-top: 20px;
    font-size: 24px;
    color: rgba(3, 34, 58, 0.65);
    font-weight: 500;
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dd strong {
    font-weight: 800;
  }
  .pin-container .pin-benefit-wrap .benefit-top .scroll-down {
    margin-top: 75px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: rgba(3, 34, 58, 0.65);
  }
  .pin-container .pin-benefit-wrap .benefit-top .scroll-down .ico-down-arrow {
    display: block;
    width: 38px;
    height: 23px;
    margin: 20px auto 0;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-down.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont {
    max-width: 1200px;
    margin: 0 auto;
    padding: 135px 0 80px;
    display: flex;
    justify-content: center;
    position: relative;
  }
  .pin-container .pin-benefit-wrap .benefit-cont.fix .cont-left {
    position: fixed;
    top: 135px;
    left: 50%;
    width: 690px;
    margin-left: -600px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont.fix-btm .cont-left {
    position: absolute;
    bottom: 135px;
    left: 50%;
    width: 690px;
    margin-left: -600px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left {
    width: calc(100% - 510px);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dt {
    position: relative;
    padding-top: 103px;
    font-size: 64px;
    line-height: 77px;
    font-weight: 700;
    color: #101010;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dt .t-gradi01 {
    font-weight: 800;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dt:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 149px;
    height: 96px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-sign-benefit.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dd {
    margin-top: 25px;
    font-size: 22px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info {
    margin-top: 70px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info p {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #818181;
    font-weight: 500;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info p .ico-eye {
    width: 24px;
    height: 25px;
    display: block;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-eyes.png) center no-repeat;
    margin-right: 5px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop {
    margin-top: 15px;
    display: flex;
    align-items: center;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop span {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop span:before {
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    position: absolute;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop:after {
    content: "";
    display: block;
    width: 16px;
    height: 30px;
    margin-left: 5px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-gradi.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right {
    width: 510px;
    margin-left: auto;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card {
    width: 510px;
    height: 580px;
    border-radius: 24px;
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    margin-top: 30px;
    box-sizing: border-box;
    position: relative;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .pd30 {
    padding: 30px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-label {
    display: inline-flex;
    height: 42px;
    padding: 0 12px;
    align-items: center;
    border-radius: 21px;
    background: #32ab8c;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-txt {
    margin-top: 30px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-txt dt {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #32ab8c;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-txt dd {
    margin-top: 30px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.04em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.45);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card ol {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: #f5f5f5;
    padding: 6px 12px;
    border-radius: 8px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card ol li {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: rgba(0, 0, 0, 0.45);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info1 {
    display: block;
    bottom: 30px;
    right: 30px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem1.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info2 {
    display: block;
    bottom: 30px;
    right: 30px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem2.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info3 {
    display: block;
    bottom: 30px;
    right: 30px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem3.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info4 {
    display: block;
    bottom: 30px;
    right: 30px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem4.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info5 {
    display: block;
    bottom: 30px;
    right: 30px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem5.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child {
    margin-top: 0;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child .card-label {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child .card-label .ico-twinkle {
    display: block;
    width: 18px;
    height: 19px;
    margin-left: 3px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-twinkle.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child .card-txt dt {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .benefit-summary .summary-title-sec {
    background: #f9faff;
    padding: 250px 0;
    text-align: center;
  }
  .pin-container .benefit-summary .summary-title-sec .ico-smile {
    display: block;
    width: 54px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-smile1.png) center no-repeat;
    margin: 0 auto;
  }
  .pin-container .benefit-summary .summary-title-sec p {
    margin-top: 10px;
    font-size: 54px;
    line-height: 72px;
    color: rgba(3, 34, 58, 0.5);
    font-weight: 800;
  }
  .pin-container .benefit-summary .summary-title-sec p strong {
    font-weight: 800;
  }
  .pin-container .benefit-summary .summary-cont1 {
    background: #000000;
    padding: 105px 0;
    text-align: center;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-label {
    height: 60px;
    border: 3px solid transparent;
    background-image: linear-gradient(#000, #000), linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 30px;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-label span {
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 25px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt {
    margin-top: 35px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dt {
    font-size: 44px;
    line-height: 54px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.85);
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dt i.ico-pin {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 45px;
    height: 45px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pin.png) center no-repeat;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dt .t-violet {
    background: linear-gradient(102deg, #7f4ef9 1%, #6f4fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dd {
    margin-top: 35px;
    font-size: 22px;
    line-height: 27px;
    color: rgba(255, 255, 255, 0.85);
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dd .t-violet {
    color: #4f81ff;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap {
    margin-top: 125px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide {
    width: 297px;
    height: 385px;
    margin: 0 10px;
    position: relative;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 #5228c3;
    width: 297px;
    height: 385px;
    box-sizing: border-box;
    white-space: normal;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state {
    padding: 0 30px;
    display: flex;
    align-items: flex-start;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state .name {
    font-size: 16px;
    color: #85888d;
    font-weight: 700;
    width: 90px;
    text-align: left;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state .cate {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state span:nth-child(n+2) {
    margin-left: 15px;
    padding-left: 16px;
    position: relative;
    width: calc(100% - 90px);
    text-align : left;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state span:nth-child(n+2):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #e5e5e5;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt {
    margin: 20px 30px 0;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt dt {
    font-size: 24px;
    line-height: 29px;
    color: #85888d;
    font-weight: 400;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 58px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt dd {
    margin-top: 25px;
    text-align: left;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt dd span {
    font-size: 34px;
    line-height: 41px;
    font-weight: 800;
    background: linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 82px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .btn-detail {
    display: none;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-icon {
    margin: 20px 0 0 30px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  }

  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-icon img{
    width: 100%;
    image-rendering: initial;
  }


  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:before {
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 300ms;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover:before {
    background: rgba(79, 129, 255, 0.8);
    border-radius: 16px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover .btn-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 48px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
    border-radius: 24px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -80px;
    z-index: 1;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover .btn-detail .ico-eye {
    display: block;
    width: 24px;
    height: 25px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-eyes.png) center no-repeat;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover .btn-detail span {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
  }
  .pin-container .benefit-summary .summary-cont1 .slide-btn-area {
    margin-top: 40px;
    display: flex;
    justify-content: center;
  }
  .pin-container .benefit-summary .summary-cont1 .slide-btn-area .btn-pause {
    display: block;
    width: 60px;
    height: 60px;
    background: #fff url(https://resource.mall.castingn.com/static/images/new/pc/ico-pause.png) center no-repeat;
    border-radius: 30px;
    font-size: 0;
    line-height: 0;
  }
  .pin-container .benefit-summary .summary-cont1 .slide-btn-area .btn-play {
    width: 60px;
    height: 60px;
    background: #fff url(https://resource.mall.castingn.com/static/images/new/pc/ico-play.png) center no-repeat;
    border-radius: 30px;
    font-size: 0;
    line-height: 0;
    display: none;
  }
  .pin-container .benefit-summary .summary-cont2 {
    background: #f9faff;
    padding: 105px 0 150px;
    text-align: center;
  }
  .pin-container .benefit-summary .summary-cont2.section-ani .summary-label {
    transform: translate(0, 0);
    opacity: 1;
  }
  .pin-container .benefit-summary .summary-cont2.section-ani .summary-txt {
    transform: translate(0, 0);
    opacity: 1;
  }
  .pin-container .benefit-summary .summary-cont2.section-ani .summary2-list li {
    transform: translate(0, 0);
    opacity: 1;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-label {
    transform: translate(0, 30px);
    opacity: 0;
    transition: 300ms;
    height: 60px;
    border: 3px solid transparent;
    background-image: linear-gradient(#f9faff, #f9faff), linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 30px;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-label span {
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(102deg, #32ab8c 1%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 25px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-txt {
    transform: translate(0, 30px);
    opacity: 0;
    transition: 300ms;
    transition-delay: 100ms;
    margin-top: 35px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-txt dt {
    font-size: 44px;
    line-height: 54px;
    font-weight: 800;
    color: #85888d;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-txt dd {
    margin-top: 35px;
    font-size: 22px;
    line-height: 27px;
    color: rgba(0, 0, 0, 0.45);
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list {
    margin-top: 68px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li {
    transform: translate(0, 50px);
    opacity: 0;
    transition: ease 300ms;
    margin: 24px auto 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    max-width: 1200px;
    height: 198px;
    display: flex;
    box-sizing: border-box;
    padding: 0 114px;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li:nth-child(1) {
    transition-delay: 500ms;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li:nth-child(2) {
    transition-delay: 700ms;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li:nth-child(3) {
    transition-delay: 900ms;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li:nth-child(4) {
    transition-delay: 1100ms;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li:first-child {
    margin-top: 0;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left {
    text-align: left;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: #03223a;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: calc(100% - 527px);
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-pick {
    width: 32px;
    height: 33px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pick.png) center no-repeat;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-truck {
    width: 32px;
    height: 33px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-truck.png) center no-repeat;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-purse {
    width: 32px;
    height: 33px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-purse.png) center no-repeat;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-card {
    width: 32px;
    height: 33px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-card.png) center no-repeat;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .t-gradi {
    display: inline-block;
    background: linear-gradient(292deg, #0d89e8 14%, #32ab8c 84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-right {
    width: 527px;
    text-align: left;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.07em;
    color: #85888d;
    font-weight: 500;
  }
  .pin-container .benefit-info {
    padding: 235px 0 150px;
    max-width: 1200px;
    margin: 0 auto;
  }
  .pin-container .benefit-info .info-title-area {
    display: flex;
    align-items: center;
  }
  .pin-container .benefit-info .info-title-area div {
    font-size: 54px;
    line-height: 65px;
    font-weight: 700;
    color: #85888d;
  }
  .pin-container .benefit-info .info-cont {
    margin-top: 70px;
    display: flex;
  }
  .pin-container .benefit-info .info-cont .cont-left {
    border: 2px solid transparent;
    background-image: linear-gradient(#f9faff, #f9faff), linear-gradient(102deg, #2dd7ab 1%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 16px;
    box-sizing: border-box;
    width: 384px;
    height: 407px;
  }
  .pin-container .benefit-info .info-cont .cont-left dl {
    padding: 30px 20px 0 30px;
  }
  .pin-container .benefit-info .info-cont .cont-left dl .label-box {
    display: inline-flex;
    padding: 0 20px;
    height: 52px;
    background: linear-gradient(102deg, #2dd7ab 1%, #0d89e8 100%);
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    align-items: center;
    border-radius: 26px;
  }
  .pin-container .benefit-info .info-cont .cont-left dl dd {
    font-size: 24px;
    font-weight: 500;
    color: #85888d;
    line-height: 36px;
    margin-top: 30px;
  }
  .pin-container .benefit-info .info-cont .cont-left dl dd .t-navy {
    font-weight: 800;
  }
  .pin-container .benefit-info .info-cont .cont-right {
    width: 790px;
    margin-left: auto;
    border-radius: 16px;
    background: linear-gradient(102deg, #2dd7ab 1%, #0d89e8 100%);
    box-sizing: border-box;
    padding: 60px 0 0 60px;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-tt {
    font-size: 46px;
    line-height: 55px;
    color: #ffffff;
    font-weight: 500;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-tt strong {
    font-weight: 800;
  }
  .pin-container .benefit-info .info-cont .cont-right ul {
    margin: 35px 0;
  }
  .pin-container .benefit-info .info-cont .cont-right ul li {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    padding-left: 25px;
    position: relative;
  }
  .pin-container .benefit-info .info-cont .cont-right ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.8);
    top: 50%;
    margin-top: -2px;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-link {
    display: flex;
    align-items: center;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-link:after {
    content: "";
    display: block;
    width: 10px;
    height: 16px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-sky.png) center no-repeat;
    margin-left: 10px;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-link span {
    font-size: 20px;
    font-weight: 500;
    color: #e7f3fd;
    border-bottom: 1px solid #e7f3fd;
  }
  .pin-container .benefit-info .info-disc {
    margin-top: 48px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #5e6062;
    line-height: 30px;
  }
  .pin-container .pin-qna-area {
    background: #f2f4f7;
    padding: 100px 0 95px;
    text-align: center;
  }
  .pin-container .pin-qna-area .qna-label {
    display: inline-flex;
    min-width: 130px;
    padding: 0 20px;
    height: 52px;
    background: linear-gradient(102deg, #2dd7ab 1%, #0d89e8 100%);
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    align-items: center;
    border-radius: 26px;
    box-sizing: border-box;
    justify-content: center;
  }
  .pin-container .pin-qna-area .qna-tt {
    font-size: 44px;
    font-weight: 700;
    color: #3f3e38;
    line-height: 58px;
    margin: 20px 0 42px;
  }
  .pin-container .pin-qna-area .qna-box {
    background: #fff;
    border-radius: 24px;
    box-shadow: 4px 10px 35px -1px rgba(0, 0, 0, 0.08);
    max-width: 1200px;
    margin: 0 auto;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box {
    border-top: 2px solid #dfdfde;
    text-align: left;
    margin: 0 35px;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box:first-child {
    border-top: 0;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-q {
    height: 165px;
    display: flex;
    align-items: center;
    font-size: 32px;
    font-weight: 700;
    color: #3f3e38;
    padding-right: 30px;
    cursor: pointer;
    position: relative;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-q:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/arrow/down.png) center no-repeat;
    transition: 200ms;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-q.on:before {
    transform: rotate(180deg);
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-a {
    border-top: 2px solid #dfdfde;
    padding: 50px;
    background: #f8f8f8;
    font-size: 20px;
    line-height: 2;
  }
  .new-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    /* 스마트핀클럽 혜택 팝업 */
    /* 가격 계산 팝업 */
  }
  .new-pop:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    transition-duration: 500ms;
  }
  .new-pop .pop-wrap {
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
  }
  .new-pop.hide {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .new-pop.hide:before {
    content: "";
    visibility: hidden;
    opacity: 0;
  }
  .new-pop.hide .pop-wrap {
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
  .new-pop.show {
    visibility: visible;
  }
  .new-pop.show:before {
    visibility: visible;
    opacity: 1;
  }
  .new-pop.show .pop-wrap {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .new-pop.type01 .btn-pop-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 32px;
    height: 32px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pop-close.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .new-pop.type02 .btn-pop-close {
    position: absolute;
    top: 16px;
    right: 21px;
    width: 18px;
    height: 18px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pop-close2.png) center/80% no-repeat;;;;;
    font-size: 0;
    line-height: 0;
  }
  .new-pop .pin-benefit-pop {
    width: 432px;
  }
  .new-pop .pin-benefit-pop .pop-head {
    height: 245px;
    overflow: hidden;
    border-radius : 16px 16px 0px 0px;
  }
  .new-pop .pin-benefit-pop .pop-cont {
    padding: 24px 20px 45px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-title {
    font-size: 24px;
    font-weight: 800;
    color: #101010;
    line-height: 28px;
    max-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list {
    max-height: 230px;
    overflow-y: auto;
    padding: 0 15px 15px 10px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list li {
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #5e6062;
    margin-top: 5px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list li:first-child {
    margin-top: 0;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 7px;
    border-radius: 2px;
    background: #5e6062;
    top: 10px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-benefit {
    margin-top: 15px;
    border-top: 1px solid #d9d9d9;
    padding: 15px 0;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-benefit dt {
    font-size: 16px;
    font-weight: 700;
    color: #101010;
    margin-bottom: 12px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-benefit dd .t-gradi {
    background: linear-gradient(105deg, #4f81ff 1%, #7f4ef9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    font-weight: 800;
    line-height: 28px;
    max-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .new-pop .pin-calc-pop {
    width: 656px;
  }
  .new-pop .pin-calc-pop .pop-head {
    height: 197px;
    overflow: hidden;
  }
  .new-pop .pin-calc-pop .pop-cont {
    padding: 24px 20px 70px;
  }
  .new-pop .pin-calc-pop .pop-cont .cont-scroll {
    max-height: 458px;
    overflow-y: auto;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-title {
    font-size: 24px;
    font-weight: 800;
    color: #101010;
    margin-bottom: 15px;
    line-height: 29px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-label {
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    margin-bottom: 15px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec {
    display: flex;
    margin-bottom: 2px;
    height: 56px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec:last-child {
    margin-bottom: 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt {
    width: 152px;
    background: #f2f4f7;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 800;
    color: #5e6062;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt i.ico-twinkle {
    display: block;
    width: 18px;
    height: 19px;
    margin-left: 5px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-twinkle.png) center no-repeat;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt p.t-sm {
    width: 100%;
    font-size: 14px;
    color: #6d6d6d;
    line-height: 17px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt p.t-md {
    width: 100%;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #5e6062;
    line-height: 19px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd {
    width: calc(100% - 152px);
    box-sizing: border-box;
    padding: 0 35px 0 14px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd.flex-box {
    display: flex;
    align-items: center;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .t-green {
    font-size: 16px;
    font-weight: 700;
    color: #2b9177;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .unit1 {
    font-size: 18px;
    color: #6d6d6d;
    margin: 0 14px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .unit2 {
    font-size: 16px;
    color: #6d6d6d;
    margin: 0 0 0 12px;
    font-weight: 800;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip {
    height: 45px;
    border-radius: 4px;
    border: 1px solid #c9c9c9;
    box-sizing: border-box;
    padding: 0 14px;
    text-align: right;
    font-size: 14px;
    flex: 1 1 auto;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip::-moz-placeholder {
    color: #b3b7ba;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip:-ms-input-placeholder {
    color: #b3b7ba;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip::placeholder {
    color: #b3b7ba;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap {
    padding: 16px 0 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-tt {
    font-size: 16px;
    font-weight: 700;
    color: #101010;
    line-height: 42px;
    padding-left: 10px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont {
    padding-bottom: 16px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt {
    border-top: 1px solid #d7d9db !important;
    padding: 16px 30px 0 30px;
    font-size: 16px;
    line-height: 26px;
    color: #85888d;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #d7d9db;
  }

  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt:first-child{
    border-top: none !important;
  }

  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt .ico-q {
    position: absolute;
    left: 8px;
    top: 16px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt:first-child {
    border-top: 0;
    margin-top: 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt .ui-accordion-header-icon {
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 8px;
    top: 20px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-plus.png) center no-repeat;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt.ui-accordion-header-active {
    padding-bottom: 0;
    border: 1px solid #fff;
    background: #fff;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt.ui-accordion-header-active .ui-accordion-header-icon {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-minus.png) center no-repeat;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dd {
    display: none;
    padding: 5px 30px 5px 50px;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #3a3b3c;
    position: relative;
    border:none;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dd span.ico-a {
    position: absolute;
    left: 30px;
    top: 5px;
  }
  .new-pop .pin-join-pop {
    width: 656px;
  }
  .new-pop .pin-join-pop .pop-head {
    height: 47px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    padding: 16px 0 0 30px;
  }
  .new-pop .pin-join-pop .pop-cont.bg-gray {
    background: #f5f5f7;
  }
  .new-pop .pin-join-pop .pop-cont .cont-scroll {
    box-sizing: border-box;
    padding: 24px 44px 20px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-tt {
    text-align: center;
    margin-bottom: 16px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-tt dt {
    font-size: 24px;
    font-weight: bold;
    color: #4e4e4e;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-tt dt .t-gradi {
    background: linear-gradient(150deg, #2dd7ab 1%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-tt dd {
    font-size: 14px;
    color: #4e4e4e;
    margin-top: 6px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type {
    margin-top: 16px;
    position: relative;
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type:before{
    position: absolute;
    display: flex;
    width: 53px;
    height: 23px;
    z-index: 10;
    font-size: 14px;
    color: #fff;
    padding-right: 8px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-weight: 500;
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type.tag1:before{
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/new/pc/ico-rec-blue.png) center/100% no-repeat;
    left: 0;
    top: -3px;
    content: '유료';
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type.tag2:before{
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/new/pc/ico-rec-green.png) center/100% no-repeat;
    left: 0;
    top: -3px;
    content: '무료';
  }


  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type:first-child {
    margin-top: 0;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] {
    display: none;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label {
    background: #ffffff;
    display: block;
    height: 131px;
    box-sizing: border-box;
    position: relative;
    border-radius: 16px;
    padding: 28px 30px 0;
    cursor: pointer;
    border: solid 1px #e5e5e5;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label:before {
    content: "";
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 24px;
    box-sizing: border-box;
    border: 2px solid #d5d5d5;
    right: 30px;
    top: 20px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-gray.png) center no-repeat;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-title {
    font-size: 20px;
    line-height: 24px;
    color: #848484;
    font-weight: bold;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-title .t-gradi {
    background: linear-gradient(150deg, #2dd7ab 1%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-benefit {
    margin-top: 8px;
    font-size: 14px;
    color: #3a3b3c;
    font-weight: 700;
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label .join-benefit{
    padding-left: 30px;
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-benefit.type2{
    font-size: 12px;
    color: #979797;
    font-weight: 500;
  }


  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-benefit br{
    display: none;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-state {
    position: absolute;
    right: 30px;
    bottom: 22px;
    text-align: right;
    font-size: 16px;
    color: #d5d5d5;
    line-height: 1;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-state strong {
    font-size: 12px;
    font-weight: bold;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label {
    background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(106deg, #2dd7ab 1%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border: 2px solid transparent;
    padding: 0;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label:before {
    border: 0;
    right: 30px;
    top: 20px;
    background:url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-wt.png) center no-repeat;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label .join-title {
    color: #4e4e4e;
    padding: 28px 30px 0;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label .join-state {
    background: linear-gradient(150deg, #2dd7ab 1%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    right: 29px;
    bottom: 22px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list {
    margin-top: 22px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list .list-tt {
    font-size: 16px;
    font-weight: 700;
    color: #4e4e4e;
    margin-bottom: 8px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li {
    margin-top: 7px;
    display: flex;
    align-items: center;
    padding-left: 10px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li .ico-chk {
    display: block;
    width: 23px;
    height: 14px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-gray2.png) center no-repeat;
    margin-right: 12px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li p {
    font-size: 14px;
    line-height: 1;
    color: #8f8f8f;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li .imp-label {
    margin-left: 10px;
    background: #0e89e8;
    border-radius: 4px;
    height: 22px;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li:first-child {
    margin-top: 0;
    margin-bottom: -3px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li.imp-list-item .ico-chk {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-blue.png) center no-repeat;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li.imp-list-item p {
    color: #0e89e8;
  }
  .new-pop .pin-join-pop .pop-btn-area {
    padding: 15px 30px 15px;
    display: flex;
    position: relative;
    left: 0;
    bottom: 0;
    width: auto;
  }



  .new-pop .pin-join-pop .pop-btn-area .btn {
    height: 51px;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    /* flex: 1 1 auto; */
    flex-grow: 3;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn:nth-child(n+2) {
    margin-left: 16px;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn span {
    font-size: 16px;
    line-height: 27px;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-line {
    border-color: #b7b7b7;
    flex-grow: 1;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-line span {
    color: #bababa;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-bg {
    border: 0;
    background: #03223a;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-bg.disabled {
    background: #ccc;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-bg span {
    color: #ffffff;
  }

  .new-pop2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  .new-pop2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    transition-duration: 500ms;
  }
  .new-pop2 .pop-wrap {
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 24px;
    box-shadow: 4px 10px 35px -1px rgba(0, 0, 0, 0.08);
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
  }
  .new-pop2 .pop-wrap .btn-pop-close {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 48px;
    height: 48px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pop-close3.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .new-pop2.hide {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .new-pop2.hide:before {
    content: "";
    visibility: hidden;
    opacity: 0;
  }
  .new-pop2.hide .pop-wrap {
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
  .new-pop2.show {
    visibility: visible;
  }
  .new-pop2.show:before {
    visibility: visible;
    opacity: 1;
  }
  .new-pop2.show .pop-wrap {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .new-pop2 .curation-pop {
    width: 996px;
  }
  .new-pop2 .curation-pop .pop-head {
    /* height: 197px; */
    overflow: hidden;
    padding: 48px 0 23px;
    margin: 0 46px;
    border-bottom: 1px solid #c9c9c9;
    box-sizing: border-box;
  }
  .new-pop2 .curation-pop .pop-head .ico-smiling-face {
    display: block;
    width: 30px;
    height: 30px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }

  .new-pop2 .curation-pop .pop-head .ico-emoji-area{
    display: flex;
  }

  .new-pop2 .curation-pop .pop-head .ico-emoji-area .ico-people{
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-people.png) center/100% no-repeat;
  }

  .new-pop2 .curation-pop .pop-head .ico-emoji-area .ico-smiling-face{
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center/100% no-repeat;
  }

  .new-pop2 .curation-pop .pop-head .ico-emoji-area .ico-magic-stick{
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-magic-stick.png) center/100% no-repeat;
  }

  .new-pop2 .curation-pop .pop-head dt {
    display: flex;
    align-items: center;
  }
  .new-pop2 .curation-pop .pop-head dt span {
    font-size: 24px;
    color: #222;
    font-weight: 500;
    margin-left: 8px;
  }
  .new-pop2 .curation-pop .pop-head dd {
    margin-top: 13px;
    font-size: 14px;
    line-height: 21px;
    color: #5e6062;
  }
  .new-pop2 .curation-pop .pop-head .suggest-tag {
    display: flex;
    align-items: center;
    margin-top: 12px;
    flex-wrap: wrap;
  }
  .new-pop2 .curation-pop .pop-head .suggest-tag .tag-item {
    padding: 0 8px;
    height: 30px;
    border-radius: 4px;
    background: #edf2ff;
    line-height: 30px;
    font-size: 14px;
    color: #6994ff;
  }
  .new-pop2 .curation-pop .pop-head .suggest-tag .tag-item:nth-child(n+2) {
    margin-left: 8px;
  }
  .new-pop2 .curation-pop .pop-cont {
    height: 500px;
    box-sizing: border-box;
    padding: 0 40px 19px;
  }
  .new-pop2 .curation-pop .pop-cont .cont-scroll {
    overflow-y: auto;
    height: 481px;
    padding: 0 6px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item {
    position: relative;
    z-index: 0;
    width: calc(33.33% - 25px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    margin-right: 25px;
    box-sizing: border-box;
    margin-top: 49px;
  }

  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item:nth-child(1), .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item:nth-child(2), .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item:nth-child(3){
    margin-top: 0;
  }

  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item:nth-child(3n) {
    margin-right: 0;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item:nth-child(n+3) {
    /* margin-top: 30px; */
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk {
    position: absolute;
    right: 6px;
    top: 4px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 24px;
    border-radius: 12px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-3.png);
    background-position: center;
    background-size: 100%;
    position: relative;
    z-index: 1;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin:hover {
    background-color: #f2f4f7;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-after {
    background-color: #f2f4f7;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-after:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon.png);
    margin-top: -3px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-use:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-2.png);
    margin-top: -3px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-use:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    position: absolute;
    border: 2px solid transparent;
    background-image: linear-gradient(#f2f4f7, #f2f4f7), linear-gradient(135deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    opacity: 0.5;
    box-sizing: border-box;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled {
    background-color: #f2f4f7;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-4.png);
    margin-top: -3px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a {
    display: block;
    padding: 4px 0 12px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-company {
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 4px;
    padding-left: 6px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-company .company-thumb {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    overflow: hidden;
    
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-company .company-name {
    font-size: 12px;
    color: #5e6062;
    font-weight: 500;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin: 10px 12px;
    border-radius: 8px;
    height: 138px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-thumb img {
    width: 100%;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-benefit {
    display: flex;
    align-items: center;
    height: 27px;
    background: #e7f3fd;
    padding: 0 6px;
    font-size: 16px;
    font-weight: 700;
    color: #4f81ff;
    margin: 0 12px;
    border-radius: 4px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-benefit .t-gradi {
    display: inline-block;
    font-weight: 700;
    margin: 0 3px;
    background: linear-gradient(100deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-tt {
    margin: 4px 6px 0 12px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #101010;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-price {
    margin: 4px 6px 0 12px;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #85888d;
    font-weight: 700;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-price .t-bk {
    color: #000000;
    margin: 0 2px 0 4px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-disc {
    margin: 4px 6px 0 12px;
    font-size: 12px;
    line-height: 14px;
    color: #85888d;
    font-weight: 500;
  }

  /*s : 핀 메인화면*/
  .pin-main-layout {
    /*e: pin-top-bnr*/
    /*e: pin-main-container */
  }
  .pin-main-layout .section {
    max-width: 1200px;
  }
  .pin-main-layout .ico-folded-hands {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-file-cabinet {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-memo {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-speaking-head {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-artist-palette {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-smiling-face {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-cooking {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-school {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-battery {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-people {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-people.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-magic-stick {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-magic-stick.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-top-bnr .section {
    padding: 49px 0 30px;
    border-bottom: 1px solid #c8c8c8;
  }
  .pin-main-layout .pin-top-bnr .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .pin-top-tt {
    font-size: 48px;
    font-weight: 800;
    color: #101010;
    line-height: 56px;
    margin-bottom: 10px;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .pin-top-tt .t-pin-gradi {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 127px;
    height: 60px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/t-pin-gradi.png) center no-repeat;
    vertical-align: top;
    margin: 5px 5px 0 -5px;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .pin-disc {
    font-size: 16px;
    line-height: 36px;
    color: #4f81ff;
    font-weight: 700;
    margin-bottom: 3px;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .btn-pinclub {
    display: flex;
    width: 283px;
    height: 58px;
    border-radius: 8px;
    box-shadow: 0 5px 8px 0 rgba(79, 129, 255, 0.18);
    background-color: #4f81ff;
    align-items: center;
    justify-content: center;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .btn-pinclub span {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 36px;
  }
  .pin-main-layout .pin-main-container {
    padding: 80px 0 120px;
    /*e: pin-search-list*/
    /*e: pin-suggest-list*/
    /*e: pin-take-box*/
  }
  .pin-main-layout .pin-main-container .pin-btn-area {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view {
    height: 60px;
    border-radius: 30px;
    background: #f8f8f8;
    padding: 0 45px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view span {
    font-size: 20px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view .ico-emoji {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view .ico-arrow {
    width: 15px;
    height: 15px;
    margin-left: 8px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-btn-arrow.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view:hover {
    border: 2px solid #4f81ff;
    padding: 0 43px;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view:hover span {
    color: #4f81ff;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view:hover .ico-arrow {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-btn-arrow-active.png) center no-repeat;
  }
  .search-title {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    position: relative;
    z-index: 2;
  }
  .search-title .tt-txt {
    font-size: 28px;
    color: #101010;
    font-weight: 700;
  }
  .search-title .tt-select-area {
    margin: -10px 24px 0;
    position: relative;
  }
  .search-title .tt-select-area .ico-slc1 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc2 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc3 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc4 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc5 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc6 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc7 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc8 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc9 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .slc-label {
    border-bottom: 3px solid #000;
    padding: 0 45px 0 8px;
    height: 48px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
  }
  /* .search-title .tt-select-area .slc-label:after {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 13px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/slc-arrow.png) center no-repeat;
  } */
  .search-title .tt-select-area .slc-label .slc-item span {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
  }
  .search-title .tt-select-area .slc-label .slc-item i {
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 12px;
  }
  .search-title .tt-select-area .slc-item {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .search-title .tt-select-area .slc-layer {
    position: absolute;
    display: none;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 239px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 23px 24px;
    box-sizing: border-box;
  }
  .search-title .tt-select-area .slc-layer .slc-list li {
    margin-top: 13px;
  }
  .search-title .tt-select-area .slc-layer .slc-list li:first-child {
    margin-top: 0;
  }
  .search-title .tt-select-area .slc-layer .slc-item {
    height: 34px;
  }
  .search-title .tt-select-area .slc-layer .slc-item span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #101010;
  }
  .search-title .tt-select-area .slc-layer .slc-item i {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
  }
  .search-title .tt-select-area .slc-layer .slc-item:hover {
    background: #e7f3fd;
    padding: 0 8px;
    border-radius: 4px;
  }
  .search-title .tt-select-area .slc-layer .slc-item:hover i {
    width: 16px;
    height: 16px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area {
    display: flex;
    flex-wrap: wrap;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item {
    position: relative;
    width: calc(25% - 18px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    margin-right: 24px;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item:nth-child(4n) {
    margin-right: 0;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item:nth-child(n+5) {
    margin-top: 43px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk {
    position: absolute;
    right: 12px;
    top: 8px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 27px;
    border-radius: 14px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    padding: 0 7px 0 7px;
    font-weight: 500;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    color: #000;
    transition: 0.25s;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin:hover{
    transition: 0.25s;
    width: 71px;
    padding: 0;
  }

  /* .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin:after{
    transition: 1s;
  } */


  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-3.png);
    background-position: center;
    background-size: 100%;
    position: relative;
    z-index: 1;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin:after{
    visibility: hidden;
    transition: 0.2s;
    content: '';
    font-size: 12px;
    width: 0;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-after {
    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px rgba(0, 0, 0, 0.02);
    background-color: #f2f4f7;
    color: #000;
    
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin:hover::after{
    content: '피닛하기';
    font-size: 12px;
    visibility: visible;
    transition: 0.15s 0.15s;
    width: fit-content;
    margin-left: 4px;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-after:hover::after{
    content: '피닛해제';
    font-size: 12px;
    visibility:visible;
    transition: 0.15s 0.15s;
    width: fit-content;
    margin-left: 0;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-use:hover::after{
    content: '이용중';
    font-size: 12px;
    visibility: visible;
    transition: 0.15s 0.15s;
    width: fit-content;
    margin-left: 0;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-after:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon.png);
    margin-top: -3px;
    width: 20px;
    height: 20px;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-use{
    box-shadow: inset 0 2px 5px 0 rgba(17, 0, 255, 0.25);
    border: solid 1px rgba(0, 0, 0, 0.02);
    background-color: #e1e8ff;
    box-sizing: border-box;
    color: #001dff;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-use:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-2.png);
    margin-top: -3px;
    width: 20px;
    height: 20px;
  }



  /* .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-use:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    position: absolute;
    box-shadow: inset 0 2px 5px 0 rgba(17, 0, 255, 0.25);
    border: solid 1px rgba(0, 0, 0, 0.02);
    background-color: #e1e8ff;
    box-sizing: border-box;
  } */



  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled {
    background-color: #f2f4f7;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-4.png);
    margin-top: -3px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a {
    display: block;
    padding: 10px 0 24px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-company {
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 10px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-company .company-thumb {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-company .company-name {
    font-size: 12px;
    color: #5e6062;
    font-weight: 500;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    height: 144px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-thumb img {
    width: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-benefit {
    margin-top: 11px;
    display: flex;
    align-items: center;
    height: 27px;
    background: #e7f3fd;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 16px;
    font-weight: 700;
    color: #4f81ff;
    width: 100%;
    box-sizing: border-box;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-benefit span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
  }
  
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-benefit span b{
    background-image: linear-gradient(105deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-benefit .t-gradi {
    display: inline-block;
    font-weight: 700;
    margin: 0 3px;
    background: linear-gradient(100deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-tt {
    margin-top: 8px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: #101010;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-price {
    margin-top: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #85888d;
    font-weight: 700;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-price .t-bk {
    color: #000000;
    margin: 0 2px 0 4px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-disc {
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-main-layout .pin-main-container .pin-search-list .pin-btn-area {
    margin-top: 95px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list {
    margin-top: 76px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-title {
    display: flex;
    margin-bottom: 57px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-title .title-m {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    margin-right: 19px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-title .title-s {
    margin-top: 2px;
    font-size: 24px;
    font-weight: 500;
    color: #3a3b3c;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area {
    display: flex;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item {
    width: 33.33%;
    box-sizing: border-box;
    border-left: 1px solid #e5e5e5;
    padding: 0 24px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .ico-emoji-area i {
    width: 44px;
    height: 44px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-txt {
    margin-top: 24px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-txt dt {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #222;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-txt dd {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    color: #5e6062;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-tag {
    display: flex;
    align-items: center;
    margin-top: 16px;
    flex-wrap: wrap;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-tag .tag-item {
    padding: 0 8px;
    height: 30px;
    border-radius: 4px;
    background: #edf2ff;
    line-height: 30px;
    font-size: 14px;
    color: #6994ff;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-tag .tag-item:nth-child(n+2) {
    margin-left: 8px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service {
    margin-top: 24px;
    border: 1px solid #c8c8c8;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link {
    height: 200px;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 200px;
    font-size: 0;
    line-height: 0;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a img {
    min-width: 100%;
    min-height: 100%;
    max-width: 120%;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a .link-count {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 101px;
    background: rgba(0, 0, 0, 0.45);
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a .link-count span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    padding-top: 30px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-list.png) calc(100% - 2px) 8px no-repeat;
    margin-left: -10px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-area {
    padding: 16px 0;
    justify-content: center;
    display: flex;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-area .service-item {
    width: 72px;
    height: 72px;
    border-radius: 14px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.45);
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-area .service-item:nth-child(n+2) {
    margin-left: 12px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .pin-btn-area {
    margin-top: 57px;
  }
  .pin-main-layout .pin-main-container .pin-take-box {
    margin-top: 125px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-tt {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #222;
    margin-bottom: 42px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area {
    display: flex;
    justify-content: space-between;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item {
    width: calc(33.33% - 17px);
    border-radius: 16px;
    box-shadow: 4px 4px 30px -10px rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 18px 0 18px;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-ico01 {
    width: 91px;
    height: 90px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pin-take-ico1.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-ico02 {
    width: 91px;
    height: 90px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pin-take-ico2.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-ico03 {
    width: 91px;
    height: 90px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pin-take-ico3.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-txt {
    margin-left: 6px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-txt dt {
    font-size: 24px;
    line-height: 26px;
    color: #3a3b3c;
    font-weight: 700;
    margin-bottom: 6px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-txt dd {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #5e6062;
  }

  /*e: pin-main-layout*/
  /*e : 핀 메인화면*/
  /*s: 핀 서브화면 */
  .pin-sub-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
  }
  .pin-sub-layout .ico-slc1 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc2 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc3 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo1.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc4 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc5 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc6 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc7 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc8 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc9 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery1.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc10 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pointing.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc11 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/salary.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc12 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/office.png) center no-repeat;
    background-size: 100%;
  }

  .pin-sub-layout .ico-slc13 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/purchase.png) center no-repeat;
    background-size: 100%;
  }


  .pin-sub-layout .ico-folded-hands {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-file-cabinet {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-memo {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-speaking-head {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-artist-palette {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-smiling-face {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-cooking {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-school {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-battery {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-people {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-people.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-magic-stick {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-magic-stick.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .pin-sub-left {
    width: 258px;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 80px 12px 100px;
  }
  .pin-sub-layout .pin-sub-left .search-area {
    margin-left: auto;
    width: 100%;
    height: 38px;
    position: relative;
  }
  .pin-sub-layout .pin-sub-left .search-area input[type=text] {
    width: 100%;
    height: 38px;
    border-radius: 8px;
    background: #f6f8fa;
    box-sizing: border-box;
    padding: 0 40px 0 10px;
    font-size: 14px;
  }
  .pin-sub-layout .pin-sub-left .search-area .btn-search {
    position: absolute;
    right: 8px;
    top: 7px;
    width: 24px;
    height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-search.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .pin-sub-layout .pin-sub-left dt {
    font-size: 22px;
    font-weight: bold;
    color: #101010;
    margin-bottom: 18px;
  }
  .pin-sub-layout .pin-sub-left dl:nth-child(n+2) {
    margin-top: 37px;
  }
  .pin-sub-layout .pin-sub-left .slc-list li {
    margin-top: 4px;
  }
  .pin-sub-layout .pin-sub-left .slc-list li:first-child {
    margin-top: 0;
  }
  .pin-sub-layout .pin-sub-left .slc-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 35px;
    padding: 0 8px;
  }
  .pin-sub-layout .pin-sub-left .slc-item span {
    font-size: 16px;
    line-height: 20px;
    color: #5e6062;
  }
  .pin-sub-layout .pin-sub-left .slc-item i {
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
  }
  .pin-sub-layout .pin-sub-left .slc-item:hover {
    background: #f2f4f7;
    border-radius: 4px;
  }
  .pin-sub-layout .pin-sub-left .slc-item.active-item {
    background: #4f81ff;
    border-radius: 4px;
    height: 40px;
  }
  .pin-sub-layout .pin-sub-left .slc-item.active-item span {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }
  .pin-sub-layout .pin-sub-left .slc-item.active-item i {
    width: 24px;
    height: 24px;
  }
  .pin-sub-layout .pin-sub-container {
    width: calc(100% - 258px);
    padding: 24px 0 120px 48px;
    box-sizing: border-box;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top {
    display: flex;
    margin-bottom: 33px;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap {
    display: flex;
    align-items: center;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span {
    font-size: 14px;
    color: #999;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span.active {
    font-weight: 700;
    color: #2c2c2c;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span:nth-child(n+2) {
    position: relative;
    padding-left: 20px;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span:nth-child(n+2):before {
    content: ">";
    display: block;
    position: absolute;
    left: 5px;
    top: -1px;
    color: #999;
    font-weight: 400;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .search-area {
    margin-left: auto;
    width: 234px;
    height: 38px;
    position: relative;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .search-area input[type=text] {
    width: 234px;
    height: 38px;
    border-radius: 8px;
    background: #f6f8fa;
    box-sizing: border-box;
    padding: 0 10px 0 40px;
    font-size: 14px;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .search-area .btn-search {
    position: absolute;
    left: 8px;
    top: 7px;
    width: 24px;
    height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-search.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-title {
    /* margin-bottom: 48px; */
    position: relative;
    z-index: 2;
    display: flex;
  }
  .result-title {
    padding-bottom: 15px;
    /* border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px; */
  }
  .pd_15 {
    padding-bottom: 15px;
    margin-bottom: 0;
  }
  .search-title {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
  }

  .mb-0{margin-bottom: 0;}

  .search-title .tt-txt {
    font-size: 28px;
    color: #85888d;
    font-weight: 700;
    line-height: 34px;
  }
  .search-title .tt-txt .t-bk {
    color: #000000;
  }
  .search-title .tt-select-area {
    margin: -5px 16px 0;
    position: relative;
  }
  .search-title .tt-select-area .ico-slc1 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc2 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc3 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo1.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc4 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc5 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc6 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc7 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc8 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc9 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery1.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc11 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/salary.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc12 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/office.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc13 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/purchase.png) center no-repeat;
    background-size: 100%;
  }


  .search-title .tt-select-area .slc-label {
    border-bottom: 3px solid #000;
    padding: 0 45px 0 4px;
    height: 42px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
  }
  .search-title .tt-select-area .slc-label:after {
    
  }
  .search-title .tt-select-area .slc-label .slc-item span {
    font-size: 28px;
    line-height: 30px;
    font-weight: 800;
  }
  .search-title .tt-select-area .slc-label .slc-item i {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .search-title .tt-select-area .slc-item {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
  }
  .search-title .tt-select-area .slc-label .slc-item{
    width: auto;
    padding-right: 45px;
    margin-right: -45px;
  }

  .search-title .tt-select-area .slc-label .slc-item:after {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 8px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/slc-arrow.png) center no-repeat;
  }


  .search-title .tt-select-area .slc-layer {
    position: absolute;
    display: none;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 239px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 23px 24px;
    box-sizing: border-box;
  }
  .search-title .tt-select-area .slc-layer .slc-list li {
    margin-top: 13px;
  }
  .search-title .tt-select-area .slc-layer .slc-list li:first-child {
    margin-top: 0;
  }
  .search-title .tt-select-area .slc-layer .slc-item {
    height: 34px;
  }
  .search-title .tt-select-area .slc-layer .slc-item span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #101010;
  }
  .search-title .tt-select-area .slc-layer .slc-item i {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
  }
  .search-title .tt-select-area .slc-layer .slc-item:hover {
    background: #e7f3fd;
    padding: 0 8px;
    border-radius: 4px;
  }
  .search-title .tt-select-area .slc-layer .slc-item:hover i {
    width: 16px;
    height: 16px;
  }
  .sort-area {
    margin-left: auto;
    position: relative;
    border: 1px solid #c9c9c9;
    border-radius: 8px;
    height: 33px;
  }
  .sort-area .btn-sort-txt {
    display: flex;
    padding: 0 33px 0 12px;
    height: 33px;
    align-items: center;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/arrow/down.png) calc(100% - 7px) center no-repeat;
    background-size: 16px;
  }
  .sort-area .btn-sort-txt span {
    font-size: 14px;
    font-weight: 500;
    color: #3a3b3c;
  }
  .sort-area .sort-list {
    border-radius: 8px;
    box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    min-width: 154px;
    position: absolute;
    top: 36px;
    right: 0;
    display: none;
  }
  .sort-area .sort-list ul {
    padding: 10px 6px;
  }
  .sort-area .sort-list ul li {
    margin-top: 5px;
  }
  .sort-area .sort-list ul li:first-child {
    margin-top: 0;
  }
  .sort-area .sort-list ul li .btn-sort {
    display: flex;
    width: 100%;
    height: 27px;
    padding: 0 0 0 12px;
    align-items: center;
  }
  .sort-area .sort-list ul li .btn-sort span {
    font-size: 16px;
    color: #5e6062;
    font-weight: 500;
  }
  .sort-area .sort-list ul li .btn-sort:hover {
    background: #f2f2f2;
    border-radius: 4px;
  }
  .sort-area .sort-list ul li .btn-sort.active-sort {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-blue.png) calc(100% - 9px) center no-repeat;
    background-size: 13px;
  }
  .sort-area .sort-list ul li .btn-sort.active-sort span {
    font-size: 16px;
    color: #3a3b3c;
    font-weight: 700;
  }
  .pin-sub-layout .pin-search-cont.result-cont .search-area {
    /* border-bottom: 1px solid #e5e5e5; */
    padding-bottom: 30px;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty {
    padding: 200px 0 200px;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .empty-message {
    text-align: center;
    font-size: 16px;
    color: #5e5e5e;
    line-height: 18px;
    font-weight: 500;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .empty-message .ico-sad {
    display: block;
    margin: 0 auto 5px;
    width: 20px;
    height: 20px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-sad.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .btn-area {
    margin-top: 24px;
    display: flex;
    justify-content: center;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .btn-area .btn-blue {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 55px;
    border-radius: 11px;
    background: #4f81ff;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .btn-area .btn-blue span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }
  .pin-sub-layout .search-area {
    display: flex;
    flex-wrap: wrap;
  }
  .pin-sub-layout .search-area .pin-search-item {
    position: relative;
    width: calc(33.33% - 16px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    margin-right: 24px;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .pin-sub-layout .search-area .pin-search-item:nth-child(3n) {
    margin-right: 0;
  }
  .pin-sub-layout .search-area .pin-search-item:nth-child(n+4) {
    margin-top: 45px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk {
    position: absolute;
    right: 12px;
    top: 8px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 27px;
    border-radius: 14px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    padding: 0 7px 0 7px;
    font-weight: 500;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    color: #000;
    transition: 0.25s;
  }

  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-use{
    box-shadow: inset 0 2px 5px 0 rgba(17, 0, 255, 0.25);
    border: solid 1px rgba(0, 0, 0, 0.02);
    background-color: #e1e8ff;
    box-sizing: border-box;
    color: #001dff;
  }

  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin:hover {
    transition: 0.25s;
    width: 71px;
    padding: 0;
  }

  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin:hover:after{
    content: '피닛하기';
    font-size: 12px;
    visibility: visible;
    transition: 0.35s 0.25s;
    width: fit-content;
    margin-left: 4px;
  }

  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-after:hover:after{
    content: '피닛해제';
    font-size: 12px;
    visibility:visible;
    transition: 0.35s 0.25s;
    width: fit-content;
    margin-left: 0;
  }

  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-use:hover:after{
    content: '이용중';
    font-size: 12px;
    visibility: visible;
    transition: 0.35s 0.25s;
    width: fit-content;
    margin-left: 0;
  }

  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-3.png);
    background-position: center;
    background-size: 100%;
    position: relative;
    z-index: 1;
  }
  
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-after {
    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px rgba(0, 0, 0, 0.02);
    background-color: #f2f4f7;
    color: #000;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-after:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon.png);
    margin-top: -3px;
    width: 20px;
    height: 20px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-use:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-2.png);
    margin-top: -3px;
    width: 20px;
    height: 20px;
  }
  /* .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-use:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    position: absolute;
    border: 2px solid transparent;
    background-image: linear-gradient(#f2f4f7, #f2f4f7), linear-gradient(135deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    opacity: 0.5;
    box-sizing: border-box;
  } */
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled {
    background-color: #f2f4f7;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-4.png);
    margin-top: -3px;
  }
  .pin-sub-layout .search-area .pin-search-item a {
    display: block;
    padding: 10px 0 24px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-company {
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 10px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-company .company-thumb {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    overflow: hidden;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-company .company-name {
    font-size: 12px;
    color: #5e6062;
    font-weight: 500;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
    height: 144px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-thumb img {
    width: 100%;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-benefit {
    margin-top: 11px;
    display: flex;
    align-items: center;
    height: 27px;
    background: #e7f3fd;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 16px;
    font-weight: 700;
    color: #4f81ff;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
  }

  .pin-sub-layout .search-area .pin-search-item a .card-benefit span{
    
  }

  .pin-sub-layout .search-area .pin-search-item a .card-benefit .t-gradi {
    display: inline-block;
    font-weight: 700;
    margin: 0 3px;
    background: linear-gradient(100deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-tt {
    margin-top: 8px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: #101010;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-price {
    margin-top: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #85888d;
    font-weight: 700;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-price .t-bk {
    color: #000000;
    margin: 0 2px 0 4px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-disc {
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-sub-layout .suggest-area {
    border-top: 1px solid #e5e5e5;
  }
  .pin-sub-layout .suggest-area .suggest-item {
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    padding: 36px 0;
    display: flex;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-left {
    max-width: calc(100% - 410px);
  }
  .pin-sub-layout .suggest-area .suggest-item .ico-emoji-area i {
    width: 44px;
    height: 44px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-txt {
    margin-top: 24px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-txt dt {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #222;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-txt dd {
    font-size: 16px;
    line-height: 24px;
    margin-top: 14px;
    color: #5e6062;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-tag {
    display: flex;
    align-items: center;
    margin-top: 65px;
    flex-wrap: wrap;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-tag .tag-item {
    padding: 0 8px;
    height: 30px;
    border-radius: 4px;
    background: #edf2ff;
    line-height: 30px;
    font-size: 14px;
    color: #6994ff;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-tag .tag-item:nth-child(n+2) {
    margin-left: 8px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service {
    border: 1px solid #c8c8c8;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    width: 358px;
    margin-left: auto;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link {
    height: 200px;
    overflow: hidden;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 200px;
    font-size: 0;
    line-height: 0;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a img {
    min-width: 100%;
    min-height: 100%;
    max-width: 120%;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a .link-count {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 101px;
    background: rgba(0, 0, 0, 0.45);
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a .link-count span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    padding-top: 30px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-list.png) calc(100% - 2px) 8px no-repeat;
    margin-left: -10px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-area {
    padding: 16px 0;
    justify-content: center;
    display: flex;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-area .service-item {
    width: 72px;
    height: 72px;
    border-radius: 14px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.45);
    overflow: hidden;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-area .service-item:nth-child(n+2) {
    margin-left: 12px;
  }

  /*e: 핀 서브화면 */
  .pagination-area {
    margin-top: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pagination-area .btn-prev {
    width: 28px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-prev.png) center no-repeat;
  }
  .pagination-area .btn-next {
    width: 28px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-next.png) center no-repeat;
  }
  .pagination-area .page-num-area {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
  }
  .pagination-area .page-num-area span {
    font-size: 13px;
    color: #5e6062;
    min-width: 28px;
    text-align: center;
  }
  .pagination-area .page-num-area .btn-num {
    min-width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 13px;
    color: #b0b2b5;
    padding: 0 5px;
    margin: 0 4px;
    border-radius: 8px;
  }
  .pagination-area .page-num-area .btn-num:hover {
    background: #f9f9fa;
  }
  .pagination-area .page-num-area .btn-num.active-num {
    background: #e7f3fd;
    color: #85888d;
  }
  .pagination-area .page-num-area .btn-num:active {
    background: #0d89e8;
    color: #fff;
  }
}
@media (min-width: 768px) and (max-width: 1209px) {
  /*브라우저 사이즈1024px이상일때*/
  .wrapper {
    min-width: unset;
  }

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

  .pin-container .section {
    max-width: 100%;
  }
  .pin-container .t-pretendard {
    font-family: SignPainter-HouseScript;
    font-size: 80px;
    font-weight: 600;
  }
  .pin-container .t-emerald {
    color: #00ff74;
  }
  .pin-container .t-navy {
    color: #03223a;
  }
  .pin-container .pin-visual-wrap {
    height: 677px;
    padding: 0 50px;
    background-color: #000000;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pin_visual_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt {
    font-size: 40px;
    color: #ffffff;
    font-weight: 800;
    line-height: 60px;
    position: relative;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt .ico-go {
    position: absolute;
    font-size: 0;
    line-height: 0;
    width: 142px;
    height: 134px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-go.png) center no-repeat;
    top: -57px;
    right: -40px;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt .t-pretendard {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 103px;
    height: 55px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/club-txt.png) center no-repeat;
    vertical-align: top;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dd {
    margin-top: 25px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #ffffff;
  }
  .pin-container .pin-visual-wrap .btn-area {
    margin-top: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pin-container .pin-visual-wrap .btn-area a {
    margin: 0 10px;
    width: 226px;
    height: 54px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    position: relative;
  }
  .pin-container .pin-visual-wrap .btn-area a span {
    font-size: 20px;
    font-weight: 600;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01 {
    position: relative;
    border: 1px solid transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01 span {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01 span.hover-after {
    display: none;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover {
    background-image: linear-gradient(270deg, #0d89e8, #00ff74);
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover span {
    color: #ffffff !important;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover span.hover-before {
    display: none;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover span.hover-after {
    display: block;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 {
    background-image: linear-gradient(270deg, #0d89e8, #00ff74);
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 span {
    color: #ffffff;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 .tooltip-area {
    position: absolute;
    width: 167px;
    height: 35px;
    box-shadow: 0 4.1px 6.9px 0 rgba(0, 0, 0, 0.16);
    background-color: #cf0;
    border-radius: 5px;
    bottom: -45px;
    left: 50%;
    margin-left: -83px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-animation: bounce2 1s ease infinite;
    animation: bounce2 1s ease infinite;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 .tooltip-area:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 7px solid #cf0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: -7px;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 .tooltip-area span {
    font-size: 12px;
    color: #424242;
    font-weight: 500;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02:hover {
    background-image: linear-gradient(270deg, #85888d, #85888d);
    background: #85888d;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type03 {
    background: #c9c9c9;
    width: 289px;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type03 span {
    color: #ffffff;
  }
  .pin-container .pin-banner-wrap {
    padding-bottom: 45px;
    margin-top: -50px;
  }
  .pin-container .pin-banner-wrap .pin-banner-area {
    height: 135px !important;
  }
  .pin-container .pin-banner-wrap .pin-banner-area .banner-list {
    display: flex;
  }
  .pin-container .pin-banner-wrap .pin-banner-area .banner-item {
    margin-left: 18px;
    border-radius: 16px;
    width: 210px;
    height: 117px;
    box-shadow: 0 12px 8px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
  .pin-container .pin-banner-wrap .pin-banner-area .banner-item a {
    border-radius: 16px;
    width: 210px;
    height: 117px;
    display: block;
    overflow: hidden;
    background: #ddd;
  }
  .pin-container .pin-banner-wrap .pin-banner-link {
    display: flex;
    justify-content: center;
    margin-top: 25px;
  }
  .pin-container .pin-banner-wrap .pin-banner-link .btn-link {
    font-size: 18px;
    font-weight: 500;
    color: #acacac;
    border-bottom: 2px solid #c7c7c7;
    line-height: 19px;
  }
  .pin-container .pin-member-info {
    padding: 100px 50px 100px;
  }
  .pin-container .pin-member-info .member-info-title .info-tooltip {
    width: 307px;
    height: 60px;
    border-radius: 20px;
    background: #000000;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
    margin: 0 auto;
    font-size: 18px;
    color: #f9faff;
  }
  .pin-container .pin-member-info .member-info-title .info-tooltip:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #000000;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -15px;
  }
  .pin-container .pin-member-info .member-info-title .info-tooltip .ico-face {
    width: 20px;
    height: 21px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-smile3.png) center no-repeat;
    margin-right: 5px;
  }
  .pin-container .pin-member-info .member-info-title .info-tt {
    margin-top: 30px;
    text-align: center;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dt {
    font-size: 24px;
    color: #5e6062;
    font-weight: 300;
    line-height: 40px;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dd {
    margin-top: 10px;
    font-size: 50px;
    font-weight: 600;
    color: #85888d;
    line-height: 60px;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dd .t-grdi01 {
    font-weight: 800;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dd .t-navy {
    font-weight: 900;
  }
  .pin-container .pin-member-info .member-info-cont {
    margin-top: 50px;
  }
  .pin-container .pin-member-info .member-info-cont .swiper-slide {
    width: auto;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background: #fff;
    border-radius: 16px;
    margin: 15px 30px 0;
    box-sizing: border-box;
    padding: 30px 20px 350px 30px;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item:first-child {
    margin-top: 0;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item dt {
    font-size: 28px;
    line-height: 42px;
    color: #03223a;
    font-weight: 700;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item dt .t-gradi01 {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item dd {
    margin-top: 10px;
    font-size: 22px;
    line-height: 30px;
    color: #85888d;
    font-weight: 700;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item dd br {
    display: none;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item.type01 {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/mem-profile.png) center bottom no-repeat;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item.type02 {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/mem-trend.png) center calc(100% - 30px) no-repeat;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item.type03 {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/mem-manage.png) calc(100% + 1px) calc(100% + 3px) no-repeat;
  }
  .pin-container .pin-member-info .member-sign-area {
    margin-top: 50px;
  }
  .pin-container .pin-member-info .member-sign-area .sign-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    color: #03223a;
    margin-bottom: 20px;
  }
  .pin-container .pin-member-info .member-sign-area .sign-txt .ico-smile {
    display: block;
    width: 24px;
    height: 25px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-smile2.png) center no-repeat;
    margin-right: 5px;
    margin-left: 0;
  }
  .pin-container .pin-member-info .member-sign-area .btn-gradi {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
    background-image: linear-gradient(270deg, #0d89e8, #32ab8c);
    width: 458px;
    height: 68px;
    border-radius: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px;
  }
  .pin-container .pin-member-info .member-sign-area .btn-gradi span {
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
  }
  .pin-container .pin-member-info .member-sign-area .sign-info {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pin-container .pin-member-info .member-sign-area .sign-info span {
    font-size: 20px;
    color: #5e6062;
    font-weight: 500;
    line-height: 30px;
  }
  .pin-container .pin-member-info .member-sign-area .sign-info .ico-arrow-right {
    width: 13px;
    height: 30px;
    margin-left: 10px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-gray.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-top {
    background: #50cd89;
    padding: 50px 0 60px;
    text-align: center;
  }
  .pin-container .pin-benefit-wrap .benefit-top .ico-hand {
    display: block;
    width: 143px;
    height: 144px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-hand.png) center no-repeat;
    margin: 0 auto;
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dt {
    font-size: 50px;
    line-height: 65px;
    color: #f9faff;
    font-weight: 800;
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dt .t-darkgreen {
    color: rgba(3, 34, 58, 0.65);
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dd {
    margin-top: 20px;
    font-size: 24px;
    color: rgba(3, 34, 58, 0.65);
    font-weight: 500;
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dd strong {
    font-weight: 800;
  }
  .pin-container .pin-benefit-wrap .benefit-top .scroll-down {
    margin-top: 75px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: rgba(3, 34, 58, 0.65);
  }
  .pin-container .pin-benefit-wrap .benefit-top .scroll-down .ico-down-arrow {
    display: block;
    width: 38px;
    height: 23px;
    margin: 20px auto 0;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-down.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont {
    max-width: 100%;
    margin: 0 50px;
    padding: 70px 0 80px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dt {
    position: relative;
    padding-top: 103px;
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: #101010;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dt .t-gradi01 {
    font-weight: 800;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dt:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 149px;
    height: 96px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-sign-benefit.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dd {
    margin-top: 25px;
    font-size: 22px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info {
    margin-top: 40px;
    text-align: center;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info p {
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #818181;
    font-weight: 500;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info p .ico-eye {
    width: 24px;
    height: 25px;
    display: block;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-eyes.png) center no-repeat;
    margin-right: 5px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop {
    display: flex;
    align-items: center;
    margin: 15px 0 0;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop span {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop span:before {
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    position: absolute;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop:after {
    content: "";
    display: block;
    width: 16px;
    height: 30px;
    margin-left: 5px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-gradi.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right {
    margin-top: 50px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card {
    width: 100%;
    height: 580px;
    border-radius: 24px;
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    margin-top: 30px;
    box-sizing: border-box;
    position: relative;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .pd30 {
    padding: 30px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-label {
    display: inline-flex;
    height: 42px;
    padding: 0 12px;
    align-items: center;
    border-radius: 21px;
    background: #32ab8c;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-txt {
    margin-top: 30px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-txt dt {
    font-size: 48px;
    line-height: 58px;
    font-weight: 800;
    color: #32ab8c;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-txt dd {
    margin-top: 30px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.04em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.45);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card ol {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: #f5f5f5;
    padding: 6px 12px;
    border-radius: 8px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card ol li {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: rgba(0, 0, 0, 0.45);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info1 {
    display: block;
    bottom: 30px;
    right: 30px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem1.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info2 {
    display: block;
    bottom: 30px;
    right: 30px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem2.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info3 {
    display: block;
    bottom: 30px;
    right: 30px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem3.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info4 {
    display: block;
    bottom: 30px;
    right: 30px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem4.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info5 {
    display: block;
    bottom: 30px;
    right: 30px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem5.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child {
    margin-top: 0;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child .card-label {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child .card-label .ico-twinkle {
    display: block;
    width: 18px;
    height: 19px;
    margin-left: 3px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-twinkle.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child .card-txt dt {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .benefit-summary .summary-title-sec {
    background: #f9faff;
    padding: 250px 0;
    text-align: center;
  }
  .pin-container .benefit-summary .summary-title-sec .ico-smile {
    display: block;
    width: 54px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-smile1.png) center no-repeat;
    margin: 0 auto;
  }
  .pin-container .benefit-summary .summary-title-sec p {
    margin-top: 10px;
    font-size: 54px;
    line-height: 72px;
    color: rgba(3, 34, 58, 0.5);
    font-weight: 800;
  }
  .pin-container .benefit-summary .summary-title-sec p strong {
    font-weight: 800;
  }
  .pin-container .benefit-summary .summary-cont1 {
    background: #000000;
    padding: 105px 0;
    text-align: center;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-label {
    height: 60px;
    border: 3px solid transparent;
    background-image: linear-gradient(#000, #000), linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 30px;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-label span {
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 25px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt {
    margin-top: 35px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dt {
    font-size: 44px;
    line-height: 54px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.85);
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dt i.ico-pin {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 45px;
    height: 45px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pin.png) center no-repeat;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dt .t-violet {
    background: linear-gradient(102deg, #7f4ef9 1%, #6f4fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dd {
    margin-top: 35px;
    font-size: 22px;
    line-height: 27px;
    color: rgba(255, 255, 255, 0.85);
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dd .t-violet {
    color: #4f81ff;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap {
    margin-top: 125px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide {
    width: 297px;
    height: 385px;
    margin: 0 10px;
    white-space: normal;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 #5228c3;
    width: 297px;
    height: 385px;
    box-sizing: border-box;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state {
    padding: 0 30px;
    display: flex;
    align-items: center;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state .name {
    font-size: 16px;
    color: #85888d;
    font-weight: 700;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state .cate {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state span:nth-child(n+2) {
    margin-left: 15px;
    padding-left: 16px;
    position: relative;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state span:nth-child(n+2):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #e5e5e5;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt {
    margin: 20px 30px 0;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt dt {
    font-size: 24px;
    line-height: 29px;
    color: #85888d;
    font-weight: 400;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 58px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt dd {
    margin-top: 25px;
    text-align: left;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt dd span {
    font-size: 34px;
    line-height: 41px;
    font-weight: 800;
    background: linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 82px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .btn-detail {
    display: none;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-icon {
    margin: 20px 0 0 30px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:before {
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 300ms;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover:before {
    background: rgba(79, 129, 255, 0.8);
    border-radius: 16px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover .btn-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 48px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
    border-radius: 24px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -80px;
    z-index: 1;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover .btn-detail .ico-eye {
    display: block;
    width: 24px;
    height: 25px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-eyes.png) center no-repeat;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover .btn-detail span {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
  }
  .pin-container .benefit-summary .summary-cont1 .slide-btn-area {
    margin-top: 40px;
    display: flex;
    justify-content: center;
  }
  .pin-container .benefit-summary .summary-cont1 .slide-btn-area .btn-pause {
    display: block;
    width: 60px;
    height: 60px;
    background: #fff url(https://resource.mall.castingn.com/static/images/new/pc/ico-pause.png) center no-repeat;
    border-radius: 30px;
    font-size: 0;
    line-height: 0;
  }
  .pin-container .benefit-summary .summary-cont1 .slide-btn-area .btn-play {
    width: 60px;
    height: 60px;
    background: #fff url(https://resource.mall.castingn.com/static/images/new/pc/ico-play.png) center no-repeat;
    border-radius: 30px;
    font-size: 0;
    line-height: 0;
    display: none;
  }
  .pin-container .benefit-summary .summary-cont2 {
    background: #f9faff;
    padding: 105px 40px 150px;
    text-align: center;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-label {
    height: 60px;
    border: 3px solid transparent;
    background-image: linear-gradient(#f9faff, #f9faff), linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 30px;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-label span {
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(102deg, #32ab8c 1%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 25px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-txt {
    margin-top: 35px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-txt dt {
    font-size: 44px;
    line-height: 54px;
    font-weight: 800;
    color: #85888d;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-txt dd {
    margin-top: 35px;
    font-size: 22px;
    line-height: 27px;
    color: rgba(0, 0, 0, 0.45);
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list {
    margin-top: 68px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li {
    margin: 24px auto 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    max-width: 1200px;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 16px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li:first-child {
    margin-top: 0;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left {
    text-align: left;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    color: #03223a;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .t-navy {
    width: 100%;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-pick {
    width: 32px;
    height: 33px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pick.png) center no-repeat;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-truck {
    width: 32px;
    height: 33px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-truck.png) center no-repeat;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-purse {
    width: 32px;
    height: 33px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-purse.png) center no-repeat;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-card {
    width: 32px;
    height: 33px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-card.png) center no-repeat;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .t-gradi {
    display: inline-block;
    background: linear-gradient(292deg, #0d89e8 14%, #32ab8c 84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-right {
    margin-top: 20px;
    text-align: left;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.07em;
    color: #85888d;
    font-weight: 500;
  }
  .pin-container .benefit-info {
    padding: 100px 50px;
    max-width: 1200px;
    margin: 0 auto;
  }
  .pin-container .benefit-info .info-title-area {
    display: flex;
    align-items: center;
  }
  .pin-container .benefit-info .info-title-area div {
    font-size: 54px;
    line-height: 65px;
    font-weight: 700;
    color: #85888d;
  }
  .pin-container .benefit-info .info-cont {
    margin-top: 40px;
  }
  .pin-container .benefit-info .info-cont .cont-left {
    border: 2px solid transparent;
    background-image: linear-gradient(#f9faff, #f9faff), linear-gradient(102deg, #2dd7ab 1%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 16px;
    box-sizing: border-box;
  }
  .pin-container .benefit-info .info-cont .cont-left dl {
    padding: 20px;
  }
  .pin-container .benefit-info .info-cont .cont-left dl .label-box {
    display: inline-flex;
    padding: 0 20px;
    height: 35px;
    background: linear-gradient(102deg, #2dd7ab 1%, #0d89e8 100%);
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    align-items: center;
    border-radius: 26px;
  }
  .pin-container .benefit-info .info-cont .cont-left dl dd {
    font-size: 18px;
    font-weight: 500;
    color: #85888d;
    line-height: 24px;
    margin-top: 15px;
  }
  .pin-container .benefit-info .info-cont .cont-left dl dd .t-navy {
    font-weight: 800;
  }
  .pin-container .benefit-info .info-cont .cont-right {
    margin-top: 20px;
    border-radius: 16px;
    background: linear-gradient(102deg, #2dd7ab 1%, #0d89e8 100%);
    box-sizing: border-box;
    padding: 20px;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-tt {
    font-size: 35px;
    line-height: 43px;
    color: #ffffff;
    font-weight: 500;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-tt strong {
    font-weight: 800;
  }
  .pin-container .benefit-info .info-cont .cont-right ul {
    margin: 20px 0;
  }
  .pin-container .benefit-info .info-cont .cont-right ul li {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    padding-left: 25px;
    position: relative;
  }
  .pin-container .benefit-info .info-cont .cont-right ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.8);
    top: 50%;
    margin-top: -2px;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-link {
    display: flex;
    align-items: center;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-link:after {
    content: "";
    display: block;
    width: 10px;
    height: 16px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-sky.png) center no-repeat;
    margin-left: 10px;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-link span {
    font-size: 20px;
    font-weight: 500;
    color: #e7f3fd;
    border-bottom: 1px solid #e7f3fd;
  }
  .pin-container .benefit-info .info-disc {
    margin-top: 48px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #5e6062;
    line-height: 30px;
  }
  .pin-container .pin-qna-area {
    background: #f2f4f7;
    padding: 50px;
    text-align: center;
  }
  .pin-container .pin-qna-area .qna-label {
    display: inline-flex;
    min-width: 130px;
    padding: 0 20px;
    height: 52px;
    background: linear-gradient(102deg, #2dd7ab 1%, #0d89e8 100%);
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    align-items: center;
    border-radius: 26px;
    box-sizing: border-box;
    justify-content: center;
  }
  .pin-container .pin-qna-area .qna-tt {
    font-size: 44px;
    font-weight: 700;
    color: #3f3e38;
    line-height: 58px;
    margin: 20px 0 42px;
  }
  .pin-container .pin-qna-area .qna-box {
    background: #fff;
    border-radius: 24px;
    box-shadow: 4px 10px 35px -1px rgba(0, 0, 0, 0.08);
    max-width: 1200px;
    margin: 0 auto;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box {
    border-top: 2px solid #dfdfde;
    text-align: left;
    margin: 0 35px;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box:first-child {
    border-top: 0;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-q {
    height: 100px;
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    color: #3f3e38;
    padding-right: 30px;
    cursor: pointer;
    position: relative;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-q:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/arrow/down.png) center no-repeat;
    transition: 200ms;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-q.on:before {
    transform: rotate(180deg);
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-a {
    border-top: 2px solid #dfdfde;
    padding: 25px;
    background: #f8f8f8;
    font-size: 20px;
    line-height: 2;
  }

  .new-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    /* 스마트핀클럽 혜택 팝업 */
    /* 가격 계산 팝업 */
  }
  .new-pop.hide {
    display: none;
  }
  .new-pop.show {
    display: flex;
  }
  .new-pop:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
  }
  .new-pop .pop-wrap {
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  }
  .new-pop.type01 .btn-pop-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 32px;
    height: 32px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pop-close.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .new-pop.type02 .btn-pop-close {
    position: absolute;
    top: 40px;
    right: 52px;
    width: 24px;
    height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pop-close2.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .new-pop .pin-benefit-pop {
    width: 432px;
  }
  .new-pop .pin-benefit-pop .pop-cont {
    padding: 24px 20px 45px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-title {
    font-size: 24px;
    font-weight: 800;
    color: #101010;
    line-height: 28px;
    max-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list {
    max-height: 230px;
    overflow-y: auto;
    padding: 0 15px 15px 10px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list li {
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #5e6062;
    margin-top: 5px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list li:first-child {
    margin-top: 0;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 7px;
    border-radius: 2px;
    background: #5e6062;
    top: 10px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-benefit {
    margin-top: 15px;
    border-top: 1px solid #d9d9d9;
    padding: 15px 0;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-benefit dt {
    font-size: 16px;
    font-weight: 700;
    color: #101010;
    margin-bottom: 12px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-benefit dd .t-gradi {
    background: linear-gradient(105deg, #4f81ff 1%, #7f4ef9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    font-weight: 800;
    line-height: 28px;
    max-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .new-pop .pin-calc-pop {
    width: 656px;
  }
  .new-pop .pin-calc-pop .pop-head {
    height: 197px;
    overflow: hidden;
  }
  .new-pop .pin-calc-pop .pop-cont {
    padding: 24px 20px 70px;
  }
  .new-pop .pin-calc-pop .pop-cont .cont-scroll {
    max-height: 458px;
    overflow-y: auto;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-title {
    font-size: 24px;
    font-weight: 800;
    color: #101010;
    margin-bottom: 15px;
    line-height: 29px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-label {
    font-size: 16px;
    color: #000000;
    line-height: 19px;
    margin-bottom: 15px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec {
    display: flex;
    margin-bottom: 2px;
    height: 56px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec:last-child {
    margin-bottom: 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt {
    width: 152px;
    background: #f2f4f7;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 800;
    color: #5e6062;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt i.ico-twinkle {
    display: block;
    width: 18px;
    height: 19px;
    margin-left: 5px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-twinkle.png) center no-repeat;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt p.t-sm {
    width: 100%;
    font-size: 14px;
    color: #6d6d6d;
    line-height: 17px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt p.t-md {
    width: 100%;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #5e6062;
    line-height: 19px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd {
    width: calc(100% - 152px);
    box-sizing: border-box;
    padding: 0 35px 0 14px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd.flex-box {
    display: flex;
    align-items: center;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .t-green {
    font-size: 16px;
    font-weight: 700;
    color: #2b9177;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .unit1 {
    font-size: 18px;
    color: #6d6d6d;
    margin: 0 14px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .unit2 {
    font-size: 16px;
    color: #6d6d6d;
    margin: 0 0 0 12px;
    font-weight: 800;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip {
    height: 45px;
    border-radius: 4px;
    border: 1px solid #c9c9c9;
    box-sizing: border-box;
    padding: 0 14px;
    text-align: right;
    font-size: 14px;
    flex: 1 1 auto;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip::-moz-placeholder {
    color: #b3b7ba;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip:-ms-input-placeholder {
    color: #b3b7ba;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip::placeholder {
    color: #b3b7ba;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap {
    padding: 16px 0 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-tt {
    font-size: 16px;
    font-weight: 700;
    color: #101010;
    line-height: 42px;
    padding-left: 10px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont {
    border-bottom: 1px solid #d7d9db;
    padding-bottom: 16px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt {
    border-top: 1px solid #d7d9db;
    margin-top: 16px;
    padding: 16px 30px 0 30px;
    font-size: 16px;
    line-height: 26px;
    color: #85888d;
    position: relative;
    cursor: pointer;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt .ico-q {
    position: absolute;
    left: 8px;
    top: 16px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt:first-child {
    border-top: 0;
    margin-top: 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt .ui-accordion-header-icon {
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 8px;
    top: 20px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-plus.png) center no-repeat;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt.ui-accordion-header-active {
    padding-bottom: 0;
    border: 1px solid #fff;
    background: #fff;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt.ui-accordion-header-active .ui-accordion-header-icon {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-minus.png) center no-repeat;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dd {
    display: none;
    padding: 0 30px 0 50px;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #3a3b3c;
    position: relative;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dd span.ico-a {
    position: absolute;
    left: 30px;
    top: 0;
  }
  .new-pop .pin-join-pop {
    width: 660px;
  }
  .new-pop .pin-join-pop .pop-head {
    height: 84px;
    box-sizing: border-box;
    font-size: 28px;
    font-weight: 600;
    color: #4e4e4e;
    line-height: 34px;
    padding: 34px 0 0 46px;
  }
  .new-pop .pin-join-pop .pop-cont.bg-gray {
    background: #f5f5f7;
  }
  .new-pop .pin-join-pop .pop-cont .cont-scroll {
    max-height: 606px;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 24px 46px 48px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-tt {
    text-align: center;
    margin-bottom: 16px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-tt dt {
    font-size: 32px;
    font-weight: 700;
    color: #4e4e4e;
    line-height: 38px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-tt dt .t-blue {
    color: #0d89e8;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-tt dd {
    font-size: 14px;
    color: #4e4e4e;
    margin-top: 8px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type {
    margin-top: 16px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type:first-child {
    margin-top: 0;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] {
    display: none;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label {
    background: #ffffff;
    display: block;
    height: 200px;
    box-sizing: border-box;
    position: relative;
    border-radius: 15px;
    padding: 38px 32px 0;
    cursor: pointer;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label:before {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    box-sizing: border-box;
    border: 2px solid #d5d5d5;
    right: 32px;
    top: 38px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-gray.png) center no-repeat;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-title {
    font-size: 20px;
    line-height: 24px;
    color: #848484;
    font-weight: 700;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-title .t-blue {
    color: #0d89e8;
    font-weight: 800;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-benefit {
    margin-top: 44px;
    font-size: 16px;
    line-height: 19px;
    color: #979797;
    font-weight: 700;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-state {
    position: absolute;
    right: 32px;
    bottom: 32px;
    text-align: right;
    font-size: 20px;
    color: #d5d5d5;
    line-height: 26px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-state strong {
    font-size: 18px;
    font-weight: 700;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label {
    border: 3px solid #0e89e8;
    padding: 35px 29px 0;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label:before {
    border: 0;
    right: 29px;
    top: 35px;
    background: #0e89e8 url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-wt.png) center no-repeat;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label .join-title {
    color: #4e4e4e;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label .join-state {
    color: #0e89e8;
    right: 29px;
    bottom: 29px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list {
    margin-top: 32px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list .list-tt {
    font-size: 20px;
    font-weight: 700;
    color: #4e4e4e;
    margin-bottom: 8px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li {
    margin-top: 5px;
    display: flex;
    align-items: center;
    padding-left: 10px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li .ico-chk {
    display: block;
    width: 23px;
    height: 14px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-gray2.png) center no-repeat;
    margin-right: 12px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li p {
    font-size: 16px;
    line-height: 25px;
    color: #8f8f8f;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li .imp-label {
    margin-left: 10px;
    background: #0e89e8;
    border-radius: 4px;
    height: 22px;
    padding: 0 8px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li:first-child {
    margin-top: 0;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li.imp-list-item .ico-chk {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-blue.png) center no-repeat;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li.imp-list-item p {
    color: #0e89e8;
  }
  .new-pop .pin-join-pop .pop-btn-area {
    padding: 11px 32px 24px;
    display: flex;
    position: relative;
    left: 0;
    bottom: 0;
    width: auto;
  }


  .new-pop .pin-join-pop .pop-btn-area .btn {
    height: 70px;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn:nth-child(n+2) {
    margin-left: 16px;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn span {
    font-size: 22px;
    line-height: 27px;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-line {
    border-color: #b7b7b7;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-line span {
    color: #bababa;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-bg {
    border: 0;
    background: #020202;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-bg.disabled {
    background: #ccc;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-bg span {
    color: #ffffff;
  }

  .new-pop2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  .new-pop2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    transition-duration: 500ms;
  }
  .new-pop2 .pop-wrap {
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 24px;
    box-shadow: 4px 10px 35px -1px rgba(0, 0, 0, 0.08);
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
  }
  .new-pop2 .pop-wrap .btn-pop-close {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 48px;
    height: 48px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pop-close3.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .new-pop2.hide {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .new-pop2.hide:before {
    content: "";
    visibility: hidden;
    opacity: 0;
  }
  .new-pop2.hide .pop-wrap {
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
  .new-pop2.show {
    visibility: visible;
  }
  .new-pop2.show:before {
    visibility: visible;
    opacity: 1;
  }
  .new-pop2.show .pop-wrap {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .new-pop2 .curation-pop {
    max-width: 996px;
    width: 90vw;
  }
  .new-pop2 .curation-pop .pop-head {
    height: 197px;
    overflow: hidden;
    padding: 48px 0 23px;
    margin: 0 46px;
    border-bottom: 1px solid #c9c9c9;
    box-sizing: border-box;
  }
  .new-pop2 .curation-pop .pop-head .ico-smiling-face {
    display: block;
    width: 30px;
    height: 30px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .new-pop2 .curation-pop .pop-head dt {
    display: flex;
    align-items: center;
  }
  .new-pop2 .curation-pop .pop-head dt span {
    font-size: 24px;
    color: #222;
    font-weight: 500;
    margin-left: 8px;
  }
  .new-pop2 .curation-pop .pop-head dd {
    margin-top: 13px;
    font-size: 14px;
    line-height: 21px;
    color: #5e6062;
  }
  .new-pop2 .curation-pop .pop-head .suggest-tag {
    display: flex;
    align-items: center;
    margin-top: 12px;
    flex-wrap: wrap;
  }
  .new-pop2 .curation-pop .pop-head .suggest-tag .tag-item {
    padding: 0 8px;
    height: 30px;
    border-radius: 4px;
    background: #edf2ff;
    line-height: 30px;
    font-size: 14px;
    color: #6994ff;
  }
  .new-pop2 .curation-pop .pop-head .suggest-tag .tag-item:nth-child(n+2) {
    margin-left: 8px;
  }
  .new-pop2 .curation-pop .pop-cont {
    height: 500px;
    box-sizing: border-box;
    padding: 0 40px 19px;
  }
  .new-pop2 .curation-pop .pop-cont .cont-scroll {
    overflow-y: auto;
    height: 481px;
    padding: 0 6px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area {
    padding: 24px 0;
    display: flex;
    flex-wrap: wrap;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item {
    position: relative;
    width: calc(33.33% - 8px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    margin-right: 12px;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item:nth-child(3n) {
    margin-right: 0;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item:nth-child(n+4) {
    margin-top: 25px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk {
    position: absolute;
    right: 12px;
    top: 8px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 27px;
    border-radius: 14px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-3.png);
    background-position: center;
    background-size: 100%;
    position: relative;
    z-index: 1;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin:hover {
    background-color: #f2f4f7;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-after {
    background-color: #f2f4f7;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-after:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon.png);
    margin-top: -3px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-use:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-2.png);
    margin-top: -3px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-use:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    position: absolute;
    border: 2px solid transparent;
    background-image: linear-gradient(#f2f4f7, #f2f4f7), linear-gradient(135deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    opacity: 0.5;
    box-sizing: border-box;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled {
    background-color: #f2f4f7;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-4.png);
    margin-top: -3px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a {
    display: block;
    padding: 10px 0 24px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-company {
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 10px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-company .company-thumb {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    overflow: hidden;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-company .company-name {
    font-size: 12px;
    color: #5e6062;
    font-weight: 500;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-thumb img {
    width: 100%;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-benefit {
    margin-top: 11px;
    display: flex;
    align-items: center;
    height: 27px;
    background: #e7f3fd;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
    color: #4f81ff;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-benefit .t-gradi {
    display: inline-block;
    font-weight: 700;
    margin: 0 3px;
    background: linear-gradient(100deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-tt {
    margin-top: 8px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: #101010;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-price {
    margin-top: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #85888d;
    font-weight: 700;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-price .t-bk {
    color: #000000;
    margin: 0 2px 0 4px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-disc {
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px;
    color: #85888d;
    font-weight: 500;
  }

  /*s : 핀 메인화면*/
  .pin-main-layout {
    /*e: pin-top-bnr*/
    /*e: pin-main-container */
  }
  .pin-main-layout .section {
    max-width: 1200px;
    padding: 0 20px;
  }
  .pin-main-layout .ico-folded-hands {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-file-cabinet {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-memo {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-speaking-head {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-artist-palette {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-smiling-face {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-cooking {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-school {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-battery {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-people {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-people.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-magic-stick {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-magic-stick.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-top-bnr .section {
    padding: 49px 20px 30px;
    border-bottom: 1px solid #c8c8c8;
  }
  .pin-main-layout .pin-top-bnr .flex-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .pin-top-tt {
    font-size: 48px;
    font-weight: 800;
    color: #101010;
    line-height: 56px;
    margin-bottom: 10px;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .pin-top-tt .t-pin-gradi {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 127px;
    height: 60px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/t-pin-gradi.png) center no-repeat;
    vertical-align: top;
    margin: 5px 5px 0 -5px;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .pin-disc {
    font-size: 16px;
    line-height: 36px;
    color: #4f81ff;
    font-weight: 700;
    margin-bottom: 3px;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .btn-pinclub {
    display: flex;
    width: 283px;
    height: 58px;
    border-radius: 8px;
    box-shadow: 0 5px 8px 0 rgba(79, 129, 255, 0.18);
    background-color: #4f81ff;
    align-items: center;
    justify-content: center;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .btn-pinclub span {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 36px;
  }
  .pin-main-layout .pin-main-container {
    padding: 80px 0 120px;
    /*e: pin-search-list*/
    /*e: pin-suggest-list*/
    /*e: pin-take-box*/
  }
  .pin-main-layout .pin-main-container .pin-btn-area {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view {
    height: 60px;
    border-radius: 30px;
    background: #f8f8f8;
    padding: 0 45px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view span {
    font-size: 20px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view .ico-emoji {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view .ico-arrow {
    width: 15px;
    height: 15px;
    margin-left: 8px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-btn-arrow.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view:hover {
    border: 2px solid #4f81ff;
    padding: 0 43px;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view:hover span {
    color: #4f81ff;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view:hover .ico-arrow {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-btn-arrow-active.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title {
    display: flex;
    align-items: center;
    margin-bottom: 48px;
    position: relative;
    z-index: 2;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-txt {
    font-size: 28px;
    color: #101010;
    font-weight: 700;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area {
    margin: -10px 24px 0;
    position: relative;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc1 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc2 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc3 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc4 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc5 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc6 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc7 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc8 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc9 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-label {
    border-bottom: 3px solid #000;
    padding: 0 45px 0 8px;
    height: 48px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-label:after {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 13px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/slc-arrow.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-label .slc-item span {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-label .slc-item i {
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 12px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-item {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer {
    position: absolute;
    display: none;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 239px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 23px 24px;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-list li {
    margin-top: 13px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-list li:first-child {
    margin-top: 0;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-item {
    height: 34px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-item span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #101010;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-item i {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-item:hover {
    background: #e7f3fd;
    padding: 0 8px;
    border-radius: 4px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-item:hover i {
    width: 16px;
    height: 16px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area {
    display: flex;
    flex-wrap: wrap;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item {
    position: relative;
    width: calc(50% - 18px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    margin-right: 18px;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item:nth-child(4n) {
    margin-right: 0;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item:nth-child(n+3) {
    margin-top: 20px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk {
    position: absolute;
    right: 12px;
    top: 8px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 27px;
    border-radius: 14px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-3.png);
    background-position: center;
    background-size: 100%;
    position: relative;
    z-index: 1;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin:hover {
    background-color: #f2f4f7;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-after {
    background-color: #f2f4f7;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-after:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon.png);
    margin-top: -3px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-use:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-2.png);
    margin-top: -3px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-use:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    position: absolute;
    border: 2px solid transparent;
    background-image: linear-gradient(#f2f4f7, #f2f4f7), linear-gradient(135deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    opacity: 0.5;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled {
    background-color: #f2f4f7;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-4.png);
    margin-top: -3px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a {
    display: block;
    padding: 10px 0 24px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-company {
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 10px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-company .company-thumb {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-company .company-name {
    font-size: 12px;
    color: #5e6062;
    font-weight: 500;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-thumb img {
    width: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-benefit {
    margin-top: 11px;
    display: flex;
    align-items: center;
    height: 27px;
    background: #e7f3fd;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 16px;
    font-weight: 700;
    color: #4f81ff;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-benefit .t-gradi {
    display: inline-block;
    font-weight: 700;
    margin: 0 3px;
    background: linear-gradient(100deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-tt {
    margin-top: 8px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: #101010;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-price {
    margin-top: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #85888d;
    font-weight: 700;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-price .t-bk {
    color: #000000;
    margin: 0 2px 0 4px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-disc {
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-main-layout .pin-main-container .pin-search-list .pin-btn-area {
    margin-top: 95px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list {
    margin-top: 76px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-title {
    display: flex;
    margin-bottom: 57px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-title .title-m {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    margin-right: 19px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-title .title-s {
    margin-top: 2px;
    font-size: 24px;
    font-weight: 500;
    color: #3a3b3c;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area {
    display: flex;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item {
    width: 33.33%;
    box-sizing: border-box;
    border-left: 1px solid #e5e5e5;
    padding: 0 24px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .ico-emoji-area i {
    width: 44px;
    height: 44px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-txt {
    margin-top: 24px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-txt dt {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    color: #222;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-txt dd {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    color: #5e6062;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-tag {
    display: flex;
    align-items: center;
    margin-top: 16px;
    flex-wrap: wrap;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-tag .tag-item {
    padding: 0 8px;
    height: 30px;
    border-radius: 4px;
    background: #edf2ff;
    line-height: 30px;
    font-size: 14px;
    color: #6994ff;
    margin: 2px 4px 2px 0;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service {
    margin-top: 24px;
    border: 1px solid #c8c8c8;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link {
    height: 200px;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 200px;
    font-size: 0;
    line-height: 0;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a img {
    min-width: 100%;
    min-height: 100%;
    max-width: 120%;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a .link-count {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 70px;
    background: rgba(0, 0, 0, 0.45);
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a .link-count span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    padding-top: 30px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-list.png) calc(100% - 2px) 8px no-repeat;
    margin-left: -10px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-area {
    padding: 10px 0;
    justify-content: space-around;
    display: flex;
    flex-wrap: wrap;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-area .service-item {
    width: 72px;
    height: 72px;
    border-radius: 14px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.45);
    overflow: hidden;
    margin: 3px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .pin-btn-area {
    margin-top: 57px;
  }
  .pin-main-layout .pin-main-container .pin-take-box {
    margin-top: 125px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-tt {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: #222;
    margin-bottom: 42px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area {
    display: flex;
    justify-content: space-between;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item {
    width: calc(33.33% - 17px);
    border-radius: 16px;
    box-shadow: 4px 4px 30px -10px rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 18px 0 18px;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-ico01 {
    width: 91px;
    height: 90px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pin-take-ico1.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-ico02 {
    width: 91px;
    height: 90px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pin-take-ico2.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-ico03 {
    width: 91px;
    height: 90px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pin-take-ico3.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-txt {
    margin-left: 6px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-txt dt {
    font-size: 24px;
    line-height: 26px;
    color: #3a3b3c;
    font-weight: 700;
    margin-bottom: 6px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-txt dd {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    color: #5e6062;
  }

  /*e: pin-main-layout*/
  /*e : 핀 메인화면*/
  /*s: 핀 서브화면 */
  .pin-sub-layout {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
  }
  .pin-sub-layout .ico-slc1 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc2 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc3 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc4 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc5 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc6 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc7 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc8 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc9 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc10 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pointing.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-folded-hands {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-file-cabinet {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-memo {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-speaking-head {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-artist-palette {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-smiling-face {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-cooking {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-school {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-battery {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-people {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-people.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-magic-stick {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-magic-stick.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .pin-sub-left {
    width: 258px;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
    padding: 80px 12px 100px;
  }
  .pin-sub-layout .pin-sub-left .search-area {
    margin-left: auto;
    width: 234px;
    height: 38px;
    position: relative;
  }
  .pin-sub-layout .pin-sub-left .search-area input[type=text] {
    width: 234px;
    height: 38px;
    border-radius: 8px;
    background: #f6f8fa;
    box-sizing: border-box;
    padding: 0 10px 0 40px;
    font-size: 14px;
  }
  .pin-sub-layout .pin-sub-left .search-area .btn-search {
    position: absolute;
    left: 8px;
    top: 7px;
    width: 24px;
    height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-search.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .pin-sub-layout .pin-sub-left dt {
    font-size: 22px;
    font-weight: bold;
    color: #101010;
    margin-bottom: 18px;
  }
  .pin-sub-layout .pin-sub-left dl:nth-child(n+2) {
    margin-top: 37px;
  }
  .pin-sub-layout .pin-sub-left .slc-list li {
    margin-top: 4px;
  }
  .pin-sub-layout .pin-sub-left .slc-list li:first-child {
    margin-top: 0;
  }
  .pin-sub-layout .pin-sub-left .slc-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: 35px;
    padding: 0 8px;
  }
  .pin-sub-layout .pin-sub-left .slc-item span {
    font-size: 16px;
    line-height: 20px;
    color: #5e6062;
  }
  .pin-sub-layout .pin-sub-left .slc-item i {
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
  }
  .pin-sub-layout .pin-sub-left .slc-item:hover {
    background: #f2f4f7;
    border-radius: 4px;
  }
  .pin-sub-layout .pin-sub-left .slc-item.active-item {
    background: #4f81ff;
    border-radius: 4px;
    height: 40px;
  }
  .pin-sub-layout .pin-sub-left .slc-item.active-item span {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
  }
  .pin-sub-layout .pin-sub-left .slc-item.active-item i {
    width: 24px;
    height: 24px;
  }
  .pin-sub-layout .pin-sub-container {
    width: calc(100% - 258px);
    padding: 24px 20px 120px 48px;
    box-sizing: border-box;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top {
    margin-bottom: 33px;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap {
    display: flex;
    align-items: center;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span {
    font-size: 14px;
    color: #999;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span.active {
    font-weight: 700;
    color: #2c2c2c;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span:nth-child(n+2) {
    position: relative;
    padding-left: 20px;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span:nth-child(n+2):before {
    content: ">";
    display: block;
    position: absolute;
    left: 5px;
    top: -1px;
    color: #999;
    font-weight: 400;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .search-area {
    margin-top: 20px;
    height: 38px;
    position: relative;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .search-area input[type=text] {
    width: 100%;
    height: 38px;
    border-radius: 8px;
    background: #f6f8fa;
    box-sizing: border-box;
    padding: 0 10px 0 40px;
    font-size: 14px;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .search-area .btn-search {
    position: absolute;
    left: 8px;
    top: 7px;
    width: 24px;
    height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-search.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-title {
    margin-bottom: 48px;
    position: relative;
    z-index: 2;
  }
  .result-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
  }
  .pd_15 {
    padding-bottom: 15px;
    margin: 0;
  }
  .search-title {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
  }
  .search-title .tt-txt {
    font-size: 18px;
    color: #85888d;
    font-weight: 700;
  }
  .search-title .tt-txt .t-bk {
    color: #000000;
  }
  .search-title .tt-select-area {
    margin: -5px 16px 0;
    position: relative;
  }
  .search-title .tt-select-area .ico-slc1 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc2 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc3 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc4 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc5 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc6 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc7 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc8 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc9 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .slc-label {
    border-bottom: 3px solid #000;
    padding: 0 45px 0 4px;
    height: 42px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
  }
  .search-title .tt-select-area .slc-label:after {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 8px;
    top: 13px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/slc-arrow.png) center no-repeat;
  }
  .search-title .tt-select-area .slc-label .slc-item span {
    font-size: 28px;
    line-height: 30px;
    font-weight: 800;
  }
  .search-title .tt-select-area .slc-label .slc-item i {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }
  .search-title .tt-select-area .slc-item {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .search-title .tt-select-area .slc-layer {
    position: absolute;
    display: none;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 239px;
    width: 100%;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 23px 24px;
    box-sizing: border-box;
  }
  .search-title .tt-select-area .slc-layer .slc-list li {
    margin-top: 13px;
  }
  .search-title .tt-select-area .slc-layer .slc-list li:first-child {
    margin-top: 0;
  }
  .search-title .tt-select-area .slc-layer .slc-item {
    height: 34px;
  }
  .search-title .tt-select-area .slc-layer .slc-item span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #101010;
  }
  .search-title .tt-select-area .slc-layer .slc-item i {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
  }
  .search-title .tt-select-area .slc-layer .slc-item:hover {
    background: #e7f3fd;
    padding: 0 8px;
    border-radius: 4px;
  }
  .search-title .tt-select-area .slc-layer .slc-item:hover i {
    width: 16px;
    height: 16px;
  }
  .sort-area {
    margin-top: 15px;
    text-align: right;
    position: relative;
    height: 33px;
  }
  .sort-area .btn-sort-txt {
    border: 1px solid #c9c9c9;
    border-radius: 8px;
    display: inline-flex;
    padding: 0 33px 0 12px;
    height: 33px;
    align-items: center;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/arrow/down.png) calc(100% - 7px) center no-repeat;
    background-size: 16px;
  }
  .sort-area .btn-sort-txt span {
    font-size: 14px;
    font-weight: 500;
    color: #3a3b3c;
  }
  .sort-area .sort-list {
    border-radius: 8px;
    box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    min-width: 154px;
    position: absolute;
    top: 36px;
    right: 0;
    display: none;
  }
  .sort-area .sort-list ul {
    padding: 10px 6px;
  }
  .sort-area .sort-list ul li {
    margin-top: 5px;
  }
  .sort-area .sort-list ul li:first-child {
    margin-top: 0;
  }
  .sort-area .sort-list ul li .btn-sort {
    display: flex;
    width: 100%;
    height: 27px;
    padding: 0 0 0 12px;
    align-items: center;
  }
  .sort-area .sort-list ul li .btn-sort span {
    font-size: 16px;
    color: #5e6062;
    font-weight: 500;
  }
  .sort-area .sort-list ul li .btn-sort:hover {
    background: #f2f2f2;
    border-radius: 4px;
  }
  .sort-area .sort-list ul li .btn-sort.active-sort {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-blue.png) calc(100% - 9px) center no-repeat;
    background-size: 13px;
  }
  .sort-area .sort-list ul li .btn-sort.active-sort span {
    font-size: 16px;
    color: #3a3b3c;
    font-weight: 700;
  }
  .pin-sub-layout .pin-search-cont.result-cont .search-area {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 60px;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty {
    padding: 200px 0 200px;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .empty-message {
    text-align: center;
    font-size: 16px;
    color: #5e5e5e;
    line-height: 18px;
    font-weight: 500;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .empty-message .ico-sad {
    display: block;
    margin: 0 auto 5px;
    width: 20px;
    height: 20px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-sad.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .btn-area {
    margin-top: 24px;
    display: flex;
    justify-content: center;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .btn-area .btn-blue {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 55px;
    border-radius: 11px;
    background: #4f81ff;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .btn-area .btn-blue span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }
  .pin-sub-layout .search-area {
    display: flex;
    flex-wrap: wrap;
  }
  .pin-sub-layout .search-area .pin-search-item {
    position: relative;
    width: calc(50% - 6px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    margin-right: 12px;
    padding: 0 12px;
    box-sizing: border-box;
  }
  .pin-sub-layout .search-area .pin-search-item:nth-child(2n) {
    margin-right: 0;
  }
  .pin-sub-layout .search-area .pin-search-item:nth-child(n+3) {
    margin-top: 45px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk {
    position: absolute;
    right: 12px;
    top: 8px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 27px;
    border-radius: 14px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-3.png);
    background-position: center;
    background-size: 100%;
    position: relative;
    z-index: 1;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin:hover {
    background-color: #f2f4f7;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-after {
    background-color: #f2f4f7;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-after:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon.png);
    margin-top: -3px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-use:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-2.png);
    margin-top: -3px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-use:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    position: absolute;
    border: 2px solid transparent;
    background-image: linear-gradient(#f2f4f7, #f2f4f7), linear-gradient(135deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    opacity: 0.5;
    box-sizing: border-box;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled {
    background-color: #f2f4f7;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-4.png);
    margin-top: -3px;
  }
  .pin-sub-layout .search-area .pin-search-item a {
    display: block;
    padding: 10px 0 24px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-company {
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 10px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-company .company-thumb {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    overflow: hidden;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-company .company-name {
    font-size: 12px;
    color: #5e6062;
    font-weight: 500;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-thumb img {
    width: 100%;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-benefit {
    margin-top: 11px;
    display: flex;
    align-items: center;
    height: 27px;
    background: #e7f3fd;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
    color: #4f81ff;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-benefit .t-gradi {
    display: inline-block;
    font-weight: 700;
    margin: 0 3px;
    background: linear-gradient(100deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-tt {
    margin-top: 8px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: #101010;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-price {
    margin-top: 8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #85888d;
    font-weight: 700;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-price .t-bk {
    color: #000000;
    margin: 0 2px 0 4px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-disc {
    margin-top: 8px;
    font-size: 12px;
    line-height: 14px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-sub-layout .suggest-area {
    border-top: 1px solid #e5e5e5;
  }
  .pin-sub-layout .suggest-area .suggest-item {
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    padding: 36px 0;
  }
  .pin-sub-layout .suggest-area .suggest-item .ico-emoji-area i {
    width: 44px;
    height: 44px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-txt {
    margin-top: 24px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-txt dt {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #222;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-txt dd {
    font-size: 16px;
    line-height: 24px;
    margin-top: 14px;
    color: #5e6062;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-tag {
    display: flex;
    align-items: center;
    margin-top: 30px;
    flex-wrap: wrap;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-tag .tag-item {
    padding: 0 8px;
    height: 30px;
    border-radius: 4px;
    background: #edf2ff;
    line-height: 30px;
    font-size: 14px;
    color: #6994ff;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-tag .tag-item:nth-child(n+2) {
    margin-left: 8px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service {
    border: 1px solid #c8c8c8;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    margin-top: 50px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link {
    height: 200px;
    overflow: hidden;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 200px;
    font-size: 0;
    line-height: 0;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a img {
    min-width: 100%;
    min-height: 100%;
    max-width: 120%;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a .link-count {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 101px;
    background: rgba(0, 0, 0, 0.45);
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a .link-count span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    padding-top: 30px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-list.png) calc(100% - 2px) 8px no-repeat;
    margin-left: -10px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-area {
    padding: 16px 0;
    justify-content: center;
    display: flex;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-area .service-item {
    width: 72px;
    height: 72px;
    border-radius: 14px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.45);
    overflow: hidden;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-area .service-item:nth-child(n+2) {
    margin-left: 12px;
  }

  /*e: 핀 서브화면 */
  .pagination-area {
    margin-top: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pagination-area .btn-prev {
    width: 28px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-prev.png) center no-repeat;
  }
  .pagination-area .btn-next {
    width: 28px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-next.png) center no-repeat;
  }
  .pagination-area .page-num-area {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
  }
  .pagination-area .page-num-area span {
    font-size: 13px;
    color: #5e6062;
    min-width: 28px;
    text-align: center;
  }
  .pagination-area .page-num-area .btn-num {
    min-width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 13px;
    color: #b0b2b5;
    padding: 0 5px;
    margin: 0 4px;
    border-radius: 8px;
  }
  .pagination-area .page-num-area .btn-num:hover {
    background: #f9f9fa;
  }
  .pagination-area .page-num-area .btn-num.active-num {
    background: #e7f3fd;
    color: #85888d;
  }
  .pagination-area .page-num-area .btn-num:active {
    background: #0d89e8;
    color: #fff;
  }
}
@media (max-width: 767px) {
  /*브라우저 사이즈1024px이상일때*/
  .m-hide {
    display: none !important;
  }

  .pin-sub-gnb{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 48px;
    background: #f9f9fa;
    padding: 0 7px 0 0;
    box-sizing: border-box;
  }

  .pin-sub-gnb .pin-sub-menu{
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-right: auto;
  }

  .pin-sub-gnb .pin-sub-menu a{
    color: #3a3b3c;
    font-weight: 500;
    padding: 0 12px;
  }

  .pin-sub-gnb .pin-sub-menu a.on{
    font-weight: 800;
    color: #4f81ff;
  }

  .pin-sub-gnb .btn-join{
    width: 93px;
    height: 24px;
    border-radius: 4px;
    border:1px solid #7f4ef9;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: #0d89e8;
    font-weight: 500;
    font-size: 12px;
  }

  .pin-sub-gnb .btn-join + .btn-join{
    margin-left: 4px;
  }

  .pin-sub-gnb .btn-join:after{
    width: 8px;
    height: 15px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/new/pc/ico-pinjoin-arr.png) center/100% no-repeat;
    content: '';
    margin-left: 12px;
    display: none;
  }

  .pin-container .section {
    max-width: 100%;
  }
  .pin-container .t-pretendard {
    font-family: SignPainter-HouseScript;
    font-size: 80px;
    font-weight: 600;
  }
  .pin-container .t-emerald {
    color: #00ff74;
  }
  .pin-container .t-navy {
    color: #03223a;
  }
  .pin-container .pin-visual-wrap {
    height: 690px;
    background-color: #000000;
    background-image: url(https://resource.mall.castingn.com/static/images/new/m/pin_visual_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 498px;
    padding-top: 76px;
    box-sizing: border-box;
    text-align: center;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt {
    font-size: 24px;
    color: #ffffff;
    font-weight: 800;
    line-height: 40px;
    position: relative;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt p {
    font-size: 40px;
    margin-top: 10px;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt .ico-go {
    position: absolute;
    font-size: 0;
    line-height: 0;
    width: 56px;
    height: 56px;
    background: url(https://resource.mall.castingn.com/static/images/new/m/ico-go.png) center no-repeat;
    background-size: 100%;
    top: -60px;
    right: 40px;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt .t-pretendard {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 76px;
    height: 40px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/club-txt.png) center no-repeat;
    background-size: 100%;
    vertical-align: top;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt .t-emerald {
    font-size: 62px;
    line-height: 74px;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dt .t-big {
    font-size: 62px;
    line-height: 74px;
  }
  .pin-container .pin-visual-wrap .pin-visual-txt dd {
    margin-top: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #ffffff;
  }
  .pin-container .pin-visual-wrap .btn-area {
    margin-top: 60px;
    /* padding-top: 68px; */
    position: relative;
  }
  .pin-container .pin-visual-wrap .btn-area a {
    margin: 0 auto;
    width: 216px;
    height: 54px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    position: relative;
  }

  .pin-container .pin-visual-wrap .btn-area a + a{
    margin-top: 10px;
  }

  .pin-container .pin-visual-wrap .btn-area a span {
    font-size: 20px;
    font-weight: 600;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01 {
    position: relative;
    border: 1px solid transparent;
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01 span {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01 span.hover-after {
    display: none;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover {
    background-image: linear-gradient(270deg, #0d89e8, #00ff74);
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover span {
    color: #ffffff !important;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover span.hover-before {
    display: none;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type01:hover span.hover-after {
    display: block;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 {
    background-image: linear-gradient(270deg, #0d89e8, #00ff74);
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 span {
    color: #ffffff;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02 .tooltip-area {
    display: none;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type02:hover {
    background-image: linear-gradient(270deg, #85888d, #85888d);
    background: #85888d;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type03 {
    background: #c9c9c9;
    width: 289px;
  }
  .pin-container .pin-visual-wrap .btn-area a.btn-type03 span {
    color: #ffffff;
  }
  .pin-container .pin-banner-wrap {
    padding-bottom: 30px;
    margin-top: -85px;
  }
  .pin-container .pin-banner-wrap .pin-banner-area {
    height: 135px !important;
  }
  .pin-container .pin-banner-wrap .pin-banner-area .banner-list {
    display: flex;
  }
  .pin-container .pin-banner-wrap .pin-banner-area .banner-item {
    margin-left: 18px;
    border-radius: 16px;
    width: 210px;
    height: 117px;
    box-shadow: 0 12px 8px 0 rgba(0, 0, 0, 0.25), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
  .pin-container .pin-banner-wrap .pin-banner-area .banner-item a {
    border-radius: 16px;
    width: 210px;
    height: 117px;
    display: block;
    overflow: hidden;
    background: #ddd;
  }
  .pin-container .pin-banner-wrap .pin-banner-link {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  .pin-container .pin-banner-wrap .pin-banner-link .btn-link {
    font-size: 16px;
    font-weight: 500;
    color: #acacac;
    border-bottom: 2px solid #c7c7c7;
    line-height: 19px;
  }
  .pin-container .pin-member-info {
    padding: 30px 15px 100px;
  }
  .pin-container .pin-member-info .member-info-title .info-tooltip {
    width: 244px;
    height: 60px;
    border-radius: 20px;
    background: #000000;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
    font-size: 16px;
    color: #f9faff;
  }
  .pin-container .pin-member-info .member-info-title .info-tooltip:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid #000000;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 35px;
  }
  .pin-container .pin-member-info .member-info-title .info-tooltip .ico-face {
    width: 20px;
    height: 21px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-smile3.png) center no-repeat;
    margin-right: 5px;
  }
  .pin-container .pin-member-info .member-info-title .info-tt {
    margin-top: 30px;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dt {
    font-size: 22px;
    color: #5e6062;
    font-weight: 300;
    line-height: 28px;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dd {
    margin-top: 10px;
    font-size: 48px;
    font-weight: 600;
    color: #85888d;
    line-height: 58px;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dd .t-grdi01 {
    font-weight: 800;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-member-info .member-info-title .info-tt dd .t-navy {
    font-weight: 900;
  }
  .pin-container .pin-member-info .member-info-cont {
    margin-top: 50px;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background: #fff;
    border-radius: 16px;
    box-sizing: border-box;
    padding: 30px 20px 350px 30px;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item dt {
    font-size: 28px;
    line-height: 38px;
    color: #03223a;
    font-weight: 800;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item dt .t-gradi01 {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item dd {
    margin-top: 10px;
    font-size: 20px;
    line-height: 28px;
    color: #85888d;
    font-weight: 700;
    height: 112px;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item.type01 {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/mem-profile.png) center bottom no-repeat;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item.type02 {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/mem-trend.png) center calc(100% - 30px) no-repeat;
    background-size: 100%;
  }
  .pin-container .pin-member-info .member-info-cont .cont-item.type03 {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/mem-manage.png) calc(100% + 1px) calc(100% + 3px) no-repeat;
    background-size: 100%;
  }
  .pin-container .pin-member-info .member-info-cont .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 24px;
  }
  .pin-container .pin-member-info .member-info-cont .swiper-pagination .swiper-pagination-bullet {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 8px;
    background: #c9c9c9;
    margin: 0 7px;
    opacity: 1;
  }
  .pin-container .pin-member-info .member-info-cont .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0d89e8;
  }
  .pin-container .pin-member-info .member-sign-area {
    margin-top: 50px;
  }
  .pin-container .pin-member-info .member-sign-area .sign-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    color: #03223a;
    margin-bottom: 15px;
  }
  .pin-container .pin-member-info .member-sign-area .sign-txt .ico-smile {
    display: block;
    width: 24px;
    height: 25px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-smile2.png) center no-repeat;
    margin: 0 5px 0 0;
  }
  .pin-container .pin-member-info .member-sign-area .btn-gradi {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
    background-image: linear-gradient(270deg, #0d89e8, #32ab8c);
    width: 100%;
    height: 54px;
    border-radius: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px;
  }
  .pin-container .pin-member-info .member-sign-area .btn-gradi span {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
  }
  .pin-container .pin-member-info .member-sign-area .sign-info {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pin-container .pin-member-info .member-sign-area .sign-info span {
    font-size: 20px;
    color: #5e6062;
    font-weight: 500;
    line-height: 30px;
  }
  .pin-container .pin-member-info .member-sign-area .sign-info .ico-arrow-right {
    width: 13px;
    height: 30px;
    margin-left: 10px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-gray.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-top {
    background: #50cd89;
    padding: 60px 0 27px;
    text-align: center;
  }
  .pin-container .pin-benefit-wrap .benefit-top .ico-hand {
    display: block;
    width: 143px;
    height: 143px;
    background: url(https://resource.mall.castingn.com/static/images/new/m/ico-hand.png) center no-repeat;
    margin: 0 auto;
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dt {
    font-size: 48px;
    line-height: 58px;
    color: #d8ffea;
    font-weight: 800;
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dt .t-darkgreen {
    color: rgba(3, 34, 58, 0.65);
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dd {
    margin-top: 30px;
    font-size: 20px;
    line-height: 30px;
    color: rgba(3, 34, 58, 0.65);
    font-weight: 500;
  }
  .pin-container .pin-benefit-wrap .benefit-top dl dd strong {
    font-weight: 800;
  }
  .pin-container .pin-benefit-wrap .benefit-top .scroll-down {
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: rgba(3, 34, 58, 0.4);
  }
  .pin-container .pin-benefit-wrap .benefit-top .scroll-down .ico-down-arrow {
    display: block;
    width: 30px;
    height: 18px;
    margin: 8px auto 0;
    background: url(https://resource.mall.castingn.com/static/images/new/m/ico-arrow-down.png) center no-repeat;
    background-size: 100%;
  }
  .pin-container .pin-benefit-wrap .benefit-cont {
    background: #f9faff;
    max-width: 100%;
    padding: 58px 15px 140px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dt {
    position: relative;
    padding-top: 80px;
    font-size: 42px;
    line-height: 50px;
    font-weight: 800;
    color: #101010;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dt .t-gradi01 {
    font-weight: 800;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dt:before {
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
    width: 112px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/m/ico-sign-benefit.png) center no-repeat;
    background-size: 100%;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left dd {
    margin-top: 17px;
    font-size: 19px;
    line-height: 30px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info {
    margin-top: 24px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info p {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #818181;
    font-weight: 500;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info p .ico-eye {
    width: 24px;
    height: 25px;
    display: block;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-eyes.png) center no-repeat;
    margin-right: 5px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop {
    display: flex;
    align-items: center;
    margin: 5px 0 0;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop span {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop span:before {
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    position: absolute;
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-left .cont-benefit-info .btn-pop:after {
    content: "";
    display: block;
    width: 16px;
    height: 30px;
    margin-left: 5px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-gradi.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right {
    margin-top: 77px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card {
    width: 100%;
    border-radius: 24px;
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    margin-top: 56px;
    box-sizing: border-box;
    position: relative;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .pd30 {
    padding: 30px 30px 200px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-label {
    display: inline-flex;
    height: 39px;
    padding: 0 12px;
    align-items: center;
    border-radius: 21px;
    background: #32ab8c;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-txt {
    margin-top: 24px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-txt dt {
    font-size: 32px;
    line-height: 38px;
    font-weight: 800;
    color: #32ab8c;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .card-txt dd {
    margin-top: 24px;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.04em;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card ol {
    margin-top: 24px;
    background: #f5f5f5;
    padding: 6px 12px;
    border-radius: 8px;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card ol li {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: rgba(0, 0, 0, 0.45);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info1 {
    display: block;
    bottom: 17px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem1.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info2 {
    display: block;
    bottom: 17px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem2.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info3 {
    display: block;
    bottom: 17px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem3.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info4 {
    display: block;
    bottom: 17px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem4.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card .ico-card-info5 {
    display: block;
    bottom: 17px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
    width: 160px;
    height: 161px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-mem5.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child {
    margin-top: 0;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child .card-label {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child .card-label .ico-twinkle {
    display: block;
    width: 18px;
    height: 19px;
    margin-left: 3px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-twinkle.png) center no-repeat;
  }
  .pin-container .pin-benefit-wrap .benefit-cont .cont-right .benefit-card:first-child .card-txt dt {
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .benefit-summary .summary-title-sec {
    background: #f9faff;
    padding: 0 0 150px;
    text-align: center;
  }
  .pin-container .benefit-summary .summary-title-sec .ico-smile {
    display: block;
    width: 48px;
    height: 50px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-smile1.png) center no-repeat;
    margin: 0 auto;
    background-size: 100%;
  }
  .pin-container .benefit-summary .summary-title-sec p {
    margin-top: 5px;
    font-size: 28px;
    line-height: 1.2;
    color: rgba(3, 34, 58, 0.5);
    font-weight: 800;
  }
  .pin-container .benefit-summary .summary-title-sec p strong {
    font-weight: 800;
  }
  .pin-container .benefit-summary .summary-cont1 {
    background: #000000;
    padding: 72px 0 85px 28px;
    position: relative;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-label {
    height: 43px;
    border: 2px solid transparent;
    background-image: linear-gradient(#000, #000), linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 30px;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-label span {
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 15px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt {
    margin-top: 30px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dt {
    font-size: 32px;
    line-height: 39px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.85);
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dt i.ico-pin {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 32px;
    height: 32px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pin.png) center no-repeat;
    background-size: 100%;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dt .t-violet {
    background: linear-gradient(102deg, #7f4ef9 1%, #6f4fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dd {
    margin-top: 30px;
    font-size: 16px;
    line-height: 19px;
    padding-right: 20px;
    color: rgba(255, 255, 255, 0.85);
  }
  .pin-container .benefit-summary .summary-cont1 .summary-txt dd .t-violet {
    color: #4f81ff;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap {
    margin-top: 65px;
    position: relative;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide {
    width: 244px;
    height: 330px;
    margin: 0 10px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    border: 2px solid transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 #5228c3;
    width: 244px;
    height: 330px;
    box-sizing: border-box;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state {
    padding: 0 30px;
    display: flex;
    align-items: center;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state .name {
    font-size: 16px;
    color: #85888d;
    font-weight: 700;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state .cate {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state span:nth-child(n+2) {
    margin-left: 15px;
    padding-left: 16px;
    position: relative;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-state span:nth-child(n+2):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #e5e5e5;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt {
    margin: 14px 30px 0;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt dt {
    font-size: 24px;
    line-height: 29px;
    color: #85888d;
    font-weight: 400;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 58px;
    white-space: break-spaces;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt dd {
    margin-top: 14px;
    text-align: left;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-txt dd span {
    font-size: 24px;
    line-height: 29px;
    font-weight: 800;
    background: linear-gradient(102deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 82px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .btn-detail {
    display: none;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a .item-icon {
    margin: 14px 0 0 30px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    overflow: hidden;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:before {
    content: "";
    display: block;
    position: absolute;
    background: transparent;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 300ms;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover:before {
    background: rgba(79, 129, 255, 0.8);
    border-radius: 16px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover .btn-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 48px;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
    border-radius: 24px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -80px;
    z-index: 1;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover .btn-detail .ico-eye {
    display: block;
    width: 24px;
    height: 25px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-eyes.png) center no-repeat;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont1 .summary1-slide-wrap .swiper-slide a:hover .btn-detail span {
    font-size: 20px;
    font-weight: 700;
    color: #000000;
  }
  .pin-container .benefit-summary .summary-cont1 .slide-btn-area {
    position: absolute;
    top: 375px;
    right: 16px;
    font-size: 0;
    line-height: 0;
  }
  .pin-container .benefit-summary .summary-cont1 .slide-btn-area .btn-pause {
    display: block;
    width: 24px;
    height: 24px;
    background: #fff url(https://resource.mall.castingn.com/static/images/new/pc/ico-pause.png) center no-repeat;
    background-size: 5px;
    border-radius: 30px;
    font-size: 0;
    line-height: 0;
  }
  .pin-container .benefit-summary .summary-cont1 .slide-btn-area .btn-play {
    width: 24px;
    height: 24px;
    background: #fff url(https://resource.mall.castingn.com/static/images/new/pc/ico-play.png) center no-repeat;
    background-size: 7px;
    border-radius: 30px;
    font-size: 0;
    line-height: 0;
    display: none;
  }
  .pin-container .benefit-summary .summary-cont2 {
    background: #f9faff;
    padding: 72px 16px 44px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-label {
    height: 43px;
    border: 2px solid transparent;
    background-image: linear-gradient(#f9faff, #f9faff), linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-radius: 30px;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-label span {
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(102deg, #32ab8c 1%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0 15px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-txt {
    margin-top: 30px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-txt dt {
    font-size: 32px;
    line-height: 38px;
    font-weight: 800;
    color: #85888d;
  }
  .pin-container .benefit-summary .summary-cont2 .summary-txt dd {
    margin-top: 30px;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.45);
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list {
    margin-top: 30px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li {
    margin: 12px auto 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    max-width: 1200px;
    box-sizing: border-box;
    padding: 20px 16px;
    border-radius: 16px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li:first-child {
    margin-top: 0;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #03223a;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .t-navy {
    width: 100%;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-pick {
    width: 23px;
    height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pick.png) center no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-truck {
    width: 23px;
    height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-truck.png) center no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-purse {
    width: 23px;
    height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-purse.png) center no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .ico-card {
    width: 23px;
    height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-card.png) center no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 5px;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-left .t-gradi {
    display: inline-block;
    background: linear-gradient(292deg, #0d89e8 14%, #32ab8c 84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-container .benefit-summary .summary-cont2 .summary2-list li .li-right {
    margin-top: 8px;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.04em;
    color: #85888d;
    font-weight: 500;
  }
  .pin-container .benefit-info {
    padding: 38px 16px;
    max-width: 100%;
    margin: 0 auto;
  }
  .pin-container .benefit-info .info-title-area {
    display: flex;
    align-items: center;
  }
  .pin-container .benefit-info .info-title-area div {
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
    color: #85888d;
  }
  .pin-container .benefit-info .info-title-area div strong {
    font-size: 36px;
    font-weight: 900;
  }
  .pin-container .benefit-info .info-title-area img {
    width: 114px;
    margin-left: auto;
  }
  .pin-container .benefit-info .info-cont {
    margin-top: 8px;
  }
  .pin-container .benefit-info .info-cont .cont-left {
    border-radius: 16px;
    box-sizing: border-box;
    background: #f9faff;
    text-align: center;
  }
  .pin-container .benefit-info .info-cont .cont-left dl {
    padding: 16px;
  }
  .pin-container .benefit-info .info-cont .cont-left dl .label-box {
    display: inline-flex;
    padding: 0 20px;
    height: 43px;
    background: linear-gradient(143deg, #2dd7ab 1%, #0d89e8 100%);
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    align-items: center;
    border-radius: 26px;
  }
  .pin-container .benefit-info .info-cont .cont-left dl dd {
    font-size: 16px;
    font-weight: 500;
    color: #85888d;
    line-height: 24px;
    margin-top: 12px;
  }
  .pin-container .benefit-info .info-cont .cont-left dl dd .t-navy {
    font-weight: 800;
  }
  .pin-container .benefit-info .info-cont .cont-right {
    margin-top: 12px;
    border-radius: 16px;
    background: linear-gradient(102deg, #2dd7ab 1%, #0d89e8 100%);
    box-sizing: border-box;
    padding: 24px 15px;
    text-align: center;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-tt {
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
    font-weight: 500;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-tt strong {
    font-weight: 800;
  }
  .pin-container .benefit-info .info-cont .cont-right ul {
    margin: 16px 0;
  }
  .pin-container .benefit-info .info-cont .cont-right ul li {
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    padding-left: 25px;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 15px;
  }
  .pin-container .benefit-info .info-cont .cont-right ul li:first-child {
    margin-top: 0;
  }
  .pin-container .benefit-info .info-cont .cont-right ul li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.8);
    margin: 8px 5px 0 0;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-link:after {
    content: "";
    display: block;
    width: 7px;
    height: 14px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-sky.png) center no-repeat;
    margin-left: 10px;
    background-size: 100%;
  }
  .pin-container .benefit-info .info-cont .cont-right .cont-link span {
    font-size: 16px;
    font-weight: 500;
    color: #e7f3fd;
    border-bottom: 1px solid #e7f3fd;
  }
  .pin-container .benefit-info .info-disc {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #5e6062;
    line-height: 24px;
  }
  .pin-container .pin-qna-area {
    background: #f2f4f7;
    padding: 72px 0 0;
    text-align: center;
  }
  .pin-container .pin-qna-area .qna-label {
    display: inline-flex;
    min-width: 109px;
    padding: 0 20px;
    height: 43px;
    background: linear-gradient(102deg, #2dd7ab 1%, #0d89e8 100%);
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    align-items: center;
    border-radius: 26px;
    box-sizing: border-box;
    justify-content: center;
  }
  .pin-container .pin-qna-area .qna-tt {
    font-size: 18px;
    font-weight: 700;
    color: #3f3e38;
    line-height: 22px;
    margin: 13px 0 34px;
  }
  .pin-container .pin-qna-area .qna-box {
    background: #fff;
    max-width: 1200px;
    margin: 0 auto;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box {
    border-top: 1px solid #dfdfde;
    text-align: left;
    margin: 0 15px;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box:first-child {
    border-top: 0;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-q {
    height: 55px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #3f3e38;
    padding-right: 30px;
    cursor: pointer;
    position: relative;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-q:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/arrow/down.png) center no-repeat;
    transition: 200ms;
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-q.on:before {
    transform: rotate(180deg);
  }
  .pin-container .pin-qna-area .qna-box .qna-list-box .qna-a {
    border-top: 1px solid #dfdfde;
    padding: 20px;
    background: #f8f8f8;
    font-size: 14px;
    line-height: 2;
  }
  .pin-container .btn-fix {
    opacity: 0;
    transform: translate(0, 30px);
    transition: 300ms;
    position: fixed;
    bottom: 85px;
    left: 16px;
    width: calc(100vw - 32px);
    background: linear-gradient(to right, #32ab8c 0%, #0d89e8 100%);
    height: 58px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.16);
  }
  .pin-container .btn-fix span {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
  }
  .pin-container .btn-fix.show-btn {
    opacity: 1;
    transform: translate(0, 0);
  }

  .new-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    /* 스마트핀클럽 혜택 팝업 */
    /* 가격 계산 팝업 */
  }
  .new-pop:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    transition-duration: 500ms;
  }
  .new-pop .pop-wrap {
    position: relative;
    z-index: 1;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
  }
  .new-pop.hide {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .new-pop.hide:before {
    content: "";
    visibility: hidden;
    opacity: 0;
  }
  .new-pop.hide .pop-wrap {
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
  .new-pop.show {
    visibility: visible;
  }
  .new-pop.show:before {
    visibility: visible;
    opacity: 1;
  }
  .new-pop.show .pop-wrap {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .new-pop.type01 .btn-pop-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 32px;
    height: 32px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pop-close.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .new-pop.type02 .pop-wrap {
    border-radius: 0;
    background: #f5f5f7;
  }
  .new-pop.type02 .btn-pop-close {
    position: absolute;
    top: 5px;
    right: 12px;
    width: 38px;
    height: 38px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pop-close2.png) center no-repeat;
    background-size: 15px;
    font-size: 0;
    line-height: 0;
  }
  .new-pop .pin-benefit-pop {
    width: 90vw;
  }
  .new-pop .pin-benefit-pop .pop-cont {
    padding: 24px 20px 45px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-title {
    font-size: 24px;
    font-weight: 800;
    color: #101010;
    line-height: 28px;
    max-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list {
    max-height: 230px;
    overflow-y: auto;
    padding: 0 15px 15px 10px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list li {
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #5e6062;
    margin-top: 5px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list li:first-child {
    margin-top: 0;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-list li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 7px;
    border-radius: 2px;
    background: #5e6062;
    top: 10px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-benefit {
    margin-top: 15px;
    border-top: 1px solid #d9d9d9;
    padding: 15px 0;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-benefit dt {
    font-size: 16px;
    font-weight: 700;
    color: #101010;
    margin-bottom: 12px;
  }
  .new-pop .pin-benefit-pop .pop-cont .cont-benefit dd .t-gradi {
    background: linear-gradient(105deg, #4f81ff 1%, #7f4ef9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
    font-weight: 800;
    line-height: 28px;
    max-height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .new-pop .pin-calc-pop {
    width: 90vw;
  }
  .new-pop .pin-calc-pop .pop-head {
    overflow: hidden;
    background: #50cd89;
    border-radius: 16px 16px 0 0;
  }
  .new-pop .pin-calc-pop .pop-cont {
    padding: 0 0 30px;
  }
  .new-pop .pin-calc-pop .pop-cont .cont-scroll {
    max-height: 458px;
    overflow-y: auto;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-title {
    font-size: 16px;
    font-weight: 800;
    color: #101010;
    padding: 15px 11px;
    line-height: 19px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 15px 11px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-label {
    font-size: 14px;
    color: #000000;
    line-height: 19px;
    margin-bottom: 15px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec {
    display: flex;
    margin-bottom: 2px;
    height: 53px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec:last-child {
    margin-bottom: 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt {
    width: 113px;
    background: #f2f4f7;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 15px;
    font-weight: 800;
    color: #5e6062;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt i.ico-twinkle {
    display: block;
    width: 18px;
    height: 19px;
    margin-left: 5px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-twinkle.png) center no-repeat;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt p.t-sm {
    width: 100%;
    font-size: 11px;
    color: #6d6d6d;
    line-height: 13px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dt p.t-md {
    width: 100%;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 500;
    color: #5e6062;
    line-height: 16px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd {
    width: calc(100% - 113px);
    box-sizing: border-box;
    padding: 0 14px 0 14px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd.flex-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .t-green {
    font-size: 12px;
    font-weight: 700;
    color: #2b9177;
    width: 100%;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .unit1 {
    font-size: 15px;
    color: #6d6d6d;
    margin: 0 12px 0 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .unit2 {
    font-size: 13px;
    color: #6d6d6d;
    margin: 0 0 0 12px;
    font-weight: 800;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip {
    height: 37px;
    border-radius: 4px;
    border: 1px solid #c9c9c9;
    box-sizing: border-box;
    padding: 0 14px;
    text-align: right;
    font-size: 11px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip::-moz-placeholder {
    color: #b3b7ba;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip:-ms-input-placeholder {
    color: #b3b7ba;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip::placeholder {
    color: #b3b7ba;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip.wd01 {
    width: calc(100% - 47px);
  }
  .new-pop .pin-calc-pop .pop-cont .calc-area .calc-sec dd .pop-ip.wd02 {
    width: calc(100% - 26px);
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-tt {
    font-size: 16px;
    font-weight: 700;
    color: #101010;
    line-height: 42px;
    padding: 0 0 0 12px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont {
    border-bottom: 1px solid #d7d9db;
    padding: 0 12px 10px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt {
    border-top: 1px solid #d7d9db;
    margin-top: 10px;
    padding: 10px 30px 0 30px;
    font-size: 14px;
    line-height: 20px;
    color: #85888d;
    position: relative;
    cursor: pointer;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt .ico-q {
    position: absolute;
    left: 8px;
    top: 10px;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt:first-child {
    border-top: 0;
    margin-top: 0;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt .ui-accordion-header-icon {
    display: block;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 8px;
    top: 20px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-plus.png) center no-repeat;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt.ui-accordion-header-active {
    padding-bottom: 0;
    border: 1px solid #fff;
    background: #fff;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dt.ui-accordion-header-active .ui-accordion-header-icon {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-minus.png) center no-repeat;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dd {
    display: none;
    padding: 10px 30px 0 50px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #3a3b3c;
    position: relative;
  }
  .new-pop .pin-calc-pop .pop-cont .calc-faq-wrap .faq-cont dd span.ico-a {
    position: absolute;
    left: 30px;
    top: 10px;
  }
  .new-pop .pin-join-pop {
    width: 100vw;
    height: 100vh;
  }
  .new-pop .pin-join-pop .pop-head {
    height: 44px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #4e4e4e;
    line-height: 30px;
    padding: 9px 0 0 20px
  }
  .new-pop .pin-join-pop .pop-cont.bg-gray {
    background: #f5f5f7;
  }
  .new-pop .pin-join-pop .pop-cont .cont-scroll {
    max-height: calc(100vh - 157px);
    overflow-y: auto;
    box-sizing: border-box;
    padding: 32px 16px 91px
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-tt {
    text-align: center;
    margin-bottom: 16px;
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-tt dt {
    font-size: 24px;
    font-weight: 700;
    color: #4e4e4e;
    line-height: 30px;
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-tt dt .t-gradi {
    background: linear-gradient(150deg, #2dd7ab 1%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }


  .new-pop .pin-join-pop .pop-cont .pin-join-tt dt .t-blue {
    color: #0d89e8;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-tt dd {
    font-size: 14px;
    color: #4e4e4e;
    margin-top: 3px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type {
    margin-top: 12px;
    position: relative;
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type:before{
    position: absolute;
    display: flex;
    width: 53px;
    height: 19px;
    z-index: 10;
    font-size: 12px;
    color: #fff;
    padding-right: 8px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-weight: 500;
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type.tag1:before{
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/new/pc/ico-rec-blue.png) center/100% no-repeat;
    left: 0;
    top: -3px;
    content: '유료';
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type.tag2:before{
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/new/pc/ico-rec-green.png) center/100% no-repeat;
    left: 0;
    top: -3px;
    content: '무료';
  }


  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type:first-child {
    margin-top: 0;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] {
    display: none;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label {
    background: #ffffff;
    display: block;
    min-height: 144px;
    box-sizing: border-box;
    position: relative;
    border-radius: 15px;
    padding: 20px 16px 20px;
    cursor: pointer;
    border: 2px solid transparent;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label:before {
    content: "";
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    box-sizing: border-box;
    border: 2px solid #d5d5d5;
    right: 16px;
    top: 20px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-gray.png) center no-repeat;
    background-size: 14px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-title {
    font-size: 16px;
    line-height: 19px;
    color: #848484;
    font-weight: 700;
    width: 80%;
  }

  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-title .t-gradi {
    background: linear-gradient(150deg, #2dd7ab 1%, #0d89e8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-benefit {
    margin-top: 16px;
    font-size: 14px;
    line-height: 17px;
    color: #979797;
    font-weight: 700;
    width: 66%;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-state {
    position: absolute;
    right: 16px;
    bottom: 20px;
    text-align: right;
    font-size: 12px;
    color: #d5d5d5;
    line-height: 14px;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio] + label .join-state strong {
    font-size: 12px;
    font-weight: 700;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label {
    border: 2px solid #0e89e8;
    padding: 20px 16px 20px
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label:before {
    border: 0;
    right: 14px;
    top: 18px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-wt.png) center/100% no-repeat; 
    /* background-size: 14px; */;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label .join-title {
    color: #4e4e4e;
  }
  .new-pop .pin-join-pop .pop-cont .pin-join-type .join-type input[type=radio]:checked + label .join-state {
    color: #0e89e8;
    right: 14px;
    bottom: 18px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list {
    margin-top: 24px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list .list-tt {
    font-size: 20px;
    font-weight: 700;
    color: #4e4e4e;
    margin-bottom: 8px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li {
    margin-top: 5px;
    display: flex;
    align-items: center;
    padding-left: 10px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li .ico-chk {
    display: block;
    width: 15px;
    height: 9px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-gray2.png) center no-repeat;
    margin-right: 12px;
    background-size: 15px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li p {
    font-size: 14px;
    line-height: 20px;
    color: #8f8f8f;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li .imp-label {
    margin-left: 5px;
    background: #0e89e8;
    border-radius: 4px;
    height: 18px;
    padding: 0 4px;
    font-size: 10px;
    color: #fff;
    line-height: 18px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li:first-child {
    margin-top: 0;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li.imp-list-item .ico-chk {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-blue.png) center no-repeat;
    background-size: 15px;
  }
  .new-pop .pin-join-pop .pop-cont .join-benefit-list ul li.imp-list-item p {
    color: #0e89e8;
  }
  .new-pop .pin-join-pop .pop-btn-area {
    padding: 16px 14px 32px;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /* top: 0; */
    box-sizing: border-box;
    background: #f5f5f7;
  }


  .new-pop .pin-join-pop .pop-btn-area.m-laout-col{
    flex-direction: column;
  }

  .new-pop .pin-join-pop .pop-btn-area.m-laout-col .btn + .btn{
    margin-left: 4px;
  }

  .new-pop .pin-join-pop .pop-btn-area .btn {
    height: 54px;
    border-radius: 14px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn:nth-child(n+2) {
    margin-left: 4px;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn span {
    font-size: 14px;
    line-height: 27px;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-line {
    border-color: #b7b7b7;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-line span {
    color: #bababa;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-bg {
    border: 0;
    background: #03223a;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-bg.disabled {
    background: #ccc;
  }
  .new-pop .pin-join-pop .pop-btn-area .btn.btn-bg span {
    color: #ffffff;
  }

  .new-pop2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
  }
  .new-pop2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    transition-duration: 500ms;
  }
  .new-pop2 .pop-wrap {
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    animation-timing-function: cubic-bezier(0.4, 0, 0, 1.5);
    width: 100vw;
    height: 100vh;
  }
  .new-pop2 .pop-wrap .btn-pop-close {
    position: absolute;
    top: 19px;
    right: 16px;
    width: 20px;
    height: 20px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-pop-close3.png) center no-repeat; 
    font-size: 0;
    line-height: 0;
    z-index: 10;
  }
  .new-pop2.hide {
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .new-pop2.hide:before {
    content: "";
    visibility: hidden;
    opacity: 0;
  }
  .new-pop2.hide .pop-wrap {
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
  .new-pop2.show {
    visibility: visible;
  }
  .new-pop2.show:before {
    visibility: visible;
    opacity: 1;
  }
  .new-pop2.show .pop-wrap {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  .new-pop2 .curation-pop {
    width: 100vw;
  }
  .new-pop2 .curation-pop .pop-head {
    overflow: hidden;
    padding: 74px 0 15px;
    margin: 0 16px;
    border-bottom: 1px solid #c9c9c9;
    box-sizing: border-box;
  }
  .new-pop2 .curation-pop .pop-head .ico-smiling-face {
    display: block;
    width: 30px;
    height: 30px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }

  .new-pop2 .curation-pop .pop-head .ico-emoji-area{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    margin-right: 6px;
  }

  .new-pop2 .curation-pop .pop-head .ico-emoji-area .ico-people{
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-people.png) center/100% no-repeat;
  }

  .new-pop2 .curation-pop .pop-head .ico-emoji-area .ico-smiling-face{
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center/100% no-repeat;
  }

  .new-pop2 .curation-pop .pop-head .ico-emoji-area .ico-magic-stick{
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-magic-stick.png) center/100% no-repeat;
  }

  .new-pop2 .curation-pop .pop-head dt{
    display: flex;
    align-items: center;
  }

  .new-pop2 .curation-pop .pop-head dt span {
    display: block;
    font-size: 18px;
    color: #222;
    font-weight: 500;
    margin-top: 0;
  }
  .new-pop2 .curation-pop .pop-head dd {
    margin-top: 16px;
    font-size: 14px;
    line-height: 21px;
    color: #5e6062;
  }
  .new-pop2 .curation-pop .pop-head .suggest-tag {
    display: flex;
    align-items: center;
    margin-top: 16px;
    flex-wrap: wrap;
  }
  .new-pop2 .curation-pop .pop-head .suggest-tag .tag-item {
    padding: 0 8px;
    height: 30px;
    border-radius: 4px;
    background: #edf2ff;
    line-height: 30px;
    font-size: 14px;
    color: #6994ff;
  }
  .new-pop2 .curation-pop .pop-head .suggest-tag .tag-item:nth-child(n+2) {
    margin-left: 8px;
  }
  .new-pop2 .curation-pop .pop-cont {
    box-sizing: border-box;
  }
  .new-pop2 .curation-pop .pop-cont .cont-scroll {
    overflow-y: auto;
    height: calc(100vh - 302px);
    padding: 0 16px 0;
  }
  .new-pop2 .curation-pop .pop-cont .search-area {
    padding: 16px 0;
    display: flex;
    flex-wrap: wrap;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item {
    position: relative;
    z-index: 0;
    width: calc(50% - 7px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    margin-right: 14px;
    box-sizing: border-box;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item:nth-child(2n) {
    margin-right: 0;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item:nth-child(n+3) {
    margin-top: 12px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk {
    position: absolute;
    right: 6px;
    top: 4px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 24px;
    border-radius: 12px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-3.png);
    background-position: center;
    background-size: 100%;
    position: relative;
    z-index: 1;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin:hover {
    background-color: #f2f4f7;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-after {
    background-color: #f2f4f7;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-after:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon.png);
    margin-top: -3px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-use:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-2.png);
    margin-top: -3px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-use:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    position: absolute;
    border: 2px solid transparent;
    background-image: linear-gradient(#f2f4f7, #f2f4f7), linear-gradient(135deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    opacity: 0.5;
    box-sizing: border-box;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled {
    background-color: #f2f4f7;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-4.png);
    margin-top: -3px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a {
    display: block;
    padding: 4px 0 12px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-company {
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 4px;
    padding-left: 6px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-company .company-thumb {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    overflow: hidden;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-company .company-name {
    font-size: 12px;
    color: #5e6062;
    font-weight: 500;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-thumb img {
    width: 100%;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-benefit {
    display: flex;
    align-items: center;
    height: 27px;
    background: #e7f3fd;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 700;
    color: #4f81ff;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-benefit .t-gradi {
    display: inline-block;
    font-weight: 700;
    margin: 0 3px;
    background: linear-gradient(100deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-tt {
    margin: 4px 6px 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #101010;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-price {
    margin: 4px 6px 0;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #85888d;
    font-weight: 700;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-price .t-bk {
    color: #000000;
    margin: 0 2px 0 4px;
  }
  .new-pop2 .curation-pop .pop-cont .search-area .pin-search-item a .card-disc {
    margin: 4px 6px 0;
    font-size: 12px;
    line-height: 14px;
    color: #85888d;
    font-weight: 500;
  }

  /*s : 핀 메인화면*/
  .pin-main-layout {
    /*e: pin-top-bnr*/
    /*e: pin-main-container */
  }
  .pin-main-layout .ico-folded-hands {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-file-cabinet {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-memo {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-speaking-head {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-artist-palette {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-smiling-face {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-cooking {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-school {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-battery {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-people {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-people.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .ico-magic-stick {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-magic-stick.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-top-bnr .section {
    padding: 0 0 24px;
    border-bottom: 1px solid #c8c8c8;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  .pin-main-layout .pin-top-bnr .top-left-area {
    padding: 25px 16px 0;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .pin-top-tt {
    font-size: 24px;
    font-weight: 800;
    color: #101010;
    line-height: 28px;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .pin-top-tt p {
    margin-top: 10px;
    font-size: 28px;
    line-height: 30px;
    font-weight: 900;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .pin-top-tt .t-pin-gradi {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 89px;
    height: 42px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/t-pin-gradi.png) center no-repeat;
    background-size: 100%;
    vertical-align: top;
    margin: 5px 5px 0 -5px;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .pin-disc {
    padding: 18px 0 22px;
    font-size: 16px;
    line-height: 20px;
    color: #4f81ff;
    font-weight: 700;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .btn-pinclub {
    display: flex;
    width: 172px;
    height: 44px;
    border-radius: 8px;
    box-shadow: 0 5px 8px 0 rgba(79, 129, 255, 0.18);
    background-color: #4f81ff;
    align-items: center;
    justify-content: center;
  }
  .pin-main-layout .pin-top-bnr .top-left-area .btn-pinclub span {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 36px;
  }
  .pin-main-layout .pin-top-bnr .top-right-area {
    text-align: right;
  }
  .pin-main-layout .pin-main-container {
    padding: 16px 0 67px;
    /*e: pin-search-list*/
    /*e: pin-suggest-list*/
    /*e: pin-take-box*/
  }
  .pin-main-layout .pin-main-container .pin-btn-area {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view {
    height: 48px;
    border-radius: 24px;
    background: #fff;
    padding: 0 24px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: 2px solid #4f81ff;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view span {
    font-size: 16px;
    color: #4f81ff;
    font-weight: 500;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view .ico-emoji {
    width: 19px;
    height: 19px;
    margin-right: 5px;
  }
  .pin-main-layout .pin-main-container .pin-btn-area .btn-pin-view .ico-arrow {
    width: 15px;
    height: 15px;
    margin-left: 8px;
    background: url(https://resource.mall.castingn.com/static/images/new/m/ico-btn-arrow-active.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    padding: 0 16px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-txt {
    font-size: 24px;
    color: #101010;
    font-weight: 700;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-txt.type-m1 {
    width: 100%;
    line-height: 30px;
    margin-bottom: 10px;
    
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-txt.type-m2 {
    font-size: 16px;
    font-weight: 500;
    color: #5e6062;
    
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area {
    margin: 0 12px 0 0;
    position: relative;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc1 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc2 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc3 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc4 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc5 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc6 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc7 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc8 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc9 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .ico-slc10 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pointing.png) center no-repeat;
    background-size: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-label {
    border-bottom: 3px solid #000;
    padding: 0 25px 0 4px;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-label:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 4px;
    top: 13px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/slc-arrow.png) center no-repeat;
    background-size: 15px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-label .slc-item span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-label .slc-item i {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 6px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-item {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer {
    position: fixed;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 100;
  }

  .slc-layer .lyr-close{
    position: absolute;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    height: 36px;
    bottom: 36px;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-list {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 23px 24px 88px;
    box-sizing: border-box;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-list li {
    margin-top: 13px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-list li:first-child {
    margin-top: 0;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-list li.l-list{
    border-top: 1px solid #c9c9c9;
    padding-top: 10px;
  }


  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-item {
    height: 34px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-item span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #101010;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-item i {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-item:hover {
    background: #e7f3fd;
    padding: 0 8px;
    border-radius: 4px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-title .tt-select-area .slc-layer .slc-item:hover i {
    width: 16px;
    height: 16px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .pin-search-cont {
    background: #ecf0f4;
    padding: 18px 0 20px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .pin-search-cont .pin-search-scroll {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 22px;
    scrollbar-width: none;
  }

  .pin-main-layout .pin-main-container .pin-search-list .pin-search-cont .pin-search-scroll::-webkit-scrollbar {
    display: none; 
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area {
    padding: 0 17px;
    width: 882px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item {
    position: relative;
    width: calc(25% - 9px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    margin-right: 12px;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item:nth-child(4n) {
    margin-right: 0;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item:nth-child(n+5) {
    margin-top: 15px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk {
    position: absolute;
    right: 6px;
    top: 4px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 24px;
    border-radius: 12px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-3.png);
    background-position: center;
    background-size: 100%;
    position: relative;
    z-index: 1;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin:hover {
    background-color: #f2f4f7;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-after {
    background-color: #f2f4f7;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-after:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon.png);
    margin-top: -3px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-use:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-2.png);
    margin-top: -3px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-use:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    position: absolute;
    border: 2px solid transparent;
    background-image: linear-gradient(#f2f4f7, #f2f4f7), linear-gradient(135deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    opacity: 0.5;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled {
    background-color: #f2f4f7;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-4.png);
    margin-top: -3px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a {
    display: block;
    padding: 4px 0 8px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-company {
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 4px;
    padding-left: 6px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-company .company-thumb {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-company .company-name {
    font-size: 12px;
    color: #5e6062;
    font-weight: 500;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-thumb img {
    width: 100%;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-benefit {
    margin: 8px 10px 0;
    display: flex;
    align-items: center;
    height: 27px;
    background: #e7f3fd;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
    color: #4f81ff;
    box-sizing: border-box;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-benefit span{
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-benefit .t-gradi {
    display: inline-block;
    font-weight: 700;
    margin: 0 3px;
    background: linear-gradient(100deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-tt {
    margin: 4px 10px 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #101010;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-price {
    margin: 4px 10px 0;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #85888d;
    font-weight: 700;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-price .t-bk {
    color: #000000;
    margin: 0 2px 0 4px;
  }
  .pin-main-layout .pin-main-container .pin-search-list .search-area .pin-search-item a .card-disc {
    margin: 4px 10px 0;
    font-size: 12px;
    line-height: 14px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-main-layout .pin-main-container .pin-search-list .pin-btn-area {
    margin-top: 25px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list {
    margin-top: 80px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-title {
    padding: 0 16px 28px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-title .title-m {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #222;
    line-height: 26px;
    display: block;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-title .title-s {
    display: block;
    margin-top: 6px;
    font-size: 16px;
    font-weight: 500;
    color: #3a3b3c;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-tag-area {
    padding: 0 16px 16px;
    display: flex;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-tag-area .btn-tag {
    display: flex;
    /* height: 35px; */
    align-items: center;
    padding: 4px 12px;
    font-size: 14px;
    color: #85888d;
    border-radius: 4px;
    justify-content: space-between;
    word-break: keep-all;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-tag-area .btn-tag.active-tag {
    background: #4f81ff;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area {
    border-top: 3px solid #ecf0f4;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item {
    border-top: 1px solid #e5e5e5;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 16px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .ico-emoji-area i {
    width: 46px;
    height: 46px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-txt {
    margin-top: 17px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-txt dt {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #222;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-txt dd {
    font-size: 14px;
    line-height: 20px;
    margin-top: 17px;
    color: #5e6062;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-tag {
    display: flex;
    align-items: center;
    margin-top: 17px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-tag .tag-item {
    padding: 0 8px;
    height: 30px;
    border-radius: 4px;
    background: #edf2ff;
    line-height: 30px;
    font-size: 14px;
    color: #6994ff;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-tag .tag-item:nth-child(n+2) {
    margin-left: 8px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service {
    margin-top: 24px;
    border: 1px solid #c8c8c8;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link {
    height: 200px;
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 200px;
    font-size: 0;
    line-height: 0;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a img {
    min-width: 100%;
    min-height: 100%;
    max-width: 120%;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a .link-count {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 101px;
    background: rgba(0, 0, 0, 0.45);
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-link a .link-count span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    padding-top: 30px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-list.png) calc(100% - 2px) 8px no-repeat;
    margin-left: -10px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-area {
    padding: 16px 0;
    justify-content: center;
    display: flex;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-area .service-item {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.45);
    overflow: hidden;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .suggest-area .suggest-item .suggest-service .service-area .service-item:nth-child(n+2) {
    margin-left: 12px;
  }
  .pin-main-layout .pin-main-container .pin-suggest-list .pin-btn-area {
    margin-top: 24px;
  }
  .pin-main-layout .pin-main-container .pin-take-box {
    margin-top: 80px;
    padding: 0 16px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-tt {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #222;
    margin-bottom: 36px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item {
    width: 100%;
    border-radius: 16px;
    box-shadow: 4px 4px 30px -10px rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item:nth-child(n+2) {
    margin-top: 16px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 18px 0 18px 8px;
    box-sizing: border-box;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-ico01 {
    width: 91px;
    height: 90px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pin-take-ico1.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-ico02 {
    width: 91px;
    height: 90px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pin-take-ico2.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-ico03 {
    width: 91px;
    height: 90px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pin-take-ico3.png) center no-repeat;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-txt {
    margin-left: 6px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-txt dt {
    font-size: 20px;
    line-height: 22px;
    color: #3a3b3c;
    font-weight: 700;
    margin-bottom: 6px;
  }
  .pin-main-layout .pin-main-container .pin-take-box .take-area .take-item a .take-txt dd {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #5e6062;
  }

  /*e: pin-main-layout*/
  /*e : 핀 메인화면*/
  /*s: 핀 서브화면 */
  .pin-sub-layout .ico-slc1 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc2 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc3 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc4 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc5 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc6 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc7 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc8 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc9 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-slc10 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/pointing.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-folded-hands {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-file-cabinet {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-memo {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-speaking-head {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-artist-palette {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-smiling-face {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-cooking {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-school {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-battery {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-people {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-people.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .ico-magic-stick {
    display: block;
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-magic-stick.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .pin-sub-container {
    width: 100%;
    box-sizing: border-box;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top {
    margin-bottom: 12px;
    padding: 16px;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top.result-top {
    padding-bottom: 0;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap {
    display: flex;
    align-items: center;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span {
    font-size: 14px;
    color: #999;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span.active {
    font-weight: 700;
    color: #2c2c2c;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span:nth-child(n+2) {
    position: relative;
    padding-left: 20px;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .breadcrumb-wrap span:nth-child(n+2):before {
    content: ">";
    display: block;
    position: absolute;
    left: 5px;
    top: -1px;
    color: #999;
    font-weight: 400;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .search-area {
    margin-top: 10px;
    height: 38px;
    position: relative;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .search-area input[type=text] {
    width: 100%;
    height: 38px;
    border-radius: 8px;
    background: #f6f8fa;
    box-sizing: border-box;
    padding: 0 10px 0 40px;
    font-size: 14px;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-top .search-area .btn-search {
    position: absolute;
    left: 8px;
    top: 7px;
    width: 24px;
    height: 24px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-search.png) center no-repeat;
    font-size: 0;
    line-height: 0;
  }
  .pin-sub-layout .pin-sub-container .pin-sub-title {
    display: flex;
    padding: 0 16px 16px;
    border-bottom: 1px solid #e5e5e5;
  }
  .result-title .tt-txt {
    font-size: 22px;
    font-weight: 700;
    color: #85888d;
    line-height: 26px;
  }
  .result-title .tt-txt .t-bk {
    color: #03223a;
  }
  .search-title {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    padding: 0 16px;
  }

  .search-title .tt-txt {
    font-size: 24px;
    color: #101010;
    font-weight: 700;
  }
  
  .search-title .tt-txt.type-m1 {
    width: 100%;
    line-height: 30px;
    margin-bottom: 10px;
    
  }

  .search-title .tt-txt.type-m2 {
    font-size: 16px;
    font-weight: 500;
    color: #5e6062;
    
  }

  .search-title .tt-select-area {
    margin: -5px 0 0;
  }
  .search-title .tt-select-area .ico-slc1 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/folded-hands.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc2 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/file-cabinet.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc3 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/memo.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc4 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/speaking-head.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc5 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/artist-palette.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc6 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/smiling-face.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc7 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/cooking.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc8 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/school.png) center no-repeat;
    background-size: 100%;
  }
  .search-title .tt-select-area .ico-slc9 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/battery.png) center no-repeat;
    background-size: 100%;
  }

  .search-title .tt-select-area .ico-slc11{
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/salary.png) center no-repeat;
    background-size: 100%;
  }

  .search-title .tt-select-area .ico-slc12 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/office.png) center no-repeat;
    background-size: 100%;
  }

  .search-title .tt-select-area .ico-slc13 {
    width: 72px;
    height: 72px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/purchase.png) center no-repeat;
    background-size: 100%;
  }



  .search-title .tt-select-area .slc-label {
    border-bottom: 3px solid #000;
    padding: 0 35px 0 4px;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
  }
  .search-title .tt-select-area .slc-label:after {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 4px;
    top: 11px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/slc-arrow.png) center no-repeat;
  }
  .search-title .tt-select-area .slc-label .slc-item span {
    font-size: 20px;
    line-height: 30px;
    font-weight: 800;
  }
  .search-title .tt-select-area .slc-label .slc-item i {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
  }
  .search-title .tt-select-area .slc-item {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .search-title .tt-select-area .slc-layer {
    position: fixed;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 100;
  }
  .search-title .tt-select-area .slc-layer .slc-list {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    background-color: #fff;
    padding: 23px 24px 88px;
    box-sizing: border-box;
  }
  .search-title .tt-select-area .slc-layer .slc-list li {
    margin-top: 13px;
  }
  .search-title .tt-select-area .slc-layer .slc-list li:first-child {
    margin-top: 0;
  }
  .search-title .tt-select-area .slc-layer .slc-list li.other-sec {
    border-top: 1px solid #c9c9c9;
    padding-top: 16px;
  }
  .search-title .tt-select-area .slc-layer .slc-list li.other-sec .slc-item span {
    color: #4f81ff;
  }
  .search-title .tt-select-area .slc-layer .slc-list li.other-sec .slc-close {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    margin-top: 20px;
  }
  .search-title .tt-select-area .slc-layer .slc-item {
    height: 34px;
  }
  .search-title .tt-select-area .slc-layer .slc-item span {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #101010;
  }
  .search-title .tt-select-area .slc-layer .slc-item i {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
  }
  .search-title .tt-select-area .slc-layer .slc-item:hover {
    background: #e7f3fd;
    padding: 0 8px;
    border-radius: 4px;
  }
  .search-title .tt-select-area .slc-layer .slc-item:hover i {
    width: 16px;
    height: 16px;
  }
  .sort-area {
    margin-left: auto;
    text-align: right;
    position: relative;
    z-index: 1;
    height: 33px;
  }
  .sort-area .btn-sort-txt {
    border: 1px solid #c9c9c9;
    border-radius: 8px;
    display: inline-flex;
    padding: 0 33px 0 12px;
    height: 33px;
    align-items: center;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/arrow/down.png) calc(100% - 7px) center no-repeat;
    background-size: 16px;
  }
  .sort-area .btn-sort-txt span {
    font-size: 14px;
    font-weight: 500;
    color: #3a3b3c;
  }
  .sort-area .sort-list {
    border-radius: 8px;
    box-shadow: 0 0 20px -1px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    min-width: 154px;
    position: absolute;
    top: 36px;
    right: 0;
    display: none;
  }
  .sort-area .sort-list ul {
    padding: 10px 6px;
  }
  .sort-area .sort-list ul li {
    margin-top: 5px;
  }
  .sort-area .sort-list ul li:first-child {
    margin-top: 0;
  }
  .sort-area .sort-list ul li .btn-sort {
    display: flex;
    width: 100%;
    height: 27px;
    padding: 0 0 0 12px;
    align-items: center;
  }
  .sort-area .sort-list ul li .btn-sort span {
    font-size: 16px;
    color: #5e6062;
    font-weight: 500;
  }
  .sort-area .sort-list ul li .btn-sort:hover {
    background: #f2f2f2;
    border-radius: 4px;
  }
  .sort-area .sort-list ul li .btn-sort.active-sort {
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-chk-blue.png) calc(100% - 9px) center no-repeat;
    background-size: 13px;
  }
  .sort-area .sort-list ul li .btn-sort.active-sort span {
    font-size: 16px;
    color: #3a3b3c;
    font-weight: 700;
  }
  .pin-sub-layout .pin-search-cont {
    background: #f7f8f9;
    padding: 24px 16px 60px;
  }
  .pin-sub-layout .pin-search-cont.suggest-list {
    padding: 0 0 60px;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty {
    padding: 126px 0 150px;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .empty-message {
    text-align: center;
    font-size: 16px;
    color: #5e5e5e;
    line-height: 18px;
    font-weight: 500;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .empty-message .ico-sad {
    display: block;
    margin: 0 auto 5px;
    width: 20px;
    height: 20px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-sad.png) center no-repeat;
    background-size: 100%;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .btn-area {
    margin-top: 24px;
    display: flex;
    justify-content: center;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .btn-area .btn-blue {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 55px;
    border-radius: 11px;
    background: #4f81ff;
  }
  .pin-sub-layout .pin-search-cont.result-cont .result-empty .btn-area .btn-blue span {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }
  .pin-sub-layout .search-area {
    display: flex;
    flex-wrap: wrap;
  }
  .pin-sub-layout .search-area .pin-search-item {
    position: relative;
    z-index: 0;
    width: calc(50% - 7px);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    margin-right: 14px;
    box-sizing: border-box;
  }
  .pin-sub-layout .search-area .pin-search-item:nth-child(2n) {
    margin-right: 0;
  }
  .pin-sub-layout .search-area .pin-search-item:nth-child(n+3) {
    margin-top: 30px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk {
    position: absolute;
    right: 6px;
    top: 4px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 24px;
    border-radius: 12px;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    position: relative;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-3.png);
    background-position: center;
    background-size: 100%;
    position: relative;
    z-index: 1;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin:hover {
    background-color: #f2f4f7;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-after {
    background-color: #f2f4f7;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-after:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon.png);
    margin-top: -3px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-use:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-2.png);
    margin-top: -3px;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-use:after {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    position: absolute;
    border: 2px solid transparent;
    background-image: linear-gradient(#f2f4f7, #f2f4f7), linear-gradient(135deg, #7f4ef9 1%, #4f81ff 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    opacity: 0.5;
    box-sizing: border-box;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled {
    background-color: #f2f4f7;
  }
  .pin-sub-layout .search-area .pin-search-item .pin-chk .btn-pin.pin-disabled:before {
    background-image: url(https://resource.mall.castingn.com/static/images/new/pc/pinit-icon-4.png);
    margin-top: -3px;
  }
  .pin-sub-layout .search-area .pin-search-item a {
    display: block;
    padding: 4px 0 12px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-company {
    display: flex;
    align-items: center;
    height: 24px;
    margin-bottom: 4px;
    padding-left: 6px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-company .company-thumb {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    overflow: hidden;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-company .company-name {
    font-size: 12px;
    color: #5e6062;
    font-weight: 500;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 87px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-thumb img {
    width: 100%;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-benefit {
    display: flex;
    align-items: center;
    height: 27px;
    background: #e7f3fd;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 700;
    color: #4f81ff;
  }

  .pin-sub-layout .search-area .pin-search-item a .card-benefit span{
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .pin-sub-layout .search-area .pin-search-item a .card-benefit .t-gradi {
    display: inline-block;
    font-weight: 700;
    margin: 0 3px;
    background: linear-gradient(100deg, #7f4ef9 1%, #4f81ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-tt {
    margin: 4px 6px 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    color: #101010;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-price {
    margin: 4px 6px 0;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #85888d;
    font-weight: 700;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-price .t-bk {
    color: #000000;
    margin: 0 2px 0 4px;
  }
  .pin-sub-layout .search-area .pin-search-item a .card-disc {
    margin: 4px 6px 0;
    font-size: 12px;
    line-height: 14px;
    color: #85888d;
    font-weight: 500;
  }
  .pin-sub-layout .suggest-area {
    padding-top: 4px;
  }
  .pin-sub-layout .suggest-area .suggest-item {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    box-sizing: border-box;
    padding: 24px 16px;
    margin-top: 12px;
  }
  .pin-sub-layout .suggest-area .suggest-item:first-child {
    margin-top: 0;
  }
  .pin-sub-layout .suggest-area .suggest-item .ico-emoji-area i {
    width: 46px;
    height: 46px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-txt {
    margin-top: 17px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-txt dt {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #222;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-txt dd {
    font-size: 14px;
    line-height: 20px;
    margin-top: 17px;
    color: #5e6062;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-tag {
    display: flex;
    align-items: center;
    margin-top: 17px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-tag .tag-item {
    padding: 0 8px;
    height: 30px;
    border-radius: 4px;
    background: #edf2ff;
    line-height: 30px;
    font-size: 14px;
    color: #6994ff;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-tag .tag-item:nth-child(n+2) {
    margin-left: 8px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service {
    margin-top: 24px;
    border: 1px solid #c8c8c8;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link {
    height: 200px;
    overflow: hidden;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 200px;
    font-size: 0;
    line-height: 0;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a img {
    min-width: 100%;
    min-height: 100%;
    max-width: 120%;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a .link-count {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 101px;
    background: rgba(0, 0, 0, 0.45);
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-link a .link-count span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    padding-top: 30px;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-list.png) calc(100% - 2px) 8px no-repeat;
    margin-left: -10px;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-area {
    padding: 16px 0;
    justify-content: center;
    display: flex;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-area .service-item {
    width: 64px;
    height: 64px;
    border-radius: 14px;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.45);
    overflow: hidden;
  }
  .pin-sub-layout .suggest-area .suggest-item .suggest-service .service-area .service-item:nth-child(n+2) {
    margin-left: 12px;
  }

  /*e: 핀 서브화면 */
  .pagination-area {
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pagination-area .btn-prev {
    width: 28px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-prev.png) center no-repeat;
  }
  .pagination-area .btn-next {
    width: 28px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-next.png) center no-repeat;
  }
  .pagination-area .page-num-area {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
  }
  .pagination-area .page-num-area span {
    font-size: 13px;
    color: #5e6062;
    min-width: 28px;
    text-align: center;
  }
  .pagination-area .page-num-area .btn-num {
    min-width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 13px;
    color: #b0b2b5;
    padding: 0 5px;
    margin: 0 4px;
    border-radius: 8px;
  }
  .pagination-area .page-num-area .btn-num:hover {
    background: #f9f9fa;
  }
  .pagination-area .page-num-area .btn-num.active-num {
    background: #e7f3fd;
    color: #85888d;
  }
  .pagination-area .page-num-area .btn-num:active {
    background: #0d89e8;
    color: #fff;
  }
}