/*퀵메뉴*/ #topNavi.fixed {position:fixed;top:0px;width:100%;} #mainNavi {width:100% !important;left:-100%;} .search-mobile-wrap {width:100% !important;right:-100%;left:auto;} .search-mobile-wrap.search-h-open {right:0%;left:auto;} .quick-menu.fixed {position: fixed;top:0px !important;} /*사이드메뉴바 추가 */ .my-mobile-wrap {width:100% !important;right:-100%;left:auto;} .my-mobile-wrap.my-h-open {right:0%;left:auto;} /*장바구니*/ .payment-step-01 table.rspvn-table tbody .ctrl{display:inline-block; left:10px; top:12px; font-size:0; vertical-align:top; width:108px; height:28px; border:1px solid #dfdfdf;} .payment-step-01 table.rspvn-table tbody .minus-btn{background:url(../_Img/Sub/minus-ico.png) no-repeat center #fff; width:28px; height:28px; display:inline-block; vertical-align:top; border-right:1px solid #dfdfdf;} .payment-step-01 table.rspvn-table tbody .plus-btn{background:url(../_Img/Sub/plus-ico.png) no-repeat center #fff; width:28px; height:28px; display:inline-block; vertical-align:top; border-left:1px solid #dfdfdf;} .payment-step-01 table.rspvn-table tbody .ctrl input[type="text"]{border:none;width:50px; height:28px; color:#666; font-size:14px; text-align:center; display:inline-block; vertical-align:top; margin:0; padding:0;} .payment-step-01 table.rspvn-table tbody .prodecuNum >span {display:none;} /*주문/결제*/ .payment-list-wrap.payment-step-02 table .ctrl{display:none} .payment-delivery-list h3 {font-size:24px;line-height: 180%;} .payment-delivery-list .m-num, .payment-delivery-list .m-day {display:table-cell !important;} .w120 {width:120px !important;} .f-menu {display:none;} .payment-list-wrap table.rspvn-table tbody .m-title{display:block;border:1px solid #999; background:#f4f6f9; line-height:30px; } /* 동영상 리스트 */ .movie-list-wrap-type02 div.item:first-child{padding-top:0;} .movie-list-wrap-type02 div.item{position:relative;height: 120px;margin-bottom: 20px;display: flex;align-content: center;} .movie-list-wrap-type02 div.item a:first-child {display:block;position:relative;padding-left: 175px;display: flex;flex-direction: column;justify-content: center;} .movie-list-wrap-type02 div.item .img{position:absolute;left:0;top:0;width: 160px;height:105px;text-align: center;} .movie-list-wrap-type02 div.item .img:after{} .movie-list-wrap-type02 div.item .tit{font-size:14px;color:#333;font-weight:bold;display:block;max-height: 63px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-wrap: break-word;word-break: keep-all;text-overflow: ellipsis;} .movie-list-wrap-type02 div.item .belong{ font-size:13px; color:#666; display:block;margin-top:5px; margin-bottom:2px;} .movie-list-wrap-type02 div.item .hit{ font-size:13px; color:#666; display:inline-block;;margin-top:5px; margin-bottom:2px;margin-right:30px;} .movie-list-wrap-type02 div.item .regDate { font-size:13px; color:#666; display:inline-block;position: relative;} .movie-list-wrap-type02 div.item .cont{display:block; min-height:46px;} .movie-list-wrap-type02 div.item .buy{display:inline-block; vertical-align:top;} .movie-list-wrap-type02 div.item .point{display:inline-block; margin-right:7px;font-weight:bold; color:#333; vertical-align:top; position:relative;margin-left:34px;} .movie-list-wrap-type02 div.item .point .star{padding-left:94px; font-weight:300; color:#666; margin-left:5px; background-size:87px auto !important; font-weight:400; display:inline-block; vertical-align:top;} .movie-list-wrap-type02 div.item .point .star1{background:url(../_Img/Sub/star-01.png) no-repeat left center;} .movie-list-wrap-type02 div.item .point .star2{background:url(../_Img/Sub/star-02.png) no-repeat left center;} .movie-list-wrap-type02 div.item .point .star3{background:url(../_Img/Sub/star-03.png) no-repeat left center;} .movie-list-wrap-type02 div.item .point .star4{background:url(../_Img/Sub/star-04.png) no-repeat left center;} .movie-list-wrap-type02 div.item .point .star5{background:url(../_Img/Sub/star-05.png) no-repeat left center;} .movie-list-wrap-type02 div.item a:first-child {} .movie-list-wrap-type02 div.item .img{ height:auto;} .movie-list-wrap-type02 div.item .img img{float:left;width: 100%;} .movie-list-wrap-type02 div.item .recommend{display:inline-block; vertical-align:top; position:relative; padding-left:31px;margin-left:28px;} .movie-list-wrap-type02 div.item .reply{display:inline-block; vertical-align:top; position:relative; padding-left:31px;} .movie-list-wrap-type02 div.item .m-show{ display:none} .movie-list-wrap-type02 div.item .hit i, .movie-list-wrap-type02 div.item .belong i, .movie-list-wrap-type02 div.item .casket i, .movie-list-wrap-type02 div.item .regDate i, .movie-list-wrap-type02 div.item .buy i, .movie-list-wrap-type02 div.item .recommend i, .movie-list-wrap-type02 div.item .reply i{font-weight:bold; color:#333; margin-right:7px;} .movie-list-wrap-type02 div.item .hit:after, .movie-list-wrap-type02 div.item .regDate:after, .movie-list-wrap-type02 div.item .recommend:after{width:1px; height:12px; position:Absolute; left:-20px; top:50%; margin-top:-6px; display:block; content:""} .movie-list-wrap-type02 div.item .recommend:before{ width:20px; height:20px; position:Absolute; left:0; top:50%;margin-top:-10px; background:url(../_Img/Sub/recommend-ico.png) no-repeat center center;background-size:20px auto; display:block; content:""} .movie-list-wrap-type02 div.item .reply:before{ width:20px; height:20px; position:Absolute; left:0; top:50%;margin-top:-10px; background:url(../_Img/Sub/reply-ico.png) no-repeat center center ;background-size:20px auto; display:block; content:""} .movie-list-wrap-type02 div.item .buynow{ position:absolute;text-align:right; right:30px; top:50%;margin-top:-22px; font-size:20px; font-weight:bold; color:#c62828; text-transform:uppercase} .movie-list-wrap-type02 div.item .krw{ position:absolute;text-align:right; right:30px; width:116px; height:44px; top:50%;margin-top:-22px; font-size:20px; font-weight:bold; color:#c62828; text-transform:uppercase} .movie-list-wrap-type02 div.item .line{display:inline-block; font-weight:300; vertical-align:top;text-decoration:line-through; font-size:12px; color:#808080; } .movie-list-wrap-type02 div.item .percent{margin-left:5px;display:inline-block; vertical-align:top; font-size:12px;padding-right:10px;} .movie-list-wrap-type02 div.item .percent.down{background:url(../_Img/Layout/chart-down.png)no-repeat right center; color:#0874ed} .movie-list-wrap-type02 div.item .percent.up{background:url(../_Img/Layout/chart-up.png)no-repeat right center; color:#c62828;} .movie-list-wrap-type02 div.item span.recommend{display:none;} .movie-list-wrap-type02 div.item span.reply{display:none;} .movie-list-wrap-type02 div.item .cont{min-height:auto;display: none;} .movie-list-wrap-type02 div.item .krw{position:relative; height:auto; text-align:left; right:auto; width:auto; display:block; top:auto; margin-top:auto; font-size:14px;} .movie-list-wrap-type02 div.item .m-show{display:block;position:absolute;background:rgba(0,0,0,0.3);width:100%;left:0; bottom:0;padding:0;box-sizing:border-box;text-align:center; height:auto;} .movie-list-wrap-type02 div.item .m-show .recommend{color:#fff;font-size:11px; display:inline-block; vertical-align:top; width:auto; margin-left:0; padding-left:20px;} .movie-list-wrap-type02 div.item .m-show .reply{color:#fff; font-size:11px; display:inline-block; vertical-align:top; width:auto; margin-left:10px;padding-left:20px;} .movie-list-wrap-type02 div.item .m-show .recommend:before{background:url(../_Img/Content/recommend-icom.png) no-repeat center center;background-size:10px auto;} .movie-list-wrap-type02 div.item .m-show .reply:before{background:url(../_Img/Content/reply-icom.png) no-repeat center center;background-size:10px auto;} .movie-list-wrap-type02 div.item .m-show .reply:after{left:-5px; height:8px; margin-top:-4px;} .movie-list-wrap-type02 div.item .casket{margin-left:0;display:block} .movie-list-wrap-type02 div.item .casket:after{display:none;} .movie-list-wrap-type02 div.item .point{margin-left:0; display:block} .movie-list-wrap-type02 div.item .point:after{display:none;} /* 리뷰 리스트 */ .review-list-wrap div.item:first-child{padding-top:0;} .review-list-wrap div.item{ padding:30px 0 30px 0; min-height:118px; border-bottom:1px solid #d6d6d6; position:relative;} .review-list-wrap div.item a:first-child {display:block; position:relative; padding-left:228px;} .review-list-wrap div.item .img{position:absolute; left:0; top:0;width:210px; height:118px; border:1px solid #dfdfdf} .review-list-wrap div.item .tit{ font-size:14px; color:#333; font-weight:bold; display:block;} .review-list-wrap div.item .belong{ font-size:13px; color:#666; display:block;margin-top:5px; margin-bottom:2px;} .review-list-wrap div.item .hit{ font-size:13px; color:#666; display:inline-block;;margin-top:5px; margin-bottom:2px;} .review-list-wrap div.item .regDate { font-size:13px; color:#666; display:inline-block;margin-left:34px;position: relative;} .review-list-wrap div.item .cont{display:block; min-height:46px;} .review-list-wrap div.item .buy{display:inline-block; vertical-align:top;} .review-list-wrap div.item .point{display:inline-block; margin-right:7px;font-weight:bold; color:#333; vertical-align:top; position:relative;margin-left:34px;} .review-list-wrap div.item .point .star{padding-left:94px; font-weight:300; color:#666; margin-left:5px; background-size:87px auto !important; font-weight:400; display:inline-block; vertical-align:top;} .review-list-wrap div.item .point .star1{background:url(../_Img/Sub/star-01.png) no-repeat left center;} .review-list-wrap div.item .point .star2{background:url(../_Img/Sub/star-02.png) no-repeat left center;} .review-list-wrap div.item .point .star3{background:url(../_Img/Sub/star-03.png) no-repeat left center;} .review-list-wrap div.item .point .star4{background:url(../_Img/Sub/star-04.png) no-repeat left center;} .review-list-wrap div.item .point .star5{background:url(../_Img/Sub/star-05.png) no-repeat left center;} .review-list-wrap div.item a:first-child {padding-left:115px} .review-list-wrap div.item .img{width:100px; height:auto;} .review-list-wrap div.item .img img{width:100px} .review-list-wrap div.item .recommend{display:inline-block; vertical-align:top; position:relative; padding-left:31px;margin-left:28px;} .review-list-wrap div.item .reply{display:inline-block; vertical-align:top; position:relative; padding-left:31px;} .review-list-wrap div.item .m-show{ display:none} .review-list-wrap div.item .hit i, .review-list-wrap div.item .belong i, .review-list-wrap div.item .casket i, .review-list-wrap div.item .regDate i, .review-list-wrap div.item .buy i, .review-list-wrap div.item .recommend i, .review-list-wrap div.item .reply i{font-weight:bold; color:#333; margin-right:7px;} .review-list-wrap div.item .hit:after, .review-list-wrap div.item .regDate:after, .review-list-wrap div.item .recommend:after{background:#e5e5e5; width:1px; height:12px; position:Absolute; left:-20px; top:50%; margin-top:-6px; display:block; content:""} .review-list-wrap div.item .recommend:before{ width:20px; height:20px; position:Absolute; left:0; top:50%;margin-top:-10px; background:url(../_Img/Sub/recommend-ico.png) no-repeat center center;background-size:20px auto; display:block; content:""} .review-list-wrap div.item .reply:before{ width:20px; height:20px; position:Absolute; left:0; top:50%;margin-top:-10px; background:url(../_Img/Sub/reply-ico.png) no-repeat center center ;background-size:20px auto; display:block; content:""} .review-list-wrap div.item .buynow{ position:absolute;text-align:right; right:30px; top:50%;margin-top:-22px; font-size:20px; font-weight:bold; color:#c62828; text-transform:uppercase} .review-list-wrap div.item .krw{ position:absolute;text-align:right; right:30px; width:116px; height:44px; top:50%;margin-top:-22px; font-size:20px; font-weight:bold; color:#c62828; text-transform:uppercase} .review-list-wrap div.item .line{display:inline-block; font-weight:300; vertical-align:top;text-decoration:line-through; font-size:12px; color:#808080; } .review-list-wrap div.item .percent{margin-left:5px;display:inline-block; vertical-align:top; font-size:12px;padding-right:10px;} .review-list-wrap div.item .percent.down{background:url(../_Img/Layout/chart-down.png)no-repeat right center; color:#0874ed} .review-list-wrap div.item .percent.up{background:url(../_Img/Layout/chart-up.png)no-repeat right center; color:#c62828;} .review-list-wrap div.item span.recommend{display:none;} .review-list-wrap div.item span.reply{display:none;} .review-list-wrap div.item .cont{min-height:auto} .review-list-wrap div.item .krw{position:relative; height:auto; text-align:left; right:auto; width:auto; display:block; top:auto; margin-top:auto; font-size:14px;} .review-list-wrap div.item .m-show{display:block;position:absolute;background:rgba(0,0,0,0.3);width:100%;left:0; bottom:0;padding:0;box-sizing:border-box;text-align:center; height:auto;} .review-list-wrap div.item .m-show .recommend{color:#fff;font-size:11px; display:inline-block; vertical-align:top; width:auto; margin-left:0; padding-left:20px;} .review-list-wrap div.item .m-show .reply{color:#fff; font-size:11px; display:inline-block; vertical-align:top; width:auto; margin-left:10px;padding-left:20px;} .review-list-wrap div.item .m-show .recommend:before{background:url(../_Img/Content/recommend-icom.png) no-repeat center center;background-size:10px auto;} .review-list-wrap div.item .m-show .reply:before{background:url(../_Img/Content/reply-icom.png) no-repeat center center;background-size:10px auto;} .review-list-wrap div.item .m-show .reply:after{left:-5px; height:8px; margin-top:-4px;} .review-list-wrap div.item .casket{margin-left:0;display:block} .review-list-wrap div.item .casket:after{display:none;} .review-list-wrap div.item .point{margin-left:0; display:block} .review-list-wrap div.item .point:after{display:none;} .item .info.btn{font-size:0; padding:32px 0 0 0; height:auto; line-height:auto;border:none;} .item .info.btn a{width:180px;vertical-align:top; height:50px; font-size:18px; font-weight:600; text-align:center; display:inline-block;line-height:50px; ;box-sizing:border-box} .item .order-btn{background:#c62828; color:#fff; } .item .cart-btn{background:#4d4d4d; color:#fff; margin-left:10px;} .item .interest-btn{background:#f4f6f9; color:#444;border:1px solid #dfdfdf; margin-left:10px;} .product-list-type01 .info.btn {padding-top:10px;} .product-list-type01 .info.btn a {width:48%;font-size: 14px;line-height: 30px;height:30px;margin-left: 4%;} .product-list-type01 .info.btn a:first-child {margin-left: 0%;} .best-wrap .info.btn {padding-top:10px;} .best-wrap .info.btn a {width:48%;font-size: 14px;line-height: 30px;height:30px;margin-left: 4%;} .best-wrap .info.btn a:first-child {margin-left: 0%;} .artist-view-wrap .c-01 .fr {text-align: left;} .product-list-type02 .info.btn {padding-top:10px;position: absolute;left:0px;bottom: 30px;width:100px;} .product-list-type02 .info.btn a {width:100px;font-size: 14px;line-height: 30px;height:30px;margin-left: 0%;padding-left: 0%;} .product-list-type02 .info.btn a:first-child {margin-left: 0%;margin-bottom: 5px;} .product-list-type02 div.item>a {height: 175px;overflow: hidden;} .product-list-type02 div.item .tit {margin-bottom: 10px;} .product-list-type02 div.item .regDate , .product-list-type02 div.item .regName {display: block;} .product-list-type02 div.item .regDate i, .product-list-type02 div.item .regName i{font-weight:bold; color:#333; margin-right:7px;} .artist-view-wrap .more {display: block;text-decoration: underline;} .payment-search-wrap {min-height: 30px;} .payment-search-wrap .fr {margin-top: 0px;} .payment-list-wrap .sw-btn.red {background:#4d4d4d; color:#fff;} .mile-head {min-height: 30px !important;} .mile-head .fr {margin-top: 0px;} .mile-head .sw-btn.red {background:#4d4d4d; color:#fff;} .coup-head {min-height: 60px;} .coup-head .fr {margin-top: 0px;} .coup-head .sw-btn.red {background:#4d4d4d; color:#fff;} .payment-indivisual-wrap .rspvn-table {margin-top:20px;} .payment-indivisual-wrap .rspvn-table .subject {border-bottom: 1px solid #999;} .payment-indivisual-wrap table.rspvn-table tfoot td:nth-child(3) {border-bottom: 1px solid #999;} .payment-info-wrap table.rspvn3 tbody th{display:block; float:left; height:38px; width:30%; box-sizing:border-box; padding:10px 5px 10px 5px; line-height:130%;} .payment-info-wrap table.rspvn3 tbody td{display:block; float:left; height:38px; width:70%;box-sizing:border-box;padding:10px 5px 10px 10px; line-height:130%;} .payment-info-wrap table.rspvn3 tbody .address {height:60px;} .payment-info-wrap table.rspvn3 tbody .reviewArea {height:200px;} .payment-info-wrap table.rspvn3 tbody .reviewArea textarea {height:100%;} /*MODAL window 모달 창*/ body.modal {overflow:hidden;} /*body.modal:after {position: fixed;background:rgba(0,0,0,0.5);z-index:100;width:100%;height:100%;}*/ .modalWindow {display:none;} body.modal .modalWindow {display:block;margin:auto;position:fixed;background:rgba(0,0,0,0.5);z-index:99999;width:100%;height:100%;top:0px;cursor:pointer; max-width: 500px;} body.modal .modalWindow .contents {margin:auto;min-width:300px;min-height: 200px;background:white;position: absolute;left:50%;top:50%;max-width:60%;border:2px solid #e5e5e5; overflow: auto; max-height: 600px;} @media (max-width: 667px) { body.modal .modalWindow .contents {margin:auto;min-width:300px;min-height: 200px;background:white;position: absolute;left:50%;top:50%;max-width:60%;border:2px solid #e5e5e5; overflow: auto; max-height: 450px;} } /*MODAL popupWindow 창*/ body .popupWindow {position: absolute;background: white;border:1px solid #ccc;box-shadow: 5px 5px 5px rgba(0,0,0,0.5);z-index: 99999;} body .popupWindow .closeLine {position: absolute;bottom:0px;left:0px;text-align: left;background: #999;color:white;width:100%;font-size: 12px;line-height: 20px;} body .popupWindow .closeLine .nomore {float:left;padding-left:10px;} body .popupWindow .closeLine .x {float:right;padding-right:10px;} body .popupWindow .closeLine a {color:white;} body .popupWindow .closeLine a:hover {text-decoration: underline;} #header {position:fixed;top:0px;width:100%;padding-top:60px;background: white;height:50px;} #footer-top .f-cs {width:43%;} #footer-top .f-family {width:49%;} #footer-top .f-cs li span {float:left;} #footer-top .f-family li {width:45%;float:left;margin-top:0px;padding-right:5%;text-align:right;} .payment-search-wrap .calendar-input:after{display:none !important;} .payment-search-wrap .calendar-input img {width:14px; position:absolute; right:8px; top:50%;margin-top:-6px; display:block;} @media (max-width: 667px) { #footer-top .f-cs {width:100%;} #footer-top .f-family {width:100%; margin-top:20px;} }