@charset "UTF-8";


/* thinkChoose */

#choicecrossroad #thinkChoose .content .concern-intro{
    padding: 0;
    background-color:transparent;
    border: none;
    border-radius: 0;
}
#choicecrossroad #thinkChoose .content .choose-wrap{
    padding-top: 0;
}
#choicecrossroad #thinkChoose .content .choose-wrap::before{
    display: none;
}
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list{
    margin-top: 0;
}
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list li{
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    background-color: #000000cd!important;
    background-image: none !important;
}
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list li::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list li.case-1::before{
    background: url('/kr/story/buying-guide/img/choicecrossroad/water-purifiers/thinkChoose-01-bg.webp') no-repeat center center/ cover !important;
}
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list li.case-2::before{
    background: url('/kr/story/buying-guide/img/choicecrossroad/water-purifiers/thinkChoose-02-bg.webp') no-repeat center center/ cover !important;
}
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list li > * {position: relative;z-index: 1;}
 
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product article .recommend-copy p{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: -0.02em;
}  
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product article .recommend-copy .ic-check{
    font-weight: 600;
    font-size: 14px;
    line-height: 180%;
    letter-spacing: -2%;
    letter-spacing: -0.28px;
    padding-left: 28px;
}
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product article .recommend-copy .ic-check::before{
    content: '';
    position: absolute;
    top: 50%;transform: translateY(-50%);
    left: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product .product-a .recommend-copy .ic-check::before{
    background:url('/kr/story/buying-guide/img/choicecrossroad/icon-check-a.png') no-repeat center / contain;
}
#choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product .product-b .recommend-copy .ic-check::before{
    background:url('/kr/story/buying-guide/img/choicecrossroad/icon-check-b.png') no-repeat center / contain;
}
/* todayCrossroads */
#choicecrossroad #todayCrossroads .crossroads-table th{padding: 0 49px;}
#choicecrossroad #todayCrossroads .crossroads-table .size-info{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
#choicecrossroad #todayCrossroads .crossroads-table .size-info img{
    width: 140px;
    height: 140px;
    object-fit: contain;
}
#choicecrossroad #todayCrossroads .crossroads-table .item-review{
    padding: 45px 40px;
}

/* 노서치의 선택 포인트 */
#choicecrossroad #checkPoint .content .point-list .point-wrap .con-item .item-img{margin-bottom: 24px;}
#choicecrossroad #checkPoint .content .point-list .point-wrap .content-box.type-card{gap: 12px;}
#choicecrossroad #checkPoint .content .point-list .point-wrap .content-box.type-card .con-item{padding: 24px 30px 36px;}
#choicecrossroad #checkPoint .content .point-list .point-wrap .content-box.type-card .con-item .item-eyebrow span{
    padding: 8px 16px;
}
#choicecrossroad #checkPoint .content .point-list .point-wrap .content-box.type-card .con-item .item-type span.cool{color: #388EFF;}
#choicecrossroad #checkPoint .content .point-list .point-wrap .content-box.type-card .con-item .item-type span.hot{color: #FF3439;}
#choicecrossroad #checkPoint .content .point-list .point-wrap .content-box.type-card .con-item .item-product{
    margin: 24px auto;
}

/* episode */
#choicecrossroad #episode{
    background-color: #F3F5F7;
}
#choicecrossroad section#episode{padding: 80px 40px;}
#choicecrossroad #episode .episode-con .ep-item{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
#choicecrossroad #episode .episode-con .ep-item .title-box{
    position: absolute;
    top: 50%;transform: translateY(-50%);
    left: 0;
    width: auto;
    text-align: left;
    padding:0 120px;
    z-index: 1;
}
#choicecrossroad #episode .episode-con .ep-item .title-box .eyebrow{
font-weight: 700;
font-size: 30px;
line-height: 1.46;
letter-spacing: -0.6px;
}
#choicecrossroad #episode .episode-con .ep-item .title-box .title{
font-weight: 500;
font-size: 24px;
line-height: 1.46;
letter-spacing: -0.48px;
margin-top:8px;
}
#choicecrossroad #episode .episode-con .ep-item .title-box .more-btn{
font-weight: 500;
font-size: 18px;
line-height: 1.68;
letter-spacing: -0.36px;
padding: 12px 32px;
color:#fff;
background-color: #000;
border-radius: 12px;
display: inline-block;
margin-top: 24px;
outline:1px solid transparent;
transition: all 0.6s ease-in-out;

}
#choicecrossroad #episode .episode-con .ep-item .title-box .more-btn:hover{
    background-color:transparent;
    color: #000;
    outline:1px solid #000;
}
#choicecrossroad #episode .episode-con .ep-item .bg-box{
    width: 100%;
}
#choicecrossroad #episode .episode-con .ep-item .bg-box img{
    width: 100%;
    display: block;
    object-fit: contain;
}



@media screen and (max-width: 1024px) {
  #choicecrossroad .pc-only {
    display: none !important;
  }
  #choicecrossroad .ta-only{
    display: block !important;
  }
  #choicecrossroad br.mo-only{display: none !important;}

  #choicecrossroad #kv.on .bg-box .ic-vs.mo-only{display: none !important;}
  #choicecrossroad #kv .title-box .ic-vs.pc-only{opacity:0;}
  #choicecrossroad #kv.on .title-box .ic-vs.pc-only{opacity: 1;display: block !important;}
  #choicecrossroad #episode .episode-con .ep-item .title-box{
    padding:0 32px;
  }
  #choicecrossroad #episode .episode-con .ep-item .title-box .more-btn{display: none;}
}
@media screen and (max-width: 767px) {
  #choicecrossroad .ta-only{display: none !important;}
  #choicecrossroad br.mo-only{display: block !important;}
  
  #choicecrossroad section .disclaimer button.mo-only{
    position: relative;
    padding-left: 10px;
  }
  #choicecrossroad section .disclaimer button.mo-only::before{
    content: '*';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 11px;
    line-height: 1.42;
    letter-spacing: -0.22px;
    font-weight: 500;
  }
  #choicecrossroad #kv.on .title-box .ic-vs.pc-only{display: none !important;}
  #choicecrossroad #kv.on .bg-box .ic-vs.mo-only{display: block !important;}
  
   /* todayCrossroads */
   #choicecrossroad #todayCrossroads .crossroads-table th{padding: 0 14px;}
   #choicecrossroad #todayCrossroads .crossroads-table .item-title{
    min-height: auto;
   }
    #choicecrossroad #todayCrossroads .crossroads-table .size-info img{
        width: auto;
        height: 80px;
    }
    #choicecrossroad #todayCrossroads .crossroads-table .item-review{
        padding: 36px 15px 28px;
    }
    /* thinkChoose */
    #choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product article .point-desc{font-weight: 400;}
    #choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product article .recommend-copy p{font-weight: 400;}
    #choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product article .recommend-copy strong{font-weight: 600;}
    #choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product article .recommend-copy .ic-check{
        font-size: 13px;
        line-height: 1.44;
        letter-spacing: -0.26px;
    }
    #choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product article .recommend-copy .ic-check::before{
        width: 16px;
        height: 16px;
    }
    #choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product article .recommend-copy{
        gap: 8px;
        padding: 12px 16px;
    }
    #choicecrossroad #thinkChoose .content .choose-wrap .choose-list li .case-product article .recommend-copy p{
        font-size: 13px;
        line-height: 1.44;
        letter-spacing: -0.26px;
    }
    #choicecrossroad #thinkChoose .content .choose-wrap .choose-list li.case-1::before{
        background: url('/kr/story/buying-guide/img/choicecrossroad/water-purifiers/thinkChoose-01-bg-mo.webp') no-repeat center top / 100% !important;
    }
  
    #choicecrossroad #thinkChoose .content .choose-wrap .choose-list li.case-2::before{
        background: url('/kr/story/buying-guide/img/choicecrossroad/water-purifiers/thinkChoose-02-bg-mo.webp') no-repeat center top / 100% !important;
    }
    #choicecrossroad #thinkChoose .content .choose-wrap .choose-list li::after{
        content: '';
        position: absolute;
        bottom: 0;left: 0;
        width: 100%;
        height: 60%;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(235, 232, 229, 0) 0%, rgba(37, 37, 37, 1) 49.86%)
        
    }
  
    /* 노서치가 선택한 제품 */
    #choicecrossroad #checkPoint .content .point-list .point-wrap .content-box{margin-top: 32px;}
    #choicecrossroad #checkPoint .content .point-list .point-wrap .content-box.type-card{gap: 20px;}
    #choicecrossroad #checkPoint .content .point-list .point-wrap .content-box.type-card .con-item{padding: 20px;}
    #choicecrossroad #checkPoint .content .point-list .point-wrap .content-box.type-card .con-item .item-product{margin: 20px auto;}
    #choicecrossroad #checkPoint .content .point-list .point-wrap .content-box.type-card .con-item .item-type{
        background-color: transparent !important;
        color: #111 !important;
    }

    #choicecrossroad section#episode{padding: 40px 20px;}
    #choicecrossroad #episode .episode-con .ep-item .title-box{
        padding:0 32px;
    }
    #choicecrossroad #episode .episode-con .ep-item .title-box .eyebrow{
        font-size: 15px;
        line-height: 140%;
        letter-spacing: -0.3px;
    }
    #choicecrossroad #episode .episode-con .ep-item .title-box .title{
        font-size: 12px;
        line-height: 1.54;
        letter-spacing: -0.24px;
    }
    #choicecrossroad #episode .episode-con .ep-item .title-box .more-btn{
    display: none;
    }
}