/*콘텐츠 공통*/
.con_tit h2{font-size: 35px;}
.con_area{overflow: hidden;}

/*풀 화면*/
.full_inner{width: calc(100% - 230px); margin-left:230px; padding-left:50px; padding-right: 50px;}
.full_inner #footer .inner{width: 1280px; padding:0; margin:0 auto;}



/*메인배너*/
.main_bn .slick-slide{position: relative; height: 400px; overflow: hidden;}
.main_bn .slick-slide img{width:100%; height:100%; object-fit:cover;}



/*best아티스트*/
.artist_list .swiper-wrapper {transition-timing-function: linear; justify-content: center;}
.artist_list li{text-align: center; margin:0 10px;}
.artist_list li img{width: 110px; height: 110px;}
.artist_list li p{font-size:14px}
.artist_list li .cate,.artist_list li .count{font-size:12px}

/*배너*/
.main_bn2 li{width: 40%; height: 500px;}
.main_bn2 li:first-child{width: 60%;}
.main_bn2 li img{width: 100%; height: 100%; object-fit: cover; object-position: center;}



/*카운트 리스트*/
.count_list ul li{background: #f9f9f9; border-radius: 20px; padding:5% 0;}
.count_list ul li h2{font-size: 40px; margin:10px 0;}
.count_list ul li p{font-size: 20px;}

/*리미티드*/
.limit_left{flex-direction: column;}
.limit_left h2,.limit_left p,.w_buy_box{flex: none;}
.limit_left h2{font-size: 40px;}
.limit_left p{font-size: 24px;}
.limit_left p span{font-weight: bold;}
.w_buy_box{margin-top: auto;}

.limit_right.swiper{width: 725px; padding-bottom: 20px;}
.limit_right .swiper-scrollbar-drag{background: #1e202e;}
.limit_right .swiper-scrollbar.swiper-scrollbar-horizontal{top:auto; bottom:0; height: 2px; border-radius: 20px;}
.limit_right .swiper-scrollbar.swiper-scrollbar-horizontal:hover{height: 5px; transition: height 0.2s;}

/*타임세일*/
.time_sale .con_tit .material-symbols-outlined{font-size: 40px; vertical-align: bottom;}
.time_sale .con_tit .material-symbols-outlined{font-variation-settings: 'wght' 500,}
.time_sale>ul>li{position: relative;}
.time_sale>ul>li img{width: 100%;}
.time_area{background: #fff; padding:10px 15px; align-items: center; font-size: 14px; border-radius: 50px; top:-20px; z-index: 10;}
.time_area h3{margin-right: 10px; font-size: 14px;}

.time_sale .description{width:100%; height:100%; position: absolute; top:0; left:0; background:rgba(0,0,0,0.7); color:#fff; padding:72% 0 0 5%; box-sizing: border-box; opacity: 0; transition: opacity 0.5s;}
.time_sale>ul>li:hover .description{opacity: 1;}
.name{font-size: 11px; margin:5px 0;}
.description h3{font-size: 14px; font-weight: 400;}
.price{font-size: 18px; font-weight: bold; margin:5px 0}
.per{color:#4f53fd;}
.tag{font-size: 11px; overflow: hidden;}
.tag li{background:rgba(0,0,0,0.3); border-radius: 50px; color:#fff; padding:3px 10px; margin-right: 5px; white-space: nowrap;}
.tag li a{color: #fff;}

.more_btn{width:50%; margin:0 auto; margin-top: 50px; background: #f9f9ff;}
.more_btn a{display: block; color: #4f53fd; font-weight: bold; font-size: 20px; text-align: center; padding:20px;}


/*트렌드디자인*/
.trend_tit{width: 300px;}
.trend_design{gap: 50px;}
.trend_tit h2{font-size: 70px; line-height: 70px;}
.trend_tit ul{flex-wrap: wrap; margin-left: -5px; margin-top: 30px;}
.trend_tit ul li{font-size: 18px; border: 1px solid #1e202e; border-radius: 30px; padding:5px 15px; margin:5px}


.trend_right{width:900px; height: 1000px;}
.trend_right .swiper-wrapper{transition-timing-function: linear;}
.trend_right .swiper-slide{width: 100%; height: 100px; margin-top:30px;}
.trend_right .swiper-slide img{}
.trend_slide{width: 50%;}


/*메인 작품 리스트*/
.con_list .pdt_list{flex-wrap: wrap; position: relative;}
.con_list .pdt_list>li{margin-bottom: 40px;}
.con_list .pdt_list>li img{width: 100%; margin-bottom: 15px;}
.con_list .pdt_list>li .name img{width:15px; height: 15px; border-radius:50%; margin-bottom:0; margin-right:5px; vertical-align: text-bottom;}

.con_list>ul::after{
  content: "";
  position: absolute;
  left:0;
  bottom:5px;
  width:100%;
  height: 100px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
  background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.join_login_message_hide .join_login_message,.join_login_message_hide.con_list>ul::after{display:none;}

.join_login_message h3 span:hover a{color: #4f53fd;}
.join_login_btn li{background:#4f53fd; border-radius: 30px;}
.join_login_btn li:last-child{background-color: #f9f9ff;}
.join_login_btn li a{display: block; color:#fff; padding:10px 20px;}
.join_login_btn li:last-child a{color:#1e202e}

/*메인 라인배너*/
.line_bn{background:#4f53fd; height: 120px; line-height: 120px; font-size: 30px;}
.line_bn a{color:#fff; display: block;}

/*핫한 공모전 추가*/
.contest_img img{width:100%;}
.contest_top_tit{font-size:12px;}

.line_hover_shadow>ul>li{border-radius:10px; border:1px solid #f2f2f2; transition:box-shadow 0.3s,transform 0.3s;}
.line_hover_shadow>ul>li:hover{box-shadow: 0 0 30px rgba(0,0,0,0.03); transform:translateY(-10px)}

.price_time span{vertical-align:middle; font-size:12px;}
.price_time p{font-size:14px;}
.contest_description>p{font-size:14px; color:#999}