/***상품리스트***/
.path h2{width:800px; font-size: 13px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.path span{font-size: 15px; vertical-align: top;}

.list_con_tit{display: flex; justify-content: space-between;}
.pdt_more_btn{font-size: 16px; font-weight: bold;}
.pdt_more_btn a{color:#4f53fd}

/*서브상단 메뉴*/
.sub_cate{overflow: hidden;}
.sub_cate>ul>li{background:#f9f9f9; padding:10px 20px; border-radius: 30px; display: flex; cursor: pointer; color:#999}
.sub_cate>ul>li:hover{background:#f9f9ff; color: #4f53fd;}
.sub_cate>ul>li.active{background:#f9f9ff; color: #4f53fd; padding:10px 20px; border-radius: 30px; font-weight: bold;}

/*상단 가격 필터*/
.list_cout span{color: #4f53fd;}
.input_box{display: flex; align-items: center;}

.radio_filter ul{flex-wrap: wrap;}
.radio_filter li{width:50%; margin:5px 0;}
.price_fliter_box{ padding:0 20px;}

/*리스트 페이지 작품 리스트*/
.list_top_bn img{width: 100%;}
.full_con_list{width:calc(100% - 230px); margin-left: 230px; padding:0 50px}
.extension{font-size: 12px; color: #888; margin: 5px 0;}

/***상세페이지***/
.detail_img{width: 800px;}
.detail_sub_img li{width: 25%;}
.detail_sub_img li img{width: 100%}
.detail_info{width: 430px; height: 760px; flex-direction: column;}

.share_btn{display: inline-block; width: 100px; font-size: 14px; font-weight: bold; position: relative;}
.share_btn a{display: flex; justify-content: center; padding: 10px 0;}
.share_btn .material-symbols-outlined{font-variation-settings:'FILL' 1; font-size: 18px;}

.share_icon{position: absolute; right: 0; top:0; z-index: -1; transition: right 0.5s;}
.share_icon.active{right:-100px; z-index: 1;}
.share_icon li{width: 35px; height: 35px; border-radius: 50%; background: #ffe300; text-align: center; line-height: 35px; cursor: pointer;}
.share_icon .material-symbols-outlined{font-size: 22px; vertical-align: middle;}
.share_icon li.link_copy{background: #f2f2f2;}
.kakao_share img{width: 18px;}

.text_link{color:#4f53fd; font-size: 12px; font-weight: bold;}

.price_detail_info{flex: none; margin-top: auto;}
.detail_info .price{font-size: 18px; color: #1e202e; margin:0;}
.detail_info .price span{color: #4f53fd;}
.opt_box{background: none;}
.opt_box li{margin: 10px 0; font-weight: bold;}
.opt_box li p{font-size: 12px; font-weight: normal;}

.detail_info .tit{position: relative;}
.detail_info .tit h4{font-weight: normal; margin:15px 0; font-size: 20px;}
.detail_info .tit h4 a{vertical-align: middle;}
.detail_info .tit h4 img{width:20px; height: 20px; border-radius: 50%;}
.detail_info .tit h2{font-size: 35px;}
.detail_info .tag li{background: none; color:#555; height: 22px; line-height: 22px; border:1px solid #eeeeee; font-size: 12px; padding:0}
.detail_info .tag li a{display: block; color:#1e202e; padding:0 10px;}
.detail_coupon{position: absolute; right: 15px; bottom: 30px; background: #f77; padding:0 10px; line-height: 29px;}
.detail_coupon button{color: #fff;}
.detail_coupon span{vertical-align: middle;}
.detail_coupon span.material-symbols-outlined{font-size: 18px;}

.detail_license{background:#f9f9f9; padding:0 10px; padding-bottom: 10px; margin-top: 15px; font-size: 14px; line-height: 45px;}
.detail_license p{line-height: 20px;;}
.detail_license span{vertical-align: sub; font-size: 20px;}

.detail_buy_btn{flex-wrap: wrap;}
.detail_buy_btn li{width:calc(50% - 8px); height: 50px; line-height: 50px;  margin-top: 20px; margin-right: 16px;}
.detail_buy_btn li.b_line_btn:hover{background:#f9f9ff;}
.detail_buy_btn li:first-child{width: 100%; margin-right: 0;}
.detail_buy_btn li:last-child{margin-right: 0;}
.detail_buy_btn li span{vertical-align: middle;}
.detail_buy_btn li .material-symbols-outlined{font-size: 22px; margin-top: -3px;}


/*디테일하단 탭*/
.detail_tab ul{border-bottom:1px solid #999; padding-bottom: 20px;}
.detail_tab li{cursor: pointer; font-size: 20px; color: #999;}
.detail_tab li.active{font-weight: bold; color: #1e202e; position: relative;}
.detail_tab li.active::after{content:""; width: 100%; height: 3px; background: #1e202e; position: absolute; bottom: -20px; left: 0;}
.detail_tab .tab_content{display: none;}
.tab_menu{position: relative;}
.chat_btn{position: absolute; top:-5px; left:450px; background:#1e202e; color:#fff; padding:10px 20px; font-size: 13px; cursor: pointer; border-radius: 30px;}

/*뉴디고*/
.hotnew_box{background:#f5f5ff; border-radius:20px; padding:40px; margin-bottom:50px;}
.hotnew_box .pdt_list>li{margin-bottom:0;}
.hotnew_list .pdt_list{flex-wrap:unset;}
.m_new_list .pdt_list{flex-direction: column;}
.m_new_list .grid4_gap>li{width:100%;}

/*랭킹*/
.ranking_tab li{width:33%; text-align:center; height:60px; line-height:60px; border-radius:30px; border:1px solid #eee; color:#999; cursor:pointer;}
.ranking_tab li.active{border:2px solid #4f53fd; color:#4f53fd; font-weight:bold;}

.ranking_con{display:none;}
.ranking_con .tag{flex-wrap: wrap;}
.ranking_con .tag li{margin-bottom:5px;}
.ranking_con.active{display:flex;}
.ranking_con .big_box,.ranking_con .small_box{width:50%; height:380px;}
.ranking_con .top{background:#fff; position:absolute; padding:5px 10px; left:-5px; top:0; border-radius:0 20px 20px 20px; font-size:12px; font-weight:bold; box-shadow:-2px 2px 0 #4f53fd; border: 1px solid #4f53fd; color:#4f53fd}
.ranking_con .detail_top{position:relative;}
.ranking_con .detail_top{height:100%;}
.ranking_con .detail_img{width:360px;}
.ranking_con .detail_img img{width: 100%; height: 100%; object-fit: cover;}
.ranking_con .detail_info{width:400px; height:auto;}
.ranking_con .detail_buy_btn{flex-wrap: nowrap;}
.ranking_con .detail_buy_btn li{margin-right:10px;}
.ranking_con .detail_buy_btn li:first-child{margin-right:10px;}
.ranking_con .detail_buy_btn li:last-child{margin-right:0;}

.ranking_con .small_box .tag{margin-top:auto}
.ranking_con .small_box .detail_info{width:270px;}
.ranking_con .small_box{flex-direction: column;}
.ranking_con .small_box .detail_img{width:180px;}
.ranking_con .small_box .detail_top{height:180px;}
.ranking_con .small_box .price_detail_info{width:35%; display:flex; margin-top:0; align-items:center; }
.ranking_con .small_box .detail_buy_btn{width:120px; margin: 0 0 0 auto}
.ranking_con .small_box .detail_buy_btn li{margin-top:15px; margin-right:0; width:100%;}
.ranking_con .small_box .detail_buy_btn li:first-child{margin-top:0;}

.ranking_rise .pdt_list{flex-wrap:nowrap;}
.ranking_rise .pdt_list>li{margin:0 15px;}
.ranking_rise .list_num{background:#1e202e; color:#fff; position:absolute; padding:10px 15px;} 

.ranking_con .detail_info .tit h2{font-size:30px;}
.ranking_con .detail_info .price{font-size:22px;}
.detail_info .tit h2 span{font-size:20px;}
.detail_info .tit p{width:80%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.con_list .ranking_goster_list{flex-direction: column;}

.ranking_main_pdt img{width:100%;}
.list_bookmark{position:absolute; right:0}
.list_bookmark span{font-variation-settings:'FILL' 1; color:#ddd}
.list_bookmark span.active,.list_bookmark span:hover{color:#4f53fd}

.ranking_goster_list .detail_info{width:auto; height:auto;}
.ranking_goster_list .tag{margin-top:auto;}
.ranking_goster_list .tag li{padding:0 10px;}
.ranking_goster_list .ranking_main_pdt{margin-top:0; margin-left:auto;}
.ranking_goster_list.pdt_list>li img{width:150px; height:150px; margin-bottom:0;}
.ranking_goster_list.pdt_list>li{padding:30px 20px; border-radius:20px; border:1px solid #f2f2f2; transition:box-shadow 0.5s; position:relative;}
.ranking_goster_list.pdt_list>li:hover{box-shadow:0 0 30px rgba(0,0,0,0.03);}
.ranking_goster_list .list_num{font-size:16px;font-weight: bold;position: absolute;width: 40px;height: 40px;background: #1e202e; color: #fff;text-align: center;line-height: 40px;top: 0;left: 25px;border-radius: 0 0 20px 20px;}

/*고스터 랭킹*/
.goster_rank_main li{text-align: center; position: relative; transform: scale(0.8);}
.goster_rank_main li:nth-child(2){transform: scale(1);}
.rank_main_img img{width: 300px;}
.goster_rank_main .badge{width:100%; position: absolute; top:-70px;}
.goster_rank_main .badge img{width: 100px;}
.goster_rank_main .name{font-size: 20px; font-weight: bold; margin-top: 20px;}
.goster_rank_main .name span{font-size: 14px; margin-left: 5px;}
.goster_rank.pdt_list>li .badge{width: 50px;}
.goster_rank.pdt_list>li .badge img{width:100%; height: auto;}
.goster_rank.pdt_list>li .name{font-size: 14px; font-weight: bold;}
.list_inquiry_btn{background: #f9f9f9; padding:10px 20px; border-radius: 20px; transition: all 0.3s;}
.list_inquiry_btn:hover{background: #4f53fd;}
.list_inquiry_btn:hover a{background: #4f53fd; color:#fff;}
.ranking_list_rolling{width: 150px; margin:0;}
.swiper-pagination-bullet-active{background: #4f53fd;}

.goster_rank_learn{background: #f9f9ff; border-radius: 30px; padding:100px 0}
.goster_rank_learn li{text-align: center;}
.goster_rank_learn .badge_tit{font-size: 25px; font-weight: bold; margin:5px 0;}
.ranking_more{width:150px; margin:0 auto; text-align: center; margin-top: 80px; border-radius: 10px;}
.ranking_more a{padding:10px 20px}

/*카트*/
.soldout_alert{background:#f9f9f9;}
.order_area{width:calc(100% - 345px);}
.cart_list{width: 100%;}
.cart_list>ul>li{border:1px solid #f2f2f2; position: relative; margin-bottom: 20px;}
.cart_img{width: 150px;}
.cart_img img{width: 100%}
.cart_del{position: absolute; top:20px; right:20px; font-size: 14px;}
.cart_list_btn{position: absolute; right:20px; bottom:20px;}
.cart_list_btn li{border-radius: 10px;}
.cart_list_btn a{padding:10px;}
.cart_list_btn{font-size:14px;}
.list_check{ position: absolute; left:20px; top:5px}

.cart_pay_info{width:345px;}
.cart_pay_info>div{position: sticky; top:50px; border: 1px solid #f2f2f2; padding:20px; padding-bottom: 80px;}
.cart_pay_info dl{display: flex; justify-content: space-between; line-height: 25px; font-size: 14px; color:#999}
.cart_pay_info .pay_total_tit{font-weight: bold; color: #1e202e; font-size: 15px;}
.pay_buy_btn{width:100%; padding:10px; position: absolute; left:0; bottom:0;}


/*주문결제*/
.order_list>h4 span{font-weight: normal; color:#999; font-size: 14px; margin-left: 10px;}
.coupon_box,.point_box{margin:10px 0;}
.coupon_point h4{font-size:14px; width:100px}
.coupon_point p{color:#999; font-size: 14px; line-height: 28px;}
.coupon_point p span{color: #1e202e;}
.coupon_point input{border:1px solid #999; color:#999; padding:5px;}
.coupon_point button{background:#1e202e; color:#fff; text-align:center; width:100px; height:28px;}
.point_box2{width:calc(100% - 345px); background:#f9f9f9; padding:10px}
.point_box2 p{line-height: normal;}

.deposit_box{align-items: center;}
.deposit_box .material-symbols-outlined{vertical-align: middle; border:1px solid #999; border-radius: 5px; margin:0 10px;}

.pay_notice p{font-size:14px; color:#999; margin:5px 0;}

/*주문완료*/
.order_info_check{background:#f9f9f9; padding:20px;}
.order_info_check h4{font-size: 14px; margin-bottom: 10px;}
.payment_complete{width:100%}
.pay_notice h3{font-size: 20px;}
.pmt_info dl{display: flex; justify-content: space-between; line-height: 35px;}