.sprite {
  background: url(/story/images/icon-sheet-2x.png) no-repeat;
  display: inline-block;
  -webkit-background-size: 320px 365px;
  background-size: 320px 365px; }
  .sprite.sprite-cconma-logo-landscape {
    background-position: -1px -2px;
    width: 113px;
    height: 21px; }
  .sprite.sprite-story-title {
    background-position: -116px -3px;
    width: 74px;
    height: 17px; }
  .sprite.sprite-flower-back {
    background-position: -192px -4px;
    width: 45px;
    height: 15px; }
  .sprite.sprite-dangol-on-icon {
    background-position: -242px -2px;
    width: 22px;
    height: 22px; }
  .sprite.sprite-dangol-off-icon {
    background-position: -268px -2px;
    width: 22px;
    height: 22px; }
  .sprite.sprite-bell-icon {
    background-position: -293px -2px;
    width: 22px;
    height: 21px; }
  .sprite.sprite-article-write-icon {
    background-position: -3px -27px;
    width: 19px;
    height: 18px; }
  .sprite.sprite-card-write-icon {
    background-position: -26px -27px;
    width: 19px;
    height: 19px; }
  .sprite.sprite-review-write-icon {
    background-position: -47px -27px;
    width: 20px;
    height: 19px; }
  .sprite.sprite-upload-photo-icon {
    background-position: -69px -27px;
    width: 25px;
    height: 19px; }
  .sprite.sprite-video-icon {
    background-position: -96px -27px;
    width: 25px;
    height: 19px; }
  .sprite.sprite-link-icon {
    background-position: -125px -27px;
    width: 24px;
    height: 19px; }
  .sprite.sprite-x-circle-icon {
    background-position: -153px -27px;
    width: 16px;
    height: 16px; }
  .sprite.sprite-upload-photo-circle-icon {
    background-position: -173px -25px;
    width: 30px;
    height: 30px; }
  .sprite.sprite-upload-photo-black-icon {
    background-position: -206px -30px;
    width: 24px;
    height: 18px; }
  .sprite.sprite-like-on-icon {
    background-position: -236px -28px;
    width: 21px;
    height: 20px; }
  .sprite.sprite-like-off-icon {
    background-position: -260px -28px;
    width: 21px;
    height: 20px; }
  .sprite.sprite-star-on-icon {
    background-position: -284px -29px;
    width: 16px;
    height: 15px; }
  .sprite.sprite-star-off-icon {
    background-position: -303px -29px;
    width: 16px;
    height: 15px; }
  .sprite.sprite-share-on-icon {
    background-position: -2px -53px;
    width: 27px;
    height: 17px; }
  .sprite.sprite-share-off-icon {
    background-position: -33px -51px;
    width: 27px;
    height: 20px; }
  .sprite.sprite-settings-icon {
    background-position: -63px -55px;
    width: 12px;
    height: 12px; }
  .sprite.sprite-settings-white-icon {
    background-position: -77px -53px;
    width: 16px;
    height: 15px; }
  .sprite.sprite-x-icon {
    background-position: -95px -53px;
    width: 16px;
    height: 16px; }
  .sprite.sprite-x-white-icon {
    background-position: -113px -53px;
    width: 18px;
    height: 18px; }
  .sprite.sprite-vertical-point-icon {
    background-position: -136px -53px;
    width: 4px;
    height: 15px; }
  .sprite.sprite-info-icon {
    background-position: -146px -54px;
    width: 15px;
    height: 15px; }
  .sprite.sprite-following-on-icon {
    background-position: -165px -55px;
    width: 29px;
    height: 14px; }
  .sprite.sprite-following-off-icon {
    background-position: -198px -55px;
    width: 27px;
    height: 14px; }
  .sprite.sprite-arrow-right-icon {
    background-position: -230px -55px;
    width: 8px;
    height: 10px; }
  .sprite.sprite-arrow-down-icon {
    background-position: -240px -54px;
    width: 18px;
    height: 13px; }
  .sprite.sprite-plus-icon {
    background-position: -260px -50px;
    width: 31px;
    height: 31px; }
  .sprite.sprite-noti-ad-icon {
    background-position: -2px -74px;
    width: 40px;
    height: 41px; }
  .sprite.sprite-noti-review_reply-icon, .sprite.sprite-noti-article_reply-icon {
    background-position: -46px -74px;
    width: 40px;
    height: 41px; }
  .sprite.sprite-noti-delivery_status-icon {
    background-position: -89px -74px;
    width: 40px;
    height: 41px; }
  .sprite.sprite-noti-friends-icon {
    background-position: -132px -74px;
    width: 40px;
    height: 41px; }
  .sprite.sprite-noti-notice-icon {
    background-position: -175px -74px;
    width: 40px;
    height: 41px; }
  .sprite.sprite-noti-store_qna-icon {
    background-position: -218px -74px;
    width: 40px;
    height: 41px; }
  .sprite.sprite-noti-share-icon {
    background-position: -2px -117px;
    width: 40px;
    height: 41px; }
  .sprite.sprite-comment-icon {
    background-position: -294px -54px;
    width: 22px;
    height: 21px; }
  .sprite.sprite-settings-s-icon {
    background-position: -47px -120px;
    width: 8px;
    height: 8px; }
  .sprite.sprite-x-s-icon {
    background-position: -58px -120px;
    width: 8px;
    height: 8px; }
  .sprite.sprite-like-on-s-icon {
    background-position: -70px -118px;
    width: 15px;
    height: 14px; }
  .sprite.sprite-like-off-s-icon {
    background-position: -87px -118px;
    width: 15px;
    height: 14px; }
  .sprite.sprite-alarm-on-icon {
    background-position: -162px -153px;
    width: 33px;
    height: 27px; }
  .sprite.sprite-alarm-off-icon {
    background-position: -126px -153px;
    width: 33px;
    height: 27px; }
  .sprite.sprite-cconma-logo-landscape-white {
    background-position: -161px -119px;
    width: 135px;
    height: 24px; }
  .sprite.sprite-story-title-white {
    background-position: -1px -160px;
    width: 74px;
    height: 18px; }
  .sprite.sprite-flower-back-white {
    background-position: -77px -160px;
    width: 46px;
    height: 15px; }
  .sprite.sprite-dangol-pink-icon {
    background-position: -198px -157px;
    width: 24px;
    height: 21px; }
  .sprite.sprite-following-pink-icon {
    background-position: -225px -157px;
    width: 24px;
    height: 21px; }
  .sprite.sprite-following-on-members-icon {
    background-position: -252px -161px;
    width: 29px;
    height: 14px; }
  .sprite.sprite-following-off-members-icon {
    background-position: -198px -55px;
    width: 27px;
    height: 14px; }
  .sprite.sprite-search-icon {
    background-position: -292px -157px;
    width: 19px;
    height: 18px; }
  .sprite.sprite-search-icon-grey {
    background-position: -292px -182px;
    width: 19px;
    height: 18px; }
  .sprite.sprite-cconma-logo-red {
    background-position: -5px -185px;
    width: 134px;
    height: 24px; }
  .sprite.sprite-channel-tag {
    background-position: -146px -184px;
    width: 66px;
    height: 28px; }
  .sprite.sprite-channel-log {
    background-position: -4px -218px;
    width: 200px;
    height: 145px; }
  .sprite.sprite-channel-flower {
    background-position: -230px -184px;
    width: 57px;
    height: 49px; }
  .sprite.sprite-direction-prev {
    background-position: -215px -247px;
    width: 21px;
    height: 35px; }
  .sprite.sprite-direction-next {
    background-position: -246px -247px;
    width: 21px;
    height: 35px; }
  .sprite.sprite-direction-prev-grey {
    background-position: -276px -253px;
    width: 15px;
    height: 25px; }
  .sprite.sprite-direction-next-grey {
    background-position: -296px -253px;
    width: 15px;
    height: 25px; }
  .sprite.sprite-comment-m-icon {
    background-position: -295px -83px;
    width: 17px;
    height: 16px; }
  .sprite.sprite-like-on-m-icon {
    background-position: -109px -118px;
    width: 16px;
    height: 15px; }
  .sprite.sprite-like-off-m-icon {
    background-position: -130px -118px;
    width: 16px;
    height: 15px; }
  .sprite.sprite-arrow-down-large-icon {
    background-position: -216px -297px;
    width: 30px;
    height: 18px; }
  .sprite.sprite-flower-icon {
    background-position: -261px -304px;
    width: 22px;
    height: 20px; }
  .sprite.sprite-flower-s-icon {
    background-position: -287px -304px;
    width: 15px;
    height: 15px; }

.story-icon {
  background: url(//ws.cconma.com/assets/images/story/icons-201805311152.png) no-repeat;
  display: inline-block;
  -webkit-background-size: 640px 300px;
  background-size: 640px 300px; }
  .story-icon.arrow-right {
    background-position: -3px -10px;
    width: 6px;
    height: 9px; }
  .story-icon.setting {
    background-position: -14px -10px;
    width: 9px;
    height: 9px; }
  .story-icon.dangol {
    background-position: -466px -6px;
    width: 19px;
    height: 19px; }
  .story-icon.follower {
    background-position: -488px -8px;
    width: 20px;
    height: 17px; }
  .story-icon.write {
    background-position: -85px -1px;
    width: 21px;
    height: 21px; }
    .story-icon.write.active {
      background-position: -62px -1px;
      width: 21px;
      height: 21px; }
  .story-icon.review {
    background-position: -136px -3px;
    width: 25px;
    height: 18px; }
    .story-icon.review.active {
      background-position: -109px -3px;
      width: 25px;
      height: 18px; }
  .story-icon.pic-upload {
    background-position: -163px -1px;
    width: 24px;
    height: 19px; }
  .story-icon.youtube-upload {
    background-position: -189px -2px;
    width: 20px;
    height: 20px; }
  .story-icon.link {
    background-position: -210px -1px;
    width: 20px;
    height: 20px; }
  .story-icon.follower-on {
    background-position: -231px -2px;
    width: 23px;
    height: 19px; }
  .story-icon.follower-off {
    background-position: -256px -2px;
    width: 23px;
    height: 19px; }
  .story-icon.dangol-on {
    background-position: -281px -1px;
    width: 20px;
    height: 19px; }
  .story-icon.dangol-off {
    background-position: -303px -1px;
    width: 20px;
    height: 19px; }
  .story-icon.search {
    background-position: -325px -2px;
    width: 20px;
    height: 20px; }
  .story-icon.alarm {
    background-position: -347px -8px;
    width: 18px;
    height: 20px; }
    .story-icon.alarm.digit-1 {
      background-position: -367px -4px;
      width: 23px;
      height: 24px; }
    .story-icon.alarm.digit-2 {
      background-position: -394px -4px;
      width: 30px;
      height: 24px; }
    .story-icon.alarm.digit-3 {
      background-position: -427px -4px;
      width: 36px;
      height: 24px; }
  .story-icon.arrow-down {
    background-position: -511px -16px;
    width: 17px;
    height: 10px; }
  .story-icon.arrow-up {
    background-position: -511px -4px;
    width: 17px;
    height: 10px; }
  .story-icon.star-on {
    background-position: -530px -5px;
    width: 12px;
    height: 12px; }
  .story-icon.star-off {
    background-position: -545px -5px;
    width: 12px;
    height: 12px; }

/*# sourceMappingURL=story-icon.css.map */