@charset "utf-8";
.owl-item {float:left;}
.owl-carousel .owl-wrapper {display: none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}


/* msec-banner */
.subtop-banner{overflow:hidden;margin-top:0; height:auto;overflow:hidden; height:150px; position:relative;}
.subtop-banner .item a{display:block; }
.subtop-banner .item a img{width:100%}
.subtop-banner .slick-dots{position:absolute;left:31px; bottom:34px; text-align:left; height:7px;}
.subtop-banner .slick-dots ul{display:inline-block;vertical-align:top; height:7px; padding:0;; }
.subtop-banner .slick-dots li{display:inline-block;vertical-align:top; width:7px;margin:0 4px 0 0;border:none; height:12px; border-radius:100%;padding:0;}
.subtop-banner .slick-dots button{width:7px; height:7px; border-radius:100%; border:none;padding:0; background:rgba(255,255,255,0.3) ;}
.subtop-banner .slick-active button {background:rgba(255,255,255,1);}
.subtop-banner .slick-dots button:before{display:none;}
	


/* 인기아티스트 */

.popularity-wrap{}
.popularity-wrap ul{overflow:hidden; margin:0 -0.151%}
.popularity-wrap li{ width:33.0333333%; float:left; margin:0 0.151%}
.popularity-wrap li a{display:block; position:relative;}
.popularity-wrap li .img img{ width:100%}
.popularity-wrap li .btxt, .popularity-wrap li .stxt{text-align:center;position:absolute; left:0; width:100%;}
.popularity-wrap li .btxt{ bottom:40px; line-height:18px; color:#fff; font-weight:bold; font-size:20px; letter-spacing:0.1em }
.popularity-wrap li .stxt{ bottom:20px; line-height:14px; color:rgba(255,255,255,0.7); font-weight:300; font-size:14px;letter-spacing:0  }



/* 베스트 아이템 */
.best-wrap{overflow:hidden;margin:0 -1.5%}
.best-wrap .item{margin:0 1.5% 0 1.5% ; float:left; width:22%;}

.best-wrap  span{display:block;text-align:center;}
.best-wrap .img{border:1px solid #dfdfdf; position:relative;}
.best-wrap .img img{width:100%;}
.best-wrap .btxt{font-weight:bold; letter-spacing:-0.03em; color:#333; font-size:14px; line-height:130%; padding-top:30px;/*font-family: 'ng';*/}
.best-wrap .stxt{font-weight:300; color:#808080; font-size:13px; line-height:110%; margin-top:10px;}
.best-wrap .ctxt{font-weight:600; color:#c62828; font-size:15px; line-height:110%;margin-top:10px;}

.best-wrap .rtxt{position:absolute;background:#fff; right:14px; top:14px; width:50px; height:50px; border:5px solid #cecece; color:#ccc; border-radius:100%; line-height:50px; text-align:center; font-weight:600;  font-size:12px;}
.best-wrap .rtxt.best{border:5px solid #f24949; color:#f24949;}
.best-wrap .rtxt.new{border:5px solid #f2ae49; color:#f2ae49;}
.best-wrap .rtxt.d-day{border:5px solid #f27349; color:#f27349;}




.list-search-wrap.mobile{display:none;}
.list-search-wrap{padding:10px 105px 10px 0; background:#f4f6f9 ; position:relative; text-align:right; z-index:9999}
.list-search-wrap .detail-btn{width:110px;background:url(../_Img/Sub/detail-ico.png) no-repeat 10px center #4d4d4d; height:30px;  position:absolute; text-align:left; left:20px; top:10px; padding-left:33px; box-sizing:border-box; line-height:30px; font-size:13px; font-weight:400; color:#fff;}
.list-search-wrap .detail-btn:after{background:url(../_Img/Sub/detail-arrow.png) no-repeat center center; width:8px; height:6px; position:absolute; right:10px; top:50%;margin-top:-3px; display:block; content:"" }
.list-search-wrap .detail-btn.active{background-color:#c62828 !important}
.list-search-wrap .detail-btn.active:after{background:url(../_Img/Sub/detail-arrowo.png) no-repeat center center  }

.list-search-wrap .m-show{display:none}



.list-search-wrap ul.list{font-size:0; display:inline-block; vertical-align:top; height:30px ; padding-right:15px;}
.list-search-wrap ul.list li{display:inline-block; vertical-align:top; height:30px; margin:0 12px;}
.list-search-wrap ul.list li a{display:block; line-height:30px; font-size:13px; color:#212121 }
.list-search-wrap ul.list li.active a{ color:#c62828; font-weight:bold}
.list-search-wrap .select-box{height:30px; min-width:60px;box-sizing:border-box;}
.list-search-wrap .select-box select{ font-size:13px; color:#666; height:28px;}

.list-search-wrap.list-order {padding: 10px 10px 10px 0;}

.list-type-btn .type01, .list-type-btn .type02{position:absolute;width:28px; height:28px; border:1px solid #e5e5e5; top:10px; }
.list-type-btn .type01.active, .list-type-btn .type02.active{border:1px solid #666; }
.list-type-btn .type01{ background:url(../_Img/Sub/list-type01off.jpg) no-repeat center center; right:55px;}
.list-type-btn .type02{ background:url(../_Img/Sub/list-type02off.jpg) no-repeat center center; right:20px}
.list-type-btn .type01.active{ background:url(../_Img/Sub/list-type01on.jpg) no-repeat center center;}
.list-type-btn .type02.active{ background:url(../_Img/Sub/list-type02on.jpg) no-repeat center center;}







/* 상세검색 */
.list-search-view{text-align:left; display:none; height:320px; background:#fff; width:100%; box-sizing:border-box; border:1px solid #dedede; position:absolute; left:0; top:50px;}
/* .list-search-view li:first-child{min-height:46px; } */
.list-search-view li{position:relative; padding:15px 0 15px 210px; border-bottom:1px solid #dedede; }
.list-search-view li:after{background:#4d4d4d; position:absolute; left:0; top:0; height:100%; width:180px; border-bottom:1px solid #717171; display:block; content:""}
.list-search-view li .tit{ width:180px; line-height:20px; position:absolute; z-index:5; font-size:14px; font-weight:bold; line-height:20px; color:#fff; left:0; top:50%; margin-top:-10px; box-sizing:border-box; padding-left:20px;}
.list-search-view li .all-btn{ width:58px; height:15px; position:absolute; left:103px; width:65px; height:16px; top:50%; line-height:16px; margin-top:-8px; font-size:12px; color:#fff;  z-index:5; }
.list-search-view li .all-btn:after{background:url(../_Img/Sub/detail-arrow.png) no-repeat center center; width:8px; height:6px; position:absolute; right:10px; top:50%;margin-top:-2px; display:block; content:"" }
.list-search-view li .all-btn.active:after{background:url(../_Img/Sub/detail-arrowo.png) no-repeat center center  }
.list-search-view li input[type="text"]{display:inline-block; vertical-align:middle;border:1px solid #e5e5e5; width:88px; font-size:13px; color:#666; height:28px; text-align:right;padding-right:10px;}
.list-search-view li .check-box label{font-size:14px; color:#333 ; line-height:20px; font-weight:500; padding-left:24px;}
.list-search-view li .check-box label:after{top:1px; width:16px; height:16px;}
.list-search-view li .rtxt{display:inline-block; vertical-align:middle; line-height:30px; padding:0 5px; color:#666;}

.list-search-view .drag-bar{width:380px;position:relative;height:46px; display:inline-block; vertical-align:middle; margin-right:50px;}
.list-search-view .bar{background:#e1e3e5;position:absolute; left:27px;; height:10px; top:30px; width:360px;}
.list-search-view .bar .fill{background:#c62828;position:absolute; left:0;height:10px; top:0; width:10%;}
.list-search-view .bar .first{cursor:pointer;position:Absolute; margin-left:-27px; left:0; top:-30px; text-align:center; height:18px; line-height:18px; border:1px solid #e5e5e5 ; color:#c62828; font-size:11px;width:58px;}
.list-search-view .bar .last{cursor:pointer;position:Absolute; margin-right:-27px; left:auto; right:0; top:-30px; text-align:center; height:18px; line-height:18px; border:1px solid #e5e5e5 ; color:#c62828; font-size:11px;width:58px;}

.list-search-view .bar .first:before,.list-search-view .bar .last:before{ width:10px; height:7px; background:url(../_Img/Sub/bar-sel.png) no-repeat; left:50%;margin-left:-5px; bottom:-7px; display:block; content:""; position:absolute;}
.list-search-view .bar .first:after, .list-search-view .bar .last:after{ width:10px; height:17px; background:url(../_Img/Sub/bar-location.png) no-repeat; position:absolute; left:50%;margin-left:-5px; bottom:-26px; display:block; content:"" }

.list-search-view .btn-wrap{ padding-top:30px;text-align:center; }
.list-search-view .btn-wrap a{display:inline-block; vertical-align:top; width:138px; height:38px; line-height:38px; text-align:center;  margin:0 3px; font-size:14px; font-weight:bold;}
.list-search-view .btn-wrap a.close{ color:#444; background:#f4f6f9;border:1px solid #dfdfdf;}
.list-search-view .btn-wrap a.refresh{ color:#fff; background:#808080;border:1px solid #808080;}
.list-search-view .btn-wrap a.search{  color:#fff; background:#c62828;border:1px solid #c62828;}
	

/* 제품리스트 type01 */
.product-list-type01{overflow:hidden;margin:0 -1.5%; position:relative; z-index:9001}
.product-list-type01 .item{margin:0 1.5% 0 1.5% ; float:left; width:22%;}
.product-list-type01 .item.first{}
.product-list-type01 .item.trd{display:none;}
.product-list-type01 .first-slide .item {width:auto;float:left; overflow:hidden; margin:0;}
.product-list-type01 .first-slide .item a{display:block; border:1px solid #dfdfdf ; overflow:hidden}
.product-list-type01 .first-slide .item a img{width:100%;}

.product-list-type01 .first-slide .slick-dots{position:absolute;right:15px; top:20px; text-align:right;  height:7px; z-index:9999}
.product-list-type01 .first-slide .slick-dots ul{display:inline-block;vertical-align:top; height:7px; padding:0;; }
.product-list-type01 .first-slide .slick-dots li{display:inline-block;vertical-align:top; width:7px;margin:0 0 0 6px;border:none; height:12px; border-radius:100%;padding:0;}
.product-list-type01 .first-slide .slick-dots button{width:7px; height:7px; border-radius:100%; border:none;padding:0; background:#a8aaaf ;}
.product-list-type01 .first-slide .slick-active button {background:#f24949;}
.product-list-type01 .first-slide .slick-dots button:before{display:none;}
.product-list-type01 .item .line{display:inline-block; font-weight:300; vertical-align:top;text-decoration:line-through; font-size:12px; color:#808080; }

.product-list-type01  span{display:block;text-align:center;}
.product-list-type01 .img{border:1px solid #dfdfdf; position:relative;}
.product-list-type01 .img img{width:100%;}
.product-list-type01 .btxt{font-weight:bold; letter-spacing:-0.03em; color:#333; font-size:14px; line-height:130%; padding-top:30px;/*font-family: 'ng';*/}
.product-list-type01 .stxt{font-weight:300; color:#808080; font-size:13px; line-height:110%; margin-top:10px;}
.product-list-type01 .ctxt{font-weight:600; color:#c62828; font-size:15px; line-height:110%;margin-top:10px;}

.product-list-type01 .rtxt{position:absolute;background:#fff; left:3px; top:3px; width:30px; height:30px; border:5px solid #cecece; color:#ccc; border-radius:100%; line-height:30px; text-align:center; font-weight:600; font-size:12px;}
.product-list-type01 .rtxt.best{border:5px solid #f24949; color:#f24949;}
.product-list-type01 .rtxt.new{border:5px solid #f2ae49; color:#f2ae49;}
.product-list-type01 .rtxt.d-day{border:5px solid #f27349; color:#f27349;}

/* by 87parkjw */
.bts .rtxt{position:absolute;background:#fff; left:7px; top:3px; width:40px; height:40px; border:5px solid #cecece; color:#ccc; border-radius:100%; line-height:30px; text-align:center; font-weight:600; font-size:12px;}
.bts .rtxt.best{border:5px solid #f24949; color:#f24949;}

/* 제품리스트 type02 */
.product-list-type02 div.item:first-child{padding-top:0;}
.product-list-type02 div.item{ padding:30px 0 30px 0; min-height:158px; border-bottom:1px solid #d6d6d6; position:relative;}
.product-list-type02 div.item a{display:block; position:relative; padding-left:188px;}
.product-list-type02 div.item .img{position:absolute; left:0; top:0;width:158px; height:158px; border:1px solid #dfdfdf}
.product-list-type02 div.item .img img{width:100%}
.product-list-type02 div.item .tit{ font-size:14px; color:#333; font-weight:bold; display:block;}
.product-list-type02 div.item .belong{ font-size:13px; color:#666; display:block;margin-top:5px; margin-bottom:2px;}
.product-list-type02 div.item .native{ display:inline-block; vertical-align:top; }
.product-list-type02 div.item .casket{display:inline-block; vertical-align:top;margin-left:34px; position:relative;}
.product-list-type02 div.item .cont{display:block; min-height:70px;}
.product-list-type02 div.item .buy{display:inline-block;  vertical-align:top;}
.product-list-type02 div.item .point{display:inline-block; margin-right:7px;font-weight:bold; color:#333; vertical-align:top; position:relative;margin-left:34px;}
.product-list-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;}
.product-list-type02 div.item .point .star1{background:url(../_Img/Sub/star-01.png) no-repeat left center;}
.product-list-type02 div.item .point .star2{background:url(../_Img/Sub/star-02.png) no-repeat left center;}
.product-list-type02 div.item .point .star3{background:url(../_Img/Sub/star-03.png) no-repeat left center;}
.product-list-type02 div.item .point .star4{background:url(../_Img/Sub/star-04.png) no-repeat left center;}
.product-list-type02 div.item .point .star5{background:url(../_Img/Sub/star-05.png) no-repeat left center;}



.product-list-type02 div.item .recommend{display:inline-block; vertical-align:top; position:relative; padding-left:31px;margin-left:28px;}
.product-list-type02 div.item .reply{display:inline-block; vertical-align:top; position:relative; padding-left:31px;margin-left:36px;}

.product-list-type02 div.item  .m-show{ display:none}

.product-list-type02 div.item .belong i,
.product-list-type02 div.item .casket i,
.product-list-type02 div.item .native i,
.product-list-type02 div.item .buy i,
.product-list-type02 div.item .recommend i,
.product-list-type02 div.item .reply i{font-weight:bold; color:#333; margin-right:7px;}

.product-list-type02 div.item .casket:after,
.product-list-type02 div.item .point:after,
.product-list-type02 div.item .recommend:after,
.product-list-type02 div.item .reply:after{background:#e5e5e5; width:1px; height:12px; position:Absolute; left:-20px; top:50%; margin-top:-6px; display:block; content:""}

.product-list-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:""}
.product-list-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:""}


.product-list-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; }
.product-list-type02 div.item .line{display:inline-block; font-weight:300; vertical-align:top;text-decoration:line-through; font-size:12px; color:#808080; }
.product-list-type02 div.item .percent{margin-left:5px;display:inline-block; vertical-align:top; font-size:12px;padding-right:10px;}
.product-list-type02 div.item .percent.down{background:url(../_Img/Layout/chart-down.png)no-repeat right center; color:#0874ed}
.product-list-type02 div.item .percent.up{background:url(../_Img/Layout/chart-up.png)no-repeat right center; color:#c62828;}




/* 제품 상세보기 */
.detail-view-wrap{overflow:hidden; padding-bottom:30px;}
.detail-view-wrap .fl{width:50%;padding-bottom:63px; position:relative; }
.detail-view-wrap .fr{ width:47%;}

.detail-slide-wrap { }
.detail-slide .slick-slide {text-align:center;}
.detail-slide .slick-slide img{width:500px;}
.detail-view-wrap .detail-slide .item {border:1px solid #dfdfdf}
.detail-view-wrap .detail-slide .item img{ width:100%;}
.detail-view-wrap .detail-thumb{overflow:hidden; margin:0 -5px;margin-top:30px;}
.detail-view-wrap .detail-thumb .item {border:1px solid #dfdfdf; float:left; margin:0 5px; }
.detail-view-wrap .detail-thumb .item.slick-current{position:relative;}
.detail-view-wrap .detail-thumb .item.slick-current:after{border:3px solid #212121;box-sizing:border-box;left:0; top:0; width:100%; height:100%;display:block; content:"";position:absolute;}
.detail-view-wrap .detail-thumb .item img{ width:100%; cursor:pointer}
.detail-view-wrap .slick-dots{display:none !important}


.detail-view-wrap  .detail-recommend{position:Absolute; left:0; bottom:0; width:100%; height:25px; text-align:center;}
.detail-view-wrap  .point{display:inline-block; margin-right:7px;font-weight:bold; color:#333; vertical-align:top; position:relative;margin-left:34px;}
.detail-view-wrap  .point span{font-weight:bold; color:#333; font-size:18px;}
.detail-view-wrap  .point .star{padding-left:124px; font-weight:300; color:#666; margin-left:10px; font-size:18px;font-weight:400; display:inline-block; vertical-align:top;}
.detail-view-wrap  .point .star1{background:url(../_Img/Sub/star-01.png) no-repeat left center;}
.detail-view-wrap  .point .star2{background:url(../_Img/Sub/star-02.png) no-repeat left center;}
.detail-view-wrap  .point .star3{background:url(../_Img/Sub/star-03.png) no-repeat left center;}
.detail-view-wrap  .point .star4{background:url(../_Img/Sub/star-04.png) no-repeat left center;}
.detail-view-wrap  .point .star5{background:url(../_Img/Sub/star-05.png) no-repeat left center}
.detail-view-wrap .recommend{display:inline-block; vertical-align:top; position:relative; padding-left:31px;margin-left:28px;font-size:16px; color:#666}
.detail-view-wrap .reply{display:inline-block; vertical-align:top; position:relative; padding-left:31px;margin-left:36px;font-size:16px;color:#666}
.detail-view-wrap .recommend:after,
.detail-view-wrap .reply:after{background:#e5e5e5; width:1px; height:12px; position:Absolute; left:-20px; top:50%; margin-top:-6px; display:block; content:""}
.detail-view-wrap .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:""}
.detail-view-wrap .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:""}
	

.detail-view-wrap .fr .buy-payment{ display:none;}
.detail-view-wrap .fr .buy-payment a.payment-btn{position:relative;margin-top:15px;display:block;background:#c62828; line-height:45px; color:#fff;text-align:center; font-size:15px; font-weight:600; height:45px;}
.detail-view-wrap .fr .buy-payment a.payment-btn:after{background:url(../_Img/Content/detail-arrow08.png) no-repeat center center; margin-left:-7px; width:14px; height:10px; position:absolute; left:50%;top:-20px; display:block; content:""}
.detail-view-wrap .fr .buy-payment a.payment-btn.active:after{background:url(../_Img/Content/detail-arrow09.png) no-repeat center center; }
	


.detail-view-wrap .fr .tit{ padding:0 30px 0 30px; font-size:24px; font-weight:bold; line-height:130%; color:#333; letter-spacing:-0.03em;}
.detail-view-wrap .fr .belong{ padding:15px 30px 15px 30px; font-size:18px; line-height:130%;font-weight:400; color:#666;border-bottom:1px solid #eaeaea}
.detail-view-wrap .fr .belong span{ font-weight:bold; color:#333;}

.detail-view-wrap .fr .krw {padding:20px 30px 20px 30px;border-bottom:1px solid #eaeaea;line-height:130%}
.detail-view-wrap .fr .krw .line{display:inline-block; font-weight:300; vertical-align:top;text-decoration:line-through; font-size:18px; color:#808080; }
.detail-view-wrap .fr .krw .percent{margin-left:5px;display:inline-block; vertical-align:top; font-size:18px;padding-right:14px; }
.detail-view-wrap .fr .krw .percent.down{background:url(../_Img/Layout/chart-down2.png)no-repeat right center; color:#0874ed}
.detail-view-wrap .fr .krw .percent.up{background:url(../_Img/Layout/chart-up2.png)no-repeat right center; color:#c62828;}
.detail-view-wrap .fr .krw .cred{display:block; font-size:28px; font-weight:bold ; color:#c62828; line-height:130%}

.detail-view-wrap .fr ul{padding:20px 30px 20px 30px;border-bottom:1px solid #eaeaea;line-height:130%}
.detail-view-wrap .fr ul li{font-size:0; margin-top:8px;}
.detail-view-wrap .fr ul li:first-child{margin-top:0;}
.detail-view-wrap .fr ul li span{display:inline-block; vertical-align:top; font-size:14px; color:#666}
.detail-view-wrap .fr ul li span.btxt{font-weight:600; color:#333; width:190px;}

.detail-view-wrap .fr .info{border:1px solid #dfdfdf; margin-top:20px; position:relative;}
.detail-view-wrap .fr .info h5{ height:50px; padding-left:28px; background:#f4f6f9; font-weight:bold; position:relative; font-size:16px; color:#444; line-height:50px}
.detail-view-wrap .fr .info-hanteo {margin-top:20px;}
.detail-view-wrap .fr .info-hanteo img {width: 100%;}

.detail-view-wrap .fr .info .is-con{padding:25px 30px; text-align:left; line-height:30px;}
.detail-view-wrap .fr .info .is-con .btxt {display:inline-block; vertical-align:top; width:300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:30px;}
.detail-view-wrap .fr .info .is-con .ctrl{display:inline-block; font-size:0; vertical-align:top; width:118px; height:28px; border:1px solid #dfdfdf;}
.detail-view-wrap .fr .info .is-con .ctrl .minus-btn{background:url(../_Img/Sub/minus-ico.png) no-repeat center; width:28px; height:28px; display:inline-block; vertical-align:top; border-right:1px solid #dfdfdf;}
.detail-view-wrap .fr .info .is-con .ctrl .plus-btn{background:url(../_Img/Sub/plus-ico.png) no-repeat center; width:28px; height:28px; display:inline-block; vertical-align:top; border-left:1px solid #dfdfdf;}
.detail-view-wrap .fr .info .is-con .ctrl input[type="text"]{border:none;width:60px; height:28px; color:#666; font-size:14px; text-align:center; display:inline-block; vertical-align:top; margin:0; padding:0;}
.detail-view-wrap .fr .info .is-con .sum.b{font-weight:bold; }
.detail-view-wrap .fr .info .is-con .sum{display:inline-block; width:140px; vertical-align:top; text-align:right; font-weight:300; color:#666; font-size:18px;}
.detail-view-wrap .fr .info .is-con .cred.sum{display:block; text-align:right; width:auto; font-weight:bold; font-size:30px;}

.detail-view-wrap .fr .info  .add-btn{ font-size:14px; font-weight:600; color:#333; position:absolute; right:20px;top:50%;margin-top:-10px;;height:20px; line-height:20px;background:url(../_Img/Sub/plus-ico.png) no-repeat right center; padding-right:20px;  }

.detail-view-wrap .fr .info .select-box{height:30px; min-width:198px;box-sizing:border-box; border:1px solid #dfdfdf ;margin-right:30px}
.detail-view-wrap .fr .info .select-box select{ font-size:13px; color:#666; height:28px;}


.detail-view-wrap .fr .info.btn{font-size:0; padding:32px 0 0 0; height:auto; line-height:auto;border:none;}
.detail-view-wrap .fr .info.btn a{width:48%;vertical-align:top; height:50px; font-size:18px; font-weight:600; text-align:center; display:inline-block;line-height:50px; ;box-sizing:border-box}
.detail-view-wrap .order-btn{background:#c62828; color:#fff; }
.detail-view-wrap .cart-btn{background:#4d4d4d; color:#fff; margin-left:10px;}
.detail-view-wrap .interest-btn{background:#f4f6f9; color:#444;border:1px solid #dfdfdf; margin-left:10px;}
	
.detail-view-wrap .fr .buy-payment{display:none !Important}
.detail-view-wrap .fr .info{display:block !important}


/* 제품 상세보기 */
.product-detail{overflow:hidden; }
/* .product-detail .fl{ width:900px} */


.detail-list02{padding:20px 30px 20px 30px;line-height:130%; border-top:1px solid #333}
.detail-list02 li{font-size:0; margin-top:10px;}
.detail-list02 li:first-child{margin-top:0;}
.detail-list02 li span{display:inline-block; vertical-align:top; font-size:14px; color:#666}
.detail-list02 li span.btxt{font-weight:600; color:#333; width:90px;}
	
	

.detail-tbl01 {border-spacing:0px;table-layout:fixed;width:100%;border-top:1px solid #333;clear:both;text-align:center;}
.detail-tbl01 th, .detail-tbl01 td { border-collapse:collapse;font-size:15px;border-bottom:1px solid #dadada;border-right:0;word-wrap:break-word;}
.detail-tbl01 th:first-child, .detail-tbl01 td:first-child {border-left:0;}
.detail-tbl01 thead th {padding:16px 5px;border-top:0; background:#938870;font-weight:500; color:#fff ; border-left:none; position:relative;} 
.detail-tbl01 thead th:after{width:1px ;height:14px; background:rgba(255,255,255,0.6); display:block; content:""; position:absolute; left:0; top:50%; margin-top:-7px}
.detail-tbl01 thead th:first-child:after{display:none;}
.detail-tbl01 thead th.vline {border-bottom:1px solid #dadada;} 
.detail-tbl01 tbody th{background:#f4f6f9;color:#333; font-weight:600;}
.detail-tbl01 tbody td {padding:14px 5px; color:#666;font-weight:300;}
.detail-tbl01 th.line, .detail-tbl01 td.line {border-right:1px solid #dadada;}
.detail-tbl01 th.l, .detail-tbl01 td.l, .detail-tbl01 td.left {padding-left:10px;}
.detail-tbl01 th.r, .detail-tbl01 td.r, .detail-tbl01 td.right {padding-right:10px;}



.relation-list{position:relative;}
.relation-list .u-tit01{padding-bottom:20px;border-bottom:1px solid #333 ;}
.relation-list .relation-ctrl{position:absolute; right:0; top:1px; width:61px; height:30px; font-size:0}
.relation-list .relation-ctrl .prev{border:1px solid #e5e5e5; margin-right:1px; background:url(../_Img/Content/relation-prev.png) no-repeat center center #fff; width:28px; height:28px; display:inline-block; vertical-align:top;}
.relation-list .relation-ctrl .next{border:1px solid #e5e5e5; background:url(../_Img/Content/relation-next.png) no-repeat center center #fff; width:28px; height:28px; display:inline-block; vertical-align:top;}
.relation-slide{overflow:hidden;margin:0 -1.5%;}

.relation-list .item{margin:0 1.5% 0 1.5% ; float:left; width:22%;}

.relation-list  span{display:block;text-align:center;}
.relation-list .img{border:1px solid #dfdfdf; position:relative;}
.relation-list .img img{width:100%;}
.relation-list .btxt{font-weight:bold; letter-spacing:-0.03em; color:#333; font-size:14px; height:36px; overflow:hidden; line-height:130%; padding-top:30px;/*font-family: 'ng';*/}
.relation-list .stxt{font-weight:300; color:#808080; font-size:13px; line-height:110%; margin-top:10px;}
.relation-list .ctxt{font-weight:600; color:#c62828; font-size:15px; line-height:110%;margin-top:10px;}

.relation-list .rtxt{position:absolute;background:#fff; right:14px; top:14px; width:50px; height:50px; border:5px solid #cecece; color:#ccc; border-radius:100%; line-height:50px; text-align:center; font-weight:600; font-size:12px;}
.relation-list .rtxt.best{border:5px solid #f24949; color:#f24949;}
.relation-list .rtxt.new{border:5px solid #f2ae49; color:#f2ae49;}
.relation-list .rtxt.d-day{border:5px solid #f27349; color:#f27349;}


.detail-reivew .list{border-top:1px solid #333}
.detail-reivew .list li{ position:relative; padding:20px 100px 20px 100px;border-bottom:1px solid #ccc; min-height:60px;}
.detail-reivew .list li .img{position:absolute; left:20px; width:60px; height:60px; top:50%;margin-top:-30px;}
.detail-reivew .list li .tit{ line-height:140%; font-size:14px; color:#333; display:table-cell; width:660px; height:60px; vertical-align:middle}
.detail-reivew .list li .for{  font-size:12px; position:absolute; right:20px; top:30px; width:100px; height:20px; line-height:130% ; color:#666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.detail-reivew .list li .date{ font-size:12px; position:absolute; right:20px; bottom:30px; width:100px; height:20px; line-height:130% ; color:#666;}

.detail-reivew-write{ background:#f4f6f9; height:60px; position:Relative; padding:30px 120px 30px 100px;}
.detail-reivew-write .img{ position:absolute; left:20px; top:20px; width:60px; height:60px;}
.detail-reivew-write .img:after{background:url(../_Img/Sub/reply-arrow.png) no-repeat; width:12px; height:8px; position:Absolute; left:50%;margin-left:-6px; bottom:-16px; display:block; content:""}
.detail-reivew-write textarea{border:none;font-size:14px; background:none; width:100%; box-sizing:border-box; height:60px;}
.detail-reivew-write  .write-btn{width:60px; height:60px;box-sizing:border-box; background:#4d4d4d; color:#fff; font-size:14px; text-align:center; position:Absolute; right:20px; top:30px; line-height:120%; padding-top:13px;}
	
.detail-qna .list{border-top:1px solid #333}
.detail-qna .list li{ position:relative; padding:20px 100px 20px 100px;border-bottom:1px solid #ccc; min-height:60px;}
.detail-qna .list li .img{position:absolute; left:20px; width:60px; height:60px; top:50%;margin-top:-30px;}
.detail-qna .list li .tit{ line-height:140%; font-size:14px; color:#333; display:table-cell; width:660px; height:60px; vertical-align:middle}
.detail-qna .list li .for{  font-size:12px; position:absolute; right:20px; top:30px; width:100px; height:20px; line-height:130% ; color:#666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.detail-qna .list li .date{ font-size:12px; position:absolute; right:20px; bottom:30px; width:100px; height:20px; line-height:130% ; color:#666;}

.detail-qna-write{ background:#f4f6f9; height:60px; position:Relative; padding:30px 120px 30px 100px;}
.detail-qna-write .img{ position:absolute; left:20px; top:20px; width:60px; height:60px;}
.detail-qna-write .img:after{background:url(../_Img/Sub/reply-arrow.png) no-repeat; width:12px; height:8px; position:Absolute; left:50%;margin-left:-6px; bottom:-16px; display:block; content:""}
.detail-qna-write textarea{border:none;font-size:14px; background:none; width:100%; box-sizing:border-box; height:60px;}
.detail-qna-write  .write-btn{width:60px; height:60px;box-sizing:border-box; background:#4d4d4d; color:#fff; font-size:14px; text-align:center; position:Absolute; right:20px; top:30px; line-height:120%; padding-top:13px;}


.detail-read{padding:50px 40px; border:1px solid #dfdfdf ; line-height:160%}
.detail-read h4{ font-size:18px; color:#333; font-weight:bold;}

.movie-list-wrap{position:relative;}
.movie-list-wrap .u-tit01{padding-bottom:20px;border-bottom:1px solid #333 ;}
.movie-list-wrap .movie-ctrl{position:absolute; right:0; top:1px; width:61px; height:30px; font-size:0}
.movie-list-wrap .movie-ctrl .prev{border:1px solid #e5e5e5; margin-right:1px; background:url(../_Img/Content/relation-prev.png) no-repeat center center #fff; width:28px; height:28px; display:inline-block; vertical-align:top;}
.movie-list-wrap .movie-ctrl .next{border:1px solid #e5e5e5; background:url(../_Img/Content/relation-next.png) no-repeat center center #fff; width:28px; height:28px; display:inline-block; vertical-align:top;}
.movie-list-wrap  .movie-slide{overflow:hidden;margin:0 -1%;}
.movie-list-wrap .item{margin:0 1% 0 1% ; float:left; width:23%;}
.movie-list-wrap .item img{width:100%;}
.movie-list-wrap .item a{display:block; position:relative}
.movie-list-wrap .item a:after{background:url(../_Img/Content/movie-ico.png) no-repeat; width:28px; height:28px; position:absolute; left:50%;margin-left:-14px; top:50%;margin-top:-14px;display:block; content:""}


.buyer-list-wrap{border-top:1px solid #333}
.buyer-list-wrap thead th{ border-bottom:1px solid #d6d6d6;text-align:center; font-size:14px; font-weight:600; padding:15px 0;}
.buyer-list-wrap tbody td{border-bottom:1px solid #e5e5e5; text-align:center; font-size:14px; color:#666;padding:15px 0;}
.buyer-list-wrap .usa{padding-left:36px; font-size:14px; color:#666; background:url(../_Img/Content/usa-ico.jpg) no-repeat left center;  line-height:20px;}
.buyer-list-wrap .japan{padding-left:36px; font-size:14px; color:#666; background:url(../_Img/Content/japan-ico.jpg) no-repeat left center;  line-height:20px;}
.buyer-list-wrap .korea{padding-left:36px; font-size:14px; color:#666; background:url(../_Img/Content/korea-ico.jpg) no-repeat left center;  line-height:20px;}
.buyer-list-wrap .china{padding-left:36px; font-size:14px; color:#666; background:url(../_Img/Content/china-ico.jpg) no-repeat left center;  line-height:20px;}



.product-detail .info-right{border:1px solid #dfdfdf; margin-top:30px; position:relative;}
.product-detail .info-right h5{ height:50px;  background:#f4f6f9; font-weight:bold; position:relative;text-align:center; font-size:16px; color:#444; line-height:50px}
.product-detail .info-right h5.l{padding-left:28px}
.product-detail .info-right .is-con{padding:25px 30px; text-align:left; line-height:30px;}
.product-detail .info-right .is-con .btxt {display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product-detail .info-right .is-con .ctrl{display:block; margin:6px 0; font-size:0; vertical-align:top;  height:28px; border:1px solid #dfdfdf;}
.product-detail .info-right .is-con .ctrl .minus-btn{background:url(../_Img/Sub/minus-ico.png) no-repeat center; width:28px; height:28px; display:inline-block; vertical-align:top; border-right:1px solid #dfdfdf;}
.product-detail .info-right .is-con .ctrl .plus-btn{background:url(../_Img/Sub/plus-ico.png) no-repeat center; width:28px; height:28px; display:inline-block; vertical-align:top; border-left:1px solid #dfdfdf;}
.product-detail .info-right .is-con .ctrl input[type="text"]{border:none;width:118px; height:28px; color:#666; font-size:14px; text-align:center; display:inline-block; vertical-align:top; margin:0; padding:0;}

.product-detail .info-right .is-con .sum.b{font-weight:bold; }
.product-detail .info-right .is-con .sum{display:block;  vertical-align:top; text-align:right; font-weight:300; color:#666; font-size:14px;}
.product-detail .info-right .is-con .cred.sum{display:block; text-align:right; width:auto; font-size:18px; font-weight:bold}

.product-detail .info-right  .add-btn{ font-size:14px; font-weight:600; color:#333; position:absolute; right:20px;top:50%;margin-top:-10px;;height:20px; line-height:20px;background:url(../_Img/Sub/plus-ico.png) no-repeat right center; padding-right:20px;  }

.product-detail .info-right .select-box{height:30px; min-width:178px;box-sizing:border-box; border:1px solid #dfdfdf ;}
.product-detail .info-right .select-box select{ font-size:13px; color:#666; height:28px;}


.product-detail .info-right .btn{font-size:0; padding:25px 30px;}
.product-detail .info-right .btn a{width:auto;vertical-align:top; height:50px; font-size:18px; font-weight:600; text-align:center; display:block;line-height:48px; ;box-sizing:border-box}
.product-detail .info-right .order-btn{background:#c62828; color:#fff; }
.product-detail .info-right .cart-btn{background:#4d4d4d; color:#fff; margin-top:10px;}
.product-detail .info-right .interest-btn{background:#f4f6f9; color:#444;border:1px solid #dfdfdf; margin-top:10px;}









/* 아티스트 */
.artistNav{padding:28px 20px;background:#f4f6f9; min-height:1550px;box-sizing:border-box;}
.artistNav h3{font-size:15px; font-weight:bold; color:#333; height:34px; border-bottom:1px solid #dbdde0}
.artistNav h4{margin-top:15px; height:29px; font-size:14px; font-weight:600;}

.artistNav .select-box{height:30px; min-width:198px;box-sizing:border-box; border:1px solid #dfdfdf ;}
.artistNav .select-box select{ font-size:13px; color:#666; height:28px;}

.artistNav .check-box{margin-right:9px}
.artistNav .check-box label{line-height:20px; font-size:13px; color:#666 ;padding-left:26px;}
.artistNav .check-box label:after{ background-color:#fff !important; width:18px; height:18px; top:-1px;}
.artistNav .check-box input[type="checkbox"]:checked + label:after{background:url(../_Img/Sub/check-on2.png) no-repeat center center}

.artistNav .radio-box{margin-right:9px}
.artistNav .radio-box label{line-height:20px; font-size:13px; color:#666 ;padding-left:25px;}
.artistNav .radio-box label:after{width:18px; height:18px;background-color:#fff !important; position:absolute; border-radius:100%; left:0; top:-1px ;border:1px solid #bdbdbd; display:block; content:""; z-index:65}
.artistNav .radio-box input[type="radio"]:checked + label:before{ position:absolute; width:12px; height:12px; background:#c62828 !important; border-radius:100%; left:4px; top:3px; display:block; content:""; z-index:76}


.artistNav .list-ver li:first-child{margin-top:0}
.artistNav .list-ver li{margin-top:6px}

.artistNav .list-hoz{font-size:0;}
.artistNav .list-hoz li{ display:inline-block; vertical-align:top;}




.artist-search{box-sizing:border-box; padding:7px;background:#f4f6f9; position:relative;}
.artist-search.w930{ width:930px; margin:0 auto}
.artist-search input[type="text"]{height:60px;border:none; text-align:center; font-size:18px; width:100%; box-sizing:border-box; padding:0 100px 0 0; margin:0}
.artist-search .btn{ width:72px; height:60px; background:url(../_Img/Sub/artist-search.png) no-repeat center center; position:absolute; right:7px; top:7px; border:none;}


.artist-list-wrap{padding-top:30px; margin:0 -1.5%; overflow:hidden}
.artist-list-wrap .item{margin:0 1.5% 40px 1.5%; width:22%; float:left;text-align:center;}
.artist-list-wrap .item .img{border:1px solid #dfdfdf; display:block;}
.artist-list-wrap .item .img img{width:100%;}
.artist-list-wrap .item .name{display:block; margin-top:18px; text-align:center; font-size:18px; font-weight:bold; color:#333 ; height:25px;}
.artist-list-wrap .item .belong{display:block; text-align:center; font-size:13px; font-weight:400; color:#808080 ; height:25px;}
.artist-list-wrap .item .txt{display:block; overflow:hidden; height:54px; text-align:center; font-size:13px; font-weight:400; color:#808080 ; margin-bottom:10px; line-height:140%;}
.artist-list-wrap .item .week-lank{display:inline-block; color:#333; font-size:13px; font-weight:400;}
.artist-list-wrap .item .week-lank i{ color:#c62828}
.artist-list-wrap .item .week-lank span{color:#666}
.artist-list-wrap .item .ico{margin-top:18px; background:#fafafa; text-align:center; padding:15px 0; }
.artist-list-wrap .item .recommend{display:inline-block; line-height:20px; vertical-align:top; position:relative; padding-left:25px;margin-left:20px;font-size:13px; color:#666}
.artist-list-wrap .item .goods{display:inline-block; line-height:20px; vertical-align:top; position:relative; padding-left:25px;margin-left:0;font-size:13px; color:#666}
.artist-list-wrap .item .reply{display:inline-block; line-height:20px; vertical-align:top; position:relative; padding-left:25px;margin-left:20px;font-size:13px;color:#666}
.artist-list-wrap .item .recommend:after,
.artist-list-wrap .item .reply:after{background:#e5e5e5; width:1px; height:12px; position:Absolute; left:-14px; top:50%; margin-top:-6px; display:block; content:""}
.artist-list-wrap .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:""}
.artist-list-wrap .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:""}
.artist-list-wrap .item .goods:before{ width:20px; height:20px; position:Absolute; left:0; top:50%;margin-top:-10px; background:url(../_Img/Sub/goods-ico.png) no-repeat center center ;background-size:20px auto; display:block; content:""}

/* by 87parkjw */
.bts .artist-list-wrap hr {display: block;}
.bts .artist-list-wrap .item {width:22%; display:inline-block; text-align:center;}
.bts .artist-list-wrap .item-line {display: inline-block; border-top: 1px solid #eeeeee; width: 100%; opacity: 0;}



/*아티스트 상세보기*/
.artist-view-wrap{position:relative;}
.artist-view-wrap .is-top{position:relative;}
.artist-view-wrap .is-top .img{background-color: #000;}
.artist-view-wrap .is-top .img img{height:344px;}
.artist-view-wrap .is-con{position:relative;}
/*.artist-view-wrap .img img{width:100%;} */
.artist-view-wrap .mobile-img{display:none}
.artist-view-wrap .rank{ left:107px; bottom:18%; width:70px; height:56px; position:absolute;}
.artist-view-wrap .rank img{width:138px;}
.artist-view-wrap .txt{ width:290px; height:30px; position:absolute; line-height:30px; left:0; bottom:8%; text-align:center; color:#fff; font-size:16px;display:none;}




.artist-view-wrap .fl{float:left; width:20%;display:none;}
.artist-view-wrap .fr{float:right; width:80%; box-sizing:border-box; padding-left:5%}

.artist-view-wrap .c-01{min-height:170px; overflow:hidden; box-sizing:border-box; padding:30px 0;border-bottom:1px solid #e5e5e5; text-align: center;}
.artist-view-wrap .c-01 .tit{line-height:120%; font-weight:bold; color:#333; font-size:30px;text-align:center; letter-spacing:-0.04em;}
.artist-view-wrap .c-01 .belong{text-align:center; color:#808080; font-size:13px; margin-top:10px}
.artist-view-wrap .c-01 .fr{text-align:left; color:#808080; font-size:13px ;line-height:170%; padding-right:4%}

.artist-view-wrap .c-01 .ico{margin-top:18px; text-align:center;}
.artist-view-wrap .c-01 .recommend{display:inline-block; line-height:20px; vertical-align:top; position:relative; padding-left:25px;margin-left:20px;font-size:13px; color:#666}
.artist-view-wrap .c-01 .goods{display:inline-block; line-height:20px; vertical-align:top; position:relative; padding-left:25px;margin-left:0;font-size:13px; color:#666}
.artist-view-wrap .c-01 .reply{display:inline-block; line-height:20px; vertical-align:top; position:relative; padding-left:25px;margin-left:20px;font-size:13px;color:#666}
.artist-view-wrap .c-01 .recommend:after,
.artist-view-wrap .c-01 .reply:after{background:#e5e5e5; width:1px; height:12px; position:Absolute; left:-14px; top:50%; margin-top:-6px; display:block; content:""}
.artist-view-wrap .c-01 .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:""}
.artist-view-wrap .c-01 .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:""}
.artist-view-wrap .c-01 .goods:before{ width:20px; height:20px; position:Absolute; left:0; top:50%;margin-top:-10px; background:url(../_Img/Sub/goods-ico.png) no-repeat center center ;background-size:20px auto; display:block; content:""}



.artist-view-wrap .c-02{overflow:hidden; box-sizing:border-box; padding:30px 0;border-bottom:1px solid #e5e5e5}
.artist-view-wrap .c-02 .tit{line-height:120%; font-weight:bold; padding-right:25px; color:#333; font-size:24px;text-align:right; letter-spacing:-0.04em;}
.artist-view-wrap .c-02 li{ font-size:0 ;margin-top:7px;}
.artist-view-wrap .c-02 li:first-child{margin-top:0;}
.artist-view-wrap .c-02 li span{display:inline-block ;vertical-align:top; font-size:14px; color:#666; line-height:19px;}
.artist-view-wrap .c-02 li .date{ width:90px;}
.artist-view-wrap .c-02 li .headset{padding-left:27px; background:url(../_Img/Sub/headset-ico.png) no-repeat left center}
.artist-view-wrap .c-02 li .brithday{padding-left:27px; background:url(../_Img/Sub/birthday-ico.png) no-repeat left center}
.artist-view-wrap .c-02 li .meeting{padding-left:27px; background:url(../_Img/Sub/mice-ico.png) no-repeat left center}

.artist-view-wrap .c-03{overflow:hidden; box-sizing:border-box; padding:25px 0;}
.artist-view-wrap .c-03 .tit{line-height:120%; font-weight:bold; padding-right:25px; color:#333; font-size:24px;text-align:right; letter-spacing:-0.04em;}
.artist-view-wrap .c-03 .graph img{ width:100%;}
.artist-view-wrap .c-03 .stxt{display:none;}
.artist-view-wrap .c-03 .stxt i{display:inline-block; margin-left:15px;}


.reply-list-wrap{}
.reply-list-wrap .list li{ position:relative; padding:20px 100px 20px 100px;border-bottom:1px solid #ccc; min-height:60px;}
.reply-list-wrap .list li .img{position:absolute; left:20px; width:60px; height:60px; top:50%;margin-top:-30px;}
.reply-list-wrap .list li .tit{ line-height:140%; font-size:14px; color:#333; display:table-cell; width:660px; height:60px; vertical-align:middle}
.reply-list-wrap .list li .for{  font-size:12px; position:absolute; right:20px; top:30px; width:100px; height:20px; line-height:130% ; color:#666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reply-list-wrap .list li .date{ font-size:12px; position:absolute; right:20px; bottom:30px; width:100px; height:20px; line-height:130% ; color:#666;}
.reply-list-wrap .list li.reply .tit{padding-left:15px; background:url(../_Img/Sub/reply-ico.jpg)no-repeat left center}
.reply-write-wrap{ background:#f4f6f9; height:60px; position:Relative; padding:30px 120px 30px 100px;}
.reply-write-wrap .img{ position:absolute; left:20px; top:20px; width:60px; height:60px;}
.reply-write-wrap .img:after{background:url(../_Img/Sub/reply-arrow.png) no-repeat; width:12px; height:8px; position:Absolute; left:50%;margin-left:-6px; bottom:-16px; display:block; content:""}
.reply-write-wrap textarea{border:none;font-size:14px; background:none; width:100%; box-sizing:border-box; height:60px;}
.reply-write-wrap  .write-btn{width:60px; height:60px;box-sizing:border-box; background:#4d4d4d; color:#fff; font-size:14px; text-align:center; position:Absolute; right:20px; top:30px; line-height:120%; padding-top:13px;}

/* 이벤트 */
.event-searh-wrap{ height:50px;background:#f4f6f9; box-sizing:border-box; padding:10px 20px}
.event-searh-wrap .select-box{height:30px; min-width:160px;box-sizing:border-box;}
.event-searh-wrap .select-box select{ font-size:13px; color:#666; height:28px;}
.event-searh-wrap input[type="text"]{margin-left:9px;height:28px; border:1px solid #d32f2f; width:238px;display:inline-block; vertical-align:top; text-indent:5px; font-size:13px; color:#333;}
.event-searh-wrap .fl{width:35% ;font-size:0}
.event-searh-wrap .fl .select-box{width:30%;min-width:auto;}
.event-searh-wrap .fl input[type="text"]{width:60%}
.event-searh-wrap .fl .btn{background:url(../_Img/Sub/event-search.png) no-repeat center center #d32f2f; border:none; display:inline-block; vertical-align:top; width:29px; height:30px; }

.event-searh-wrap .fr{ width:30%;text-align:right; font-size:0}
.event-searh-wrap .fr .select-box{width:48%;min-width:auto;margin-left:1%;}




.event-select-wrap{ padding:40px 0; text-align:center;}
.event-select-wrap .tit{display:inline-block; vertical-align:top; line-height:20px; margin-right:10px; font-size:18px; font-weight:600; color:#333; padding-right:15px;}
.event-select-wrap .check-box{margin-right:9px}
.event-select-wrap .check-box label{line-height:20px; font-size:13px; color:#666 ;padding-left:26px;}
.event-select-wrap .check-box label:after{ background-color:#fff !important; width:18px; height:18px; top:-1px;}
.event-select-wrap .check-box input[type="checkbox"]:checked + label:after{background:url(../_Img/Sub/check-on2.png) no-repeat center center}
	
.event-list-wrap .u-tit01{}
.event-list-wrap .list{ border-top:1px solid #333;}
.event-list-wrap li{position:relative; padding:30px 0 30px 53%; min-height:200px;border-bottom:1px solid #eaeaea}
.event-list-wrap li .img{position:absolute; left:0; top:30px; width:50%}
.event-list-wrap li .img img{width:100%}
.event-list-wrap li a{ display:block;}
.event-list-wrap li .cate{ display:inline-block; line-height:22px; border:1px solid #dfdfdf; color:#666; font-size:13px; font-weight:bold; vertical-align:top; padding:0 6px;}
.event-list-wrap li .cate.red{border:1px solid #f24949; color:#f24949}
.event-list-wrap li .cate.blue{border:1px solid #49baf2; color:#49baf2}
.event-list-wrap li .cate.orange{border:1px solid #f27349; color:#f27349}
.event-list-wrap li .cate.violet{border:1px solid #ba49f2; color:#ba49f2}
.event-list-wrap li .cate.yellow{border:1px solid #f2ae49; color:#f2ae49}

.event-list-wrap li .tit{ font-size:22px; font-weight:800; line-height:130%; color:#333; display:block; padding:18px 0 15px 0}
.event-list-wrap li .date{display:block; font-weight:bold; color:#333}
.event-list-wrap li .date i{ color:#f24949; padding-left:7px;}
.event-list-wrap li .txt{ font-size:14px; color:#666; line-height:160%; font-weight:400; display:block; margin-top:10px;}


.event-list-wrap li.end a .img:before{ position:absolute ; background:rgba(0,0,0,0.6); width:100%; height:100%; display:block; content:"";  left:0; top:0; z-index:3}
.event-list-wrap li.end a .img:after{ position:absolute ; left:0; top:50%;margin-top:-14px; width:100%; height:28px; line-height:28px; color:#fff; font-weight:400; z-index:5; font-size:24px; text-align:center; display:block; content:"종료된 이벤트 입니다"}



/* 게시판 */
.board-searh-wrap{ height:50px;background:#f4f6f9; box-sizing:border-box; padding:10px 20px}
.board-searh-wrap .select-box{height:30px; min-width:160px;box-sizing:border-box;}
.board-searh-wrap .select-box select{ font-size:13px; color:#666; height:28px;}
.board-searh-wrap input[type="text"]{margin-left:9px;height:28px; border:1px solid #d32f2f; width:238px;display:inline-block; vertical-align:top; text-indent:5px; font-size:13px; color:#333;}
.board-searh-wrap .fl{width:58% ;font-size:0}
.board-searh-wrap .fl .select-box{width:30%;min-width:auto;}
.board-searh-wrap .fl input[type="text"]{width:60%}
.board-searh-wrap .fl .btn{background:url(../_Img/Sub/event-search.png) no-repeat center center #d32f2f; border:none; display:inline-block; vertical-align:top; width:29px; height:30px; }

.board-searh-wrap .fr{ width:40%;text-align:right; font-size:0}
.board-searh-wrap .fr .select-box{width:48%;min-width:auto;margin-left:1%;}
/* .board-searh-wrap .fl .select-box{width:20%; min-width:auto;} */
.board-searh-wrap .fr input[type="text"]{width:60%}
.board-searh-wrap .fr .btn{background:url(../_Img/Sub/event-search.png) no-repeat center center #d32f2f; border:none; display:inline-block; vertical-align:top; width:29px; height:30px; }


.board-search-result{ padding:40px 0;  text-align:center;}
.board-search-result p{font-size:24px ;line-height:20px; color:#333; font-weight:600; display:inline-block;vertical-align:top}
.board-search-result p span{color:#c62828;}
	




.board-list-wrap table {table-layout:fixed;border-top:1px solid #333}
.board-list-wrap table thead th{font-size:14px;text-align:center; font-weight:600; padding:15px 0 13px 0px; color:#333; position:relative;border-bottom:1px solid #d6d6d6}
.board-list-wrap table thead th:first-child:after{display:none}
.board-list-wrap table tbody th{font-size:14px; text-align:center; padding:19px 5px 17px 5px; border-bottom:1px solid #e5e5e5;color:#666; }
.board-list-wrap table tbody td{font-size:14px; text-align:center; padding:19px 5px 17px 5px; border-bottom:1px solid #e5e5e5;color:#666; font-weight:300;} 
.board-list-wrap table tbody td.l{padding-left:20px;}
.board-list-wrap table tbody td:first-child{color:#7b7b7b}
.board-list-wrap table tbody td a{color:#222; }
.board-list-wrap table tbody td.l a{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-list-wrap table tbody td a:hover{text-decoration:none;}
.board-list-wrap table tbody tr:hover{background:#f4f6f9}
.board-list-wrap table tbody tr {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
/* .board-list-wrap tr.notice {background:#f9f9f9} */
.board-list-wrap tr.notice td, .board-list-wrap tr.notice td:first-child {color:#333; font-weight:600}
.board-list-wrap tr.notice td a{color:#333}
	


.board-write-wrap table {table-layout:fixed;border-top:1px solid #333}
.board-write-wrap table thead th{font-size:14px;text-align:center; font-weight:600; padding:16px 0 14px 0px; color:#333; position:relative;}
.board-write-wrap table tbody th{font-size:14px; text-align:center; line-height:30px; vertical-align:top; font-weight:600; padding:11px 5px 11px 5px; border-bottom:1px solid #e5e5e5;color:#222; background:#f4f6f9; line-height:130%; vertical-align:middle}
.board-write-wrap table tbody td{font-size:13px;  line-height:30px; vertical-align:top;vertical-align:top;padding:11px 20px 11px 20px; border-bottom:1px solid #e5e5e5;color:#666; font-weight:300;} 
.board-write-wrap table tbody td.c{padding-left:5px;text-align:center;}
.board-write-wrap table tbody td.r{padding-right:20px;text-align:right;}
.board-write-wrap table tbody td a{color:#222}
.board-write-wrap table tbody td a:hover{text-decoration:none;}
.board-write-wrap table tbody td .editor-data-box{min-height:200px}
.board-write-wrap textarea{width:100%; box-sizing:border-box; border:1px solid #e5e5e5; padding:15px; font-size:13px; }
.board-write-wrap input[type="text"], .board-write-wrap input[type="password"]{background:#fff; border:1px solid #e5e5e5; height:28px; text-indent:10px;}
.board-write-wrap .select-box{height:30px; min-width:160px;box-sizing:border-box;border:1px solid #e5e5e5}
.board-write-wrap .select-box select{ font-size:13px; color:#666; height:28px;}
.board-write-wrap .rtxt{line-height:28px; display:inline-block; vertical-align:top; margin-left:10px;}
.board-write-wrap .in-titl{width:90px;}



.board-view-wrap table {table-layout:fixed;border-top:1px solid #333}
.board-view-wrap table thead th{font-size:14px;text-align:center; font-weight:600; padding:16px 0 14px 0px; color:#333; position:relative;}
.board-view-wrap table tbody th{font-size:14px; text-align:center; line-height:30px; vertical-align:top; font-weight:600; padding:11px 5px 11px 5px; border-bottom:1px solid #e5e5e5;color:#222; background:#f4f6f9; line-height:130%; vertical-align:middle}
.board-view-wrap table tbody td{font-size:13px;  line-height:30px; vertical-align:top;vertical-align:top;padding:11px 20px 11px 20px; border-bottom:1px solid #e5e5e5;color:#666; font-weight:300;} 
.board-view-wrap table tbody td.c{padding-left:5px;text-align:center;}
.board-view-wrap table tbody td.r{padding-right:20px;text-align:right;}
.board-view-wrap table tbody td a{color:#222}
.board-view-wrap table tbody td a:hover{text-decoration:none;}
.board-view-wrap table tbody td .editor-data-box{min-height:200px}
.board-view-wrap textarea{width:100%; box-sizing:border-box; border:1px solid #e5e5e5; padding:15px; font-size:13px; }
.board-view-wrap input[type="text"], .board-view-wrap input[type="password"]{background:#fff; border:1px solid #e5e5e5; height:28px; text-indent:10px;}
.board-view-wrap .select-box{height:30px; min-width:160px;box-sizing:border-box;border:1px solid #e5e5e5}
.board-view-wrap .select-box select{ font-size:13px; color:#666; height:28px;}
.board-view-wrap .rtxt{line-height:28px; display:inline-block; vertical-align:top; margin-left:10px;}


.answer-wrap{background:#fafafa; padding:40px;}
.answer-wrap .stats{display:inline-block; vertical-align:top; width:80px; height:30px; text-align:center; font-weight:600; color:#fff; line-height:30px; font-size:14px;}
.answer-wrap .stats.end{background:#c62828}
.answer-wrap .write{ line-height:30px; margin-left:15px; font-size:13px; color:#666;display:inline-block; vertical-align:top;}
.answer-wrap .date{display:inline-block; vertical-align:top;line-height:30px; font-size:13px; color:#666; position:relative; margin-left:20px; position:relative;}
.answer-wrap .date:after{width:1px;height:12px; top:50%;margin-top:-6px; display:block; content:""; position:absolute; left:-12px;background:#dfdfdf; }
.answer-wrap .txt{ line-height:160% ; font-size:13px; font-weight:400; margin-top:15px;}





.chart-sec01{position:relative; }
.chart-sec01:after{background:#f4f6f9; width:2000px; height:100%; z-index:-1; margin-left:-1000px; top:0; left:50%; position:absolute; display:block; content:""}

.chart-sec01 .slide-tab{position:absolute; top:5px; height:36px; left:0; width:100%; font-size:0;text-align:center;}
.chart-sec01 .slide-tab .chart-thumnail{width:300px; margin:0 auto;text-align:center;}
.chart-sec01 .slide-tab div.item{min-height:auto; margin:0 1%;}

.chart-sec01 .slide-tab div.slick-current a{display:block; vertical-align:top; }
.chart-sec01 .slide-tab div a{display:inline-block;; padding:0 ; font-size:24px; font-weight:600; line-height:130%; color:#333 }

.chart-wrap{position:relative; z-index:2}
.chart-sec01 .chart-ctrl{position:relative; z-index:9999}
.chart-sec01 .chart-ctrl .prev , .chart-sec01 .chart-ctrl .next{width:21px; height:40px; position:absolute; top:390px;}
.chart-sec01 .chart-ctrl .prev{left:0;background:url(../_Img/Content/chart-prev.png) no-repeat center center}
.chart-sec01 .chart-ctrl .next{right:0;background:url(../_Img/Content/chart-next.png) no-repeat center center}

.chart-slide {margin:0 -30px;}
.chart-slide .item{margin:0 30px;}
.chart-slide .slick-list{overflow:visible !Important}
.chart-slide .slick-list .item{opacity:0.3;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.chart-slide .slick-list .item.slick-active{opacity:1}

.chart-slide .slick-list .item.slick-active .c-01{opacity:1;}
.chart-slide .slick-list .item.slick-active .c-02{opacity:1;}
.chart-slide .slick-list .item.slick-active .c-03{opacity:1;}


.chart-sec01 .ab{position:absolute; left:50%; top:0; width:2000px; height:815px;margin-left:-1000px; }
.chart-sec01 .ab .ov{max-width:1200px; margin:0 auto; position:relative; height:815px;}

.chart-sec01 .chart-rank{position:relative; height:815px;}
.chart-sec01 .c-01, .chart-sec01 .c-02, .chart-sec01 .c-03{opacity:0.3;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.chart-sec01 .c-01{ width:300px; height:361px; top:244px; left:50%;margin-left:-150px; position:absolute;}
.chart-sec01 .c-02{ width:220px; height:281px; top:346px; left:168px;position:absolute;}
.chart-sec01 .c-03{ width:220px; height:281px; top:447px; right:168px;position:absolute;}
.chart-img1 { width:100%;}
.chart-img2 { width:100%;}
.chart-img3 { width:100%;}

.chart-sec01 .c-01:after{background:url(../_Img/Content/rank-bg01.png) no-repeat; width:40px; height:32px; position:absolute; left:5px; top:-200px; display:block; content:""}
.chart-sec01 .c-02:after{background:url(../_Img/Content/rank-bg02.png) no-repeat; width:40px; height:32px; position:absolute; left:0; top:-200px; display:block; content:""}
.chart-sec01 .c-03:after{background:url(../_Img/Content/rank-bg03.png) no-repeat; width:40px; height:32px; position:absolute; left:0; top:-200px; display:block; content:""}



.chart-sec01 .ab-txt{position:absolute; left:0; width:100%; height:100px; top:-155px;box-sizing:border-box; padding-left:60px;}
.chart-sec01 .ab-txt .rank{ font-weight:bold; color:#333;font-size:100px; position:absolute; left:-5px; top:0; line-height:73px}
.chart-sec01 .ab-txt .btxt{ font-size:14px; font-weight:600; display:block;}
.chart-sec01 .ab-txt .btxt .album-txt{ text-overflow: ellipsis;}
.chart-sec01 .ab-txt .stxt{ font-size:14px; font-weight:400; display:block;margin-top:3px;}
.chart-sec01 .ab-txt .ranking{color:#666; padding-left:22px; line-height:16px; display:block; margin-top:7px;}
.chart-sec01 .ab-txt .ranking.up{background:url(../_Img/Content/chart-up.png) no-repeat left center;}
.chart-sec01 .ab-txt .ranking.default{background:url(../_Img/Content/chart-default.jpg) no-repeat left center;text-indent:-9999px}
.chart-sec01 .ab-txt .ranking.down{background:url(../_Img/Content/chart-down.png) no-repeat left center;}
.chart-sec01 .img .name{position:absolute; left:0;bottom:0;background:#fff; line-height:60px; width:100%; height:60px; font-size:18px; font-weight:bold; text-align:center; color:#333;box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.1);}



.chart-sec01 .prev-info, .chart-sec01 .next-info{ width:108px;line-height:30px; height:30px; text-align:center; font-size:18px; color:#333;top:395px; position:absolute;}
.chart-sec01 .prev-info{left:21px;}
.chart-sec01 .next-info{right:21px;} 



.chart-reply{margin:0 -2%; overflow:hidden}
.chart-reply-tab{display:none; }
.chart-reply-tab ul{overflow:hidden; position:relative;}
.chart-reply-tab ul:after{background:#b3b3b3; width:1px ;height:100%; position:absolute; left:0; top:0; display:block; content:""; z-index:2}
.chart-reply-tab ul:before{background:#b3b3b3; width:1px ;height:100%; position:absolute; right:0; top:0; display:block; content:""; z-index:2}
.chart-reply-tab li{ float:left; width:33.3333333% ;position:Relative; z-index:1}
.chart-reply-tab a{display:table; width:100%;box-sizing:border-box;  color:#999; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;text-align:center; height:30px; font-size:15px; font-weight:600; padding:5px 5px; text-align:center; background:#fff;}
.chart-reply-tab a:before{background:#b3b3b3; width:1px ;height:100%; position:absolute; left:-1px; top:0; display:block; content:"";}
.chart-reply-tab a span{display:table-cell;margin:0 auto; vertical-align:middle;height:30px; line-height:100%; font-size:13px;}
.chart-reply-tab li.active a { color:#333; border:2px solid #333; height:28px;}
.chart-reply-tab li.active a span{height:28px;}
.chart-reply-tab li.active{z-index:56;}
.chart-reply-tab li.active a:before{display:none}



.chart-reply .b-01, .chart-reply .b-02, .chart-reply .b-03{float:left; margin:0 2%; width:29.333333%; float:left; height:695px;}
.chart-reply h4{line-height:30px; text-align:center; font-size:22px; font-weight:600; color:#333; height:46px; border-bottom:1px solid #7a7b7c}

.chart-reply .list{border-top:1px solid #333}
.chart-reply .list li{ position:relative; padding:20px 100px 20px 100px;border-bottom:1px solid #ccc; min-height:60px;}
.chart-reply .list li .img{position:absolute; left:20px; width:60px; height:60px; top:50%;margin-top:-30px;}
.chart-reply .list li .tit{ line-height:140%; font-size:14px; color:#333; display:block; width:auto; height:auto; padding:10px 0 2px 0; vertical-align:middle;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chart-reply .list li .for{ display:block;color:#666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:12px; }
.chart-reply .list li .date{ font-size:12px; position:absolute; right:10px;line-height:20px; bottom:27px; text-align:right; height:20px; color:#666;}

.chart-reply .write{ background:#fff; height:60px; position:relative; padding:30px 90px 30px 100px; margin-top:29px;}
.chart-reply .write .img{ position:absolute; left:20px; top:20px; width:60px; height:60px;}
.chart-reply .write .img:after{background:url(../_Img/Sub/reply-arrow.png) no-repeat; width:12px; height:8px; position:Absolute; left:50%;margin-left:-6px; bottom:-16px; display:block; content:""}
.chart-reply .write textarea{border:none;font-size:14px; background:none; width:100%; box-sizing:border-box; height:60px;}
.chart-reply .write  .write-btn{width:60px; height:60px;box-sizing:border-box; background:#4d4d4d; color:#fff; font-size:14px; text-align:center; position:Absolute; right:20px; top:30px; line-height:120%; padding-top:13px;}

.chart-reply .b-01, .chart-reply .b-02, .chart-reply .b-03{display:block !important}


.chart-sec02{ padding:80px 0 60px 0}
.chart-sec02 .chart-graph{padding-bottom:60px;}
.chart-list-wrap .last-right{text-align:right;}
.chart-list-wrap .last-tot{color:#8f8f8f;font-size:12px;}
.chart-list-wrap table {table-layout:fixed;border-top:1px solid #333}
.chart-list-wrap table colgroup .first{width:8%}
.chart-list-wrap table colgroup .last{width:5%}
.chart-list-wrap table thead th{font-size:14px;text-align:center; font-weight:600; padding:15px 0 13px 0px; color:#333; position:relative;border-bottom:1px solid #d6d6d6}
.chart-list-wrap table thead th:first-child:after{display:none}
.chart-list-wrap table tbody th{font-size:14px; text-align:center; padding:19px 5px 17px 5px; border-bottom:1px solid #e5e5e5;color:#666; }
.chart-list-wrap table tbody td{font-size:14px; text-align:center; padding:19px 5px 17px 5px; border-bottom:1px solid #e5e5e5;color:#666; font-weight:300;} 
.chart-list-wrap table tbody td.l{padding-left:20px;}
.chart-list-wrap table tbody td:first-child{color:#7b7b7b}
.chart-list-wrap table tbody td a{color:#222; }
.chart-list-wrap table tbody td.l a{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chart-list-wrap table tbody td a:hover{text-decoration:none;}
.chart-list-wrap table tbody tr td:last-child{color:#333;font-weight:400}
.chart-list-wrap table tbody tr {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

.chart-list-wrap tr.notice td, .chart-list-wrap tr.notice td:first-child {color:#333; font-weight:600}
.chart-list-wrap tr.notice td a{color:#333}

.chart-list-wrap .rank-num{display:none}
.chart-list-wrap .album-rank{ display:inline-block; vertical-align:middle; height:14px; color:#666; bottom:5px; right:0;line-height:14px; font-size:11px; text-align:left; padding-left:13px;}
.chart-list-wrap .album-rank.down{background:url(../_Img/Layout/chart-down.png)no-repeat left center;}
.chart-list-wrap .album-rank.up{background:url(../_Img/Layout/chart-up.png)no-repeat left center;}
.chart-list-wrap .album-rank.default{background:url(../_Img/Content/chart-default.jpg) no-repeat left center;text-indent:-9999px}

.chart-list-wrap .album{}
.chart-list-wrap .album-img{display:inline-block; width:68px;height:68px;}
.chart-list-wrap .album-img-border{border:1px solid #E6E6E6;}
.chart-list-wrap .album-txt{display:inline-block; padding-left:20px;}

.chart-list-wrap .album-txt .rel-txt {font-size: 13px; color: #848484; vertical-align: -webkit-baseline-middle;}


.email-chk-btn {padding-left: 7px;margin-left: 9px;padding-top: 14px;padding-bottom: 12px;padding-right: 8px;}

/* join-wrap */
.join-wrap{background:#f4f6f9; padding:50px 30px;  width:460px; margin:0 auto; box-sizing:border-box;}
.join-wrap h4{font-size:18px; font-weight:bold; color:#333; height:35px;}
.join-wrap input[type="text"], .join-wrap input[type="password"]{font-size:15px;border:1px solid #e5e5e5; box-sizing:border-box; width:100%; height:50px; text-indent:19px;}
.join-wrap .overflow-text {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.join-wrap input.w40p{width:65%}
.join-wrap .select-box{border:1px solid #e5e5e5; height:50px;box-sizing:border-box;}
.join-wrap .select-box select{height:50px;}
.join-wrap .w10p{width:10%; }
.join-wrap .w30p{width:30% !important; }
.join-wrap .w70p{width:70% !important; }
.join-wrap .w5p{width:5%; }
.join-wrap .ctxt{display:inline-block; vertical-align:top;line-height:50px; font-size:15px;}
.join-wrap .rtxt{position:absolute; right:20px; font-size:13px; top:50%;margin-top:-24px; height:24px; height:50px; line-height:50px; text-align:right; color:rgba(102,102,102,0.5);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.join-wrap .rtxt.cred{color:#c62828;}
.join-wrap .rtxt.cgreen{color:#08a600;}
.join-wrap li input[type="text"]:focus + .rtxt{opacity:0}
.join-wrap #selectCnCity select {height: 50px;}
.join-wrap .disp-none {display: none;}

/* Edit info 부분 by 87parkjw */
.join-wrap .rtxt2{font-size:13px; color:rgba(102,102,102,0.5);}
.join-wrap .text-right{text-align: right;}
.join-wrap .btn-check{height: 50px; vertical-align: bottom; width: 34%;}

.join-wrap .gender-box input[type="radio"]{display:none;}
.join-wrap .gender-box{display:inline-block; vertical-align:block; width:50%; line-height:50px;}
.join-wrap .gender-box label{border:1px solid #808080; color:#666;background:#fff; font-size:15px; line-height:48px;display:block;text-align:center;; }
.join-wrap .gender-box input[type="radio"]:checked + label{  color:#fff; background:#333; border:1px solid #333}

.join-wrap .check-box{margin-right:9px}
.join-wrap .check-box label{line-height:20px; font-size:13px; color:#666 ;padding-left:26px;}
.join-wrap .check-box label:after{ background-color:#fff !important; width:18px; height:18px; top:-1px;}
.join-wrap .check-box input[type="checkbox"]:checked + label:after{background:url(../_Img/Sub/check-on2.png) no-repeat center center}
.join-wrap .check-box.all{border-top:1px solid #babbbd; padding-top:20px; margin-top:24px; display:block;}
.join-wrap .check-box.all label{color:#333; font-weight:600; font-size:15px;}
.join-wrap .check-box.all label:after{top:2px;}
.join-wrap .agree-txt{border:1px solid #e5e5e5; padding:20px; background:#fff; line-height:150%; font-weight:300; color:#666;font-size:13px;}

.join-btn{background:#c62828; display:block; font-size:18px; font-weight:600; margin:0 auto; color:#fff; width:460px; height:60px; line-height:60px; text-align:center;}
.join-btn-del-acc{background:#4d4d4d; display:block; font-size:18px; font-weight:600; margin:0 auto; color:#fff; width:460px; height:60px; line-height:60px; text-align:center;}

.join-wrap.join-step01 li{ position:relative;margin-top:10px}
.join-wrap.join-step01 li:first-child{margin-top:0;}

.join-wrap.join-step02 li{ position:relative;margin-top:10px;font-size:0;}
.join-wrap.join-step02 li:first-child{margin-top:0;}

.join-wrap.join-step03 li{margin-top:10px;position:relative;}
.join-wrap.join-step03 li:first-child{margin-top:0;}
.join-wrap.join-step03 li:first-child input[type="text"]{padding-right:130px;}
.join-wrap.join-step03 li .post-btn{width:120px; height:50px; position:absolute; right:0; top:0; line-height:50px; color:#fff; font-size:15px; background:#666; text-align:center }

.join-wrap.join-step04 li{margin-top:10px;position:relative;}
.join-wrap.join-step04 li:first-child{margin-top:0;}
.join-wrap.join-step04 li:first-child input[type="text"]{padding-right:60px;}
.join-wrap.join-step04 li:after{ width:48px; height:48px; position:absolute; right:1px; top:50%;margin-top:-24px; display:block; content:""}
.join-wrap.join-step04 li.Kakao:after{background:url(../_Img/Content/kakao-ico.jpg) no-repeat center center;}
.join-wrap.join-step04 li.Line:after{background:url(../_Img/Content/line-ico.jpg) no-repeat center center;}
.join-wrap.join-step04 li.Wechat:after{background:url(../_Img/Content/wechat-ico.jpg) no-repeat center center;}
.join-wrap.join-step04 li.QQ:after{background:url(../_Img/Content/qq-ico.jpg) no-repeat center center;}
.join-wrap.join-step04 li.Whatsapp:after{background:url(../_Img/Content/whatapp-ico.jpg) no-repeat center center;}

.join-wrap.join-step05 li{ position:relative;}
.join-wrap.join-step05 li:first-child{margin-top:0;}
.join-wrap.join-step05 li .rtxt{position:absolute; right:20px; top:auto; margin-top:auto; bottom:0px; height:24px; height:50px; line-height:50px; text-align:right; color:rgba(102,102,102,0.5);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

/* by 87parkjw */
.option-title {text-align: center; padding: 10px; font-size: 18pt; font-weight: bold;}


/* member-wrap */

.member-wrap{background:#f4f6f9; padding:50px 0;text-align:center;}
.member-wrap .btn{background:#c62828; display:inline-block; font-size:18px; font-weight:600; margin:0 auto; color:#fff; width:460px; height:60px; line-height:60px; text-align:center;}
.member-wrap h3{ font-weight:600; color:#333; font-size:30px; line-height:110%; display:block; text-align:center;}
.member-wrap .stit{font-weight:400; color:#333; font-size:14px; line-height:110%; display:block; text-align:center; padding-top:15px; line-height:130%; padding-bottom:20px}
.member-wrap .stit2{font-weight:400; color:#333; font-size:22px; line-height:110%; display:block; text-align:center; padding-top:15px; line-height:130%; padding-bottom:20px}
.member-wrap li{ position:relative;margin-top:10px}
.member-wrap li:first-child{margin-top:0;}
.member-wrap input[type="text"], input[type="password"]{font-size:15px;border:1px solid #e5e5e5; box-sizing:border-box; width:100%; height:50px; text-indent:19px;}
.member-wrap input.w40p{width:40%}
.member-wrap .select-box{border:1px solid #e5e5e5; height:50px;box-sizing:border-box;}
.member-wrap .select-box select{height:50px;}
.member-wrap ul{margin:0 auto; width:460px; padding-bottom:10px; padding-top:10px}


.member-other{overflow:hidden;position:relative; border:1px solid #dfdfdf}
.member-other:after{background:#dfdfdf; width:1px; height:100%; display:block; content:""; position:absolute; left:50%; top:0;}
.member-other .fl, .member-other .fr{width:50%; min-height:198px; position:relative; box-sizing:border-box; padding:58px 51px}
.member-other .btxt{ font-weight:600; color:#333; font-size:18px;}
.member-other .stxt{ font-size:14px; color:#666; line-height:140%; margin-top:20px;}
.member-other .btn{ width:170px; height:50px; box-sizing:border-box; border:1px solid #808080; line-height:50px; text-align:center; position:absolute; right:50px; margin-top:-25px; top:50%}
.member-other .fr .btn.id{ margin-top:0;top:42px;}
.member-other .fr .btn.pass{margin-top:0; top:auto; bottom:42px;}




/* 캘린더 */
.calendar-select-wrap{ padding:40px 0; text-align:center;}
.calendar-select-wrap .tit{display:inline-block; vertical-align:top; line-height:20px; margin-right:10px; font-size:18px; font-weight:600; color:#333; padding-right:15px;}
.calendar-select-wrap .check-box{margin-right:9px}
.calendar-select-wrap .check-box label{line-height:20px; font-size:13px; color:#666 ;padding-left:26px;}
.calendar-select-wrap .check-box label:after{ background-color:#fff !important; width:18px; height:18px; top:-1px;}
.calendar-select-wrap .check-box input[type="checkbox"]:checked + label:after{background:url(../_Img/Sub/check-on2.png) no-repeat center center}
.calendar-select-wrap .check-box span{display:inline-block; vertical-align:top; line-height:20px; padding-left:30px;}
.calendar-select-wrap .all{background:url(../_Img/Sub/calendar-all.png) no-repeat 4px 4px}
.calendar-select-wrap .album{background:url(../_Img/Sub/calendar-album.png) no-repeat 4px center}
.calendar-select-wrap .birthday{background:url(../_Img/Sub/calendar-birthday.png) no-repeat 4px center}
.calendar-select-wrap .event{background:url(../_Img/Sub/calendar-event.png) no-repeat 4px center}
.calendar-select-wrap .debut{background:url(../_Img/Sub/calendar-debut.png) no-repeat 4px center}
	
.calendar-wrap{ background:#fafafa;padding:40px 40px}
.calendar-wrap .month{  text-align:center; position:relative; padding-bottom:20px; }
.calendar-wrap .month .is{display:inline-block; vertical-align:top; line-height:40px;font-weight:600; color:#333; font-size:30px;}
.calendar-wrap .ctrl{ width:158px; height:40px; position:absolute; right:0; top:0;}
.calendar-wrap .ctrl a{display:inline-block; vertical-align:top}
.calendar-wrap .ctrl .prev{ width:38px; height:38px; position:absolute; left:0; top:0; border:1px solid #808080; background:url(../_Img/Sub/calendar-prev.jpg)no-repeat center center #fff}
.calendar-wrap .ctrl .next{ width:38px; height:38px; position:absolute; right:0; top:0;border:1px solid #808080; background:url(../_Img/Sub/calendar-next.jpg)no-repeat center center #fff}
.calendar-wrap .ctrl .today{background:#333; line-height:40px; text-align:center; font-weight:400; color:#fff; display:block;}
		
.calendar-wrap th{padding:12px 0 ;text-align:center;border:1px solid #e5e5e5;background:#fff;}
.calendar-wrap td{border:1px solid #e5e5e5;background:#fff; color:#333; vertical-align:top; text-align:left;}
.calendar-wrap td a{display:block;padding:7px; min-height:118px;}
.calendar-wrap td.today{border:2px solid #c62828}
.calendar-wrap td.off a{opacity:0.5}
.calendar-wrap thead tr th:first-child{color:#f24949}
.calendar-wrap tbody tr td:first-child .day{color:#f24949;}

.calendar-wrap td span{display:inline-block; vertical-align:top; line-height:20px; padding-left:30px; color:#666}
.calendar-wrap .day{padding-left:0; line-height:30px; display:block; padding:0 0 0 5px; color:#333}
.calendar-wrap .all{background:url(../_Img/Sub/calendar-all.png) no-repeat 4px 4px}
.calendar-wrap .album{background:url(../_Img/Sub/calendar-album.png) no-repeat 4px center}
.calendar-wrap .birthday{background:url(../_Img/Sub/calendar-birthday.png) no-repeat 4px center}
.calendar-wrap .event{background:url(../_Img/Sub/calendar-event.png) no-repeat 4px center}
.calendar-wrap .debut{background:url(../_Img/Sub/calendar-debut.png) no-repeat 4px center}
	


/* 주문결제 */
.payment-wrap h4{font-weight:bold; color:#333; font-size:18px; height:40px; line-height:110%}
.payment-wrap h4 span{font-size:18px; vertical-align:top; display:inline-block; line-height:20px}
.payment-wrap .pay-explan {display: inline-block; width: 58%; padding: 5px 10px 5px 10px; color: red; font-size: 15px;}
.payment-wrap .pay-explan-right {display: inline-block; width: 33%; padding: 5px 10px 5px 10px; color: red; font-size: 15px; float: right;}

.payment-tab{padding:10px 0 30px 0; }
.payment-tab ul{font-size:0;text-align:center;}
.payment-tab li{display:inline-block; position:relative; vertical-align:top; padding:0 70px; line-height:50px; font-size:24px; font-weight:600; color:#666; }
.payment-tab li .num{box-sizing:border-box; width:50px ;height:50px; position:Absolute; left:0; top:0; font-size:18px; color:#666; line-height:50px;border-radius:100%; text-align:center; font-weight:600; border:1px solid #666}
.payment-tab li.active .num{ background:#c62828; border-color:#c62828; color:#fff}
.payment-tab li.active .txt{color:#c62828}
.payment-tab li:first-child:after{display:none}
.payment-tab li:after{background:#bfbfbf; width:40px; height:2px; position:absolute; left:-55px; top:50%;margin-top:-1px; display:block; content:""}
.m-num.sl-title {text-align: left;}

/* by 87parkjw */
.payment-tab ul li .font20{font-size: 16px;}

.payment-wrap h4.m-tit{display:none}

.payment-list-wrap table {table-layout:fixed;border-top:1px solid #333}
.payment-list-wrap table thead th{font-size:13px;text-align:center; font-weight:600; padding:15px 0 13px 0px; color:#333; position:relative;border-bottom:1px solid #d6d6d6}
.payment-list-wrap table thead th:first-child:after{display:none}
.payment-list-wrap table tbody th{font-size:13px; text-align:center; padding:19px 5px 17px 5px; border-bottom:1px solid #e5e5e5;color:#666; }
.payment-list-wrap table tbody td{font-size:13px; text-align:center; padding:19px 5px 17px 5px; border-bottom:1px solid #e5e5e5;color:#666; font-weight:300;} 
.payment-list-wrap table tbody td.discountAfter-en{color: #c62828;} 
.payment-list-wrap table tbody td.discountAfter-cn{color: #c62828;} 
.payment-list-wrap table tbody td.discountAfter-ko{color: #c62828;} 
.payment-list-wrap table tbody td.discountAfter-jp{color: #c62828;} 
.payment-list-wrap table tbody td.l{padding-left:20px;}
.payment-list-wrap table tbody td:first-child{color:#7b7b7b}
.payment-list-wrap table tbody td a{color:#222; }

.payment-list-wrap table tbody td.subject{text-align:left;}
.payment-list-wrap table tbody td.subject a{display:block;}
.payment-list-wrap table tbody td.l a{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.payment-list-wrap table tbody td a:hover{text-decoration:none;}
/* .payment-list-wrap table tbody tr:hover{background:#f4f6f9} */
.payment-list-wrap table tbody tr {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.payment-list-wrap table tfoot tr{background:#fafafa}
.payment-list-wrap table tfoot tr td{ text-align:center; padding:19px 5px 17px 5px;border-bottom:1px solid #d6d6d6}
.payment-list-wrap table tfoot tr td span.cred{font-weight: bold;}
.payment-list-wrap table tfoot tr td:first-child{font-weight:600; color:#333}
.payment-list-wrap table tfoot tr td .b{font-weight:600;}
.payment-list-wrap table tfoot tr td .final_color{color: #c62828;}
.payment-list-wrap table .m-num{}
.payment-list-wrap table .m-day{}
.payment-list-wrap table .album-img {width:70px;}


.payment-list-wrap .product{display:inline-block; padding-left:85px; position:relative; min-height:68px; font-size:14px;}
.payment-list-wrap .product img{position:absolute; left:0; top:0; border: 1px solid #E6E6E6;}
.payment-list-wrap .product .btxt{display:block;color:#666}
.payment-list-wrap .product .stxt{display:block;padding-top:5px;}
.payment-list-wrap .product .stxt .b{font-weight:600; color:#333;padding-right:10px;}
.payment-list-wrap .sw-btn{height:28px; border:1px solid #808080; display:inline-block; text-align:center; font-size:13px; color:#666; line-height:28px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.payment-list-wrap .sw-btn:hover{color:#fff; background:#444; border:1px solid #444}

.payment-list-wrap  table .ctrl{display:none}


.payment-info-wrap table {table-layout:fixed;border-top:1px solid #333}
.payment-info-wrap table thead th{font-size:14px;text-align:center; font-weight:600; padding:16px 0 14px 0px; color:#333; position:relative;}
.payment-info-wrap table tbody th{font-size:14px; text-align:center; line-height:30px; vertical-align:top; font-weight:600; padding:11px 5px 11px 5px; border-bottom:1px solid #e5e5e5;color:#222; background:#f4f6f9; line-height:130%; vertical-align:middle}
.payment-info-wrap table tbody td{font-size:13px;  line-height:30px; vertical-align:top;vertical-align:top;padding:11px 20px 11px 20px; border-bottom:1px solid #e5e5e5;color:#666; font-weight:300;} 
.payment-info-wrap table tbody td.c{padding-left:5px;text-align:center;}
.payment-info-wrap table tbody td.r{padding-right:20px;text-align:right;}
.payment-info-wrap table tbody td a{color:#222}
.payment-info-wrap table tbody td a:hover{text-decoration:none;}
.payment-info-wrap table tbody td .editor-data-box{min-height:200px}
.payment-info-wrap textarea{width:100%; box-sizing:border-box; border:1px solid #e5e5e5; padding:15px; font-size:13px; }
/* 180411 by kdi333 */
.payment-info-wrap input[type="text"], .payment-info-wrap input[type="password"]{background:#fff; border:1px solid #e5e5e5; height:28px; color:#666; text-indent:10px; padding-right:10px;box-sizing:border-box;}
.payment-info-wrap .select-box{height:30px; min-width:160px;box-sizing:border-box;border:1px solid #e5e5e5}
.payment-info-wrap .select-box select{ font-size:13px; color:#666; height:28px;}
.payment-info-wrap .ctxt{line-height:28px; display:inline-block; vertical-align:top;}
.payment-info-wrap  table tbody td p.in-block{display:inline-block; vertical-align:top;}
.payment-info-wrap .sb-btn{ height:30px; width:60px; color:#fff; font-size:13px; line-height:30px; text-align:center; display:inline-block; vertical-align:top; background:#666}

/* by 87parkjw */
.payment-list-wrap .bts table thead tr th {vertical-align: middle;}
.payment-list-wrap .bts table tbody tr td {vertical-align: middle;}

.bts .list-group .list-group-item.list-padding{padding: 15px 0px 15px 0px;}
.bts .list-group .list-group-item .label-form-item {width: 25%; text-align: center; margin: 0px;}
.bts .list-group .list-group-item .value-form-item {width: *; display: inline-block; padding-left: 5px;}

.bts .form-horizontal .form-group .list-group-item.list-padding{padding: 15px 0px 15px 0px;}
.bts .form-horizontal .form-group .label-form-item {width: 25%; text-align: center; margin: 0px;}
.bts .form-horizontal .form-group .value-form-item {width: *; display: inline-block; padding-left: 5px;}

/* 버튼 */
.bts .pre-btn {min-width: 140px; height:38px; }
.bts .pay-btn {color:#fff; min-width:140px; height:38px; background:#c62828;}
.bts .cancel-btn {color:#fff; min-width:140px; height:38px; background:#4d4d4d;}



.payment-sum-list{overflow:hidden;border:5px solid #e6e6e6}
.payment-sum-list li{float:left ;width:25%; padding:20px 0; text-align:center; position:relative;}
.payment-sum-list li:after{background:#e6e6e6; width:1px ; height:50px; position:absolute; left:0; top:50%;margin-top:-25px; display:block; content:"";}
.payment-sum-list li:first-child:after{display:none;}
.payment-sum-list li .btxt{display:block; font-size:14px; font-weight:600;}
.payment-sum-list li .stxt{display:block; font-size:18px; color:#666; line-height:150%}
.payment-sum-list li .stxt .b{font-weight:600;}
	

.payment-write-wrap table {table-layout:fixed;border-top:1px solid #333}
.payment-write-wrap table thead th{font-size:14px;text-align:center; font-weight:600; padding:16px 0 14px 0px; color:#333; position:relative;}
.payment-write-wrap table tbody th{font-size:14px; text-align:center; line-height:30px; vertical-align:top; font-weight:600; padding:11px 5px 11px 5px; border-bottom:1px solid #e5e5e5;color:#222; background:#f4f6f9; line-height:130%; vertical-align:middle}
.payment-write-wrap table tbody td{font-size:13px;  line-height:30px; vertical-align:top;vertical-align:top;padding:11px 20px 11px 20px; border-bottom:1px solid #e5e5e5;color:#666; font-weight:300;} 
.payment-write-wrap table tbody td.c{padding-left:5px;text-align:center;}
.payment-write-wrap table tbody td.r{padding-right:20px;text-align:right;}
.payment-write-wrap table tbody td a{color:#222}
.payment-write-wrap table tbody td a:hover{text-decoration:none;}
.payment-write-wrap table tbody td .editor-data-box{min-height:200px}
.payment-write-wrap textarea{width:100%; box-sizing:border-box; border:1px solid #e5e5e5; padding:15px; font-size:13px; }
.payment-write-wrap input[type="text"], .payment-write-wrap input[type="password"]{background:#fff; border:1px solid #e5e5e5; height:28px; text-indent:10px; padding-right:10px;}
.payment-write-wrap .select-box{height:30px; min-width:160px;box-sizing:border-box;border:1px solid #e5e5e5}
.payment-write-wrap .select-box select{ font-size:13px; color:#666; height:28px;}
.payment-write-wrap .sb-btn{ height:30px; width:auto; padding:0 30px; color:#fff; font-size:13px; line-height:30px; text-align:center; display:inline-block; vertical-align:top; background:#666}
.payment-write-wrap textarea{width:100%; box-sizing:border-box; border:1px solid #e5e5e5; padding:15px; font-size:13px; }
.payment-write-wrap .radio-box{margin-right:15px}
.payment-write-wrap .radio-box label{line-height:20px; font-size:13px; color:#666 ;padding-left:30px;}
.payment-write-wrap .radio-box label:after{width:18px; height:18px;background-color:#fff !important; position:absolute; border-radius:100%; left:0; top:-1px ;border:1px solid #bdbdbd; display:block; content:""; z-index:65}
.payment-write-wrap .radio-box input[type="radio"]:checked + label:before{ position:absolute; width:12px; height:12px; background:#c62828 !important; border-radius:100%; left:4px; top:3px; display:block; content:""; z-index:76}
.payment-write-wrap ul li{display:inline-block; vertical-align:top; height:30px; padding:10px 10px; }
.payment-write-wrap table tr#memoTr .input-memo {width: 50%;}

/* page loading img by 87parkjw */
.preloader {
   position: absolute;
   display: none;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-image: url('../_Img/PageLoading/1_inYwyq37FdvRPLRphTqwBA.gif');
   background-repeat: no-repeat; 
   background-color: #FFF;
   background-position: center;
   opacity: 0.7;
}

.page-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-image: url('../_Img/PageLoading/1_inYwyq37FdvRPLRphTqwBA.gif');
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: center;
	opacity: 0.7;
}

.payment-result{overflow:hidden; position:relative;;border:5px solid #e6e6e6; text-align:center; padding:20px 25% 20px 0}
.payment-result .btxt{display: inline-block; margin-right:25px; line-height:65px; vertical-align:top; font-size:18px;  font-weight:600;}
.payment-result .stxt{display: inline-block; line-height:65px; vertical-align:top; font-size:24px; color:#c62828;}
.payment-result .stxt .b{font-weight:600;}
.payment-result .btn-wrap{ position:absolute ; right:20px; top:20px;}
.payment-result .btn-wrap span{font-size:18px; font-weight:600}
.payment-result .br-btn{width:178px;}
.payment-result .bb-btn{width:178px;}

/* order history, Shipping list by 87parkjw 20180718 수정 */
.payment-search-wrap-v2 {padding:10px 10px 10px 10px; background:#f4f6f9 ; position:relative;}

.payment-search-wrap-v2 .bts .select-group {width: 18%; display: inline-block;}
.payment-search-wrap-v2 .bts .select-group select {display: inline-block;}
.payment-search-wrap-v2 .bts .datepicker-group {width: 38%; display: inline-block;}
.payment-search-wrap-v2 .bts .datepicker-group label {margin-left: 20px;}
.payment-search-wrap-v2 .bts .btn-group-section {width: 42%; display: inline-block; text-align: right; float: right;}
.payment-search-wrap-v2 .bts .datetimepicker-v2 {background-color: white; cursor: pointer; width: 30%; display: inline-block; max-width: 130px;}
.payment-search-wrap-v2 .bts .btn-shipping {margin-right: 1%;}
.payment-search-wrap-v2 .bts .search-btn-v2 {background-color: #C62828; color: white; float: right;}

/* order history table css */
.payment-list-wrap .bts table tbody tr {height: 52px;}
.payment-list-wrap .bts table tbody tr td {vertical-align: middle;}
.payment-list-wrap .bts table tbody tr td a {color: #555; text-decoration: underline;}
/* END */

.payment-search-wrap{padding:10px 10px 10px 10px;overflow:hidden; background:#f4f6f9 ; position:relative; text-align:right; z-index:9999}
.payment-search-wrap .ctxt{font-size:13px; font-weight:600; color:#333; line-height:30px; display:inline-block; vertical-align:top; padding-right:10px;}
.payment-search-wrap .ctxt.c{padding-left:5px; padding-right:5px; color:#666; font-weight:300}
.payment-search-wrap ul.list{margin-left:5px;font-size:0; display:inline-block; vertical-align:top; height:30px ; padding-right:10px;}
.payment-search-wrap ul.list li{display:inline-block; vertical-align:top; height:30px; margin:0 0 0 -1px; }
.payment-search-wrap ul.list li a{display:block; line-height:28px; font-size:13px; border:1px solid #808080;padding:0 11px;}
.payment-search-wrap ul.list li.active a{ color:#fff; font-weight:400; border:1px solid #333333; background:#333333}
.payment-search-wrap .select-box{height:30px; min-width:100px;box-sizing:border-box;border:1px solid #e5e5e5}
.payment-search-wrap .select-box select{ font-size:13px; color:#666; height:28px;}
.payment-search-wrap .sr-btn{background:#c62828;line-height:30px; font-size:14px; color:#fff; display:inline-block; vertical-align:top; text-align:center}
.payment-search-wrap .sb-btn{background:#4d4d4d;line-height:30px; font-size:14px; color:#fff; display:inline-block; vertical-align:top; text-align:center}
.payment-search-wrap .calendar-input{display:inline-block; vertical-align:top; position:relative;}
.payment-search-wrap .calendar-input img{padding-top: 5px;}
.payment-search-wrap .calendar-input input[type="text"]{display:inline-block; color:#666;vertical-align:top;background:#fff; border:1px solid #e5e5e5; height:28px; text-indent:10px; width:100px; padding-right:40px;}

.payment-search-wrap ul.list2{margin-left:5px;font-size:0; display:inline-block; vertical-align:top; height:30px ; padding-right:10px;}
.payment-search-wrap ul.list2 li{display:inline-block; vertical-align:top; height:30px; margin:0 0 0 -1px; }
.payment-search-wrap ul.list2 li a{display:block; line-height:28px; font-size:13px; color:#212121;border:1px solid #808080;padding:0 11px;background:#fff;}
.payment-search-wrap ul.list2 li.active a{ color:#fff; font-weight:400; border:1px solid #333333; background:#333333}

.coup-head button {height:30px; background-color: #FFFFFF; padding: 0 7px;}
.coup-head button.btn-sos {background-color: #c62828; color: #FFFFFF;}
.coup-head button.active {background-color: #333333; color: #FFFFFF;}

/*
.payment-search-wrap .calendar-input.first:after{width:20px; height:18px; position:absolute; right:8px; top:50%;margin-top:-9px; display:block; content:"";}
.payment-search-wrap .calendar-input:after{width:20px; height:18px; position:absolute; right:8px; top:50%;margin-top:-9px; display:block; content:""; }
*/



.payment-order-list{padding:7px;background:#f4f6f9 ;}
.payment-order-list ul{background:#fff; padding:26px 23px;}
.payment-order-list li{margin-top:10px;padding-left:15px; position:relative; font-size:14px;}
.payment-order-list li:after{ position:absolute; left:0; top:10px; background:#444; width:3px; height:3px; display:block; content:""}
.payment-order-list li:first-child{margin-top:0;}
.payment-order-list li span{font-weight:bold; color:#333;}

.prod-qty-mb .kt_input1 {width:30%;}

.tp-term {text-align:left;padding: 5px 5px 0px 0px;}
.tp-term ul li{float:left;padding-left: 20px;padding-top: 8px;}


.barcode-list-wrap {padding-top: 5px;padding-bottom: 5px;border-bottom: 1px solid #e5e5e5;}
.barcode-list-wrap .album {padding-left: 10px;}
.barcode-list-wrap .album-img{display:inline-block; width:68px;height:68px;}
.barcode-list-wrap .album-txt{display:inline-block; padding-left:30px;}
/* by 87parkjw */
.barcode-list-wrap .album-txt-size{width: 87%; vertical-align: top;}
/* 87parkjw end */

.hd-user-hello {display:none;}

.paypal-s-btn { width: 258px;float: left;}

/* artist goods 메뉴 by 87parkjw */
.content-wrap .bts ul#artistTab {display: table; content: ' '; width: 100%; margin-bottom: 30px;}
.content-wrap .bts #artistGoodsList .thumbnail .caption h5 {height: 75px; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.content-wrap .bts #artistGoodsList .thumbnail .caption p {margin: 0px;}
.content-wrap .bts #artistGoodsList .thumbnail .caption .price-txt {color: #c62828; font-size: 15px;}
.content-wrap .bts #artistGoodsList a .thumbnail:hover {border: 1px solid #c62828;}
.content-wrap .bts #artistGoodsList .thumbnail .caption .price-txt span{color: gray; font-size: 12px; text-decoration: line-through;}
.content-wrap .bts #artistGoodsList .thumbnail img{width: 100%; height: auto; border: 1px solid #ddd;}
.content-wrap .bts #artistGoodsList .item-section {padding: 0px 2px 0px 2px;}

/* new 메뉴 by 87parkjw */
.content-wrap .bts #newprodList .thumbnail .caption h5 {height: 75px; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.content-wrap .bts #newprodList .thumbnail .caption p {margin: 0px;}
.content-wrap .bts #newprodList .thumbnail .caption .price-txt {color: #c62828; font-size: 15px;}
.content-wrap .bts #newprodList a .thumbnail:hover {border: 1px solid #c62828;}
.content-wrap .bts #newprodList .thumbnail .caption .price-txt span{color: gray; font-size: 12px; text-decoration: line-through;}
.content-wrap .bts #newprodList .thumbnail img{width: 100%; height: auto; border: 1px solid #ddd;}
.content-wrap .bts .pagination-section{text-align: center;}

.payment-write-wrap .rspvn ::placeholder {opacity: 0.5;}


/* 포스터 선택버튼 by 87parkjw */
.bts .section-justify {text-align: justify; display: inline-block; width: 100%;}
.bts .section-justify label {display: inline-block; width: 49%;}
.bts .section-justify:after {content:''; display:inline-block; width:100%}
.bts .section-justify .active {border: 1px solid #d32f2f;}

.bts .section-message {color: red; font-weight: bold;}

/* 지관통 by 87parkjw */
.payment-step-01 hr {margin-top: 0px;}
.payment-step-01 .bts .tube-row1 {padding: 10px 50px 10px 50px;}
.payment-step-01 .bts .tube-row1 .tube-col1 {width: 30%; display: inline-block; font-size: 18px; font-weight: bold;}
.payment-step-01 .bts .tube-row1 .tube-col2 {width: 39%; display: inline-block; text-align: center;}
.payment-step-01 .bts .tube-row1 .tube-col2 label {width: 49%; padding-right: 0px; padding-left: 0px;}
.payment-step-01 .bts .tube-row1 .tube-col2 label .sub-font {font-size: 11px;}
.payment-step-01 .bts .tube-row1 .tube-col3 {width: 30%; display: inline-block; padding-left: 3%; font-size: 18px; font-weight: bold; vertical-align: middle;}
.payment-step-01 .bts .tube-row1 .active {border: 3px solid #d32f2f;}
.payment-step-01 .bts .tube-row2 {padding: 10px 50px 0px 50px;}
.payment-step-01 .bts .tube-row2 .tube2-col1 {width: 49%; display: inline-block; text-align: right; vertical-align: super; font-size: 25px;}
.payment-step-01 .bts .tube-row2 .tube2-col2 {width: 100%; vertical-align: bottom; font-size: 13px;}

.payment-step-01 .bts .tube-row {text-align: right; margin-bottom: 10px;}
.payment-step-01 .bts .tube-row button {border: 2px solid #d32f2f;}
.payment-step-01 .bts .tube-row .sub-font {font-size: 13px;}

.payment-list-wrap .rspvn-table tbody tr .product {line-height: 1.2em;}
.payment-list-wrap .rspvn-table tbody tr .product .warning-txt {font-size: 11px; color: #ff5500; font-weight: bold;}
.detail-view-wrap .fr .info .is-con {line-height: 1.2em;}

#modal-window {z-index: 9999 !important;}

/* 상세주문보기 비디오링크 by 87parkjw */
.payment-info-wrap .rspvn2 tbody tr td .video-anchor {text-decoration: underline; float: right;}
.payment-info-wrap .rspvn2 tbody tr td .video-anchor:hover {color: #d32f2f;}

/* 상품상세페이지 css */
/* 일반 */
.detail-view-wrap .fr .btn {text-align: center;}
.detail-view-wrap .fr .btn .bts .btn-cart-group {display: inline-block; width: 100%; margin-bottom: 5px;}
.detail-view-wrap .fr .btn .bts .btn-view {display: inline-block; width: 100%;}
.detail-view-wrap .fr .btn .bts .btn-cart-group button {width: 48%; height: 50px; font-size: 18px; font-weight: bold;}
.detail-view-wrap .fr .btn .bts .btn-cart-group button#orderGo {margin-right: 1%; background-color: #c62828; color: white;}
.detail-view-wrap .fr .btn .bts .btn-cart-group button#cartGo2 {margin-right: 1%; background-color: #4d4d4d; color: white;}
.detail-view-wrap .fr .btn .bts .btn-cart-group button#wishListGo {background-color: #f4f6f9;}
.detail-view-wrap .fr .btn .bts .btn-cart-group button#regoodsorder {margin-left: 1%; background-color: #f4f6f9;}
.detail-view-wrap .fr .btn .bts .btn-view button {width: 97%; text-align: center; height: 50px; font-size: 18px; font-weight: bold;}

/* 모달 */
#modal-window .bts .modal-row {margin-bottom: 7px; padding: 0px;}
#modal-window .bts .modal-row div {padding: 0px;}
#modal-window .bts .modal-row.pd-right {padding-right: 5px;}
#modal-window .bts .modal-row.pd-left {padding-left: 5px;}

/* orderdeliy 신분증 입력란 */
.ic-checkbox-block {margin-top: 10px; font-size: 18px; font-weight: bold;}
.ic-checkbox-block label input {width: 18px; height: 18px;}

.bts .ic-section1 {margin: 10px 0 10px 0;}
.bts .ic-section1 .ic-msg-1 {font-size: 18px; font-weight: bold; padding-left: 15px;}
.bts .hr-1 {margin-top: 7px; margin-bottom: 7px; border-top: 1px solid #000000;}
.bts .content-1 {padding-left: 30px;}
.bts .hr-2 {margin-top: 7px; margin-bottom: 3px; border-top: 1px solid #e5e5e5;}
.bts .ic-section2 {background: linear-gradient(to bottom, #27476F, #B7C0CC); padding: 20px 0 20px 0;}
.bts .ic-center {text-align: center;}
.bts .ic-img-block {position: relative; display: inline-block; width: 250px;}
.bts .ic-img-block img {width: 250px; height: 160px; border: 2px dashed white; margin-bottom: 5px;}
.bts .ic-img-block .btn-del-img {position: absolute; right: 2%; top: 3%; font-size: 22px; color: black;}
.bts .ic-sample-img {width: 250px; height: 160px; border: 2px solid white; margin-bottom: 5px;}
.bts .label-block {text-align: center; width: 100%; margin-bottom: 5px;}
.bts .ic-section2 .ic-sample-label {width: 65%; background-color: #337ab7; font-size: 16px; color: white; height: 30px; margin-bottom: 5px; display: inline-block; padding: 4px 0 4px 0; border-radius: 7px;}
.bts .hr-3 {margin-top: 3px; margin-bottom: 7px; border-top: 1px solid #e5e5e5;}
.bts .ic-section4 {margin: 10px 0 10px 0;}
.bts .ic-section4 .ic-msg-block {padding-left: 15px;}
.bts .ic-section4 .ic-msg-2 {background-color: #D8D8D8; font-size: 18px; font-weight: bold;}
.bts .nopadding {padding: 0px;}
.bts .ic-section4 button {float: right; background-color: #c62828; color: white;}
.bts .ic-section4 button:hover {background-color: darksalmon; color: white;}
/* 파일박스 */
.bts .fileBox .fileName {display:inline-block; width:190px; height:30px; margin:0 0 5px 0; line-height:30px;border:1px solid #A4A4A4; background-color:#fff; vertical-align:middle; cursor: default;}
.bts .fileBox .btn_file {display:inline-block; width:50px; height:30px; font-size:0.8em; line-height:30px; text-align:center;vertical-align:middle; background-color:#337ab7; color: white;}
.bts .fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* 마이페이지 공연이벤트 */
.bts table#userEventList tbody tr td {vertical-align: middle;} 

#modal-window .modal-inner .modal-text .modal-barcode {margin-bottom: 20px; height: 60px; text-align: center;}
#modal-window .modal-inner .modal-text .modal-block-1 {display: inline-block; width: 29%;}
#modal-window .modal-inner .modal-text .modal-block-2 {display: inline-block; width: 69%; text-align: right;}
#modal-window .modal-inner .modal-text .modal-block-3 {display: inline-block; width: 69%; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#modal-window .modal-inner .modal-text .modal-block-4 {display: inline-block; width: 69%; font-weight: bold; text-align: right;}

/* my sos */
.bts .btn-block-faq {padding: 5px;}
.bts .btn-block-faq-1 {display: inline-block; width: 79%; padding-right: 8px; vertical-align: text-bottom; text-align: right;}
.bts .btn-block-faq-2 {display: inline-block; width: 20%; vertical-align: text-bottom;}
.bts .btn-faq {width: 100%; height: 40px;}

/* fanc_item_info 팬클럽그룹상품 */
#fancItemWrap.bts input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
#fancItemWrap.bts .gap-1 {width: 1200px; height: 50px;}
#fancItemWrap.bts .img-block {display: inline-block; width: 500px; min-height: 400px; margin-right: 100px;}
#fancItemWrap.bts .goods-img {width: 500px;}
#fancItemWrap.bts .font-16 {font-size: 16px;}
#fancItemWrap.bts .sales-text {color: red;}
#fancItemWrap.bts .info-block {display: inline-block; vertical-align: top; width: 596px;}
#fancItemWrap.bts .info-block .title-block {padding: 0px 30px;}
#fancItemWrap.bts .info-block .goods-title {font-size: 24px; font-weight: bold;}
#fancItemWrap.bts .info-block .price-block {padding: 20px 30px;}
#fancItemWrap.bts .info-block .goods-price {font-size: 28px; font-weight: bold; color: #c62828;}
#fancItemWrap.bts .info-block .goods-price .disp-price {color: gray; text-decoration: line-through; font-size: 18px;}
#fancItemWrap.bts .info-block .goods-price .dc-rate {font-size: 18px;}
#fancItemWrap.bts .info-block .fanc-hr {border-top: 1px solid #E6E6E6; margin-top: 5px; margin-bottom: 5px;}
#fancItemWrap.bts .info-block .list-block {padding: 20px 30px;}
/* #fancItemWrap.bts .info-block .goods-line {height: 10px;} */
#fancItemWrap.bts .info-block .benefit-block {display: block; position: relative; margin-bottom: 13px; min-height: 30px; padding-bottom: 10px; border-bottom: 1px solid #BDBDBD;}
#fancItemWrap.bts .info-block .benefit-block .info-block {min-height: 75px; width: 100%; padding-left: 85px;}
#fancItemWrap.bts .info-block .benefit-block .benefit-title {display: inline-block; width: 100%;}
#fancItemWrap.bts .info-block .benefit-block .benefit-opt {display: inline-block; width: 100%;}
#fancItemWrap.bts .info-block .benefit-block .fanc-img-block {min-height: 75px; position: absolute; left: 0; z-index: ;}
#fancItemWrap.bts .info-block .benefit-block .fanc-goods-img {width: 75px;}
#fancItemWrap.bts .info-block .benefit-block .benefit-opt .benefit-opt-title {display: inline-block; margin-top: 7px; width: 100%;}
#fancItemWrap.bts .info-block .benefit-block .number-box {display: inline-block; float: right;}
#fancItemWrap.bts .info-block .benefit-block .number-box .btn-input-block {display: flex; width: 120px;}
#fancItemWrap.bts .info-block .benefit-block .number-box .btn-input-block .btn-plus-minus {display: flex; width: 30px; padding: 7px 7px; background-color: white; border: 1px solid #A4A4A4;}
#fancItemWrap.bts .info-block .benefit-block .number-box .btn-input-block .btn-plus-minus:hover {background-color: #f4f6f9;}
#fancItemWrap.bts .info-block .benefit-block .number-box .btn-input-block .btn-input {display: flex; width: 60px; text-align: center; border-left: 0; border-right: 0; border-bottom: 1px solid #A4A4A4; border-top: 1px solid #A4A4A4;}
#fancItemWrap.bts .info-block .total-block {padding: 20px 30px;}
#fancItemWrap.bts .info-block .total-block .total-info {font-size: 30px; font-weight: bold;}
#fancItemWrap.bts .info-block .total-block .total-info #totalPrice {float: right; color: #c62828;}
#fancItemWrap.bts .info-block .btn-cart-block {padding: 20px 30px;}
#fancItemWrap.bts .info-block .btn-cart-block .btn-cart-wrap {position: relative;}
#fancItemWrap.bts .info-block .btn-cart-block .btn-cart-wrap .btn-cart {width: 48%; height: 50px; font-size: 18px; font-weight: bold; background-color: #4d4d4d; color: white; border-radius: 5px; border: 1px solid #A4A4A4;}
#fancItemWrap.bts .info-block .btn-cart-block .btn-cart-wrap .btn-wish-list {position: absolute; right: 0; width: 48%; height: 50px; font-size: 18px; font-weight: bold; background-color: #f4f6f9; color: #333333; border-radius: 5px; border: 1px solid #A4A4A4;}
/* #fancItemWrap.bts .info-block .benefit-block .btn-options-y {width: 49%; border-radius: 5px; background-color: white; border: 1px solid #A4A4A4; text-align: center; padding: 3px; margin: 0 2% 0 0;} */
/* #fancItemWrap.bts .info-block .benefit-block .btn-options-y:hover {background-color: antiquewhite;} */
/* #fancItemWrap.bts .info-block .benefit-block .btn-options-n {width: 49%; border-radius: 5px; background-color: white; border: 1px solid #A4A4A4; text-align: center; padding: 3px; margin: 0px; height: 100%;} */
/* #fancItemWrap.bts .info-block .benefit-block .btn-options-n:hover {background-color: antiquewhite;} */
/* #fancItemWrap.bts .info-block .benefit-block .btn-options-y.active, */
/* #fancItemWrap.bts .info-block .benefit-block .btn-options-n.active {border: 2px solid #c62828; background-color: #E6E6E6;} */
#fancItemWrap.bts .info-block .benefit-block .sales-block {min-height: 30px;}
#fancItemWrap.bts .info-block .benefit-block .sales-block span {vertical-align: -webkit-baseline-middle; color: #f22e00;}
#fancItemWrap.bts .goods-description-block {padding: 40px; font-size: 16px;}
#fancItemWrap.bts .goods-description-block h2 {background-color: #f8f8f8; padding: 10px 0 10px 20px; border-bottom: 1px solid lightgray;}
#fancItemWrap.bts .goods-description-block .body-img-block {padding: 40px; font-size: 16px;}
#fancItemWrap.bts .goods-description-block .body-img-block img {width: 100%;}