
    #listView ul li a{text-align: center;}
    a.audio_play{text-align: center !important;}
    .popupWrap {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.4);
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        transition: all 0.4s ease;
    }

    .popupWrap .popup {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: #fff;
        width: 53.5rem;
        height: 100%;
        padding: 4.5rem 0;
        max-height: 70%;
        overflow: auto;
        opacity: 0;
        transition: all 0.4s ease;
    }
    .popupWrap.active {
        opacity: 1;
        z-index: 20;
        visibility: visible;
    }

    .popupWrap.active .popup {
        top: 55%;
        opacity: 1;
    }

    a:link, a:visited {
        color: #555;
    }
    .popup-close {
        position: absolute;
        right: 1.35rem;
        top: 0;
        font-size: 1.8rem;
        width: auto;
        height: 4.5rem;
        line-height: 4.5rem;
    }
    [class^="xi-"], [class*=" xi-"] {
        font-family: 'xeicon' !important;
        display: inline-block;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .popup-in {
        padding: 0 1.35rem;
    }

    .product-popup {
        position: relative;
        padding: 0 2rem;
        min-height: 20rem;
        margin-bottom: 2rem;
    }
    .product-popup .product-img {
        position: absolute;
        top: 50%;
        left: 2rem;
        transform: translateY(-50%);
        width: 18.8rem;
        height: 13.8rem;
        border: 1px solid #ddd;
    }
    .product-popup .product-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        max-width: 90%;
        max-height: 90%;
    }

    .product-popup .product-img .buttons{
        position: absolute;
        bottom: -3rem;
        width: 100%;
        text-align: center;
    }
    .product-popup .product-img a{
      display: inline-block;
      padding: .5rem;
      border-radius: .5rem;
      color: #fff;
    }
    .product-popup .product-img a.youtube {
        background-color: #D6464B;
        margin-right: .5rem;
    }
    .product-popup .product-img a.audio{
        background-color: #d6be46;
    }


    .product-popup .txt {
        padding: 1.75rem 0;
        margin-left: 23rem;
        font-family: 'Noto Sans KR';
        overflow: hidden;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .product-popup .txt strong {
        font-size: 1.4rem;
        display: block;
        color: #222;
        margin-bottom: 1rem;
    }
    .product-popup .txt ul {
        margin-bottom: 1.1rem;
    }

    .product-popup .txt ul li {
        display: inline-block;
        margin: .2rem;
        margin-left: 0;
        min-width: 3.9rem;
        height: 1.35rem;
        line-height: 1.35rem;
        text-align: center;
        color: #fff;
        background: #af5528;
        padding: 0 .4rem;
    }

    .product-popup .txt ul li.type1 {
        background: #962e45;
    }
    .product-popup .txt ul li.type2 {
        background: #c1962e;
    }
    .product-popup .txt ul li.type3 {
        background: #ab488c;
    }
    .product-popup .txt ul li.type4 {
        background: #89ab48;
    }

    .product-popup .txt ul li a {
        cursor: default;
        color: #fff;
    }



    .product-popup .txt p {
        opacity: 0.8;
        font-weight: 300;
        margin-bottom: 1rem;
        line-height: 1.6;
    }

    div.detail-info{
        padding: 1rem .5rem 2.2rem;
        color: #7a7a7a;
        line-height: 1.8 !important;
        margin: 0 2rem;
        padding: 1.2rem;
        border: 1px solid #eaeaea;
    }

    .product-popup .txt .preacher{
      display: block;
      margin-bottom: 1rem;
      font-size: 1rem;
    }
    .product-popup .txt .bible{
      color: #c49761;
      font-weight: 500;
    }

    @media (max-width: 900px){
      .product-popup{
        padding: 0;
        margin-bottom: 0;
      }
      .popupWrap .popup{
        width: 90%;
        padding: 4.5rem 0 2rem;
      }
      .product-popup .product-img{
        position: relative;
        top: inherit;
        left: inherit;
        transform: none;
        margin: auto;
        width: 100%;
        height: auto;
        border: 0;
        text-align: center;
      }
      .product-popup .product-img img{
        position: relative;
        top: inherit;
        left: inherit;
        transform: none;
        width: 100%;
        max-width: 17rem;
        max-height: 100%;
        margin-bottom: 1rem;
      }
      .product-popup .product-img .buttons{
        position: relative;
        bottom: inherit;
      }
      .product-popup .txt{
        position: relative;
        top: inherit;
        transform: none;
        margin-left: 0;
        margin-top: 1rem;
        padding: 1rem 0;
        border-left: 0;
        border-top: 1px solid #eaeaea;
        min-height: auto;
        text-align: center;
      }
      .product-popup .txt p{
        line-height: 1.4;
      }
      .product-popup .txt .preacher{
        margin-bottom: .5rem;
      }
      div.detail-info{
        margin: 0;
        padding: 1rem;
      }
    }



