/* Common */
    /* Product Table 1 */
        .expert-video-product-table1 table col.price {
            width: 150px;
        }
        .expert-video-product-table1 table col.delete {
            width: 100px;
        }
        .expert-video-product-table1 .total {
            font-size: 1.2em;
            display: flex;
            justify-content: space-between;
            padding: 1em;
        }
        .expert-video-product-table1 .total .price strong {
            font-size: 1.5em;
            color: #eb4444;
            font-weight: bold;
        }
/* Product List */
    /* Comp : List */
        #video-product-list .comp-list .list {
            border-top: 1px solid #ddd;
        }
        #video-product-list .comp-list .list .no-result {
            padding: 3em 0;
            text-align: center;
            border-bottom: 1px solid #ddd;
        }
        #video-product-list .comp-list .list-one {
            border-bottom: 1px solid #ddd;
            padding: 1em;
            display: flex;
            justify-content: stretch;
            align-items: center;
        }
        #video-product-list .comp-list .image {
            flex: 0 0 auto;
            width: 16em;
            height: 9em;
            position: relative;
            background: #eee;
            overflow: hidden;
            border-radius: 0.5em;
        }
        #video-product-list .comp-list .image img {
            position: absolute;
            width: 100%;
            height: 100%;
            border: 0;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
        }
        #video-product-list .comp-list .image .duration {
            position: absolute;
            right: 1em;
            bottom: 1em;
            padding: 0.5em 0.5em 0.5em 2em;
            line-height: 1em;
            border-radius: 0.5em;
            color: #fff;
            font-size: 12px;
            background: rgba(0,0,0,0.2) url(//static.iyonwoo.com/expert/video/images/icon_clock1_white1.png) no-repeat 0.5em center;
            background-size: auto 1.25em;
        }
        #video-product-list .comp-list .detail {
            flex: 1 1 auto;
            padding: 0.25em 0.25em 0.25em 1.25em;
            text-align: left;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }
        #video-product-list .comp-list .subject {
            font-weight: bold;
        }
        #video-product-list .comp-list .characters {
            font-size: 0.75em;
            display: flex;
            flex-wrap: wrap;
            padding-top: 0.5em;
            margin: -0.25em;
        }
        #video-product-list .comp-list .characters > span {
            padding: 0 0.5em;
            background: #219d70;
            color: #fff;
            font-weight: 300;
            margin: 0.25em;
            height: 1.8em;
            display: flex;
            align-items: center;
            border-radius: 0.5em;
        }
        #video-product-list .comp-list .description {
            font-size: 0.875em;
            line-height: 1.6em;
            margin-top: 0.5em;
            display: -webkit-box;
            line-clamp: 3;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            height: 4.8em;
            overflow: hidden;
            color: #666;
        }
        #video-product-list .comp-list .info-line {
            margin-top: 0.5em;
            font-size: 0.875em;
        }
        #video-product-list .comp-list .price {
            margin-right: 1.25em;
            position: relative;
            font-size: 1.25em;
            font-weight: 500;
        }
        #video-product-list .comp-list .price .unit {
            font-size: 0.8em;
            font-weight: normal;
        }
        #video-product-list .comp-list .permission {
            margin-right: 1.25em;
            color: #1dbb82;
        }
        #video-product-list .comp-list .keywords a {
            color: #3f88ad;
            margin-right: 0.5em;
            white-space: nowrap;
        }
        #video-product-list .comp-list .buttons {
            flex: 0 0 auto;
            display: flex;
            flex-direction: column;
            margin-left: 1em;
        }
        #video-product-list .comp-list .buttons a {
            margin: 0.5em 0;
            white-space: nowrap;
        }
        #video-product-list .comp-list .list-one.cart-added .cart-not-added-item,
        #video-product-list .comp-list .list-one:not(.cart-added) .cart-added-item {
            display: none;
        }
        #video-product-list .comp-list .paging {
            margin-top: 1em;
        }
        @media all and (max-width: 640px) {
            #video-product-list .comp-list .list-one {
                flex-direction: column;
                align-items: stretch;
            }
            #video-product-list .comp-list .image {
                width: auto;
                height: auto;
            }
            #video-product-list .comp-list .image img {
                position: static;
                vertical-align: top;
            }
            #video-product-list .comp-list .detail {
                padding: 1em 0 0;
            }
            #video-product-list .comp-list .buttons {
                flex-direction: row;
                align-items: center;
                justify-content: stretch;
                margin: 1em -0.5em 0;
            }
            #video-product-list .comp-list .buttons a,
            #video-product-list .comp-list .buttons > span {
                margin: 0 0.5em;
                flex: 1 1 auto;
                display: block;
            }
        }
    /* Comp : Cart */
        #video-product-list .comp-cart {
            margin-top: 2em;
        }
        #video-product-list .comp-cart .comp-body {
            display: flex;
            justify-content: flex-end;
            border: 1px solid #ddd;
            padding: 1em;
            background: #ebebeb;
        }
        #video-product-list .comp-cart .purchase {
            display: flex;
            align-items: center;
        }
        #video-product-list .comp-cart .purchase .count {
            font-size: 0.9375em;
            margin-right: 20px;
            color :#c52513;
            font-weight: bold;
        }
        #video-product-list .comp-cart.fixed .comp-wrap {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 2;
            justify-content: flex-end;
            border: 1px solid #ddd;
            background: #ebebeb;
            box-shadow: 0 0 0.25em rgba(0,0,0,0.2);
        }
        #video-product-list .comp-cart.fixed .comp-body {
            border: 0;
        }
/* Product Detail */
    /* Comp : List */
        #video-product-detail .comp-basic {
            border-top: 3px solid #0b1844;
            padding: 2em 2em;
            background: #fafafa;
        }
        #video-product-detail .comp-basic .comp-body {
            display: flex;
            justify-content: stretch;
        }
        #video-product-detail .comp-basic .part-image {
            width: 40%;
        }
        #video-product-detail .comp-basic .part-image img {
            width: 100%;
        }
        #video-product-detail .comp-basic .part-info {
            flex: 1 1 auto;
            margin-left: 2em;
            text-align: left;
        }
        #video-product-detail .comp-basic .part-info .name {
            font-size: 1.5em;
            font-weight: bold;
            color: #2e485d;
        }
        #video-product-detail .comp-basic .part-info .price {
            margin-top: 0.1em;
            font-size: 1.25em;
        }
        #video-product-detail .comp-basic .part-info .price .purchased {
            color: #ff0000;
            font-size: 0.833em;
        }
        #video-product-detail .comp-basic .part-info .permission {
            color: #1dbb82;
            font-size: 0.9em;
        }
        #video-product-detail .comp-basic .part-info .keywords {
            margin-top: 0.5em;
            color: #3f88ad;
        }
        #video-product-detail .comp-basic .part-info .keywords > span {
            margin-right: 0.5em;
        }
        #video-product-detail .comp-basic .part-info .description {
            color: #666;
            margin-top: 1em;
            line-height: 1.6em;
            font-size: 0.9375em;
        }
        #video-product-detail .comp-basic .part-info .brief {
            margin-top: 1em;
            font-size: 0.9375em;
        }
        #video-product-detail .comp-basic .part-info .brief dl {
            display: flex;
        }
        #video-product-detail .comp-basic .part-info .brief dl + dl {
            margin-top: 0.5em;
        }
        #video-product-detail .comp-basic .part-info .brief dl dt {
            font-weight: 500;
            width: 5em;
        }
        #video-product-detail .comp-basic .part-info .buttons {
            margin-top: 1.5em;
        }
        @media all and (max-width: 640px) {
            #video-product-detail .comp-basic {
                padding: 0;
            }
            #video-product-detail .comp-basic .comp-body {
                display: block;
            }
            #video-product-detail .comp-basic .part-image {
                width: auto;
            }
            #video-product-detail .comp-basic .part-info {
                margin-left: 0;
                padding: 1em;
            }
        }
    /* Comp : Detail */
        #video-product-detail .comp-detail {
            padding: 2em;
            border-top: 1px solid #ddd;
        }
        #video-product-detail .comp-detail .part-one + .part-one {
            margin-top: 1.5em;
        }
        #video-product-detail .comp-detail .part-description .part-body {
            border: 1px solid #eee;
            background: #fafafa;
            padding: 1em;
            font-size: 0.875em;
            line-height: 1.8em;
            text-align: left;
        }
        #video-product-detail .comp-detail .part-one.list1 ul li {
            text-align: left;
            padding: 0.25em 0 0.25em 1em;
            font-size: 0.875em;
            position: relative;
        }
        #video-product-detail .comp-detail .part-one.list1 ul li:before {
            content: '';
            position: absolute;
            top: 0.8em;
            left: 0.3em;
            background: #666;
            border-radius: 50%;
            width: 0.3em;
            height: 0.3em;
        }
        @media all and (max-width: 640px) {
            #video-product-detail .comp-detail {
                padding: 1em;
            }
        }
    /* Comp : Botmenu */
        #video-product-detail .comp-botmenu {
            border-top: 1px solid #0b1844;
            padding-top: 1.5em;
        }
        @media all and (max-width: 640px) {
            #video-product-detail .comp-botmenu {
                padding: 1.5em 1em;
            }
        }