[share-items]{position:relative;z-index:1}[share-items].on{z-index:10}[share-items].on .items-holder{pointer-events:auto}[share-items].on .items-holder .items{transform:translateY(0)}[share-items] .btn-active{width:40px;height:40px;border-radius:20px;background-color:#fff;position:relative;z-index:3}[share-items] .btn-active:before{content:"";display:block;width:18px;height:20px;background-image:url(/img/icon/btn_share.svg);background-repeat:no-repeat;background-size:contain;position:absolute;left:10px;top:10px;right:auto;bottom:auto}[share-items] .btn-active>em{display:none}[share-items] .items-holder{overflow:hidden;position:absolute;width:144px;right:0;top:52px;left:auto;bottom:auto;pointer-events:none}[share-items] .items-holder .items{width:100%;border-radius:12px;background-color:#fff;padding-top:12px;padding-right:8px;padding-bottom:12px;padding-left:8px;z-index:2;transform:translateY(-101%);transition:transform .3s;border-bottom:1px solid #ebebf0;box-sizing:border-box}[share-items] .items-holder .items>button{width:100%;height:40px;font-size:14px;line-height:40px;color:#191919;padding-left:38px;box-sizing:border-box;position:relative;text-align:left}[share-items] .items-holder .items>button:before{content:"";display:block;width:24px;height:24px;position:absolute;opacity:.4}[share-items] .items-holder .items>button:first-child:before{background-image:url(/img/sns/facebook.svg);background-repeat:no-repeat;background-size:contain;left:3px;top:9px;right:auto;bottom:auto}[share-items] .items-holder .items>button:nth-child(2):before{background-image:url(/img/sns/twitter.svg);background-repeat:no-repeat;background-size:contain;left:3px;top:11px;right:auto;bottom:auto}[share-items] .items-holder .items>button:nth-child(3):before{background-image:url(/img/sns/kakao.svg);background-repeat:no-repeat;background-size:contain;left:3px;top:10px;right:auto;bottom:auto}[share-items] .items-holder .items>button:nth-child(4):before{background-image:url(/img/sns/share.svg);background-repeat:no-repeat;background-size:contain;left:6px;top:10px;right:auto;bottom:auto}[share-items] .items-holder .items>button:hover{background-color:#ebebf0}[share-items] .items-holder .items>button:hover:before{opacity:1}@media (min-width:768px){[share-items] .btn-active{width:120px;height:40px;font-size:14px;line-height:40px;color:#000;text-align:left;padding-left:45px}[share-items] .btn-active:before{left:19px;top:10px;right:auto;bottom:auto}[share-items] .btn-active>em{display:inline-block}}[channel-menu]{max-width:1280px;margin-left:auto;margin-right:auto;padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px}[channel-menu] .swiper-slide{width:auto;max-width:none}[channel-menu] .swiper-slide a{display:block;min-width:109px;padding-top:17px;padding-right:20px;padding-bottom:17px;padding-left:20px;font-size:14px;line-height:18px;color:hsla(0,0%,100%,.5);font-weight:700;text-align:center}[channel-menu] .swiper-slide a.on{color:#fff}[channel-menu] .swiper-slide a.on:after{content:"";display:block;position:absolute;left:0;bottom:0;right:auto;top:auto;z-index:1;width:100%;height:4px;background-color:#eb5757}@media (min-width:768px){[channel-menu]{padding-top:0;padding-right:58px;padding-bottom:0;padding-left:230px}[channel-menu] .swiper-slide a{min-width:148px;padding-top:26px;padding-right:30px;padding-bottom:26px;padding-left:30px;font-size:18px;line-height:18px}}@media (min-width:1420px){[channel-menu]{padding-left:180px}}[channel-header]{color:#fff;background-color:#191919}[channel-header] .account{position:relative}[channel-header] .account>img{width:100%;height:165px;background-color:#ebebf0;position:absolute;left:0;top:0;right:auto;bottom:auto;-o-object-fit:cover;object-fit:cover;z-index:1}[channel-header] .account .info-holder{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-top:80px;padding-right:20px;padding-bottom:0;padding-left:20px;background-color:#191919}[channel-header] .account .info-holder .main-bg{position:absolute;left:0;top:0;right:auto;bottom:auto;z-index:1;width:100%;height:160px;background-image:url(/img/channel/empty-channel-home-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%}[channel-header] .account .info-holder .main-bg>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;vertical-align:middle;background-color:#ddd}[channel-header] .account .info-holder .btn-home{position:absolute;left:20px;top:20px;right:auto;bottom:auto;z-index:2;min-width:90px;padding-left:38px;border-radius:20px}[channel-header] .account .info-holder .btn-home:before{content:"";display:block;width:32px;height:32px;border-radius:50%;background-color:#fff;position:absolute;left:4px;top:4px;right:auto;bottom:auto}[channel-header] .account .info-holder .btn-home:after{content:"";display:block;width:22px;height:22px;background-image:url(/img/icon/icon-channel-wave.svg);background-repeat:no-repeat;background-size:contain;position:absolute;left:9px;top:9px;right:auto;bottom:auto}[channel-header] .account .info-holder .main-info{position:relative;z-index:3;height:80px}[channel-header] .account .info-holder .main-info .thumb{position:absolute;left:0;top:0;right:auto;bottom:auto;z-index:1}[channel-header] .account .info-holder .main-info .thumb>img{vertical-align:middle}[channel-header] .account .info-holder .main-info .thumb .chain{position:absolute;width:32px;height:32px;border-radius:50%;display:block;font-size:9px;line-height:32px;text-align:center;left:-5px;top:-5px;right:auto;bottom:auto;z-index:1}[channel-header] .account .info-holder .main-info .thumb .chain.OFFICIAL{background-color:#df3a3a}[channel-header] .account .info-holder .main-info .thumb .chain.PARTNER{background-color:#ea9135}[channel-header] .account .info-holder .main-info .thumb .avatar{width:80px;height:80px;border:1px solid #242a32;background-color:#242a32}[channel-header] .account .info-holder .main-info .name{position:relative;z-index:2;margin-top:12px;margin-right:0;margin-bottom:12px;margin-left:0;padding-left:92px;padding-right:50px;font-size:20px;line-height:36px;color:#fff;text-shadow:0 0 1px rgba(0,0,0,.5);height:80px;display:flex;flex-flow:column;justify-content:center}[channel-header] .account .info-holder .main-info .name h3{overflow:hidden;text-after-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}[channel-header] .account .info-holder .main-info [share-items]{display:inline-block;position:absolute;right:0;top:18px;left:auto;bottom:auto;z-index:2;transform:translateY(1px)}[channel-header] .account .info-holder .sub-info{position:relative;z-index:2;display:flex;justify-content:flex-end}[channel-header] .account .info-holder .sub-info .shame{margin-top:21px;padding-bottom:6px}[channel-header] .account .info-holder .sub-info .shame>span{display:block;margin-bottom:6px;font-size:12px;line-height:16px;color:hsla(0,0%,100%,.5)}[channel-header] .account .info-holder .sub-info .shame>span>em{margin-left:8px;color:#2c81ff;vertical-align:top}[channel-header] .account .info-holder .sub-info .control-btns{z-index:0}[channel-header] .account .info-holder .sub-info .control-btns [primary-button]{height:40px;font-size:13px;line-height:40px;padding-top:0;padding-right:19px;padding-bottom:0;padding-left:19px;border-radius:12px;display:block}[channel-header] .account .info-holder .sub-info .control-btns [primary-button].btn-toggle{position:relative}[channel-header] .account .info-holder .sub-info .control-btns [primary-button].btn-toggle span{vertical-align:middle}[channel-header] .account .info-holder .sub-info .control-btns [primary-button].btn-toggle span em{display:inline-block;font-size:11px;vertical-align:top;opacity:.8}[channel-header] .account .info-holder .sub-info .control-btns [primary-button].btn-toggle:before{content:"";display:block;display:inline-block;width:22px;height:18px;margin-right:3px;background-image:url(/img/icon/heart_hollow.png);background-repeat:no-repeat;background-size:contain;vertical-align:middle}[channel-header] .account .info-holder .sub-info .control-btns [primary-button].btn-toggle:hover:before{position:relative;z-index:2;background-image:url(/img/icon/heart_fill.png);background-repeat:no-repeat;background-size:contain}[channel-header] .account .info-holder .sub-info .control-btns [primary-button].btn-toggle.on:before{background-image:url(/img/icon/heart_fill.png);background-repeat:no-repeat;background-size:contain}[channel-header] .account .info-holder .sub-info .control-btns>a{display:none;text-align:left;color:#979797;border-bottom:1px solid #979797;width:125px;float:right;font-size:14px;margin-top:4px;position:relative}[channel-header] .account .info-holder .sub-info .control-btns>a img{width:16px;height:16px;right:0;top:50%;left:auto;bottom:auto;transform:translateY(-50%);position:absolute;z-index:2}@media (min-width:768px){[channel-header] .account .info-holder{min-height:220px;padding-top:106px;padding-right:58px;padding-bottom:0;padding-left:58px}[channel-header] .account .info-holder .btn-home{left:58px;min-width:155px}[channel-header] .account .info-holder .main-bg{height:190px}[channel-header] .account .info-holder .main-info{height:auto;max-height:none}[channel-header] .account .info-holder .main-info .thumb .chain{width:48px;height:48px;font-size:12px;line-height:48px}[channel-header] .account .info-holder .main-info .thumb .avatar{width:148px;height:148px}[channel-header] .account .info-holder .main-info .name{display:block;padding-top:7px;padding-right:0;padding-bottom:7px;padding-left:0;padding-left:170px;padding-right:135px;font-size:30px;line-height:48px;height:60px}[channel-header] .account .info-holder .main-info .name h3{overflow:hidden;text-after-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}[channel-header] .account .info-holder .main-info [share-items]{top:11px}[channel-header] .account .info-holder .sub-info{overflow:hidden;padding-left:170px}[channel-header] .account .info-holder .sub-info .shame{float:left;margin-top:15px}[channel-header] .account .info-holder .sub-info .shame>span{display:inline-block;font-size:14px}[channel-header] .account .info-holder .sub-info .shame>span>em{margin-left:8px}[channel-header] .account .info-holder .sub-info .shame>span:after{content:"";display:block;display:inline-block;width:1px;height:12px;margin-top:0;margin-right:10px;margin-bottom:0;margin-left:10px;background-color:hsla(0,0%,100%,.4)}[channel-header] .account .info-holder .sub-info .shame>span:last-child:after{display:none}[channel-header] .account .info-holder .sub-info .control-btns{position:unset;float:right;margin-top:13px}[channel-header] .snb{padding-top:0;padding-right:58px;padding-bottom:0;padding-left:58px}}@media (min-width:1024px){[channel-header] .account .info-holder .main-info .name{font-size:36px;line-height:56px;padding-left:180px}[channel-header] .account .info-holder .sub-info{padding-left:180px}[channel-header] .account .info-holder .sub-info .shame>span{font-size:16px}[channel-header] .account .info-holder .sub-info .shame>span>em{margin-left:12px}[channel-header] .account .info-holder .sub-info .shame>span:after{margin-top:0;margin-right:20px;margin-bottom:0;margin-left:20px}}@media (min-width:1260px){[channel-header] .account .info-holder{min-height:370px;padding-top:236px;padding-right:0;padding-bottom:0;padding-left:0;width:1200px;margin-left:auto;margin-right:auto}[channel-header] .account .info-holder .main-bg{height:320px}[channel-header] .account .info-holder .btn-home{left:calc(50% - 600px)}[channel-header] .account .info-holder .main-info .name{overflow:hidden;text-after-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;width:auto;max-width:none;padding-top:3px}[channel-header] .account .info-holder .main-info [share-items]{top:10px}[channel-header] .account .info-holder .sub-info{margin-top:25px}[channel-header] .account .info-holder .sub-info .control-btns{margin-top:14px}[channel-header] .account .info-holder .sub-info .control-btns [primary-button]{width:240px;height:54px;font-size:18px;line-height:50px}[channel-header] .account .info-holder .sub-info .control-btns [primary-button].btn-toggle span em{font-size:13px}}@media (min-width:1420px){[channel-header] .account .info-holder{width:1280px}[channel-header] .account .info-holder .btn-home{left:calc(50% - 640px)}}.no-shrink{flex-shrink:0}[user-channel]{background-color:#fff}