@charset "UTF-8";.history-content-comp{background:#FFF;padding:0 20px;margin-top:44px;margin-bottom:44px}
@media(min-width:1024px){.history-content-comp{padding:0;margin-top:48px;margin-bottom:48px}
}
.history-content-comp.type-module{padding:44px 20px}
@media(min-width:1024px){.history-content-comp.type-module{max-width:496px;margin:0 auto;padding:36px 32px;border-radius:16px;border:1px solid #e3e6ec;box-shadow:0 2px 64px 0 rgba(0,0,0,0.05)}
}
.history-content-comp-wrap{margin:0 auto;max-width:520px}
@media(min-width:1024px){.history-content-comp-wrap{max-width:770px}
}
.type-module .history-content-comp-wrap{width:100%;max-width:440px;margin:0 auto}
.history-content-comp__sub-title{display:none}
.type-module .history-content-comp__sub-title{display:block;position:relative;padding-left:26px;font-family:"Spoqa";font-weight:700;font-size:15px;line-height:21px;letter-spacing:-0.5px;margin-bottom:14px}
@media(min-width:1024px){.type-module .history-content-comp__sub-title{padding-left:30px;font-size:18px;line-height:26px;margin-bottom:24px}
}
.type-module .history-content-comp__sub-title::before{content:"";display:inline-block;position:absolute;width:22px;height:22px;background:url(../../../../clientlibs/site-v2/resources/images/btn_icon2.0/ic_taste_like_mo.svg) no-repeat center/cover;left:0;top:50%;transform:translateY(-50%)}
@media(min-width:1024px){.type-module .history-content-comp__sub-title::before{width:24px;height:24px}
}
.history-content-comp__title{font-size:20px;font-weight:700;line-height:28px;margin-bottom:20px;padding-left:2px}
@media(min-width:1024px){.history-content-comp__title{font-size:22px;line-height:32px}
}
.type-module .history-content-comp__title{font-family:"KBFGdisplay","Spoqa","Malgun Gothic","맑은 고딕",sans-serif;font-size:22px;line-height:30px;letter-spacing:-1px;margin-bottom:20px}
@media(min-width:1024px){.type-module .history-content-comp__title{font-size:26px;line-height:40px;margin-bottom:24px}
}
.history-content-comp__popular-wrap{display:none;background:#FFF;border-radius:12px;padding:28px 20px 36px 20px}
@media(min-width:1024px){.history-content-comp__popular-wrap{padding:40px 30px 44px 30px}
}
.history-content-comp__popular-wrap.is-active{display:block}
.history-content-comp__popular-wrap__box__slide{border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7}
.history-content-comp__popular-wrap__box__more{position:relative;margin-top:16px;font-size:0;display:inline-block;padding-right:24px;left:50%;transform:translateX(-50%)}
@media(min-width:1024px){.history-content-comp__popular-wrap__box__more{margin-top:20px;padding-right:30px}
}
.history-content-comp__popular-wrap__box__more::after{position:absolute;content:"";display:inline-block;width:16px;height:16px;top:50%;transform:translateY(-50%);right:2px;background:url("../../../../clientlibs/site-v2/resources/images/btn_icon2.0/icon_new_mo.svg") no-repeat center;border-radius:100%}
@media(min-width:1024px){.history-content-comp__popular-wrap__box__more::after{height:24px;width:24px;background:url("../../../../clientlibs/site-v2/resources/images/btn_icon2.0/icon_new_pc.svg") no-repeat center}
}
.history-content-comp__popular-wrap__box__more__link{display:flex !important;align-items:center;position:relative;font-size:14px;font-style:normal;font-weight:400;line-height:18px}
@media(min-width:1024px){.history-content-comp__popular-wrap__box__more__link{color:#505052;font-size:16px;font-weight:500;line-height:24px}
}
.history-content-comp__popular-wrap__box__more__link.slick-disabled{display:none !important}
.history-content-comp__popular-wrap__box__more__link.next,.history-content-comp__popular-wrap__box__more__link.pre{background:#fff;position:absolute;left:calc(50% - 42px);transform:translateX(-50%);z-index:1}
.type-simple .history-content-comp__popular-wrap__box__more__link.next,.type-simple .history-content-comp__popular-wrap__box__more__link.pre{left:calc(50% + 6px);width:calc(100% - 14px);background:transparent}
@media(min-width:1024px){.type-simple .history-content-comp__popular-wrap__box__more__link.next,.type-simple .history-content-comp__popular-wrap__box__more__link.pre{top:50%;left:calc(50% + 11px);width:calc(100% - 31px);transform:translate(-50%,-50%)}
}
.history-content-comp__popular-wrap__box__more__link.pre{z-index:0}
.history-content-comp__popular-wrap__box__more span{font-size:14px;font-style:normal;font-weight:400;line-height:18px}
@media(min-width:1024px){.history-content-comp__popular-wrap__box__more span{color:#505052;font-size:16px;font-weight:500;line-height:20px}
}
.history-content-comp__popular-wrap__box.type-simple .history-content-comp__popular-wrap__box__current{margin-left:53px}
@media(min-width:1024px){.history-content-comp__popular-wrap__box.type-simple .history-content-comp__popular-wrap__box__current{margin-left:74px}
}
.history-content-comp .list-comp:first-of-type{padding-top:16px}
@media(min-width:1024px){.history-content-comp .list-comp:first-of-type{padding-top:20px}
}
.history-content-comp .list-comp:last-of-type{border-bottom:0}
.note-content-comp{padding:16px 0 14px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;width:calc(100% - 40px);max-width:520px;margin:0 auto;margin-top:44px}
@media(min-width:1024px){.note-content-comp{padding:19px 0;max-width:770px;width:100%;margin-top:48px}
}
.note-content-comp ul{display:flex;flex-direction:column;width:-moz-max-content;width:max-content;margin:0 auto}
.note-content-comp ul li{color:#858585;font-size:13px;font-weight:400;line-height:18px;text-align:left;padding-left:14px;position:relative;display:inline-flex;align-items:center;gap:8px}
@media(min-width:1024px){.note-content-comp ul li{padding-left:16px;font-size:16px;line-height:28px}
}
.note-content-comp ul li button{color:#505052;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.note-content-comp ul li:before{content:"";width:2px;height:2px;display:inline-block;border-radius:50%;background:#858585;position:absolute;left:7px;top:7px}
@media(min-width:1024px){.note-content-comp ul li:before{top:11px}
}
.note-content-comp ul li+li{margin-top:4px}
@media(min-width:1024px){.note-content-comp ul li+li{margin-top:2px}
}