@charset "utf-8";

.collect2020{padding:110px 85px 100px;background: linear-gradient(#000, #191919);}
.collect2020 .top{color:#fff;text-align:center;font-weight:bold;line-height:1;}
.collect2020 .top .title{font-size:40px;margin-bottom:0.6em;}
.collect2020 .top .part{font-size:60px;}
.collect2020 .contents ul{border-top:1px solid #353535;}
.collect2020 .contents li{width:100%;border-bottom:1px solid #353535;margin:0;list-style:none;padding:0;}
.collect2020 .contents br,
.collect2020 .contents p{display:none;}
.collect2020 .contents a{display:flex;align-items:center;padding:50px 0;position:relative;}
.collect2020 .contents a:after{
    content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:50px;height:50px;
    background:#0f0f0f url(https://img.kr.news.samsung.com/betree_content/special_20201203/images/icon_plus.png) no-repeat center/cover;border-radius:50%;
}
.collect2020 .contents .image{flex:0 0 auto;width:33.813%;overflow:hidden;}
.collect2020 .contents .image img{width:100%;transition:transform .8s ease;}
.collect2020 .contents .desc{color:#fff;padding-left:56px;padding-right:76px;font-size:26px;font-weight:bold;}
.collect2020 .contents a:hover .image img,
.collect2020 .contents a:focus .image img{transform:scale(1.1);}
.collect2020 .contents .block.desktop{display:block;}

@media (max-width: 768px){
    .collect2020{padding:40px 24px;}
    .collect2020 .top .title{font-size:14px;}
    .collect2020 .top .part{font-size:24px;}
    .collect2020 .contents a{padding:20px 0 20px 5px;}
    .collect2020 .contents a:after{width:30px;height:30px;right:5px;}
    .collect2020 .contents .image{width:28.52%;}
    .collect2020 .contents .desc{padding-left:10px;padding-right:42px;font-size:13px;height:54px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
    .collect2020 .contents .block.desktop{display:inline;}
}

.collect2020 .main{color:#f8f5ee;text-align: center;padding-bottom:32px;}
.collect2020 .main .sub_title{font-size:40px;font-weight: bold;margin-bottom:42px;}
.collect2020 .main .title{font-size:60px;font-weight:bold;margin-bottom:62px;}
.collect2020 .main .desc{font-size:24px;margin:0 -50px 115px;}
.collect2020 .main ul{margin-right:-26px;}
.collect2020 .main ul:after{content:"";display:block;clear:both;}
.collect2020 .main li{width:100%;list-style:none;position:relative;padding-bottom:0;margin:0 0 26px;padding-right:26px;float:left;}
.collect2020 .main li a{display:block;width:100%;position:relative;}
.collect2020 .main li br,
.collect2020 .main li p{display:none;}
.collect2020 .main .image{display:block;width:100%;overflow:hidden;}
.collect2020 .main .image img{transition:transform .8s ease;width:100%;height:100%;}
.collect2020 .main .text{display:block;font-size:40px;font-weight:bold;color:#f8f5ee;position: absolute;top:50%;width:100%;transform:translateY(-50%)}
.collect2020 .main .two_banner{width:50%;}
.collect2020 .main .two_banner.last{margin-bottom:0;}
.collect2020 .main .two_banner .image{width:100%;}
.collect2020 .main .two_banner .image img{width:100%;}
.collect2020 .main .two_banner a{width:100%;}
.collect2020 .main .two_banner .text{width:100%;top:38px;transform: none;padding: 0 10px;}
.collect2020 .main a:hover .image img,
.collect2020 .main a:focus .image img{transform:scale(1.1);}
@media (max-width: 768px){
    .collect2020 .main .sub_title{font-size:14px;margin-bottom:14px;}
    .collect2020 .main .title{font-size:26px;margin-bottom:32px;}
    .collect2020 .main .desc{font-size:14px;margin:0 0 40px;}
    .collect2020 .main li{margin-bottom:13px;}
    .collect2020 .main .text{font-size:20px;}
    .collect2020 .main .two_banner .text{font-size:14px;top:10%;}
}