@charset "utf-8";

/* fonts by lang */

:lang(ko) body,
:lang(ko) a,
:lang(ko) button,
:lang(ko) input,
:lang(ko) textarea {
  font-family: 'Noto Sans CJK', AppleSDGothicNeo, 'Malgun Gothic', arial;
}

:lang(zh-cn) body,
:lang(zh-cn) a,
:lang(zh-cn) button,
:lang(zh-cn) input,
:lang(zh-cn) textarea {
  font-family: sans-serif, AppleSDGothicNeo, SimSun, NSimSun, FangSong;
}

:lang(zh-tw) body,
:lang(zh-tw) a,
:lang(zh-tw) button,
:lang(zh-tw) input,
:lang(zh-tw) textarea {
  font-family: "Spoqa Han Sans Neo KR" !important;
}

:lang(zh-tw) [class^="ic-v2"],
:lang(zh-tw) [class*=" ic-v2"],
:lang(zh-tw) [class^="ic-v2"]::before,
:lang(zh-tw) [class*=" ic-v2"]::before {
  font-family: 'stds-font-icon-v2' !important;
}

:lang(ja) body,
:lang(ja) a,
:lang(ja) button,
:lang(ja) input,
:lang(ja) textarea {
  font-family: AppleSDGothicNeo, Yu Gothic, Meiryo, sans-serif;
}

:lang(th) body,
:lang(th) a,
:lang(th) button,
:lang(th) input,
:lang(th) textarea {
  font-family: 'Sarabun', tahoma, Open Sans, sans-serif;
}

html {
  font-size: 12px;
}

html,
body {
  width: 100%;
  background-color: #f7f7f7;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
form,
fieldset,
p,
buttonfieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
input,
button,
textarea {
  font-size: 12px;
  color: #383d41;
}

body {
  text-align: left;
}

img,
fieldset,
iframe {
  border: 0 none;
}

li {
  list-style: none;
  list-style-type: none;
}

input,
select,
button {
  vertical-align: middle;
}

select:focus ~ input {
  cursor: default !important;
}

* input {
  cursor: default;
}

img {
  vertical-align: top;
}

i,
em,
address {
  font-style: normal;
}

label,
button {
  cursor: pointer;
}

button {
  margin: 0;
  padding: 0;
  outline: none;
}

a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

a:hover {
  text-decoration: none;
}

button * {
  position: relative;
}

button img {
  left: -3px;
  *left: auto;
}

html:first-child select {
  height: 100%;
  padding-right: 6px;
}

option {
  padding-right: 6px;
}

hr {
  display: none;
}

legend {
  *width: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input::-ms-clear {
  display: none;
}

caption {
  position: absolute;
  height: 0;
  width: 0;
  line-height: 0;
  visibility: hidden;
  overflow: hidden;
}

::selection {
  background-color: #f0562d;
  color: #fff;
}

html.none-scroll {
  overflow: hidden;
}

html.dimmed body {
  position: relative;
}

html.dimmed body:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 100;
}

html {
  height: 100%;
}

html body {
  height: 100%;
}

html body.is-gnb-banner {
  margin-top: 100px;
}

html body.is-gnb-banner .stHeader {
  margin-top: 100px;
}

html body.is-gnb-banner .stoveHeader {
  margin-top: 100px;
}

html .wrapper {
  background-color: #f7f7f7;
}

html .wrapper--full {
  min-height: 100%;
  -ms-overflow-y: scroll;
}

.icon {
  display: inline-block;
  text-indent: -1000em;
  border: none;
  background: transparent;
}

.is-hidden {
  display: none;
}

.img-mousemove {
  position: relative;
  height: 0;
  z-index: 1;
}

.img-mousemove__item {
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
}

.img-mousemove__item.is-active {
  opacity: 1;
}

.js-lazy {
  opacity: 0;
}

.js-lazy.is-active {
  opacity: 1;
}

audio::-internal-media-controls-download-button {
  display: none;
}

audio::-webkit-media-controls-enclosure {
  overflow: hidden;
}

audio::-webkit-media-controls-panel {
  width: calc(100% + 5px);
  /* Adjust as needed */
}

a.channeling:hover,
a.channeling:hover strong {
  cursor: default !important;
  text-decoration: none !important;
}

.global_wrap .global_promo {
  margin-bottom: -23px !important;
}

@media only screen and (max-width: 1024px) {
  .header {
    position: static !important;
  }

  .content--main.tr {
    padding-top: 0 !important;
    margin: inherit !important;
  }

  .page--right-fixed,
  .page--left-fixed {
    top: 65px !important;
  }

  .page--right-fixed .page--right__inner {
    top: 0 !important;
  }
}

/*
#================================================================================
# Public Component: font
# Developer Name: mega-front
# Version: 1.0
# Date Created: 2016.01.04
# -------------------------------------------------------------------------------
# ** Update Information
#--------------------------------------------------------------------------------
# 2016.01.04 - first create
*/

/*
#================================================================================
# Public Component:button
# Developer Name:park sung-min
# Version:1.0
# Date Created:2016.01.04
# -------------------------------------------------------------------------------
# ** Update Information
#--------------------------------------------------------------------------------
# 2016.01.04 - first create
# 2016.01.11 - rule update
*/

/*
#================================================================================
# Core - Begin
#================================================================================
*/

/*
#================================================================================
# Core - end
#================================================================================
*/

.button {
  box-sizing: border-box;
  vertical-align: middle;
}

.button--base-a {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  border: 1px solid #bebebe;
  background-color: #fff;
}

.button--base-a:hover {
  background-color: #f4f4f4;
}

.button--base-a.disabled {
  pointer-events: none;
  background-color: #eaeaea;
}

.button--base-a.disabled .button__text {
  color: #aaa !important;
}

.button--base-a.color-orange {
  border-color: #ff2700;
  background-color: #ff5000;
}

.button--base-a.color-orange:hover {
  background-color: #ff2700;
}

.button--base-a.color-orange .button__text {
  color: #fff !important;
}

.button--base-a.color-christine {
  border-color: #e96e06;
  background-color: #f58c23;
}

.button--base-a.color-christine:hover {
  background-color: #e96e06;
}

.button--base-a.color-christine .button__text {
  color: #fff !important;
}

.button--base-a.color-blue {
  border-color: #088ad5;
  background-color: #1ea3f0;
}

.button--base-a.color-blue:hover {
  background-color: #088ad5;
}

.button--base-a.color-blue .button__text {
  color: #fff !important;
}

.button--base-a.color-yellow {
  border-color: #ffea5a;
  background-color: #ffea5a;
}

.button--base-a.color-yellow .button__text {
  color: #222 !important;
}

.button--base-a.like-btn:hover {
  border-color: #ff2700;
  background-color: #fff;
}

.button--base-a.like-btn:hover .button__text {
  color: #ff2700 !important;
}

.button--base-a.like-btn:hover .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -376px;
  width: 18px;
  height: 18px;
}

.button--base-a.like-btn.is-active {
  border-color: #ff2700;
}

.button--base-a.like-btn.is-active .button__text {
  color: #ff2700 !important;
}

.button--base-a.like-btn.is-active .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -376px;
  width: 18px;
  height: 18px;
}

.button--base-a.like-btn .button__text {
  color: #888 !important;
}

.button--base-a.download-btn {
  border-color: #fff;
  background-color: #fff;
}

.button--base-a.download-btn .button__text {
  color: #222 !important;
}

.button--base-a.fb-btn:hover {
  border-color: #0e50a8 !important;
}

.button--base-a.tw-btn:hover {
  border-color: #1ea3f0 !important;
}

.button--base-a.gg-btn:hover {
  border-color: #ec1313 !important;
}

.button--base-a.link-btn:hover .icon--link {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -320px -497px;
  width: 20px;
  height: 20px;
}

.button--base-a.share-btn:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -360px -497px;
  width: 20px;
  height: 20px;
}

.button--base-a.share-pop-btn:hover .icon--share-pop {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -430px;
  width: 18px;
  height: 18px;
}

.button--base-a .icon {
  vertical-align: text-bottom;
}

.button--base-a .icon--heart {
  width: 18px !important;
  height: 18px !important;
  vertical-align: text-bottom !important;
  margin-right: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -358px;
  width: 18px;
  height: 18px;
}

.button--base-a .icon--plus {
  margin-right: 5px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -140px -586px;
  width: 12px;
  height: 12px;
}

.button--base-a .icon--download {
  margin-right: 5px;
  margin-bottom: -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -22px;
  width: 22px;
  height: 22px;
}

.button--base-a .icon--make {
  margin-right: 5px;
  margin-bottom: -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -44px;
  width: 22px;
  height: 22px;
}

.button--base-a .icon--fb {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -380px -497px;
  width: 20px;
  height: 20px;
}

.button--base-a .icon--tw {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -420px -497px;
  width: 20px;
  height: 20px;
}

.button--base-a .icon--gg {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -400px -497px;
  width: 20px;
  height: 20px;
}

.button--base-a .icon--link {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -300px -497px;
  width: 20px;
  height: 20px;
}

.button--base-a .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -340px -497px;
  width: 20px;
  height: 20px;
}

.button--base-a .icon--share-pop {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -412px;
  width: 18px;
  height: 18px;
}

.button--base-a .button__text {
  font-size: 10px;
  color: #666;
  line-height: 22px;
  font-weight: bold;
}

.button--base-a.button--shape-a {
  height: 24px;
  padding: 0 12px;
  border-radius: 20px;
}

.button--base-a.button--shape-a .button__text {
  font-size: 10px;
  color: #222;
  line-height: 22px;
  font-weight: bold;
}

.button--base-a.button--shape-b {
  height: 32px;
  padding: 0 16px;
  border-radius: 20px;
}

.button--base-a.button--shape-b .button__text {
  font-size: 12px;
  color: #222;
  line-height: 30px;
  font-weight: bold;
}

.button--base-a.button--shape-c {
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
}

.button--base-a.button--shape-c .button__text {
  font-size: 14px;
  color: #222;
  line-height: 38px;
  font-weight: bold;
}

.button--base-a.button--shape-d {
  height: 40px;
  padding: 0 10px;
  border-radius: 50%;
  line-height: 40px;
}

.button--base-a.button--shape-d .button__text {
  font-size: 14px;
  color: #222;
  line-height: 38px;
  font-weight: bold;
}

.button--base-a.button--shape-d:hover {
  background-color: #fff;
  border: 1px solid #222;
}

.button--base-a.button--shape-e {
  height: 34px;
  padding: 0 15px;
  border-radius: 20px;
  border-color: #e0e0e0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.button--base-a.button--shape-e .button__text {
  font-size: 14px;
  color: #888;
  line-height: 32px;
  font-weight: normal;
}

.button--base-a.button--shape-e:hover,
.button--base-a.button--shape-e.is-active {
  background-color: #fff;
  border-color: #f69533;
}

.button--base-a.button--shape-e:hover .button__text,
.button--base-a.button--shape-e.is-active .button__text {
  color: #f69533 !important;
  font-weight: bold;
}

.button--base-a.button--shape-f {
  height: 40px;
  padding: 0 40px;
  border-radius: 3px;
  line-height: 40px;
  border-color: #ff5000;
  background: #ff5000;
}

.button--base-a.button--shape-f .button__text {
  font-size: 14px;
  color: #fff;
  line-height: 38px;
  font-weight: bold;
}

.button--base-a.button--shape-f:hover {
  background-color: #f76430;
}

.button--base-b {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  border-radius: 40px;
  text-align: center;
}

.button--base-b.button__disabled {
  box-sizing: border-box;
  pointer-events: none;
  background-color: #eaeaea !important;
  border: 1px solid #bebebe !important;
  color: #aaaaaa !important;
}

.button--base-b.button--shape-a {
  width: 132px;
  height: 40px;
  background-color: #f8f8f8;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  color: #999;
  line-height: 38px;
  font-weight: bold;
}

.button--base-b.button--shape-a:hover {
  background-color: #fff;
}

.button--base-b.button--shape-b {
  min-width: 54px;
  height: 19px;
  padding: 0 5px;
  border: 1px solid #d4d4d4;
  font-size: 11px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.button--base-b.button--shape-b:hover {
  border-color: #bfbfbf;
  color: #333;
}

.button--base-b.button--shape-b:hover .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -620px -339px;
  width: 3px;
  height: 5px;
}

.button--base-b.button--shape-b .button__icon {
  margin-bottom: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -620px -344px;
  width: 3px;
  height: 5px;
}

.button--base-b.button--shape-c {
  min-width: 100px;
  height: 28px;
  padding: 0 5px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  font-size: 12px;
  color: #fff;
  line-height: 24px;
  font-weight: bold;
}

.button--base-b.button--shape-c.fs11 {
  font-size: 11px;
  line-height: 26px;
}

.button--base-b.button--shape-c:hover {
  border-color: #fff;
  background-color: #fff;
  color: #ff5000;
}

.button--base-b.button--shape-c:hover .icon--right {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -600px -569px;
  width: 4px;
  height: 7px;
}

.button--base-b.button--shape-c:hover .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -478px;
  width: 7px;
  height: 7px;
}

.button--base-b.button--shape-c .icon--right {
  margin-bottom: 1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -600px -576px;
  width: 4px;
  height: 7px;
}

.button--base-b.button--shape-c .icon--plus {
  margin-bottom: 1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -485px;
  width: 7px;
  height: 7px;
}

.button--base-b.button--shape-d {
  min-width: 208px;
  height: 28px;
  padding: 0 5px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  font-size: 12px;
  color: #fff;
  line-height: 24px;
  font-weight: bold;
}

.button--base-b.button--shape-d:hover {
  border-color: #fff;
  background-color: #fff;
  color: #ff5000;
}

.button--base-b.button--shape-d:hover .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -153px;
  width: 10px;
  height: 10px;
}

.button--base-b.button--shape-d:hover .icon--check {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -73px -298px;
  width: 11px;
  height: 8px;
}

.button--base-b.button--shape-d .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -203px;
  width: 10px;
  height: 10px;
}

.button--base-b.button--shape-d .icon--check {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -84px -298px;
  width: 11px;
  height: 8px;
}

.button--base-b.button--shape-e {
  min-width: 50px;
  height: 17px;
  padding: 0 5px;
  border: 1px solid #b6b6b6;
  font-size: 11px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.button--base-b.button--shape-e:hover {
  color: #666;
}

.button--base-b.button--shape-f {
  min-width: 50px;
  height: 40px;
  padding: 0 20px;
  border: 1px solid #999;
  margin-right: 8px;
  font-size: 14px;
  color: #999;
  line-height: 16px;
  font-weight: bold;
}

.button--base-b.button--shape-f:hover,
.button--base-b.button--shape-f.is-active {
  border: 1px solid #ff5000;
  color: #ff5000;
}

.button--base-b.button--shape-g {
  min-width: 100px;
  height: 28px;
  padding: 0 5px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background-color: #fff;
  font-size: 12px;
  color: #ff5000;
  line-height: 24px;
  font-weight: bold;
}

.button--base-b.button--shape-h {
  min-width: 60px;
  height: 21px;
  padding: 0 5px;
  border: 1px solid #d1d1d1;
  margin: 0 5px 5px 0;
  font-size: 11px;
  color: #666;
  line-height: 20px;
  font-weight: bold;
}

.button--base-b.button--shape-h:hover {
  border-color: #ff5000;
  background-color: #fff;
  color: #ff5000;
}

.button--base-b.button--shape-h:hover .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -478px;
  width: 7px;
  height: 7px;
}

.button--base-b.button--shape-h .icon--plus {
  margin-bottom: 1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -492px;
  width: 7px;
  height: 7px;
}

.button--base-b.button--shape-i {
  min-width: 100px;
  height: 28px;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #cecece;
  font-size: 12px;
  color: #666;
  line-height: 26px;
  font-weight: normal;
}

.button--base-b.button--shape-i:hover {
  border-color: #b9b9b9;
}

.button--base-b.button--shape-i:hover .icon--mywork {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -263px -554px;
  width: 13px;
  height: 13px;
}

.button--base-b.button--shape-i:hover .icon--mycollection {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -515px;
  width: 14px;
  height: 13px;
}

.button--base-b.button--shape-i .icon {
  vertical-align: middle;
}

.button--base-b.button--shape-i .icon--mywork {
  margin-top: -3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -276px -554px;
  width: 13px;
  height: 13px;
}

.button--base-b.button--shape-i .icon--mycollection {
  margin-top: -4px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -528px;
  width: 14px;
  height: 13px;
}

.button--base-b.button--shape-j {
  min-width: 120px;
  height: 36px;
  margin-left: 6px;
  padding: 0 25px;
  background-color: #fff;
  border: 1px solid #cecece;
  font-size: 14px;
  color: #666;
  line-height: 35px;
  font-weight: normal;
}

.button--base-b.button--shape-j .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -143px;
  width: 10px;
  height: 10px;
}

.button--base-b.button--shape-j:hover {
  border-color: #b9b9b9;
}

.button--base-b.button--shape-j:hover .icon--mywork {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -263px -554px;
  width: 13px;
  height: 13px;
}

.button--base-b.button--shape-j:hover .icon--mycollection {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -515px;
  width: 14px;
  height: 13px;
}

.button--base-b.button--shape-j:hover .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -143px;
  width: 10px;
  height: 10px;
}

.button--base-b.button--shape-j:first-child {
  margin-left: 0;
}

.button--base-b.button--shape-k {
  min-width: 96px;
  height: 30px;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  letter-spacing: -1px;
  font-size: 12px;
  color: #666;
  line-height: 28px;
  font-weight: normal;
}

.button--base-b.button--shape-k:hover {
  border-color: #b9b9b9;
}

.button--base-b.button--shape-k .icon {
  vertical-align: middle;
}

.button--base-b.button--shape-k .icon--arrow {
  margin-top: -3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -268px;
  width: 6px;
  height: 10px;
}

.button--base-b.button--shape-k .icon--open {
  margin-top: -3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -533px;
  width: 9px;
  height: 5px;
}

.button--base-b.button--shape-k .icon--close {
  margin-top: -3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -543px;
  width: 9px;
  height: 5px;
}

.button--base-b.button--shape-l {
  min-width: 76px;
  height: 24px;
  margin-left: 6px;
  padding: 0 14px;
  background-color: #fff;
  border: 1px solid #cecece;
  font-size: 12px;
  color: #666;
  line-height: 24px;
  font-weight: normal;
}

.button--base-b.button--shape-l:hover {
  border-color: #b9b9b9;
}

.button--base-b.button--shape-l:first-child {
  margin-left: 0;
}

.button--base-b.button--shape-m {
  height: 36px;
  margin-left: 6px;
  padding: 0 25px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.button--base-b.button--shape-m:first-child {
  margin-left: 0;
}

.button--base-b.button--shape-m:hover {
  border-color: #ff5000;
}

.button--base-b.button--shape-m:hover .button__text {
  color: #ff5000;
}

.button--base-b.button--shape-m:hover .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -248px;
  width: 6px;
  height: 10px;
}

.button--base-b.button--shape-m .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -258px;
  width: 6px;
  height: 10px;
}

.button--base-b.button--shape-m .button__text {
  font-size: 13px;
  color: #666;
  line-height: normal;
  font-weight: bold;
}

.button--base-b.button--shape-n {
  height: 21px;
  padding: 0 10px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  font-size: 11px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.button--base-b.button--shape-n:hover {
  border-color: #ccc;
  color: #666;
}

.button--base-b.button--shape-n:hover .icon--download {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -288px;
  width: 6px;
  height: 10px;
}

.button--base-b.button--shape-n:hover .icon--play {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -572px;
  width: 8px;
  height: 9px;
}

.button--base-b.button--shape-n .icon--download {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -298px;
  width: 6px;
  height: 10px;
}

.button--base-b.button--shape-n .icon--play {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -581px;
  width: 8px;
  height: 9px;
}

.button--base-c {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  height: 32px;
  padding: 0px 20px;
  border-radius: 4px;
}

.button--base-c.button__disabled {
  box-sizing: border-box;
  pointer-events: none;
  background-color: #f2f2f2 !important;
  color: #b5b5b5 !important;
}

.button--base-c:first-child {
  margin-right: 10px;
}

.button--base-c.button--shape-a {
  height: 32px;
  border: 1px solid #eb5229;
  background-color: #ff5000;
  outline: none;
  font-size: 13px;
  color: #fff;
  line-height: 30px;
  font-weight: bold;
}

.button--base-c.button--shape-a:hover {
  background-color: #f76430;
}

.button--base-c.button--shape-a .button__text {
  display: block;
}

.button--base-c.button--shape-a .icon--download {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 3px;
  background: url("../../images/member/agreement/12x12-white-download.svg") center 2px no-repeat;
}

.button--base-c.button--shape-b {
  height: 32px;
  margin-right: 4px;
  border: 1px solid #cecece;
  background-color: #fff;
  white-space: nowrap;
  outline: none;
  font-size: 13px;
  color: #666;
  line-height: 30px;
  font-weight: bold;
}

.button--base-c.button--shape-b:hover {
  border-color: #b9b9b9;
}

.button--base-c.button--shape-c {
  width: 55px;
  height: 32px;
  padding: 0;
  border: 1px solid #d4d4d4;
  background-color: #eee;
  margin-left: 4px;
  font-size: 12px;
  color: #b5b5b5;
  line-height: 30px;
  font-weight: bold;
}

.button--base-c.button--shape-c:hover,
.button--base-c.button--shape-c.is-active {
  border-color: #eb5229;
  background-color: #ff5000;
  color: #fff;
}

.button--base-c.button--shape-c:disabled {
  color: #ccc;
  background-color: #f6f6f6;
  border: 1px solid #dcdcdc;
}

.button--base-c.button--shape-d {
  width: 55px;
  height: 32px;
  padding: 0;
  border: 1px solid #d4d4d4;
  background-color: #eee;
  margin-left: 4px;
  font-size: 12px;
  color: #b5b5b5;
  line-height: 30px;
  font-weight: bold;
}

.button--base-c.button--shape-d:hover,
.button--base-c.button--shape-d.is-active {
  border: 1px solid #696c77;
  color: #fff;
  background-color: #7c7e86;
}

.button--base-c.button--shape-e {
  height: 32px;
  margin-right: 2px;
  border: 1px solid #d4d5d6;
  background-color: #edeeef;
  white-space: nowrap;
  cursor: auto;
  font-size: 13px;
  color: #999;
  line-height: 30px;
  font-weight: bold;
}

.button--base-c.button--shape-f {
  height: 32px;
  border: 1px solid #cecece;
  background-color: #fff;
  white-space: nowrap;
  margin-top: -1px;
  margin-left: 8px;
  font-size: 13px;
  color: #666;
  line-height: 30px;
  font-weight: bold;
}

.button--base-c.button--shape-f:hover {
  border-color: #b9b9b9;
}

.button--base-c.button--shape-g {
  height: 32px;
  padding: 0px 10px;
  margin-right: 4px;
  border: 1px solid #cecece;
  background-color: #fff;
  white-space: nowrap;
  outline: none;
  font-size: 13px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
}

.button--base-c.button--shape-g:hover {
  border-color: #b9b9b9;
}

.button--base-c.button--shape-h {
  height: 32px;
  padding: 0px 36px;
  margin-right: 4px;
  border: 1px solid #cecece;
  background-color: #fff;
  white-space: nowrap;
  outline: none;
  font-size: 13px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
}

.button--base-c.button--shape-h:hover {
  border-color: #b9b9b9;
}

.button--base-c.button--shape-i {
  height: 32px;
  padding: 0px 24px;
  border: none;
  background-color: #665dfd;
  white-space: nowrap;
  outline: none;
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  font-weight: bold;
}

.button--base-d {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  height: 32px;
  padding: 6px 20px;
  border-radius: 4px;
  border: 1px solid #d4d4d4;
  background-color: #fff;
}

.button--base-d .icon--print {
  width: 18px;
  height: 17px;
  vertical-align: top;
  margin-right: 5px;
  background: url("../../images/member/svg/ic-print.svg") 0 0 no-repeat;
}

.button--base-d.button--shape-a {
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.button--base-d.button--shape-a:hover {
  border-color: #b9b9b9;
}

.button--base-d.button--shape-b {
  border-color: #e3471e;
  background-color: #ff5000;
}

.button--base-d.button--shape-b.toon {
  float: right;
  margin-top: 20px;
}

.button--base-d.button--shape-b .button__text {
  font-size: 12px;
  color: #fff;
  line-height: 180%;
  font-weight: normal;
  display: block;
  margin-top: -1px;
}

.button--base-d.button--shape-b .button__text.toon {
  display: inline-block;
  vertical-align: middle;
}

.button--base-d.button--shape-b strong.button__text {
  font-weight: bold;
}

.button--base-d.button--shape-b:hover {
  background-color: #f76430;
}

.button--base-d.button--shape-c {
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
  height: 32px;
  background-color: #73757c;
  border: 1px solid #6b6b73;
}

.button--base-d.button--shape-c:hover {
  background-color: #7c7e86;
}

.button--base-d.button--shape-d {
  border: 1px solid #ff5000;
  background-color: #fff;
}

.button--base-d.button--shape-d:hover,
.button--base-d.button--shape-d.active {
  border-color: #f48062;
}

.button--base-d.button--shape-d:hover .button__text,
.button--base-d.button--shape-d.active .button__text {
  font-size: 12px;
  color: #f48062;
  line-height: 13px;
  font-weight: normal;
}

.button--base-d.button--shape-d .button__text {
  font-size: 12px;
  color: #ff5000;
  line-height: 13px;
  font-weight: normal;
}

.button--base-d.button--shape-e {
  border: 1px solid #d1d1d1;
  background-color: #fff;
  width: 101px;
  padding: 0;
}

.button--base-d.button--shape-e:hover,
.button--base-d.button--shape-e.active {
  border-color: #bbb;
}

.button--base-d.button--shape-e.active .button__text {
  color: #069fee;
}

.button--base-d.button--shape-e .button__text {
  font-size: 12px;
  color: #666;
  line-height: 13px;
  font-weight: normal;
}

.button--base-d.button--shape-f {
  border: 1px solid #ff5000;
  background-color: #fff;
  width: 101px;
  padding: 0;
}

.button--base-d.button--shape-f:hover,
.button--base-d.button--shape-f.active {
  border-color: #f48062;
}

.button--base-d.button--shape-f:hover .button__text,
.button--base-d.button--shape-f.active .button__text {
  font-size: 12px;
  color: #f48062;
  line-height: 13px;
  font-weight: normal;
}

.button--base-d.button--shape-f .button__text {
  font-size: 12px;
  color: #ff5000;
  line-height: 13px;
  font-weight: normal;
}

.button--base-d.button--shape-g {
  border: 1px solid #ff5000;
  background-color: #fff;
  width: 172px;
  padding: 0;
}

.button--base-d.button--shape-g:hover,
.button--base-d.button--shape-g.active {
  border-color: #f48062;
}

.button--base-d.button--shape-g:hover .button__text,
.button--base-d.button--shape-g.active .button__text {
  font-size: 12px;
  color: #f48062;
  line-height: 13px;
  font-weight: normal;
}

.button--base-d.button--shape-g .button__text {
  font-size: 12px;
  color: #ff5000;
  line-height: 13px;
  font-weight: normal;
}

.button--base-d.button--shape-g .button__icon {
  position: relative;
  top: 3px;
  left: 0;
  margin-left: 2px;
  vertical-align: top;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -284px;
  width: 9px;
  height: 11px;
}

.button--base-d.button--shape-h {
  width: 205px;
  height: inherit;
  background-color: #73757c;
  border: 1px solid #6b6b73;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
}

.button--base-d.button--shape-h .button__text {
  display: inline-block;
}

.button--base-d.button--shape-h .button__icon {
  margin-left: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -399px;
  width: 6px;
  height: 9px;
}

.button--base-d.button--shape-h:hover {
  background-color: #7c7e86;
}

.button--base-d.button--shape-i {
  width: 100%;
  height: inherit;
  padding: 6px 0;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #d5d5d5;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: normal;
}

.button--base-d.button--shape-i .button__text {
  display: inline-block;
}

.button--base-d.button--shape-i:hover {
  color: #333;
  background-color: #fff;
}

.button--base-d.button--shape-j {
  position: relative;
  height: inherit;
  width: 240px;
  padding-right: 33px;
  background-color: #73757c;
  border: 1px solid #6b6b73;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
}

.button--base-d.button--shape-j .button__text {
  display: inline-block;
}

.button--base-d.button--shape-j .button__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 33px;
  height: 28px;
  background: #434550 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzEyN0VCMjIyNjdFMTFFODhDMDNBM0EzQzBGMUEwNTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzEyN0VCMjMyNjdFMTFFODhDMDNBM0EzQzBGMUEwNTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMTI3RUIyMDI2N0UxMUU4OEMwM0EzQTNDMEYxQTA1OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDMTI3RUIyMTI2N0UxMUU4OEMwM0EzQTNDMEYxQTA1OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhSw9XsAAAA/SURBVHjaYvwPBAwQwMiABpiQ2P/xSWIoYMJi3H90nVgVIBuLoQDdTqJdy8iESwKmE6sENn8y4rITI/gAAgwAazEMFf3ON24AAAAASUVORK5CYII=") no-repeat 50% 50%;
}

.button--base-d.button--shape-j:hover {
  background-color: #7c7e86;
}

.button--base-d.button--shape-k {
  width: 100%;
  height: inherit;
  padding: 6px 0;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: normal;
}

.button--base-d.button--shape-k .button__text {
  display: inline-block;
}

.button--base-d.button--shape-k:hover {
  border-color: #fff;
}

.button--base-d.button--shape-l {
  width: 211px;
  padding: 0;
  border: 1px solid #bbb;
  background-color: #fff;
}

.button--base-d.button--shape-l:hover,
.button--base-d.button--shape-l.active {
  border-color: #ccc;
}

.button--base-d.button--shape-l:hover .button__text,
.button--base-d.button--shape-l.active .button__text {
  color: #888;
}

.button--base-d.button--shape-l .button__text {
  font-size: 11px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.button--base-d.button--shape-l .button__icon {
  position: relative;
  top: 3px;
  left: 0;
  margin-left: 2px;
  vertical-align: top;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -273px;
  width: 9px;
  height: 11px;
}

.button--base-e {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  height: 70px;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  background-color: #e9e9e9;
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.button--base-e.button--shape-a {
  width: 80px;
}

.button--base-e.button--shape-a:hover,
.button--base-e.button--shape-a.is-active {
  border: 1px solid #eb5229;
  color: #fff;
  background-color: #ff5000;
}

.button--base-e.button--shape-b {
  width: 63px;
}

.button--base-e.button--shape-b:hover,
.button--base-e.button--shape-b.is-active {
  border: 1px solid #696c77;
  color: #fff;
  background-color: #7c7e86;
}

.button--base-e.button--shape-c {
  width: 63px;
  height: 55px;
  background-color: #e9e9e9;
}

.button--base-e.button--shape-c:hover,
.button--base-e.button--shape-c.is-active {
  border: 1px solid #696c77;
  color: #fff;
  background-color: #73757c;
}

.button--base-f {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  height: 36px;
  padding: 0 24px;
}

.button--base-f.button--shape-a {
  border-radius: 30px;
  background-color: #ff5000;
  font-size: 13px;
  color: #fff;
  line-height: normal;
  font-weight: bold;
}

.button--base-f.button--shape-a .icon {
  margin-left: 5px;
}

.button--base-f.button--shape-a .icon--download {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -308px;
  width: 6px;
  height: 10px;
}

.button--base-f.button--shape-a:hover,
.button--base-f.button--shape-a.is-active {
  background-color: #f76430;
}

.button--base-f.button--shape-b:hover,
.button--base-f.button--shape-b.is-active {
  border-color: #f48062;
}

.button--base-f.button--shape-c:hover,
.button--base-f.button--shape-c.is-active {
  border-color: #f48062;
}

.button--base-g {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 1px solid #cdcdcd;
}

.button--base-g .button__text {
  height: 22px;
  display: inline-block;
  padding: 7px 13px 0 13px;
}

.button--base-g.button--shape-a {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #999;
  margin: 0;
}

.button--base-g.button--shape-a:hover {
  border: 1px solid #e33e14;
  background: #ff5000;
  color: #fff;
}

.button--base-c::-moz-focus-inner,
.button--base-g::-moz-focus-inner,
.button--base-h::-moz-focus-inner,
.button--base-i::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.button--base-h {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #cecece;
}

.button--base-h .button__text {
  height: 20px;
  box-sizing: border-box;
  display: block;
  padding: 2px 10px 0 10px;
}

.button--base-i {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
}

.button--base-i.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.button--base-i.color-orange {
  border-color: #ff2700;
}

.button--base-i.color-orange .button__text {
  color: #ff2700 !important;
}

.button--base-i.color-christine {
  border-color: #e96e06;
}

.button--base-i.color-christine .button__text {
  color: #e96e06 !important;
}

.button--base-i.color-blue {
  border-color: #088ad5;
}

.button--base-i.color-blue .button__text {
  color: #088ad5 !important;
}

.button--base-i .button__text {
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.button--base-i.button--shape-a {
  height: 24px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px solid #666;
}

.button--base-j {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}

.button--base-j.button--shape-a {
  width: 101px;
  padding: 6px 0px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
}

.button--base-j.button--shape-a:hover,
.button--base-j.button--shape-a.active {
  border-color: #bbb;
}

.button--base-j.button--shape-a.active .button__text {
  color: #069fee;
}

.button--base-j.button--shape-a .button__text {
  font-size: 12px;
  color: #666;
  line-height: 13px;
  font-weight: bold;
}

.button--base-j.button--shape-b {
  width: 101px;
  padding: 6px 0px;
  border: 1px solid #ff5000;
  background-color: #fff;
}

.button--base-j.button--shape-b:hover,
.button--base-j.button--shape-b.active {
  border-color: #f48062;
}

.button--base-j.button--shape-b:hover .button__text,
.button--base-j.button--shape-b.active .button__text {
  font-size: 12px;
  color: #f48062;
  line-height: 13px;
  font-weight: normal;
}

.button--base-j.button--shape-b .button__text {
  font-size: 12px;
  color: #ff5000;
  line-height: 13px;
  font-weight: normal;
}

.button--base-j.button--shape-c {
  width: 60px;
  padding: 3px 0px;
  border: 1px solid #cecece;
  background-color: #fff;
}

.button--base-j.button--shape-c:hover,
.button--base-j.button--shape-c.active {
  border-color: #bbb;
}

.button--base-j.button--shape-c .button__text {
  font-size: 12px;
  color: #666;
  line-height: 20px;
  font-weight: bold;
}

.button--base-j.button--shape-d {
  width: 60px;
  padding: 3px 0px;
  border: 1px solid #ff5000;
  background-color: #ff5000;
}

.button--base-j.button--shape-d:hover,
.button--base-j.button--shape-d.active {
  background-color: #f76430;
}

.button--base-j.button--shape-d .button__text {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
}

.button--base-j.button--shape-e {
  height: 36px;
  padding: 0 24px;
  background-color: #999;
}

.button--base-j.button--shape-e .button__text {
  font-size: 12px;
  color: #fff;
  line-height: 13px;
  font-weight: bold;
}

.button--base-j.button--shape-f {
  height: 26px;
  padding: 0 18px;
  background-color: #999;
}

.button--base-j.button--shape-f .button__text {
  font-size: 12px;
  color: #fff;
  line-height: 13px;
  font-weight: bold;
}

.button--base-j.button--shape-g {
  padding: 3px 18px;
  border: 1px solid #dcdcdc;
  background-color: #f7f7f7;
}

.button--base-j.button--shape-g:hover {
  border-color: #bbb;
}

.button--base-j.button--shape-g .button__text {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  font-weight: bold;
}

.button--base-j.button--shape-g .button__icon {
  display: inline-block;
  margin-left: 3px;
  margin-bottom: -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -357px;
  width: 14px;
  height: 14px;
}

.button--base-j.button--shape-h {
  padding: 3px 4px;
  border: 0;
  border-radius: 0;
  background-color: #c4e8fc;
}

.button--base-j.button--shape-h .button__text {
  font-size: 14px;
  color: #222;
  line-height: 18px;
  font-weight: normal;
}

.button--base-k {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  width: 100%;
  height: 50px;
  border-radius: 4px;
}

.button--base-k.button--shape-a {
  border: 1px solid #f0562d;
  background-color: #ff5000;
}

.button--base-k.button--shape-a:hover {
  background-color: #f76430;
}

.button--base-k.button--shape-a .button__text {
  font-size: 18px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.button--base-k.button--shape-b {
  border: 1px solid #088108;
  background-color: #1ca11c;
}

.button--base-k.button--shape-b:hover {
  background-color: #199719;
}

.button--base-k.button--shape-b .button__text {
  font-size: 18px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.button--base-k.button--shape-b .button__icon {
  display: inline-block;
  margin-right: 10px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -107px -447px;
  width: 24px;
  height: 21px;
}

.button--base-l {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  height: 36px;
  padding: 0px 28px;
  border-radius: 4px;
  font-size: 14px;
  color: #666;
  line-height: normal;
  font-weight: bold;
  text-decoration: none;
}

.button--base-l.button__disabled,
.button--base-l.is-disabled {
  pointer-events: none;
  background-color: #eaeaea !important;
  border: 1px solid #cecece !important;
}

.button--base-l.button__disabled .button__text,
.button--base-l.is-disabled .button__text {
  color: #aaa !important;
}

.button--base-l.button--shape-a {
  border: 1px solid #f0562d;
  background-color: #ff5000;
  line-height: 34px;
}

.button--base-l.button--shape-a:hover {
  background-color: #f76430;
}

.button--base-l.button--shape-a .button__text {
  font-size: 14px;
  color: #fff;
  line-height: 1;
  font-weight: bold;
}

.button--base-l.button--shape-a .icon__img-check {
  width: 16px;
  height: 12px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
  background: url("../../images/share/project-f/img-check.png") 0 0;
}

.button--base-l.button--shape-a.shape-a__type2 {
  padding: 0 53px;
}

.button--base-l.button--shape-a.disabled {
  pointer-events: none;
  cursor: not-allowed;
  background-color: #eaeaea;
  border-color: #eaeaea;
}

.button--base-l.button--shape-a.disabled .button__text {
  color: #aaa !important;
}

.button--base-l.button--shape-b {
  border: 1px solid #cecece;
  background-color: #fff;
  line-height: 36px;
}

.button--base-l.button--shape-b:hover {
  border: 1px solid #b9b9b9;
}

.button--base-l.button--shape-b .button__text {
  font-size: 14px;
  color: #666;
  line-height: 1;
  font-weight: bold;
}

.button--base-l.button--shape-c {
  border: 1px solid #f0562d;
  background-color: #ff5000;
  width: 101px;
  padding: 0px;
}

.button--base-l.button--shape-c:hover {
  background-color: #f76430;
}

.button--base-l.button--shape-c .button__text {
  font-size: 14px;
  color: #fff;
  line-height: 34px;
  font-weight: bold;
}

.button--base-l.button--shape-d {
  border: 1px solid #cecece;
  background-color: #fff;
  width: 101px;
  padding: 0px;
}

.button--base-l.button--shape-d:hover {
  border: 1px solid #b9b9b9;
}

.button--base-l.button--shape-d .button__text {
  font-size: 14px;
  color: #666;
  line-height: normal;
  font-weight: bold;
}

.button--base-l.button--shape-e {
  border: 1px solid #cecece;
  background-color: #fff;
  padding: 0 20px;
}

.button--base-l.button--shape-e:hover {
  border: 1px solid #b9b9b9;
}

.button--base-l.button--shape-e.button__disabled {
  color: #b5b5b5 !important;
}

.button--base-l.button--shape-e .icon__img-check {
  width: 16px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  background: url("../../images/share/project-f/img-check.png") 0 0;
}

.button--base-l.button--shape-f {
  border: 1px solid #ff5000;
  background-color: #fff;
  padding: 0 20px;
}

.button--base-l.button--shape-f:hover {
  border: 1px solid #f48062;
}

.button--base-l.button--shape-f.is-active .icon {
  margin-bottom: 1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -73px -298px;
  width: 11px;
  height: 8px;
}

.button--base-l.button--shape-f .button__text {
  font-size: 14px;
  color: #ff5000;
  line-height: 14px;
  font-weight: bold;
}

.button--base-l.button--shape-f .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -153px;
  width: 10px;
  height: 10px;
}

.button--base-l.button--shape-g {
  border: 1px solid #f0562d;
  background-color: #ff5000;
  padding: 0 20px;
}

.button--base-l.button--shape-g:hover {
  background-color: #f76430;
}

.button--base-l.button--shape-g.is-active .icon {
  margin-bottom: 1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -84px -298px;
  width: 11px;
  height: 8px;
}

.button--base-l.button--shape-g .button__text {
  font-size: 14px;
  color: #fff;
  line-height: 14px;
  font-weight: bold;
}

.button--base-l.button--shape-g .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -203px;
  width: 10px;
  height: 10px;
}

.button--base-l.button--shape-h {
  border: 1px solid #d1d1d1;
  background-color: #fff;
  width: 36px;
  padding: 0;
}

.button--base-l.button--shape-h:hover {
  border: 1px solid #b9b9b9;
}

.button--base-l.button--shape-h .button__icon {
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -143px -87px;
  width: 18px;
  height: 4px;
}

.button--base-l.button--shape-i {
  border: 1px solid #ff5000;
  background-color: #fff;
  padding: 0 20px;
}

.button--base-l.button--shape-i:hover {
  border: 1px solid #f48062;
}

.button--base-l.button--shape-i .button__text {
  font-size: 14px;
  color: #ff5000;
  line-height: 14px;
  font-weight: bold;
}

.button--base-l.button--shape-i .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -73px -298px;
  width: 11px;
  height: 8px;
}

.button--base-l.button--shape-j {
  border: 1px solid #f0562d;
  background-color: #ff5000;
  padding: 0 20px;
}

.button--base-l.button--shape-j:hover {
  background-color: #f76430;
}

.button--base-l.button--shape-j .button__text {
  font-size: 14px;
  color: #fff;
  line-height: 14px;
  font-weight: bold;
}

.button--base-l.button--shape-j .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -84px -298px;
  width: 11px;
  height: 8px;
}

.button--base-l.button--shape-k {
  border: 1px solid #cecece;
  background-color: #fff;
  padding: 0 25px;
}

.button--base-l.button--shape-k:hover {
  border: 1px solid #b9b9b9;
}

.button--base-l.button--shape-k.button__disabled {
  color: #b5b5b5 !important;
}

.button--base-l.button--shape-k .icon__img-check {
  width: 16px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  background: url("../../images/share/project-f/img-check.png") 0 0;
}

.button--base-l.button--shape-l {
  border: 1px solid #f0562d;
  background-color: #ff5000;
  padding: 0 25px;
}

.button--base-l.button--shape-l:hover {
  background-color: #f76430;
}

.button--base-l.button--shape-l.is-active .icon {
  margin-bottom: 1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -84px -298px;
  width: 11px;
  height: 8px;
}

.button--base-l.button--shape-l .button__text {
  font-size: 14px;
  color: #fff;
  line-height: 14px;
  font-weight: bold;
}

.button--base-l.button--shape-l .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -203px;
  width: 10px;
  height: 10px;
}

.button--base-l.button--shape-m {
  border-radius: 4px;
  background-color: #73757c;
  border: solid 1px #6c6c75;
  padding: 0 21px;
}

.button--base-l.button--shape-m:hover {
  background-color: #7c7e86;
}

.button--base-l.button--shape-m.is-active .icon {
  margin-bottom: 1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -84px -298px;
  width: 11px;
  height: 8px;
}

.button--base-l.button--shape-m .button__text {
  font-size: 14px;
  color: #fff;
  line-height: 14px;
  font-weight: bold;
}

.button--base-l.button--shape-m .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -203px;
  width: 10px;
  height: 10px;
}

.button--base-l.button--shape-n {
  padding: 0px 19px;
  border: 1px solid #f0562d;
  background-color: #f96d2d;
  line-height: 36px;
}

.button--base-l.button--shape-n:hover {
  background-color: #ff5000;
}

.button--base-l.button--shape-n .button__text {
  font-size: 14px;
  color: #fff;
  line-height: 1;
  font-weight: bold;
}

.button--base-l.button--shape-o {
  padding: 0px 19px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  line-height: 36px;
}

.button--base-l.button--shape-o:hover {
  background-color: #d1d1d1;
}

.button--base-l.button--shape-o .button__text {
  font-size: 14px;
  color: #333;
  line-height: 1;
  font-weight: bold;
}

.button--base-m {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 4px 10px;
}

.button--base-m .button__text {
  display: block;
}

.button--base-m.button--shape-a {
  font-size: 12px;
  color: #666;
  line-height: 1;
  font-weight: normal;
  border: 1px solid #d1d1d1;
  background-color: #fff;
}

.button--base-m.button--shape-a:hover {
  border-color: #b9b9b9;
}

.button--base-m.button--shape-a.disabled {
  border: 1px solid #d4d4d4;
  background-color: #eee;
  color: #b5b5b5;
}

.button--base-m.button--shape-b {
  font-size: 12px;
  color: #fff;
  line-height: 1;
  font-weight: normal;
  border: 1px solid #e3471e;
  background-color: #ff5000;
}

.button--base-m.button--shape-b:hover {
  background-color: #f76430;
}

.button--base-m.button--shape-c {
  font-size: 12px;
  color: #fff;
  line-height: 1;
  font-weight: normal;
  border: 1px solid #73757c;
  background-color: #73757c;
}

.button--base-m.button--shape-c:hover {
  background-color: #7c7e86;
}

.button--base-m.button--shape-d {
  font-size: 12px;
  color: #999;
  line-height: 1;
  font-weight: normal;
  background-color: #e9e9e9;
  border: 1px solid #d4d4d4;
}

.button--base-m.button--shape-d:hover {
  background-color: #e9e9e9;
}

.button--base-m.button--shape-e {
  min-height: 20px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: normal;
}

.button--base-m.button--shape-e:hover {
  border-color: #b9b9b9;
}

.button--base-m.button--shape-e .button__text {
  font-size: 12px;
  color: #333333;
  line-height: 1;
  font-weight: normal;
}

.button--base-m.button--shape-e.disabled {
  border: 1px solid #d4d4d4;
  background-color: #eee;
  color: #b5b5b5;
}

.button--base-n {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  height: 26px;
  border-radius: 4px;
}

.button--base-n.button--shape-a {
  padding: 3px 18px;
  border: 1px solid #d1d1d1;
  background-color: #fff;
  font-size: 12px;
  color: #666;
  line-height: 150%;
  font-weight: bold;
}

.button--base-n.button--shape-a:hover {
  border-color: #b9b9b9;
}

.button--base-n.button--shape-a .button__text {
  display: inline-block;
  position: relative;
}

.button--base-n.button--shape-b {
  padding: 3px 18px;
  border: 1px solid #e3471e;
  background-color: #ff5000;
  font-size: 12px;
  color: #fff;
  line-height: 150%;
  font-weight: bold;
}

.button--base-n.button--shape-b:hover {
  background-color: #f76430;
}

.button--base-n.button--shape-b .button__text {
  display: inline-block;
  position: relative;
}

.button--base-n.button--shape-c {
  padding: 0 10px;
  font-size: 12px;
  color: #666;
  line-height: 150%;
  font-weight: bold;
  border: 1px solid #d1d1d1;
  background-color: #fff;
}

.button--base-n.button--shape-c:hover {
  border-color: #b9b9b9;
}

.button--base-n.button--shape-c .button__text {
  display: inline-block;
  position: relative;
}

.button--base-n.button--shape-d {
  padding: 0 10px;
  border: 1px solid #dcedf1;
  background-color: #f6fafb;
  cursor: default;
  margin-right: 5px;
  min-height: 26px;
  height: auto;
  text-align: left;
  font-size: 12px;
  color: #5892b6;
  line-height: 150%;
  font-weight: bold;
}

.button--base-n.button--shape-d .button__text {
  display: inline-block;
  position: relative;
}

.button--base-n.button--shape-e {
  padding: 0 10px;
  border: 1px solid #e6e6e6;
  background-color: #f9f9f9;
  cursor: default;
  margin-right: 5px;
  font-size: 12px;
  color: #999;
  line-height: 150%;
  font-weight: bold;
}

.button--base-n.button--shape-e .button__text {
  display: inline-block;
  position: relative;
}

.button--base-n.button--shape-f {
  padding: 0 10px;
  border: 1px solid #d5e5f2;
  border-radius: 20px;
  background-color: #ffffff;
  cursor: default;
  margin-right: 5px;
  font-size: 12px;
  color: #069fee;
  line-height: 150%;
  font-weight: bold;
}

.button--base-n.button--shape-f.is-active {
  border-color: #ff5000;
  color: #ff5000;
}

.button--base-n.button--shape-f .button__text {
  display: inline-block;
  position: relative;
}

.button--base-n.button--shape-g {
  padding: 0 10px;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  background-color: #ffffff;
  cursor: default;
  margin-right: 5px;
  font-size: 12px;
  color: #999;
  line-height: 150%;
  font-weight: bold;
}

.button--base-n.button--shape-g .button__text {
  display: inline-block;
  position: relative;
}

.button--base-n.button--shape-h {
  padding: 3px 18px;
  border: 1px solid #dcdcdc;
  background-color: #f7f7f7;
  font-size: 12px;
  color: #666;
  line-height: 150%;
  font-weight: bold;
}

.button--base-n.button--shape-h:hover {
  border-color: #b9b9b9;
}

.button--base-n.button--shape-h .button__text {
  display: inline-block;
  position: relative;
}

.button--base-n.button--shape-h .icon--option {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -357px;
  width: 14px;
  height: 14px;
  margin-left: 6px;
  margin-top: -3px;
  vertical-align: middle;
}

.button--base-n.button--shape-i {
  padding: 3px 18px;
  border: 1px solid #ff5000;
  background-color: #ff5000;
  font-size: 12px;
  color: #fff;
  line-height: 150%;
  font-weight: bold;
}

.button--base-n.button--shape-i:hover {
  border-color: #d94400;
  background-color: #d94400;
}

.button--base-n.button--shape-i .button__text {
  display: inline-block;
  position: relative;
}

.button--base-n.button--shape-i .icon--option {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -357px;
  width: 14px;
  height: 14px;
  margin-left: 6px;
  margin-top: -3px;
  vertical-align: middle;
}

.button--base-n.button--shape-j {
  padding: 3px 18px;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  font-size: 12px;
  color: #666;
  line-height: 150%;
  font-weight: bold;
}

.button--base-n.button--shape-j:hover {
  border-color: #b9b9b9;
}

.button--base-n.button--shape-j .button__text {
  display: inline-block;
  position: relative;
}

.button--base-n.button--shape-j .icon--option {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -357px;
  width: 14px;
  height: 14px;
  margin-left: 6px;
  margin-top: -3px;
  vertical-align: middle;
}

.button--base-o {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  height: 36px;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 36px;
  font-weight: normal;
}

.button--base-o .button__count {
  width: 36px;
  height: 36px;
  display: block;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  float: left;
}

.button--base-o .button__text {
  display: block;
}

.button--base-o .button__icon {
  position: relative;
  margin-top: 50%;
}

.button--base-o.button--shape-a {
  background-color: #fff;
  border-color: #cbcbcb;
  border: 1px solid #cbcbcb;
  width: 216px;
}

.button--base-o.button--shape-a .button__count {
  border-right: 1px solid #cbcbcb;
}

.button--base-o.button--shape-a .button__icon {
  top: -6px;
  margin-top: 50%;
  border-color: #cbcbcb;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -416px;
  width: 15px;
  height: 16px;
}

.button--base-o.button--shape-a .button__text {
  color: #666666;
}

.button--base-o.button--shape-a:hover {
  background-color: #fff;
  border-color: #bbbbbb;
}

.button--base-o.button--shape-a:hover .button__icon {
  border-color: #bbbbbb;
}

.button--base-o.button--shape-b {
  background: #3b5997;
  width: 216px;
}

.button--base-o.button--shape-b .button__count {
  width: 36px;
  height: 36px;
  display: block;
  border-radius: 4px;
  background: #2a437f;
  float: left;
}

.button--base-o.button--shape-b .button__text {
  display: block;
}

.button--base-o.button--shape-b .button__icon {
  top: -8px;
  margin-top: 50%;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px 0px;
  width: 9px;
  height: 16px;
}

.button--base-o.button--shape-b:hover {
  background: #4264a4;
}

.button--base-o.button--shape-b:hover .button__count {
  background: #2f4b8e;
}

.button--base-p {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  width: 132px;
  height: 30px;
  border: 1px solid;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  line-height: 26px;
  font-weight: normal;
}

.button--base-p .button__count {
  display: block;
  float: left;
  width: 30px;
  height: 28px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.button--base-p .button__text {
  display: block;
}

.button--base-p .button__icon {
  position: relative;
  margin-top: 50%;
}

.button--base-p.button--shape-a {
  border-color: #be2216;
  background: #da4835;
}

.button--base-p.button--shape-a .button__count {
  background: #be2216;
}

.button--base-p.button--shape-a .button__icon {
  top: -6px;
  margin-top: 50%;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -494px -517px;
  width: 18px;
  height: 11px;
}

.button--base-p.button--shape-a:hover {
  background: #df5540;
}

.button--base-p.button--shape-a:hover .button__count {
  background: #c82d1f;
}

.button--base-p.button--shape-b {
  border-color: #2a437f;
  background: #3b5997;
}

.button--base-p.button--shape-b .button__count {
  background: #2a437f;
}

.button--base-p.button--shape-b .button__text {
  display: block;
}

.button--base-p.button--shape-b .button__icon {
  top: -8px;
  margin-top: 50%;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -339px;
  width: 7px;
  height: 14px;
}

.button--base-p.button--shape-b:hover {
  background: #4264a4;
}

.button--base-p.button--shape-b:hover .button__count {
  background: #2f4b8e;
}

.button--base-p.button--shape-c {
  border-color: #29a60f;
  background: #3cbb17;
}

.button--base-p.button--shape-c .button__count {
  background: #29a60f;
}

.button--base-p.button--shape-c .button__text {
  display: block;
}

.button--base-p.button--shape-c .button__icon {
  top: -6px;
  margin-top: 50%;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -113px;
  width: 10px;
  height: 10px;
}

.button--base-p.button--shape-c:hover {
  background: #45c71b;
}

.button--base-p.button--shape-c:hover .button__count {
  background: #30b412;
}

.button--base-q {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  width: 54px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #eb5229;
  background-color: #ff5000;
  text-align: center;
}

.button--base-q.button--shape-a {
  font-size: 12px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.button--base-q.button--shape-a:hover {
  background-color: #f76430;
}

.button--base-r {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  border: 1px solid #696c77;
  background-color: #73757c;
  border-radius: 4px;
}

.button--base-r .button__text {
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-weight: normal;
}

.button--base-r:hover {
  background-color: #7c7e86;
}

.button--base-r.button--shape-a {
  width: 132px;
  height: 30px;
}

.button--base-r.button--shape-b {
  width: 170px;
  height: 38px;
  margin: 9px 0 0 0 !important;
}

.button--base-r.button--shape-b .icon {
  vertical-align: bottom;
}

.button--base-r.button--shape-b .icon--googleplay {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -520px -497px;
  width: 15px;
  height: 18px;
}

.button--base-r.button--shape-b .icon--appstore {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -479px;
  width: 15px;
  height: 19px;
}

.button--base-r.button--shape-c {
  width: 224px;
  height: 42px;
}

.button--base-r.button--shape-c .button__text {
  font-size: 14px;
  font-weight: bold;
}

.button--base-s {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  height: 38px;
  padding: 0 34px;
  border-radius: 30px;
  text-align: center;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.button--base-s .button__text {
  display: block;
}

.button--base-s .button__icon {
  position: relative;
}

.button--base-s.button--shape-a {
  border: 1px solid #e04218;
  background-color: #ff5000;
  font-size: 15px;
  color: #fff;
  line-height: 110%;
  font-weight: bold;
}

.button--base-s.button--shape-a:hover {
  color: #ff5000;
  border-color: #fff;
  background-color: #fff;
}

.button--base-s.button--shape-a:hover .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -482px;
  width: 7px;
  height: 11px;
}

.button--base-s.button--shape-a:hover .button__icon__download {
  vertical-align: bottom;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -470px;
  width: 12px;
  height: 16px;
}

.button--base-s.button--shape-a .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -493px;
  width: 7px;
  height: 11px;
}

.button--base-s.button--shape-a .button__icon__download {
  vertical-align: bottom;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -486px;
  width: 12px;
  height: 16px;
}

.button--base-s.button--shape-a .button__txt {
  display: inline-block;
  padding-top: 10px;
}

.button--base-s.button--shape-b {
  border: 1px solid #fff;
  font-size: 15px;
  color: #fff;
  line-height: 110%;
  font-weight: bold;
}

.button--base-s.button--shape-b:hover {
  color: #ff5000;
  background-color: #fff;
}

.button--base-s.button--shape-b:hover .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -153px;
  width: 10px;
  height: 10px;
}

.button--base-s.button--shape-b:hover .icon--dictionary {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -218px -146px;
  width: 14px;
  height: 16px;
}

.button--base-s.button--shape-b:hover .icon--community {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -432px;
  width: 15px;
  height: 16px;
}

.button--base-s.button--shape-b .icon--dictionary {
  vertical-align: bottom;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px 0px;
  width: 14px;
  height: 16px;
}

.button--base-s.button--shape-b .icon--community {
  vertical-align: bottom;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -448px;
  width: 15px;
  height: 16px;
}

.button--base-s.button--shape-b .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -203px;
  width: 10px;
  height: 10px;
}

.button--base-s.button--shape-b .button__txt {
  display: inline-block;
  padding-top: 10px;
}

.button--base-s.button--shape-c {
  border: 1px solid #fff;
  background: #fff;
  font-size: 15px;
  color: #ff5000;
  line-height: 110%;
  font-weight: bold;
}

.button--base-s.button--shape-c:hover {
  color: #fff;
  background: none;
}

.button--base-s.button--shape-c:hover .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -84px -298px;
  width: 11px;
  height: 8px;
}

.button--base-s.button--shape-c .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -73px -298px;
  width: 11px;
  height: 8px;
}

.button--base-s.button--shape-c .button__txt {
  display: inline-block;
  padding-top: 10px;
}

.button--base-t {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  width: 241px;
  height: 52px;
  padding-left: 18px;
  padding-top: 3px;
  text-align: left;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

.button--base-t.button--shape-a {
  background-color: #3b5997;
}

.button--base-t.button--shape-a .button__text {
  margin-left: 4px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
}

.button--base-t.button--shape-a .icon--facebook {
  margin-bottom: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -191px -368px;
  width: 29px;
  height: 29px;
}

.button--base-t.button--shape-a .icon--arrow {
  margin-left: 44px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -408px;
  width: 6px;
  height: 9px;
}

.button--base-t.button--shape-a:hover {
  background-color: #4264a4;
}

.button--base-u {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  min-width: 73px;
  height: 32px;
  padding: 0 15px;
  border-radius: 20px;
  text-align: center;
}

.button--base-u .button__text {
  display: inline-block;
}

.button--base-u .button__icon {
  position: relative;
}

.button--base-u.button--shape-a {
  border: 1px solid #ff5000;
  background-color: #fff;
  font-size: 12px;
  color: #ff5000;
  line-height: 30px;
  font-weight: bold;
}

.button--base-u.button--shape-a:hover {
  color: #666;
  border-color: #d1d1d1;
}

.button--base-u.button--shape-a:hover .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -62px -298px;
  width: 11px;
  height: 8px;
}

.button--base-u.button--shape-a .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -73px -298px;
  width: 11px;
  height: 8px;
}

.button--base-u.button--shape-b {
  border: 1px solid #d1d1d1;
  background-color: #fff;
  font-size: 12px;
  color: #666;
  line-height: 30px;
  font-weight: bold;
}

.button--base-u.button--shape-b:hover {
  color: #ff5000;
  border-color: #ff5000;
}

.button--base-u.button--shape-b:hover .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -153px;
  width: 10px;
  height: 10px;
}

.button--base-u.button--shape-b .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -163px;
  width: 10px;
  height: 10px;
}

.button--base-u.button--shape-c {
  border: 1px solid #fff;
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  font-weight: bold;
}

.button--base-u.button--shape-c:hover {
  color: #ff5000;
  border: 1px solid #ff5000;
}

.button--base-u.button--shape-c:hover .icon--close {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../..../../../images/share/tr/icon_close-10x10-hover.png") no-repeat;
}

.button--base-u.button--shape-c .icon--close {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../..../../../images/share/tr/icon_close-10x10.png") no-repeat;
}

.button--base-u.button--shape-d {
  border: 1px solid #fff;
  margin-left: 12px;
  font-size: 12px;
  color: #fff;
  line-height: 30px;
  font-weight: bold;
}

.button--base-u.button--shape-d:hover {
  color: #ff5000;
  border: 1px solid #ff5000;
}

.button--base-u.button--shape-d:hover .icon--arrow-right {
  display: inline-block;
  width: 13px;
  height: 10px;
  background: url("../..../../../images/share/tr/arrow-right_13x10-hover.png") no-repeat;
}

.button--base-u.button--shape-d .icon--arrow-right {
  display: inline-block;
  width: 13px;
  height: 10px;
  background: url("../..../../../images/share/tr/arrow-right_13x10.png") no-repeat;
}

.button--base-u.button--shape-e {
  border: 1px solid #ff5000;
  background-color: #fff;
  font-size: 12px;
  color: #ff5000;
  line-height: 30px;
  font-weight: bold;
}

.button--base-u.button--shape-e:hover {
  border: 1px solid #ff9c6f;
}

.button--base-v {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  width: 204px;
  height: 25px;
  border-radius: 25px;
  border: 1px solid #e3471e;
  background-color: #ff5000;
  text-align: center;
}

.button--base-v.button--shape-a {
  font-size: 12px;
  color: #fff;
  line-height: 22px;
  font-weight: normal;
}

.button--base-v.button--shape-a:hover {
  background-color: #f76430;
}

.button--base-w {
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  line-height: 1;
  font-size: 12px;
  display: inline-table;
}

.button--base-w .button__icon,
.button--base-w .button__text {
  display: table-cell;
}

.button--base-w .button__icon {
  width: 33px;
  border-right: 1px solid #d9d9d9;
  text-align: center;
  vertical-align: middle;
}

.button--base-w .button__icon.bg {
  background-color: #f0f6f9;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.button--base-w .button__text {
  padding: 12px 14px;
  text-align: center;
}

.button--base-w.button--shape-a {
  background-color: #1ca11c;
  border-color: #088108;
}

.button--base-w.button--shape-a .button__icon {
  border-color: #088108;
}

.button--base-w.button--shape-a .button__text {
  color: #fff;
}

.button--base-w.button--shape-a:hover {
  background-color: #22a722;
}

.button--base-w.button--shape-b {
  background-color: #3b5997;
  border-color: #2a437f;
}

.button--base-w.button--shape-b .button__icon {
  border-color: #2a437f;
}

.button--base-w.button--shape-b .button__text {
  color: #fff;
}

.button--base-w.button--shape-b:hover {
  background-color: #4264a4;
}

.button--base-w.button--shape-c {
  background-color: #fff;
  border-color: #cbcbcb;
}

.button--base-w.button--shape-c .button__icon {
  border-color: #cbcbcb;
}

.button--base-w.button--shape-c .button__text {
  color: #666;
}

.button--base-w.button--shape-c:hover {
  background-color: #fff;
  border-color: #bbb;
}

.button--base-w.button--shape-c:hover .button__icon {
  border-color: #bbb;
}

.button--base-w.button--shape-d {
  width: 138px !important;
  background-color: #3cbb17;
  border-color: #29a500;
}

.button--base-w.button--shape-d .button__icon {
  border-color: #29a500;
}

.button--base-w.button--shape-d .button__text {
  color: #fff;
}

.button--base-w.button--shape-d:hover {
  background-color: #47c328;
}

.button--base-w.button--shape-e {
  width: 138px !important;
  margin-right: 9px;
  background-color: #fff;
  border-color: #cbcbcb;
}

.button--base-w.button--shape-e .button__icon {
  border-color: #cbcbcb;
}

.button--base-w.button--shape-e .button__text {
  color: #666;
}

.button--base-w.button--shape-e:hover {
  background-color: #fff;
  border-color: #bbb;
}

.button--base-w.button--shape-e:hover .button__icon {
  border-color: #bbb;
}

.button--base-w.button--shape-f {
  width: 138px !important;
  margin-right: 9px;
  background-color: #3b5997;
  border-color: #2a437f;
}

.button--base-w.button--shape-f .button__icon {
  border-color: #2a437f;
}

.button--base-w.button--shape-f .button__text {
  color: #fff;
}

.button--base-w.button--shape-f:hover {
  background-color: #4264a4;
}

.button--base-w.button--shape-g {
  background-color: #3cbb17;
  border-color: #29a500;
}

.button--base-w.button--shape-g .button__icon {
  border-color: #29a500;
}

.button--base-w.button--shape-g .button__text {
  color: #fff;
}

.button--base-w.button--shape-g:hover {
  background-color: #47c328;
}

.button--base-w.button--shape-h {
  background-color: #026dbd;
  border-color: #0064ae;
}

.button--base-w.button--shape-h .button__icon {
  border-color: #0064ae;
}

.button--base-w.button--shape-h .button__text {
  color: #fff;
}

.button--base-w.button--shape-h:hover {
  background-color: #007ddb;
}

.button--base-w.button--shape-i {
  background-color: #00bc0d;
  border-color: #00b00b;
}

.button--base-w.button--shape-i .button__icon {
  border-color: #00b00b;
}

.button--base-w.button--shape-i .button__text {
  color: #fff;
}

.button--base-w.button--shape-i:hover {
  background-color: #18cb24;
}

.button--base-w.button--shape-j {
  width: 138px !important;
  margin-right: 9px;
  background-color: #026dbd;
  border-color: #0064ae;
  margin-top: 10px;
}

.button--base-w.button--shape-j .button__icon {
  border-color: #0064ae;
}

.button--base-w.button--shape-j .button__text {
  color: #fff;
}

.button--base-w.button--shape-j:hover {
  background-color: #0064ae;
}

.button--base-w.button--shape-k {
  background-color: #2ba8df;
  border-color: #2392c3;
}

.button--base-w.button--shape-k .button__icon {
  border-color: #2392c3;
}

.button--base-w.button--shape-k .button__text {
  color: #fff;
}

.button--base-w.button--shape-k:hover {
  background-color: #30B0E9;
}

.button--base-w .icon {
  display: inline-block;
}

.button--base-w .icon--tr {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -107px -447px;
  width: 24px;
  height: 21px;
}

.button--base-w .icon--google {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -416px;
  width: 15px;
  height: 16px;
}

.button--base-w .icon--facebook {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px 0px;
  width: 9px;
  height: 16px;
}

.button--base-w .icon--naver {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -116px -586px;
  width: 12px;
  height: 12px;
}

.button--base-w .icon--qq {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -34px;
  width: 34px;
  height: 34px;
}

.button--base-w .icon--wechat {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -102px;
  width: 34px;
  height: 34px;
}

.button--base-w .icon--twitter {
  background-image: url("../..../../../images/member/icon_twitter.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
}

.button--base-x {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  width: 78px;
  height: 24px;
  border-radius: 20px;
  text-align: center;
}

.button--base-x .button__text {
  display: inline-block;
}

.button--base-x .button__icon {
  position: relative;
}

.button--base-x.button--shape-a {
  border: 1px solid #ff5000;
  background-color: #fff;
  font-size: 11px;
  color: #ff5000;
  line-height: 18px;
  font-weight: normal;
}

.button--base-x.button--shape-a .icon--check {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -259px -340px;
  width: 10px;
  height: 7px;
}

.button--base-x.button--shape-b {
  border: 1px solid #d1d1d1;
  background-color: #fff;
  font-size: 11px;
  color: #333;
  line-height: 18px;
  font-weight: normal;
}

.button--base-x.button--shape-b:hover {
  color: #ff5000;
  border-color: #ff5000;
}

.button--base-x.button--shape-b:hover .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -399px;
  width: 9px;
  height: 9px;
}

.button--base-x.button--shape-b .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -408px;
  width: 9px;
  height: 9px;
}

.button--base-y {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  cursor: pointer;
  padding: 0 40px;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #f0562d;
}

.button--base-y.button__disabled {
  pointer-events: none;
  background-color: #f5f5f5 !important;
  color: #9f9f9f !important;
  border: 1px solid #cccccc !important;
}

.button--base-y.button__on__disabled {
  pointer-events: none;
  background-color: #f96d2d !important;
  color: #fcc4ab !important;
  border: 1px solid #f96d2d !important;
}

.button--base-y.button--shape-a {
  min-width: 180px;
  margin-right: 4px;
  background-color: #fff;
  font-size: 16px;
  color: #ff5000;
  line-height: 18px;
  font-weight: bold;
  border: 1px solid #ff5000;
}

.button--base-y.button--shape-a:hover {
  background-color: #fdf5f1;
  border: 1px solid #ff5000;
  color: #ff5000;
}

.button--base-y.button--shape-b {
  min-width: 300px;
  background-color: #ff5000;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.button--base-y.button--shape-b .button__text .buy {
  display: inline-block;
}

.button--base-y.button--shape-b .button__text .buy:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-b .button__text .icon-cube-2 {
  display: inline-block;
  margin: -4px 6px 0 6px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -304px;
  width: 18px;
  height: 18px;
}

.button--base-y.button--shape-b .button__text .icon-cube-2:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-b .button__text .normal {
  display: inline-block;
  font-weight: normal;
}

.button--base-y.button--shape-b .button__text .normal:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-b .button__text:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-b:hover {
  background-color: #d94400;
}

.button--base-y.button--shape-c {
  min-width: 240px;
  margin-right: 4px;
  background-color: #fff;
  font-size: 16px;
  color: #ff5000;
  line-height: 18px;
  font-weight: bold;
  border: 1px solid #ff5000;
}

.button--base-y.button--shape-c:hover {
  background-color: #fdf5f1;
  border: 1px solid #ff5000;
  color: #ff5000;
}

.button--base-y.button--shape-d {
  min-width: 240px;
  background-color: #ff5000;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.button--base-y.button--shape-d .button__text {
  line-height: 46px;
}

.button--base-y.button--shape-d .button__text .buy {
  display: inline-block;
}

.button--base-y.button--shape-d .button__text .buy:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-d .button__text .icon-cube-2 {
  width: 17px;
  height: 18px;
  margin-left: 6px;
  margin-right: 6px;
  margin-top: -6px;
  display: inline-block;
  vertical-align: middle;
  background: url("../../images/share/project-f/cube-2.png") 0 0;
}

.button--base-y.button--shape-d .button__text .icon-cube-2:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-d .button__text .normal {
  display: inline-block;
  font-weight: normal;
}

.button--base-y.button--shape-d .button__text .normal:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-d .button__text:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-d:hover {
  background-color: #d94400;
}

.button--base-y.button--shape-e {
  min-width: 150px;
  margin-right: 4px;
  background-color: #fff;
  font-size: 16px;
  color: #ff5000;
  line-height: 18px;
  font-weight: bold;
  border: 1px solid #ff5000;
}

.button--base-y.button--shape-e:hover {
  border: 1px solid #ff9c6f;
}

.button--base-y.button--shape-f {
  min-width: 150px;
  background-color: #ff5000;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.button--base-y.button--shape-f .button__text .buy {
  display: inline-block;
}

.button--base-y.button--shape-f .button__text .buy:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-f .button__text .normal {
  display: inline-block;
  font-weight: normal;
}

.button--base-y.button--shape-f .button__text .normal:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-f .button__text:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-f .button__text .icon {
  margin-left: 8px;
}

.button--base-y.button--shape-f .button__text .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -365px;
  width: 8px;
  height: 12px;
}

.button--base-y.button--shape-f .button__text .icon--coin {
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -304px;
  width: 18px;
  height: 18px;
}

.button--base-y.button--shape-f .button__text .cost {
  font-weight: normal;
}

.button--base-y.button--shape-f:hover {
  background-color: #f76430;
}

.button--base-y.button--shape-g {
  min-width: 150px;
  background-color: #ffffff;
  text-align: center;
  border: solid 1px #cecece;
  margin-right: 4px;
  font-size: 16px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.button--base-y.button--shape-g .button__text .buy {
  display: inline-block;
}

.button--base-y.button--shape-g .button__text .buy:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-g .button__text .icon-cube-2 {
  width: 17px;
  height: 18px;
  margin-left: 6px;
  margin-right: 6px;
  margin-top: -6px;
  display: inline-block;
  vertical-align: middle;
  background: url("../../images/share/project-f/cube-2.png") 0 0;
}

.button--base-y.button--shape-g .button__text .icon-cube-2:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-g .button__text .normal {
  display: inline-block;
  font-weight: normal;
}

.button--base-y.button--shape-g .button__text .normal:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-g .button__text:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-g:hover {
  border-color: #b9b9b9;
}

.button--base-y.button--shape-h {
  min-width: 190px;
  background-color: #ff5000;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.button--base-y.button--shape-h .button__text .buy {
  display: inline-block;
}

.button--base-y.button--shape-h .button__text .buy:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-h .button__text .icon-cube-2 {
  width: 17px;
  height: 18px;
  margin-left: 6px;
  margin-right: 6px;
  margin-top: -6px;
  display: inline-block;
  vertical-align: middle;
  background: url("../../images/share/project-f/cube-2.png") 0 0;
}

.button--base-y.button--shape-h .button__text .icon-cube-2:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-h .button__text .normal {
  display: inline-block;
  font-weight: normal;
}

.button--base-y.button--shape-h .button__text .normal:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-h .button__text:after {
  content: '';
  display: block;
  clear: both;
}

.button--base-y.button--shape-h .button__text .icon {
  margin-left: 8px;
}

.button--base-y.button--shape-h .button__text .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -365px;
  width: 8px;
  height: 12px;
}

.button--base-y.button--shape-h:hover {
  background-color: #f76430;
}

.button--base-z {
  display: inline-block;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  height: 34px;
  border: 1px solid #ccc;
  text-align: center;
  background-color: #fff;
}

.button--base-z.button__disabled {
  box-sizing: border-box;
  pointer-events: none;
  opacity: 0.7;
  background-color: #eee;
}

.button--base-z.button--shape-a {
  min-width: 106px;
}

.button--base-z.button--shape-a .button__text {
  display: inline-block;
  height: 22px;
  padding: 7px 13px 0 13px;
  font-size: 13px;
  color: #666;
  line-height: 16px;
  font-weight: 500;
}

.button--base-z.button--shape-a .button__text:hover {
  color: #ff5000;
}

.button--base-z.button--shape-a .icon--arrow-left {
  margin-right: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -515px;
  width: 7px;
  height: 11px;
}

.button--base-z.button--shape-a .icon--arrow-right {
  margin-left: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -537px;
  width: 7px;
  height: 11px;
}

.button--base-z.button--shape-a:hover {
  border-color: #ff5000;
}

.button--base-z.button--shape-a:hover .icon--arrow-left {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -504px;
  width: 7px;
  height: 11px;
}

.button--base-z.button--shape-a:hover .icon--arrow-right {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -526px;
  width: 7px;
  height: 11px;
}

.dialog {
  position: relative;
  border: 1px solid #767676;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 101;
  font-size: 14px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.dialog .layer-popup {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.dialog .icon--remove {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -273px;
  width: 14px;
  height: 14px;
}

.dialog .icon--remove:hover,
.dialog .icon--remove.active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -259px;
  width: 14px;
  height: 14px;
}

.dialog .report__notice {
  margin-bottom: 15px;
  letter-spacing: -0.3px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
  font-weight: normal;
}

.dialog .report__reason {
  margin-bottom: 7px;
  font-size: 12px;
  color: #999;
  line-height: 20px;
  font-weight: normal;
}

.dialog .report__info {
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
}

.dialog .report__info tr {
  height: 32px;
  border-top: 1px solid #f0f0f0;
}

.dialog .report__info th {
  width: 118px;
  padding-left: 10px;
  background-color: #fafafa;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog .report__info td {
  padding-left: 20px;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: normal;
}

.dialog .report__list li {
  vertical-align: middle;
  margin-top: 3px;
}

.dialog .report__list li:first-child {
  margin-top: 0;
}

.dialog .report__list .formstyle {
  vertical-align: middle;
}

.dialog .report__list textarea {
  display: block;
  width: 432px;
  height: 76px;
  margin-top: 4px;
  border-radius: 3px;
  border: 1px solid #e4e4e4;
  resize: none;
  overflow: auto;
}

.dialog .report__list textarea:disabled::-webkit-input-placeholder {
  color: transparent;
}

.dialog .report__list textarea:disabled::-moz-placeholder {
  color: transparent;
}

.dialog .report__list textarea:disabled:-ms-input-placeholder {
  color: transparent;
}

.dialog .report__list textarea:disabled:-moz-placeholder {
  color: transparent;
}

.dialog .report__list textarea::-webkit-input-placeholder {
  font-size: 11px;
  color: #999;
}

.dialog .report__list textarea::-moz-placeholder {
  font-size: 11px;
  color: #999;
}

.dialog .report__list textarea:-ms-input-placeholder {
  font-size: 11px;
  color: #999;
}

.dialog .report__list textarea:-moz-placeholder {
  font-size: 11px;
  color: #999;
}

.dialog .report__list__contents {
  margin-left: 7px;
  vertical-align: middle;
}

.dialog .hashtag__notice {
  text-align: center;
  font-size: 13px;
  color: #333333;
  line-height: 20px;
  font-weight: normal;
}

.dialog .hashtag__notice__gray {
  color: #999999;
  text-align: center;
  margin-bottom: 24px;
}

.dialog .hashtag__wrapper {
  text-align: center;
}

.dialog .hashtag__wrapper .button {
  cursor: pointer;
}

.dialog .hashtag__wrapper .button--base-n.button--shape-f {
  color: #ff5000;
  border: 1px solid #ff5000;
  margin-bottom: 8px;
}

.dialog .select-friend__msg {
  margin: 20px 0;
  color: #333333;
}

.dialog .select-friend__msg:first-child {
  margin-top: 0;
}

.dialog .select-friend__msg__text {
  line-height: 21px;
}

.dialog .select-friend__msg__text strong {
  font-weight: normal;
  color: #f6552b;
}

.dialog .select-friend__msg__text--second {
  position: relative;
  padding-left: 10px;
  color: #999;
  font-size: 11px;
  line-height: 14px;
}

.dialog .select-friend__msg__text--second:after {
  content: ' ';
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 1px;
  background-color: #999;
}

.dialog .select-friend__nav {
  border-top: 2px solid #c1c1c1;
  line-height: 1;
}

.dialog .select-friend__nav__link {
  position: relative;
  display: inline-block;
  padding: 15px 10px;
  color: #999;
}

.dialog .select-friend__nav__link.is-active {
  margin-bottom: -1px;
  color: #333333;
  border-bottom: 2px solid #f6552b;
}

.dialog .select-friend__nav__link:after {
  content: ' ';
  position: absolute;
  top: 18px;
  left: 0;
  width: 1px;
  height: 9px;
  background-color: #d3d3d3;
}

.dialog .select-friend__nav__link:first-child:after {
  display: none;
}

.dialog .select-friend__section--scroll {
  height: 354px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  overflow: auto;
}

.dialog .select-friend__list {
  width: 100%;
}

.dialog .select-friend__list__item {
  width: 100%;
  height: 58px;
  margin-bottom: -1px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  vertical-align: middle;
}

.dialog .select-friend__list__item:first-child {
  margin-top: -1px;
}

.dialog .select-friend__list__item:last-child {
  border-bottom: none;
}

.dialog .select-friend__list__item label {
  margin-left: 10px;
  float: left;
  line-height: 58px;
}

.dialog .select-friend__list__item label .formstyle {
  top: -1px;
  vertical-align: middle;
}

.dialog .select-friend__list__item label .circle {
  margin: 0 6px;
  border-radius: 50%;
  vertical-align: middle;
}

.dialog .select-friend__list__item time {
  float: right;
  margin-right: 10px;
  font-family: 'Tahoma';
  font-size: 12px;
  color: #999;
  line-height: 58px;
  font-weight: normal;
}

.dialog .user-info {
  width: 350px;
  padding: 15px 20px;
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  border-bottom: none;
}

.dialog .user-info .img-area {
  display: block;
  float: left;
  margin-right: 10px;
}

.dialog .user-info .g-name {
  max-width: 350px;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
}

.dialog .user-info .u-name {
  max-width: 350px;
  font-size: 12px;
  color: #333333;
  margin-bottom: 2px;
  overflow: hidden;
  white-space: nowrap;
}

.dialog .user-info .u-name span {
  font-weight: bold;
  color: #069fee;
}

.dialog .user-info .date {
  max-width: 350px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
}

.dialog .user-info__message {
  width: 350px;
  height: 280px;
  padding: 20px;
  border: 1px solid #e4e4e4;
  border-top: none;
  overflow: auto;
}

.dialog .user-info__report {
  width: 362px;
  height: 314px;
  padding: 12px;
  border: 1px solid #e4e4e4;
  overflow: auto;
}

.dialog .user-info__list {
  font-size: 13px;
  color: #333333;
  word-break: break-all;
}

.dialog .user-info__clause {
  font-size: 12px;
  color: #666;
  word-break: break-all;
}

.dialog .user-info__notice {
  max-width: 392px;
  margin-top: 8px;
  font-size: 12px;
  color: #999;
  line-height: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.dialog .user-info__notice .icon--bullet {
  display: inline-block;
  width: 2px;
  height: 1px;
  margin: 8px 8px 0 0;
  vertical-align: top;
  background-color: #d8d8d8;
}

.dialog__header {
  position: relative;
  padding: 13px 30px;
  border-bottom: 1px solid #eee;
}

.dialog__header__title {
  font-size: 14px;
  color: #333333;
  line-height: normal;
  font-weight: bold;
}

.dialog__header__title small {
  color: #ff5000;
  font-size: 16px;
}

.dialog__header__subtitle {
  margin-top: 5px;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  font-weight: normal;
}

.dialog__content {
  padding: 15px 30px 25px;
  font-size: 13px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.dialog__content .dialog__nav {
  padding: 15px 0;
  border-bottom: 1px solid #d9d9d9;
}

.dialog__content__point {
  color: #ff5000;
}

.dialog__content__cpbenefit {
  margin-top: 15px;
}

.dialog__content__cpbenefit .formbox--base-c {
  width: 243px !important;
}

.dialog__content__cpbenefit .formbox--base-c ~ .formbox--base-c {
  margin-left: 15px;
}

.dialog__content .text-list {
  margin-top: 20px;
}

.dialog__content .text-list__item {
  position: relative;
  padding-left: 10px;
  font-size: 13px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.dialog__content .text-list__item:before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0px;
  width: 2px;
  height: 1px;
  background-color: #989898;
}

.dialog__content .text-list__item em {
  color: #666;
}

.dialog__content .text-info {
  margin-top: 15px;
  padding: 15px 20px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
}

.dialog__content .text-info p {
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  font-weight: normal;
}

.dialog__content .text-info p em {
  font-size: 14px;
  font-weight: bold;
}

.dialog__content .text-agree {
  margin-top: 10px;
  text-align: center;
}

.dialog__content .text-agree .formstyle {
  vertical-align: text-bottom;
}

.dialog__content .dialog--subject__text {
  text-align: center;
  font-size: 22px;
  color: #ff5000;
  line-height: normal;
  font-weight: normal;
}

.dialog__content .dialog--subject__desc {
  margin-top: 5px;
  text-align: center;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  font-weight: normal;
}

.dialog__content .dialog--subject__desc__fail {
  margin-bottom: 24px;
  text-align: center;
  font-size: 12px;
  color: #333333;
  line-height: 18px;
  font-weight: normal;
}

.dialog__content .dialog--subject__list {
  margin: 25px 0;
}

.dialog__content .dialog--subject__list ul li {
  padding: 15px 20px;
  border-bottom: 1px solid #c1c1c1;
}

.dialog__content .dialog--subject__list ul li:first-child {
  border-top: 2px solid #ff5000;
}

.dialog__content .dialog--subject__list ul li span {
  display: inline-block;
}

.dialog__content .dialog--subject__list ul li .title {
  min-width: 140px;
  font-size: 13px;
  color: #333333;
  line-height: 18px;
  font-weight: normal;
}

.dialog__content .dialog--subject__list ul li .contents {
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.dialog__content .dialog--subject__list ul li .contents em {
  color: #666;
  font-weight: bold;
}

.dialog__content .dialog--subject__list ul li .contents strong {
  color: #ff5000;
}

.dialog__content .dialog--subject__list ul li .contents i {
  font-size: 12px;
  color: #999;
}

.dialog__content .dialog--subject__list__fail {
  width: 390px;
  margin: 25px 0;
}

.dialog__content .dialog--subject__list__fail ul li {
  padding: 15px 20px;
  border-bottom: 1px solid #c1c1c1;
}

.dialog__content .dialog--subject__list__fail ul li:first-child {
  border-top: 2px solid #ff5000;
}

.dialog__content .dialog--subject__list__fail ul li span {
  display: inline-block;
}

.dialog__content .dialog--subject__list__fail ul li .title {
  min-width: 50px;
  font-size: 13px;
  color: #333333;
  line-height: 18px;
  font-weight: bold;
}

.dialog__content .dialog--subject__list__fail ul li .contents {
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.dialog__content .dialog--subject__list__fail ul li .contents em {
  color: #666;
  font-weight: bold;
}

.dialog__content .dialog--subject__list__fail ul li .contents strong {
  color: #ff5000;
}

.dialog__content .dialog--subject__list__fail ul li .contents i {
  font-size: 12px;
  color: #999;
}

.dialog__content .link-active {
  font-weight: bold;
  text-decoration: underline;
  color: #ff5000;
}

.dialog__footer {
  padding: 20px;
}

.dialog__footer.not_top {
  padding-top: 0;
}

.dialog__footer-area {
  padding: 0px 20px 30px 20px;
}

.dialog__nav {
  text-align: center;
}

.dialog__nav .button {
  margin-right: 0;
}

.dialog__nav .button + .button {
  margin-left: 8px;
}

.dialog__nav__link {
  margin: 0;
  padding: 8px;
}

.dialog__sns .sns {
  width: 100%;
}

.dialog__sns .sns--list:after {
  content: '';
  display: block;
  clear: both;
}

.dialog__sns .sns li {
  display: inline-block;
  margin-left: 18px;
  list-style: none;
  list-style-image: url("data:0");
  line-height: 0;
}

.dialog__sns .sns li:first-child {
  margin-left: 0 !important;
}

.dialog__sns .sns li a {
  min-width: 55px;
  display: block;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  white-space: nowrap;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.dialog__sns .sns li a:hover {
  color: #666;
}

.dialog__sns .sns li a .icon {
  margin-bottom: 2px;
  display: block;
  margin: 0 auto;
  margin-bottom: 4px;
}

.dialog__sns .sns__facebook a {
  width: 52px;
}

.dialog__sns .sns__facebook a .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -248px -368px;
  width: 28px;
  height: 28px;
}

.dialog__sns .sns__twitter a {
  width: 38px;
}

.dialog__sns .sns__twitter a .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -304px -368px;
  width: 28px;
  height: 28px;
}

.dialog__sns .sns__google a {
  width: 45px;
}

.dialog__sns .sns__google a .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -276px -368px;
  width: 28px;
  height: 28px;
}

.dialog__x {
  position: absolute;
  top: 15px;
  right: 15px;
  border: 0;
  background-color: transparent;
  line-height: 1;
  text-indent: -1000em;
  outline: none;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -200px -571px;
  width: 11px;
  height: 10px;
}

.dialog__x:hover,
.dialog__x.active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -189px -571px;
  width: 11px;
  height: 10px;
}

.dialog__x__text {
  display: none;
}

.dialog--inline {
  margin: 10px;
  display: inline-block;
  min-width: 300px;
  max-width: 500px;
  vertical-align: top;
}

.dialog--inline:first-child {
  margin-left: 0;
}

.dialog--inline:last-child {
  margin-right: 0;
}

.dialog--alert {
  max-width: 480px;
  transform: translateX(-50%);
  margin-left: 0 !important;
}

.dialog--alert,
.dialog--confirm {
  min-width: 320px;
  text-align: center;
}

.dialog--alert.toon,
.dialog--confirm.toon {
  min-width: 340px;
  text-align: center;
}

.dialog--alert.toon .dialog__header,
.dialog--confirm.toon .dialog__header {
  padding: 30px 0 0 0;
  border-bottom: 0;
}

.dialog--alert.toon .dialog__header__title,
.dialog--confirm.toon .dialog__header__title {
  font-weight: bold;
}

.dialog--alert.toon .dialog__content,
.dialog--confirm.toon .dialog__content {
  padding: 14px 40px 25px !important;
}

.dialog--alert.toon .dialog__footer,
.dialog--confirm.toon .dialog__footer {
  padding-top: 0;
  background-color: #fff;
}

.dialog--alert.withdraw,
.dialog--confirm.withdraw {
  min-width: 340px;
  text-align: center;
}

.dialog--alert.withdraw .dialog__header,
.dialog--confirm.withdraw .dialog__header {
  padding: 30px 0 0 0;
  border-bottom: 0;
}

.dialog--alert.withdraw .dialog__header__title,
.dialog--confirm.withdraw .dialog__header__title {
  font-weight: bold;
}

.dialog--alert.withdraw .dialog__content,
.dialog--confirm.withdraw .dialog__content {
  padding: 30px 40px 20px !important;
}

.dialog--alert.withdraw .dialog__content__title,
.dialog--confirm.withdraw .dialog__content__title {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 15px;
}

.dialog--alert.withdraw .dialog__content__title.title__oneline,
.dialog--confirm.withdraw .dialog__content__title.title__oneline {
  padding-bottom: 0;
}

.dialog--alert.withdraw .dialog__content__desc,
.dialog--confirm.withdraw .dialog__content__desc {
  font-size: 13px;
  line-height: normal;
  color: #666;
}

.dialog--alert.withdraw .dialog__footer,
.dialog--confirm.withdraw .dialog__footer {
  padding-top: 0;
  background-color: #fff;
}

.dialog--alert.withdraw--large,
.dialog--confirm.withdraw--large {
  min-width: 560px;
  text-align: left;
}

.dialog--alert.withdraw--large .dialog__header,
.dialog--confirm.withdraw--large .dialog__header {
  padding: 30px 0 0 0;
  border-bottom: 0;
}

.dialog--alert.withdraw--large .dialog__header__title,
.dialog--confirm.withdraw--large .dialog__header__title {
  font-weight: bold;
  font-size: 15px;
  color: #333333;
  text-align: center;
}

.dialog--alert.withdraw--large .dialog__content,
.dialog--confirm.withdraw--large .dialog__content {
  padding: 20px 60px 20px !important;
}

.dialog--alert.withdraw--large .dialog__content__title,
.dialog--confirm.withdraw--large .dialog__content__title {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 15px;
}

.dialog--alert.withdraw--large .dialog__content__desc,
.dialog--confirm.withdraw--large .dialog__content__desc {
  font-size: 13px;
  line-height: normal;
  color: #666;
}

.dialog--alert.withdraw--large .dialog__content__subtitle,
.dialog--confirm.withdraw--large .dialog__content__subtitle {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #ff5000;
  padding-top: 20px;
  padding-bottom: 8px;
}

.dialog--alert.withdraw--large .dialog__content__subdesc,
.dialog--confirm.withdraw--large .dialog__content__subdesc {
  font-size: 13px;
  color: #666;
  text-align: center;
}

.dialog--alert.withdraw--large .dialog__footer,
.dialog--confirm.withdraw--large .dialog__footer {
  padding-top: 0;
  background-color: #fff;
}

.dialog--alert.toon-upload,
.dialog--confirm.toon-upload {
  min-width: 400px;
  text-align: center;
  padding-bottom: 46px;
}

.dialog--alert.toon-upload .dialog__header,
.dialog--confirm.toon-upload .dialog__header {
  padding: 30px 0 0 0;
  border-bottom: 0;
}

.dialog--alert.toon-upload .dialog__header__title,
.dialog--confirm.toon-upload .dialog__header__title {
  font-weight: bold;
}

.dialog--alert.toon-upload .dialog__content,
.dialog--confirm.toon-upload .dialog__content {
  padding: 26px 40px 25px !important;
}

.dialog--alert.toon-upload .dialog__content .serially-btn-wrap,
.dialog--confirm.toon-upload .dialog__content .serially-btn-wrap {
  width: 144px;
  height: auto;
  display: block;
  float: left;
}

.dialog--alert.toon-upload .dialog__content .serially-btn-wrap .serially-btn,
.dialog--confirm.toon-upload .dialog__content .serially-btn-wrap .serially-btn {
  width: 144px;
  height: 144px;
  background: #fff;
  border-radius: 144px;
  border: 1px solid #cecece;
  margin-right: 24px;
  margin-bottom: 10px;
}

.dialog--alert.toon-upload .dialog__content .serially-btn-wrap .serially-btn .icon--serially,
.dialog--confirm.toon-upload .dialog__content .serially-btn-wrap .serially-btn .icon--serially {
  width: 64px;
  height: 64px;
  display: block;
  margin: 44px auto;
  background: url("../../images/share/project-f/img-make-toon-serial.png") 0 0 no-repeat;
}

.dialog--alert.toon-upload .dialog__content .serially-btn-wrap .text,
.dialog--confirm.toon-upload .dialog__content .serially-btn-wrap .text {
  font-size: 13px;
  text-align: center;
  color: #666;
  font-weight: bold;
}

.dialog--alert.toon-upload .dialog__content .serially-btn-wrap:hover .serially-btn,
.dialog--confirm.toon-upload .dialog__content .serially-btn-wrap:hover .serially-btn {
  background: #ffa500;
  border: 1px solid #ff8a00;
}

.dialog--alert.toon-upload .dialog__content .serially-btn-wrap:hover .text,
.dialog--confirm.toon-upload .dialog__content .serially-btn-wrap:hover .text {
  color: #ff8a00;
  font-weight: bold;
}

.dialog--alert.toon-upload .dialog__content .general-btn-wrap,
.dialog--confirm.toon-upload .dialog__content .general-btn-wrap {
  width: 144px;
  height: auto;
  display: block;
  float: left;
  margin-left: 24px;
}

.dialog--alert.toon-upload .dialog__content .general-btn-wrap .general-btn,
.dialog--confirm.toon-upload .dialog__content .general-btn-wrap .general-btn {
  width: 144px;
  height: 144px;
  background: #fff;
  border-radius: 144px;
  border: 1px solid #cecece;
  margin-right: 24px;
  margin-bottom: 10px;
}

.dialog--alert.toon-upload .dialog__content .general-btn-wrap .general-btn .icon--general,
.dialog--confirm.toon-upload .dialog__content .general-btn-wrap .general-btn .icon--general {
  width: 64px;
  height: 64px;
  display: block;
  margin: 44px auto;
  background: url("../../images/share/project-f/img-make-toon.png") 0 0 no-repeat;
}

.dialog--alert.toon-upload .dialog__content .general-btn-wrap .text,
.dialog--confirm.toon-upload .dialog__content .general-btn-wrap .text {
  font-size: 13px;
  text-align: center;
  color: #666;
  font-weight: bold;
}

.dialog--alert.toon-upload .dialog__content .general-btn-wrap:hover .general-btn,
.dialog--confirm.toon-upload .dialog__content .general-btn-wrap:hover .general-btn {
  background: #00c3ff;
  border: 1px solid #07aee1;
}

.dialog--alert.toon-upload .dialog__content .general-btn-wrap:hover .text,
.dialog--confirm.toon-upload .dialog__content .general-btn-wrap:hover .text {
  color: #00c3ff;
  font-weight: bold;
}

.dialog--alert.toon-upload .dialog__footer,
.dialog--confirm.toon-upload .dialog__footer {
  padding-top: 0;
  background-color: #fff;
}

.dialog--alert .dialog__header,
.dialog--confirm .dialog__header {
  padding: 30px 0 0 0;
  border-bottom: 0;
}

.dialog--alert .dialog__header__title,
.dialog--confirm .dialog__header__title {
  font-weight: bold;
}

.dialog--alert .dialog__content.toon,
.dialog--confirm .dialog__content.toon {
  padding: 14px 40px 25px !important;
}

.dialog--alert .dialog__footer,
.dialog--confirm .dialog__footer {
  padding-top: 0;
  background-color: #fff;
}

.dialog--prompt .dialog__content input {
  width: 100%;
  padding: 10px;
  font-size: 14px;
}

.dialog--prompt .dialog__footer {
  padding-top: 0;
  background-color: #fff;
}

.dialog--prompt .dialog__nav {
  text-align: center;
}

.dialog--center {
  position: fixed;
  top: 30%;
  left: 50%;
  z-index: 101;
  margin-left: -160px;
}

.dialog--center__scroll {
  position: unset;
}

.dialog--center__scroll {
  position: relative;
  top: 30%;
  left: 50%;
  margin-left: -160px;
  z-index: 101;
}

.dialog--hidden {
  display: none;
}

.dialog--sns {
  min-width: 294px;
  z-index: 10;
}

.dialog--sns .dialog__footer {
  padding: 0 48px;
  height: 111px;
  margin-bottom: 27px;
}

.dialog--sns .dialog__nav .line {
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
}

.dialog--social {
  min-width: 294px;
  z-index: 101;
}

.dialog--social-top:before {
  content: '';
  position: absolute;
  top: -6px;
  right: 47%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #b4b4b4;
}

.dialog--social-top:after {
  content: '';
  position: absolute;
  top: -5px;
  right: 47.5%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.dialog--social-bottom:before {
  content: '';
  position: absolute;
  bottom: -6px;
  right: 48%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #b4b4b4;
}

.dialog--social-bottom:after {
  content: '';
  position: absolute;
  bottom: -5px;
  right: 48.5%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
}

.dialog--social .dialog__footer {
  padding: 0 48px;
  height: 111px;
  margin-bottom: 27px;
}

.dialog--social .dialog__nav {
  border: 0;
}

.dialog--social .dialog__nav .line {
  margin-top: 15px;
  margin-bottom: 15px;
}

.dialog--report {
  top: 20%;
  margin-left: -250px !important;
}

.dialog--privacy {
  margin-left: -235px !important;
}

.dialog--myhome-hashtag {
  width: 520px;
}

.dialog--myhome-hashtag .dialog__footer {
  padding-top: 0;
}

.dialog--login {
  margin-left: -272px !important;
  min-width: 542px;
}

.dialog--login .login__form {
  left: 0;
  margin: 0 0 20px;
  padding: 0;
  width: auto;
}

.dialog--community {
  top: 25%;
  left: 47%;
}

.dialog--community .dialog__content {
  padding-bottom: 0;
}

.dialog--community .community {
  margin-top: -3px;
}

.dialog--community .community h2 {
  text-align: center;
  font-size: 16px;
  color: #ff5000;
  line-height: 20px;
  font-weight: bold;
}

.dialog--community .community em {
  display: block;
  margin-bottom: 9px;
  text-align: center;
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog--community .community p {
  margin-bottom: 16px;
  text-align: center;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.dialog--community .community textarea {
  width: 405px;
  height: 49px;
  padding: 15px;
  border: 1px solid #d9d9d9;
  resize: none;
}

.dialog--mycommunity {
  margin-left: -222px !important;
  padding-bottom: 20px;
}

.dialog--mycommunity .dialog__content {
  padding: 10px 30px 0 30px;
  max-height: 364px;
}

.dialog--mycommunity .dialog__content .scroll-bar {
  left: -19px !important;
}

.dialog--mycommunity .dialog__content .mycommunity {
  width: 382px;
}

.dialog--mycommunity .dialog__content .mycommunity li {
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
}

.dialog--mycommunity .dialog__content .mycommunity li a {
  display: block;
}

.dialog--mycommunity .dialog__content .mycommunity li a:hover span {
  text-decoration: underline;
}

.dialog--mycommunity .dialog__content .mycommunity li a img {
  border-radius: 0;
  margin-right: 3px;
  vertical-align: middle;
}

.dialog--mycommunity .dialog__content .mycommunity li a span {
  display: inline-block;
  width: 330px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog--rating {
  top: 15%;
  left: 47%;
}

.dialog--rating .rating {
  width: 438px;
  margin-bottom: -29px;
}

.dialog--rating .rating h2 {
  position: relative;
  width: 260px;
  height: 41px;
  margin: 10px auto 24px;
}

.dialog--rating .rating .icon--rep {
  position: absolute;
  top: 0;
  left: 0;
  width: 41px;
  height: 41px;
  background: url("../../images/share/icon-rating-p_41x41.png");
}

.dialog--rating .rating__notice {
  text-align: center;
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog--rating .rating__notice em {
  color: #ff5000;
}

.dialog--rating .rating__subtitle {
  margin-bottom: 5px;
}

.dialog--rating .rating__info {
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
}

.dialog--rating .rating__info th {
  background-color: #fafafa;
  text-align: center;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog--rating .rating__info th:first-child {
  border-right: 1px solid #e4e4e4;
}

.dialog--rating .rating__info tr {
  height: 32px;
  border-top: 1px solid #f0f0f0;
}

.dialog--rating .rating__info td {
  padding-left: 20px;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: normal;
}

.dialog--rating .rating__info td:first-child {
  border-right: 1px solid #e4e4e4;
}

.dialog--rating .rating__info td img {
  width: 21px;
  height: 21px;
  margin-right: 10px;
}

.dialog--rating .rating__info td .icon {
  width: 21px;
  height: 21px;
  margin-right: 10px;
  vertical-align: middle;
}

.dialog--rating .rating__info td .icon--rating_b {
  background: url("../../images/share/icon-rating-b_21x21.png");
}

.dialog--rating .rating__info td .icon--rating_s {
  background: url("../../images/share/icon-rating-s_21x21.png");
}

.dialog--rating .rating__info td .icon--rating_g {
  background: url("../../images/share/icon-rating-g_21x21.png");
}

.dialog--rating .rating__info td .icon--rating_p {
  background: url("../../images/share/icon-rating-p_21x21.png");
}

.dialog--rating .rating__info td .icon--rating_d {
  background: url("../../images/share/icon-rating-d_21x21.png");
}

.dialog--rating .rating__info td ul {
  padding: 10px 0;
}

.dialog--rating .rating__info td ul li {
  position: relative;
  padding-left: 10px;
}

.dialog--rating .rating__info td ul li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 2px;
  height: 1px;
  background-color: #999;
}

.dialog--attachment {
  top: 25%;
  left: 47%;
}

.dialog--attachment .dialog__content {
  padding-bottom: 0;
}

.dialog--attachment .attachment {
  margin-top: -3px;
}

.dialog--attachment .attachment .subtitle {
  position: relative;
}

.dialog--attachment .attachment .subtitle span {
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.dialog--attachment .attachment .subtitle span em {
  color: #ff5000;
}

.dialog--attachment .attachment .subtitle .button {
  position: absolute;
  top: -2px;
  right: 0;
  margin-left: 0;
  padding: 0 14px;
}

.dialog--attachment .attachment .subtitle .button__icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -590px;
  width: 8px;
  height: 9px;
}

.dialog--attachment .attachment .list {
  width: 436px;
  margin-top: 20px;
  border: 1px solid #e7e7e7;
}

.dialog--attachment .attachment .list__header {
  height: 39px;
  border-bottom: 1px solid #e7e7e7;
}

.dialog--attachment .attachment .list__header ul {
  background-color: #f7f7f7;
}

.dialog--attachment .attachment .list__header ul:after {
  content: '';
  display: block;
  clear: both;
}

.dialog--attachment .attachment .list__header ul li {
  position: relative;
  float: left;
  text-align: center;
  font-size: 12px;
  color: #333333;
  line-height: 39px;
  font-weight: normal;
}

.dialog--attachment .attachment .list__header ul li:first-child {
  width: 255px;
}

.dialog--attachment .attachment .list__header ul li:first-child:after {
  content: '';
  position: absolute;
  top: 13px;
  right: 0;
  width: 1px;
  height: 11px;
  background-color: #e4e4e4;
}

.dialog--attachment .attachment .list__header ul li:nth-child(2) {
  width: 181px;
}

.dialog--attachment .attachment .list__contents {
  width: 436px;
  max-height: 170px;
  overflow-y: auto;
}

.dialog--attachment .attachment .list__contents .scroll-bar {
  left: -4px !important;
  width: 4px;
}

.dialog--attachment .attachment .list__contents .empty {
  padding: 64px 0 67px 0;
  text-align: center;
}

.dialog--attachment .attachment .list__contents .empty__title {
  font-size: 13px;
  color: #333333;
  line-height: 21px;
  font-weight: normal;
}

.dialog--attachment .attachment .list__contents .empty__subtitle {
  font-size: 12px;
  color: #999;
  line-height: 21px;
  font-weight: normal;
}

.dialog--attachment .attachment .list__file ul {
  padding: 5px 0;
}

.dialog--attachment .attachment .list__file ul:after {
  content: '';
  display: block;
  clear: both;
}

.dialog--attachment .attachment .list__file ul .file {
  position: relative;
  float: left;
  width: 100%;
  font-size: 12px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
  margin-top: inherit;
  border: none;
}

.dialog--attachment .attachment .list__file ul .file:hover {
  background-color: #f7f7f7;
}

.dialog--attachment .attachment .list__file ul .file:hover .icon {
  display: block;
}

.dialog--attachment .attachment .list__file ul .file__name {
  display: inline-block;
  width: 235px;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.dialog--attachment .attachment .list__file ul .file__bar {
  display: inline-block;
  width: 68px;
  height: 6px;
  margin-left: 30px;
  margin-right: 8px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  background-color: #f9f9f9;
}

.dialog--attachment .attachment .list__file ul .file__bar.complete {
  background: url("../../images/share/file-loading-comp.png") 0 0 no-repeat;
}

.dialog--attachment .attachment .list__file ul .file__bar.ing {
  background: url("../../images/share/file-loading-ing.gif") 0 -1px no-repeat;
}

.dialog--attachment .attachment .list__file ul .file__text {
  display: inline-block;
  color: #999;
}

.dialog--attachment .attachment .list__file ul .file__delete {
  display: none;
  position: absolute;
  top: 8px;
  right: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -273px;
  width: 14px;
  height: 14px;
}

.dialog--attachment .attachment .list__footer {
  height: 32px;
  padding: 8px 15px 0 15px;
  border-top: 1px solid #e7e7e7;
}

.dialog--attachment .attachment .list__footer:after {
  content: '';
  display: block;
  clear: both;
}

.dialog--attachment .attachment .list__footer .size {
  float: left;
}

.dialog--attachment .attachment .list__footer .size span {
  font-size: 12px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.dialog--attachment .attachment .list__footer .size__emphasis {
  color: #ff5000 !important;
}

.dialog--attachment .attachment .list__footer .delete {
  float: right;
}

.dialog--attachment .attachment .list__footer .delete a {
  text-decoration: underline;
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.dialog--attachment .attachment .list__footer .delete a:hover {
  color: #333333;
}

.dialog--attachment .dialog__footer {
  padding: 20px 30px;
}

.dialog--attachment .dialog__footer .info {
  width: 438px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e7e7e7;
}

.dialog--attachment .dialog__footer .info ul {
  position: relative;
}

.dialog--attachment .dialog__footer .info ul li {
  padding-left: 20px;
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.dialog--attachment .dialog__footer .info ul li:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 2px;
  height: 1px;
  background-color: #999;
}

.dialog--attachment .dialog__footer .info ul li a {
  color: #809bc8;
  text-decoration: underline;
}

.dialog--write {
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  /* width: 100%; */
  height: 100%;
  margin: 0 auto;
  border: 0px;
  /*border-radius: 4px; */
  /* overflow: visible; */
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: transparent;
  /* box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); */
  position: fixed;
}

.dialog--write .board-write {
  margin: 80px auto;
}

.dialog--write .board-write__footer {
  padding-top: 20px;
  border-top: 1px solid #e7e7e7;
}

.dialog--write--test {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  overflow-y: hidden;
  overflow-x: hidden;
}

.dialog--write--test .board-write {
  margin: 80px auto;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.dialog--write--test .board-write__footer {
  padding-top: 20px;
  border-top: 1px solid #e7e7e7;
}

.dialog--write-mini {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 644px;
  height: auto;
  max-height: 292px;
  margin: auto;
  border: none;
  border-radius: 0;
  background-color: initial;
  box-shadow: none;
  overflow: visible;
}

.dialog--write-mini.style01 {
  max-height: 475px !important;
}

.dialog--write-mini.dialog--write-mini-expansion {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  max-height: 1015px;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini {
  height: 300px;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini ~ .board-write__content__link,
.dialog--write-mini.dialog--write-mini-expansion .board-write__mini ~ .ring-progress {
  display: none;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--ui {
  width: 472px;
  position: relative;
  display: inline-block;
  -moz-user-select: none !important;
  overflow: hidden;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--ui:hover {
  border: 1px solid #f0562d;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--ui:hover .editor--ui__remove {
  display: block;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--ui:hover .editor--ui__content {
  margin: -1px;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--ui__remove {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  width: 16px;
  height: 16px;
  background-color: #f0562d;
  overflow: hidden;
  z-index: 1;
  -webkit-user-select: none !important;
  moz-user-select: none !important;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--ui .icon--remove {
  position: absolute;
  top: 3px;
  left: 4px;
  width: 10px;
  height: 10px;
  background-image: url("../../images/share/sprite/icon.png") !important;
  background-position: -604px -118px !important;
  width: 8px !important;
  height: 8px !important;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--ui.is-active .editor--poll__img {
  cursor: move;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--poll {
  width: 466px;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--poll__link {
  -webkit-user-select: none !important;
  moz-user-select: none !important;
  -moz-user-select: none;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--poll__img {
  display: block;
  margin: 0 !important;
  -webkit-user-select: none !important;
  moz-user-select: none !important;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--loading {
  width: 100%;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--loading:hover {
  border: none;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--loading:hover .editor--ui__content {
  margin: 0;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini .editor--loading__area {
  width: 44px;
  height: 44px;
  margin: 0 auto !important;
}

.dialog--write-mini.dialog--write-mini-expansion .board-write__mini img,
.dialog--write-mini.dialog--write-mini-expansion .board-write__mini iframe {
  position: relative;
  max-width: 100%;
}

.dialog--write-mini .board-write {
  width: auto;
  padding: 20px 30px;
  border-radius: 4px;
  margin: unset;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.dialog--write-mini .board-write__header {
  padding: 0;
  border-bottom: none;
}

.dialog--write-mini .board-write__body {
  padding: 0;
}

.dialog--write-mini .board-write__content {
  padding: 15px 0;
}

.dialog--write-mini .board-write__content .file--contents__file .name {
  width: 475px;
}

.dialog--write-mini .board-write__content .file--contents__file .delete {
  top: 10px;
}

.dialog--write-mini .board-write__scrape-box {
  font-size: 15px;
  margin-bottom: 10px;
  padding: 20px 30px;
  background-color: #fafafa;
  border: solid 1px #eee;
}

.dialog--write-mini .board-write__footer {
  padding: 0;
  margin-top: 0;
}

.dialog--write-mini .board-write__footer .button--area:after {
  content: '';
  display: block;
  clear: both;
}

.dialog--write-mini .board-write__footer .button--area__left {
  float: left;
}

.dialog--write-mini .board-write__footer .button--area__right {
  float: right;
}

.dialog--write-mini .board-write__tag {
  margin-top: 0;
}

.dialog--write-mini .feed__write__file .file--items__item {
  margin-left: 12px;
}

.dialog--detail {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin-left: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  overflow-y: scroll;
  overflow-x: auto;
}

.dialog--write--project-f,
.dialog--write--toon {
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  /* width: 100%; */
  height: 100%;
  /* margin: 80px auto; */
  border: 0px;
  /*border-radius: 4px; */
  /* overflow: visible; */
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: transparent;
  /* box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); */
  position: fixed;
}

.dialog--write--project-f .board-write,
.dialog--write--toon .board-write {
  position: relative;
  width: 844px;
  margin: 80px auto;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow-y: visible !important;
}

.dialog--detail--project-f {
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 944px;
  height: auto;
  margin: 80px auto;
  border: 0px;
  border-radius: 4px;
  overflow: visible;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.dialog--write--preview {
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 944px;
  height: 0;
  margin: 80px auto;
  border: 0px;
  border-radius: 4px;
  overflow: visible;
  box-shadow: unset;
}

.dialog--write--preview .card--base-d.card--shape-t .card__info__contents {
  padding: 0 40px 20px;
}

.dialog--write--myhome {
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 966px;
  height: auto;
  margin: 80px auto;
  border: 0px;
  border-radius: 4px;
  overflow: visible;
}

.dialog--remove {
  width: 550px;
}

.dialog--remove strong {
  color: #ff5000;
  font-weight: normal;
}

.dialog--remove__header {
  position: relative;
  padding: 15px 30px 15px 30px;
  border-bottom: 1px solid #eee;
  text-align: center;
}

.dialog--remove__header__title {
  font-size: 16px;
  color: #333333;
  line-height: normal;
  font-weight: bold;
}

.dialog--remove__header__title small {
  color: #ff5000;
  font-size: 16px;
}

.dialog--remove__x {
  position: absolute;
  top: 20px;
  right: 20px;
  border: 0;
  background-color: transparent;
  line-height: 1;
  text-indent: -1000em;
  outline: none;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -200px -571px;
  width: 11px;
  height: 10px;
}

.dialog--remove__x:hover,
.dialog--remove__x.active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -189px -571px;
  width: 11px;
  height: 10px;
}

.dialog--remove__x__text {
  display: none;
}

.dialog--remove__content {
  padding: 20px 30px;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.dialog--remove__content .dialog__nav {
  padding: 15px 0;
  border-bottom: 1px solid #d9d9d9;
}

.dialog--remove__content .remove-desc .remove-tit {
  display: block;
  font-size: 24px;
  text-align: center;
  color: #333333;
  margin-top: 48px;
}

.dialog--remove__content .remove-desc .remove-text {
  display: block;
  font-size: 14px;
  text-align: center;
  color: #666;
  margin-top: 20px;
  margin-bottom: 45px;
}

.dialog--remove__content .remove-desc .remove-text .orange-point {
  color: #ff5000;
}

.dialog--remove__footer {
  height: 30px;
  padding: 20px 30px;
  border-top: 1px solid #eee;
}

.dialog--remove__footer .remove__nav .left {
  float: left;
  text-align: left;
  display: block;
}

.dialog--remove__footer .remove__nav .right {
  float: right;
  text-align: right;
  display: block;
}

.dialog--menu,
.dialog--assessment,
.dialog--tost {
  margin: 10px;
  display: inline-block;
  vertical-align: top;
}

.dialog--menu:first-child,
.dialog--assessment:first-child,
.dialog--tost:first-child {
  margin-left: 0;
}

.dialog--menu:last-child,
.dialog--assessment:last-child,
.dialog--tost:last-child {
  margin-right: 0;
}

.dialog--menu {
  min-width: 490px;
  max-width: 490px;
}

.dialog--assessment {
  min-width: 350px;
  max-width: 350px;
}

.dialog--tost {
  min-width: 340px;
  max-width: 340px;
}

.dialog--coupon--benefit {
  display: inline-block;
  max-width: 630px;
}

.dialog--coupon--benefit .formbox--base-c.formbox--shape-d {
  width: 273px !important;
  margin-left: 10px;
}

.dialog--coupon--benefit .formbox--base-c.formbox--shape-d:first-child {
  margin-left: 0;
}

.dialog--coupon--info {
  width: 760px;
  padding: 50px 30px 34px;
}

.dialog--coupon--info.has_title {
  padding: 0;
}

.dialog--coupon--info.has_title .button--base-c.button--shape-b {
  font-weight: bold;
}

.dialog--coupon--info .coupon-area--content {
  display: block;
  position: relative;
  max-width: 172px;
  text-align: left;
}

.dialog--coupon--info .coupon-area--content > span,
.dialog--coupon--info .coupon-area--content > code {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dialog--coupon--info .coupon-area--content code {
  margin-top: 4px;
  color: #999;
  font-family: 'malgun gothic', AppleSDGothicNeo;
  white-space: nowrap;
}

.dialog--coupon--info .coupon-area--content .popover {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 10px;
  padding: 10px;
}

.dialog--coupon--info .coupon-area--content:hover .popover,
.dialog--coupon--info .coupon-area--content:focus .popover {
  display: block;
}

.dialog--coupon--info .coupon-area--content dl {
  white-space: nowrap;
  font-size: 12px;
}

.dialog--coupon--info .coupon-area--content dl dt {
  margin: 10px 0;
  color: #333333;
  font-weight: bold;
}

.dialog--coupon--info .coupon-area--content dl dt:first-child {
  margin-top: 0;
}

.dialog--coupon--info .coupon-area--content dl dd {
  color: #666;
}

.dialog--coupon--info .coupon-area__write {
  margin: 0 auto;
  max-width: 540px;
  padding: 80px 0;
  overflow: hidden;
}

.dialog--coupon--info .coupon-area__write .form-control {
  padding: 0 14px;
  min-width: 332px;
  height: 38px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #d1d1d1;
}

.dialog--coupon--info .coupon-area__write .form-control--group {
  position: relative;
}

.dialog--coupon--info .coupon-area__write .form-control--group:before {
  content: '';
  margin-top: -2px;
  margin-right: 4px;
  display: inline-block;
  width: 52px;
  height: 52px;
  background: url("../../images/member/ico_coupon.png") no-repeat 0 0;
  background-size: 100% auto;
  vertical-align: middle;
}

.dialog--coupon--info .coupon-area__write .button {
  height: 40px;
}

.dialog--coupon--info .coupon-area__write .button__text {
  font-weight: normal !important;
}

.dialog--coupon--info .coupon-area__message {
  margin-top: 4px;
  margin-left: 60px;
  font-size: 12px;
  color: #ff5000;
}

.dialog--coupon--info .coupon-area__message:before {
  content: '';
  margin-top: -4px;
  margin-right: 4px;
  display: inline-block;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -80px -586px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}

.dialog--coupon--info .coupon-area__detail {
  padding: 50px 0;
  background-color: #f2f2f2;
}

.dialog--coupon--info .coupon-area__paper {
  margin: 0 auto;
  padding-top: 25px;
  width: 403px;
  height: 155px;
  background: url("../../images/member/bg_coupon.png");
  background-size: 100% auto;
}

.dialog--coupon--info .coupon-area__paper .title,
.dialog--coupon--info .coupon-area__paper .text {
  display: table;
  width: 100%;
}

.dialog--coupon--info .coupon-area__paper span {
  display: table-cell;
  word-break: keep-all;
  vertical-align: middle;
  text-align: center;
}

.dialog--coupon--info .coupon-area__paper .title span {
  height: 75px;
  font-size: 18px;
  font-weight: 400;
}

.dialog--coupon--info .coupon-area__paper .text span {
  margin-top: 2px;
  height: 77px;
  font-size: 14px;
  color: #666;
}

.dialog--coupon--info .coupon-area__list {
  width: 403px;
  max-height: 335px;
  padding-top: 18px;
  overflow-y: auto;
  background-color: #f2f2f2;
}

.dialog--coupon--info .coupon-area__list dt,
.dialog--coupon--info .coupon-area__list dd {
  word-break: break-word;
  word-wrap: break-word;
  font-size: 12px;
}

.dialog--coupon--info .coupon-area__list dt {
  display: block;
  margin: 0;
  width: 100%;
  padding: 2px 0;
  background-color: #f2f2f2;
  color: #333333;
}

.dialog--coupon--info .coupon-area__list dd {
  display: block;
  padding: 2px 0;
  margin: 0;
  background-color: #f2f2f2;
  color: #666;
  letter-spacing: -0.4px;
}

.dialog--coupon--info .coupon-area__list dd:first-child {
  border-top: none;
}

.dialog--coupon--info .ticket {
  position: relative;
  width: 403px;
  margin: 10px auto;
  overflow: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transform: translateZ(1) scale(1, 1);
}

.dialog--coupon--info .ticket::before {
  top: -10px;
}

.dialog--coupon--info .ticket::after {
  bottom: -10px;
}

.dialog--coupon--info .ticket::before,
.dialog--coupon--info .ticket::after {
  content: "";
  position: absolute;
  right: 42px;
  border: 3px solid #b4b4b4;
  width: 20px;
  height: 20px;
  background-color: #f2f2f2;
  border-radius: 50%;
  z-index: 1;
}

.dialog--coupon--info .ticket-inner {
  position: relative;
  padding: 12px 75px 12px 20px;
  height: 169px;
  text-align: left;
  background-color: #b4b4b4;
  border: 3px solid #b4b4b4;
  overflow: hidden;
}

.dialog--coupon--info .ticket-inner .button--base-m.button--shape-a {
  position: absolute;
  bottom: 12px;
  right: 75px;
}

.dialog--coupon--info .ticket-inner .button--base-m.button--shape-a .button__text {
  color: #020203;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.1px;
}

.dialog--coupon--info .ticket-img {
  position: absolute;
  z-index: 10;
  height: 42px;
}

.dialog--coupon--info .ticket-img img {
  height: 42px;
}

.dialog--coupon--info .ticket-type {
  position: absolute;
  top: 0;
  right: -3px;
  bottom: 0;
  width: 55px;
}

.dialog--coupon--info .ticket-type .ticket-text {
  display: block;
  transform: rotate(-90deg);
  transform-origin: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  text-indent: -132px;
  letter-spacing: 2.5px;
}

.dialog--coupon--info .ticket-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 346px;
  height: 200px;
}

.dialog--coupon--info .ticket-bg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.dialog--coupon--info .ticket-title {
  position: relative;
  display: inline-block;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  max-height: 85px;
  margin-top: 42px;
  word-break: break-word;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  word-break: break-all;
  word-wrap: break-word;
}

.dialog--coupon--info .ticket-key {
  position: absolute;
  left: 20px;
  bottom: 14px;
  right: 76px;
  padding-top: 10px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  border-top: 2px dotted rgba(255, 255, 255, 0.2);
}

.dialog--coupon--info .ticket-disable .ticket-inner::after {
  content: "";
  position: absolute;
  bottom: 21px;
  left: 24px;
  width: 108px;
  height: 108px;
  background-size: 100% auto;
}

.dialog--coupon--info .ticket-disable.used .ticket-inner::after {
  background: url("../../images/member/coupon-used-108x108.png") no-repeat 0 0;
}

.dialog--coupon--info .ticket-disable.expired .ticket-inner::after {
  background: url("../../images/member/coupon-expired-108x108.png") no-repeat 0 0;
}

.dialog--coupon--info .ticket-disable .ticket-title,
.dialog--coupon--info .ticket-disable .ticket-key {
  display: none;
}

.dialog--coupon--info .ticket-disable .button {
  display: none;
}

.dialog--coupon--info .ticket-orange::before,
.dialog--coupon--info .ticket-orange::after {
  border-color: #ff5000;
}

.dialog--coupon--info .ticket-orange .ticket-inner {
  background-color: #ff5000;
  border-color: #ff5000;
}

.dialog--coupon--info .ticket-blue::before,
.dialog--coupon--info .ticket-blue::after {
  border-color: #069fee;
}

.dialog--coupon--info .ticket-blue .ticket-inner {
  background-color: #069fee;
  border-color: #069fee;
}

.dialog--coupon--info__x {
  position: absolute;
  top: 20px;
  right: 20px;
  border: 0;
  background-color: transparent;
  line-height: 1;
  text-indent: -1000em;
  outline: none;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -200px -571px;
  width: 11px;
  height: 10px;
}

.dialog--coupon--info__x:hover,
.dialog--coupon--info__x.active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -189px -571px;
  width: 11px;
  height: 10px;
}

.dialog--coupon--info__x__text {
  display: none;
}

.dialog--coupon--info__footer {
  padding: 20px 30px 0;
  text-align: center;
}

.dialog--popup {
  display: inline-block;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid #bbb;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  z-index: 101;
}

.dialog--popup--more {
  /* 180103 wholee 추가 작업영역 */
}

.dialog--popup--more-a {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
  /* 180103 wholee 추가 작업영역 */
  z-index: 10;
}

.dialog--popup--more-a a:hover,
.dialog--popup--more-a a.active {
  color: #333333;
  font-weight: bold;
}

.dialog--popup--more-a a {
  display: block;
}

.dialog--popup--more-b {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
  /* 180103 wholee 추가 작업영역 */
}

.dialog--popup--more-b a:hover,
.dialog--popup--more-b a.active {
  color: #333333;
  font-weight: bold;
}

.dialog--popup--more-b li {
  margin: 0 !important;
  border-top: 0 !important;
  padding-top: 0 !important;
}

.dialog--popup--more-b a {
  display: block;
  position: static !important;
  padding: 0 !important;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.dialog--popup--more-c {
  min-width: 94px;
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
  /* 180103 wholee 추가 작업영역 */
}

.dialog--popup--more-c a:hover,
.dialog--popup--more-c a.active {
  color: #333333;
  font-weight: bold;
}

.dialog--popup--more-c li {
  margin: 0 !important;
  border-top: 0 !important;
  padding-top: 0 !important;
}

.dialog--popup--more-c a {
  position: relative !important;
  display: block;
  padding: 0 !important;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.dialog--popup--more-c a .icon--arrow {
  position: absolute;
  top: 6px;
  right: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -208px;
  width: 6px;
  height: 10px;
}

.dialog--popup--more-c a:hover {
  font-weight: bold;
}

.dialog--popup--more-c a:hover .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -238px;
  width: 6px;
  height: 10px;
}

.dialog--popup--more-d {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
  /* 180103 wholee 추가 작업영역 */
  position: absolute !important;
  top: 96px !important;
  right: 33px !important;
  margin: 0 !important;
}

.dialog--popup--more-d a:hover,
.dialog--popup--more-d a.active {
  color: #333333;
  font-weight: bold;
}

.dialog--popup--more-d ul {
  margin: 0 !important;
}

.dialog--popup--more-d li {
  margin-left: 0 !important;
  float: none !important;
}

.dialog--popup--more-d a {
  display: block;
  position: static !important;
  padding: 0 !important;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.dialog--popup--inline {
  margin: 10px;
}

.dialog--popup--hidden {
  display: none;
}

.dialog--file {
  display: none;
  position: absolute;
  width: 762px;
  z-index: 109;
}

.dialog--file .img-container > img {
  max-width: 100%;
}

.dialog--file .img-container {
  min-height: 516px;
  max-height: 516px;
}

.dialog--file .form__add {
  overflow: hidden;
}

.dialog--file .form__add .button {
  float: right;
}

.dialog--file .form__add .btn--default {
  float: right;
  padding-top: 9px;
  padding-bottom: 3px;
  min-width: 80px;
}

.dialog--file .form__add__file {
  position: relative;
  float: left;
  width: 424px;
}

.dialog--file .form__add__file .form--control {
  width: 400px;
  height: 18px;
  line-height: 12px;
  padding: 6px 12px;
  border-radius: 4px;
  outline: none;
}

.dialog--file .form__add__file .form--control:focus::-webkit-input-placeholder {
  color: transparent;
}

.dialog--file .form__add__file .form--control:focus::-moz-placeholder {
  color: transparent;
}

.dialog--file .form__add__file .form--control:focus:-ms-input-placeholder {
  color: transparent;
}

.dialog--file .form__add__file .form--control:focus:-moz-placeholder {
  color: transparent;
}

.dialog--file .form__add__file .icon {
  position: absolute;
  top: 9px;
  right: 9px;
  height: 14px;
}

.dialog--file .form__add__notice {
  clear: both;
  height: 21px;
  padding: 19px 0 0 0;
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.dialog--file .form__add__notice span {
  color: #f6552b;
}

.dialog--file .form__add__size {
  clear: both;
  font-family: 'Tahoma';
  padding: 7px 0 0 0;
  font-size: 14px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.dialog--file .form__add__size .form__add__size__counter {
  color: #f6552b;
}

.dialog--file .form__add__movie {
  text-align: center;
}

.dialog--file .form__add__movie iframe {
  width: 522px;
  height: 292px;
}

.dialog--file .form__add__preview {
  display: block;
  width: 522px;
  height: 190px;
  padding-top: 110px;
  text-align: center;
  overflow: hidden;
  background-color: #6c6c6c;
}

.dialog--file .form__add__preview .icon--emark {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -197px -246px;
  width: 47px;
  height: 47px;
}

.dialog--file .form__add__preview p {
  margin-top: 8px;
  font-size: 14px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.dialog--file .form__add__list {
  width: 468px;
  height: 174px;
  overflow-y: auto;
}

.dialog--file .form__add__list ul {
  margin-left: -10px;
  margin-top: -10px;
}

.dialog--file .form__add__list ul:after {
  content: '';
  display: block;
  clear: both;
}

.dialog--file .form__add__list ul li {
  position: relative;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

.dialog--file .form__add__list ul li:hover .form__add__list__mask {
  width: 78px;
  height: 78px;
  border: 2px solid #f0562d;
  opacity: 1;
}

.dialog--file .form__add__list ul li:hover button {
  display: block;
}

.dialog--file .form__add__list ul li:hover .check {
  border-color: #069fee;
}

.dialog--file .form__add__list__target {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url("../../images/share/blank.gif");
}

.dialog--file .form__add__list img {
  width: 82px;
  height: 82px;
}

.dialog--file .form__add__list__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 82px;
  height: 82px;
  opacity: 0.3;
}

.dialog--file .form__add__list button {
  display: none;
  position: absolute;
  border: none;
  overflow: hidden;
  z-index: 4;
}

.dialog--file .form__add__list__button-check {
  top: 5px;
  right: 5px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #069fee;
}

.dialog--file .form__add__list__button-check .icon--check {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -84px -298px;
  width: 11px;
  height: 8px;
}

.dialog--file .form__add__list__button-remove {
  bottom: 1px;
  right: 0;
  width: 16px;
  height: 16px;
  background-color: #f0562d;
}

.dialog--file .form__add__list__button-remove .icon--remove {
  margin-bottom: 1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -118px;
  width: 8px;
  height: 8px;
}

.dialog--file .form__add__list .check {
  width: 78px;
  height: 78px;
  border: 2px solid #069fee;
  opacity: 1;
}

.dialog--file .form__add__list .form__add__list__button-check {
  display: block;
}

.dialog--file .form__add__more {
  width: 460px;
  margin: 5px auto -5px;
  text-align: center;
}

.dialog--file .form__add__more a {
  display: block;
  font-size: 11px;
  color: #999;
  line-height: 20px;
  font-weight: normal;
}

.dialog--file .form__add__more a:hover {
  text-decoration: underline;
}

.dialog--file .form__add__more a .icon--arrow {
  vertical-align: middle;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.dialog--file .form-notice {
  margin-top: 13px;
  font-size: 12px;
  line-height: 18px;
  color: #999;
}

.dialog--file .form--actions {
  margin-bottom: 20px;
  padding-top: 21px;
}

.dialog--file .form--actions .icon--plus {
  position: relative;
  left: 318px;
  top: -13px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -364px;
  width: 26px;
  height: 26px;
}

.dialog--file .form--actions .icon--minus {
  position: relative;
  left: 327px;
  top: -13px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -260px;
  width: 26px;
  height: 26px;
}

.dialog--file .form .line {
  border-top: 1px solid #f0f0f0;
}

@media (min-width: 768px) {
  .dialog--file .img-container {
    min-height: 516px;
  }
}

.dialog--history {
  display: none;
  position: absolute;
  top: auto;
  bottom: 35px;
  right: 0;
}

.dialog--history .icon--close {
  right: 15px;
}

.dialog--history .dialog__header {
  padding: 14px 30px 12px 18px;
  overflow: hidden;
}

.dialog--history .dialog__header h1 {
  float: left;
  margin-right: 10px;
  font-size: 14px;
  color: #333333;
  line-height: 18px;
  font-weight: bold;
}

.dialog--history .dialog__header__counter {
  float: left;
  font-size: 14px;
  padding-top: 0;
  font-family: 'Tahoma';
}

.dialog--history .dialog__header__counter .counter__current {
  color: #ff5000;
}

.dialog--history .data-none {
  height: 59px;
  padding-top: 47px;
  text-align: center;
  font-size: 14px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.dialog--history .items li {
  padding: 9px 80px 9px 9px;
  position: relative;
  border-top: 1px dotted #f0f0f0;
}

.dialog--history .items li:first-child {
  border-top: none;
}

.dialog--history .items li .items__text {
  display: block;
  width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.dialog--history .items li .items__text:hover {
  color: #ff5000;
}

.dialog--history .items li .items__right {
  position: absolute;
  top: 6px;
  right: 0;
}

.dialog--history .items li .items__right .button {
  position: static;
  width: 14px;
  height: 14px;
  margin: 3px 0 0 0;
}

.dialog--history .items li .items__right time {
  float: left;
  margin-right: 7px;
  font-size: 12px;
  color: #999;
  line-height: 25px;
  font-weight: normal;
}

.dialog--history .dialog__content {
  padding: 0 13px 6px 10px;
}

.dialog--confim {
  display: none;
  min-width: 340px;
  max-width: none;
  width: auto;
  z-index: 109;
  overflow: visible;
}

.dialog--confim .dialog__footer {
  padding-top: 0;
}

.dialog--confim__text {
  padding-top: 15px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog--confim__text strong {
  color: #ff5000;
}

.dialog--confim__form {
  width: 438px;
  padding-top: 21px;
  text-align: center;
}

.dialog--confim__form__align {
  display: inline-block;
  margin: 0 auto;
}

.dialog--confim__form:after {
  content: '';
  display: block;
  clear: both;
}

.dialog--confim__form .formbox--base-c {
  float: left;
  width: 100px;
  margin-right: 7px;
  text-align: left;
}

.dialog--confim__form .button {
  float: left;
}

.dialog--confim__desc {
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
  padding-top: 12px;
}

.dialog--confim__desc strong {
  color: #f6552b;
  font-weight: normal;
}

.dialog--confim__item {
  font-size: 13px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
}

.dialog--confim__item .bold {
  font-weight: bold;
}

.dialog--confim__item .orange {
  color: #f6552b;
}

.dialog--confim--toon {
  display: none;
  width: 340px;
  z-index: 109;
  border-radius: 0;
  overflow: visible;
}

.dialog--confim--toon .dialog__content {
  padding: 40px 30px 20px;
}

.dialog--confim--toon .dialog__check {
  width: 248px;
  height: auto;
  margin: 0 auto 6px;
  padding: 16px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}

.dialog--confim--toon .dialog__check .dialog__check__list {
  display: block;
  margin-top: 10px;
}

.dialog--confim--toon .dialog__check .dialog__check__list:first-child {
  margin-top: 0;
}

.dialog--confim--toon .dialog__check .dialog__check__list p {
  display: inline-block;
}

.dialog--confim--toon .dialog__check .dialog__check__list .color-blue {
  color: #1ea3f0;
}

.dialog--confim--toon .dialog__footer {
  padding: 10px 30px 30px;
}

.dialog--confim--toon__text {
  padding-top: 10px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog--confim--toon__text strong {
  color: #ff5000;
}

.dialog--confim--toon .dialog--auth__desc {
  padding-top: 12px;
  text-align: center;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.dialog--confim--toon__form {
  width: 438px;
  padding-top: 21px;
  text-align: center;
}

.dialog--confim--toon__form__align {
  display: inline-block;
  margin: 0 auto;
}

.dialog--confim--toon__form:after {
  content: '';
  display: block;
  clear: both;
}

.dialog--confim--toon__form .formbox--base-c {
  float: left;
  width: 100px;
  margin-right: 7px;
  text-align: left;
}

.dialog--confim--toon__form .button {
  float: left;
}

.dialog--confim--toon__desc {
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
  padding-top: 12px;
}

.dialog--confim--toon__desc strong {
  color: #f6552b;
  font-weight: normal;
}

.dialog--confim--toon .icon--close {
  background-image: url("../../images/share/sprite/icon.png") !important;
  background-position: -574px -64px !important;
  width: 16px !important;
  height: 16px !important;
}

.dialog--client {
  display: none;
  min-width: 540px;
  max-width: none;
  width: auto;
}

.dialog--client__line {
  border-bottom: 1px solid #f1f1f1;
}

.dialog--client__text {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}

.dialog--client__text strong {
  color: #ff5000;
}

.dialog--client__notice {
  font-size: 12px;
  color: #999;
  line-height: 24px;
  font-weight: normal;
  padding-top: 14px;
  text-align: left;
}

.dialog--client__notice a {
  color: #666;
}

.dialog--client__notice a:hover {
  text-decoration: underline;
}

.dialog--client .dialog__header {
  border: 0;
}

.dialog--client .dialog__header__title {
  padding-top: 47px;
  font-size: 16px;
  color: #f6552b;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
}

.dialog--client .dialog__footer {
  padding-top: 0;
}

.dialog--client .dialog__footer .dialog__nav {
  padding-bottom: 25px;
}

.dialog--profile {
  width: 214px;
  border: 1px solid #c2c2c2;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  text-align: left;
}

.dialog--profile__cash {
  padding-left: 68px;
  padding-bottom: 12px;
  padding-right: 83px;
}

.dialog--profile__cash a {
  display: block;
  padding: 2px 10px;
  border: 1px solid #696c77;
  background-color: #73757c;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  white-space: nowrap;
  font-size: 11px !important;
  color: #fff !important;
  line-height: 15px !important;
  font-weight: normal !important;
}

.dialog--profile__cash a:hover {
  background-color: #7c7e86;
}

.dialog--profile__nav {
  border-top: 1px solid #ddd;
}

.dialog--profile__nav ul:after {
  content: '';
  display: block;
  clear: both;
}

.dialog--profile__nav li {
  float: left;
  width: 106px;
  padding: 5px 0;
  border-left: 1px solid #ddd;
  text-align: center;
  background-color: #fff;
  cursor: pointer;
}

.dialog--profile__nav li:first-child {
  border-left: none;
}

.dialog--profile__nav li a {
  font-size: 11px !important;
  color: #666 !important;
  line-height: 15px !important;
  font-weight: normal !important;
}

.dialog--profile__nav li:hover {
  background-color: #f7f7f7;
}

.dialog--profile__nav li:hover a {
  font-size: 11px !important;
  color: #333333 !important;
  line-height: 15px !important;
  font-weight: normal !important;
}

.dialog--profile:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.dialog--profile:after {
  content: '';
  position: absolute;
  top: -4px;
  left: 11px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.dialog--timeline {
  display: none;
  padding: 35px;
  text-align: center;
}

.dialog--timeline p {
  margin-bottom: 20px;
  font-size: 13px;
  color: #333333;
  line-height: 20px;
  font-weight: normal;
}

.dialog--auth {
  display: none;
  min-width: 400px;
  z-index: 109;
}

.dialog--auth__text {
  text-align: center;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog--auth__text strong {
  color: #ff5000;
}

.dialog--auth__desc {
  padding-top: 15px;
  text-align: center;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.dialog--coupon {
  width: 500px;
}

.dialog--coupon strong {
  color: #ff5000;
  font-weight: normal;
}

.dialog--agree .dialog__header {
  border-bottom: 0;
  padding-bottom: 7px;
  padding-top: 24px;
}

.dialog--agree .dialog__header__title {
  text-align: center;
}

.dialog--agree .dialog__content {
  padding-top: 0;
  padding-bottom: 6px;
}

.dialog--agree .dialog__content .dialog--auth__desc {
  text-align: left;
}

.dialog--agree .notification {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
}

.dialog--agree .notification__txt {
  text-align: center;
  font-size: 16px;
  padding-bottom: 16px;
}

.dialog--agree .notification__txt dt {
  color: #333333;
  padding-bottom: 11px;
}

.dialog--agree .notification__txt dd {
  font-size: 13px;
  line-height: 19px;
  color: #666;
}

.dialog--agree .notification__txt .only-dt {
  padding-bottom: 0;
}

.dialog--agree .notification__txt .color-blue {
  color: #069fee;
}

.dialog--agree .notification__txt .color-orange {
  color: #ff5000;
}

.dialog--agree .notification__txt .email-color {
  color: #333333;
}

.dialog--agree .notification__txt .color-gray {
  color: #666;
}

.dialog--agree .notification__txt--pic-none {
  padding-top: 0px;
  border-bottom: 1px solid #e7e7e7;
}

.dialog--agree .user-area {
  position: relative;
  margin: 0 auto;
  width: 361px;
  padding: 0px 0 0 0;
  background-color: #fff;
}

.dialog--agree .user-area__content {
  position: relative;
  padding: 0 10px 17px 14px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e7e7e7;
}

.dialog--agree .user-area__content dt {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 7px;
}

.dialog--agree .user-area__content dt.is-fontnomal {
  float: left;
  overflow: hidden;
  font-weight: normal;
}

.dialog--agree .user-area__content dd {
  color: #666;
}

.dialog--agree .user-area__guidance {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  margin-top: 20px;
  background-color: #f7f7f7;
}

.dialog--agree .user-area__guidance dl {
  padding: 20px;
  padding-top: 11px;
  padding-bottom: 12px;
}

.dialog--agree .user-area__guidance dl dt {
  color: #333333;
  padding-bottom: 8px;
}

.dialog--agree .user-area__guidance dl dt:after {
  height: 1px;
}

.dialog--agree .user-area__guidance dl dd {
  position: relative;
  padding-left: 10px;
  color: #999;
  line-height: 18px;
}

.dialog--agree .user-area__guidance dl dd:after {
  content: ' ';
  position: absolute;
  top: 7px;
  left: 0px;
  width: 3px;
  height: 2px;
  background-color: #999;
  overflow: hidden;
}

.dialog--agree .user-area__guidance dl dd:after {
  height: 1px;
  width: 2px;
}

.dialog--agree .user-area__guidance-down {
  overflow: hidden;
  border-top: 1px solid #e7e7e7;
  border-bottom: 0;
}

.dialog--agree .user-area__guidance-down dl {
  padding: 20px;
  padding-top: 15px;
  padding-bottom: 10px;
}

.dialog--agree .user-area__guidance-down dl dt {
  color: #333333;
  padding-bottom: 8px;
}

.dialog--agree .user-area__guidance-down dl dd {
  color: #666;
  line-height: 18px;
  line-height: 20px;
}

.dialog--agree .user-area__guidance-down dl dd .color-orange {
  color: #ff5000;
}

.dialog--agree .user-area__guidance-down dl dd u {
  color: #333333;
}

.dialog--agree .user-area__guidance-down .fax-adress {
  padding-top: 0;
}

.dialog--agree .user-area__guidance-down .download-buttion {
  overflow: hidden;
  width: 330px;
  padding-top: 6px;
  margin-left: 31px;
}

.dialog--agree .user-area__guidance-down .agree {
  float: left;
  cursor: pointer;
  font-size: 13px;
  color: #fff;
  line-height: 8px;
  font-weight: normal;
  width: 145px;
  height: 50px;
  border-radius: 4px;
  background: #73757c;
  text-align: center;
  margin-right: 8px;
}

.dialog--agree .user-area__guidance-down .agree__text {
  padding-top: 11px;
}

.dialog--agree .user-area__guidance-down .viewer {
  float: left;
  cursor: pointer;
  width: 143px;
  height: 29px;
  text-align: center;
  border-radius: 4px;
  margin-right: 8px;
  background: #fff;
  margin-top: 8px;
  border: 1px solid #cecece;
  font-size: 12px;
  font-size: 13px;
  color: #666;
  line-height: 8px;
  font-weight: normal;
}

.dialog--agree .user-area__guidance-down .viewer .agree__text {
  padding-left: 42px;
  position: relative;
  text-align: left;
  padding-top: 9px;
}

.dialog--agree .user-area__guidance-down .viewer .agree__text .icon {
  position: absolute;
  top: 6px;
  left: 19px;
}

.dialog--agree .user-area__guidance-down .viewer .agree__text .icon--word {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -272px;
  width: 16px;
  height: 16px;
}

.dialog--agree .user-area__guidance-down .viewer .agree__text .icon--hangul {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -112px;
  width: 16px;
  height: 16px;
}

.dialog--agree .user-area__guidance-down .fax-adress dd {
  color: #333333;
}

.dialog--info-protection .dialog__header {
  border-bottom: 0;
  padding-bottom: 20px;
  padding-top: 30px;
}

.dialog--info-protection .dialog__header__title {
  font-size: 16px;
  text-align: center;
}

.dialog--info-protection .dialog__content {
  width: 338px;
  padding-top: 0;
  padding-bottom: 6px;
}

.dialog--info-protection .notification {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  border-bottom: 1px solid #f7f7f7;
}

.dialog--info-protection .notification p {
  padding-bottom: 15px;
  text-align: center;
  letter-spacing: -0.2px;
  font-size: 13px;
  color: #a9a9a9;
  line-height: 20px;
  font-weight: normal;
}

.dialog--info-protection .annotation {
  position: relative;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
}

.dialog--info-protection .annotation__point {
  margin: 15px 0;
  text-align: center;
}

.dialog--info-protection .annotation__point p {
  color: #f0562d;
}

.dialog--info-protection .annotation__content {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background-color: #f7f7f7;
}

.dialog--info-protection .annotation__content p {
  padding: 10px 18px;
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.dialog--info-protection .annotation__content p a {
  text-decoration: underline;
  color: #666;
}

.dialog--social {
  position: relative;
  width: 294px;
  box-sizing: border-box;
  border: 1px solid #b4b4b4;
  overflow: visible;
}

.dialog--social .dialog__header {
  padding-top: 22px;
  padding-bottom: 20px;
  border: 0;
  text-align: center;
}

.dialog--social .dialog__content {
  padding-left: 18px;
  padding-right: 17px;
  padding-top: 0;
  font-size: 14px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.dialog--social .dialog__header__title {
  font-size: 18px;
  color: #444;
  line-height: 20px;
  font-weight: bold;
}

.dialog--social .dialog__nav {
  padding-top: 0;
}

.dialog--social .button--base-l.button--shape-b {
  width: 257px;
  margin-top: 7px;
  margin-left: 0 !important;
  box-sizing: border-box;
  line-height: 30px !important;
  color: inherit !important;
  font-size: 14px !important;
}

.dialog--social .dialog__footer {
  height: auto;
}

.dialog--social .urlcopy {
  margin-top: 10px;
  overflow: hidden;
}

.dialog--social .urlcopy .form-control {
  float: left;
  width: 197px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: 0;
  padding-left: 5px;
  background: #f8f8f8;
}

.dialog--social .urlcopy button {
  float: left;
  width: 60px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.dialog--social .urlcopy button span {
  font-size: 11px;
  color: #666;
  line-height: 8px;
  font-weight: normal;
}

.dialog--social .sns--list {
  font-size: 0;
  text-align: center;
}

.dialog--social .sns--list li {
  display: inline-block;
  float: initial !important;
  margin-left: 26px !important;
}

.dialog--social .arrow {
  position: absolute;
  bottom: -6px;
  left: 50%;
  width: 11px;
  height: 6px;
  margin-left: -4px;
}

.dialog--social .arrow .bd1 {
  position: absolute;
  top: 0;
  left: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #fff transparent transparent transparent;
  z-index: 2;
}

.dialog--social .arrow .bd2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5.5px 0 5.5px;
  border-color: #b4b4b4 transparent transparent transparent;
}

.dialog--sns .dialog__content {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.dialog--sns .dialog__header__title {
  font-size: 18px;
  color: #444;
  line-height: 20px;
  font-weight: bold;
}

.dialog--sns .button {
  line-height: 30px;
}

.dialog--rateit {
  position: absolute;
  top: 75px;
  left: 329px;
}

.dialog--rateit .dialog__header {
  border: 0;
  height: 15px;
  padding-top: 20px;
}

.dialog--rateit .dialog__content {
  padding-bottom: 6px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 0;
}

.dialog--rateit .icon--close {
  top: 15px;
  right: 15px;
}

.dialog--rateit .dialog__footer {
  padding-bottom: 25px;
}

.dialog--rateit .dialog__header__title {
  text-align: center;
  font-size: 16px;
  color: #333333;
  line-height: 150%;
  font-weight: bold;
}

.dialog--rateit .dialog__content {
  line-height: 100%;
  overflow: hidden;
}

.dialog--rateit__stars {
  float: left;
  padding-left: 0;
  padding-top: 7px;
  margin-right: 6px;
}

.dialog--rateit__stars .icon {
  float: left;
  margin-right: 3px;
}

.dialog--rateit__stars .icon--star {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -173px -447px;
  width: 21px;
  height: 21px;
}

.dialog--rateit__stars .icon--star-fill {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -152px -447px;
  width: 21px;
  height: 21px;
}

.dialog--rateit__stars .icon--star-harf {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -194px -447px;
  width: 21px;
  height: 21px;
}

.dialog--rateit__stars .icon--star-null {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -215px -447px;
  width: 21px;
  height: 21px;
}

.dialog--rateit__counter {
  float: left;
  width: 20px;
  font-size: 14px;
  font-family: AppleSDGothicNeo, Arial;
  font-weight: bold;
  padding-top: 8px;
  color: #333333;
  line-height: 150%;
}

.dialog--rateit .button {
  border: 1px solid #eb5229;
  vertical-align: top;
}

.dialog--rateit .button .button__text {
  font-size: 13px;
  display: block;
  margin-top: -1px;
}

.dialog--card {
  top: 10%;
  width: 564px;
  margin-left: -282px !important;
  z-index: 102;
}

.dialog--card textarea {
  display: block;
  width: 472px;
  height: 57px;
  padding: 15px;
  margin-bottom: 9px;
  border-color: #d9d9d9;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  resize: none;
  outline: none;
  font-size: 13px;
  color: #333333;
  line-height: 19px;
  font-weight: normal;
}

.dialog--card textarea::-webkit-input-placeholder {
  color: #999;
}

.dialog--card textarea::-moz-placeholder {
  color: #999;
}

.dialog--card textarea:-ms-input-placeholder {
  color: #999;
}

.dialog--card textarea:-moz-placeholder {
  color: #999;
}

.dialog--card .comment {
  display: block;
  width: 472px;
  height: 57px;
  padding: 15px;
  margin-bottom: 9px;
  overflow: auto;
  border: 1px solid #d9d9d9;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  resize: none;
  outline: none;
  font-size: 13px;
  color: #333333;
  line-height: 19px;
  font-weight: normal;
}

.dialog--card .comment[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.dialog--card .comment input {
  position: relative;
  top: -2px;
  padding: 0 2px;
  border: none;
  background-color: transparent;
  vertical-align: middle;
  font-size: 13px;
  color: #333333;
  line-height: 1;
  font-weight: normal;
  font-weight: bold;
}

.dialog--card .card {
  margin-bottom: 0 !important;
}

.dialog--card .card a,
.dialog--card .card span {
  cursor: default !important;
}

.dialog--card .card a:hover,
.dialog--card .card span:hover,
.dialog--card .card a:hover strong,
.dialog--card .card span:hover strong {
  text-decoration: none !important;
}

.dialog--card .card .card__content__img-type1 span {
  right: 1px !important;
}

.dialog--card .card .profile--base-b.profile--shape-d .profile__info p {
  line-height: 18px;
}

.dialog--card .card--base-d.card--shape-i .card__info {
  max-height: 441px;
  overflow-y: auto;
}

.dialog--card .dialog__footer {
  padding-top: 0;
}

.dialog--feed {
  top: 10%;
  width: 564px;
  margin-left: -282px !important;
}

.dialog--feed-pos {
  top: 10%;
}

.dialog--feed .feed__write {
  margin-bottom: 10px !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.dialog--feed .feed__write__attach {
  padding: 10px 4px 10px 6px !important;
}

.dialog--feed .feed__write__attach--button {
  display: block !important;
  margin-right: 13px;
}

.dialog--feed .feed__write__attach--button .button {
  margin-left: 1px;
}

.dialog--feed .feed__write__attach .line {
  margin-top: 0 !important;
  margin-bottom: 2px;
}

.dialog--feed .feed__write__box {
  min-height: 184px !important;
  max-height: 768px !important;
}

.dialog--feed .feed__write__box .comment {
  width: 470px !important;
  min-height: 184px !important;
  max-height: 600px !important;
  overflow-y: auto !important;
  border-radius: 0 !important;
}

.dialog--feed .feed__write__file {
  width: 472px !important;
}

.dialog--feed .feed__write__file p {
  padding-right: 2px;
}

.dialog--feed .feed__write__file .file--items {
  margin-left: -8px;
}

.dialog--feed .feed__write__file .file--items__item {
  margin-left: 10px;
}

.dialog--feed .feed__write__attach {
  width: 492px !important;
  border-radius: 0 !important;
}

.dialog--guest-book {
  top: 10%;
  width: 644px;
  margin-left: -282px !important;
}

.dialog--guest-book .dialog__content {
  padding: 20px;
  font-size: 13px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.dialog--guest-book-pos {
  top: 10%;
}

.dialog--guest-book .feed__write {
  margin-bottom: 0px !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.dialog--guest-book .feed__write__attach {
  padding: 10px 4px 10px 6px !important;
}

.dialog--guest-book .feed__write__attach--button {
  display: block !important;
  margin-right: 13px;
}

.dialog--guest-book .feed__write__attach--button .button {
  margin-left: 1px;
}

.dialog--guest-book .feed__write__attach--button label span {
  vertical-align: middle;
}

.dialog--guest-book .feed__write__attach--button label .text {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  vertical-align: middle;
  margin-right: 12px;
}

.dialog--guest-book .feed__write__attach .line {
  margin-top: 0 !important;
  margin-bottom: 2px;
}

.dialog--guest-book .feed__write__box {
  min-height: 160px !important;
  max-height: 160px !important;
  position: relative;
}

.dialog--guest-book .feed__write__box .comment {
  width: 570px !important;
  min-height: 135px !important;
  max-height: 135px !important;
  overflow-y: auto !important;
  border-radius: 0 !important;
}

.dialog--guest-book .feed__write__box .ring-progress {
  position: absolute;
  right: 20px;
  bottom: 12px;
}

.dialog--guest-book .feed__write__file {
  width: 572px !important;
}

.dialog--guest-book .feed__write__file p {
  padding-right: 2px;
}

.dialog--guest-book .feed__write__file .file--items {
  margin-left: -8px;
}

.dialog--guest-book .feed__write__file .file--items__item {
  margin-left: 10px;
}

.dialog--guest-book .feed__write__attach {
  width: 592px !important;
  border-radius: 0 !important;
}

.dialog--edit {
  top: 10%;
  width: 763px;
  margin-left: -382px !important;
}

.dialog--edit .dialog__content {
  padding: 0;
}

.dialog--edit .menu {
  border-bottom: 1px solid #e7e7e7;
  background: url("../../images/service/bg_menu_edit_popup.jpg") repeat-y 0 0;
}

.dialog--edit .menu:after {
  content: '';
  display: block;
  clear: both;
}

.dialog--edit .menu__list {
  float: left;
}

.dialog--edit .menu__list li {
  position: relative;
  width: 222px;
  height: 37px;
  padding: 0 20px 0 30px;
}

.dialog--edit .menu__list li:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -301px -426px;
  width: 13px;
  height: 10px;
}

.dialog--edit .menu__list li:first-child a {
  border-top: none;
}

.dialog--edit .menu__list li:hover .button--close {
  display: block;
}

.dialog--edit .menu__list li:hover a {
  background-color: #fafafa;
  color: #333333;
  font-weight: bold;
}

.dialog--edit .menu__list li a {
  position: relative;
  display: block;
  width: 210px;
  height: 36px;
  padding-left: 12px;
  border-top: 1px solid #e7e7e7;
  font-size: 13px;
  color: #666;
  line-height: 38px;
  font-weight: normal;
}

.dialog--edit .menu__list li a.is-active {
  height: 36px;
  margin-top: -1px;
  background-color: #666;
  border-top: 1px solid #5e5e5e;
  border-bottom: 1px solid #5e5e5e;
  color: #fff;
  font-weight: bold;
}

.dialog--edit .menu__list li a .icon {
  position: absolute;
  top: 13px;
  right: 10px;
}

.dialog--edit .menu__list li a .icon--lock {
  top: 10px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -455px;
  width: 13px;
  height: 15px;
}

.dialog--edit .menu__list li a .icon--menu {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -301px -426px;
  width: 13px;
  height: 10px;
}

.dialog--edit .menu__list li .button--close {
  display: none;
  position: absolute;
  top: 14px;
  left: 10px;
  border: none;
  background-color: transparent;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -200px -571px;
  width: 11px;
  height: 10px;
}

.dialog--edit .menu__list li .button--close:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -189px -571px;
  width: 11px;
  height: 10px;
}

.dialog--edit .menu__list__help {
  position: relative;
  padding: 7px 20px 0 30px;
  margin-bottom: -1px;
}

.dialog--edit .menu__list__help a {
  position: relative;
  display: block;
  width: 210px;
  height: 36px;
  padding-left: 12px;
  border-bottom: 1px solid #e7e7e7;
  z-index: 1;
  font-size: 13px;
  color: #333333;
  line-height: 38px;
  font-weight: bold;
}

.dialog--edit .menu__list__help a .icon--question {
  margin-top: -3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -385px;
  width: 14px;
  height: 14px;
}

.dialog--edit .menu__list__help a .icon--question + .menu__list__help__tooltip {
  display: none;
  position: absolute;
  top: 32px;
  right: -125px;
}

.dialog--edit .menu__list__help a .icon--question + .menu__list__help__tooltip span {
  white-space: nowrap;
}

.dialog--edit .menu__list__help a .icon--question:hover + .menu__list__help__tooltip {
  display: block;
}

.dialog--edit .menu__list__help:hover a .icon--question {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -371px;
  width: 14px;
  height: 14px;
}

.dialog--edit .menu__list__add {
  width: 222px;
  height: 37px;
  padding: 0 20px 0 30px;
}

.dialog--edit .menu__list__add a {
  position: relative;
  display: block;
  width: 195px;
  height: 36px;
  padding-left: 28px;
  border-top: 1px solid #e7e7e7;
  font-size: 13px;
  color: #999;
  line-height: 38px;
  font-weight: normal;
}

.dialog--edit .menu__list__add a .icon--plus {
  position: absolute;
  top: 13px;
  left: 12px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -193px;
  width: 10px;
  height: 10px;
}

.dialog--edit .menu__list__add:hover .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -183px;
  width: 10px;
  height: 10px;
}

.dialog--edit .menu__list__add:hover a {
  color: #333333;
}

.dialog--edit .menu__set {
  float: left;
  width: 441px;
  padding: 16px 30px 30px 20px;
}

.dialog--edit .menu__set h2 {
  position: relative;
  font-size: 13px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog--edit .menu__set h2 .icon--question {
  margin-top: -3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -385px;
  width: 14px;
  height: 14px;
}

.dialog--edit .menu__set h2 .icon--question + .menu__set__tooltip {
  display: none;
  position: absolute;
  top: 23px;
  right: 40px;
}

.dialog--edit .menu__set h2 .icon--question + .menu__set__tooltip span {
  white-space: nowrap;
}

.dialog--edit .menu__set h2 .icon--question:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -371px;
  width: 14px;
  height: 14px;
}

.dialog--edit .menu__set h2 .icon--question:hover + .menu__set__tooltip {
  display: block;
}

.dialog--edit .menu__set p {
  margin-bottom: 10px;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.dialog--edit .menu__set input,
.dialog--edit .menu__set .editable {
  padding-left: 15px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  font-size: 13px;
  color: #333333;
  line-height: 30px;
  font-weight: normal;
}

.dialog--edit .menu__set input:focus,
.dialog--edit .menu__set .editable:focus {
  border-color: #b9b9b9;
}

.dialog--edit .menu__set input::-webkit-input-placeholder,
.dialog--edit .menu__set .editable::-webkit-input-placeholder {
  color: #999;
}

.dialog--edit .menu__set input::-moz-placeholder,
.dialog--edit .menu__set .editable::-moz-placeholder {
  color: #999;
}

.dialog--edit .menu__set input:-ms-input-placeholder,
.dialog--edit .menu__set .editable:-ms-input-placeholder {
  color: #999;
}

.dialog--edit .menu__set input:-moz-placeholder,
.dialog--edit .menu__set .editable:-moz-placeholder {
  color: #999;
}

.dialog--edit .menu__set input:disabled,
.dialog--edit .menu__set .editable:disabled {
  background-color: #eee;
}

.dialog--edit .menu__set__title {
  margin-top: 10px;
}

.dialog--edit .menu__set__title input {
  width: 423px;
  height: 28px;
}

.dialog--edit .menu__set__select {
  margin-top: 15px;
}

.dialog--edit .menu__set__select select {
  width: 440px;
  height: 28px;
}

.dialog--edit .menu__set__select select:disabled {
  background-color: #d9d9d9;
}

.dialog--edit .menu__set__tag {
  margin-top: 15px;
}

.dialog--edit .menu__set__tag .editable {
  float: left;
  width: 409px;
  height: 45px;
  padding-top: 8px;
  padding-right: 15px;
  margin: 0;
  background-color: #fff;
  line-height: 18px;
  overflow-y: auto;
  resize: none;
}

.dialog--edit .menu__set__tag .editable[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.dialog--edit .menu__set__tag .uneditable {
  background-color: #eee;
  text-indent: -9999px;
}

.dialog--edit .menu__set__tag .tag {
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  border-radius: 20px;
  background-color: #f3f3f3;
  font-size: 13px;
  color: #333333;
  line-height: 20px;
  font-weight: normal;
}

.dialog--edit li.drop-replacer {
  background: none;
}

.dialog--movie {
  position: absolute;
  width: 582px;
  margin-left: -291px !important;
  z-index: 109;
}

.dialog--movie .form__add {
  padding-top: 15px;
  overflow: hidden;
}

.dialog--movie .form__add__file {
  position: relative;
  float: left;
  width: 424px;
}

.dialog--movie .form__add__file .form--control {
  width: 400px;
  height: 18px;
  line-height: 12px;
  padding: 6px 12px;
  border-radius: 4px;
  outline: none;
}

.dialog--movie .form__add__file .form--control:focus::-webkit-input-placeholder {
  color: transparent;
}

.dialog--movie .form__add__file .form--control:focus::-moz-placeholder {
  color: transparent;
}

.dialog--movie .form__add__file .form--control:focus:-ms-input-placeholder {
  color: transparent;
}

.dialog--movie .form__add__file .form--control:focus:-moz-placeholder {
  color: transparent;
}

.dialog--movie .form__add__file .icon {
  position: absolute;
  top: 9px;
  right: 9px;
  height: 14px;
}

.dialog--movie .form__add .button {
  float: right;
  width: 92px;
  padding: 6px 0;
}

.dialog--movie .form__add .button span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dialog--movie .form__add .form__add__notice {
  clear: both;
  padding: 19px 0 0 0;
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.dialog--movie .form__add .form__add__notice span {
  color: #f6552b;
}

.dialog--movie .form__add .form__add__size {
  clear: both;
  font-family: 'Tahoma';
  padding: 7px 0 0 0;
  font-size: 14px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.dialog--movie .form__add .form__add__size .form__add__size__counter {
  color: #f6552b;
}

.dialog--movie .form__add .btn--default {
  float: right;
  padding-top: 9px;
  padding-bottom: 3px;
  min-width: 80px;
}

.dialog--movie .form__add .form__add__movie {
  text-align: center;
}

.dialog--movie .form__add .form__add__movie iframe {
  width: 522px;
  height: 292px;
}

.dialog--movie .form__add .form__add__preview {
  display: block;
  width: 522px;
  height: 190px;
  padding-top: 110px;
  text-align: center;
  overflow: hidden;
  background-color: #6c6c6c;
}

.dialog--movie .form__add .form__add__preview .icon--emark {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -197px -246px;
  width: 47px;
  height: 47px;
}

.dialog--movie .form__add .form__add__preview p {
  margin-top: 8px;
  font-size: 14px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.dialog--movie .form .form-notice {
  margin-top: 13px;
  font-size: 12px;
  line-height: 18px;
  color: #999;
}

.dialog--movie .form .form--actions {
  margin-bottom: 20px;
  padding-top: 21px;
  text-align: center;
}

.dialog--movie .form .line {
  border-top: 1px solid #f0f0f0;
}

.dialog--tab {
  top: 10%;
  width: 542px;
  margin-left: -271px !important;
}

.dialog--tab .tab__nav__items__item__link {
  font-size: 12px !important;
  font-weight: normal !important;
}

.dialog--tab .tab__nav__items__item__link span {
  display: inline-block;
  margin-left: 3px;
  color: #999;
}

.dialog--tab .tab__pane .scroll-wrapper {
  height: 483px;
}

.dialog--tab .tab__pane .scroll-wrapper .scroll-bar {
  left: -7px !important;
}

.dialog--tab .tab__pane li {
  height: 53px;
  padding-top: 15px;
  border-bottom: 1px solid #ebebeb;
}

.dialog--tab .tab__pane .empty {
  height: 483px;
  padding: 0;
  text-align: center;
  border: none;
  overflow: hidden;
}

.dialog--tab .tab__pane .empty p {
  padding: 230px 0;
  margin: 0;
}

.dialog--tab .tab__pane .profile__info--nick {
  margin-bottom: 0 !important;
  font-size: 13px !important;
  color: #333333 !important;
  line-height: normal !important;
  font-weight: bold !important;
}

.dialog--tab .tab__pane .profile__info--nick a:hover {
  text-decoration: underline;
}

.dialog--tab .tab__pane .profile__info--subscribe {
  font-size: 12px !important;
  color: #999 !important;
  line-height: normal !important;
  font-weight: normal !important;
}

.dialog--tab .tab__pane > *:last-child {
  margin-bottom: 10px !important;
}

.dialog--tab .button--base-u {
  margin-right: 10px !important;
}

.dialog--inspection {
  top: 10%;
  width: 544px;
  margin-left: -272px;
}

.dialog--inspection .dialog__header {
  text-align: center;
  border: none;
}

.dialog--inspection .dialog__header img {
  margin-top: 16px;
}

.dialog--inspection .dialog__header h2 {
  margin-top: 20px;
  margin-bottom: 14px;
  font-size: 16px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog--inspection .dialog__header h2 em {
  color: #ff5000;
}

.dialog--inspection .dialog__header p {
  font-size: 13px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.dialog--inspection .dialog__content {
  padding-bottom: 10px;
}

.dialog--inspection .dialog__content__time {
  width: 480px;
  height: 64px;
  padding-top: 14px;
  margin-bottom: 15px;
  border: 1px solid #e7e7e7;
  text-align: center;
}

.dialog--inspection .dialog__content__time p {
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: normal;
}

.dialog--inspection .dialog__content__time time {
  font-size: 28px;
  color: #069fee;
  line-height: 30px;
  font-weight: bold;
}

.dialog--usertag {
  display: block;
  position: absolute;
  bottom: initial !important;
  height: auto !important;
  padding: 10px;
}

.dialog--usertag li {
  overflow: hidden;
  margin-top: 6px;
}

.dialog--usertag li:first-child {
  margin-top: 0;
}

.dialog--usertag li.active a {
  font-weight: bold;
  color: #333333;
}

.dialog--usertag li a {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 28px;
  font-weight: normal;
}

.dialog--usertag li a img {
  margin-right: 5px;
}

.dialog--otp {
  display: none;
  min-width: 320px;
  z-index: 109;
}

.dialog--otp__text {
  font-size: 15px;
  color: #333333;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  padding-top: 25px;
}

.dialog--otp__text strong {
  color: #ff5000;
}

.dialog--otp__text.not_top {
  padding-top: 0;
}

.dialog--otp__text.not_top + .dialog--otp__text {
  padding-top: 15px;
}

.dialog--otp__desc {
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
  padding-top: 12px;
}

.dialog--otp .termination__text {
  letter-spacing: -1px;
  font-size: 13px;
  color: #333333;
  line-height: 20px;
  font-weight: normal;
}

.dialog--otp__btns {
  margin-top: 20px;
  text-align: center;
}

.dialog--colorpicker {
  position: absolute;
  right: -2px;
  top: 41px;
  width: 132px;
  padding: 13px 0 16px 16px;
}

.dialog--colorpicker::after {
  content: '';
  position: absolute;
  right: 10px;
  top: -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #b8b8b8 transparent;
}

.dialog--colorpicker::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 11px;
  top: -5px;
  border-style: solid;
  z-index: 2;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #fff transparent;
}

.dialog--colorpicker .dialog__content {
  padding: 0;
}

.dialog--colorpicker .dialog__content:after {
  content: '';
  display: block;
  clear: both;
}

.dialog--colorpicker .dialog__content button {
  outline: none;
  position: relative;
  border: 0;
  border-radius: 33px;
  float: left;
  width: 33px;
  height: 33px;
  margin-right: 9px;
  margin-bottom: 10px;
}

.dialog--colorpicker .dialog__content button.color-01 {
  background: #4a5fd8;
}

.dialog--colorpicker .dialog__content button.color-02 {
  background: #2ea4ab;
}

.dialog--colorpicker .dialog__content button.color-03 {
  background: #a62ede;
}

.dialog--colorpicker .dialog__content button.color-04 {
  clear: both;
  background: #72b541;
}

.dialog--colorpicker .dialog__content button.color-05 {
  background: #e48600;
}

.dialog--colorpicker .dialog__content button.color-06 {
  background: #606060;
}

.dialog--colorpicker .dialog__content button.is-active::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
  margin-top: -5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -178px -571px;
  width: 11px;
  height: 10px;
}

.dialog--colorpicker .dialog__footer {
  text-align: center;
  padding: 0;
  padding-top: 2px;
}

.dialog--colorpicker .dialog__footer button {
  margin-right: 12px;
}

.dialog--write-tr {
  top: 52px;
  margin-left: -115px;
}

.dialog--write-tr .feed__write {
  width: 482px;
  margin-bottom: 0;
}

.dialog--write-tr .feed__write__file {
  width: 450px;
}

.dialog--write-tr .feed__write__file .file--items {
  margin-left: -2px;
}

.dialog--write-tr .feed__write__file .file--items__item {
  margin-left: 6px;
}

.dialog--write-tr .feed__write__attach {
  width: 470px;
}

.dialog--menu--order {
  display: none;
  position: absolute;
  top: auto;
  bottom: 35px;
  right: 0;
  width: 438px;
}

.dialog--menu--order .icon--close {
  right: 15px;
}

.dialog--menu--order .dialog__header {
  padding: 14px 30px 14px 18px;
  overflow: hidden;
}

.dialog--menu--order .dialog__header h1 {
  float: left;
  margin-right: 10px;
  font-size: 14px;
  color: #333333;
  line-height: 18px;
  font-weight: bold;
}

.dialog--menu--order .dialog__header__counter {
  float: left;
  font-size: 14px;
  padding-top: 0;
  font-family: 'Tahoma';
}

.dialog--menu--order .dialog__header__counter .counter__current {
  color: #ff5000;
}

.dialog--menu--order .dialog__content {
  padding: 20px 30px;
}

.dialog--menu--order .dialog__content .menu-list__item {
  width: 426px;
  height: 72px;
  border: solid 1px #d9d9d9;
  margin-bottom: 15px;
}

.dialog--menu--order .dialog__content .menu-list__item:hover {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13);
}

.dialog--menu--order .dialog__content .menu-list__item.is-active {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13);
}

.dialog--menu--order .dialog__content .menu-list__thumb {
  width: 72px;
  height: 72px;
  display: block;
  float: left;
  margin-right: 8px;
}

.dialog--menu--order .dialog__content .menu-list__title {
  width: 80%;
  padding-top: 14px;
  font-size: 15px;
  color: #333333;
  display: block;
  float: left;
}

.dialog--menu--order .dialog__content .menu-list__desc {
  width: 80%;
  font-size: 13px;
  font-weight: normal;
  color: #999;
  display: block;
  float: left;
}

.dialog--assessment--list {
  position: absolute;
  top: auto;
  bottom: 35px;
  right: 0;
  width: 438px;
}

.dialog--assessment--list .icon--close {
  right: 15px;
}

.dialog--assessment--list .dialog__header {
  padding: 14px 30px 14px 18px;
  overflow: hidden;
}

.dialog--assessment--list .dialog__header h1 {
  float: left;
  margin-right: 10px;
  font-size: 14px;
  color: #333333;
  line-height: 18px;
  font-weight: bold;
}

.dialog--assessment--list .dialog__header__counter {
  float: left;
  font-size: 14px;
  padding-top: 0;
  font-family: 'Tahoma';
}

.dialog--assessment--list .dialog__header__counter .counter__current {
  color: #ff5000;
}

.dialog--assessment--list .dialog__header__items {
  padding: 24px 0;
  margin: 0 24px;
  overflow: hidden;
  border-bottom: 1px solid #efefef;
}

.dialog--assessment--list .dialog__header__items .header--contents {
  position: relative;
}

.dialog--assessment--list .dialog__header__items .header--contents__img {
  width: 46px;
  height: 46px;
  display: block;
  float: left;
  margin-right: 12px;
}

.dialog--assessment--list .dialog__header__items .header--contents__img img {
  width: 46px;
  height: auto;
  overflow: hidden;
}

.dialog--assessment--list .dialog__header__items .header--contents__desc {
  width: 244px;
  display: block;
  float: left;
}

.dialog--assessment--list .dialog__header__items .header--contents__title {
  width: 226px;
  height: 36px;
  line-height: 18px;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  display: inline-block;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-align: left;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.dialog--assessment--list .dialog__header__items .header--contents__price {
  font-size: 13px;
  color: #ff5000;
  width: 244px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 4px;
}

.dialog--assessment--list .dialog__content {
  padding: 20px;
}

.dialog--assessment--list .dialog__content .friend-list {
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
}

.dialog--assessment--list .dialog__content .friend-list__item {
  position: relative;
  padding: 0 50px 0 50px;
  width: 100%;
  min-height: 56px;
  border-bottom: 1px solid #ebebeb;
  box-sizing: border-box;
}

.dialog--assessment--list .dialog__content .friend-list__item:first-child {
  margin-top: 0;
}

.dialog--assessment--list .dialog__content .friend-list__thumb {
  position: absolute;
  top: 10px;
  left: 0;
  width: 36px;
  height: 36px;
  background-color: #c1c1c1;
  border-radius: 50%;
  overflow: hidden;
}

.dialog--assessment--list .dialog__content .friend-list__thumb > img {
  max-width: 100%;
  width: 36px;
  max-height: 100%;
  height: 36px;
}

.dialog--assessment--list .dialog__content .friend-list__title {
  display: block;
  padding-top: 12px;
  margin-bottom: 8px;
  font-size: 12px;
  color: #333333;
  line-height: 1;
}

.dialog--assessment--list .dialog__content .friend-list__desc {
  font-size: 12px;
  color: #666;
  line-height: 1;
}

.dialog--assessment--list .dialog__content .friend-list__desc span {
  position: relative;
  margin-right: 6px;
  padding-right: 11px;
}

.dialog--assessment--list .dialog__content .friend-list__desc span:after {
  content: ' ';
  position: absolute;
  margin-top: -5px;
  top: 50%;
  right: 0;
  width: 1px;
  height: 10px;
  background-color: #d1d1d1;
}

.dialog--assessment--list .dialog__content .friend-list__desc span:last-child:after {
  display: none;
}

.dialog--assessment--list .dialog__content .friend-list__desc strong {
  color: #666;
  font-weight: normal;
}

.dialog--assessment--list .dialog__content .friend-list__status {
  position: absolute;
  top: 18px;
  right: 12px;
  width: 22px;
  height: 20px;
  overflow: hidden;
}

.dialog--assessment--list .dialog__content .friend-list__status.on {
  background: url("../../images/share/ic-thumb-up-on.png") 0 0;
}

.dialog--assessment--list .dialog__content .friend-list__status.off {
  background: url("../../images/share/ic-thumb-down-off.png") 0 0;
}

.dialog--assessment--list .dialog__content .friend-list__status > img {
  max-width: 100%;
  width: 22px;
  max-height: 100%;
  height: 20px;
}

.dialog--assessment--list .dialog__content__items {
  padding: 20px 20px 6px;
}

.dialog--toast {
  width: 340px;
}

.dialog--toast .dialog__content {
  padding: 30px;
}

.dialog--toast .dialog__content p {
  font-size: 13px;
  text-align: center;
  color: #666666;
  padding-top: 14px;
}

.dialog--toast .dialog__content .check-cycle-wrap {
  width: 60px;
  height: 60px;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
}

.dialog--toast .dialog__content .check-cycle-wrap .icon--check--cycle {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -156px -146px;
  width: 30px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dialog--toast .dialog__content .check-cycle-notice {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 0 auto;
}

.dialog--toast .dialog__content .check-cycle-notice .icon--check--cycle {
  background: url("../../images/useropen/icon_notice_60x60.png") no-repeat;
  width: 60px;
  height: 60px;
}

.dialog--toast .dialog__content .spinner--base-c {
  text-align: center;
  padding: 19px 0;
}

.popup--base-a {
  border: 1px solid #c2c2c2;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  text-align: left;
}

.popup--base-a:before {
  content: '';
  position: absolute;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.popup--base-a:after {
  content: '';
  position: absolute;
  top: -4px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.popup--base-a.popup--shape-a {
  width: 380px;
  padding: 12px 15px;
  border-radius: 5px;
}

.popup--base-a.popup--shape-a:before {
  right: 41px;
}

.popup--base-a.popup--shape-a:after {
  right: 42px;
}

.popup--base-a.popup--shape-a h3 {
  margin-bottom: 10px;
  font-size: 13px;
  color: #333333;
  line-height: 13px;
  font-weight: normal;
}

.popup--base-a.popup--shape-a .more {
  display: block;
  position: absolute;
  top: 11px;
  right: 16px;
  margin: 0;
}

.popup--base-a.popup--shape-a .more .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -133px;
  width: 10px;
  height: 10px;
}

.popup--base-a.popup--shape-a .more:hover .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -123px;
  width: 10px;
  height: 10px;
}

.popup--base-a.popup--shape-b {
  width: 141px;
  padding: 13px 15px 8px;
  border-radius: 5px;
}

.popup--base-a.popup--shape-b:before {
  right: 9px;
}

.popup--base-a.popup--shape-b:after {
  right: 10px;
}

.popup--base-b {
  border: 1px solid #c2c2c2;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  text-align: left;
  width: 100%;
}

.popup--base-b:before {
  content: '';
  position: absolute;
  top: -5px;
  right: 4px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.popup--base-b:after {
  content: '';
  position: absolute;
  top: -4px;
  right: 5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.popup--base-b.popup--shape-a {
  width: 106px;
  padding: 5px 15px;
  border-radius: 5px;
}

.popup--base-b.popup--shape-a ul:after {
  content: '';
  display: block;
  clear: both;
}

.popup--base-b.popup--shape-a li {
  border-top: 1px solid #efefef;
}

.popup--base-b.popup--shape-a li:first-child {
  border-top: none;
}

.popup--base-b.popup--shape-a li a {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 12px;
  color: #333333;
  line-height: 32px;
  font-weight: normal;
}

.popup--base-b.popup--shape-a li a .icon--arrow {
  position: absolute;
  top: 12px;
  right: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -208px;
  width: 6px;
  height: 10px;
}

.popup--base-b.popup--shape-a li a:hover {
  font-weight: bold;
}

.popup--base-b.popup--shape-a li a:hover .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -238px;
  width: 6px;
  height: 10px;
}

.popup--base-c {
  border: 1px solid #c2c2c2;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  text-align: left;
  width: 100%;
}

.popup--base-c:before {
  content: '';
  position: absolute;
  top: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.popup--base-c:after {
  content: '';
  position: absolute;
  top: -4px;
  left: 11px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.popup--base-c.popup--shape-a {
  width: 172px;
  padding: 10px;
}

.popup--base-c.popup--shape-a .popup__title {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.popup--base-c.popup--shape-a .popup__title .icon--arrow {
  margin-left: 3px;
  vertical-align: sub;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -223px;
  width: 18px;
  height: 17px;
}

.popup--base-c.popup--shape-a .popup__title .icon--arrow:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -206px;
  width: 18px;
  height: 17px;
}

.popup--base-c.popup--shape-a .popup__info {
  display: none;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.popup--base-c.popup--shape-a .popup__info .button {
  float: none;
  margin-left: 0;
  margin-top: 10px;
}

.popup--base-c.popup--shape-b {
  width: 136px;
  border-radius: 5px;
}

.popup--base-c.popup--shape-b:before {
  left: 65px;
}

.popup--base-c.popup--shape-b:after {
  left: 66px;
}

.popup--base-c.popup--shape-b .popup__store li {
  width: 127px;
  padding-left: 9px;
  height: 38px;
  border-top: 1px solid #d8d8d8;
}

.popup--base-c.popup--shape-b .popup__store li:first-child {
  border-top: none;
}

.popup--base-c.popup--shape-b .popup__store li:hover {
  background-color: #f8f8f8;
}

.popup--base-c.popup--shape-b .popup__store li:hover a {
  color: #333333;
  font-weight: bold;
}

.popup--base-c.popup--shape-b .popup__store a {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 36px;
  font-weight: normal;
}

.popup--base-c.popup--shape-b .popup__store a img {
  margin-top: 8px;
  margin-right: 10px;
}

.popup--base-c.popup--shape-b .popup__store a span {
  display: inline-block;
  vertical-align: super;
}

.popup--base-c.popup--shape-c {
  width: 211px;
  padding: 13px;
  border-radius: 5px;
}

.popup--base-c.popup--shape-c:before {
  left: 55px;
}

.popup--base-c.popup--shape-c:after {
  left: 56px;
}

.popup--base-c.popup--shape-c .popup__title {
  font-size: 11px;
  color: #666;
  line-height: 14px;
  font-weight: normal;
}

.popup--base-c.popup--shape-c .popup__title .icon--arrow {
  margin-left: 3px;
  vertical-align: sub;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -223px;
  width: 18px;
  height: 17px;
}

.popup--base-c.popup--shape-c .popup__title .icon--arrow:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -206px;
  width: 18px;
  height: 17px;
}

.popup--base-c.popup--shape-c .popup__info {
  display: none;
  font-size: 11px;
  color: #666;
  line-height: 14px;
  font-weight: normal;
}

.popup--base-c.popup--shape-c .popup__info > p {
  margin-bottom: 3px;
  letter-spacing: 0.2px;
}

.popup--base-c.popup--shape-c .popup__info .button {
  float: none;
  margin-top: 7px;
  margin-left: 0;
}

.popup--base-d {
  border: 1px solid #c2c2c2;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  text-align: left;
}

.popup--base-d:before {
  content: '';
  position: absolute;
  bottom: -5px;
  right: 26px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
  transform: rotate(180deg);
}

.popup--base-d:after {
  content: '';
  position: absolute;
  bottom: -4px;
  right: 27px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  transform: rotate(180deg);
}

.popup--base-d.popup--shape-a {
  width: 310px;
  height: 250px;
  border-radius: 5px;
}

.popup--base-d.popup--shape-a h3 {
  margin-bottom: 10px;
  font-size: 13px;
  color: #333333;
  line-height: 13px;
  font-weight: normal;
}

.popup--base-d.popup--shape-a .more {
  display: block;
  position: absolute;
  top: 11px;
  right: 16px;
  margin: 0;
}

.popup--base-d.popup--shape-a .more .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -133px;
  width: 10px;
  height: 10px;
}

.popup--base-d.popup--shape-a .more:hover .icon--plus {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -123px;
  width: 10px;
  height: 10px;
}

.dialog--base-c.dialog--shape-a {
  top: 50%;
  margin-top: -240px;
}

.dialog--base-c.dialog--shape-a .service-list {
  max-height: 360px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 10px;
  padding-right: 10px;
}

.dialog--base-c.dialog--shape-a .service-list__item {
  position: relative;
  margin: 10px 0;
  padding: 20px 20px 20px 68px;
  width: 100%;
  min-height: 80px;
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
}

.dialog--base-c.dialog--shape-a .service-list__item:first-child {
  margin-top: 0;
}

.dialog--base-c.dialog--shape-a .service-list__thumb {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 38px;
  height: 38px;
  background-color: #c1c1c1;
  border-radius: 50%;
  overflow: hidden;
}

.dialog--base-c.dialog--shape-a .service-list__thumb > img {
  max-width: 100%;
  width: 38px;
  max-height: 100%;
  height: 38px;
}

.dialog--base-c.dialog--shape-a .service-list__title {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  color: #333333;
  line-height: 1;
}

.dialog--base-c.dialog--shape-a .service-list__desc {
  font-size: 13px;
  color: #999;
  line-height: 1;
}

.dialog--base-c.dialog--shape-a .service-list__desc span {
  position: relative;
  margin-right: 6px;
  padding-right: 11px;
}

.dialog--base-c.dialog--shape-a .service-list__desc span:after {
  content: ' ';
  position: absolute;
  margin-top: -5px;
  top: 50%;
  right: 0;
  width: 1px;
  height: 10px;
  background-color: #d1d1d1;
}

.dialog--base-c.dialog--shape-a .service-list__desc span:last-child:after {
  display: none;
}

.dialog--base-c.dialog--shape-a .service-list__desc strong {
  color: #666;
  font-weight: normal;
}

body.disabled-scroll {
  overflow: hidden;
}

.media {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.media .button-reset {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  zoom: 1;
  *display: inline;
}

.media__view .scroll {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.media__view-prev {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 60px;
  height: 75px;
  background: red;
  z-index: 3;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  zoom: 1;
  *display: inline;
}

.media__view-prev .icon--prev {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -218px -400px;
  width: 20px;
  height: 36px;
  position: absolute;
  top: 19px;
  left: 20px;
}

.media__view-prev:hover .icon--prev {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -290px -246px;
  width: 20px;
  height: 36px;
}

.media__view-next {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 60px;
  height: 75px;
  z-index: 3;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  zoom: 1;
  *display: inline;
}

.media__view-next .icon--next {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -258px -400px;
  width: 20px;
  height: 36px;
  position: absolute;
  top: 19px;
  left: 20px;
}

.media__view-next:hover .icon--next {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -238px -400px;
  width: 20px;
  height: 36px;
}

.media__view__resize {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.media__view__resize img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.media__view__scroll {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0 auto;
  overflow-y: auto;
  display: block;
  overflow-x: hidden;
  width: 100%;
}

.media__view__scroll a {
  display: inline-block;
}

.media__view__scroll img.width-percent {
  width: 100%;
}

.media__view__scroll img {
  position: relative;
  display: block;
  top: 0;
  left: 0;
}

.media__view .spinner--base-a {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -29px;
  margin-left: -29px;
  z-index: 10;
}

.media__view .scrollbar-macosx > .scroll-element .scroll-bar {
  opacity: 1 !important;
}

.media__view .scroll-wrapper {
  margin-right: -20px;
}

.media__view .scroll-wrapper,
.media__view .scrollbar-inner,
.media__view .scroll-element.scroll-y,
.media__view .scroll-element_outer,
.media__view .scroll-element_size,
.media__view .scroll-element_track {
  max-height: 100%;
}

.media__thumbnail {
  position: absolute;
  bottom: 40px;
  left: 50%;
  width: 100%;
  margin-left: -271px;
  height: 100px;
  z-index: 3;
  width: 540px;
}

.media__thumbnail__items__item {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.media__thumbnail__items__item .spinner {
  position: absolute;
  top: 23px;
  left: 23px;
  z-index: 3;
}

.media__thumbnail__items__item .not-ready {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100px;
  height: 100px;
  background: #1d2129;
}

.media__thumbnail__items__item .not-ready span {
  display: block;
  padding-top: 35px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  font-weight: normal;
}

.media__thumbnail__items__item a {
  display: block;
  width: 100px;
  height: 100px;
  position: relative;
  background-color: #1d2129;
}

.media__thumbnail__items__item a:hover:after {
  content: '';
  display: block;
  width: 98px;
  height: 98px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #f0562d;
  z-index: 2;
}

.media__thumbnail__items__item a img {
  display: none;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
}

.media__thumbnail__items__item a .icon--video {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  margin-top: -16px;
  margin-left: -16px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -329px;
  width: 32px;
  height: 32px;
}

.media__thumbnail__items__item a.is-active::after {
  content: '';
  display: block;
  width: 98px;
  height: 98px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #f0562d;
  z-index: 2;
}

.media__thumbnail__items .current-page {
  z-index: 1;
}

.media__thumbnail-prev {
  position: absolute;
  top: 32px;
  left: -30px;
  width: 30px;
  height: 30px;
  z-index: 3;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  zoom: 1;
  *display: inline;
}

.media__thumbnail-prev .icon--prev {
  position: absolute;
  top: 6px;
  left: 10px;
  display: block;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -478px -447px;
  width: 10px;
  height: 17px;
}

.media__thumbnail-prev:hover .icon--prev {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -569px;
  width: 10px;
  height: 17px;
}

.media__thumbnail-next {
  position: absolute;
  top: 32px;
  right: -30px;
  width: 30px;
  height: 30px;
  z-index: 3;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  zoom: 1;
  *display: inline;
}

.media__thumbnail-next .icon--next {
  display: block;
  margin-top: 6px;
  margin-left: 10px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -10px -586px;
  width: 10px;
  height: 17px;
}

.media__thumbnail-next:hover .icon--next {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: 0px -586px;
  width: 10px;
  height: 17px;
}

.media__paging {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  padding-top: 10px;
  height: 30px;
  left: 0;
  z-index: 1;
  color: #fff;
  font-size: 12px;
}

.media__modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.85;
}

.media__close {
  position: absolute;
  top: 0;
  right: 20px;
  width: 60px;
  height: 61px;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  zoom: 1;
  *display: inline;
  z-index: 3;
}

.media__close .icon--close {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -277px -447px;
  width: 20px;
  height: 21px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.media__close:hover .icon--close {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -257px -447px;
  width: 20px;
  height: 21px;
}

.media .scrollable-arrow-top {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  zoom: 1;
  *display: inline;
  width: 18px;
  height: 18px;
  background: #f1f1f1;
  position: absolute;
  top: 0;
  left: 0;
}

.media .scrollable-arrow-top .icon {
  position: absolute;
  top: 7px;
  left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 3.5px 4px 3.5px;
  border-color: transparent transparent #505050 transparent;
}

.media .scrollable-arrow-top.disabled {
  border-color: transparent transparent #a3a3a3 transparent;
}

.media .scrollable-arrow-top.disabled .icon {
  opacity: 0.5;
}

.media .scrollable-arrow-top.active {
  background: #d2d2d2;
}

.media .scrollable-arrow-bottom {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  zoom: 1;
  *display: inline;
  width: 18px;
  height: 18px;
  background: #f1f1f1;
  position: absolute;
  bottom: 0;
  left: 0;
}

.media .scrollable-arrow-bottom .icon {
  position: absolute;
  top: 7px;
  left: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #505050 transparent transparent transparent;
}

.media .scrollable-arrow-bottom.disabled {
  border-color: #a3a3a3 transparent transparent transparent;
}

.media .scrollable-arrow-bottom.disabled .icon {
  opacity: 0.5;
}

.media .scrollable-arrow-bottom.active {
  background: #d2d2d2;
}

.media .scrollable-body {
  overflow: hidden;
  /*
        width:700px;
        right:100px;
        position: absolute;
        height: 100px;
        position: absolute;
        top:0;
        background:#fff;
        z-index:10;
        overflow-y:scroll;
        */
}

.media .scrollable-bar {
  right: 0;
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  background: #f1f1f1;
  z-index: 10;
}

.media .scrollable-track {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
}

.media .scrollable-body {
  position: absolute;
  top: 0;
}

.media .scrollable-face {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  zoom: 1;
  *display: inline;
  right: 0;
  width: 18px;
  height: 400px;
  position: absolute;
  top: 0;
  background: #c1c1c1;
  z-index: 10;
}

.media .scrollable-face:hover {
  background: #a8a8a8;
}

.media .scrollable-face.active {
  background: #787878;
}

.media .scrollable {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 2;
}

.privacy__text {
  font-size: 13px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
  padding-left: 9px;
  padding-right: 9px;
  padding-bottom: 11px;
  padding-top: 7px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}

.privacy__agree {
  padding-top: 11px;
  text-align: center;
  font-size: 13px;
  color: #ff5000;
  line-height: 20px;
  font-weight: normal;
}

.privacy__guidance {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  margin-top: 11px;
  background-color: #f7f7f7;
}

.privacy__guidance ul {
  padding: 20px;
  padding-top: 11px;
  padding-bottom: 12px;
}

.privacy__guidance ul li {
  position: relative;
  padding-left: 10px;
  color: #999;
  line-height: 18px;
}

.privacy__guidance ul li:after {
  content: ' ';
  position: absolute;
  top: 7px;
  left: 0px;
  width: 3px;
  height: 2px;
  background-color: #999;
  overflow: hidden;
}

.privacy__guidance ul li:after {
  height: 1px;
  width: 2px;
}

.privacy__guidance ul li u {
  color: #666;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  z-index: 11;
}

.dialog--lostark {
  top: 10%;
  margin-left: -300px;
  border: none;
  overflow: visible;
  /* Lostark 모바일 이용동의 팝업 */
}

.dialog--lostark.lostark-body .btn_gray {
  border: 1px solid #d5d5d5;
  color: #666;
}

.dialog--lostark.lostark-body .btn {
  overflow: hidden;
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  color: #666;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.dialog--lostark.lostark-body .btn_bx {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-top: 15px;
}

.dialog--lostark.lostark-body .btn_bx li {
  display: table-cell;
  padding-left: 5px;
  vertical-align: top;
}

.dialog--lostark.lostark-body .btn_bx li:first-child {
  padding-left: 0;
  margin-top: 0;
}

.dialog--lostark.lostark-body .btn_bx_line {
  margin-top: 15px;
  border-top: 1px solid #e2e2e2;
}

.dialog--lostark.lostark-body .sp,
.dialog--lostark.lostark-body .gnb_my:after,
.dialog--lostark.lostark-body .gnb_lst li:after,
.dialog--lostark.lostark-body .gnb_lst li.new a:after,
.dialog--lostark.lostark-body .hdbx .bn_menu.new:after,
.dialog--lostark.lostark-body .inp_rdo input,
.dialog--lostark.lostark-body .inp_chk input,
.dialog--lostark.lostark-body .pass:after,
.dialog--lostark.lostark-body .inp_sel:after,
.dialog--lostark.lostark-body .inp_date:after,
.dialog--lostark.lostark-body .step li:before,
.dialog--lostark.lostark-body .step li:after,
.dialog--lostark.lostark-body .btn_facebook:before,
.dialog--lostark.lostark-body .btn_google:before,
.dialog--lostark.lostark-body .btn_naver:before,
.dialog--lostark.lostark-body .btn_runner:before,
.dialog--lostark.lostark-body .btn_ms:before,
.dialog--lostark.lostark-body .btn_han:before,
.dialog--lostark.lostark-body .btn_ms_view:before,
.dialog--lostark.lostark-body .btn_han_view:before,
.dialog--lostark.lostark-body .mb_tit_finish:after,
.dialog--lostark.lostark-body .mb_tit_deleted:after,
.dialog--lostark.lostark-body .mb_tit_limited:after,
.dialog--lostark.lostark-body .certify_bx li:after,
.dialog--lostark.lostark-body .btn_more:after,
.dialog--lostark.lostark-body .btn_chk:after,
.dialog--lostark.lostark-body .coverbx .bn_cover:before,
.dialog--lostark.lostark-body .txt_info .bn_dot:after,
.dialog--lostark.lostark-body .profilebx .pf_info .nickname_cp:before,
.dialog--lostark.lostark-body .bn_area .bn_scrp:before,
.dialog--lostark.lostark-body .bn_area .bn_friend:before,
.dialog--lostark.lostark-body .bn_area .bn_scrp.on:after,
.dialog--lostark.lostark-body .bn_area .bn_friend.on:after,
.dialog--lostark.lostark-body .bn_area .ly_app li.app_google:after,
.dialog--lostark.lostark-body .bn_area .ly_app li.app_store:after,
.dialog--lostark.lostark-body .bn_area .ly_app li.one_store:after,
.dialog--lostark.lostark-body .nofeedbx p:after,
.dialog--lostark.lostark-body .bn_txt_wrap:after,
.dialog--lostark.lostark-body .bn_like:before,
.dialog--lostark.lostark-body .bn_comment:before,
.dialog--lostark.lostark-body .reply_lst > li.report_on:after,
.dialog--lostark.lostark-body .reply_info .bn_edit:after,
.dialog--lostark.lostark-body .vote_head:after,
.dialog--lostark.lostark-body .vote_con li input,
.dialog--lostark.lostark-body .vote_rslt li .win:before,
.dialog--lostark.lostark-body .file-item .thumb_video:after,
.dialog--lostark.lostark-body .file-item .bn_file_cls:after,
.dialog--lostark.lostark-body .bn_voteadd:before,
.dialog--lostark.lostark-body .vote_lst li:after,
.dialog--lostark.lostark-body .bn_writecate:after,
.dialog--lostark.lostark-body .sns_lst li a:after,
.dialog--lostark.lostark-body .img_reg_lst .bn_img_lst:before,
.dialog--lostark.lostark-body .zoombx .bn_zin:before,
.dialog--lostark.lostark-body .img_reg_lst li.on:after,
.dialog--lostark.lostark-body .menu_item:after,
.dialog--lostark.lostark-body .check_time:before,
.dialog--lostark.lostark-body .recom_lst .type2 .btn_white:after,
.dialog--lostark.lostark-body .category .all_lst:after,
.dialog--lostark.lostark-body .cate_lst a:before,
.dialog--lostark.lostark-body .category .title:after,
.dialog--lostark.lostark-body .cpconm_lst .thumb_video:after,
.dialog--lostark.lostark-body .cpconm_lst .social_info .like:before,
.dialog--lostark.lostark-body .cpconm_lst .social_info .reply:before,
.dialog--lostark.lostark-body .board_menubx .social_lst .board_bn:before,
.dialog--lostark.lostark-body .board_bx .board_info:before,
.dialog--lostark.lostark-body .board_write li a:before,
.dialog--lostark.lostark-body .board_page li:before,
.dialog--lostark.lostark-body .board_page .txt:after,
.dialog--lostark.lostark-body .bn_srchcate:after,
.dialog--lostark.lostark-body .no_cp_srchlst p:after,
.dialog--lostark.lostark-body .myreply_lst .btn_myreply_more:after,
.dialog--lostark.lostark-body .boardtit_bx .cp_autharea .game_nick:before,
.dialog--lostark.lostark-body .ly_process_ok strong:after,
.dialog--lostark.lostark-body .no_board_bx p:after {
  overflow: hidden;
  display: block;
  background: url("../../images/share/lostark/sp.png") no-repeat;
  background-size: 370px auto;
  font-size: 0;
  line-height: 999px;
  white-space: nowrap;
}

.dialog--lostark.lostark-body .tabbx {
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.dialog--lostark.lostark-body .tabbx .tab {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.dialog--lostark.lostark-body .tabbx .tab li {
  display: table-cell;
  margin-left: -1px;
}

.dialog--lostark.lostark-body .tabbx .tab li a {
  display: block;
  height: 40px;
  border: 1px solid #d9d9d9;
  background: #fbfbfb;
  margin-left: -1px;
  color: #242424;
  font-size: 13px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
}

.dialog--lostark.lostark-body .tabbx .tab li a.on {
  border-bottom: 0;
  border-top: 3px solid #ff5000;
  background: #fff;
  color: #ff5000;
  line-height: 38px;
}

.dialog--lostark.lostark-body .tabbx .tab li:nth-child(2) a {
  border-right: 0;
}

.dialog--lostark.lostark-body .intabbx {
  box-shadow: none;
}

.dialog--lostark.lostark-body .intabbx .tab li a {
  height: 35px;
  font-size: 12px;
  line-height: 34px;
}

.dialog--lostark.lostark-body .intabbx .tab li a.on {
  line-height: 31px;
}

.dialog--lostark.lostark-body .intabbx .tit {
  color: #242424;
}

.dialog--lostark.lostark-body .intabbx .point {
  color: #ff5000;
}

.dialog--lostark.lostark-body .tabcontent {
  display: none;
  height: 133px;
  padding: 13px 10px;
  border-bottom: 1px solid #d9d9d9;
  color: #a3a3a3;
  line-height: 18px;
}

.dialog--lostark.lostark-body .tabcontentin {
  height: 100%;
  overflow-y: auto;
}

.dialog--lostark.lostark-body .tabconten_v2 {
  display: block;
  height: 133px;
  padding: 13px 10px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  color: #666;
  line-height: 18px;
}

.dialog--lostark.lostark-body .inp_rdo,
.dialog--lostark.lostark-body .inp_chk {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  margin-top: 8px;
  line-height: 16px;
}

.dialog--lostark.lostark-body .inp_rdo input,
.dialog--lostark.lostark-body .inp_chk input {
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
}

.dialog--lostark.lostark-body .inp_chk input {
  background-position: 0 -70px;
}

.dialog--lostark.lostark-body .inp_chk input:checked {
  background-position: -21px -70px;
}

.dialog--lostark.lostark-body .basic_head {
  margin-bottom: -2px;
  font-size: 16px;
  color: #242424;
}

.dialog--lostark.lostark-body .basicbx {
  padding: 20px 15px 25px;
  min-height: 115px;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #ededed;
  border-top: none;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
}

.dialog--lostark.lostark-body .basicbx:first-child {
  margin-top: 0;
}

.dialog--lostark.lostark-body .basic_tit {
  position: relative;
  padding: 15px 0 8px;
  border-bottom: 1px solid #e2e2e2;
}

.dialog--lostark.lostark-body .basic_tit .tit {
  font-size: 16px;
  color: #242424;
}

.dialog--lostark.lostark-body .basic_tit .btn {
  position: absolute;
  right: 0;
  bottom: 5px;
}

.dialog--lostark.lostark-body .basic_tit .tit_add {
  position: absolute;
  right: 0;
  bottom: 5px;
  color: #ff5000;
}

.dialog--lostark.lostark-body .agree_tit {
  position: relative;
  padding: 4px 25px 4px 0;
}

.dialog--lostark.lostark-body .agree_tit label {
  font-size: 12px;
  color: #242424;
  line-height: 22px;
  font-weight: bold;
}

.dialog--lostark.lostark-body .agree_tit label em {
  color: #f00;
}

.dialog--lostark.lostark-body .agree_tit .inp_chk {
  position: absolute;
  bottom: 27px;
  right: 0;
}

.dialog--lostark.lostark-body .agree_tit_all {
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #e2e2e2;
}

.dialog--lostark.lostark-body .agree_tit_all .inp_chk {
  bottom: 43px;
}

.dialog--lostark .lostark {
  max-width: 600px;
  z-index: 20;
}

.dialog--lostark .lostark .basicbx {
  margin-top: 0;
  padding: 5px 30px 30px 30px;
}

.dialog--lostark .lostark #content {
  padding: 10px;
}

.dialog--lostark .lostark .visual {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  background-color: #0c6d7f;
}

.dialog--lostark .lostark .tabbx {
  font-size: 12px;
}

.dialog--lostark .lostark .tabconten_v2 {
  height: 72px;
}

.dialog--lostark .lostark .inp_chk input {
  top: -4px;
  left: -25px;
}

.dialog--lostark .lostark .agree_tit_all .inp_chk {
  margin-right: 0;
}

.dialog--lostark .lostark .agree_tit_all .agree_all_tit {
  font-size: 13px;
}

.dialog--lostark .lostark .agree_tit label {
  font-size: 13px;
}

.dialog--lostark .lostark .agree_tit {
  padding-right: 70px;
}

.dialog--lostark .lostark .agree_tit label em {
  margin-left: 5px;
  color: #ff5000;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
}

.dialog--lostark .lostark .agree_tit .inp_chk {
  bottom: 7px;
  margin-right: 0;
}

.dialog--lostark .lostark .inp_text {
  font-size: 13px !important;
  font-weight: normal;
  color: #000;
}

.dialog--lostark .lostark .visual_contents {
  position: relative;
  height: 79px;
  padding: 23px 170px 12px 110px;
}

.dialog--lostark .lostark .visual_contents h2,
.dialog--lostark .lostark .visual_contents h3 {
  color: #fff;
}

.dialog--lostark .lostark .visual_contents h2 {
  font-size: 22px;
  margin-bottom: 5px;
}

.dialog--lostark .lostark .visual_contents h3 {
  font-size: 13px;
  font-weight: normal;
}

.dialog--lostark .lostark .visual_thumb {
  position: absolute;
  top: 25px;
  left: 30px;
  width: 67px;
  height: 67px;
  border-radius: 5px;
  box-shadow: 0px 1px 3px #1d1d1d;
  background-position: center 0;
  background-repeat: no-repeat;
}

.dialog--lostark .lostark .btn_bx .btn {
  font-size: 18px;
}

.dialog--lostark .lostark .btn_closed {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 15px;
  height: 14px;
  background: url("../../images/share/lostark/icon_closed.png") 0 0 no-repeat;
}

.dialog--lostark.lostark-body .dialog {
  position: relative;
  border: 1px solid #767676;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 100;
  font-size: 14px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.dialog--lostark.lostark-body .dialog .icon--remove {
  background-image: url("../../images/share/lostark/icon.png");
  background-position: -115px -376px;
  width: 14px;
  height: 14px;
}

.dialog--lostark.lostark-body .dialog .icon--remove:hover,
.dialog--lostark.lostark-body .dialog .icon--remove.active {
  background-image: url("../../images/share/lostark/icon.png");
  background-position: -87px -376px;
  width: 14px;
  height: 14px;
}

.dialog--lostark.lostark-body .dialog__content {
  padding: 20px 30px;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.dialog--lostark.lostark-body .dialog__content .dialog__nav {
  padding: 15px 0;
  border-bottom: 1px solid #d9d9d9;
}

.dialog--lostark.lostark-body .dialog__footer {
  padding: 14px 20px 30px 20px;
}

.dialog--lostark.lostark-body .dialog__nav {
  text-align: center;
}

.dialog--lostark.lostark-body .dialog__x {
  position: absolute;
  top: 15px;
  right: 15px;
  border: 0;
  background-color: transparent;
  line-height: 1;
  text-indent: -1000em;
  outline: none;
  background-image: url("../../images/share/lostark/icon.png");
  background-position: -394px -276px;
  width: 11px;
  height: 10px;
}

.dialog--lostark.lostark-body .dialog__x:hover,
.dialog--lostark.lostark-body .dialog__x.active {
  background-image: url("../../images/share/lostark/icon.png");
  background-position: -394px -266px;
  width: 11px;
  height: 10px;
}

.dialog--lostark.lostark-body .dialog__x__text {
  display: none;
}

.dialog--lostark.lostark-body .dialog--inline {
  margin: 10px;
  display: inline-block;
  min-width: 300px;
  max-width: 500px;
  vertical-align: top;
}

.dialog--lostark.lostark-body .dialog--inline:first-child {
  margin-left: 0;
}

.dialog--lostark.lostark-body .dialog--inline:last-child {
  margin-right: 0;
}

.dialog--lostark.lostark-body .dialog--alert,
.dialog--lostark.lostark-body .dialog--confirm {
  min-width: 320px;
  text-align: center;
}

.dialog--lostark.lostark-body .dialog--alert .dialog__header,
.dialog--lostark.lostark-body .dialog--confirm .dialog__header {
  padding: 30px 0 0 0;
  border-bottom: 0;
}

.dialog--lostark.lostark-body .dialog--alert .dialog__header__title,
.dialog--lostark.lostark-body .dialog--confirm .dialog__header__title {
  font-weight: bold;
}

.dialog--lostark.lostark-body .dialog--alert .dialog__content,
.dialog--lostark.lostark-body .dialog--confirm .dialog__content {
  padding: 14px 30px;
}

.dialog--lostark.lostark-body .dialog--alert .dialog__footer,
.dialog--lostark.lostark-body .dialog--confirm .dialog__footer {
  padding-top: 0;
  background-color: #fff;
}

.dialog--lostark.lostark-body .dialog--center {
  position: fixed;
  top: 30%;
  left: 50%;
  right: 0;
  z-index: 101;
}

.dialog--lostark.lostark-body .dialog--hidden {
  display: none;
}

.dialog--lostark.lostark-body .dialog--report {
  top: 20%;
  margin-left: -250px;
}

.dialog--lostark.lostark-body .dialog--privacy {
  margin-left: -235px;
}

.dialog--lostark.lostark-body .dialog--auth {
  display: none;
  max-width: 320px;
  z-index: 109;
}

.dialog--lostark.lostark-body .dialog--auth__text {
  font-size: 15px;
  color: #333333;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  padding-top: 25px;
}

.dialog--lostark.lostark-body .dialog--auth__text strong {
  color: #ff5000;
}

.dialog--lostark.lostark-body .dialog--auth__desc {
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
  padding-top: 12px;
}

.dialog--lostark.lostark-body.disabled-scroll {
  overflow: hidden;
}

.dialog--lostark.lostark-body .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  z-index: 1;
}

.dialog--lostark.lostark-body .button--base-c {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  border: 0;
  background: none;
  outline: none;
  height: 32px;
  padding: 0px 20px;
  border-radius: 4px;
}

.dialog--lostark.lostark-body .button--base-c.button--shape-a {
  height: 32px;
  border: 1px solid #eb5229;
  background-color: #f0562d;
  font-size: 13px;
  color: #fff;
  line-height: 150%;
  font-weight: bold;
}

.dialog--lostark.lostark-body .button--base-c.button--shape-a:hover {
  background-color: #f76430;
}

.dialog--lostark.lostark-body .button--base-c.button--shape-a .button__text {
  display: block;
}

.dialog--lostark.lostark-body .button--base-c.button--shape-b {
  height: 32px;
  font-size: 13px;
  color: #666;
  line-height: 150%;
  font-weight: bold;
  border: 1px solid #cecece;
  background-color: #fff;
  margin-left: 4px;
  white-space: nowrap;
}

.dialog--lostark.lostark-body .button--base-c.button--shape-b:hover {
  border-color: #b9b9b9;
}

.dialog--lostark .mobile {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 20;
}

.dialog--lostark .mobile .basicbx {
  margin-top: 0;
  padding-top: 0;
}

.dialog--lostark .mobile #content {
  padding: 10px;
}

.dialog--lostark .mobile .visual {
  width: 100%;
  height: 100%;
  background-color: #0c6d7f;
}

.dialog--lostark .mobile .tabconten_v2 {
  height: 85px;
  color: #666;
}

.dialog--lostark .mobile .inp_chk input {
  top: -1px;
  left: -22px;
}

.dialog--lostark .mobile .intabbx .point {
  color: #ff5000;
}

.dialog--lostark .mobile .agree_tit_all .agree_all_tit {
  font-size: 12px;
}

.dialog--lostark .mobile .agree_tit_all .inp_chk {
  right: 0;
  bottom: 43px !important;
}

.dialog--lostark .mobile .agree_tit {
  padding-top: 5px;
  padding-right: 70px;
  padding-bottom: 5px;
}

.dialog--lostark .mobile .agree_tit .inp_chk {
  top: 0;
  right: 0;
  bottom: 0;
  margin-right: 0;
}

.dialog--lostark .mobile .agree_tit label {
  letter-spacing: -0.9px;
}

.dialog--lostark .mobile .agree_tit label em {
  margin-left: 5px;
  color: #ff5000;
  font-size: 12px;
  font-weight: normal;
}

.dialog--lostark .mobile .tabcontentin {
  font-size: 12px;
}

.dialog--lostark .mobile .inp_text {
  font-size: 12px;
  font-weight: normal;
  color: #000;
}

.dialog--lostark .mobile .visual_contents {
  position: relative;
  min-height: 70px;
  padding: 12px 12px 12px 70px;
}

.dialog--lostark .mobile .visual_contents h2,
.dialog--lostark h3 {
  color: #fff;
}

.dialog--lostark .mobile .visual_contents h2 {
  font-size: 14px;
  margin-bottom: 3px;
}

.dialog--lostark .mobile .visual_contents h3 {
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -1px;
}

.dialog--lostark .mobile .visual_thumb {
  position: absolute;
  top: 12px;
  left: 15px;
  width: 47px;
  height: 47px;
  border-radius: 5px;
  box-shadow: 0px 1px 3px #1d1d1d;
  background-position: center 0;
  background-repeat: no-repeat;
}

.dialog--lostark .mobile .btn_closed {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 15px;
  height: 14px;
  background: url("../../images/share/lostark/icon_closed.png") 0 0 no-repeat;
}

.dialog--lostark .mobile .btn_bx {
  padding-top: 22px;
}

.dialog--tr {
  top: 10%;
  margin-left: -300px;
  border: none;
  overflow: visible;
  /* tr 모바일 이용동의 팝업 */
}

.dialog--tr.tr-body .btn_gray {
  border: 1px solid #d5d5d5;
  color: #666;
}

.dialog--tr.tr-body .btn {
  overflow: hidden;
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
  color: #666;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.dialog--tr.tr-body .btn_bx {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-top: 15px;
}

.dialog--tr.tr-body .btn_bx li {
  display: table-cell;
  padding-left: 5px;
  vertical-align: top;
}

.dialog--tr.tr-body .btn_bx li:first-child {
  padding-left: 0;
  margin-top: 0;
}

.dialog--tr.tr-body .btn_bx_line {
  margin-top: 15px;
  border-top: 1px solid #e2e2e2;
}

.dialog--tr.tr-body .sp,
.dialog--tr.tr-body .gnb_my:after,
.dialog--tr.tr-body .gnb_lst li:after,
.dialog--tr.tr-body .gnb_lst li.new a:after,
.dialog--tr.tr-body .hdbx .bn_menu.new:after,
.dialog--tr.tr-body .inp_rdo input,
.dialog--tr.tr-body .inp_chk input,
.dialog--tr.tr-body .pass:after,
.dialog--tr.tr-body .inp_sel:after,
.dialog--tr.tr-body .inp_date:after,
.dialog--tr.tr-body .step li:before,
.dialog--tr.tr-body .step li:after,
.dialog--tr.tr-body .btn_facebook:before,
.dialog--tr.tr-body .btn_google:before,
.dialog--tr.tr-body .btn_naver:before,
.dialog--tr.tr-body .btn_runner:before,
.dialog--tr.tr-body .btn_ms:before,
.dialog--tr.tr-body .btn_han:before,
.dialog--tr.tr-body .btn_ms_view:before,
.dialog--tr.tr-body .btn_han_view:before,
.dialog--tr.tr-body .mb_tit_finish:after,
.dialog--tr.tr-body .mb_tit_deleted:after,
.dialog--tr.tr-body .mb_tit_limited:after,
.dialog--tr.tr-body .certify_bx li:after,
.dialog--tr.tr-body .btn_more:after,
.dialog--tr.tr-body .btn_chk:after,
.dialog--tr.tr-body .coverbx .bn_cover:before,
.dialog--tr.tr-body .txt_info .bn_dot:after,
.dialog--tr.tr-body .profilebx .pf_info .nickname_cp:before,
.dialog--tr.tr-body .bn_area .bn_scrp:before,
.dialog--tr.tr-body .bn_area .bn_friend:before,
.dialog--tr.tr-body .bn_area .bn_scrp.on:after,
.dialog--tr.tr-body .bn_area .bn_friend.on:after,
.dialog--tr.tr-body .bn_area .ly_app li.app_google:after,
.dialog--tr.tr-body .bn_area .ly_app li.app_store:after,
.dialog--tr.tr-body .bn_area .ly_app li.one_store:after,
.dialog--tr.tr-body .nofeedbx p:after,
.dialog--tr.tr-body .bn_txt_wrap:after,
.dialog--tr.tr-body .bn_like:before,
.dialog--tr.tr-body .bn_comment:before,
.dialog--tr.tr-body .reply_lst > li.report_on:after,
.dialog--tr.tr-body .reply_info .bn_edit:after,
.dialog--tr.tr-body .vote_head:after,
.dialog--tr.tr-body .vote_con li input,
.dialog--tr.tr-body .vote_rslt li .win:before,
.dialog--tr.tr-body .file-item .thumb_video:after,
.dialog--tr.tr-body .file-item .bn_file_cls:after,
.dialog--tr.tr-body .bn_voteadd:before,
.dialog--tr.tr-body .vote_lst li:after,
.dialog--tr.tr-body .bn_writecate:after,
.dialog--tr.tr-body .sns_lst li a:after,
.dialog--tr.tr-body .img_reg_lst .bn_img_lst:before,
.dialog--tr.tr-body .zoombx .bn_zin:before,
.dialog--tr.tr-body .img_reg_lst li.on:after,
.dialog--tr.tr-body .menu_item:after,
.dialog--tr.tr-body .check_time:before,
.dialog--tr.tr-body .recom_lst .type2 .btn_white:after,
.dialog--tr.tr-body .category .all_lst:after,
.dialog--tr.tr-body .cate_lst a:before,
.dialog--tr.tr-body .category .title:after,
.dialog--tr.tr-body .cpconm_lst .thumb_video:after,
.dialog--tr.tr-body .cpconm_lst .social_info .like:before,
.dialog--tr.tr-body .cpconm_lst .social_info .reply:before,
.dialog--tr.tr-body .board_menubx .social_lst .board_bn:before,
.dialog--tr.tr-body .board_bx .board_info:before,
.dialog--tr.tr-body .board_write li a:before,
.dialog--tr.tr-body .board_page li:before,
.dialog--tr.tr-body .board_page .txt:after,
.dialog--tr.tr-body .bn_srchcate:after,
.dialog--tr.tr-body .no_cp_srchlst p:after,
.dialog--tr.tr-body .myreply_lst .btn_myreply_more:after,
.dialog--tr.tr-body .boardtit_bx .cp_autharea .game_nick:before,
.dialog--tr.tr-body .ly_process_ok strong:after,
.dialog--tr.tr-body .no_board_bx p:after {
  overflow: hidden;
  display: block;
  background: url("../../images/share/lostark/sp.png") no-repeat;
  background-size: 370px auto;
  font-size: 0;
  line-height: 999px;
  white-space: nowrap;
}

.dialog--tr.tr-body .tabbx {
  background: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.dialog--tr.tr-body .tabbx .tab {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.dialog--tr.tr-body .tabbx .tab li {
  display: table-cell;
  margin-left: -1px;
}

.dialog--tr.tr-body .tabbx .tab li a {
  display: block;
  height: 40px;
  border: 1px solid #d9d9d9;
  background: #fbfbfb;
  margin-left: -1px;
  color: #242424;
  font-size: 13px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
}

.dialog--tr.tr-body .tabbx .tab li a.on {
  border-bottom: 0;
  border-top: 3px solid #ff5000;
  background: #fff;
  color: #ff5000;
  line-height: 38px;
}

.dialog--tr.tr-body .tabbx .tab li:nth-child(2) a {
  border-right: 0;
}

.dialog--tr.tr-body .intabbx {
  box-shadow: none;
}

.dialog--tr.tr-body .intabbx .tab li a {
  height: 35px;
  font-size: 12px;
  line-height: 34px;
}

.dialog--tr.tr-body .intabbx .tab li a.on {
  line-height: 31px;
}

.dialog--tr.tr-body .intabbx .tit {
  color: #242424;
}

.dialog--tr.tr-body .intabbx .point {
  color: #ff5000;
}

.dialog--tr.tr-body .tabcontent {
  display: none;
  height: 133px;
  padding: 13px 10px;
  border-bottom: 1px solid #d9d9d9;
  color: #a3a3a3;
  line-height: 18px;
}

.dialog--tr.tr-body .tabcontentin {
  height: 100%;
  overflow-y: auto;
}

.dialog--tr.tr-body .tabconten_v2 {
  display: block;
  height: 242px;
  padding: 13px 10px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  color: #666;
  line-height: 18px;
}

.dialog--tr.tr-body .inp_rdo,
.dialog--tr.tr-body .inp_chk {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  margin-top: 8px;
  line-height: 16px;
}

.dialog--tr.tr-body .inp_rdo input,
.dialog--tr.tr-body .inp_chk input {
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
}

.dialog--tr.tr-body .inp_chk input {
  background-position: 0 -70px;
}

.dialog--tr.tr-body .inp_chk input:checked {
  background-position: -21px -70px;
}

.dialog--tr.tr-body .basic_head {
  margin-bottom: -2px;
  font-size: 16px;
  color: #242424;
}

.dialog--tr.tr-body .basicbx {
  padding: 20px 15px 25px;
  min-height: 115px;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #ededed;
  border-top: none;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
}

.dialog--tr.tr-body .basicbx:first-child {
  margin-top: 0;
}

.dialog--tr.tr-body .basicbx .subtitle {
  margin-top: 15px;
  font-size: 12px;
}

.dialog--tr.tr-body .basicbx .subtitle strong {
  color: #ff5000;
}

.dialog--tr.tr-body .basic_tit {
  position: relative;
  padding: 15px 0 8px;
  border-bottom: 1px solid #e2e2e2;
}

.dialog--tr.tr-body .basic_tit .tit {
  font-size: 16px;
  color: #242424;
}

.dialog--tr.tr-body .basic_tit .btn {
  position: absolute;
  right: 0;
  bottom: 5px;
}

.dialog--tr.tr-body .basic_tit .tit_add {
  position: absolute;
  right: 0;
  bottom: 5px;
  color: #ff5000;
}

.dialog--tr.tr-body .agree_tit {
  position: relative;
  padding: 14px 25px 6px 0;
}

.dialog--tr.tr-body .agree_tit label {
  font-size: 14px;
  color: #242424;
  line-height: 22px;
  font-weight: bold;
}

.dialog--tr.tr-body .agree_tit label em {
  color: #f00;
}

.dialog--tr.tr-body .agree_tit .inp_chk {
  position: absolute;
  bottom: 27px;
  right: 0;
}

.dialog--tr.tr-body .agree_tit_all {
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e2e2;
}

.dialog--tr.tr-body .agree_tit_all .inp_chk {
  bottom: 43px;
}

.dialog--tr.tr-body .inp_chk .formstyle {
  vertical-align: bottom;
}

.dialog--tr .talesrunner {
  width: 600px;
  z-index: 20;
}

.dialog--tr .talesrunner .basicbx {
  margin-top: 0;
  padding: 12px 30px 30px 30px;
}

.dialog--tr .talesrunner .visual {
  width: 100%;
  height: 100%;
  padding-top: 0;
  background-color: #0c6d7f;
}

.dialog--tr .talesrunner .tabbx {
  font-size: 14px;
}

.dialog--tr .talesrunner .tabconten_v2 {
  height: 300px;
}

.dialog--tr .talesrunner .inp_chk input {
  top: -1px;
  left: -22px;
}

.dialog--tr .talesrunner .agree_tit_all .inp_chk {
  bottom: 14px !important;
  margin-right: 0;
}

.dialog--tr .talesrunner .agree_tit_all .agree_all_tit {
  font-size: 15px;
}

.dialog--tr .talesrunner .agree_tit label {
  font-size: 20px;
}

.dialog--tr .talesrunner .agree_tit {
  padding-right: 70px;
}

.dialog--tr .talesrunner .agree_tit label em {
  margin-left: 5px;
  color: #ff5000;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
}

.dialog--tr .talesrunner .agree_tit .inp_chk {
  bottom: 13px;
  margin-right: 0;
}

.dialog--tr .talesrunner .inp_text {
  font-size: 13px !important;
  font-weight: normal;
  color: #000;
}

.dialog--tr .talesrunner .visual_contents {
  position: relative;
  height: 90px;
  padding: 23px 65px 12px 200px;
}

.dialog--tr .talesrunner .visual_contents h2,
.dialog--tr .talesrunner .visual_contents h3 {
  color: #fff;
}

.dialog--tr .talesrunner .visual_contents h2 {
  font-size: 22px;
  margin-bottom: 5px;
}

.dialog--tr .talesrunner .visual_contents h3 {
  font-size: 13px;
  font-weight: normal;
}

.dialog--tr .talesrunner .visual_thumb {
  position: absolute;
  top: 7px;
  left: 20px;
  width: 150px;
  height: 95px;
  background-position: center 0;
  background-repeat: no-repeat;
}

.dialog--tr .talesrunner .btn_bx .btn {
  font-size: 18px;
}

.dialog--tr .talesrunner .btn_closed {
  position: absolute;
  top: 15px;
  right: 20px;
  width: 15px;
  height: 14px;
  background: url("../../images/share/lostark/icon_closed.png") 0 0 no-repeat;
}

.dialog--tr.tr-body .dialog {
  position: relative;
  border: 1px solid #767676;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 100;
  font-size: 14px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.dialog--tr.tr-body .dialog .icon--remove {
  background-image: url("../../images/share/lostark/icon.png");
  background-position: -115px -376px;
  width: 14px;
  height: 14px;
}

.dialog--tr.tr-body .dialog .icon--remove:hover,
.dialog--tr.tr-body .dialog .icon--remove.active {
  background-image: url("../../images/share/lostark/icon.png");
  background-position: -87px -376px;
  width: 14px;
  height: 14px;
}

.dialog--tr.tr-body .dialog__content {
  padding: 20px 30px;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  font-weight: normal;
}

.dialog--tr.tr-body .dialog__content .dialog__nav {
  padding: 15px 0;
  border-bottom: 1px solid #d9d9d9;
}

.dialog--tr.tr-body .dialog__footer {
  padding: 14px 20px 30px 20px;
}

.dialog--tr.tr-body .dialog__nav {
  text-align: center;
}

.dialog--tr.tr-body .dialog__x {
  position: absolute;
  top: 15px;
  right: 15px;
  border: 0;
  background-color: transparent;
  line-height: 1;
  text-indent: -1000em;
  outline: none;
  background-image: url("../../images/share/lostark/icon.png");
  background-position: -394px -276px;
  width: 11px;
  height: 10px;
}

.dialog--tr.tr-body .dialog__x:hover,
.dialog--tr.tr-body .dialog__x.active {
  background-image: url("../../images/share/lostark/icon.png");
  background-position: -394px -266px;
  width: 11px;
  height: 10px;
}

.dialog--tr.tr-body .dialog__x__text {
  display: none;
}

.dialog--tr.tr-body .dialog--inline {
  margin: 10px;
  display: inline-block;
  min-width: 300px;
  max-width: 500px;
  vertical-align: top;
}

.dialog--tr.tr-body .dialog--inline:first-child {
  margin-left: 0;
}

.dialog--tr.tr-body .dialog--inline:last-child {
  margin-right: 0;
}

.dialog--tr.tr-body .dialog--alert,
.dialog--tr.tr-body .dialog--confirm {
  min-width: 320px;
  text-align: center;
}

.dialog--tr.tr-body .dialog--alert .dialog__header,
.dialog--tr.tr-body .dialog--confirm .dialog__header {
  padding: 30px 0 0 0;
  border-bottom: 0;
}

.dialog--tr.tr-body .dialog--alert .dialog__header__title,
.dialog--tr.tr-body .dialog--confirm .dialog__header__title {
  font-weight: bold;
}

.dialog--tr.tr-body .dialog--alert .dialog__content,
.dialog--tr.tr-body .dialog--confirm .dialog__content {
  padding: 14px 30px;
}

.dialog--tr.tr-body .dialog--alert .dialog__footer,
.dialog--tr.tr-body .dialog--confirm .dialog__footer {
  padding-top: 0;
  background-color: #fff;
}

.dialog--tr.tr-body .dialog--center {
  position: fixed;
  top: 30%;
  left: 50%;
  right: 0;
  z-index: 101;
}

.dialog--tr.tr-body .dialog--hidden {
  display: none;
}

.dialog--tr.tr-body .dialog--report {
  top: 20%;
  margin-left: -250px;
}

.dialog--tr.tr-body .dialog--privacy {
  margin-left: -235px;
}

.dialog--tr.tr-body .dialog--auth {
  display: none;
  max-width: 320px;
  z-index: 109;
}

.dialog--tr.tr-body .dialog--auth__text {
  font-size: 15px;
  color: #333333;
  line-height: 24px;
  font-weight: bold;
  text-align: center;
  padding-top: 25px;
}

.dialog--tr.tr-body .dialog--auth__text strong {
  color: #ff5000;
}

.dialog--tr.tr-body .dialog--auth__desc {
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
  padding-top: 12px;
}

.dialog--tr.tr-body.disabled-scroll {
  overflow: hidden;
}

.dialog--tr.tr-body .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  z-index: 1;
}

.dialog--tr.tr-body .button--base-c {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  border: 0;
  background: none;
  outline: none;
  height: 32px;
  padding: 0px 20px;
  border-radius: 4px;
}

.dialog--tr.tr-body .button--base-c.button--shape-a {
  height: 32px;
  border: 1px solid #eb5229;
  background-color: #f0562d;
  font-size: 13px;
  color: #fff;
  line-height: 150%;
  font-weight: bold;
}

.dialog--tr.tr-body .button--base-c.button--shape-a:hover {
  background-color: #f76430;
}

.dialog--tr.tr-body .button--base-c.button--shape-a .button__text {
  display: block;
}

.dialog--tr.tr-body .button--base-c.button--shape-b {
  height: 32px;
  font-size: 13px;
  color: #666;
  line-height: 150%;
  font-weight: bold;
  border: 1px solid #cecece;
  background-color: #fff;
  margin-left: 4px;
  white-space: nowrap;
}

.dialog--tr.tr-body .button--base-c.button--shape-b:hover {
  border-color: #b9b9b9;
}

.dialog--tr .mobile {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 20;
}

.dialog--tr .mobile .basicbx {
  margin-top: 0;
  padding-top: 0;
}

.dialog--tr .mobile #content {
  padding: 10px;
}

.dialog--tr .mobile .visual {
  width: 100%;
  height: 100%;
  background-color: #0c6d7f;
}

.dialog--tr .mobile .tabconten_v2 {
  color: #666;
}

.dialog--tr .mobile .inp_chk input {
  top: -1px;
  left: -22px;
}

.dialog--tr .mobile .intabbx .point {
  color: #ff5000;
}

.dialog--tr .mobile .agree_tit_all .agree_all_tit {
  font-size: 12px;
}

.dialog--tr .mobile .agree_tit_all .inp_chk {
  right: 0;
  bottom: 43px !important;
}

.dialog--tr .mobile .agree_tit {
  padding-top: 10px;
  padding-right: 70px;
  padding-bottom: 10px;
}

.dialog--tr .mobile .agree_tit .inp_chk {
  top: 5px;
  right: 0;
  bottom: 0;
  margin-right: 0;
}

.dialog--tr .mobile .agree_tit label {
  letter-spacing: -0.9px;
}

.dialog--tr .mobile .agree_tit label em {
  margin-left: 5px;
  color: #ff5000;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
}

.dialog--tr .mobile .tabcontentin {
  font-size: 12px;
}

.dialog--tr .mobile .inp_text {
  font-size: 12px;
  font-weight: normal;
  color: #000;
}

.dialog--tr .mobile .visual_contents {
  position: relative;
  min-height: 70px;
  padding: 16px 12px 12px 110px;
}

.dialog--tr .mobile .visual_contents h2,
.dialog--tr h3 {
  color: #fff;
}

.dialog--tr .mobile .visual_contents h2 {
  font-size: 14px;
  margin-bottom: 3px;
}

.dialog--tr .mobile .visual_contents h3 {
  font-size: 10px;
  font-weight: normal;
  letter-spacing: -1px;
}

.dialog--tr .mobile .visual_thumb {
  position: absolute;
  top: 3px;
  left: 5px;
  width: 95px;
  height: 60px;
  background-position: center 0;
  background-repeat: no-repeat;
}

.dialog--tr .mobile .btn_closed {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 15px;
  height: 14px;
  background: url("../../images/share/lostark/icon_closed.png") 0 0 no-repeat;
}

.dialog--bank {
  width: 520px;
}

.dialog--bank .panel {
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  width: 460px;
  height: 157px;
  background-color: #fbfbfb;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.dialog--bank .panel .dl {
  padding-top: 9px;
  font-size: 11px;
  color: #999999;
  line-height: normal;
  font-weight: normal;
}

.dialog--bank .panel .dl dt {
  display: inline-block;
}

.dialog--bank .panel .dl dd {
  display: inline-block;
}

.dialog--bank .panel .dl dd::before {
  content: '|';
  display: inline-block;
  margin-right: 6px;
}

.dialog--bank .title-group {
  height: 27px;
  font-size: 13px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.dialog--bank .title-group dt {
  display: inline-block;
  color: #333333;
}

.dialog--bank .title-group dd {
  display: inline-block;
}

.dialog--bank .title-group dd::before {
  content: '|';
  display: inline-block;
  margin-right: 6px;
}

.dialog--bank .list-group {
  margin-top: 15px;
}

.dialog--bank .list-group__item {
  font-size: 11px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.dialog--bank .form-group .form-group {
  margin-top: 7px;
}

.dialog--bank .form-group .form-group::after {
  content: "";
  clear: both;
  display: table;
}

.dialog--bank .form-group .form-group .form-header {
  font-size: 13px;
  color: #222;
  line-height: normal;
  font-weight: normal;
  float: left;
  width: 108px;
  height: 34px;
  padding-top: 7px;
  line-height: 1.08;
  letter-spacing: -0.4px;
  text-align: left;
  box-sizing: border-box;
}

.dialog--bank .form-group .form-group .form-body {
  float: left;
  height: 34px;
  width: 331px;
  box-sizing: border-box;
}

.dialog--bank .form-group .form-group .form-body .form-control--base-b {
  float: left;
}

.dialog--bank .form-group .form-group .form-body .text {
  float: left;
  padding-top: 6px;
  padding-left: 12px;
}

.dialog--bank .form-group .form-group .form-text {
  padding-top: 7px;
  line-height: 1.08;
}

.dialog--bank .guide {
  font-size: 11px;
  color: #999;
  line-height: normal;
  font-weight: normal;
  margin-top: 25px;
}

.dialog--bank .consent {
  margin-top: 10px;
}

.dialog--bank .consent label {
  display: inline-block;
}

.dialog--bank .consent label .checkbox-text {
  font-size: 11px;
  color: #333333;
  line-height: normal;
  font-weight: normal;
}

.dialog--bank .indent {
  padding-left: 20px;
  padding-right: 0px;
}

.dialog--pcr-progress {
  width: 701px;
}

.dialog--pcr-progress .dialog__header {
  padding-top: 45px;
  border: 0;
}

.dialog--pcr-progress .dialog__header__title {
  text-align: center;
  font-size: 18px;
  color: #333333;
  line-height: 21px;
  font-weight: bold;
}

.dialog--pcr-progress .dialog__header__description {
  margin-top: 15px;
  text-align: center;
  font-size: 13px;
  color: #333333;
  line-height: 17px;
  font-weight: normal;
}

.dialog--pcr-progress .dialog__header__description .h2 {
  font-weight: bold;
  font-size: 15px;
}

.dialog--pcr-progress .well-gray {
  background-color: #f7f7f7;
  border: solid 1px #e7e7e7;
  border-top: 0;
}

.dialog--pcr-progress .well-guide .title {
  font-size: 13px;
  color: #666;
  line-height: normal;
  font-weight: bold;
}

.dialog--pcr-progress .well-form .consent {
  margin-top: -4px;
  margin-bottom: -2px;
}

.dialog--pcr-progress .well-form .consent label span {
  font-size: 13px;
  color: #333333;
  line-height: 17px;
  font-weight: bold;
}

.dialog--pcr-progress .well-form .consent label .formstyle__icon {
  width: 18px;
  height: 18px;
}

.dialog--pcr-progress .well-form .table--base-d .table__th {
  padding: 0;
  padding-right: 13px;
  padding-top: 7px;
  padding-left: 0;
  text-align: right;
  vertical-align: top;
  font-size: 13px;
  color: #666;
  border: 0;
  font-weight: bold;
}

.dialog--pcr-progress .well-form .table--base-d .table__td {
  border: 0;
  padding: 0;
}

.dialog--pcr-progress .well-form .table--base-d .table__td .form-control--base-b {
  height: 40px;
  box-sizing: border-box;
}

.dialog--pcr-progress .well-form .table--base-d .table__td .form-text {
  font-size: 12px;
  color: #999;
  line-height: 17px;
  font-weight: normal;
  padding-top: 6px;
}

.dialog--pcr-progress .well-step .nav {
  height: 133px;
  padding-top: 30px;
  overflow: hidden;
}

.dialog--pcr-progress .well-step .nav__item {
  position: relative;
  float: left;
  margin-left: 11px;
  width: 160px;
}

.dialog--pcr-progress .well-step .nav__item.active .text {
  color: #333333;
}

.dialog--pcr-progress .well-step .nav__item:first-child {
  margin-left: 0;
}

.dialog--pcr-progress .well-step .nav__item:first-child::after {
  display: none;
}

.dialog--pcr-progress .well-step .nav__item:first-child::before {
  display: none;
}

.dialog--pcr-progress .well-step .nav__item .icon {
  display: block;
  margin: 0 auto;
}

.dialog--pcr-progress .well-step .nav__item .text {
  font-size: 13px;
  color: #999999;
  line-height: normal;
  font-weight: bold;
  text-align: center;
  display: block;
}

.dialog--pcr-progress .well-step .nav__item::after {
  position: absolute;
  top: 41px;
  left: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 11px;
  border-color: transparent transparent transparent red;
}

.dialog--pcr-progress .well-step .nav__item::before {
  position: absolute;
  top: 41px;
  left: -1px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 11px;
  border-color: transparent transparent transparent #ffffff;
  z-index: 1;
}

.dialog--pcr-progress .well-step .step-1 {
  width: 159px;
}

.dialog--pcr-progress .well-step .step-1 .icon {
  width: 66px;
  height: 79px;
  display: block;
}

.dialog--pcr-progress .well-step .step-1 .icon::before {
  display: block;
  content: '';
  width: 78px;
  height: 79px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2278%22%20height%3D%2279%22%20viewBox%3D%220%200%2078%2079%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M2.5%2066C1.122%2066%200%2065.086%200%2063.96V2.04C0%20.914%201.122%200%202.5%200h61c1.379%200%202.5.915%202.5%202.04v61.92c0%201.126-1.121%202.04-2.5%202.04h-61z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22b%22%20d%3D%22M26%2010h13v3H26z%22/%3E%0A%20%20%20%20%3C/defs%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23F7F7F7%22%20xlink%3Ahref%3D%22%23a%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20d%3D%22M2.5%2065h61c.867%200%201.5-.517%201.5-1.04V2.04C65%201.516%2064.366%201%2063.5%201h-61C1.634%201%201%201.518%201%202.04v61.92c0%20.523.634%201.04%201.5%201.04z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23F7F7F7%22%20xlink%3Ahref%3D%22%23b%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20d%3D%22M27%2011h11v1H27z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20d%3D%22M25.831%2029.789c-.003.07-.011.139-.011.21v2.282c-.236-.132-.489-.228-.722-.228a.762.762%200%200%200-.179.021c-.762.19-.856%202.235-.571%202.805%200%200%20.369%201.757%201.572%202%20.347%202.163%201.638%204.013%203.453%205.132.212.18.481.508.523%201.028v.698c-.003.758-.423%201.583-3.083%201.972-9.061%201.616-8.733%206.454-8.733%206.454L18%2053.776h30.832l-.082-1.613s.329-4.838-8.763-6.445c-2.554-.386-3.023-1.173-3.051-1.91v-1.516c2.068-1.073%203.561-3.057%203.939-5.407%201.232-.216%201.608-2.006%201.608-2.006.286-.57.191-2.615-.57-2.805a.72.72%200%200%200-.18-.021c-.245%200-.51.106-.756.248v-2.302c0-3.678-2.728-6.724-6.307-7.318C32.263%2021.784%2030.669%2020%2030.669%2020c-4.412%204.467-4.967%207.938-4.838%209.789z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A") no-repeat 0 0;
}

.dialog--pcr-progress .well-step .step-2 {
  width: 149px;
}

.dialog--pcr-progress .well-step .step-2 .icon {
  width: 59px;
  height: 79px;
  display: block;
}

.dialog--pcr-progress .well-step .step-2 .icon::before {
  width: 78px;
  height: 79px;
  display: block;
  content: '';
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2259px%22%20height%3D%2265px%22%20viewBox%3D%224%200%2059%2065%22%20enable-background%3D%22new%204%200%2059%2065%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23999999%22%20stroke-width%3D%222%22%20d%3D%22M33.5%2C1L33.5%2C1C42.613%2C1%2C50%2C8.387%2C50%2C17.5v18C50%2C44.613%2C42.613%2C52%2C33.5%2C52%0A%09%09l0%2C0C24.387%2C52%2C17%2C44.613%2C17%2C35.5v-18C17%2C8.387%2C24.387%2C1%2C33.5%2C1z%22/%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20id%3D%22a%22%20fill%3D%22%23F7F7F7%22%20d%3D%22M11%2C25h45c3.866%2C0%2C7%2C3.134%2C7%2C7v26c0%2C3.866-3.134%2C7-7%2C7H11c-3.866%2C0-7-3.134-7-7V32%0A%09%09%09C4%2C28.134%2C7.134%2C25%2C11%2C25z%22/%3E%0A%09%3C/g%3E%0A%09%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23999999%22%20stroke-width%3D%222%22%20d%3D%22M11%2C26c-3.313%2C0-6%2C2.687-6%2C6v26c0%2C3.313%2C2.687%2C6%2C6%2C6l0%2C0h45%0A%09%09c3.314%2C0%2C6-2.687%2C6-6l0%2C0V32c0-3.313-2.686-6-6-6H11z%22/%3E%0A%09%3Cg%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Cpath%20id%3D%22b%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M30%2C47.197c-2.87-1.657-3.853-5.326-2.196-8.196S33.13%2C35.148%2C36%2C36.805s3.854%2C5.326%2C2.196%2C8.196%0A%09%09%09%09c-0.527%2C0.912-1.284%2C1.669-2.196%2C2.196V51c0%2C1.656-1.343%2C3-3%2C3s-3-1.344-3-3V47.197z%22/%3E%0A%09%09%3C/g%3E%0A%09%09%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23999999%22%20stroke-width%3D%222%22%20d%3D%22M30.5%2C46.332l0.5%2C0.289V51c0%2C1.104%2C0.896%2C2%2C2%2C2s2-0.896%2C2-2v-4.38%0A%09%09%09l0.5-0.288c2.392-1.381%2C3.211-4.438%2C1.831-6.83s-4.438-3.211-6.83-1.831c-2.392%2C1.381-3.211%2C4.438-1.831%2C6.83%0A%09%09%09C29.109%2C45.262%2C29.741%2C45.893%2C30.5%2C46.332L30.5%2C46.332z%22/%3E%0A%09%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E%0A") no-repeat 0 0;
}

.dialog--pcr-progress .well-step .step-3 {
  width: 151px;
}

.dialog--pcr-progress .well-step .step-3 .icon {
  width: 89px;
  height: 79px;
  display: block;
}

.dialog--pcr-progress .well-step .step-3 .icon::before {
  width: 102px;
  height: 79px;
  display: block;
  content: '';
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%22102%22%20height%3D%2279%22%20viewBox%3D%220%200%20102%2079%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22a%22%20width%3D%2289%22%20height%3D%2258%22%20x%3D%221%22%20y%3D%221%22%20rx%3D%224%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22b%22%20d%3D%22M6%206h79v43H6z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22c%22%20d%3D%22M16%2020h60v15H16z%22/%3E%0A%20%20%20%20%3C/defs%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23F7F7F7%22%20xlink%3Ahref%3D%22%23a%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2287%22%20height%3D%2256%22%20x%3D%222%22%20y%3D%222%22%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20rx%3D%224%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23F7F7F7%22%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20d%3D%22M36.007%2064v-5.598c0-.222.357-.402.796-.402h19.409c.439%200%20.795.18.795.402V64h11.107c1.044%200%20.893%201.055.893%201.124v1.752c0%20.069.151%201.124-.893%201.124H23.9c-1.044%200-.894-1.055-.894-1.124v-1.752c0-.069-.15-1.124.894-1.124h12.106z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20d%3D%22M7%207v41h77V7H7z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23F7F7F7%22%20xlink%3Ahref%3D%22%23c%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20d%3D%22M17%2021h58v13H17z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20fill%3D%22%23999%22%20font-family%3D%22MalgunGothicBold%2C%20Malgun%20Gothic%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2225%22%20y%3D%2231%22%3EPC%20NAME%3C/tspan%3E%0A%20%20%20%20%20%20%20%20%3C/text%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A") no-repeat 0 0;
}

.dialog--pcr-progress .well-step .step-4 {
  width: 147px;
  display: block;
}

.dialog--pcr-progress .well-step .step-4 .icon {
  width: 66px;
  height: 79px;
  display: block;
}

.dialog--pcr-progress .well-step .step-4 .icon::before {
  width: 78px;
  height: 79px;
  display: block;
  content: '';
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2278%22%20height%3D%2279%22%20viewBox%3D%220%200%2078%2079%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M2.5%2066C1.122%2066%200%2065.086%200%2063.96V2.04C0%20.914%201.122%200%202.5%200h61c1.379%200%202.5.915%202.5%202.04v61.92c0%201.126-1.121%202.04-2.5%202.04h-61z%22/%3E%0A%20%20%20%20%3C/defs%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232.5%22%20cy%3D%2233.5%22%20r%3D%2231.5%22%20fill%3D%22%23FFF%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23F7F7F7%22%20xlink%3Ahref%3D%22%23a%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20d%3D%22M2.5%2065h61c.867%200%201.5-.517%201.5-1.04V2.04C65%201.516%2064.366%201%2063.5%201h-61C1.634%201%201%201.518%201%202.04v61.92c0%20.523.634%201.04%201.5%201.04z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23F7F7F7%22%20stroke%3D%22%23999%22%20stroke-width%3D%222%22%20d%3D%22M36.101%2044.378l7.778-7.777a1%201%200%200%201%201.629.32l6.514%2015.533a.052.052%200%200%201-.068.068l-15.533-6.515a1%201%200%200%201-.32-1.629zM25.112%2010.99l3.617%202.004-2.528%204.56-3.617-2.005%202.528-4.56zM38.98%2027.472l-2.713%203.12-3.935-3.42%202.712-3.12%203.936%203.42zM23.66%2026.88l3.975-1.14%201.437%205.012-3.975%201.14-1.437-5.012zm-12.655-2.894l4.045-.86%201.084%205.1-4.045.86-1.084-5.1zm8.395%2014.61l2.713-3.12%203.935%203.42-2.713%203.12-3.935-3.42z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A") no-repeat 0 0;
}

.dialog--pcr-progress .well-step .step-1.active .icon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2278%22%20height%3D%2279%22%20viewBox%3D%220%200%2078%2079%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M2.5%2066C1.122%2066%200%2065.086%200%2063.96V2.04C0%20.914%201.122%200%202.5%200h61c1.379%200%202.5.915%202.5%202.04v61.92c0%201.126-1.121%202.04-2.5%202.04h-61z%22/%3E%0A%20%20%20%20%3C/defs%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M2.5%2065h61c.867%200%201.5-.517%201.5-1.04V2.04C65%201.516%2064.366%201%2063.5%201h-61C1.634%201%201%201.518%201%202.04v61.92c0%20.523.634%201.04%201.5%201.04z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23333%22%20d%3D%22M26%2010h13v3H26z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20d%3D%22M25.831%2029.789c-.003.07-.011.139-.011.21v2.282c-.236-.132-.489-.228-.722-.228a.762.762%200%200%200-.179.021c-.762.19-.856%202.235-.571%202.805%200%200%20.369%201.757%201.572%202%20.347%202.163%201.638%204.013%203.453%205.132.212.18.481.508.523%201.028v.698c-.003.758-.423%201.583-3.083%201.972-9.061%201.616-8.733%206.454-8.733%206.454L18%2053.776h30.832l-.082-1.613s.329-4.838-8.763-6.445c-2.554-.386-3.023-1.173-3.051-1.91v-1.516c2.068-1.073%203.561-3.057%203.939-5.407%201.232-.216%201.608-2.006%201.608-2.006.286-.57.191-2.615-.57-2.805a.72.72%200%200%200-.18-.021c-.245%200-.51.106-.756.248v-2.302c0-3.678-2.728-6.724-6.307-7.318C32.263%2021.784%2030.669%2020%2030.669%2020c-4.412%204.467-4.967%207.938-4.838%209.789z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23F6552B%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M65%2054c6.617%200%2012%205.383%2012%2012s-5.383%2012-12%2012-12-5.383-12-12%205.383-12%2012-12%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M69.15%2062.319l-5.024%205.044-2.275-2.284a1.082%201.082%200%200%200-1.534%200%201.093%201.093%200%200%200%200%201.54l2.904%202.915c.018.019.042.025.06.041.028.034.04.075.071.106a1.08%201.08%200%200%200%201.534%200l5.797-5.822a1.093%201.093%200%200%200%200-1.54%201.082%201.082%200%200%200-1.534%200z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A") no-repeat 0 0;
}

.dialog--pcr-progress .well-step .step-2.active .icon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2278%22%20height%3D%2279%22%20viewBox%3D%220%200%2078%2079%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M11%2025h45a7%207%200%200%201%207%207v26a7%207%200%200%201-7%207H11a7%207%200%200%201-7-7V32a7%207%200%200%201%207-7z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22b%22%20d%3D%22M30%2047.197a6%206%200%201%201%206%200V51a3%203%200%200%201-6%200v-3.803z%22/%3E%0A%20%20%20%20%3C/defs%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Crect%20width%3D%2233%22%20height%3D%2251%22%20x%3D%2217%22%20y%3D%221%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20rx%3D%2216.5%22/%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M11%2026a6%206%200%200%200-6%206v26a6%206%200%200%200%206%206h45a6%206%200%200%200%206-6V32a6%206%200%200%200-6-6H11z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20d%3D%22M30.5%2046.332l.5.289V51a2%202%200%201%200%204%200v-4.38l.5-.288a5%205%200%201%200-4.999%200z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23F6552B%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M62%2053c6.617%200%2012%205.383%2012%2012s-5.383%2012-12%2012-12-5.383-12-12%205.383-12%2012-12%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M66.15%2061.319l-5.024%205.044-2.275-2.284a1.082%201.082%200%200%200-1.534%200%201.093%201.093%200%200%200%200%201.54l2.904%202.915c.018.019.042.025.06.041.028.034.04.075.071.106a1.08%201.08%200%200%200%201.534%200l5.797-5.822a1.093%201.093%200%200%200%200-1.54%201.082%201.082%200%200%200-1.534%200z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A") no-repeat 0 0;
}

.dialog--pcr-progress .well-step .step-3.active .icon::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%22102%22%20height%3D%2279%22%20viewBox%3D%220%200%20102%2079%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h641v165H0z%22/%3E%0A%20%20%20%20%20%20%20%20%3Crect%20id%3D%22b%22%20width%3D%2289%22%20height%3D%2258%22%20y%3D%221%22%20rx%3D%224%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22c%22%20d%3D%22M5%206h79v43H5z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22d%22%20d%3D%22M15%2020h60v15H15z%22/%3E%0A%20%20%20%20%3C/defs%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-359%20-32%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23E7E7E7%22%20d%3D%22M.5.5h640v164H.5z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%20-1%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23F7F7F7%22%20xlink%3Ahref%3D%22%23b%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%2287%22%20height%3D%2256%22%20x%3D%221%22%20y%3D%222%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20rx%3D%224%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23F7F7F7%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20d%3D%22M35.007%2063v-5.598c0-.222.357-.402.796-.402h19.409c.439%200%20.795.18.795.402V63h11.107c1.044%200%20.893%201.055.893%201.124v1.752c0%20.069.151%201.124-.893%201.124H22.9c-1.044%200-.894-1.055-.894-1.124v-1.752c0-.069-.15-1.124.894-1.124h12.106z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%20-1%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23c%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M6%207v41h77V7H6z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280%20-1%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23d%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20d%3D%22M16%2021h58v13H16z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3Ctext%20fill%3D%22%23333%22%20font-family%3D%22MalgunGothicBold%2C%20Malgun%20Gothic%22%20font-size%3D%229%22%20font-weight%3D%22bold%22%20transform%3D%22translate%280%20-1%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2224%22%20y%3D%2231%22%3EPC%20NAME%3C/tspan%3E%0A%20%20%20%20%20%20%20%20%3C/text%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23F6552B%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M88%2051c6.617%200%2012%205.383%2012%2012s-5.383%2012-12%2012-12-5.383-12-12%205.383-12%2012-12%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M92.15%2059.319l-5.024%205.044-2.275-2.284a1.082%201.082%200%200%200-1.534%200%201.093%201.093%200%200%200%200%201.54l2.904%202.915c.018.019.042.025.06.041.028.034.04.075.071.106a1.08%201.08%200%200%200%201.534%200l5.797-5.822a1.093%201.093%200%200%200%200-1.54%201.082%201.082%200%200%200-1.534%200z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A") no-repeat 0 0;
}

.dialog--pcr-progress .well-step .step-4.active {
  width: 147px;
  display: block;
}

.dialog--pcr-progress .well-step .step-4.active .icon {
  width: 66px;
  height: 79px;
  display: block;
}

.dialog--pcr-progress .well-step .step-4.active .icon::before {
  width: 78px;
  height: 79px;
  display: block;
  content: '';
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2278%22%20height%3D%2279%22%20viewBox%3D%220%200%2078%2079%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M2.5%2066C1.122%2066%200%2065.086%200%2063.96V2.04C0%20.914%201.122%200%202.5%200h61c1.379%200%202.5.915%202.5%202.04v61.92c0%201.126-1.121%202.04-2.5%202.04h-61z%22/%3E%0A%20%20%20%20%3C/defs%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232.5%22%20cy%3D%2233.5%22%20r%3D%2231.5%22%20fill%3D%22%23FFF%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22/%3E%0A%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M2.5%2065h61c.867%200%201.5-.517%201.5-1.04V2.04C65%201.516%2064.366%201%2063.5%201h-61C1.634%201%201%201.518%201%202.04v61.92c0%20.523.634%201.04%201.5%201.04z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M36.101%2044.378l7.778-7.777a1%201%200%200%201%201.629.32l6.514%2015.533a.052.052%200%200%201-.068.068l-15.533-6.515a1%201%200%200%201-.32-1.629z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M25.112%2010.99l3.617%202.004-2.528%204.56-3.617-2.005%202.528-4.56zM38.98%2027.472l-2.713%203.12-3.935-3.42%202.712-3.12%203.936%203.42zM23.66%2026.88l3.975-1.14%201.437%205.012-3.975%201.14-1.437-5.012zm-12.655-2.894l4.045-.86%201.084%205.1-4.045.86-1.084-5.1zm8.395%2014.61l2.713-3.12%203.935%203.42-2.713%203.12-3.935-3.42z%22/%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23F6552B%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20d%3D%22M65%2053c6.617%200%2012%205.383%2012%2012s-5.383%2012-12%2012-12-5.383-12-12%205.383-12%2012-12%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M69.15%2061.319l-5.024%205.044-2.275-2.284a1.082%201.082%200%200%200-1.534%200%201.093%201.093%200%200%200%200%201.54l2.904%202.915c.018.019.042.025.06.041.028.034.04.075.071.106a1.08%201.08%200%200%200%201.534%200l5.797-5.822a1.093%201.093%200%200%200%200-1.54%201.082%201.082%200%200%200-1.534%200z%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A") no-repeat 0 0;
}

.dialog--select-auth {
  width: 701px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}

.dialog--select-auth .dialog__header {
  padding-top: 45px;
  border: 0;
}

.dialog--select-auth .dialog__header__title {
  text-align: center;
  font-size: 18px;
  color: #333333;
  line-height: 21px;
  font-weight: bold;
}

.dialog--select-auth .dialog__header__description {
  margin-top: 15px;
  text-align: center;
  font-size: 13px;
  color: #333333;
  line-height: 17px;
  font-weight: normal;
}

.dialog--select-auth .dialog__header__description .h2 {
  font-weight: bold;
  font-size: 15px;
}

.dialog--select-auth .portlet-group {
  margin-bottom: 31px;
  margin-top: 5px;
}

.dialog--select-auth .portlet-group .portlet:first-child {
  float: left;
}

.dialog--select-auth .portlet-group::after {
  content: "";
  clear: both;
  display: table;
}

.dialog--select-auth .portlet {
  width: 312px;
  height: 249px;
  float: right;
  border: solid 1px #e7e7e7;
}

.dialog--select-auth .portlet-header {
  padding-top: 30px;
  text-align: center;
  font-size: 15px;
  color: #333333;
  line-height: 21px;
  font-weight: bold;
}

.dialog--select-auth .portlet-body .icon {
  position: relative;
  width: 67px;
  height: 86px;
  display: block;
  margin: 16px auto 0 auto;
}

.dialog--select-auth .portlet-body .icon-lock:before {
  content: '';
  width: 110px;
  height: 88px;
  display: block;
  position: absolute;
  top: 0;
  left: -30px;
  background: url("../../images/member/lock_110x88.png") 0 0 no-repeat;
}

.dialog--select-auth .portlet-body .icon-check:before {
  content: '';
  width: 110px;
  height: 88px;
  display: block;
  position: absolute;
  top: 0;
  left: -30px;
  background: url("../../images/member/man_check_110x88.png") 0 0 no-repeat;
}

.dialog--select-auth .portlet-body .actions {
  text-align: center;
  padding-top: 29px;
}

.dialog--select-auth .portlet-body .actions .button {
  padding-left: 5px;
  padding-right: 5px;
  min-width: 68px;
}

.dialog--select-auth2 {
  width: 560px;
  margin-left: -280px;
  box-sizing: border-box;
}

.dialog--select-auth2 .dialog__content {
  padding-right: 50px;
  padding-left: 50px;
}

.dialog--select-auth2 .dialog__header {
  padding-top: 45px;
  border: 0;
}

.dialog--select-auth2 .dialog__header__title {
  text-align: center;
  font-size: 18px;
  color: #333333;
  line-height: 21px;
  font-weight: bold;
}

.dialog--select-auth2 .dialog__header__description {
  margin-top: 15px;
  text-align: center;
  font-size: 13px;
  color: #333333;
  line-height: 17px;
  font-weight: normal;
}

.dialog--select-auth2 .dialog__header__description .h2 {
  font-weight: bold;
  font-size: 15px;
}

.dialog--select-auth2 .portlet-group {
  margin-bottom: 31px;
  margin-top: 5px;
}

.dialog--select-auth2 .portlet-group .portlet:first-child {
  float: left;
}

.dialog--select-auth2 .portlet-group::after {
  content: "";
  clear: both;
  display: table;
}

.dialog--select-auth2 .portlet {
  width: 220px;
  height: 249px;
  float: right;
  border: solid 1px #e7e7e7;
}

.dialog--select-auth2 .portlet-header {
  padding-top: 30px;
  text-align: center;
  font-size: 15px;
  color: #333333;
  line-height: 21px;
  font-weight: bold;
}

.dialog--select-auth2 .portlet-body .icon {
  width: 220px;
  height: 92px;
  display: block;
  margin: 16px auto 0 auto;
  background: red;
}

.dialog--select-auth2 .portlet-body .icon--mobile {
  background: url("../../images/member/member_man_check_mobile.png") 40px 0 no-repeat;
}

.dialog--select-auth2 .portlet-body .icon--ipin {
  background: url("../../images/member/member_man_check_ipin.png") 47px 0 no-repeat;
}

.dialog--select-auth2 .portlet-body .actions {
  text-align: center;
  padding-top: 29px;
}

.dialog--auth-add {
  width: 701px;
}

.dialog--auth-add .dialog__header {
  padding-top: 45px;
  border: 0;
}

.dialog--auth-add .dialog__header__title {
  text-align: center;
  font-size: 18px;
  color: #333333;
  line-height: 21px;
  font-weight: bold;
}

.dialog--auth-add .dialog__header__description {
  margin-top: 15px;
  text-align: center;
  font-size: 13px;
  color: #333333;
  line-height: 17px;
  font-weight: normal;
}

.dialog--auth-add .dialog__header__description .h2 {
  font-weight: bold;
  font-size: 15px;
}

.dialog--auth-add .table--base-d .table__th {
  font-size: 14px;
  color: #333333;
  line-height: normal;
  font-weight: normal;
}

.dialog--auth-add .table--base-d .table__td .form-text {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
  padding-top: 9px;
}

.dialog--auth-add .form-actions {
  text-align: center;
  padding-top: 20px;
}

.dialog--auth-add .well-gray {
  background-color: #f7f7f7;
  border: solid 1px #e7e7e7;
  border-top: 0;
}

.dialog--auth-add .well-authguide {
  margin-bottom: 30px;
  margin-top: 30px;
  position: relative;
  background: url("../../images/member/member_auth_add.png") center 0 no-repeat #f7f7f7;
  height: 324px;
  box-sizing: border-box;
}

.dialog--auth-add .well-authguide .well-title {
  font-size: 15px;
  color: #333333;
  line-height: normal;
  font-weight: bold;
  height: 34px;
  text-align: center;
}

.dialog--auth-add .well-authguide ul {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -30px;
}

.dialog--auth-add .well-authguide ul li {
  float: left;
  width: 213px;
  text-align: center;
  font-size: 13px;
  color: #333333;
  line-height: normal;
  font-weight: bold;
}

.dialog-keyadd {
  width: 480px;
}

.dialog-keyadd .dialog__header {
  padding-top: 26px;
  padding-bottom: 0;
  border: 0;
}

.dialog-keyadd .dialog__header__title {
  text-align: center;
  font-size: 18px;
  color: #333333;
  line-height: 21px;
  font-weight: bold;
}

.dialog-keyadd .dialog__content {
  padding-top: 12px;
}

.dialog-keyadd .well-form .form-text {
  font-size: 12px;
  color: #999999;
  line-height: normal;
  font-weight: normal;
  padding-left: 12px;
  padding-top: 6px;
}

.dialog--pcr-list {
  width: 701px;
}

.dialog--pcr-list .dialog__header {
  padding-top: 45px;
  border: 0;
}

.dialog--pcr-list .dialog__header__title {
  text-align: center;
  font-size: 18px;
  color: #333333;
  line-height: 21px;
  font-weight: bold;
}

.dialog--pcr-list .dialog__header__description {
  margin-top: 15px;
  text-align: center;
  font-size: 13px;
  color: #333333;
  line-height: 17px;
  font-weight: normal;
}

.dialog--pcr-list .dialog__header__description .h2 {
  font-weight: bold;
  font-size: 15px;
}

.dialog--terminate {
  width: 420px;
  margin-left: -210px;
  box-sizing: border-box;
}

.dialog--terminate .dialog__header {
  padding-top: 30px;
  padding-bottom: 0;
  border: 0;
}

.dialog--terminate .dialog__header__title {
  text-align: center;
  font-size: 18px;
  color: #333333;
  line-height: 21px;
  font-weight: bold;
}

.dialog--terminate .dialog__header__description {
  margin-top: 15px;
  text-align: center;
  font-size: 13px;
  color: #333333;
  line-height: 17px;
  font-weight: normal;
}

.dialog--terminate .dialog__header__description .h2 {
  font-weight: bold;
  font-size: 15px;
}

.dialog--terminate .dialog__content {
  padding-top: 14px;
}

.dialog--terminate .dialog__content hr {
  display: block;
  padding: 0;
  margin: 20px 0 0 0;
  border: 0;
  border-top: 1px solid #d9d9d9;
}

.dialog--terminate .dialog__content p {
  font-size: 13px;
  color: #333333;
  line-height: 17px;
  font-weight: normal;
  text-align: center;
}

.dialog--terminate .dialog__content .form-actions {
  padding-top: 16px;
  text-align: center;
  border-top: none !important;
}

.dialog--terminate .dialog__content .form-actions .button.button--base-l.button--shape-a {
  min-width: 154px;
}

.dialog--terminate .dialog__content .form-actions .button.button--base-l.button--shape-a .button__text {
  font-size: 14px;
  font-weight: bold;
}

.dialog--terminate .dialog__content .form-actions .button.button--base-l.button--shape-b {
  min-width: 154px;
}

.dialog--terminate .dialog__content .form-actions .button.button--base-l.button--shape-b .button__text {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}

.dialog--gamecash {
  min-width: 490px;
}

.dialog--gamecash .dialog__content {
  padding-bottom: 0;
}

.dialog--gamecash .dialog__content__subtitle {
  margin-bottom: 10px;
  font-size: 13px;
  color: #333333;
  line-height: 18px;
  font-weight: normal;
}

.dialog--gamecash .dialog__content__subtitle span {
  position: relative;
  padding-left: 20px;
  color: #999;
}

.dialog--gamecash .dialog__content__subtitle span:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 10px;
  width: 1px;
  height: 12px;
  background-color: #999;
}

.dialog--gamecash .dialog__content .table--base-h {
  width: 100%;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background-color: #fbfbfb;
  color: #333333;
}

.dialog--gamecash .dialog__content .table tr:first-child .table__th,
.dialog--gamecash .dialog__content .table tr:first-child .table__td {
  padding-top: 18px;
  padding-bottom: 8px;
}

.dialog--gamecash .dialog__content .table .table__th,
.dialog--gamecash .dialog__content .table .table__td {
  padding: 8px 0 17px;
}

.dialog--gamecash .dialog__content .table .table__th {
  padding-left: 25px;
}

.dialog--gamecash .dialog__content .table .table__td {
  padding-right: 15px;
}

.dialog--gamecash .dialog__content .table .table__td i {
  color: #999;
}

.dialog--gamecash .dialog__content .table .formbox--base-c.formbox--shape-e {
  width: 290px !important;
  border: 1px solid #cbcbcb;
}

.dialog--gamecash .game-cash {
  text-align: center;
}

.dialog--gamecash .game-cash p {
  margin-top: 15px;
  font-size: 15px;
  color: #333333;
  line-height: 18px;
  font-weight: normal;
}

.dialog--gamecash .game-cash p em {
  color: #00b0f2;
}

.dialog--gamecash .game-cash__pw {
  width: 430px;
  margin-top: 20px;
  padding: 16px 20px;
  border-top: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  background-color: #fbfbfb;
}

.dialog--gamecash .game-cash__pw2 {
  width: 390px;
  margin-top: 20px;
  padding: 0 20px;
}

.dialog--gamecash .game-cash__pw2 .form-control--base-b {
  border: 1px solid #cbcbcb;
  padding: 9px 12px;
}

.dialog--personalinfo {
  min-width: 490px;
}

.dialog--personalinfo .dialog__content {
  padding-bottom: 0;
}

.dialog--personalinfo .dialog__content .table--base-h {
  width: 100%;
  margin-top: 10px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fbfbfb;
  color: #333333;
}

.dialog--personalinfo .dialog__content .table tr .table__th,
.dialog--personalinfo .dialog__content .table tr .table__td {
  padding-bottom: 10px;
}

.dialog--personalinfo .dialog__content .table tr.formbox-select .formbox--base-c.formbox--shape-e .formbox--base-c__title {
  padding: 0 12px;
  line-height: 30px!important;
}

.dialog--personalinfo .dialog__content .table tr.formbox-select .formbox--base-c.formbox--shape-e {
  height: 32px!important;
}

.dialog--personalinfo .dialog__content .table tr.formbox-select .formbox--base-c.formbox--shape-e .formbox--base-c__icon:after {
  background-position: -353px -162px !important;
}

.dialog--personalinfo .dialog__content .table tr.formbox-select .formbox--base-c select {
  height: 34px;
}

.dialog--personalinfo .dialog__content .table tr:first-child .table__th,
.dialog--personalinfo .dialog__content .table tr:first-child .table__td {
  padding-top: 24px;
  padding-bottom: 8px;
}

.dialog--personalinfo .dialog__content .table tr:last-child .table__th,
.dialog--personalinfo .dialog__content .table tr:last-child .table__td {
  padding-top: 0px;
  padding-bottom: 24px;
}

.dialog--personalinfo .dialog__content .table .table__th {
  padding-left: 20px;
}

.dialog--personalinfo .dialog__content .table .table__td {
  padding-right: 32px;
}

.dialog--personalinfo .dialog__content .table .table__td i {
  color: #999;
}

.dialog--personalinfo .dialog__content .table .table__td span.formbox--base-c .formbox--base-c__title {
  color: #999b99;
}

.dialog--personalinfo .dialog__content .table .table__td span:nth-child(2).formbox--base-c.formbox--shape-e {
  width: 91px!important;
}

.dialog--personalinfo .dialog__content .table .table__td span:last-child.formbox-year {
  display: inline-block;
  width: 92px!important;
  height: 34px;
  vertical-align: top;
}

.dialog--personalinfo .dialog__content .table .table__td span:last-child.formbox-year input {
  height: 32px!important;
  padding-top: 8px;
  font-size: 13px;
}

html.window .wrapper {
  padding: 10px;
  box-sizing: border-box;
}

html.window .dialog {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  margin-left: 0;
}

html.window .dialog--select-auth2 .dialog__content {
  margin: 0 auto;
  width: 458px;
}

#dialog--file-cover,
#dialog--file-thum {
  display: none;
  top: 25%;
  width: 542px;
  margin-left: -271px;
}

#dialog--file-cover .form__add,
#dialog--file-thum .form__add {
  padding: 10px;
  border: 1px solid #e7e7e7;
}

#dialog--file-cover .form--actions,
#dialog--file-thum .form--actions {
  text-align: center;
}

.dialog--pay {
  width: 640px;
  margin-left: -320px;
}

.dialog--pay .dialog__content {
  padding-top: 0;
}

.dialog--pay .dialog__content .dialog__nav {
  padding-top: 20px;
  padding-bottom: 20px;
}

.dialog--pay .dialog__content .dialog__nav .button {
  min-width: 96px;
}

.dialog--pay .dialog__header {
  padding: 0;
  border: 0;
  padding-left: 30px;
  padding-right: 30px;
}

.dialog--pay .dialog__header .dialog__x {
  top: -13px;
  right: 30px;
}

.dialog--pay .dialog__header__title {
  font-size: 16px;
  width: 100%;
  height: 31px;
  display: table;
  margin-top: 30px;
  vertical-align: middle;
}

.dialog--pay .dialog__header__title .cell {
  display: table-cell;
  height: 60px;
  vertical-align: middle;
}

.dialog--pay .dialog__header__title .cell.text {
  text-align: right;
  font-size: 18px;
  color: #333333;
  line-height: bold;
  font-weight: normal;
  font-weight: bold;
}

.dialog--pay .dialog__header::after {
  content: '';
  display: block;
  border-bottom: 1px solid #000000;
}

.dialog--pay .list-scroll {
  height: 324px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.dialog--pay .list-group {
  margin-top: 1px;
  border-bottom: 1px solid #e7e7e7;
}

.dialog--pay .list-group__item {
  padding-top: 18px;
  padding-bottom: 11px;
  box-sizing: border-box;
  border: 0;
  border-top: 1px solid #e7e7e7;
  padding-left: 13px;
}

.dialog--pay .list-group__item label {
  display: inline-block;
}

.dialog--pay .list-group__item label span {
  float: left;
  margin-right: 8px;
}

.dialog--pay .list-group__item label span + span {
  font-size: 18px;
  color: #666;
  line-height: normal;
  font-weight: normal;
  font-family: Arial;
  padding-top: 0;
  margin-top: -2px;
}

.dialog--pay .list-group__item label .formstyle--checked + span {
  color: #ff5000;
}

.dialog--pay .list-group__item .label {
  display: block;
  padding-left: 23px;
  margin-top: -2px;
  font-size: 12px;
  color: #ff5000;
  line-height: normal;
  font-weight: normal;
}

.dialog--pay .well {
  padding: 12px;
  box-sizing: border-box;
}

.dialog--pay .well .guide {
  height: 126px;
  padding-right: 10px;
  overflow-y: scroll;
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.dialog--pay .well .guide h2 {
  padding-bottom: 8px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: bold;
}

.dialog--pay .cashbar {
  height: 52px;
  position: relative;
}

.dialog--pay .cashbar__title {
  display: block;
  font-size: 14px;
  padding-top: 12px;
  padding-left: 13px;
  color: #333333;
}

.dialog--pay .cashbar__num {
  position: absolute;
  padding-top: 14px;
  top: 0;
  right: 15px;
}

.dialog--pay .cashbar__num .num {
  line-height: 20px;
  font-size: 24px;
  color: #ff5000;
  display: inline-block;
  vertical-align: top;
}

.dialog--pay .cashbar__num .text {
  padding-top: 1px;
  line-height: 20px;
  font-size: 14px;
  display: inline-block;
  color: #333333;
  vertical-align: top;
}

.dialog--pay .note-hyp {
  margin-top: 14px;
  font-size: 12px;
  color: #666666;
  padding-left: 10px;
  position: relative;
}

.dialog--pay .note-hyp::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
  font-size: 12px;
  color: #666666;
}

.dialog--pay .panel {
  background-color: #f7f7f7;
}

.dialog--pay .note-hyp + .list-group {
  margin-top: 9px;
  border-top: 1px solid #000000;
}

.dialog--pay .list-group__item label .formstyle--disabled + span {
  color: #aaaaaa;
}

.dialog--payalert {
  width: 360px;
  margin-left: -180px;
}

.dialog--payalert .dialog__content .msg {
  font-size: 16px;
  color: #333333;
  line-height: 19px;
  font-weight: bold;
  padding-top: 18px;
  text-align: center;
}

.dialog--payalert .dialog__content .well {
  margin-top: 18px;
  padding-top: 0;
  padding-bottom: 0;
  display: table;
}

.dialog--payalert .dialog__content .well .result {
  display: table-cell;
  box-sizing: border-box;
  height: 57px;
  font-size: 12px;
  color: #666666;
  line-height: 19px;
  font-weight: normal;
  padding-top: 9px;
  padding-bottom: 9px;
  vertical-align: middle;
}

.dialog--payalert .dialog__content .icon--exap {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2231%22%20stroke%3D%22%23FF5000%22%20stroke-width%3D%222%22/%3E%0A%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23FF5000%22%20fill-rule%3D%22nonzero%22%20transform%3D%22translate%2829%2017%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%226%22%20height%3D%2222%22%20rx%3D%221%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%223%22%20cy%3D%2227%22%20r%3D%223%22/%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A") no-repeat 0 0;
}

.dialog--invite {
  width: 490px;
}

.dialog--invite .dialog__content {
  padding: 15px 20px 6px;
}

.dialog--invite .tab--base-a .tab__nav__items__item__link {
  padding: 12px 10px;
  font-size: 12px;
}

.dialog--invite .tab--base-a .tab__nav__items__item__link span {
  margin-left: 3px;
  font-weight: normal;
}

.dialog--invite .tab--base-a .tab__nav .is-active a {
  padding: 10px 10px;
}

#dialog--assessment--list {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  bottom: inherit !important;
  right: inherit !important;
  margin: 0 !important;
}

.dialog--party {
  top: 15%;
  width: 500px;
  margin-left: -250px;
  border-radius: 4px;
  overflow: visible;
}

.dialog--party .party-header {
  display: block;
  padding: 18px 0 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
}

.dialog--party .party-header_title {
  text-align: center;
  font-size: 15px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
}

.dialog--party .party--box__content {
  padding-bottom: 0;
}

.dialog--party .party--box__info {
  padding-right: 0;
}

.dialog--party .party--box__info__item dt {
  padding: 12px 0 10px;
  line-height: 17px;
}

.dialog--party .party--box__info__item dd {
  padding: 10px 0;
}

.dialog--party .board-write__footer {
  padding: 20px 0 30px;
  border-top: 1px solid #e7e7e7;
}

.dialog--party .board-write__button {
  float: none;
  text-align: center;
}

.dialog-gamecash .form-section .form-section__title {
  margin-bottom: 0;
}

.dialog-gamecash .dialog__content .text-list {
  margin-top: 5px;
}

.card--base-a {
  position: relative;
  width: 202px;
  height: 223px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 16px 16px 11px 16px;
}

.card--base-a .bold {
  font-weight: bold;
}

.card--base-a:hover {
  -webkit-box-shadow: inset 0px 0px 0px 1px #222222, 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 0px 1px #222222, 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 0px 1px #222222, 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.card--base-a .new {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 2px;
  background: url("../../images/toonspoon/card-tag-new-24x24.png") 0 0 no-repeat;
}

.card--base-a .new-icon {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  margin-bottom: 1px;
  background-color: #ff2626;
  border-radius: 50%;
}

.card--base-a .modify {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  background: url("../../images/toonspoon/card-icon-modify-card-24x24.png") 0 0 no-repeat;
  z-index: 1;
}

.card--base-a .balloon {
  position: relative;
  display: inline-block;
  padding: 0 12px;
  margin-right: 5px;
  line-height: 22px !important;
  box-shadow: -0.5px 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.card--base-a .balloon:after {
  content: '';
  position: absolute;
}

.card--base-a .balloon.blue {
  width: 69px;
  height: 26px;
  padding: 0;
  box-shadow: none;
  text-align: right;
  background: url("../../images/toonspoon/card-tag-69x26.png") 0 0 no-repeat;
}

.card--base-a .balloon.blue span {
  margin-right: 8px;
}

.card--base-a .balloon.yellow {
  height: 24px;
  text-align: center;
  background-color: #ffea5a;
}

.card--base-a .balloon.yellow:after {
  bottom: -6px;
  left: 0;
  width: 5px;
  height: 6px;
  background: url("../../images/toonspoon/tail-card-tag-box-yel-5x6.png") 0 0 no-repeat;
}

.card--base-a .balloon.yellowFolder {
  height: 24px;
  text-align: center;
  background-color: #ffea5a;
}

.card--base-a .balloon.yellowFolder:after {
  top: 0px;
  right: -3px;
  width: 3px;
  height: 11px;
  background: url("../../images/toonspoon/tail-card-tag-box-yel-3x11.png") 0 0 no-repeat;
}

.card--base-a .balloon.red {
  height: 24px;
  text-align: center;
  background-color: #ff7171;
}

.card--base-a .balloon.red:after {
  bottom: -6px;
  left: 0;
  width: 5px;
  height: 6px;
  background: url("../../images/toonspoon/tail-card-tag-box-red-5x6.png") 0 0 no-repeat;
}

.card--base-a .balloon.red span {
  color: #fff !important;
  font-size: 12px !important;
}

.card--base-a .balloon span {
  letter-spacing: -0.6px;
  font-size: 11px !important;
  color: #222;
  line-height: normal;
  font-weight: bold;
}

.card--base-a .media-play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  width: 30px;
  height: 30px;
  background: url("../../images/toonspoon/card-icon-play-30x30.png") 0 0 no-repeat;
}

.card--base-a .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 3;
}

.card--base-a .card__body {
  position: relative;
}

.card--base-a .card__body__content {
  position: relative;
}

.card--base-a .card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-a .card__content {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.card--base-a .card__footer:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-a .card__footer__social {
  float: left;
  padding-top: 8px;
}

.card--base-a .card__footer__social:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-a .card__footer__social a {
  position: relative;
  float: left;
  display: block;
  max-width: 32px;
  min-width: 15px;
  padding-left: 13px;
  margin-left: 2px;
  pointer-events: none;
  overflow: hidden;
}

.card--base-a .card__footer__social a:first-child {
  margin-left: 0;
}

.card--base-a .card__footer__social a:after {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
}

.card--base-a .card__footer__social a span {
  display: block;
  font-size: 11px;
  color: #999;
  line-height: 10px;
  font-weight: normal;
}

.card--base-a .card__footer__social .like:after {
  width: 12px;
  height: 12px;
  background: url("../../images/toonspoon/ic-heart-default-12x12.png") 0 0 no-repeat;
}

.card--base-a .card__footer__social .reply:after {
  width: 12px;
  height: 12px;
  background: url("../../images/toonspoon/ic-comment-default-12x12.png") 0 0 no-repeat;
}

.card--base-a .card__footer__social .view:after {
  width: 12px;
  height: 12px;
  background: url("../../images/toonspoon/ic-eye-default-12x12.png") 0 0 no-repeat;
}

.card--base-a .card__footer__profile {
  float: right;
}

.card--base-a .card__footer__profile .user {
  display: block;
  width: 100%;
  height: 100%;
}

.card--base-a .card__footer__profile .user:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-a .card__footer__profile .text {
  float: left;
  display: block;
  max-width: 96px;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #333;
  line-height: 16px;
  font-weight: normal;
}

.card--base-a .card__footer__profile .text.manager {
  color: #088ad5;
}

.card--base-a .card__footer__profile .avatar {
  float: right;
  margin-left: 4px;
}

.card--base-a .card__footer__profile .avatar img {
  width: 24px;
  height: 24px;
  border-radius: 24px;
}

.card--base-a .card__footer__btn {
  text-align: center;
}

.card--base-a.card--shape-a:hover .card__prev,
.card--base-a.card--shape-a:hover .card__next {
  display: block;
}

.card--base-a.card--shape-a .card__body {
  height: 199px;
}

.card--base-a.card--shape-a .card__body__function {
  position: absolute;
  top: -11px;
  left: -17px;
  z-index: 1;
}

.card--base-a.card--shape-a .card__title {
  max-height: 42px;
  -webkit-line-clamp: 2;
  padding-top: 31px;
  letter-spacing: -1px;
  word-break: break-all;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  font-weight: bold;
}

.card--base-a.card--shape-a .card__content {
  -webkit-line-clamp: 3;
  height: 54px;
  margin: 8px auto 0;
  letter-spacing: -0.9px;
  font-size: 12px;
  color: #888;
  line-height: 18px;
  font-weight: normal;
}

.card--base-a.card--shape-a .card__slide {
  position: relative;
}

.card--base-a.card--shape-a .card__slide-item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

.card--base-a.card--shape-a .card__slide-item:first-child {
  display: block;
  opacity: 1;
}

.card--base-a.card--shape-a .card__prev {
  display: none;
  position: absolute;
  bottom: 13px;
  left: 10px;
  width: 20px;
  height: 20px;
  background: url("../../images/toonspoon/btn-grey-prev-active.png") transparent center center no-repeat;
  border: 0;
  z-index: 6;
}

.card--base-a.card--shape-a .card__prev:hover {
  background-image: url("../../images/toonspoon/btn-grey-prev-over.png");
}

.card--base-a.card--shape-a .card__next {
  display: none;
  position: absolute;
  bottom: 13px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url("../../images/toonspoon/btn-grey-next-active.png") transparent center center no-repeat;
  border: 0;
  z-index: 6;
}

.card--base-a.card--shape-a .card__next:hover {
  background-image: url("../../images/toonspoon/btn-grey-next-over.png");
}

.card--base-a.card--shape-a .card__paging {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 33px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-a.card--shape-a .card__paging__control {
  position: relative;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  background: none;
}

.card--base-a.card--shape-a .card__paging__control:after {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 0;
  border: 0;
  width: 8px;
  height: 8px;
  background-color: #d9d9d9;
  border-radius: 10px;
}

.card--base-a.card--shape-a .card__paging__control.is-active:after {
  background-color: #F54E00;
}

.card--base-a.card--shape-b .card__body {
  height: 199px;
}

.card--base-a.card--shape-b .card__body__function {
  position: absolute;
  top: -11px;
  left: -5px;
  z-index: 1;
}

.card--base-a.card--shape-b .card__title {
  max-height: 40px;
  -webkit-line-clamp: 2;
  margin-top: 8px;
  margin-bottom: 0 !important;
  letter-spacing: -1px;
  word-break: break-all;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  font-weight: bold;
}

.card--base-a.card--shape-b .card__content {
  display: block !important;
  width: 202px;
  margin: 3px auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.5px;
  font-size: 11px;
  color: #888;
  line-height: normal;
  font-weight: normal;
}

.card--base-a.card--shape-b .card__img {
  position: relative;
  width: 202px;
  height: 120px;
  overflow: hidden;
}

.card--base-a.card--shape-b .card__img:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid rgba(34, 34, 34, 0.14);
}

.card--base-a.card--shape-b .card__img img {
  width: 100%;
  height: 100%;
}

.card--base-a.card--shape-b .card__footer__btn {
  margin-top: -9px;
}

.card--base-a.card--shape-c .card__body {
  height: 199px;
}

.card--base-a.card--shape-c .card__body__function {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 0 0 8px;
  z-index: 1;
}

.card--base-a.card--shape-c .card__body__function:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-a.card--shape-c .card__body__function .new,
.card--base-a.card--shape-c .card__body__function .balloon {
  float: left;
}

.card--base-a.card--shape-c .card__title {
  max-height: 40px;
  -webkit-line-clamp: 2;
  letter-spacing: -1px;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  font-weight: bold;
}

.card--base-a.card--shape-c .card__content {
  display: block !important;
  width: 202px;
  margin: 8px auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.5px;
  font-size: 11px;
  color: #888;
  line-height: normal;
  font-weight: normal;
}

.card--base-a.card--shape-c .card__img {
  position: relative;
  width: 202px;
  height: 120px;
  overflow: hidden;
  -webkit-box-shadow: inset 0px 0px 1px 0px rgba(34, 34, 34, 0.14);
  -moz-box-shadow: inset 0px 0px 1px 0px rgba(34, 34, 34, 0.14);
  box-shadow: inset 0px 0px 1px 0px rgba(34, 34, 34, 0.14);
}

.card--base-a.card--shape-c .card__img img {
  width: 100%;
  height: 100%;
}

.card--base-a.card--shape-c .card__footer__btn {
  margin-top: -9px;
}

.card--base-a.card--shape-d {
  position: relative;
  width: 234px;
  height: 250px;
  padding: 0;
  border: 0;
  box-shadow: none;
}

.card--base-a.card--shape-d:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 61px;
  background: url("../../images/toonspoon/img-gra-14x61.png") 0 0 repeat-x;
  z-index: 1;
}

.card--base-a.card--shape-d:hover {
  box-shadow: none;
}

.card--base-a.card--shape-d:hover .card__prev,
.card--base-a.card--shape-d:hover .card__next {
  display: block;
}

.card--base-a.card--shape-d .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.card--base-a.card--shape-d .card__link img {
  width: 234px;
  height: 250px;
}

.card--base-a.card--shape-d .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.card--base-a.card--shape-d .card__slide-item:first-child {
  opacity: 1;
}

.card--base-a.card--shape-d .card__prev {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  border: 0;
  width: 30px;
  height: 50px;
  background: url("../../images/toonspoon/btn-white-prev-on.png") rgba(0, 0, 0, 0.25) center center no-repeat;
  z-index: 3;
}

.card--base-a.card--shape-d .card__prev:hover {
  background: url("../../images/toonspoon/btn-white-prev-on.png") rgba(0, 0, 0, 0.4) center center no-repeat;
}

.card--base-a.card--shape-d .card__next {
  display: none;
  position: absolute;
  top: 100px;
  right: 0;
  border: 0;
  width: 30px;
  height: 50px;
  background: url("../../images/toonspoon/btn-white-next-on.png") rgba(0, 0, 0, 0.25) center center no-repeat;
  z-index: 3;
}

.card--base-a.card--shape-d .card__next:hover {
  background: url("../../images/toonspoon/btn-white-next-on.png") rgba(0, 0, 0, 0.4) center center no-repeat;
}

.card--base-a.card--shape-d .card__paging {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 27px;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-a.card--shape-d .card__paging__control {
  position: relative;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  padding: 0;
  border: 0;
  background: none;
}

.card--base-a.card--shape-d .card__paging__control:first-child {
  margin-left: 0;
}

.card--base-a.card--shape-d .card__paging__control:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  border: 2px solid #a7a7a7;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
}

.card--base-a.card--shape-d .card__paging__control.is-active:after {
  background-color: #ffffff;
}

.card--base-b {
  position: relative;
  width: 171px;
  height: 250px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.card--base-b .bold {
  font-weight: bold;
}

.card--base-b .balloon {
  display: inline-block;
  width: 100%;
  padding: 0 !important;
  height: 24px !important;
  line-height: 22px !important;
}

.card--base-b .balloon.blue {
  background-color: #58c2ff;
}

.card--base-b .balloon.orange {
  background-color: #f5a623;
}

.card--base-b .balloon span {
  letter-spacing: -0.5px;
  font-size: 12px;
  color: #222;
  line-height: normal;
  font-weight: bold;
}

.card--base-b .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 3;
}

.card--base-b .card__body {
  position: relative;
}

.card--base-b .card__body__content {
  position: relative;
  text-align: center;
}

.card--base-b .card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-b .card__content {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.card--base-b .card__footer {
  margin-top: 10px;
}

.card--base-b .card__footer:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-b .card__footer__profile {
  display: block;
  text-align: center;
}

.card--base-b .card__footer__profile .user {
  display: block;
  width: 100%;
  height: 100%;
}

.card--base-b .card__footer__profile .user:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-b .card__footer__profile .avatar img {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(151, 151, 151, 0.1);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(151, 151, 151, 0.1);
  box-shadow: inset 0px 0px 0px 1px rgba(151, 151, 151, 0.1);
}

.card--base-b .card__footer__profile .text {
  display: block;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.7px;
  font-size: 10px;
  color: #888;
  line-height: normal;
  font-weight: normal;
}

.card--base-b.card--shape-a .card__body__function {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 110px;
  text-align: center;
  z-index: 1;
}

.card--base-b.card--shape-a .card__body__function:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-b.card--shape-a .card__title {
  height: 40px;
  margin-bottom: 0;
  padding: 0 12px;
  -webkit-line-clamp: 2;
  letter-spacing: -1px;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  font-weight: bold;
}

.card--base-b.card--shape-a .card__content {
  display: block !important;
  width: 171px;
  margin: 2px auto 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.8px;
  font-size: 11px;
  color: #f58c23;
  line-height: normal;
  font-weight: normal;
}

.card--base-b.card--shape-a .card__img {
  position: relative;
  width: 139px;
  height: 93px;
  padding: 28px 16px 14px 16px;
  overflow: hidden;
}

.card--base-b.card--shape-a .card__img:after {
  content: '';
  position: absolute;
  top: 14px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 137px;
  height: 91px;
  border: 1px solid rgba(34, 34, 34, 0.14);
}

.card--base-b.card--shape-a .card__img img {
  width: 100%;
  height: 100%;
}

.card--base-c {
  box-sizing: border-box;
  width: 304px;
  height: 316px;
  border: 1px solid #d9d9d9;
  padding: 8px 13px 0 13px;
  background-color: #fff;
  position: relative;
}

.card--base-c .bold {
  font-weight: bold;
}

.card--base-c .in-title-single .card__title {
  max-height: 31px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-c .in-title-multe .card__title {
  max-height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-c .in-title-multe .card__content {
  height: 147px;
  line-height: 18px;
  -webkit-line-clamp: 8;
}

.card--base-c .in-hash .card__content {
  height: 128px;
  -webkit-line-clamp: 7;
  line-height: 18px;
  margin-bottom: 42px;
}

.card--base-c .in-title-multe.in-hash .card__content {
  height: 110px !important;
  -webkit-line-clamp: 6;
  margin-bottom: 0;
}

.card--base-c .in-title-multe.in-hash .card__hash {
  margin-top: 36px;
}

.card--base-c .media-video {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -217px;
  width: 35px;
  height: 35px;
}

.card--base-c .media-music {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -182px;
  width: 35px;
  height: 35px;
}

.card--base-c .media-homeland {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -147px;
  width: 35px;
  height: 35px;
}

.card--base-c .media-private {
  position: absolute;
  top: 10px;
  right: 14px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -252px;
  width: 35px;
  height: 35px;
}

.card--base-c .media-review {
  position: absolute;
  top: 10px;
  right: 14px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -416px;
  width: 26px;
  height: 26px;
}

.card--base-c .media-ban {
  position: absolute;
  top: 10px;
  right: 14px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -360px -368px;
  width: 26px;
  height: 26px;
}

.card--base-c .media-temporary {
  position: absolute;
  top: 10px;
  right: 14px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -287px;
  width: 35px;
  height: 35px;
}

.card--base-c .media-price {
  position: absolute;
  bottom: 0;
}

.card--base-c .media-price__bg {
  width: 302px;
  height: 60px;
  opacity: 0.7;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  z-index: 1;
}

.card--base-c .media-price__info {
  position: absolute;
  bottom: 13px;
  right: 12px;
  z-index: 2;
}

.card--base-c .media-price__info .icon--cash {
  vertical-align: middle;
  margin-right: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -326px;
  width: 17px;
  height: 17px;
}

.card--base-c .media-price__info span {
  vertical-align: text-top;
  font-size: 13px;
  color: #ffc100;
  line-height: 17px;
  font-weight: bold;
}

.card--base-c .media-top100 {
  position: absolute;
  top: 13px;
  left: 12px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -322px;
  width: 35px;
  height: 35px;
}

.card--base-c .illustrate .card__img img {
  background-color: #e8e8e8;
}

.card--base-c .card__header {
  height: 32px;
  position: relative;
  padding-left: 0;
}

.card--base-c .card__header .user {
  display: block;
  width: 100%;
  height: 100%;
}

.card--base-c .card__header .text {
  float: left;
  display: block;
  max-width: 175px;
  padding-top: 4px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #333;
  line-height: 16px;
  font-weight: normal;
}

.card--base-c .card__header .text.pick {
  color: #ff5000;
  font-weight: bold;
}

.card--base-c .card__header .label {
  z-index: 1;
}

.card--base-c .card__header .label-star {
  display: block;
  position: absolute;
  top: 0;
  left: -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -224px -586px;
  width: 12px;
  height: 12px;
}

.card--base-c .card__header .notice {
  float: left;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -218px;
  width: 24px;
  height: 24px;
}

.card--base-c .card__header .avatar {
  float: left;
}

.card--base-c .card__header .avatar img {
  width: 24px;
  height: 24px;
  border-radius: 24px;
}

.card--base-c .card__header .flag {
  float: left;
  padding-top: 5px;
}

.card--base-c .card__header .date {
  position: absolute;
  top: 5px;
  right: -5px;
  font-size: 11px;
  color: #9f9f9f;
  line-height: 16px;
  font-weight: normal;
}

.card--base-c .card__header .date .icon--new {
  position: absolute;
  top: -2px;
  right: -4px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -53px;
  width: 4px;
  height: 4px;
}

.card--base-c .card__body {
  position: relative;
  height: 241px;
}

.card--base-c .card__body__content {
  position: relative;
}

.card--base-c .card__poll {
  margin-top: 4px;
}

.card--base-c .card__poll__category {
  color: #333;
  font-weight: bold;
}

.card--base-c .card__poll__question {
  color: #666;
  line-height: 22px;
  max-height: 88px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-c .card__poll__state {
  color: #999;
}

.card--base-c .card__poll__state .dot {
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 2px;
  background: #b4b4b4;
}

.card--base-c .card__title {
  padding-left: 1px;
  padding-top: 9px;
  word-break: break-all;
  font-size: 18px;
  color: #333;
  line-height: 24px;
  font-weight: bold;
}

.card--base-c .card__content {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  height: 165px;
  padding-left: 3px;
  padding-top: 6px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 14px;
  color: #333;
  line-height: normal;
  font-weight: normal;
}

.card--base-c .card__content__score {
  width: 100%;
  margin-top: 12px;
  font-size: 13px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-c .card__content__score .score-off {
  position: relative;
  display: inline-block;
  width: 68px;
  height: 12px;
  background-image: url("../../images/share/idle_slide-68x12.png");
}

.card--base-c .card__content__score .score-off .score-on {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: 12px;
  background-image: url("../../images/share/idle_slide-68x12-on.png");
  z-index: 10;
}

.card--base-c .card__content__score .score {
  display: inline-block;
}

.card--base-c .card__content__score .people {
  display: inline-block;
  color: #666;
}

.card--base-c .card__img {
  position: relative;
  height: 160px;
  margin-left: -13px;
  margin-right: -13px;
  overflow: hidden;
}

.card--base-c .card__img img {
  width: 100%;
}

.card--base-c .card__img + .card__title {
  padding-top: 11px;
  font-size: 15px;
  color: #333;
  line-height: 22px;
  font-weight: bold;
}

.card--base-c .card__hash {
  max-width: 276px;
  height: 21px;
  margin-top: 16px;
  overflow: hidden;
  font-size: 0;
}

.card--base-c .card__hash .hash {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 5px;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid #d0e0ed;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: #f6fbfe;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #5892b6;
  line-height: 15px;
  font-weight: bold;
}

.card--base-c .card__hash .hash:hover {
  border-color: #acc7de;
}

.card--base-c .card__hash .hash:first-child {
  margin-left: 0;
}

.card--base-c .card__hash .keyword {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 5px;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: 1px solid #f3ddcf;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: #fdf5f0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #be7e65;
  line-height: 15px;
  font-weight: bold;
}

.card--base-c .card__download {
  position: absolute;
  bottom: 23px;
  left: 0;
}

.card--base-c .card__cash {
  position: absolute;
  bottom: 23px;
  left: 0;
}

.card--base-c .card__cash .icon--cash {
  margin-right: 5px;
  vertical-align: text-bottom;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -426px -473px;
  width: 22px;
  height: 22px;
}

.card--base-c .card__cash span {
  font-size: 22px;
  color: #666;
  line-height: 30px;
  font-weight: bold;
}

.card--base-c .card__footer {
  margin: 0 -13px;
  padding: 0 13px;
  border-top: 1px solid #efefef;
}

.card--base-c .card__footer:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-c .card__footer__info {
  float: left;
  padding-top: 6px;
}

.card--base-c .card__footer__info a {
  display: inline-block;
}

.card--base-c .card__footer__info a.scrap {
  margin-right: 17px;
}

.card--base-c .card__footer__info a.scrap:hover .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -480px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__info a.scrap.is-active .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -460px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__info a .icon {
  vertical-align: middle;
}

.card--base-c .card__footer__info a .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -500px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__info a .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -20px -517px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__info a span {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  font-size: 11px;
  color: #ababab;
  line-height: 15px;
  font-weight: normal;
}

.card--base-c .card__footer__social {
  float: right;
  padding-top: 11px;
}

.card--base-c .card__footer__social:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-c .card__footer__social a {
  position: relative;
  float: left;
  display: block;
  max-width: 28px;
  min-width: 15px;
  padding-left: 18px;
  cursor: normal;
  pointer-events: none;
  cursor: default;
}

.card--base-c .card__footer__social a span {
  display: block;
  font-size: 11px;
  color: #999;
  line-height: 10px;
  font-weight: normal;
}

.card--base-c .card__footer__social a:after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: -2px;
}

.card--base-c .card__footer__social .share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -160px -517px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__social .like:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -447px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__social .like.is-active::after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -438px -447px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__social .reply:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: 0px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__social .view:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -80px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__social .star:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -60px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__social .star.is-active::after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -40px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__social .download:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -120px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c .card__footer__state {
  float: right;
}

.card--base-c .card__footer__state .text {
  float: left;
  padding-top: 8px;
  margin-left: 4px;
  font-size: 11px;
  color: #999;
  line-height: 14px;
  font-weight: normal;
}

.card--base-c .card__footer__state .text .num {
  padding-left: 3px;
}

.card--base-c .card__footer__state .dot {
  float: left;
  margin-left: 4px;
  background-color: #d6d6d6;
  border-right: 1px solid #a7a7a7;
  margin-top: 15px;
  width: 1px;
  height: 1px;
}

.card--base-c .card__rating {
  display: block;
  margin-top: 10px;
  overflow: hidden;
  z-index: 1;
}

.card--base-c .card__rating__stars {
  float: left;
  margin-right: 3px;
  padding-top: 1px;
}

.card--base-c .card__rating__stars .icon {
  float: left;
  margin-right: 2px;
}

.card--base-c .card__rating__stars .icon--star-fill {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -176px -586px;
  width: 12px;
  height: 12px;
}

.card--base-c .card__rating__stars .icon--star-harf {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -188px -586px;
  width: 12px;
  height: 12px;
}

.card--base-c .card__rating__stars .icon--star-null {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -200px -586px;
  width: 12px;
  height: 12px;
}

.card--base-c .card__rating__point {
  float: left;
  margin-top: -1px;
}

.card--base-c .card__rating__point span {
  font-family: Tahoma;
  font-size: 13.5px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.card--base-c.card--shape-a.checkbox .checkbox-wrap {
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: -5px;
}

.card--base-c.card--shape-a.checkbox .checkbox-wrap .checkbox {
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: -5px;
}

.card--base-c.card--shape-a.checkbox .card__header {
  display: block;
}

.card--base-c.card--shape-a.checkbox .card__header .user .label {
  left: 26px;
}

.card--base-c.card--shape-a:hover .card__prev,
.card--base-c.card--shape-a:hover .card__next {
  display: block;
}

.card--base-c.card--shape-a .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
}

.card--base-c.card--shape-a .card__slide {
  position: relative;
}

.card--base-c.card--shape-a .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  opacity: 0;
}

.card--base-c.card--shape-a .card__slide-item:first-child {
  display: block;
  opacity: 1;
}

.card--base-c.card--shape-a .card__prev {
  display: none;
  position: absolute;
  bottom: 13px;
  left: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -460px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-a .card__prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -449px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-a .card__next {
  display: none;
  position: absolute;
  bottom: 13px;
  right: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -471px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-a .card__next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -482px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-a .card__paging {
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-c.card--shape-a .card__paging__control {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
}

.card--base-c.card--shape-a .card__paging__control:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  padding: 0;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #cccccc;
  border-radius: 10px;
}

.card--base-c.card--shape-a .card__paging__control.is-active:after {
  background-color: #ff5000;
}

.card--base-c.card--shape-a .checkbox-wrap {
  display: none;
}

.card--base-c.card--shape-b {
  padding: 0;
  border: 0;
}

.card--base-c.card--shape-b:hover .card__prev,
.card--base-c.card--shape-b:hover .card__next {
  display: block;
}

.card--base-c.card--shape-b .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.card--base-c.card--shape-b .card__link img {
  width: 304px;
  height: 316px;
}

.card--base-c.card--shape-b .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.card--base-c.card--shape-b .card__slide-item:first-child {
  opacity: 1;
}

.card--base-c.card--shape-b .card__prev {
  display: none;
  position: absolute;
  top: 137px;
  left: 0;
  border: 0;
  background-color: transparent;
  z-index: 3;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -65px -400px;
  width: 23px;
  height: 42px;
}

.card--base-c.card--shape-b .card__prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -42px -400px;
  width: 23px;
  height: 42px;
}

.card--base-c.card--shape-b .card__next {
  display: none;
  position: absolute;
  top: 137px;
  right: 0;
  border: 0;
  background-color: transparent;
  z-index: 3;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -111px -400px;
  width: 23px;
  height: 42px;
}

.card--base-c.card--shape-b .card__next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -88px -400px;
  width: 23px;
  height: 42px;
}

.card--base-c.card--shape-b .card__paging {
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-c.card--shape-b .card__paging__control {
  box-sizing: border-box;
  width: 19px;
  height: 18px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
}

.card--base-c.card--shape-b .card__paging__control:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  padding: 0;
  border: 0;
  width: 15px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -287px;
  width: 14px;
  height: 14px;
}

.card--base-c.card--shape-b .card__paging__control.is-active:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -192px -554px;
  width: 15px;
  height: 14px;
}

.card--base-c.card--shape-c {
  width: 211px;
  height: 115px;
  padding: 0;
  border: 0;
}

.card--base-c.card--shape-c:hover .card__prev,
.card--base-c.card--shape-c:hover .card__next {
  display: block;
}

.card--base-c.card--shape-c .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
}

.card--base-c.card--shape-c .card__link img {
  display: block;
  width: 38px;
  height: 38px;
  margin: 0 auto;
}

.card--base-c.card--shape-c .card__link strong {
  display: block;
  font-size: 12px;
  color: #333;
  line-height: 20px;
  font-weight: bold;
}

.card--base-c.card--shape-c .card__link span {
  display: block;
  height: 38px;
  overflow: hidden;
  font-size: 12px;
  color: #555;
  line-height: 18px;
  font-weight: normal;
}

.card--base-c.card--shape-c .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
}

.card--base-c.card--shape-c .card__slide-item:first-child {
  opacity: 1;
}

.card--base-c.card--shape-c .card__prev {
  display: none;
  position: absolute;
  top: 25px;
  left: -28px;
  border: 0;
  background-color: transparent;
  z-index: 3;
  outline: none;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -310px -267px;
  width: 37px;
  height: 37px;
}

.card--base-c.card--shape-c .card__next {
  display: none;
  position: absolute;
  top: 25px;
  right: -28px;
  border: 0;
  background-color: transparent;
  z-index: 3;
  outline: none;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px 0px;
  width: 37px;
  height: 37px;
}

.card--base-c.card--shape-c .card__paging {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-c.card--shape-c .card__paging__control {
  box-sizing: border-box;
  width: 14px;
  height: 12px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
  outline: none;
}

.card--base-c.card--shape-c .card__paging__control:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  padding: 0;
  border: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -181px;
  width: 9px;
  height: 7px;
}

.card--base-c.card--shape-c .card__paging__control.is-active:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -174px;
  width: 9px;
  height: 7px;
}

.card--base-c.card--shape-d:hover .card__prev,
.card--base-c.card--shape-d:hover .card__next {
  display: block;
}

.card--base-c.card--shape-d .in-title-single .card__title {
  max-width: 240px;
}

.card--base-c.card--shape-d .in-title-multe .card__title {
  max-width: 240px;
}

.card--base-c.card--shape-d .in-title-single.in-hash .card__content {
  height: 125px;
}

.card--base-c.card--shape-d .in-title-single.in-hash .card__hash {
  margin-top: 45px;
}

.card--base-c.card--shape-d .media-private {
  top: 0;
  right: 1px;
}

.card--base-c.card--shape-d .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
}

.card--base-c.card--shape-d .card__slide {
  position: relative;
}

.card--base-c.card--shape-d .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
}

.card--base-c.card--shape-d .card__slide-item:first-child {
  display: block;
  opacity: 1;
}

.card--base-c.card--shape-d .card__prev {
  display: none;
  position: absolute;
  bottom: 13px;
  left: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -460px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-d .card__prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -449px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-d .card__next {
  display: none;
  position: absolute;
  bottom: 13px;
  right: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -471px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-d .card__next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -482px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-d .card__paging {
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-c.card--shape-d .card__paging__control {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
}

.card--base-c.card--shape-d .card__paging__control:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  padding: 0;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #cccccc;
  border-radius: 10px;
}

.card--base-c.card--shape-d .card__paging__control.is-active:after {
  background-color: #ff5000;
}

.card--base-c.card--shape-e {
  width: 234px;
  height: 250px;
  padding: 5px 8px 0 8px;
}

.card--base-c.card--shape-e:hover .card__prev,
.card--base-c.card--shape-e:hover .card__next {
  display: block;
}

.card--base-c.card--shape-e .in-title-single .card__title {
  max-width: 175px;
  max-height: 20px;
}

.card--base-c.card--shape-e .in-title-single .card__content {
  margin-bottom: 24px;
}

.card--base-c.card--shape-e .in-title-single.in-hash .card__content {
  height: 104px !important;
  -webkit-line-clamp: 6;
}

.card--base-c.card--shape-e .in-title-single.in-hash .card__hash {
  margin-top: 8px;
}

.card--base-c.card--shape-e .in-title-single.in-hash .card__img + .card__title {
  margin-bottom: 18px;
}

.card--base-c.card--shape-e .in-hash .card__content {
  height: 154px;
}

.card--base-c.card--shape-e .in-title-multe .card__title {
  max-height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-c.card--shape-e .in-title-multe .card__content {
  height: 87px;
  -webkit-line-clamp: 5;
}

.card--base-c.card--shape-e .in-title-multe.in-hash .card__content {
  height: 85px !important;
  -webkit-line-clamp: 5;
  margin-bottom: 26px;
}

.card--base-c.card--shape-e .in-title-multe.in-hash .card__hash,
.card--base-c.card--shape-e .in-title-multe.in-hash .card__scope {
  margin-top: 4px;
}

.card--base-c.card--shape-e .in-title-multe.in-hash .card__img + .card__title {
  margin-top: -3px;
}

.card--base-c.card--shape-e .media-video {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -338px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-e .media-folder {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -304px -400px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-e .media-ugc {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -52px -447px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-e .media-homeland {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -330px -400px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-e .media-music {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -286px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-e .media-private {
  position: absolute;
  top: 10px;
  right: 14px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -390px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-e .media-top100 {
  position: absolute;
  top: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -26px -447px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-e .media-temporary {
  position: absolute;
  top: 10px;
  right: 14px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -278px -400px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-e .media-price {
  position: absolute;
  bottom: 0;
}

.card--base-c.card--shape-e .media-price__bg {
  width: 232px;
  height: 60px;
  opacity: 0.7;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  z-index: 1;
}

.card--base-c.card--shape-e .media-price__info {
  position: absolute;
  bottom: 13px;
  right: 12px;
  z-index: 2;
}

.card--base-c.card--shape-e .media-price__info .icon--cash {
  vertical-align: middle;
  margin-right: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -326px;
  width: 17px;
  height: 17px;
}

.card--base-c.card--shape-e .media-price__info span {
  vertical-align: text-top;
  font-size: 13px;
  color: #ffc100;
  line-height: 20px;
  font-weight: bold;
}

.card--base-c.card--shape-e .media-official {
  position: absolute;
  top: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -382px -400px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-e .card__header {
  height: 29px;
  position: relative;
  padding-left: 0;
}

.card--base-c.card--shape-e .card__header .user {
  display: block;
  width: 100%;
  height: 100%;
}

.card--base-c.card--shape-e .card__header .user:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-c.card--shape-e .card__header .text {
  display: block;
  float: left;
  max-width: 90px;
  padding-top: 5px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #333;
  line-height: 16px;
  font-weight: normal;
}

.card--base-c.card--shape-e .card__header .text.pick {
  color: #ff5000;
  font-weight: bold;
}

.card--base-c.card--shape-e .card__header .label {
  z-index: 1;
}

.card--base-c.card--shape-e .card__header .label-star {
  display: block;
  position: absolute;
  top: 0;
  left: -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -224px -586px;
  width: 12px;
  height: 12px;
}

.card--base-c.card--shape-e .card__header .notice {
  float: left;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -218px;
  width: 24px;
  height: 24px;
}

.card--base-c.card--shape-e .card__header .avatar {
  float: left;
}

.card--base-c.card--shape-e .card__header .avatar img {
  width: 24px;
  height: 24px;
  border-radius: 24px;
}

.card--base-c.card--shape-e .card__header .flag {
  float: left;
  padding-top: 5px;
}

.card--base-c.card--shape-e .card__header .date {
  float: right;
  right: 0;
  letter-spacing: -0.55px;
  font-size: 11px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.card--base-c.card--shape-e .card__header .date .icon--new {
  float: right;
  position: static;
  margin-left: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -343px;
  width: 14px;
  height: 14px;
}

.card--base-c.card--shape-e .card__header .delete-btn {
  float: left;
  display: inline-block;
  margin: 3px -2px;
  border: none;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-image: url("../../images/share/btn-del-card.png");
}

.card--base-c.card--shape-e .card__header .delete-btn + .user {
  margin-left: 21px;
}

.card--base-c.card--shape-e .card__header .delete-btn + .user .label-star {
  left: 18px;
}

.card--base-c.card--shape-e .card__header .delete-btn + .user .text {
  max-width: 68px !important;
}

.card--base-c.card--shape-e .card__header .formstyle {
  float: left;
  margin: 3px -2px;
}

.card--base-c.card--shape-e .card__header .formstyle + .user {
  margin-left: 21px;
}

.card--base-c.card--shape-e .card__header .formstyle + .user .label-star {
  left: 18px;
}

.card--base-c.card--shape-e .card__header .formstyle + .user .text {
  max-width: 68px !important;
}

.card--base-c.card--shape-e .card__body {
  height: 185px;
  padding: 0 2px;
}

.card--base-c.card--shape-e .card__title {
  padding-top: 8px;
  letter-spacing: -0.5px;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-c.card--shape-e .card__content {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  height: 104px;
  padding-left: 3px;
  padding-top: 6px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.7px;
  word-break: break-all;
  font-size: 12px;
  color: #666;
  line-height: 17px;
  font-weight: normal;
}

.card--base-c.card--shape-e .card__scope {
  max-width: 276px;
  height: 21px;
  overflow: hidden;
  font-size: 0;
}

.card--base-c.card--shape-e .card__scope:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-c.card--shape-e .card__scope .card__score {
  float: left;
  width: auto;
  margin-top: 3px;
  font-size: 11px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.card--base-c.card--shape-e .card__scope .card__score .score-off {
  position: relative;
  display: inline-block;
  width: 68px;
  height: 11px;
  background-image: url("../../images/share/idle_card-68x11.png");
}

.card--base-c.card--shape-e .card__scope .card__score .score-off .score-on {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: 11px;
  background-image: url("../../images/share/idle_card-68x11-on.png");
  z-index: 10;
}

.card--base-c.card--shape-e .card__scope .card__score .score {
  display: inline-block;
}

.card--base-c.card--shape-e .card__scope .card__score .people {
  display: inline-block;
  color: #666;
}

.card--base-c.card--shape-e .card__scope .button--shape-n {
  float: right;
}

.card--base-c.card--shape-e .card__img {
  position: relative;
  width: 232px;
  height: 116px;
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
}

.card--base-c.card--shape-e .card__img img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.card--base-c.card--shape-e .card__img + .card__title {
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-c.card--shape-e .card__hash {
  max-width: 276px;
  height: 21px;
  margin-top: 20px;
  overflow: hidden;
  font-size: 0;
}

.card--base-c.card--shape-e .card__hash .hash {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 0;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.5px;
  font-size: 11px;
  color: #069fee;
  line-height: 15px;
  font-weight: bold;
}

.card--base-c.card--shape-e .card__hash .hash:hover {
  border-color: none;
}

.card--base-c.card--shape-e .card__hash .hash:first-child {
  margin-left: 0;
}

.card--base-c.card--shape-e .card__hash .keyword {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 0;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: none;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #ffe9db;
  font-size: 11px;
  color: #069fee;
  line-height: 15px;
  font-weight: bold;
}

.card--base-c.card--shape-e .card__footer {
  margin: 0 -8px;
  padding: 0 8px;
  border-top: 1px solid #efefef;
}

.card--base-c.card--shape-e .card__footer:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-c.card--shape-e .card__footer__info {
  float: left;
  padding-top: 4px;
}

.card--base-c.card--shape-e .card__footer__info a {
  display: inline-block;
}

.card--base-c.card--shape-e .card__footer__info a.scrap {
  margin-right: 17px;
}

.card--base-c.card--shape-e .card__footer__info a.scrap:hover .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -480px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__info a.scrap.is-active .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -460px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__info a .icon {
  vertical-align: middle;
}

.card--base-c.card--shape-e .card__footer__info a .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -500px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__info a .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -20px -517px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__info a span {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  font-size: 11px;
  color: #ababab;
  line-height: 15px;
  font-weight: normal;
}

.card--base-c.card--shape-e .card__footer__social {
  float: right;
  padding-top: 9px;
}

.card--base-c.card--shape-e .card__footer__social:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-c.card--shape-e .card__footer__social a {
  position: relative;
  float: left;
  display: block;
  max-width: 28px;
  min-width: 15px;
  padding-left: 18px;
  cursor: normal;
  pointer-events: none;
  cursor: default;
}

.card--base-c.card--shape-e .card__footer__social a span {
  display: block;
  font-size: 11px;
  color: #999;
  line-height: 10px;
  font-weight: normal;
}

.card--base-c.card--shape-e .card__footer__social a:after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: -2px;
}

.card--base-c.card--shape-e .card__footer__social .share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -160px -517px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__social .like:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -447px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__social .like.is-active::after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -438px -447px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__social .reply:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: 0px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__social .view:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -80px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__social .visits:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -100px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__social .star:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -60px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__social .star.is-active::after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -40px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-e .card__footer__state {
  float: right;
}

.card--base-c.card--shape-e .card__footer__state .text {
  float: left;
  padding-top: 8px;
  margin-left: 4px;
  font-size: 11px;
  color: #999;
  line-height: 14px;
  font-weight: normal;
}

.card--base-c.card--shape-e .card__footer__state .text .num {
  padding-left: 3px;
}

.card--base-c.card--shape-e .card__footer__state .dot {
  float: left;
  margin-left: 4px;
  background-color: #d6d6d6;
  border-right: 1px solid #a7a7a7;
  margin-top: 15px;
  width: 1px;
  height: 1px;
}

.card--base-c.card--shape-e .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
}

.card--base-c.card--shape-e .card__slide {
  position: relative;
}

.card--base-c.card--shape-e .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
}

.card--base-c.card--shape-e .card__slide-item:first-child {
  display: block;
  opacity: 1;
}

.card--base-c.card--shape-e .card__prev {
  display: none;
  position: absolute;
  bottom: 13px;
  left: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -460px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-e .card__prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -449px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-e .card__next {
  display: none;
  position: absolute;
  bottom: 13px;
  right: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -471px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-e .card__next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -482px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-e .card__paging {
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-c.card--shape-e .card__paging__control {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
}

.card--base-c.card--shape-e .card__paging__control:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  padding: 0;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #cccccc;
  border-radius: 10px;
}

.card--base-c.card--shape-e .card__paging__control.is-active:after {
  background-color: #ff5000;
}

.card--base-c.card--shape-e .card__delete {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(247, 247, 247, 0.85);
  z-index: 3;
}

.card--base-c.card--shape-e .card__delete ~ .card__header,
.card--base-c.card--shape-e .card__delete ~ .card__body {
  pointer-events: none;
  cursor: default;
}

.card--base-c.card--shape-e .card__delete__impossible {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.card--base-c.card--shape-e .card__delete__impossible .icon {
  display: block;
  margin: 0 auto;
}

.card--base-c.card--shape-e .card__delete__impossible .icon--delete {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -37px;
  width: 32px;
  height: 40px;
}

.card--base-c.card--shape-e .card__delete__impossible p {
  font-size: 11px;
  color: #848484;
  line-height: normal;
  font-weight: bold;
}

.card--base-c.card--shape-f {
  width: 210px;
  height: 250px;
  padding: 5px 8px 0 8px;
}

.card--base-c.card--shape-f:hover .card__prev,
.card--base-c.card--shape-f:hover .card__next {
  display: block;
}

.card--base-c.card--shape-f .in-title-single .card__title {
  max-width: 175px;
}

.card--base-c.card--shape-f .in-title-single .card__content {
  margin-bottom: 24px;
}

.card--base-c.card--shape-f .in-title-single.in-hash .card__content {
  height: 120px !important;
  -webkit-line-clamp: 6;
}

.card--base-c.card--shape-f .in-title-single.in-hash .card__hash {
  margin-top: 8px;
}

.card--base-c.card--shape-f .in-title-single.in-hash .card__img + .card__title {
  margin-bottom: 18px;
}

.card--base-c.card--shape-f .in-hash .card__content {
  height: 154px;
}

.card--base-c.card--shape-f .in-title-multe .card__title {
  max-height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-c.card--shape-f .in-title-multe .card__content {
  height: 178px;
  -webkit-line-clamp: 8;
}

.card--base-c.card--shape-f .in-title-multe.in-hash .card__content {
  height: 85px !important;
  -webkit-line-clamp: 5;
  margin-bottom: 26px;
}

.card--base-c.card--shape-f .in-title-multe.in-hash .card__hash {
  margin-top: 4px;
}

.card--base-c.card--shape-f .in-title-multe.in-hash .card__img + .card__title {
  margin-top: -3px;
}

.card--base-c.card--shape-f .media-video {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -338px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-f .media-folder {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -304px -400px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-f .card__header {
  height: 29px;
  position: relative;
  padding-left: 0;
}

.card--base-c.card--shape-f .card__header .user {
  display: block;
  width: 100%;
  height: 100%;
}

.card--base-c.card--shape-f .card__header .text {
  float: left;
  display: block;
  max-width: 96px;
  padding-top: 5px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #333;
  line-height: 16px;
  font-weight: normal;
}

.card--base-c.card--shape-f .card__header .text.pick {
  color: #ff5000;
  font-weight: bold;
}

.card--base-c.card--shape-f .card__header .label {
  z-index: 1;
}

.card--base-c.card--shape-f .card__header .label-star {
  display: block;
  position: absolute;
  top: 0;
  left: -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -224px -586px;
  width: 12px;
  height: 12px;
}

.card--base-c.card--shape-f .card__header .notice {
  float: left;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -218px;
  width: 24px;
  height: 24px;
}

.card--base-c.card--shape-f .card__header .avatar {
  float: left;
}

.card--base-c.card--shape-f .card__header .avatar img {
  width: 24px;
  height: 24px;
  border-radius: 24px;
}

.card--base-c.card--shape-f .card__header .flag {
  float: left;
  padding-top: 5px;
}

.card--base-c.card--shape-f .card__header .date {
  position: absolute;
  top: 5px;
  right: -2px;
  font-size: 11px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.card--base-c.card--shape-f .card__header .date .icon--new {
  position: absolute;
  top: -3px;
  right: -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -53px;
  width: 4px;
  height: 4px;
}

.card--base-c.card--shape-f .card__body {
  height: 185px;
  padding: 0 2px;
}

.card--base-c.card--shape-f .card__title {
  padding-top: 8px;
  letter-spacing: -0.5px;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-c.card--shape-f .card__content {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  height: 104px;
  padding-left: 3px;
  padding-top: 6px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.7px;
  word-break: break-all;
  font-size: 12px;
  color: #666;
  line-height: 17px;
  font-weight: normal;
}

.card--base-c.card--shape-f .card__img {
  position: relative;
  width: 208px;
  height: 116px;
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
}

.card--base-c.card--shape-f .card__img img {
  width: 100%;
}

.card--base-c.card--shape-f .card__img + .card__title {
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-c.card--shape-f .card__hash {
  max-width: 276px;
  height: 21px;
  margin-top: 20px;
  overflow: hidden;
  font-size: 0;
}

.card--base-c.card--shape-f .card__hash .hash {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 0;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.5px;
  font-size: 11px;
  color: #069fee;
  line-height: 15px;
  font-weight: bold;
}

.card--base-c.card--shape-f .card__hash .hash:hover {
  border-color: none;
}

.card--base-c.card--shape-f .card__hash .hash:first-child {
  margin-left: 0;
}

.card--base-c.card--shape-f .card__hash .keyword {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 0;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #be7e65;
  line-height: 15px;
  font-weight: bold;
}

.card--base-c.card--shape-f .card__footer {
  margin: 0 -8px;
  padding: 0 8px;
  border-top: 1px solid #efefef;
}

.card--base-c.card--shape-f .card__footer:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-c.card--shape-f .card__footer__info {
  float: left;
  padding-top: 4px;
}

.card--base-c.card--shape-f .card__footer__info a {
  display: inline-block;
}

.card--base-c.card--shape-f .card__footer__info a.scrap {
  margin-right: 17px;
}

.card--base-c.card--shape-f .card__footer__info a.scrap:hover .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -480px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__info a.scrap.is-active .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -460px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__info a .icon {
  vertical-align: middle;
}

.card--base-c.card--shape-f .card__footer__info a .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -500px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__info a .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -20px -517px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__info a span {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  font-size: 11px;
  color: #ababab;
  line-height: 15px;
  font-weight: normal;
}

.card--base-c.card--shape-f .card__footer__social {
  float: right;
  padding-top: 9px;
}

.card--base-c.card--shape-f .card__footer__social:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-c.card--shape-f .card__footer__social a {
  position: relative;
  float: left;
  display: block;
  max-width: 28px;
  min-width: 15px;
  padding-left: 18px;
  cursor: normal;
  pointer-events: none;
  cursor: default;
}

.card--base-c.card--shape-f .card__footer__social a span {
  display: block;
  font-size: 11px;
  color: #999;
  line-height: 10px;
  font-weight: normal;
}

.card--base-c.card--shape-f .card__footer__social a:after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: -2px;
}

.card--base-c.card--shape-f .card__footer__social .share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -160px -517px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__social .like:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -447px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__social .like.is-active::after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -438px -447px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__social .reply:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: 0px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__social .view:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -80px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__social .star:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -60px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__social .star.is-active::after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -40px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-f .card__footer__state {
  float: right;
}

.card--base-c.card--shape-f .card__footer__state .text {
  float: left;
  padding-top: 8px;
  margin-left: 4px;
  font-size: 11px;
  color: #999;
  line-height: 14px;
  font-weight: normal;
}

.card--base-c.card--shape-f .card__footer__state .text .num {
  padding-left: 3px;
}

.card--base-c.card--shape-f .card__footer__state .dot {
  float: left;
  margin-left: 4px;
  background-color: #d6d6d6;
  border-right: 1px solid #a7a7a7;
  margin-top: 15px;
  width: 1px;
  height: 1px;
}

.card--base-c.card--shape-f .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
}

.card--base-c.card--shape-f .card__slide {
  position: relative;
}

.card--base-c.card--shape-f .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
}

.card--base-c.card--shape-f .card__slide-item:first-child {
  display: block;
  opacity: 1;
}

.card--base-c.card--shape-f .card__prev {
  display: none;
  position: absolute;
  bottom: 13px;
  left: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -460px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-f .card__prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -449px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-f .card__next {
  display: none;
  position: absolute;
  bottom: 13px;
  right: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -471px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-f .card__next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -482px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-f .card__paging {
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-c.card--shape-f .card__paging__control {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
}

.card--base-c.card--shape-f .card__paging__control:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  padding: 0;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #cccccc;
  border-radius: 10px;
}

.card--base-c.card--shape-f .card__paging__control.is-active:after {
  background-color: #ff5000;
}

.card--base-c.card--shape-f .checkbox-wrap {
  display: none;
}

.card--base-c.card--shape-f.checkbox .checkbox-wrap {
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: -5px;
}

.card--base-c.card--shape-f.checkbox .checkbox-wrap .checkbox {
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: -5px;
}

.card--base-c.card--shape-f.checkbox .card__header {
  display: block;
}

.card--base-c.card--shape-f.checkbox .card__header .user .label {
  left: 18px;
}

.card--base-c.card--shape-g {
  width: 210px;
  height: 200px;
  padding: 0 8px;
}

.card--base-c.card--shape-g:hover .card__prev,
.card--base-c.card--shape-g:hover .card__next {
  display: block;
}

.card--base-c.card--shape-g .in-title-single .card__title {
  max-width: 175px;
}

.card--base-c.card--shape-g .in-title-single .card__content {
  margin-bottom: 24px;
}

.card--base-c.card--shape-g .in-title-single.in-hash .card__content {
  height: 120px !important;
  -webkit-line-clamp: 6;
}

.card--base-c.card--shape-g .in-title-single.in-hash .card__hash {
  margin-top: 8px;
}

.card--base-c.card--shape-g .in-title-single.in-hash .card__img + .card__title {
  margin-bottom: 18px;
}

.card--base-c.card--shape-g .in-hash .card__content {
  height: 154px;
}

.card--base-c.card--shape-g .in-title-multe .card__title {
  max-height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-c.card--shape-g .in-title-multe .card__content {
  height: 178px;
  -webkit-line-clamp: 8;
}

.card--base-c.card--shape-g .in-title-multe.in-hash .card__content {
  height: 85px !important;
  -webkit-line-clamp: 5;
  margin-bottom: 26px;
}

.card--base-c.card--shape-g .in-title-multe.in-hash .card__hash {
  margin-top: 4px;
}

.card--base-c.card--shape-g .in-title-multe.in-hash .card__img + .card__title {
  margin-top: -3px;
}

.card--base-c.card--shape-g .media-video {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -338px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-g .media-folder {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -304px -400px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-g .media-ugc {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -52px -447px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-g .media-homeland {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -330px -400px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-g .media-music {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -286px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-g .media-private {
  position: absolute;
  top: 10px;
  right: 14px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -390px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-g .media-top100 {
  position: absolute;
  top: 13px;
  left: 12px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -26px -447px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-g .media-temporary {
  position: absolute;
  top: 10px;
  right: 14px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -278px -400px;
  width: 26px;
  height: 26px;
}

.card--base-c.card--shape-g .media-price {
  position: absolute;
  bottom: 0;
}

.card--base-c.card--shape-g .media-price__bg {
  width: 302px;
  height: 60px;
  opacity: 0.7;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  z-index: 1;
}

.card--base-c.card--shape-g .media-price__info {
  position: absolute;
  bottom: 13px;
  right: 12px;
  z-index: 2;
}

.card--base-c.card--shape-g .media-price__info .icon--cash {
  vertical-align: middle;
  margin-right: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -326px;
  width: 17px;
  height: 17px;
}

.card--base-c.card--shape-g .media-price__info span {
  vertical-align: text-top;
  font-size: 13px;
  color: #ffc100;
  line-height: 17px;
  font-weight: bold;
}

.card--base-c.card--shape-g .card__header {
  height: 29px;
  position: relative;
  padding-left: 0;
}

.card--base-c.card--shape-g .card__header .user {
  display: block;
  width: 100%;
  height: 100%;
}

.card--base-c.card--shape-g .card__header .text {
  float: left;
  display: block;
  max-width: 96px;
  padding-top: 5px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #333;
  line-height: 16px;
  font-weight: normal;
}

.card--base-c.card--shape-g .card__header .text.pick {
  color: #ff5000;
  font-weight: bold;
}

.card--base-c.card--shape-g .card__header .label {
  z-index: 1;
}

.card--base-c.card--shape-g .card__header .label-star {
  display: block;
  position: absolute;
  top: 0;
  left: -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -224px -586px;
  width: 12px;
  height: 12px;
}

.card--base-c.card--shape-g .card__header .notice {
  float: left;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -218px;
  width: 24px;
  height: 24px;
}

.card--base-c.card--shape-g .card__header .avatar {
  float: left;
}

.card--base-c.card--shape-g .card__header .avatar img {
  width: 24px;
  height: 24px;
  border-radius: 24px;
}

.card--base-c.card--shape-g .card__header .flag {
  float: left;
  padding-top: 5px;
}

.card--base-c.card--shape-g .card__header .date {
  position: absolute;
  top: 5px;
  right: -2px;
  font-size: 11px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.card--base-c.card--shape-g .card__header .date .icon--new {
  position: absolute;
  top: -3px;
  right: -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -53px;
  width: 4px;
  height: 4px;
}

.card--base-c.card--shape-g .card__body {
  height: 170px;
  padding: 0 2px;
}

.card--base-c.card--shape-g .card__title {
  padding-top: 8px;
  letter-spacing: -0.5px;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-c.card--shape-g .card__content {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  height: 104px;
  padding-left: 3px;
  padding-top: 6px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.7px;
  word-break: break-all;
  font-size: 12px;
  color: #666;
  line-height: 17px;
  font-weight: normal;
}

.card--base-c.card--shape-g .card__img {
  position: relative;
  width: 208px;
  height: 116px;
  margin-left: -10px;
  margin-right: -10px;
  overflow: hidden;
}

.card--base-c.card--shape-g .card__img img {
  width: 100%;
}

.card--base-c.card--shape-g .card__img + .card__title {
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-c.card--shape-g .card__hash {
  max-width: 276px;
  height: 21px;
  margin-top: 20px;
  overflow: hidden;
  font-size: 0;
}

.card--base-c.card--shape-g .card__hash .hash {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 0;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.5px;
  font-size: 11px;
  color: #069fee;
  line-height: 15px;
  font-weight: bold;
}

.card--base-c.card--shape-g .card__hash .hash:hover {
  border-color: none;
}

.card--base-c.card--shape-g .card__hash .hash:first-child {
  margin-left: 0;
}

.card--base-c.card--shape-g .card__hash .keyword {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 0;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #be7e65;
  line-height: 15px;
  font-weight: bold;
}

.card--base-c.card--shape-g .card__footer {
  margin: 0 -8px;
  padding: 0 8px;
  border-top: 1px solid #efefef;
}

.card--base-c.card--shape-g .card__footer:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-c.card--shape-g .card__footer__info {
  float: right;
  padding-top: 6px;
}

.card--base-c.card--shape-g .card__footer__info a {
  display: inline-block;
}

.card--base-c.card--shape-g .card__footer__info a.scrap {
  margin-right: 17px;
}

.card--base-c.card--shape-g .card__footer__info a .icon {
  vertical-align: middle;
}

.card--base-c.card--shape-g .card__footer__info a .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -500px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-g .card__footer__info a .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -20px -517px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-g .card__footer__info a span {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  font-size: 11px;
  color: #ababab;
  line-height: 15px;
  font-weight: normal;
}

.card--base-c.card--shape-g .card__footer__social {
  float: right;
  padding-top: 9px;
}

.card--base-c.card--shape-g .card__footer__social:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-c.card--shape-g .card__footer__social a {
  position: relative;
  float: left;
  display: block;
  max-width: 28px;
  min-width: 15px;
  padding-left: 18px;
  cursor: normal;
  pointer-events: none;
  cursor: default;
}

.card--base-c.card--shape-g .card__footer__social a span {
  display: block;
  font-size: 11px;
  color: #999;
  line-height: 10px;
  font-weight: normal;
}

.card--base-c.card--shape-g .card__footer__social a:after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: -2px;
}

.card--base-c.card--shape-g .card__footer__social .share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -160px -517px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-g .card__footer__social .like:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -447px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-g .card__footer__social .like.is-active::after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -438px -447px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-g .card__footer__social .reply:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: 0px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-g .card__footer__social .view:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -80px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-g .card__footer__social .star:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -60px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-g .card__footer__social .star.is-active::after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -40px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-g .card__footer__social .scrap {
  position: absolute;
  top: 180px;
  left: 8px;
}

.card--base-c.card--shape-g .card__footer__social .scrap span {
  margin-left: 3px;
}

.card--base-c.card--shape-g .card__footer__social .scrap:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -20px -497px;
  width: 20px;
  height: 20px;
}

.card--base-c.card--shape-g .card__footer__state {
  float: right;
}

.card--base-c.card--shape-g .card__footer__state .text {
  float: left;
  padding-top: 8px;
  margin-left: 4px;
  font-size: 11px;
  color: #999;
  line-height: 14px;
  font-weight: normal;
}

.card--base-c.card--shape-g .card__footer__state .text .num {
  padding-left: 3px;
}

.card--base-c.card--shape-g .card__footer__state .dot {
  float: left;
  margin-left: 4px;
  background-color: #d6d6d6;
  border-right: 1px solid #a7a7a7;
  margin-top: 15px;
  width: 1px;
  height: 1px;
}

.card--base-c.card--shape-g .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
}

.card--base-c.card--shape-g .card__slide {
  position: relative;
}

.card--base-c.card--shape-g .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
}

.card--base-c.card--shape-g .card__slide-item:first-child {
  display: block;
  opacity: 1;
}

.card--base-c.card--shape-g .card__prev {
  display: none;
  position: absolute;
  bottom: 13px;
  left: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -460px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-g .card__prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -449px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-g .card__next {
  display: none;
  position: absolute;
  bottom: 13px;
  right: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -471px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-g .card__next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -482px;
  width: 7px;
  height: 11px;
}

.card--base-c.card--shape-g .card__paging {
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-c.card--shape-g .card__paging__control {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
}

.card--base-c.card--shape-g .card__paging__control:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  padding: 0;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #cccccc;
  border-radius: 10px;
}

.card--base-c.card--shape-g .card__paging__control.is-active:after {
  background-color: #ff5000;
}

.card--base-c.card--shape-g .checkbox-wrap {
  display: none;
}

.card--base-c.card--shape-g.checkbox .checkbox-wrap {
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: -5px;
}

.card--base-c.card--shape-g.checkbox .checkbox-wrap .checkbox {
  display: block;
  float: left;
  margin-right: 5px;
  margin-left: -5px;
}

.card--base-c.card--shape-g.checkbox .card__header {
  display: block;
}

.card--base-c.card--shape-g.checkbox .card__header .user .label {
  left: 18px;
}

.card--base-c.card--shape-h {
  width: 234px;
  height: 250px;
  padding: 0;
}

.card--base-c.card--shape-h:hover .card__prev,
.card--base-c.card--shape-h:hover .card__next {
  display: block;
}

.card--base-c.card--shape-h .card__link {
  position: absolute;
  width: 234px;
  height: 250px;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
}

.card--base-c.card--shape-h .card__link img {
  width: 100%;
  height: 100%;
}

.card--base-c.card--shape-h .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.card--base-c.card--shape-h .card__slide-item:first-child {
  opacity: 1;
}

.card--base-c.card--shape-h .card__prev {
  display: none;
  position: absolute;
  top: 100px;
  left: 0;
  border: 0;
  background-color: transparent;
  z-index: 3;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -65px -400px;
  width: 23px;
  height: 42px;
}

.card--base-c.card--shape-h .card__prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -42px -400px;
  width: 23px;
  height: 42px;
}

.card--base-c.card--shape-h .card__next {
  display: none;
  position: absolute;
  top: 100px;
  right: 0;
  border: 0;
  background-color: transparent;
  z-index: 3;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -111px -400px;
  width: 23px;
  height: 42px;
}

.card--base-c.card--shape-h .card__next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -88px -400px;
  width: 23px;
  height: 42px;
}

.card--base-c.card--shape-h .card__paging {
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-c.card--shape-h .card__paging__control {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
}

.card--base-c.card--shape-h .card__paging__control:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  padding: 0;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #cccccc;
  border-radius: 10px;
}

.card--base-c.card--shape-h .card__paging__control.is-active:after {
  background-color: #ff5000;
}

.card--base-d {
  position: relative;
  /* wholee */
}

.card--base-d .bold {
  font-weight: bold;
}

.card--base-d .card__img {
  position: relative;
  z-index: 1;
}

.card--base-d .card__img a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-indent: -9999px;
  z-index: 2;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA4MEJDNTkwMkU3MTFFNjg0REVERDIwMDE0MzJDOTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA4MEJDNUEwMkU3MTFFNjg0REVERDIwMDE0MzJDOTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDgwQkM1NzAyRTcxMUU2ODRERUREMjAwMTQzMkM5NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDgwQkM1ODAyRTcxMUU2ODRERUREMjAwMTQzMkM5NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuUYFuYAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC");
}

.card--base-d .card__img .icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
}

.card--base-d .card__img .icon--play {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -46px -306px;
  width: 46px;
  height: 46px;
}

.card--base-d .card__info {
  border: 1px solid #d9d9d9;
  border-top: none;
  background-color: #fff;
}

.card--base-d .card__title--game,
.card--base-d .card__title--share {
  display: block;
  height: 13px;
  margin-bottom: 4px;
  font-size: 11px;
  color: #999;
  line-height: 13px;
  font-weight: normal;
}

.card--base-d .card__title--feed {
  height: 19px;
  margin-bottom: 2px;
  overflow: hidden;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  font-weight: bold;
}

.card--base-d .card__title--feed a {
  display: block;
  overflow: hidden;
}

.card--base-d .card__social__like {
  font-size: 11px;
  color: #999;
  line-height: 12px;
  font-weight: normal;
}

.card--base-d .card__social__like .icon {
  display: inline-block;
}

.card--base-d .card__social__comment {
  margin-left: 7px;
  font-size: 11px;
  color: #999;
  line-height: 12px;
  font-weight: normal;
}

.card--base-d .card__social__comment .icon {
  display: inline-block;
}

.card--base-d .card__best {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 22px;
  padding-top: 10px;
  background-color: #f0562d;
  text-align: center;
  z-index: 2;
}

.card--base-d .card__best p {
  font-size: 11px;
  color: #fff;
  line-height: 15px;
  font-weight: bold;
}

.card--base-d .icon--notice {
  position: absolute;
  top: -1px;
  right: 44px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -353px -120px;
  width: 38px;
  height: 39px;
}

.card--base-d .icon--notice:hover + .card__user__tootip {
  display: block;
}

.card--base-d .fr-view .ui_image {
  cursor: pointer;
}

.card--base-d .card__menu a {
  position: absolute;
  right: 3px;
  padding: 0 15px;
}

.card--base-d.card--shape-d {
  position: relative;
  width: 241px;
  height: 320px;
  overflow: hidden;
}

.card--base-d.card--shape-d .card__img a {
  width: 239px;
  height: 158px;
}

.card--base-d.card--shape-d .card__img img {
  width: 100%;
  height: 160px;
}

.card--base-d.card--shape-d .card__info {
  position: relative;
}

.card--base-d.card--shape-d .card__info__contents {
  height: 80px;
  padding: 13px 20px 0;
}

.card--base-d.card--shape-d .card__title--feed a {
  width: 199px;
}

.card--base-d.card--shape-d .card__content a {
  height: 35px;
  white-space: normal;
  margin-bottom: 0;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-d .card__content a em {
  font-size: 12px;
  color: #333;
  line-height: 16px;
  font-weight: bold;
}

.card--base-d.card--shape-d .card__content a em.point {
  color: #274c98;
}

.card--base-d.card--shape-d .card__content__more {
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-d .card__social {
  padding: 0 20px;
  height: 27px;
}

.card--base-d.card--shape-d .card__user {
  padding: 8px 20px;
  border-top: 1px solid #f1f1f1;
}

.card--base-d.card--shape-d .card__user:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-d .card__user__avatar {
  float: left;
}

.card--base-d.card--shape-d .card__user__name {
  float: left;
  margin-top: 5px;
  margin-left: 3px;
  font-size: 11px;
  color: #999;
  line-height: 12px;
  font-weight: normal;
}

.card--base-d.card--shape-d .card__user time {
  float: right;
  margin-top: 5px;
  font-size: 11px;
  color: #999;
  line-height: 12px;
  font-weight: normal;
}

.card--base-d.card--shape-d .card__menu {
  position: absolute;
  top: 18px;
  right: 20px;
  line-height: 1;
  font-size: 0;
}

.card--base-d.card--shape-d .card__menu a {
  display: inline-block;
}

.card--base-d.card--shape-d .card__menu a .icon {
  display: inline-block;
  text-indent: -1000em;
}

.card--base-d.card--shape-d .card__menu a .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -528px;
  width: 9px;
  height: 5px;
}

.card--base-d.card--shape-d .card__menu a .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -523px;
  width: 9px;
  height: 5px;
}

.card--base-d.card--shape-e {
  position: relative;
  width: 241px;
  height: 320px;
  overflow: hidden;
}

.card--base-d.card--shape-e .card__info {
  position: relative;
  border-top: 1px solid #d9d9d9;
}

.card--base-d.card--shape-e .card__info__contents {
  height: 225px;
  padding: 12px 20px;
}

.card--base-d.card--shape-e .card__title--feed a {
  width: 199px;
}

.card--base-d.card--shape-e .card__content a {
  height: 162px;
  text-overflow: inherit;
  white-space: normal;
  margin-bottom: 0;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-e .card__content a em {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-e .card__content a em.point {
  color: #274c98;
}

.card--base-d.card--shape-e .card__social {
  padding: 0 20px;
  margin-bottom: 12px;
}

.card--base-d.card--shape-e .card__more {
  display: block;
  margin-bottom: 2px;
  font-size: 12px !important;
  color: #999 !important;
  line-height: 22px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-e .card__user {
  padding: 8px 20px;
  border-top: 1px solid #f1f1f1;
}

.card--base-d.card--shape-e .card__user:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-e .card__user__avatar {
  float: left;
}

.card--base-d.card--shape-e .card__user__name {
  float: left;
  margin-top: 5px;
  margin-left: 3px;
  font-size: 11px;
  color: #999;
  line-height: 12px;
  font-weight: normal;
}

.card--base-d.card--shape-e .card__user time {
  float: right;
  margin-top: 5px;
  font-size: 11px;
  color: #999;
  line-height: 12px;
  font-weight: normal;
}

.card--base-d.card--shape-e .card__menu {
  position: absolute;
  top: 8px;
  right: 20px;
}

.card--base-d.card--shape-e .card__menu a {
  display: inline-block;
}

.card--base-d.card--shape-e .card__menu a .icon {
  display: inline-block;
  text-indent: -1000em;
}

.card--base-d.card--shape-e .card__menu a .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -151px -240px;
  width: 10px;
  height: 6px;
}

.card--base-d.card--shape-e .card__menu a .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -131px -240px;
  width: 10px;
  height: 6px;
}

.card--base-d.card--shape-i {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.card--base-d.card--shape-i:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-i .card__user {
  position: relative;
  padding: 13px 17px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  background-color: #fff;
}

.card--base-d.card--shape-i .card__user__tootip {
  display: none;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(109%);
  z-index: 100;
}

.card--base-d.card--shape-i .card__user__tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-i .card__info {
  position: relative;
}

.card--base-d.card--shape-i .card__info__contents {
  padding: 0 17px 17px 17px;
}

.card--base-d.card--shape-i .card__title--share {
  margin-bottom: 10px;
}

.card--base-d.card--shape-i .card__title--share a {
  color: #666;
}

.card--base-d.card--shape-i .card__content {
  overflow: hidden;
}

.card--base-d.card--shape-i .card__content__title {
  display: block;
  margin-bottom: 10px;
  word-break: break-all;
  font-size: 14px;
  color: #333;
  line-height: 19px;
  font-weight: bold;
}

.card--base-d.card--shape-i .card__content p {
  text-overflow: inherit;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-i .card__content p em {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-i .card__content p em.point {
  color: #274c98;
}

.card--base-d.card--shape-i .card__content p iframe {
  max-width: 466px;
}

.card--base-d.card--shape-i .card__content .all {
  display: block;
  padding-top: 10px;
  font-size: 13px;
  color: #6c96ac;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-i .card__content .all:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-i .card__content .all .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -609px -598px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-i .card__content .all .icon--more {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -393px;
  width: 5px;
  height: 4px;
}

.card--base-d.card--shape-i .card__content__text span {
  display: inline-block;
  -ms-word-break: break-all;
  word-break: break-all;
}

.card--base-d.card--shape-i .card__content__tag--basic {
  font-weight: bold;
}

.card--base-d.card--shape-i .card__content__tag--basic:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-i .card__content__tag--search {
  color: #274c98;
  font-weight: bold;
}

.card--base-d.card--shape-i .card__content__tag--search:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-i .card__content__more {
  display: block;
  padding-top: 5px;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-i .card__content__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-i .card__content__more .icon--arrow {
  margin-left: 3px;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.card--base-d.card--shape-i .card__content__img-type1 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
  font-size: 0;
}

.card--base-d.card--shape-i .card__content__img-type1 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  max-width: 100%;
  max-height: 700px;
  overflow: hidden;
}

.card--base-d.card--shape-i .card__content__img-type1 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-i .card__content__img-type1 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-i .card__content__img-type1 img {
  max-width: 466px;
  height: auto;
}

.card--base-d.card--shape-i .card__content__img-type1 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-i .card__content__img-type1 iframe {
  display: block;
}

.card--base-d.card--shape-i .card__content__img-type1 .movie {
  position: relative;
  background-color: #000;
  text-align: center;
}

.card--base-d.card--shape-i .card__content__img-type1 .movie .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  background: url("../../images/share/icon_play-100x100.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-i .card__content__img-type1 .sum {
  position: relative;
}

.card--base-d.card--shape-i .card__content__img-type1 .sum .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: url("../../images/share/play_50x50.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-i .card__content__img-type1 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-i .card__content__img-type1 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-i .card__content__img-type2 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-i .card__content__img-type2 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  overflow: hidden;
  max-height: 700px;
}

.card--base-d.card--shape-i .card__content__img-type2 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-i .card__content__img-type2 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-i .card__content__img-type2 img {
  width: 104px;
  min-height: 104px;
}

.card--base-d.card--shape-i .card__content__img-type2 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-i .card__content__img-type2 iframe {
  display: block;
}

.card--base-d.card--shape-i .card__content__img-type2 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-i .card__content__img-type2 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-i .card__content__share {
  padding-top: 13px;
}

.card--base-d.card--shape-i .card__content__share audio {
  width: 464px;
  border: 1px solid #d9d9d9;
  border-top: none;
}

.card--base-d.card--shape-i .card__content__share .audio-loading {
  width: 464px;
  padding: 8px 0;
  border: 1px solid #d9d9d9;
  border-top: none;
  background-color: #ebedef;
  text-align: center;
  color: #666;
}

.card--base-d.card--shape-i .card__content__share .audio-loading strong {
  color: #f76430;
}

.card--base-d.card--shape-i .card__content__link {
  color: #274c98;
}

.card--base-d.card--shape-i .card__content__link:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-i .card__social {
  padding: 8px 17px;
  border-top: 1px solid #f1f1f1;
}

.card--base-d.card--shape-i .card__social span {
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-i .card__social__like .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -420px -554px;
  width: 14px;
  height: 12px;
}

.card--base-d.card--shape-i .card__social__like:hover .icon--heart,
.card--base-d.card--shape-i .card__social__like.is-active .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -406px -554px;
  width: 14px;
  height: 12px;
}

.card--base-d.card--shape-i .card__social__like:hover span,
.card--base-d.card--shape-i .card__social__like.is-active span {
  color: #333;
}

.card--base-d.card--shape-i .card__social__comment {
  margin-left: 18px;
}

.card--base-d.card--shape-i .card__social__comment .icon--comment {
  margin-top: -2px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -413px;
  width: 14px;
  height: 14px;
}

.card--base-d.card--shape-i .card__social__comment:hover .icon--comment {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -399px;
  width: 14px;
  height: 14px;
}

.card--base-d.card--shape-i .card__social__comment:hover span {
  color: #333;
}

.card--base-d.card--shape-i .card__social__share {
  margin-left: 19px;
}

.card--base-d.card--shape-i .card__social__share .icon--share {
  margin-top: -2px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -144px -554px;
  width: 16px;
  height: 14px;
}

.card--base-d.card--shape-i .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -128px -554px;
  width: 16px;
  height: 14px;
}

.card--base-d.card--shape-i .card__menu a:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -142px;
  width: 4px;
  height: 16px;
}

.card--base-d.card--shape-i .card__menu a .icon--arrow {
  margin-top: 9px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -608px -142px;
  width: 4px;
  height: 16px;
}

.card--base-d.card--shape-i .card__reply {
  padding: 12px 17px 16px;
  border-top: 1px solid #f1f1f1;
  background-color: #fafafa;
}

.card--base-d.card--shape-i .card__reply__more {
  display: block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-i .card__reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-i .card__reply li {
  margin-bottom: 11px;
}

.card--base-d.card--shape-i .card__reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-i .card__reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-i .card__reply .write {
  margin: 1px 0;
}

.card--base-d.card--shape-i .card__reply .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-i .card__reply .write--reply {
  float: left;
  width: auto;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
}

.card--base-d.card--shape-i .card__reply .write--reply button {
  margin-left: 2px;
}

.card--base-d.card--shape-i .card__reply .write__textarea {
  float: left;
  width: 349px;
  min-height: 20px;
  padding: 5px 10px;
  margin-right: 4px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-i .card__reply .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-i .card__reply .write__textarea-edit {
  width: 285px !important;
}

.card--base-d.card--shape-i .card__reply .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-i .card__reply .write__textarea input[type="button"] {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: #fff;
  vertical-align: baseline;
  cursor: pointer;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-i .card__reply .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-i .card__reply .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-i .card__reply .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-i .card__reply .user__info {
  width: 415px;
  word-break: break-all;
}

.card--base-d.card--shape-i .card__reply .user__info .platform {
  display: inherit;
  margin-right: 3px;
  color: #999;
}

.card--base-d.card--shape-i .card__reply .user__reply {
  position: relative;
  margin-left: 0;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}

.card--base-d.card--shape-i .card__reply .user__reply:hover .icon--menu {
  display: inline-block;
  margin-bottom: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -608px -142px;
  width: 4px;
  height: 16px;
}

.card--base-d.card--shape-i .card__reply .user__reply .user__info__nick {
  display: inline-block;
}

.card--base-d.card--shape-i .card__reply .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-i .card__reply .user__reply .user__info__time {
  position: relative;
  display: block;
  margin-top: 1px;
}

.card--base-d.card--shape-i .card__reply .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-left: 7px;
}

.card--base-d.card--shape-i .card__reply .user__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  left: -6px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-i .card__reply .user__reply .user__info__time:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-i .card__reply .user__reply .user__info__more {
  position: absolute;
  top: 0;
  right: -20px;
  width: 15px;
  height: 20px;
  text-align: center;
}

.card--base-d.card--shape-i .card__reply .user__reply .user__info__more:hover .icon--menu,
.card--base-d.card--shape-i .card__reply .user__reply .user__info__more .active {
  display: inline-block;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -142px;
  width: 4px;
  height: 16px;
}

.card--base-d.card--shape-j .card__content .meta-line {
  position: absolute;
  left: 0;
  width: 464px;
  padding-top: 17px;
  border-bottom: 1px solid #d9d9d9;
}

.card--base-d.card--shape-j .card__content__img-type1 {
  padding-top: 35px !important;
  font-size: 0;
}

.card--base-d.card--shape-j .card__content__img-type1 img {
  max-width: 100%;
}

.card--base-d.card--shape-j .card__content__origin {
  display: block;
  margin-top: 13px;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-j .card__content__origin:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-j .profile__info--time a strong {
  display: inline-block;
  max-width: 180px;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card--base-d.card--shape-k {
  position: relative;
  width: 241px;
  margin-bottom: 20px;
  overflow: hidden;
  opacity: 1;
}

.card--base-d.card--shape-k:hover .card__content a {
  text-decoration: underline;
}

.card--base-d.card--shape-k:hover .profile__info--nick a {
  text-decoration: underline;
}

.card--base-d.card--shape-k .card__loader-sm {
  position: absolute;
  top: 77px;
  left: 108px;
}

.card--base-d.card--shape-k .card__user {
  border-bottom: none;
  background-color: #fff;
}

.card--base-d.card--shape-k .card__info {
  position: relative;
}

.card--base-d.card--shape-k .card__info__contents {
  height: 298px;
  overflow: hidden;
}

.card--base-d.card--shape-k .card__info__contents--text-type {
  padding: 0 17px 20px 17px;
}

.card--base-d.card--shape-k .card__title--share {
  margin-bottom: 10px;
}

.card--base-d.card--shape-k .card__title--share a {
  color: #666;
}

.card--base-d.card--shape-k .card__content p {
  margin-top: 50px;
  text-overflow: inherit;
  white-space: normal;
  overflow: hidden;
  padding-left: 18px;
  padding-right: 18px;
  opacity: 1;
}

.card--base-d.card--shape-k .card__content p em {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-k .card__content p em.point {
  color: #274c98;
}

.card--base-d.card--shape-k .card__content p em.title {
  display: block;
  margin-bottom: 2px;
  font-size: 13px;
}

.card--base-d.card--shape-k .card__content p a {
  display: block;
  height: 78px;
  overflow: hidden;
  word-break: break-word;
  word-break: break-all;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-k .card__content p a span {
  word-break: break-word;
  word-break: break-all;
}

.card--base-d.card--shape-k .card__content__tag--basic {
  font-weight: bold;
}

.card--base-d.card--shape-k .card__content__tag--basic:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-k .card__content__tag--search {
  color: #274c98;
  font-weight: bold;
}

.card--base-d.card--shape-k .card__content__tag--search:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-k .card__content__more {
  display: block;
  padding-top: 5px;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-k .card__content__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-k .card__content__more .icon--arrow {
  margin-left: 3px;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.card--base-d.card--shape-k .card__content__img-type1 {
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-k .card__content__img-type1 a {
  position: relative;
  display: block;
  width: 241px;
  height: 160px;
  margin: auto;
  border-top: 1px solid #d9d9d9;
  font-size: 0;
  z-index: 3;
}

.card--base-d.card--shape-k .card__content__img-type1 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-k .card__content__img-type1 img {
  /*
                        width:241px;
                        height:160px;
                        */
}

.card--base-d.card--shape-k .card__content__img-type1 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  z-index: 3;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-k .card__content__img-type2 {
  position: relative;
  width: 105px;
  height: 105px;
  padding-top: 15px;
  z-index: 1;
}

.card--base-d.card--shape-k .card__content__img-type2 a {
  position: relative;
  display: block;
  margin: auto;
  font-size: 0;
  z-index: 3;
}

.card--base-d.card--shape-k .card__content__img-type2 a:after {
  content: '';
  width: 103px;
  height: 103px;
  border: 1px solid #000000;
  position: absolute;
  top: 0;
  left: 0;
}

.card--base-d.card--shape-k .card__content__img-type2 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-k .card__content__img-type2 img {
  width: 105px;
  height: 105px;
}

.card--base-d.card--shape-k .card__content__img-type2 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  z-index: 3;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-k .card__content__share {
  padding-top: 13px;
}

.card--base-d.card--shape-k .card__social {
  padding: 8px 17px;
  border-top: 1px solid #f1f1f1;
}

.card--base-d.card--shape-k .card__social span {
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-k .card__social__like {
  display: inline-block;
}

.card--base-d.card--shape-k .card__social__like .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -333px -537px;
  width: 15px;
  height: 13px;
}

.card--base-d.card--shape-k .card__social__comment {
  display: inline-block;
  margin-left: 11px;
}

.card--base-d.card--shape-k .card__social__comment .icon--comment {
  margin-top: -1px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -554px;
  width: 13px;
  height: 13px;
}

.card--base-d.card--shape-k .card__social__share {
  margin-left: 19px;
}

.card--base-d.card--shape-k .card__social__share .icon--share {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -82px -571px;
  width: 12px;
  height: 13px;
}

.card--base-d.card--shape-k .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -94px -571px;
  width: 12px;
  height: 13px;
}

.card--base-d.card--shape-k .card__menu a:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -131px -240px;
  width: 10px;
  height: 6px;
}

.card--base-d.card--shape-k .card__menu a .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -151px -240px;
  width: 10px;
  height: 6px;
}

.card--base-d.card--shape-k .card__reply {
  padding: 12px 17px 16px;
  border-top: 1px solid #f1f1f1;
  background-color: #fafafa;
}

.card--base-d.card--shape-k .card__reply__more {
  display: block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-k .card__reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-k .card__reply li {
  margin-bottom: 11px;
}

.card--base-d.card--shape-k .card__reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-k .card__reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-k .card__reply .write {
  margin: 1px 0;
}

.card--base-d.card--shape-k .card__reply .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-k .card__reply .write--reply {
  float: left;
  width: auto;
  padding: 0;
}

.card--base-d.card--shape-k .card__reply .write--reply button {
  margin-left: 2px;
}

.card--base-d.card--shape-k .card__reply .write__textarea {
  float: left;
  width: 349px;
  min-height: 20px;
  padding: 5px 10px;
  margin-right: 4px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-k .card__reply .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-k .card__reply .write__textarea-edit {
  width: 285px !important;
}

.card--base-d.card--shape-k .card__reply .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-k .card__reply .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-k .card__reply .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-k .card__reply .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-k .card__reply .user__info {
  width: 424px;
}

.card--base-d.card--shape-k .card__reply .user__reply {
  position: relative;
  margin-left: 0;
}

.card--base-d.card--shape-k .card__reply .user__reply .user__info__nick {
  display: inline-block;
}

.card--base-d.card--shape-k .card__reply .user__reply .user__info__time {
  display: block;
  margin-top: 1px;
}

.card--base-d.card--shape-k .card__link {
  position: absolute;
  display: block;
  width: 241px;
  height: 334px;
  z-index: 1000;
}

.card--base-d.card--shape-l {
  cursor: pointer;
}

.card--base-d.card--shape-l .card__info {
  border-top: 1px solid #d9d9d9;
}

.card--base-d.card--shape-l .card__content__img-type3 {
  position: relative;
  padding-top: 17px;
  z-index: 1;
}

.card--base-d.card--shape-l .card__content__img-type3 p {
  position: relative;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden;
  z-index: 3;
}

.card--base-d.card--shape-l .card__content__img-type3 p:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 428px;
  height: 258px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.card--base-d.card--shape-l .card__content__img-type3 p img {
  width: 100%;
  height: 260px;
}

.card--base-d.card--shape-l .card__content__img-type3 strong {
  display: block;
  font-size: 13px;
  color: #333;
  line-height: 19px;
  font-weight: bold;
}

.card--base-d.card--shape-l .card__content__img-type3 span {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-l .card__content__img-type3 em {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #999;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-l .card__content__img-type4 {
  position: relative;
  min-height: 104px;
  padding-top: 17px;
  z-index: 1;
}

.card--base-d.card--shape-l .card__content__img-type4 p {
  position: relative;
  margin: auto;
  z-index: 3;
}

.card--base-d.card--shape-l .card__content__img-type4 p:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 102px;
  height: 102px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-l .card__content__img-type4 p img {
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 18px;
}

.card--base-d.card--shape-l .card__content__img-type4 strong {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 13px;
  color: #333;
  line-height: 19px;
  font-weight: bold;
}

.card--base-d.card--shape-l .card__content__img-type4 span {
  display: block;
  margin-top: 5px;
  height: 57px;
  overflow: hidden;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-l .card__content__img-type4 em {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #999;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-l .card__content__img-type5 {
  position: relative;
  padding-top: 23px;
  padding-bottom: 27px;
  z-index: 1;
  text-align: center;
  margin-right: -17px;
  margin-left: -17px;
  margin-bottom: -17px;
  background-color: #fdfdfd;
}

.card--base-d.card--shape-l .card__content__img-type5 .icon--ex {
  margin-right: 6px;
  margin-left: -25px;
  vertical-align: bottom;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -115px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-l .card__content__img-type5 strong {
  display: block;
  font-size: 13px;
  color: #333;
  line-height: 21px;
  font-weight: bold;
}

.card--base-d.card--shape-l .card__content__img-type5 span {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #666;
  line-height: 21px;
  font-weight: normal;
}

.card--base-d.card--shape-l .card__content__img-type6 {
  padding-top: 17px;
  z-index: 1;
}

.card--base-d.card--shape-l .card__content__img-type6 .link-ugc {
  display: inline-block;
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.card--base-d.card--shape-l .card__content__img-type6 .link-ugc .card-content-item {
  line-height: normal;
  height: auto;
  margin-bottom: 0;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-thumb {
  position: relative;
  float: left;
  margin-right: 10px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-thumb img {
  width: 140px;
  height: 95px;
  display: block;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-thumb .card-thum-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 0;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-thumb .card-thum-area .card-thumb-num {
  background-color: rgba(0, 0, 0, 0);
}

.card--base-d.card--shape-l .card__content__img-type6 .card-thumb-num {
  position: absolute;
  width: 45px;
  line-height: 30px;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  bottom: 0;
  left: 0;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.7);
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star {
  display: inline-block;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .star {
  display: inline-block;
  margin-left: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -297px -447px;
  width: 21px;
  height: 20px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .star:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .grade {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin-left: 2px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .grade:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .grade.ss {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -473px;
  width: 21px;
  height: 21px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .grade.s {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -452px;
  width: 21px;
  height: 21px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .grade.a {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -326px;
  width: 21px;
  height: 21px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .grade.b {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -347px;
  width: 21px;
  height: 21px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .grade.c {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -368px;
  width: 21px;
  height: 21px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .grade.d {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -389px;
  width: 21px;
  height: 21px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .grade.e {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -410px;
  width: 21px;
  height: 21px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-star .grade.f {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -431px;
  width: 21px;
  height: 21px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-thumb-play {
  display: inline-block;
  margin-top: 19px;
  margin-right: 5px;
  vertical-align: top;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -242px -169px;
  width: 52px;
  height: 52px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-thumb-pause {
  display: inline-block;
  margin-top: 19px;
  margin-right: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -50px -246px;
  width: 52px;
  height: 52px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-info {
  margin-top: 1px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-info p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #999;
  line-height: 21px;
  font-weight: normal;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-info p .icon--mark {
  margin-right: 5px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -394px;
  width: 17px;
  height: 17px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-instrument {
  display: inline-block;
  max-width: 254px;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-instrument-title {
  display: inline-block;
  margin-left: 3px;
  padding: 5px 10px;
  border-radius: 25px;
  background-color: #999;
  color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-instrument-title:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-thumb-busk {
  vertical-align: top;
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-top: 19px;
  border: 2px solid #fff;
  border-radius: 52px;
}

.card--base-d.card--shape-l .card__content__img-type6 .card-thumb-busk img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 48px;
}

.card--base-d.card--shape-l .card__content__img-type6 .in-title {
  font-size: 1.3rem;
  font-weight: bold;
  color: #333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}

.card--base-d.card--shape-l .card__content__img-type6 .in-artist {
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 20px;
  padding: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: bold;
  font-style: normal;
  color: #f76430;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  line-height: 20px;
}

.card--base-d.card--shape-l .card__content__img-type6 .in-artist i {
  font-style: normal;
  color: #333;
}

.card--base-d.card--shape-m {
  cursor: pointer;
}

.card--base-d.card--shape-m .card__content .meta-line {
  position: absolute;
  left: 0;
  width: 464px;
  padding-top: 17px;
  border-bottom: 1px solid #d9d9d9;
}

.card--base-d.card--shape-m .card__content__img-type3 {
  position: relative;
  padding-top: 17px;
  z-index: 1;
}

.card--base-d.card--shape-m .card__content__img-type3 p {
  position: relative;
  margin: auto;
  margin-bottom: 10px;
  z-index: 3;
}

.card--base-d.card--shape-m .card__content__img-type3 p:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 428px;
  height: 258px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.card--base-d.card--shape-m .card__content__img-type3 p img {
  width: 430px;
  height: 260px;
}

.card--base-d.card--shape-m .card__content__img-type3 strong {
  display: block;
  font-size: 13px;
  color: #333;
  line-height: 19px;
  font-weight: bold;
}

.card--base-d.card--shape-m .card__content__img-type3 span {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-m .card__content__img-type3 em {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #999;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-m .card__content__img-type4 {
  position: relative;
  padding-top: 35px;
  z-index: 1;
}

.card--base-d.card--shape-m .card__content__img-type4 p {
  position: relative;
  margin: auto;
  z-index: 3;
}

.card--base-d.card--shape-m .card__content__img-type4 p:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 102px;
  height: 102px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-m .card__content__img-type4 p img {
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 18px;
}

.card--base-d.card--shape-m .card__content__img-type4 strong {
  display: block;
  font-size: 13px;
  color: #333;
  line-height: 19px;
  font-weight: bold;
}

.card--base-d.card--shape-m .card__content__img-type4 span {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-m .card__content__img-type4 em {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #999;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-n {
  cursor: pointer;
  position: relative;
  width: 241px;
  margin-bottom: 20px;
  overflow: hidden;
  opacity: 1;
  border-top: 1px solid #d9d9d9;
}

.card--base-d.card--shape-n:hover .card__content a {
  text-decoration: underline;
}

.card--base-d.card--shape-n:hover .profile__info--nick a {
  text-decoration: underline;
}

.card--base-d.card--shape-n .card__user {
  border-bottom: none;
  background-color: #fff;
}

.card--base-d.card--shape-n .card__info {
  position: relative;
}

.card--base-d.card--shape-n .card__info__contents {
  height: 297px;
  overflow: hidden;
}

.card--base-d.card--shape-n .card__info__contents--text-type {
  padding: 0 17px 20px 17px;
}

.card--base-d.card--shape-n .card__title--share {
  margin-bottom: 10px;
}

.card--base-d.card--shape-n .card__title--share a {
  color: #666;
}

.card--base-d.card--shape-n .card__content p {
  margin-top: 153px;
  text-overflow: inherit;
  white-space: normal;
  overflow: hidden;
  padding-left: 18px;
  padding-right: 18px;
  opacity: 1;
}

.card--base-d.card--shape-n .card__content p em {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-n .card__content p em.point {
  color: #274c98;
}

.card--base-d.card--shape-n .card__content p em.title {
  display: block;
  width: 203px;
  height: 18px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.card--base-d.card--shape-n .card__content p a {
  display: block;
  height: 135px;
  overflow: hidden;
  word-break: break-all;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-n .card__content__tag--basic {
  font-weight: bold;
}

.card--base-d.card--shape-n .card__content__tag--basic:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-n .card__content__tag--search {
  color: #274c98;
  font-weight: bold;
}

.card--base-d.card--shape-n .card__content__tag--search:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-n .card__content__more {
  display: block;
  padding-top: 5px;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-n .card__content__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-n .card__content__more .icon--arrow {
  margin-left: 3px;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.card--base-d.card--shape-n .card__content__img-type1 {
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-n .card__content__img-type1 a {
  display: block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
}

.card--base-d.card--shape-n .card__content__img-type1 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-n .card__content__img-type1 img {
  /*
                        width:241px;
                        height:160px;
                        */
}

.card--base-d.card--shape-n .card__content__img-type1 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-n .card__content__img-type2 {
  padding-top: 15px;
  position: relative;
  width: 105px;
  height: 105px;
  z-index: 1;
}

.card--base-d.card--shape-n .card__content__img-type2 a {
  display: block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
}

.card--base-d.card--shape-n .card__content__img-type2 a::after {
  content: '';
  width: 103px;
  height: 103px;
  border: 1px solid #000000;
  position: absolute;
  top: 0;
  left: 0;
}

.card--base-d.card--shape-n .card__content__img-type2 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-n .card__content__img-type2 img {
  width: 105px;
  height: 105px;
}

.card--base-d.card--shape-n .card__content__img-type2 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-n .card__content__share {
  padding-top: 13px;
}

.card--base-d.card--shape-n .card__social {
  padding: 8px 17px;
  border-top: 1px solid #f1f1f1;
}

.card--base-d.card--shape-n .card__social span {
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-n .card__social__like {
  display: inline-block;
}

.card--base-d.card--shape-n .card__social__like .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -333px -537px;
  width: 15px;
  height: 13px;
}

.card--base-d.card--shape-n .card__social__comment {
  display: inline-block;
  margin-left: 11px;
}

.card--base-d.card--shape-n .card__social__comment .icon--comment {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -554px;
  width: 13px;
  height: 13px;
  margin-top: -1px;
}

.card--base-d.card--shape-n .card__social__share {
  margin-left: 19px;
}

.card--base-d.card--shape-n .card__social__share .icon--share {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -82px -571px;
  width: 12px;
  height: 13px;
}

.card--base-d.card--shape-n .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -94px -571px;
  width: 12px;
  height: 13px;
}

.card--base-d.card--shape-n .card__menu a:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -131px -240px;
  width: 10px;
  height: 6px;
}

.card--base-d.card--shape-n .card__menu a .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -151px -240px;
  width: 10px;
  height: 6px;
}

.card--base-d.card--shape-n .card__reply {
  padding: 12px 17px 16px;
  border-top: 1px solid #f1f1f1;
  background-color: #fafafa;
}

.card--base-d.card--shape-n .card__reply__more {
  display: block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-n .card__reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-n .card__reply li {
  margin-bottom: 11px;
}

.card--base-d.card--shape-n .card__reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-n .card__reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-n .card__reply .write {
  margin: 1px 0;
}

.card--base-d.card--shape-n .card__reply .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-n .card__reply .write--reply {
  float: left;
  width: auto;
  padding: 0;
}

.card--base-d.card--shape-n .card__reply .write--reply button {
  margin-left: 2px;
}

.card--base-d.card--shape-n .card__reply .write__textarea {
  float: left;
  width: 349px;
  min-height: 20px;
  padding: 5px 10px;
  margin-right: 4px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-n .card__reply .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-n .card__reply .write__textarea-edit {
  width: 285px !important;
}

.card--base-d.card--shape-n .card__reply .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-n .card__reply .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-n .card__reply .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-n .card__reply .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-n .card__reply .user__info {
  width: 424px;
}

.card--base-d.card--shape-n .card__reply .user__reply {
  position: relative;
  margin-left: 0;
}

.card--base-d.card--shape-n .card__reply .user__reply .user__info__nick {
  display: inline-block;
}

.card--base-d.card--shape-n .card__reply .user__reply .user__info__time {
  display: block;
  margin-top: 1px;
}

.card--base-d.card--shape-n .card__link {
  position: absolute;
  width: 241px;
  height: 334px;
  display: block;
  z-index: 1000;
}

.card--base-d.card--shape-o {
  position: relative;
}

.card--base-d.card--shape-o:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-o .card__user {
  position: relative;
  padding: 13px 17px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  background-color: #fff;
}

.card--base-d.card--shape-o .card__user__tootip {
  display: none;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(109%);
  z-index: 100;
}

.card--base-d.card--shape-o .card__user__tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-o .card__info__contents {
  position: relative;
  border: none;
  padding: 0 30px;
}

.card--base-d.card--shape-o .card__info__contents .card__content {
  overflow: hidden;
  word-break: break-all;
}

.card--base-d.card--shape-o .card__title--share {
  margin-bottom: 10px;
}

.card--base-d.card--shape-o .card__title--share a {
  color: #666;
}

.card--base-d.card--shape-o .card__content {
  /* 에디터 때문에 전체 선택자 사용하지마세요 */
}

.card--base-d.card--shape-o .card__content__title {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  color: #333;
  line-height: 19px;
  font-weight: bold;
}

.card--base-d.card--shape-o .card__content > p {
  text-overflow: inherit;
  white-space: normal;
  word-wrap: break-word;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-o .card__content > p em {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-o .card__content > p em.point {
  color: #274c98;
}

.card--base-d.card--shape-o .card__content > p iframe {
  max-width: 466px;
}

.card--base-d.card--shape-o .card__content > p .ui_image {
  max-width: 740px;
}

.card--base-d.card--shape-o .card__content__tag--basic {
  font-weight: bold;
}

.card--base-d.card--shape-o .card__content__tag--basic:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-o .card__content__tag--search {
  color: #274c98;
  font-weight: bold;
}

.card--base-d.card--shape-o .card__content__tag--search:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-o .card__content__more {
  display: block;
  padding-top: 5px;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-o .card__content__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-o .card__content__more .icon--arrow {
  margin-left: 3px;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.card--base-d.card--shape-o .card__content__img-type1 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-o .card__content__img-type1 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  max-width: 780px;
  overflow: hidden;
}

.card--base-d.card--shape-o .card__content__img-type1 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-o .card__content__img-type1 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-o .card__content__img-type1 img {
  max-width: 780px;
  height: auto;
}

.card--base-d.card--shape-o .card__content__img-type1 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-o .card__content__img-type1 iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card--base-d.card--shape-o .card__content__img-type1 .movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.card--base-d.card--shape-o .card__content__img-type1 .movie .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  background: url("../../images/share/icon_play-100x100.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-o .card__content__img-type1 .sum {
  position: relative;
}

.card--base-d.card--shape-o .card__content__img-type1 .sum .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: url("../../images/share/play_50x50.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-o .card__content__img-type1 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-o .card__content__img-type1 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-o .card__content__img-type2 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-o .card__content__img-type2 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  overflow: hidden;
  max-height: 700px;
}

.card--base-d.card--shape-o .card__content__img-type2 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-o .card__content__img-type2 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-o .card__content__img-type2 img {
  min-width: 104px;
  min-height: 104px;
}

.card--base-d.card--shape-o .card__content__img-type2 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-o .card__content__img-type2 iframe {
  display: block;
}

.card--base-d.card--shape-o .card__content__img-type2 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-o .card__content__img-type2 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-o .card__content__share {
  padding-top: 13px;
}

.card--base-d.card--shape-o .card__content__share audio {
  width: 720px;
  border: 1px solid #d9d9d9;
  border-top: none;
}

.card--base-d.card--shape-o .card__content__share .audio-loading {
  padding: 8px 0;
  border: 1px solid #d9d9d9;
  border-top: none;
  background-color: #ebedef;
  text-align: center;
  color: #666;
}

.card--base-d.card--shape-o .card__content__share .audio-loading strong {
  color: #f76430;
}

.card--base-d.card--shape-o .card__content__link {
  color: #274c98;
}

.card--base-d.card--shape-o .card__content__link:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-o .card__content .thumbnail {
  width: 466px;
}

.card--base-d.card--shape-o .card__content .thumbnail .card__content__img-type3 p:after {
  width: 99.7% !important;
  height: 99.4% !important;
}

.card--base-d.card--shape-o .card__content .thumbnail .card__content__img-type3 p .share-thumbnail {
  margin: 0;
  height: 260px;
  background-size: cover !important;
  background-repeat: no-repeat;
}

.card--base-d.card--shape-o .card__menu a:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -131px -240px;
  width: 10px;
  height: 6px;
}

.card--base-d.card--shape-o .card__menu a .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -151px -240px;
  width: 10px;
  height: 6px;
}

.card--base-d.card--shape-o .card__social {
  margin-top: 20px;
  padding: 8px 30px;
  border-top: 1px solid #f1f1f1;
}

.card--base-d.card--shape-o .card__social a {
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-o .card__social a:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-o .card__social__like .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -420px -554px;
  width: 14px;
  height: 12px;
}

.card--base-d.card--shape-o .card__social__like:hover .icon--heart,
.card--base-d.card--shape-o .card__social__like.is-active .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -406px -554px;
  width: 14px;
  height: 12px;
}

.card--base-d.card--shape-o .card__social__like:hover span,
.card--base-d.card--shape-o .card__social__like.is-active span {
  color: #333;
}

.card--base-d.card--shape-o .card__social__comment {
  margin-left: 20px;
}

.card--base-d.card--shape-o .card__social__comment .icon--comment {
  vertical-align: middle;
  margin-top: -1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -413px;
  width: 14px;
  height: 14px;
}

.card--base-d.card--shape-o .card__social__comment:hover .icon--comment {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -399px;
  width: 14px;
  height: 14px;
}

.card--base-d.card--shape-o .card__social__comment:hover span {
  color: #333;
}

.card--base-d.card--shape-o .card__social__share {
  margin-left: 26px;
}

.card--base-d.card--shape-o .card__social__share .icon--share {
  vertical-align: middle;
  margin-bottom: 1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -144px -554px;
  width: 16px;
  height: 14px;
}

.card--base-d.card--shape-o .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -128px -554px;
  width: 16px;
  height: 14px;
}

.card--base-d.card--shape-o .card__social__lookup {
  float: right;
  display: block;
  font-size: 12px;
  color: #999;
  line-height: 27px;
  font-weight: normal;
}

.card--base-d.card--shape-o .card__reply {
  padding: 12px 17px 16px;
  border-top: 1px solid #f1f1f1;
  background-color: #fafafa;
}

.card--base-d.card--shape-o .card__reply__more {
  display: block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-o .card__reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-o .card__reply__more .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -44px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-o .card__reply li {
  margin-bottom: 11px;
}

.card--base-d.card--shape-o .card__reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-o .card__reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-o .card__reply .write {
  margin: 1px 0;
}

.card--base-d.card--shape-o .card__reply .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-o .card__reply .write--reply {
  float: left;
  width: auto;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
}

.card--base-d.card--shape-o .card__reply .write--reply button {
  margin-left: 2px;
}

.card--base-d.card--shape-o .card__reply .write__textarea {
  float: left;
  width: 630px;
  min-height: 20px;
  padding: 5px 10px;
  margin-right: 4px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-o .card__reply .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-o .card__reply .write__textarea-edit {
  width: 568px !important;
}

.card--base-d.card--shape-o .card__reply .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-o .card__reply .write__textarea[contentEditable=false]:empty:not(:focus):before {
  content: attr(data-text);
  color: #ccc;
}

.card--base-d.card--shape-o .card__reply .write__textarea[contenteditable=false] {
  color: #ccc;
  background-color: #f6f6f6;
  overflow: hidden;
  border: 1px solid #dcdcdc;
}

.card--base-d.card--shape-o .card__reply .write__textarea input[type="button"] {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: #fff;
  vertical-align: baseline;
  cursor: pointer;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-o .card__reply .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-o .card__reply .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-o .card__reply .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-o .card__reply .user__info {
  width: 665px;
  word-break: break-all;
}

.card--base-d.card--shape-o .card__reply .user__info .platform {
  display: inherit;
  margin-right: 3px;
  color: #999;
}

.card--base-d.card--shape-o .card__reply .user__info__like {
  position: absolute;
  right: 0;
  bottom: -6px;
}

.card--base-d.card--shape-o .card__reply .user__info__like .icon--like {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -410px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-o .card__reply .user__info__like:hover .icon--like {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -386px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-o .card__reply .user__info__like.is-active .icon--like {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -362px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-o .card__reply .user__info__num {
  display: inline-block;
  width: 20px;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-o .card__reply .user__reply {
  position: relative;
  margin-left: 0;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}

.card--base-d.card--shape-o .card__reply .user__reply span {
  font-size: 12px;
}

.card--base-d.card--shape-o .card__reply .user__reply span a:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-o .card__reply .user__reply span a em {
  font-weight: bold;
}

.card--base-d.card--shape-o .card__reply .user__reply .user__info__nick {
  display: inline-block;
}

.card--base-d.card--shape-o .card__reply .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-o .card__reply .user__reply .user__info__time {
  position: relative;
  display: block;
  margin-top: 1px;
}

.card--base-d.card--shape-o .card__reply .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-left: 7px;
}

.card--base-d.card--shape-o .card__reply .user__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  left: -6px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-o .card__reply .user__reply .user__info__time:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-o .card__reply .user__reply .user__info__more {
  position: absolute;
  top: 0px;
  right: -44px;
}

.card--base-d.card--shape-o .card--shape-l .card__info__contents {
  padding: 0 17px 17px 17px;
}

.card--base-d.card--shape-p {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}

.card--base-d.card--shape-p:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-p .card__user {
  position: relative;
  padding: 20px 40px 10px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  background-color: #fff;
}

.card--base-d.card--shape-p .card__user__tootip {
  display: none;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(109%);
  z-index: 100;
}

.card--base-d.card--shape-p .card__user__tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-p .card__user .label-star {
  display: block;
  position: absolute;
  top: 0;
  left: -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -224px -586px;
  width: 12px;
  height: 12px;
}

.card--base-d.card--shape-p .card__user .profile--shape-d .profile__pic {
  position: relative;
  margin-top: 7px;
}

.card--base-d.card--shape-p .card__user .profile--shape-d .profile__pic .formstyle {
  margin: 5px 11px 0 0;
}

.card--base-d.card--shape-p .card__user .profile--shape-d .profile__info--nick a {
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__user .profile--shape-d .profile__info--nick a .icon--private {
  margin-left: 4px;
  margin-top: -2px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -289px -554px;
  width: 13px;
  height: 13px;
}

.card--base-d.card--shape-p .card__info {
  position: relative;
}

.card--base-d.card--shape-p .card__info__contents {
  padding: 0 40px 5px;
}

.card--base-d.card--shape-p .card__title--share {
  margin-bottom: 10px;
}

.card--base-d.card--shape-p .card__title--share a {
  color: #666;
}

.card--base-d.card--shape-p .card__content {
  /* [D] __img-type1 = max-width: 466px; max-height: 700px; */
  /* [D] __img-type2 = max-width: 104px; max-height: 466px; */
  /* [D] __img-type3 = max-width: 104px; max-height: 104px; */
}

.card--base-d.card--shape-p .card__content.img--side {
  position: relative;
  min-height: 90px;
}

.card--base-d.card--shape-p .card__content.img--side .card__content__title {
  max-width: 85%;
}

.card--base-d.card--shape-p .card__content.img--side .card__content__img-type1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  padding: 0;
  overflow: hidden;
}

.card--base-d.card--shape-p .card__content.img--side .card__content__img-type1 a {
  position: static;
  width: 90px;
  height: 90px;
}

.card--base-d.card--shape-p .card__content.img--side .card__content__img-type1 a img {
  width: 100%;
  height: auto;
}

.card--base-d.card--shape-p .card__content.img--side p {
  width: 85%;
}

.card--base-d.card--shape-p .card__content.img--side .all {
  width: 85%;
}

.card--base-d.card--shape-p .card__content.img--side .editor--ui__content {
  max-width: 85%;
}

.card--base-d.card--shape-p .card__content.img--side .file {
  max-width: 85%;
}

.card--base-d.card--shape-p .card__content .all {
  display: block;
  padding-top: 10px;
  font-size: 13px;
  color: #069fee;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__content .all:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-p .card__content .all .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -609px -598px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-p .card__content .all .icon--more {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -393px;
  width: 5px;
  height: 4px;
}

.card--base-d.card--shape-p .card__content p {
  text-overflow: inherit;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__content p em {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__content p em.point {
  color: #274c98;
}

.card--base-d.card--shape-p .card__content p iframe {
  max-width: 466px;
}

.card--base-d.card--shape-p .card__content__notice {
  display: inline-block;
  margin-right: 5px;
  font-size: 17px;
  color: #1da0eb;
  line-height: 20px;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__content__title {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 17px;
  color: #333;
  line-height: 20px;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__content__tag--basic {
  font-weight: bold;
}

.card--base-d.card--shape-p .card__content__tag--basic:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-p .card__content__tag--search {
  color: #274c98;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__content__tag--search:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-p .card__content__tagarea {
  margin-top: 10px;
}

.card--base-d.card--shape-p .card__content__more {
  display: block;
  padding-top: 5px;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-p .card__content__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-p .card__content__more .icon--arrow {
  margin-left: 3px;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.card--base-d.card--shape-p .card__content__share {
  padding-top: 13px;
}

.card--base-d.card--shape-p .card__content__share audio {
  width: 464px;
  border: 1px solid #d9d9d9;
  border-top: none;
}

.card--base-d.card--shape-p .card__content__share .audio-loading {
  min-width: 464px;
  padding: 8px 0;
  border: 1px solid #d9d9d9;
  border-top: none;
  background-color: #ebedef;
  text-align: center;
  color: #666;
}

.card--base-d.card--shape-p .card__content__share .audio-loading strong {
  color: #f76430;
}

.card--base-d.card--shape-p .card__content__link {
  color: #274c98;
}

.card--base-d.card--shape-p .card__content__link:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-p .card__content .icon--new {
  margin-left: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -343px;
  width: 14px;
  height: 14px;
}

.card--base-d.card--shape-p .card__content__img-type1 {
  width: 466px;
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-p .card__content__img-type1 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  max-width: 466px;
  max-height: 700px;
  overflow: hidden;
  background-size: cover !important;
  background-position: top !important;
}

.card--base-d.card--shape-p .card__content__img-type1 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-p .card__content__img-type1 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-p .card__content__img-type1 img {
  max-width: 466px;
  height: auto;
}

.card--base-d.card--shape-p .card__content__img-type1 span {
  position: absolute;
  bottom: 0px;
  right: 0;
  display: block;
  width: 31px;
  height: 25px;
  padding-top: 6px;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  text-align: center;
  z-index: 3;
  font-size: 11px;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__content__img-type1 iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card--base-d.card--shape-p .card__content__img-type1 .movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.card--base-d.card--shape-p .card__content__img-type1 .movie .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: url("../../images/share/play_50x50.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-p .card__content__img-type1 .sum {
  position: relative;
}

.card--base-d.card--shape-p .card__content__img-type1 .sum .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: url("../../images/share/play_50x50.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-p .card__content__img-type1 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 31px;
  height: 31px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-p .card__content__img-type1 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-p .card__content__img-type2 {
  width: 104px;
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-p .card__content__img-type2 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  max-width: 104px;
  max-height: 700px;
  overflow: hidden;
}

.card--base-d.card--shape-p .card__content__img-type2 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-p .card__content__img-type2 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-p .card__content__img-type2 img {
  max-width: 104px;
  height: auto;
}

.card--base-d.card--shape-p .card__content__img-type2 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 31px;
  height: 25px;
  padding-top: 6px;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  text-align: center;
  z-index: 3;
  font-size: 11px;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__content__img-type2 iframe {
  display: block;
}

.card--base-d.card--shape-p .card__content__img-type2 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-p .card__content__img-type2 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-p .card__content__img-type3 {
  width: 104px;
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-p .card__content__img-type3 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  max-width: 104px;
  max-height: 104px;
  overflow: hidden;
}

.card--base-d.card--shape-p .card__content__img-type3 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-p .card__content__img-type3 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-p .card__content__img-type3 img {
  max-width: 104px;
  height: auto;
}

.card--base-d.card--shape-p .card__content__img-type3 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 31px;
  height: 25px;
  padding-top: 6px;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  text-align: center;
  z-index: 3;
  font-size: 11px;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__content__img-type3 iframe {
  display: block;
}

.card--base-d.card--shape-p .card__content__img-type3 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-p .card__content__img-type3 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-p .card__social {
  padding: 8px 40px;
}

.card--base-d.card--shape-p .card__social a {
  margin-left: 25px;
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__social a:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-p .card__social__like .icon--heart {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -410px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__like:hover .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -386px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__like.is-active .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -362px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__comment .icon--comment {
  margin-top: -1px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -72px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__comment:hover .icon--comment {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -48px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__share .icon--share {
  margin-bottom: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -216px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -192px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__star .icon--star {
  margin-bottom: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -288px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__star:hover .icon--star {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -264px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__star.is-active .icon--star {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -240px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__download .icon--download {
  margin-bottom: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -290px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__download:hover .icon--download {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -266px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__download.is-active .icon--download {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -242px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__visits .icon--visits {
  margin-bottom: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -360px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__visits:hover .icon--visits {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -336px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__social__visits.is-active .icon--visits {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -312px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__menu a {
  right: 20px;
}

.card--base-d.card--shape-p .card__menu a:hover .icon--menu {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -532px;
  width: 18px;
  height: 5px;
}

.card--base-d.card--shape-p .card__menu a .icon--menu {
  margin-top: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -393px;
  width: 18px;
  height: 5px;
}

.card--base-d.card--shape-p .card__best-reply {
  padding: 12px 20px 0;
  margin: 15px 30px;
  border: 1px solid #efefef;
  background-color: #fafafa;
}

.card--base-d.card--shape-p .card__best-reply__like .user__info__more {
  right: 50px !important;
}

.card--base-d.card--shape-p .card__best-reply__comments {
  margin-left: 36px;
}

.card--base-d.card--shape-p .card__best-reply__comments .user__info__more {
  right: 35px !important;
}

.card--base-d.card--shape-p .card__best-reply li {
  margin-bottom: 11px;
  padding-top: 11px;
  border-top: 1px solid #efefef;
}

.card--base-d.card--shape-p .card__best-reply li:first-child {
  padding-top: 0;
  border: none;
}

.card--base-d.card--shape-p .card__best-reply li .write--reply .write__textarea {
  width: 700px;
}

.card--base-d.card--shape-p .card__best-reply li .write--reply .addition {
  right: 13px;
}

.card--base-d.card--shape-p .card__best-reply li .write--reply .tools {
  right: 2px;
  max-width: 806px;
}

.card--base-d.card--shape-p .card__best-reply--write {
  padding: 15px 40px;
  border-top: 1px solid #efefef;
  background-color: #fafafa;
}

.card--base-d.card--shape-p .card__best-reply__more {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__best-reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-p .card__best-reply__more .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -44px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-p .card__best-reply .dropdown {
  position: relative;
  display: inline-block;
}

.card--base-d.card--shape-p .card__best-reply .dropdown:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 4px;
  width: 1px;
  height: 9px;
  background-color: #d9d9d9;
}

.card--base-d.card--shape-p .card__best-reply .dropdown .sort {
  margin-left: 11px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__best-reply .dropdown .sort .icon--arrow {
  margin-top: -3px;
  margin-left: 4px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -553px;
  width: 9px;
  height: 4px;
}

.card--base-d.card--shape-p .card__best-reply .dropdown .sort:hover .icon--arrow,
.card--base-d.card--shape-p .card__best-reply .dropdown .sort:focus .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -599px;
  width: 9px;
  height: 4px;
}

.card--base-d.card--shape-p .card__best-reply .dropdown .dropdown__child {
  z-index: 1;
}

.card--base-d.card--shape-p .card__best-reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-p .card__best-reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-p .card__best-reply .user__info {
  width: 94% !important;
  max-width: 1264px;
  word-break: break-all;
}

.card--base-d.card--shape-p .card__best-reply .user__info .platform {
  margin-right: 3px;
  color: #999;
}

.card--base-d.card--shape-p .card__best-reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__best-reply .user__info__time {
  position: relative;
  display: table;
  margin-top: 1px;
}

.card--base-d.card--shape-p .card__best-reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  color: #666;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__best-reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  right: -6px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-p .card__best-reply .user__info__more {
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 28px;
  height: 20px;
}

.card--base-d.card--shape-p .card__best-reply .user__info__more:hover .icon--menu,
.card--base-d.card--shape-p .card__best-reply .user__info__more:focus .icon--menu {
  background-image: url("../../images/share/sprite/icon.png") !important;
  background-position: -537px -532px !important;
  width: 18px !important;
  height: 5px !important;
}

.card--base-d.card--shape-p .card__best-reply .user__info__like {
  position: absolute;
  right: 0;
  bottom: -6px;
}

.card--base-d.card--shape-p .card__best-reply .user__info__like .icon--like {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -410px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__best-reply .user__info__like:hover .icon--like {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -386px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__best-reply .user__info__like.is-active .icon--like {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -362px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__best-reply .user__info__num {
  display: inline-block;
  width: 20px;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__best-reply .user__info > div .best {
  width: auto;
  min-height: 12px;
  color: #ff5000;
  font-size: 9px;
  font-weight: bold;
  border: 1px solid #ff5000;
  border-radius: 10px;
  background-color: #fff;
  padding: 0 6px 1px;
  margin-right: 5px;
}

.card--base-d.card--shape-p .card__best-reply .user__info > div p {
  word-break: break-all;
}

.card--base-d.card--shape-p .card__best-reply .user__info > div p a em {
  font-weight: bold;
  font-style: normal;
  margin-right: 4px;
}

.card--base-d.card--shape-p .card__best-reply .user__info > div p .card__content__img-type2 {
  display: inline-block;
}

.card--base-d.card--shape-p .card__best-reply .user__reply {
  position: relative;
  width: 100%;
  margin-left: 0;
  word-wrap: break-word;
  word-break: break-all;
}

.card--base-d.card--shape-p .card__best-reply .user__reply > span > a:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-p .card__best-reply .user__reply > span > a > em {
  font-weight: bold;
}

.card--base-d.card--shape-p .card__best-reply .user__reply .best {
  width: 36px;
  color: #ff5000;
  font-size: 9px;
  font-weight: bold;
  border: 1px solid #ff5000;
  border-radius: 10px;
  background-color: #fff;
  padding: 0 6px 1px;
  margin-right: 5px;
}

.card--base-d.card--shape-p .card__best-reply .user--reply:hover .icon--menu {
  margin: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -393px;
  width: 18px;
  height: 5px;
}

.card--base-d.card--shape-p .card__reply {
  padding: 15px 40px;
  border-top: 1px solid #efefef;
  background-color: #fff;
}

.card--base-d.card--shape-p .card__reply li {
  margin-bottom: 11px;
  padding-top: 11px;
  border-top: 1px solid #efefef;
}

.card--base-d.card--shape-p .card__reply li:first-child {
  padding-top: 0;
  border: none;
}

.card--base-d.card--shape-p .card__reply li .write--reply .addition {
  right: 13px;
}

.card--base-d.card--shape-p .card__reply li .write--reply .tools {
  width: 828px;
  right: 0;
}

.card--base-d.card--shape-p .card__reply--write {
  padding: 15px 40px;
  border-top: 1px solid #efefef;
  background-color: #fafafa;
}

.card--base-d.card--shape-p .card__reply--write .write .write__textarea {
  width: 754px !important;
}

.card--base-d.card--shape-p .card__reply--write .write .tools {
  width: 862px !important;
}

.card--base-d.card--shape-p .card__reply__more {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-p .card__reply__more .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -44px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-p .card__reply__like .user__info__more {
  right: 50px !important;
}

.card--base-d.card--shape-p .card__reply__like > ul {
  margin-top: 15px;
}

.card--base-d.card--shape-p .card__reply__like > ul li:first-child {
  padding-top: 11px;
  border-top: 1px solid #efefef;
}

.card--base-d.card--shape-p .card__reply__like > ul li .user--reply .reply__write .write .tools {
  width: 790px !important;
}

.card--base-d.card--shape-p .card__reply__like .user--reply .reply__write__comments .write--reply .write__textarea {
  width: 722px;
}

.card--base-d.card--shape-p .card__reply__comments {
  position: relative;
  margin-left: 36px;
}

.card--base-d.card--shape-p .card__reply__comments:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -16px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -464px;
  width: 7px;
  height: 7px;
}

.card--base-d.card--shape-p .card__reply__comments .user__info__more {
  right: 50px !important;
}

.card--base-d.card--shape-p .card__reply__comments .write__textarea {
  width: 684px !important;
}

.card--base-d.card--shape-p .card__reply__comments .tools {
  right: 1px !important;
  width: 790px !important;
}

.card--base-d.card--shape-p .card__reply .dropdown {
  position: relative;
  display: inline-block;
}

.card--base-d.card--shape-p .card__reply .dropdown:first-child {
  margin-bottom: 12px;
}

.card--base-d.card--shape-p .card__reply .dropdown:first-child:before {
  display: none;
}

.card--base-d.card--shape-p .card__reply .dropdown:first-child .sort {
  margin-left: 0;
}

.card--base-d.card--shape-p .card__reply .dropdown:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 4px;
  width: 1px;
  height: 9px;
  background-color: #d9d9d9;
}

.card--base-d.card--shape-p .card__reply .dropdown .sort {
  margin-left: 11px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__reply .dropdown .sort .icon--arrow {
  margin-top: -3px;
  margin-left: 4px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -553px;
  width: 9px;
  height: 4px;
}

.card--base-d.card--shape-p .card__reply .dropdown .sort:hover .icon--arrow,
.card--base-d.card--shape-p .card__reply .dropdown .sort:focus .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -599px;
  width: 9px;
  height: 4px;
}

.card--base-d.card--shape-p .card__reply .dropdown .dropdown__child {
  z-index: 1;
}

.card--base-d.card--shape-p .card__reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-p .card__reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-p .card__reply .reply__write__comments {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-left: 34px;
}

.card--base-d.card--shape-p .card__reply .reply__write__comments .write--reply:before {
  content: "";
  position: absolute;
  top: 10px;
  left: -14px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -464px;
  width: 7px;
  height: 7px;
}

.card--base-d.card--shape-p .card__reply .reply__write__comments .write--reply .write__textarea {
  width: 720px !important;
}

.card--base-d.card--shape-p .card__reply .user__info {
  width: 94% !important;
  max-width: 1264px;
  word-break: break-all;
}

.card--base-d.card--shape-p .card__reply .user__info .platform {
  margin-right: 3px;
  color: #999;
}

.card--base-d.card--shape-p .card__reply .user__info__more {
  width: 28px;
  height: 20px;
}

.card--base-d.card--shape-p .card__reply .user__info__more:hover .icon--menu,
.card--base-d.card--shape-p .card__reply .user__info__more:focus .icon--menu {
  display: inline-block;
  background-image: url("../../images/share/sprite/icon.png") !important;
  background-position: -537px -532px !important;
  width: 18px !important;
  height: 5px !important;
}

.card--base-d.card--shape-p .card__reply .user__info__like {
  position: absolute;
  right: 0;
  bottom: -6px;
}

.card--base-d.card--shape-p .card__reply .user__info__like .icon--like {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -410px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__reply .user__info__like:hover .icon--like {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -386px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__reply .user__info__like.is-active .icon--like {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -362px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-p .card__reply .user__info__num {
  display: inline-block;
  width: 20px;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__reply .user__info__time {
  position: relative;
  display: table;
  margin-top: 4px;
}

.card--base-d.card--shape-p .card__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  color: #666;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__reply .user__info__time span.is-active {
  color: #ff5000;
}

.card--base-d.card--shape-p .card__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  right: -5px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-p .card__reply .user__info__time time {
  position: relative;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply {
  position: relative;
  width: 96%;
  margin-left: 0;
  word-wrap: break-word;
  word-break: break-all;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply > span > a:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply > span > a > em {
  font-weight: bold;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply .user__info__time {
  position: relative;
  display: table;
  margin-top: 4px;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  color: #666;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply .user__info__time span.is-active {
  color: #ff5000;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply .user__info__time span:first-child:after {
  display: none;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply .user__info__time span:after {
  content: unset !important;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply .user__info__time time {
  position: relative;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply .user__info__time time:after {
  content: unset !important;
}

.card--base-d.card--shape-p .card__reply .user__info__nodot .user__reply .user__info__more {
  position: absolute;
  bottom: -4px;
  right: 0;
}

.card--base-d.card--shape-p .card__reply .user--reply:hover .icon--menu {
  margin: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -393px;
  width: 18px;
  height: 5px;
}

.card--base-d.card--shape-p .card__reply .user--reply > .user__info__time {
  margin-top: 5px;
  margin-left: 30px;
}

.card--base-d.card--shape-p .card__reply .user__reply {
  position: relative;
  width: 100%;
  margin-left: 0;
  word-wrap: break-word;
  word-break: break-all;
}

.card--base-d.card--shape-p .card__reply .user__reply > span p {
  word-break: break-word;
}

.card--base-d.card--shape-p .card__reply .user__reply > span > a:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-p .card__reply .user__reply > span > a > em {
  font-weight: bold;
}

.card--base-d.card--shape-p .card__reply .user__reply > div p {
  word-break: break-all;
}

.card--base-d.card--shape-p .card__reply .user__reply > div p a em {
  font-weight: bold;
  font-style: normal;
  margin-right: 4px;
}

.card--base-d.card--shape-p .card__reply .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-p .card__reply .user__reply .user__info__time {
  position: relative;
  display: table;
  margin-top: 1px;
}

.card--base-d.card--shape-p .card__reply .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  color: #666;
  font-weight: bold;
}

.card--base-d.card--shape-p .card__reply .user__reply .user__info__time span.is-active {
  color: #ff5000;
}

.card--base-d.card--shape-p .card__reply .user__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  right: -5px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-p .card__reply .user__reply .user__info__time time {
  position: relative;
}

.card--base-d.card--shape-p .card__reply .user__reply .user__info__more {
  position: absolute;
  bottom: -4px;
  right: 0;
}

.card--base-d.card--shape-p .card__reply .emoji__img {
  display: block;
  max-width: 100px;
  min-height: 100px;
}

.card--base-d.card--shape-p .write {
  margin: 1px 0;
}

.card--base-d.card--shape-p .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-p .write .tools {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 1164px;
  margin-left: 1px;
  padding: 6px 11px;
  border-top: 1px solid #efefef;
}

.card--base-d.card--shape-p .write .tools:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-p .write .tools__check {
  float: left;
  padding-top: 5px;
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-p .write .tools__btn {
  float: right;
}

.card--base-d.card--shape-p .write--reply {
  position: relative;
  width: auto;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
}

.card--base-d.card--shape-p .write--reply.open .write__textarea {
  width: 720px;
  min-height: 102px;
  padding-bottom: 40px;
}

.card--base-d.card--shape-p .write--reply.open .addition {
  bottom: 48px;
}

.card--base-d.card--shape-p .write--reply.open .tools {
  width: 828px;
  display: block;
}

.card--base-d.card--shape-p .write--reply > button {
  margin-left: 2px;
}

.card--base-d.card--shape-p .write--reply .addition {
  position: absolute;
  right: 12px;
  bottom: 8px;
}

.card--base-d.card--shape-p .write--reply .addition > a {
  float: left;
  display: block;
  margin-left: 15px;
}

.card--base-d.card--shape-p .write--reply .addition > a:hover .icon--photo {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -292px;
  width: 18px;
  height: 17px;
}

.card--base-d.card--shape-p .write--reply .addition > a:hover .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -101px -537px;
  width: 21px;
  height: 16px;
}

.card--base-d.card--shape-p .write--reply .addition > a.is-active .icon--emoji,
.card--base-d.card--shape-p .write--reply .addition > a:focus .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -58px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-p .write--reply .addition > a .icon {
  vertical-align: middle;
}

.card--base-d.card--shape-p .write--reply .addition > a .icon--photo {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -309px;
  width: 18px;
  height: 17px;
}

.card--base-d.card--shape-p .write--reply .addition > a .icon--photo + .photo--tootip {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-46%);
  z-index: 100;
}

.card--base-d.card--shape-p .write--reply .addition > a .icon--photo + .photo--tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-p .write--reply .addition > a .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -122px -537px;
  width: 21px;
  height: 16px;
}

.card--base-d.card--shape-p .write--reply .addition > a .icon--video + .video--tootip {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-46%);
  z-index: 100;
}

.card--base-d.card--shape-p .write--reply .addition > a .icon--video + .video--tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-p .write--reply .addition > a .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -96px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-p .write--reply .addition > a .icon--emoji + .emoji--tootip {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-46%);
  z-index: 100;
}

.card--base-d.card--shape-p .write--reply .addition > a .icon--emoji + .emoji--tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-p .write--reply .addition > a.photo--toggle {
  position: relative;
}

.card--base-d.card--shape-p .write--reply .addition > a.photo--toggle:hover .icon--photo {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -292px;
  width: 18px;
  height: 17px;
}

.card--base-d.card--shape-p .write--reply .addition > a.photo--toggle:hover .icon + .photo--tootip {
  display: block;
}

.card--base-d.card--shape-p .write--reply .addition > a.video--toggle {
  position: relative;
}

.card--base-d.card--shape-p .write--reply .addition > a.video--toggle:hover .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -101px -537px;
  width: 21px;
  height: 16px;
}

.card--base-d.card--shape-p .write--reply .addition > a.video--toggle:hover .icon + .video--tootip {
  display: block;
}

.card--base-d.card--shape-p .write--reply .addition > a.emoji--toggle {
  position: relative;
}

.card--base-d.card--shape-p .write--reply .addition > a.emoji--toggle:hover .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -77px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-p .write--reply .addition > a.emoji--toggle:hover .icon + .emoji--tootip {
  display: block;
}

.card--base-d.card--shape-p .write__textarea {
  float: left;
  width: 754px;
  min-height: 24px;
  padding: 4px 116px 4px 13px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 13px;
  color: #666;
  line-height: 26px;
  font-weight: normal;
}

.card--base-d.card--shape-p .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-p .write__textarea-edit {
  width: 394px;
}

.card--base-d.card--shape-p .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-p .write__textarea[contentEditable=false]:empty:not(:focus):before {
  content: attr(data-text);
  color: #ccc;
}

.card--base-d.card--shape-p .write__textarea[contenteditable=false] {
  color: #ccc;
  background-color: #f6f6f6;
  overflow: hidden;
  border: 1px solid #dcdcdc;
}

.card--base-d.card--shape-p .write__textarea[contenteditable=false] ~ .addition {
  pointer-events: none;
}

.card--base-d.card--shape-p .write__textarea input[type="button"] {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: #fff;
  vertical-align: baseline;
  cursor: pointer;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-p .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-p .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-p .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-p .card--base-d.card--shape-j .card__content__img-type1 img {
  width: 537px !important;
}

.card--base-d.card--shape-p .file {
  margin: 20px 0;
  border: 1px solid #e7e7e7;
}

.card--base-d.card--shape-p .file--header {
  position: relative;
  height: 52px;
  padding: 0 19px;
  background-color: #fafafa;
}

.card--base-d.card--shape-p .file--header:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-p .file--header__title {
  float: left;
  margin-top: 9px;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-p .file--header__title .icon--attachment {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -233px;
  width: 32px;
  height: 32px;
}

.card--base-d.card--shape-p .file--header__title span {
  position: relative;
  margin-left: 26px;
  vertical-align: middle;
}

.card--base-d.card--shape-p .file--header__title span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -15px;
  width: 1px;
  height: 23px;
  background-color: #e9e9e9;
}

.card--base-d.card--shape-p .file--header__title span em {
  color: #f0562d;
}

.card--base-d.card--shape-p .file--header .icon--arrow {
  position: absolute;
  top: 20px;
  right: 20px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -240px -298px;
  width: 11px;
  height: 7px;
}

.card--base-d.card--shape-p .file--header .icon--arrow.on {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -295px -298px;
  width: 11px;
  height: 7px;
}

.card--base-d.card--shape-p .file--contents {
  display: none;
  border-top: 1px solid #e7e7e7;
}

.card--base-d.card--shape-p .file--contents__file {
  position: relative;
  padding: 0 20px;
}

.card--base-d.card--shape-p .file--contents__file:hover {
  background-color: #f7f7f7;
}

.card--base-d.card--shape-p .file--contents__file:hover .icon {
  display: block;
}

.card--base-d.card--shape-p .file--contents__file:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-p .file--contents__file .name {
  float: left;
  width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #666;
  line-height: 34px;
  font-weight: normal;
}

.card--base-d.card--shape-p .file--contents__file .byte {
  float: right;
  padding-right: 20px;
  font-size: 11px;
  color: #999;
  line-height: 34px;
  font-weight: normal;
}

.card--base-d.card--shape-p .file--contents__file .delete {
  display: none;
  position: absolute;
  top: 9px;
  right: 12px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -273px;
  width: 14px;
  height: 14px;
}

.card--base-d.card--shape-p .file--contents__file .download {
  position: absolute;
  top: 11px;
  right: 20px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -46px -571px;
  width: 12px;
  height: 13px;
}

.card--base-d.card--shape-p .file--contents__file .download:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -34px -571px;
  width: 12px;
  height: 13px;
}

.card--base-d.card--shape-q {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}

.card--base-d.card--shape-q:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-q .user .button_reset {
  -moz-user-select: none;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  position: relative;
  overflow: visible;
  zoom: 1;
  *display: inline;
  text-decoration: none;
}

.card--base-d.card--shape-q .user__actionable {
  display: block;
  overflow: hidden;
  margin-right: 9px;
  margin-top: -17px;
}

.card--base-d.card--shape-q .user__actionable .right {
  float: right;
}

.card--base-d.card--shape-q .user__actionable__up {
  float: left;
  margin-right: 9px;
}

.card--base-d.card--shape-q .user__actionable__up button {
  padding: 0 0 0 20px;
  -moz-user-select: none;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  position: relative;
  overflow: visible;
  zoom: 1;
  *display: inline;
  text-decoration: none;
}

.card--base-d.card--shape-q .user__actionable__up button span {
  font-size: 13px;
  color: #999;
  line-height: 17px;
  font-weight: normal;
}

.card--base-d.card--shape-q .user__actionable__up button .icon {
  position: absolute;
  top: 4px;
  left: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -538px -554px;
  width: 13px;
  height: 12px;
}

.card--base-d.card--shape-q .user__actionable__up.is-active button .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -551px -554px;
  width: 13px;
  height: 12px;
}

.card--base-d.card--shape-q .user__actionable__down {
  float: left;
}

.card--base-d.card--shape-q .user__actionable__down button {
  padding: 0 0 0 20px;
  -moz-user-select: none;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  position: relative;
  overflow: visible;
  zoom: 1;
  *display: inline;
  text-decoration: none;
}

.card--base-d.card--shape-q .user__actionable__down button span {
  font-size: 13px;
  color: #999;
  line-height: 17px;
  font-weight: normal;
}

.card--base-d.card--shape-q .user__actionable__down button::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -447px -554px;
  width: 13px;
  height: 12px;
}

.card--base-d.card--shape-q .card--base-d.card--shape-j .card__content__img-type1 img {
  width: 537px !important;
}

.card--base-d.card--shape-q .card__user {
  position: relative;
  padding: 13px 17px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  background-color: #fff;
}

.card--base-d.card--shape-q .card__user__tootip {
  display: none;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(109%);
  z-index: 100;
}

.card--base-d.card--shape-q .card__user__tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-q .card__info {
  position: relative;
}

.card--base-d.card--shape-q .card__info__contents {
  padding: 0 17px 17px 17px;
}

.card--base-d.card--shape-q .card__title--share {
  margin-bottom: 10px;
}

.card--base-d.card--shape-q .card__title--share a {
  color: #666;
}

.card--base-d.card--shape-q .card__rated {
  overflow: hidden;
  height: 29px;
}

.card--base-d.card--shape-q .card__rated__stars {
  float: left;
  margin-right: 5px;
  overflow: hidden;
}

.card--base-d.card--shape-q .card__rated__stars .icon {
  float: left;
  margin-right: 2px;
}

.card--base-d.card--shape-q .card__rated__stars .icon--star-fill {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -486px -554px;
  width: 13px;
  height: 12px;
}

.card--base-d.card--shape-q .card__rated__stars .icon--star-null {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -525px -554px;
  width: 13px;
  height: 12px;
}

.card--base-d.card--shape-q .card__content__title {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
  line-height: 19px;
  font-weight: bold;
}

.card--base-d.card--shape-q .card__content p {
  text-overflow: inherit;
  white-space: normal;
  word-wrap: break-word;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-q .card__content p em {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-q .card__content p em.point {
  color: #274c98;
}

.card--base-d.card--shape-q .card__content p iframe {
  max-width: 466px;
}

.card--base-d.card--shape-q .card__content .all {
  display: block;
  padding-top: 10px;
  font-size: 13px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-q .card__content .all:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-q .card__content .all .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -44px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-q .card__content__tag--basic {
  font-weight: bold;
}

.card--base-d.card--shape-q .card__content__tag--basic:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-q .card__content__tag--search {
  color: #274c98;
  font-weight: bold;
}

.card--base-d.card--shape-q .card__content__tag--search:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-q .card__content__more {
  display: block;
  padding-top: 5px;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-q .card__content__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-q .card__content__more .icon--arrow {
  margin-left: 3px;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.card--base-d.card--shape-q .card__content__img-type1 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-q .card__content__img-type1 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  max-width: 573px;
  max-height: 700px;
  overflow: hidden;
}

.card--base-d.card--shape-q .card__content__img-type1 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-q .card__content__img-type1 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-q .card__content__img-type1 img {
  max-width: 573px;
  height: auto;
}

.card--base-d.card--shape-q .card__content__img-type1 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 31px;
  height: 25px;
  padding-top: 6px;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  text-align: center;
  z-index: 3;
  font-size: 11px;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
}

.card--base-d.card--shape-q .card__content__img-type1 iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card--base-d.card--shape-q .card__content__img-type1 .movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.card--base-d.card--shape-q .card__content__img-type1 .movie .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: url("../../images/share/play_50x50.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-q .card__content__img-type1 .sum {
  position: relative;
}

.card--base-d.card--shape-q .card__content__img-type1 .sum .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: url("../../images/share/play_50x50.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-q .card__content__img-type1 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 31px;
  height: 31px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-q .card__content__img-type1 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-q .card__content__img-type2 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-q .card__content__img-type2 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  overflow: hidden;
  max-height: 700px;
}

.card--base-d.card--shape-q .card__content__img-type2 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-q .card__content__img-type2 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-q .card__content__img-type2 img {
  min-width: 104px;
  min-height: 104px;
}

.card--base-d.card--shape-q .card__content__img-type2 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 31px;
  height: 25px;
  padding-top: 6px;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  text-align: center;
  z-index: 3;
  font-size: 11px;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
}

.card--base-d.card--shape-q .card__content__img-type2 iframe {
  display: block;
}

.card--base-d.card--shape-q .card__content__img-type2 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-q .card__content__img-type2 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-q .card__content__share {
  padding-top: 13px;
}

.card--base-d.card--shape-q .card__content__share audio {
  width: 464px;
  border: 1px solid #d9d9d9;
  border-top: none;
}

.card--base-d.card--shape-q .card__content__share .audio-loading {
  width: 464px;
  padding: 8px 0;
  border: 1px solid #d9d9d9;
  border-top: none;
  background-color: #ebedef;
  text-align: center;
  color: #666;
}

.card--base-d.card--shape-q .card__content__share .audio-loading strong {
  color: #f76430;
}

.card--base-d.card--shape-q .card__content .thumbnail .card__content__img-type3 p:after {
  width: 99.8% !important;
  height: 99.4% !important;
}

.card--base-d.card--shape-q .card__content .thumbnail .card__content__img-type3 p .share-thumbnail {
  margin: 0;
  height: 260px;
  background-size: cover !important;
  background-repeat: no-repeat;
}

.card--base-d.card--shape-q .card__social {
  padding: 8px 17px;
  border-top: 1px solid #f1f1f1;
}

.card--base-d.card--shape-q .card__social a {
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-q .card__social a:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-q .card__social__like .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -420px -554px;
  width: 14px;
  height: 12px;
}

.card--base-d.card--shape-q .card__social__like:hover .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -556px -537px;
  width: 14px;
  height: 12px;
}

.card--base-d.card--shape-q .card__social__like:hover span {
  color: #333;
}

.card--base-d.card--shape-q .card__social__like.is-active .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -406px -554px;
  width: 14px;
  height: 12px;
}

.card--base-d.card--shape-q .card__social__like.is-active span {
  color: #333;
}

.card--base-d.card--shape-q .card__social__comment {
  margin-left: 18px;
}

.card--base-d.card--shape-q .card__social__comment .icon--comment {
  margin-top: -1px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -413px;
  width: 14px;
  height: 14px;
}

.card--base-d.card--shape-q .card__social__comment:hover .icon--comment {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -399px;
  width: 14px;
  height: 14px;
}

.card--base-d.card--shape-q .card__social__comment:hover span {
  color: #333;
}

.card--base-d.card--shape-q .card__social__share {
  margin-left: 19px;
}

.card--base-d.card--shape-q .card__social__share .icon--share {
  margin-bottom: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -144px -554px;
  width: 16px;
  height: 14px;
}

.card--base-d.card--shape-q .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -128px -554px;
  width: 16px;
  height: 14px;
}

.card--base-d.card--shape-q .card__menu a:hover .icon--menu {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -142px;
  width: 4px;
  height: 16px;
}

.card--base-d.card--shape-q .card__menu a .icon--menu {
  margin-top: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -608px -142px;
  width: 4px;
  height: 16px;
}

.card--base-d.card--shape-q .card__reply {
  padding: 12px 17px 16px;
  border-top: 1px solid #f1f1f1;
  background-color: #fafafa;
}

.card--base-d.card--shape-q .card__reply__more {
  display: block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-q .card__reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-q .card__reply__more .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -44px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-q .card__reply li {
  margin-bottom: 11px;
}

.card--base-d.card--shape-q .card__reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-q .card__reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-q .card__reply .write {
  margin: 1px 0;
}

.card--base-d.card--shape-q .card__reply .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-q .card__reply .write--reply {
  float: left;
  width: auto;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
}

.card--base-d.card--shape-q .card__reply .write--reply button {
  margin-left: 2px;
}

.card--base-d.card--shape-q .card__reply .write__textarea {
  float: left;
  width: 348px;
  min-height: 20px;
  padding: 5px 10px;
  margin-right: 4px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-q .card__reply .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-q .card__reply .write__textarea-edit {
  width: 394px !important;
}

.card--base-d.card--shape-q .card__reply .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-q .card__reply .write__textarea input[type="button"] {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: #fff;
  vertical-align: baseline;
  cursor: pointer;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-q .card__reply .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-q .card__reply .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-q .card__reply .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-q .card__reply .user__info {
  width: 432px;
  word-break: break-all;
}

.card--base-d.card--shape-q .card__reply .user__info .platform {
  display: inherit;
  margin-right: 3px;
  color: #999;
}

.card--base-d.card--shape-q .card__reply .user__reply {
  position: relative;
  margin-left: 0;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}

.card--base-d.card--shape-q .card__reply .user__reply span::after {
  content: "";
  display: block;
}

.card--base-d.card--shape-q .card__reply .user__reply .user__info__nick {
  display: inline-block;
}

.card--base-d.card--shape-q .card__reply .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-q .card__reply .user__reply .user__info__time {
  position: relative;
  display: inlin-block;
  margin-top: 5px;
}

.card--base-d.card--shape-q .card__reply .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-left: 7px;
}

.card--base-d.card--shape-q .card__reply .user__reply .user__info__time span a {
  color: #999999;
}

.card--base-d.card--shape-q .card__reply .user__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  left: -6px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-q .card__reply .user__reply .user__info__time:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-q .card__reply .user__reply .user__info__more {
  clear: both;
  position: absolute;
  top: 0px;
  right: 0;
}

.card--base-d.card--shape-r {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  background-color: #fff;
}

.card--base-d.card--shape-r:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-r:first-child .card__user__tail {
  margin-top: 0;
}

.card--base-d.card--shape-r .card__user {
  position: relative;
  padding: 13px 18px 7px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  background-color: #fff;
}

.card--base-d.card--shape-r .card__user__mycomments {
  margin-top: -9px;
  margin-bottom: 7px;
  padding-bottom: 3px;
  border-bottom: 1px solid #f5f5f5;
}

.card--base-d.card--shape-r .card__user__mycomments p {
  font-size: 11px;
  line-height: 18px;
  color: #999;
}

.card--base-d.card--shape-r .card__user__tail {
  margin-top: -9px;
  margin-bottom: 7px;
  padding-bottom: 3px;
  border-bottom: 1px solid #f5f5f5;
}

.card--base-d.card--shape-r .card__user__tail a {
  font-size: 11px;
  line-height: 18px;
  color: #999;
}

.card--base-d.card--shape-r .card__user__tail a span {
  color: #666;
  font-weight: bold;
}

.card--base-d.card--shape-r .card__user__tootip {
  display: none;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(109%);
  z-index: 100;
}

.card--base-d.card--shape-r .card__user__tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-r .card__user .card__menu a {
  top: 7px;
  right: 5px;
}

.card--base-d.card--shape-r .card__info {
  position: relative;
}

.card--base-d.card--shape-r .card__info__contents {
  padding: 0 17px 15px 17px;
}

.card--base-d.card--shape-r .card__title--share {
  margin-bottom: 10px;
}

.card--base-d.card--shape-r .card__title--share a {
  color: #666;
}

.card--base-d.card--shape-r .card__content {
  overflow: hidden;
}

.card--base-d.card--shape-r .card__content .all {
  display: block;
  padding-top: 10px;
  font-size: 13px;
  color: #6c96ac;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-r .card__content .all:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-r .card__content .all .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -609px -598px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-r .card__content .all .icon--more {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -393px;
  width: 5px;
  height: 4px;
}

.card--base-d.card--shape-r .card__content .card--survey {
  margin: 15px 0 0;
}

.card--base-d.card--shape-r .card__content p {
  text-overflow: inherit;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-r .card__content p em {
  font-size: 12px;
  color: #555;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-r .card__content p em.point {
  color: #274c98;
}

.card--base-d.card--shape-r .card__content p iframe {
  max-width: 466px;
}

.card--base-d.card--shape-r .card__content__title {
  display: block;
  margin-bottom: 10px;
  word-break: break-all;
  font-size: 14px;
  color: #333;
  line-height: 19px;
  font-weight: bold;
}

.card--base-d.card--shape-r .card__content__text span {
  display: inline-block;
  -ms-word-break: break-all;
  word-break: break-all;
}

.card--base-d.card--shape-r .card__content__tag--area .tag {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  color: #5d93b4;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-r .card__content__tag--area .tag:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-r .card__content__tag--area .tag:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-r .card__content__tag--basic {
  font-weight: bold;
}

.card--base-d.card--shape-r .card__content__tag--basic:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-r .card__content__tag--search {
  color: #274c98;
  font-weight: bold;
}

.card--base-d.card--shape-r .card__content__tag--search:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-r .card__content__more {
  display: block;
  padding-top: 5px;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-r .card__content__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-r .card__content__more .icon--arrow {
  margin-left: 3px;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.card--base-d.card--shape-r .card__content__share {
  padding-top: 13px;
}

.card--base-d.card--shape-r .card__content__share audio {
  width: 464px;
  border: 1px solid #d9d9d9;
  border-top: none;
}

.card--base-d.card--shape-r .card__content__share .audio-loading {
  width: 464px;
  padding: 8px 0;
  border: 1px solid #d9d9d9;
  border-top: none;
  background-color: #ebedef;
  text-align: center;
  color: #666;
}

.card--base-d.card--shape-r .card__content__share .audio-loading strong {
  color: #f76430;
}

.card--base-d.card--shape-r .card__content__link {
  color: #274c98;
}

.card--base-d.card--shape-r .card__content__link:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-r .card__content__img-type1 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
  font-size: 0;
}

.card--base-d.card--shape-r .card__content__img-type1 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  max-width: 100%;
  max-height: 700px;
  overflow: hidden;
}

.card--base-d.card--shape-r .card__content__img-type1 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-r .card__content__img-type1 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-r .card__content__img-type1 img {
  max-width: 466px;
  height: auto;
}

.card--base-d.card--shape-r .card__content__img-type1 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-r .card__content__img-type1 iframe {
  display: block;
}

.card--base-d.card--shape-r .card__content__img-type1 .movie {
  position: relative;
  background-color: #000;
  text-align: center;
}

.card--base-d.card--shape-r .card__content__img-type1 .movie .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  background: url("../../images/share/icon_play-100x100.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-r .card__content__img-type1 .sum {
  position: relative;
}

.card--base-d.card--shape-r .card__content__img-type1 .sum .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: url("../../images/share/play_50x50.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-r .card__content__img-type1 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-r .card__content__img-type1 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-r .card__content__img-type2 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-r .card__content__img-type2 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  overflow: hidden;
  max-height: 700px;
}

.card--base-d.card--shape-r .card__content__img-type2 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-r .card__content__img-type2 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-r .card__content__img-type2 img {
  width: 104px;
  min-height: 104px;
}

.card--base-d.card--shape-r .card__content__img-type2 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-r .card__content__img-type2 iframe {
  display: block;
}

.card--base-d.card--shape-r .card__content__img-type2 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-r .card__content__img-type2 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-r .card__content__img-type7 {
  position: relative;
  height: 37px;
  padding: 13px;
  border: 1px solid #e4e4e4;
  background-color: #fafafa;
  z-index: 1;
}

.card--base-d.card--shape-r .card__content__img-type7 .icon--ex {
  margin-right: 6px;
  vertical-align: bottom;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -115px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-r .card__content__img-type7 strong {
  display: block;
  font-size: 13px;
  color: #333;
  line-height: 21px;
}

.card--base-d.card--shape-r .card__content__img-type7 span {
  display: block;
  margin-left: 25px;
  font-size: 13px;
  color: #666;
  line-height: 21px;
}

.card--base-d.card--shape-r .card__social {
  position: relative;
  margin-top: -5px;
  padding: 0 17px 6px;
}

.card--base-d.card--shape-r .card__social span {
  font-size: 11px;
  color: #999;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-r .card__social__like .icon--heart {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url("../../images/share/tr/heart_20x20.png") 0 0 no-repeat;
}

.card--base-d.card--shape-r .card__social__like:hover .icon--heart {
  width: 20px;
  height: 20px;
  background: url("../../images/share/tr/heart_20x20-over.png") 0 0 no-repeat;
}

.card--base-d.card--shape-r .card__social__like:hover span {
  color: #333;
}

.card--base-d.card--shape-r .card__social__like.is-active .icon--heart {
  width: 20px;
  height: 20px;
  background: url("../../images/share/tr/heart_20x20-on.png") 0 0 no-repeat;
}

.card--base-d.card--shape-r .card__social__like.is-active span {
  color: #333;
}

.card--base-d.card--shape-r .card__social__comment {
  margin-left: 6px;
}

.card--base-d.card--shape-r .card__social__comment .icon--comment {
  margin-top: -2px;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("../../images/share/tr/reply_20x20.png") 0 0 no-repeat;
}

.card--base-d.card--shape-r .card__social__comment:hover .icon--comment {
  width: 20px;
  height: 20px;
  background: url("../../images/share/tr/reply_20x20-over.png") 0 0 no-repeat;
}

.card--base-d.card--shape-r .card__social__comment:hover span {
  color: #333;
}

.card--base-d.card--shape-r .card__social__share {
  margin-left: 11px;
}

.card--base-d.card--shape-r .card__social__share .icon--share {
  margin-top: -2px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -160px -517px;
  width: 20px;
  height: 20px;
}

.card--base-d.card--shape-r .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -140px -517px;
  width: 20px;
  height: 20px;
}

.card--base-d.card--shape-r .card__social .icon--secret {
  position: absolute;
  top: 0;
  right: 22px;
  width: 11px;
  height: 13px;
  background: url("../../images/share/tr/icon_secret.png") 0 0 no-repeat;
}

.card--base-d.card--shape-r .card__menu {
  float: left;
  margin-top: 5px;
}

.card--base-d.card--shape-r .card__menu a {
  position: static;
  display: inline-block;
  top: 0;
  right: 0;
  padding: 0 5px;
}

.card--base-d.card--shape-r .card__menu a:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -142px;
  width: 4px;
  height: 16px;
}

.card--base-d.card--shape-r .card__menu a .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -608px -142px;
  width: 4px;
  height: 16px;
}

.card--base-d.card--shape-r .card__reply {
  padding: 12px 17px 16px;
  border-top: 1px solid #f1f1f1;
  background-color: #fafafa;
}

.card--base-d.card--shape-r .card__reply__more {
  display: block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-r .card__reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-r .card__reply li {
  margin-bottom: 11px;
}

.card--base-d.card--shape-r .card__reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-r .card__reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-r .card__reply .write {
  margin: 1px 0;
}

.card--base-d.card--shape-r .card__reply .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-r .card__reply .write--reply {
  float: left;
  width: auto;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
}

.card--base-d.card--shape-r .card__reply .write--reply button {
  margin-left: 2px;
}

.card--base-d.card--shape-r .card__reply .write__textarea {
  float: left;
  width: 326px;
  min-height: 20px;
  padding: 5px 10px;
  margin-right: 4px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-r .card__reply .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-r .card__reply .write__textarea-edit {
  width: 265px !important;
}

.card--base-d.card--shape-r .card__reply .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-r .card__reply .write__textarea input[type="button"] {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: #fff;
  vertical-align: baseline;
  cursor: pointer;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-r .card__reply .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-r .card__reply .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-r .card__reply .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-r .card__reply .user__pic {
  position: relative;
}

.card--base-d.card--shape-r .card__reply .user__pic .icon--lev {
  position: absolute;
  bottom: 0;
  right: -4px;
  width: 20px;
  height: 20px;
}

.card--base-d.card--shape-r .card__reply .user__info {
  width: 390px;
  word-break: break-all;
}

.card--base-d.card--shape-r .card__reply .user__info .platform {
  display: inherit;
  margin-right: 3px;
  color: #999;
}

.card--base-d.card--shape-r .card__reply .user__reply {
  position: relative;
  margin-left: 0;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}

.card--base-d.card--shape-r .card__reply .user__reply:hover .icon--menu {
  display: inline-block;
  margin-bottom: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -608px -142px;
  width: 4px;
  height: 16px;
}

.card--base-d.card--shape-r .card__reply .user__reply .user__info__nick {
  display: inline-block;
}

.card--base-d.card--shape-r .card__reply .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-r .card__reply .user__reply .user__info__time {
  position: relative;
  display: block;
  margin-top: 1px;
}

.card--base-d.card--shape-r .card__reply .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-left: 7px;
}

.card--base-d.card--shape-r .card__reply .user__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  left: -6px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-r .card__reply .user__reply .user__info__time:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-r .card__reply .user__reply .user__info__more {
  position: absolute;
  top: 0;
  right: -20px;
  width: 15px;
  height: 20px;
  text-align: center;
}

.card--base-d.card--shape-r .card__reply .user__reply .user__info__more:hover .icon--menu,
.card--base-d.card--shape-r .card__reply .user__reply .user__info__more .active {
  display: inline-block;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -142px;
  width: 4px;
  height: 16px;
}

.card--base-d.card--shape-s {
  position: relative;
}

.card--base-d.card--shape-s:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-s .card__user {
  position: relative;
  padding: 13px 17px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  background-color: #fff;
}

.card--base-d.card--shape-s .card__user__tootip {
  display: none;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(109%);
  z-index: 100;
}

.card--base-d.card--shape-s .card__user__tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-s .card__info__contents {
  position: relative;
  border: none;
  padding: 0 30px;
}

.card--base-d.card--shape-s .card__info__contents .card__content {
  overflow: hidden;
  word-break: break-all;
}

.card--base-d.card--shape-s .card__title--share {
  margin-bottom: 10px;
}

.card--base-d.card--shape-s .card__title--share a {
  color: #666;
}

.card--base-d.card--shape-s .card__content {
  /* 에디터 때문에 전체 선택자 사용하지마세요 */
}

.card--base-d.card--shape-s .card__content__title {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  color: #333;
  line-height: 19px;
  font-weight: bold;
}

.card--base-d.card--shape-s .card__content > p {
  text-overflow: inherit;
  white-space: normal;
  word-wrap: break-word;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__content > p em {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-s .card__content > p em.point {
  color: #274c98;
}

.card--base-d.card--shape-s .card__content > p iframe {
  max-width: 466px;
}

.card--base-d.card--shape-s .card__content > p .ui_image {
  max-width: 740px;
}

.card--base-d.card--shape-s .card__content__tag--basic {
  font-weight: bold;
}

.card--base-d.card--shape-s .card__content__tag--basic:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__content__tag--search {
  color: #274c98;
  font-weight: bold;
}

.card--base-d.card--shape-s .card__content__tag--search:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__content__more {
  display: block;
  padding-top: 5px;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-s .card__content__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__content__more .icon--arrow {
  margin-left: 3px;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.card--base-d.card--shape-s .card__content__img-type1 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-s .card__content__img-type1 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  max-width: 780px;
  overflow: hidden;
}

.card--base-d.card--shape-s .card__content__img-type1 a::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-s .card__content__img-type1 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-s .card__content__img-type1 img {
  max-width: 780px;
  height: auto;
}

.card--base-d.card--shape-s .card__content__img-type1 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-s .card__content__img-type1 iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card--base-d.card--shape-s .card__content__img-type1 .movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.card--base-d.card--shape-s .card__content__img-type1 .movie .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  background: url("../../images/share/icon_play-100x100.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-s .card__content__img-type1 .sum {
  position: relative;
}

.card--base-d.card--shape-s .card__content__img-type1 .sum .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: url("../../images/share/play_50x50.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-s .card__content__img-type1 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-s .card__content__img-type1 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-s .card__content__img-type1.thread {
  display: inline-block;
  padding-top: 13px;
  padding-bottom: 13px;
}

.card--base-d.card--shape-s .card__content__img-type1.thread img {
  max-width: 480px;
  max-height: 720px;
  width: auto;
  height: auto;
}

.card--base-d.card--shape-s .card__content__img-type1.thread-reply {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}

.card--base-d.card--shape-s .card__content__img-type1.thread-reply img {
  max-width: 260px;
  max-height: 210px;
  width: auto;
  height: auto;
}

.card--base-d.card--shape-s .card__content__img-type2 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-s .card__content__img-type2 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  overflow: hidden;
  max-height: 700px;
}

.card--base-d.card--shape-s .card__content__img-type2 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-s .card__content__img-type2 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-s .card__content__img-type2 img {
  min-width: 104px;
  min-height: 104px;
}

.card--base-d.card--shape-s .card__content__img-type2 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-s .card__content__img-type2 iframe {
  display: block;
}

.card--base-d.card--shape-s .card__content__img-type2 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-s .card__content__img-type2 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-s .card__content__share {
  padding-top: 13px;
}

.card--base-d.card--shape-s .card__content__share audio {
  width: 720px;
  border: 1px solid #d9d9d9;
  border-top: none;
}

.card--base-d.card--shape-s .card__content__share .audio-loading {
  padding: 8px 0;
  border: 1px solid #d9d9d9;
  border-top: none;
  background-color: #ebedef;
  text-align: center;
  color: #666;
}

.card--base-d.card--shape-s .card__content__share .audio-loading strong {
  color: #f76430;
}

.card--base-d.card--shape-s .card__content__link {
  color: #274c98;
}

.card--base-d.card--shape-s .card__content__link:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__content .thumbnail {
  width: 466px;
}

.card--base-d.card--shape-s .card__content .thumbnail .card__content__img-type3 p:after {
  width: 99.7% !important;
  height: 99.4% !important;
}

.card--base-d.card--shape-s .card__content .thumbnail .card__content__img-type3 p .share-thumbnail {
  margin: 0;
  height: 260px;
  background-size: cover !important;
  background-repeat: no-repeat;
}

.card--base-d.card--shape-s .card__menu a:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -131px -240px;
  width: 10px;
  height: 6px;
}

.card--base-d.card--shape-s .card__menu a .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -151px -240px;
  width: 10px;
  height: 6px;
}

.card--base-d.card--shape-s .card__social {
  margin-top: 20px;
  padding: 8px 30px;
  border-top: 1px solid #f1f1f1;
}

.card--base-d.card--shape-s .card__social a {
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__social a:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__social__like .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -420px -554px;
  width: 14px;
  height: 12px;
}

.card--base-d.card--shape-s .card__social__like:hover .icon--heart,
.card--base-d.card--shape-s .card__social__like.is-active .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -406px -554px;
  width: 14px;
  height: 12px;
}

.card--base-d.card--shape-s .card__social__like:hover span,
.card--base-d.card--shape-s .card__social__like.is-active span {
  color: #333;
}

.card--base-d.card--shape-s .card__social__comment {
  margin-left: 20px;
}

.card--base-d.card--shape-s .card__social__comment .icon--comment {
  vertical-align: middle;
  margin-top: -1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -413px;
  width: 14px;
  height: 14px;
}

.card--base-d.card--shape-s .card__social__comment:hover .icon--comment {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -399px;
  width: 14px;
  height: 14px;
}

.card--base-d.card--shape-s .card__social__comment:hover span {
  color: #333;
}

.card--base-d.card--shape-s .card__social__share {
  margin-left: 26px;
}

.card--base-d.card--shape-s .card__social__share .icon--share {
  vertical-align: middle;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -144px -554px;
  width: 16px;
  height: 14px;
}

.card--base-d.card--shape-s .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -128px -554px;
  width: 16px;
  height: 14px;
}

.card--base-d.card--shape-s .card__reply {
  padding: 12px 17px 16px;
  border-top: 1px solid #f1f1f1;
  background-color: #fafafa;
}

.card--base-d.card--shape-s .card__reply__more {
  display: block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__reply__more .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -44px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-s .card__reply li {
  margin-bottom: 11px;
}

.card--base-d.card--shape-s .card__reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-s .card__reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-s .card__reply .write {
  margin: 1px 0;
}

.card--base-d.card--shape-s .card__reply .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-s .card__reply .write--reply {
  float: left;
  width: auto;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
}

.card--base-d.card--shape-s .card__reply .write--reply button {
  margin-left: 2px;
}

.card--base-d.card--shape-s .card__reply .write__textarea {
  float: left;
  width: 630px;
  min-height: 20px;
  padding: 5px 10px;
  margin-right: 4px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__reply .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-s .card__reply .write__textarea-edit {
  width: 568px !important;
}

.card--base-d.card--shape-s .card__reply .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-s .card__reply .write__textarea[contentEditable=false]:empty:not(:focus):before {
  content: attr(data-text);
  color: #ccc;
}

.card--base-d.card--shape-s .card__reply .write__textarea[contenteditable=false] {
  color: #ccc;
  background-color: #f6f6f6;
  overflow: hidden;
  border: 1px solid #dcdcdc;
}

.card--base-d.card--shape-s .card__reply .write__textarea input[type="button"] {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: #fff;
  vertical-align: baseline;
  cursor: pointer;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-s .card__reply .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-s .card__reply .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__reply .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-s .card__reply .user__info-pro-f {
  width: 96%;
  word-break: break-all;
  float: left;
}

.card--base-d.card--shape-s .card__reply .user__info-pro-f .best {
  width: 40px;
  height: 18px;
  background: white;
  margin-bottom: 2px;
  font-size: 10px !important;
  color: #ff5000;
  line-height: 17px;
  text-align: center;
  border: 1px solid #ff5000;
  border-radius: 10px;
  display: block;
}

.card--base-d.card--shape-s .card__reply .user__info-pro-f .platform {
  display: inherit;
  margin-right: 3px;
  color: #999;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best {
  width: 88%;
  display: block;
  float: left;
  padding-right: 2%;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply {
  position: relative;
  margin-left: 0;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply span {
  font-size: 12px;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply span a:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply span a em {
  font-weight: bold;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .thread-reply {
  font-size: 12px;
  display: block;
  margin: 8px 0;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .thread-reply a:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .thread-reply a em {
  font-weight: bold;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .thread-reply .img-type01 {
  max-width: 300px;
  max-height: 300px;
  width: auto;
  height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .thread-reply .img-type01 img {
  max-width: 300px;
  max-height: 300px;
  width: auto;
  height: auto;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .thread-reply .img-type02 {
  max-width: 600px;
  max-height: 600px;
  width: auto;
  height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .thread-reply .img-type02 img {
  max-width: 600px;
  max-height: 600px;
  width: auto;
  height: auto;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__nick {
  display: inline-block;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__time {
  position: relative;
  display: block;
  margin-top: 1px;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-left: 7px;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  left: -6px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__time:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__time .reply {
  position: relative;
  display: inline-block;
  margin-left: 0 !important;
  margin-right: 7px;
  font-weight: bold;
  color: #666666;
  font-size: 11px;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__time .reply.cancle {
  color: #ff5000;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__time .reply.cancle:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 26px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__time .reply:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 48px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-s .card__reply .user__reply--area--best .user__reply .user__info__time:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__reply .user__reply--area {
  width: 88%;
  display: block;
  float: left;
  padding-right: 2%;
}

.card--base-d.card--shape-s .card__reply .user__reply--area .user__reply {
  position: relative;
  margin-left: 0;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
}

.card--base-d.card--shape-s .card__reply .user__reply--area .user__reply span {
  font-size: 12px;
}

.card--base-d.card--shape-s .card__reply .user__reply--area .user__reply span a:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__reply .user__reply--area .user__reply span a em {
  font-weight: bold;
}

.card--base-d.card--shape-s .card__reply .user__reply--area .user__reply .user__info__nick {
  display: inline-block;
}

.card--base-d.card--shape-s .card__reply .user__reply--area .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__reply .user__reply--area .user__reply .user__info__time {
  position: relative;
  display: block;
  margin-top: 1px;
}

.card--base-d.card--shape-s .card__reply .user__reply--area .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-left: 7px;
}

.card--base-d.card--shape-s .card__reply .user__reply--area .user__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  left: -6px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-s .card__reply .user__reply--area .user__reply .user__info__time:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__reply .user__info--area {
  width: 10%;
  display: block;
  float: left;
  position: relative;
}

.card--base-d.card--shape-s .card__reply .user__info--area .user__info__more {
  display: block;
  float: left;
  margin-top: 4px;
}

.card--base-d.card--shape-s .card__reply .user__info--area .like-on-b {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  background: url("../../images/share/project-f/card-icon-like-on-b.png") 0 0;
  display: block;
  float: left;
  cursor: pointer;
}

.card--base-d.card--shape-s .card__reply .user__info--area .like-off-b {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  background: url("../../images/share/project-f/card-icon-like-off-b.png") 0 0;
  display: block;
  float: left;
  cursor: pointer;
}

.card--base-d.card--shape-s .card__reply .user__info--area .num {
  font-size: 12px;
  line-height: 24px;
}

.card--base-d.card--shape-s .card__reply .thread {
  margin-top: 20px;
  margin-bottom: 0;
}

.card--base-d.card--shape-s .card__thread__reply {
  padding: 10px 0px 0px;
}

.card--base-d.card--shape-s .card__thread__reply__more {
  display: block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__thread__reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__thread__reply__more .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -44px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-s .card__thread__reply li {
  margin-bottom: 11px;
}

.card--base-d.card--shape-s .card__thread__reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-s .card__thread__reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-s .card__thread__reply .write {
  margin: 1px 0;
}

.card--base-d.card--shape-s .card__thread__reply .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply {
  position: relative;
  float: left;
  width: auto;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply > button {
  margin-left: 2px;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply .addition {
  position: absolute;
  right: 12px;
  bottom: 8px;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply .addition a {
  float: left;
  display: block;
  margin-left: 15px;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply .addition a:hover .icon--photo {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -292px;
  width: 18px;
  height: 17px;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply .addition a:hover .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -101px -537px;
  width: 21px;
  height: 16px;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply .addition a:hover .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -77px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply .addition a.is-active .icon--emoji,
.card--base-d.card--shape-s .card__thread__reply .write--reply .addition a:focus .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -58px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply .addition a .icon {
  vertical-align: middle;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply .addition a .icon--photo {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -309px;
  width: 18px;
  height: 17px;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply .addition a .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -122px -537px;
  width: 21px;
  height: 16px;
}

.card--base-d.card--shape-s .card__thread__reply .write--reply .addition a .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -96px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-s .card__thread__reply .write__textarea {
  float: left;
  width: 786px;
  min-height: 24px;
  padding: 4px 113px 4px 13px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 13px;
  color: #666;
  line-height: 26px;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__thread__reply .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-s .card__thread__reply .write__textarea-edit {
  width: 394px;
}

.card--base-d.card--shape-s .card__thread__reply .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-s .card__thread__reply .write__textarea[contentEditable=true]:focus {
  height: 62px;
}

.card--base-d.card--shape-s .card__thread__reply .write__textarea input[type="button"] {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: #fff;
  vertical-align: baseline;
  cursor: pointer;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-s .card__thread__reply .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-s .card__thread__reply .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__thread__reply .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-s .card__thread__reply .user__info {
  width: 500px;
  word-break: break-all;
}

.card--base-d.card--shape-s .card__thread__reply .user__info .platform {
  display: inherit;
  margin-right: 3px;
  color: #999;
}

.card--base-d.card--shape-s .card__thread__reply .user__reply {
  position: relative;
  width: 100%;
  margin-left: 0;
  word-wrap: break-word;
  word-break: break-word;
}

.card--base-d.card--shape-s .card__thread__reply .user__reply .user__info__nick {
  display: inline-block;
}

.card--base-d.card--shape-s .card__thread__reply .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-s .card__thread__reply .user__reply .user__info__time {
  position: relative;
  display: block;
  margin-top: 1px;
}

.card--base-d.card--shape-s .card__thread__reply .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-left: 7px;
}

.card--base-d.card--shape-s .card__thread__reply .user__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  left: -6px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-s .card__thread__reply .user__reply .user__info__time:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-s .card__thread__reply .user__reply .user__info__more {
  position: absolute;
  top: 0px;
  right: -44px;
}

.card--base-d.card--shape-s .card__thread__reply:before {
  content: "";
  width: 7px;
  height: 7px;
  margin: 15px 10px;
  display: block;
  background: url("../../images/share/emoji/combined-shape-copy.png") no-repeat;
  float: left;
}

.card--base-d.card--shape-s .card--shape-l .card__info__contents {
  padding: 0 17px 17px 17px;
}

.card--base-d.card--shape-t {
  position: relative;
}

.card--base-d.card--shape-t:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-t .write {
  margin: 1px 0;
}

.card--base-d.card--shape-t .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-t .write .tools {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 812px;
  margin-left: 1px;
  padding: 6px 11px;
  border-top: 1px solid #efefef;
}

.card--base-d.card--shape-t .write .tools:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-t .write .tools__check {
  float: left;
  padding-top: 5px;
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-t .write .tools__btn {
  float: right;
}

.card--base-d.card--shape-t .write--reply {
  position: relative;
  width: auto;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
}

.card--base-d.card--shape-t .write--reply.open .write__textarea {
  min-height: 102px;
  padding-bottom: 40px;
}

.card--base-d.card--shape-t .write--reply.open .addition {
  bottom: 48px;
}

.card--base-d.card--shape-t .write--reply.open .tools {
  display: block;
  max-width: 812px;
}

.card--base-d.card--shape-t .write--reply > button {
  margin-left: 2px;
}

.card--base-d.card--shape-t .write--reply .addition {
  position: absolute;
  right: 12px;
  bottom: 8px;
}

.card--base-d.card--shape-t .write--reply .addition a {
  float: left;
  display: block;
  margin-left: 15px;
}

.card--base-d.card--shape-t .write--reply .addition a:hover .icon--photo {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -292px;
  width: 18px;
  height: 17px;
}

.card--base-d.card--shape-t .write--reply .addition a:hover .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -101px -537px;
  width: 21px;
  height: 16px;
}

.card--base-d.card--shape-t .write--reply .addition a.is-active .icon--emoji,
.card--base-d.card--shape-t .write--reply .addition a:focus .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -58px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-t .write--reply .addition a .icon {
  vertical-align: middle;
}

.card--base-d.card--shape-t .write--reply .addition a .icon--photo {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -309px;
  width: 18px;
  height: 17px;
}

.card--base-d.card--shape-t .write--reply .addition a .icon--photo + .photo--tootip {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-46%);
  z-index: 100;
}

.card--base-d.card--shape-t .write--reply .addition a .icon--photo + .photo--tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-t .write--reply .addition a .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -122px -537px;
  width: 21px;
  height: 16px;
}

.card--base-d.card--shape-t .write--reply .addition a .icon--video + .video--tootip {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-46%);
  z-index: 100;
}

.card--base-d.card--shape-t .write--reply .addition a .icon--video + .video--tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-t .write--reply .addition a .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -96px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-t .write--reply .addition a .icon--emoji + .emoji--tootip {
  display: none;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-46%);
  z-index: 100;
}

.card--base-d.card--shape-t .write--reply .addition a .icon--emoji + .emoji--tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-t .write--reply .addition a.photo--toggle {
  position: relative;
}

.card--base-d.card--shape-t .write--reply .addition a.photo--toggle:hover .icon--photo {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -292px;
  width: 18px;
  height: 17px;
}

.card--base-d.card--shape-t .write--reply .addition a.photo--toggle:hover .icon + .photo--tootip {
  display: block;
}

.card--base-d.card--shape-t .write--reply .addition a.video--toggle {
  position: relative;
}

.card--base-d.card--shape-t .write--reply .addition a.video--toggle:hover .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -101px -537px;
  width: 21px;
  height: 16px;
}

.card--base-d.card--shape-t .write--reply .addition a.video--toggle:hover .icon + .video--tootip {
  display: block;
}

.card--base-d.card--shape-t .write--reply .addition a.emoji--toggle {
  position: relative;
}

.card--base-d.card--shape-t .write--reply .addition a.emoji--toggle:hover .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -77px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-t .write--reply .addition a.emoji--toggle:hover .icon + .emoji--tootip {
  display: block;
}

.card--base-d.card--shape-t .write__textarea {
  float: left;
  width: 736px;
  min-height: 24px;
  padding: 4px 113px 4px 13px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 13px;
  color: #666;
  line-height: 26px;
  font-weight: normal;
}

.card--base-d.card--shape-t .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-t .write__textarea-edit {
  width: 394px;
}

.card--base-d.card--shape-t .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-t .write__textarea[contentEditable=false]:empty:not(:focus):before {
  content: attr(data-text);
  color: #ccc;
}

.card--base-d.card--shape-t .write__textarea[contenteditable=false] {
  color: #ccc;
  background-color: #f6f6f6;
  overflow: hidden;
  border: 1px solid #dcdcdc;
}

.card--base-d.card--shape-t .write__textarea[contentEditable=false]:empty:not(:focus):before {
  content: attr(data-text);
  color: #ccc;
}

.card--base-d.card--shape-t .write__textarea[contenteditable=false] {
  color: #ccc;
  background-color: #f6f6f6;
  overflow: hidden;
  border: 1px solid #dcdcdc;
}

.card--base-d.card--shape-t .write__textarea input[type="button"] {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: #fff;
  vertical-align: baseline;
  cursor: pointer;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-t .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-t .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-t .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-t .card__user {
  position: relative;
  padding: 13px 17px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  background-color: #fff;
}

.card--base-d.card--shape-t .card__user__tootip {
  display: none;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(109%);
  z-index: 100;
}

.card--base-d.card--shape-t .card__user__tootip span {
  white-space: nowrap;
}

.card--base-d.card--shape-t .card__info__contents {
  position: relative;
  border: none;
  padding: 0 40px 0;
}

.card--base-d.card--shape-t .card__info__contents .card__content {
  overflow: hidden;
  word-break: break-all;
}

.card--base-d.card--shape-t .card__info__contents .card__content-visible {
  overflow: visible;
  background: red;
}

.card--base-d.card--shape-t .card__info__contents .card__content .desc a em {
  font-weight: bold;
  margin-right: 4px;
}

.card--base-d.card--shape-t .card__info__contents .card__content .desc > div {
  word-break: break-word;
  word-wrap: break-word;
}

.card--base-d.card--shape-t .card__info__contents .card__content .desc > div p {
  word-break: normal;
  word-wrap: break-word;
}

.card--base-d.card--shape-t .card__info__contents .card__content .desc > div p a em {
  font-weight: bold;
  font-style: normal;
}

.card--base-d.card--shape-t .card__title--share {
  margin-bottom: 10px;
}

.card--base-d.card--shape-t .card__title--share a {
  color: #666;
}

.card--base-d.card--shape-t .card__content {
  /* 에디터 때문에 전체 선택자 사용하지마세요 */
}

.card--base-d.card--shape-t .card__content .thumbnail {
  width: 466px;
}

.card--base-d.card--shape-t .card__content .thumbnail .card__content__img-type3 p:after {
  width: 99.7% !important;
  height: 99.4% !important;
}

.card--base-d.card--shape-t .card__content .thumbnail .card__content__img-type3 p .share-thumbnail {
  margin: 0;
  height: 260px;
  background-size: cover !important;
  background-repeat: no-repeat;
}

.card--base-d.card--shape-t .card__content__notice {
  display: inline-block;
  margin-right: 5px;
  font-size: 26px;
  color: #1da0eb;
  line-height: 32px;
  font-weight: bold;
}

.card--base-d.card--shape-t .card__content__title {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 26px;
  color: #333;
  line-height: 32px;
  font-weight: bold;
}

.card--base-d.card--shape-t .card__content > p {
  text-overflow: inherit;
  white-space: normal;
  word-wrap: break-word;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__content > p em {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-t .card__content > p em.point {
  color: #274c98;
}

.card--base-d.card--shape-t .card__content > p iframe {
  max-width: 466px;
}

.card--base-d.card--shape-t .card__content > p .ui_image {
  max-width: 740px;
}

.card--base-d.card--shape-t .card__content__tag--basic {
  font-weight: bold;
}

.card--base-d.card--shape-t .card__content__tag--basic:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__content__tag--search {
  color: #274c98;
  font-weight: bold;
}

.card--base-d.card--shape-t .card__content__tag--search:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__content__more {
  display: block;
  padding-top: 5px;
  margin-bottom: 0 !important;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

.card--base-d.card--shape-t .card__content__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__content__more .icon--arrow {
  margin-left: 3px;
  margin-bottom: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.card--base-d.card--shape-t .card__content__img-type1 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-t .card__content__img-type1 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  max-width: 864px;
  overflow: hidden;
}

.card--base-d.card--shape-t .card__content__img-type1 a::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-t .card__content__img-type1 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-t .card__content__img-type1 img {
  max-width: 864px;
  height: auto;
}

.card--base-d.card--shape-t .card__content__img-type1 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-t .card__content__img-type1 iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card--base-d.card--shape-t .card__content__img-type1 .movie {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.card--base-d.card--shape-t .card__content__img-type1 .movie .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  background: url("../../images/share/icon_play-100x100.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-t .card__content__img-type1 .sum {
  position: relative;
}

.card--base-d.card--shape-t .card__content__img-type1 .sum .icon--play {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: url("../../images/share/play_50x50.png") center 0 no-repeat;
  cursor: pointer;
}

.card--base-d.card--shape-t .card__content__img-type1 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-t .card__content__img-type1 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-t .card__content__img-type1.thread {
  display: inline-block;
  padding-top: 13px;
  padding-bottom: 13px;
}

.card--base-d.card--shape-t .card__content__img-type1.thread img {
  max-width: 480px;
  max-height: 720px;
  width: auto;
  height: auto;
}

.card--base-d.card--shape-t .card__content__img-type1.thread-reply {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}

.card--base-d.card--shape-t .card__content__img-type1.thread-reply img {
  max-width: 260px;
  max-height: 210px;
  width: auto;
  height: auto;
}

.card--base-d.card--shape-t .card__content__img-type2 {
  padding-top: 15px;
  position: relative;
  z-index: 1;
}

.card--base-d.card--shape-t .card__content__img-type2 a {
  display: inline-block;
  margin: auto;
  position: relative;
  z-index: 3;
  font-size: 0;
  overflow: hidden;
  max-height: 700px;
}

.card--base-d.card--shape-t .card__content__img-type2 a::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.card--base-d.card--shape-t .card__content__img-type2 a.item-hidden {
  display: none;
}

.card--base-d.card--shape-t .card__content__img-type2 img {
  min-width: 104px;
  min-height: 104px;
}

.card--base-d.card--shape-t .card__content__img-type2 span {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 52px;
  height: 35px;
  padding-top: 17px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
  z-index: 3;
  cursor: pointer;
}

.card--base-d.card--shape-t .card__content__img-type2 iframe {
  display: block;
}

.card--base-d.card--shape-t .card__content__img-type2 .media-video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  display: block;
  width: 52px;
  height: 52px;
  min-width: auto;
  max-width: auto;
  z-index: 1;
}

.card--base-d.card--shape-t .card__content__img-type2 .media-video span {
  top: 0;
  left: 0;
}

.card--base-d.card--shape-t .card__content__share {
  padding-top: 13px;
}

.card--base-d.card--shape-t .card__content__share audio {
  width: 100%;
  max-width: 862px;
  border: 1px solid #d9d9d9;
  border-top: none;
}

.card--base-d.card--shape-t .card__content__share .audio-loading {
  padding: 8px 0;
  border: 1px solid #d9d9d9;
  border-top: none;
  background-color: #ebedef;
  text-align: center;
  color: #666;
}

.card--base-d.card--shape-t .card__content__share .audio-loading strong {
  color: #f76430;
}

.card--base-d.card--shape-t .card__content__share .card--shape-l .card__info__contents {
  padding: 0 17px 17px 17px;
}

.card--base-d.card--shape-t .card__content__link {
  color: #274c98;
}

.card--base-d.card--shape-t .card__content__link:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__content__subtitle {
  margin-bottom: 32px;
  font-size: 13px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__content__text {
  font-size: 14px !important;
  font-size: 14px;
  color: #555;
  line-height: 20px;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__content__score {
  width: 100%;
  height: 26px;
  margin-top: 15px;
  display: inline-block;
  vertical-align: middle;
}

.card--base-d.card--shape-t .card__content__score .score-off {
  width: 92px;
  height: 16px;
  background-image: url("../../images/share/project-f/l-idle.png");
  display: inline-block;
  position: relative;
  margin-right: 8px;
  vertical-align: middle;
}

.card--base-d.card--shape-t .card__content__score .score-off .score-on {
  max-width: 100%;
  height: 16px;
  background-image: url("../../images/share/project-f/l-active.png");
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.card--base-d.card--shape-t .card__content__score .score {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}

.card--base-d.card--shape-t .card__content__score .people {
  font-size: 15px;
  font-weight: normal;
  color: #666;
  display: inline-block;
  vertical-align: middle;
}

.card--base-d.card--shape-t .card__content__info {
  width: 100%;
  height: 20px;
  display: block;
  margin-bottom: 20px;
}

.card--base-d.card--shape-t .card__content__info .score-info {
  font-size: 13px;
  color: #666;
}

.card--base-d.card--shape-t .card__content__info .score-info .article {
  display: inline-block;
  color: #666;
}

.card--base-d.card--shape-t .card__content__info .score-info .article span {
  color: #333;
}

.card--base-d.card--shape-t .card__content__info .score-info .bar {
  display: inline-block;
  width: 1px;
  height: 9px;
  background-color: #666;
  margin-left: 8px;
  margin-right: 8px;
}

.card--base-d.card--shape-t .card__content__btn {
  width: 100%;
  height: 48px;
  display: block;
  margin-bottom: 10px;
}

.card--base-d.card--shape-t .card__content__alert {
  padding: 22px;
  background-color: #f4f8fb;
  border: 1px solid #e3e9ed;
  text-align: center;
}

.card--base-d.card--shape-t .card__content__alert .icon-notice {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-top: -2px;
  background: url("../../images/share/project-f/notice.png") 0 0;
  display: inline-block;
  vertical-align: middle;
}

.card--base-d.card--shape-t .card__content__panel {
  position: relative;
  background-color: #fafafa;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  margin-left: -40px;
  margin-right: -40px;
  margin-top: 27px;
  margin-bottom: -20px;
}

.card--base-d.card--shape-t .card__content__panel .user-ranking {
  position: relative;
  padding: 23px 0 24px 40px;
}

.card--base-d.card--shape-t .card__content__panel .user-ranking__detail {
  overflow: hidden;
}

.card--base-d.card--shape-t .card__content__panel .user-ranking__detail li {
  float: left;
  position: relative;
  padding-right: 20px;
  font-size: 13px;
  color: #666;
  line-height: normal;
  font-weight: normal;
  margin-right: 20px;
}

.card--base-d.card--shape-t .card__content__panel .user-ranking__detail li:first-child::after {
  position: absolute;
  top: 3px;
  right: 0;
  content: '';
  width: 1px;
  height: 12px;
  background-color: #dae6f4;
}

.card--base-d.card--shape-t .card__content__panel .user-ranking__detail li strong {
  color: #333;
}

.card--base-d.card--shape-t .card__content__panel .user-ranking__link {
  font-size: 12px;
  color: #333;
  line-height: normal;
  font-weight: bold;
  position: absolute;
  top: 25px;
  right: 40px;
}

.card--base-d.card--shape-t .card__content__panel .user-ranking__link:hover {
  color: #069fee;
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__menu a {
  right: 20px;
}

.card--base-d.card--shape-t .card__menu a:hover .icon--menu {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -532px;
  width: 18px;
  height: 5px;
}

.card--base-d.card--shape-t .card__menu a .icon--menu {
  margin-top: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -393px;
  width: 18px;
  height: 5px;
}

.card--base-d.card--shape-t .card__social {
  margin-top: 20px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  padding: 8px 40px;
}

.card--base-d.card--shape-t .card__social a {
  margin-left: 25px;
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__social a:first-child {
  margin-left: 0;
}

.card--base-d.card--shape-t .card__social a.disabled {
  position: relative;
  pointer-events: none;
  cursor: none;
}

.card--base-d.card--shape-t .card__social a.disabled:after {
  content: '';
  position: absolute;
  background: rgba(255, 255, 255, 0.7);
  display: block;
  top: -4px;
  left: -4px;
  bottom: -8px;
  right: -4px;
}

.card--base-d.card--shape-t .card__social__like .icon--heart {
  margin-right: -2px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -410px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__like:hover .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -386px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__like.is-active .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -362px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.card--base-d.card--shape-t .card__social__comment .icon--comment {
  margin-bottom: 2px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -72px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__comment:hover .icon--comment {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -48px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__share .icon--share {
  margin-bottom: 2px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -216px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -192px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__scrap .icon--scrap {
  margin-bottom: 2px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -144px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__scrap:hover .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -120px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__scrap.is-active .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -96px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__star .icon--star {
  margin-bottom: 2px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -288px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__star:hover .icon--star {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -264px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__star.is-active .icon--star {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -240px -473px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__social__lookup {
  float: right;
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 27px;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__social.thread-reply {
  margin: 20px 40px 0;
  padding: 8px 0;
}

.card--base-d.card--shape-t .card__social.thread-reply .button--base-b.button--shape-l {
  float: right;
}

.card--base-d.card--shape-t .card__social .page--content__menu {
  line-height: 22px;
  margin-left: 20px;
}

.card--base-d.card--shape-t .card__social .page--content__menu .dialog--popup--more-b ul li a:hover {
  font-weight: bold !important;
}

.card--base-d.card--shape-t .card__social .page--content__menu .dialog--popup--more-b ul li a.active {
  font-weight: bold !important;
}

.card--base-d.card--shape-t .card__best-reply {
  padding: 12px 20px 0;
  margin: 15px 40px;
  border: 1px solid #efefef;
  background-color: #fafafa;
}

.card--base-d.card--shape-t .card__best-reply__like .user__info__more {
  right: 50px !important;
}

.card--base-d.card--shape-t .card__best-reply__comments {
  margin-left: 36px;
}

.card--base-d.card--shape-t .card__best-reply__comments .user__info__more {
  right: 35px !important;
}

.card--base-d.card--shape-t .card__best-reply li {
  margin-bottom: 11px;
  padding-top: 11px;
  border-top: 1px solid #efefef;
}

.card--base-d.card--shape-t .card__best-reply li:first-child {
  padding-top: 0;
  border: none;
}

.card--base-d.card--shape-t .card__best-reply li .write--reply .write__textarea {
  width: 700px;
}

.card--base-d.card--shape-t .card__best-reply li .write--reply .addition {
  right: 13px;
}

.card--base-d.card--shape-t .card__best-reply li .write--reply .tools {
  right: 2px;
  max-width: 806px;
}

.card--base-d.card--shape-t .card__best-reply--write {
  padding: 15px 40px;
  border-top: 1px solid #efefef;
  background-color: #fafafa;
}

.card--base-d.card--shape-t .card__best-reply__more {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__best-reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__best-reply__more .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -44px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-t .card__best-reply .dropdown {
  position: relative;
  display: inline-block;
}

.card--base-d.card--shape-t .card__best-reply .dropdown:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 4px;
  width: 1px;
  height: 9px;
  background-color: #d9d9d9;
}

.card--base-d.card--shape-t .card__best-reply .dropdown .sort {
  margin-left: 11px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__best-reply .dropdown .sort .icon--arrow {
  margin-top: -3px;
  margin-left: 4px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -553px;
  width: 9px;
  height: 4px;
}

.card--base-d.card--shape-t .card__best-reply .dropdown .sort:hover .icon--arrow,
.card--base-d.card--shape-t .card__best-reply .dropdown .sort:focus .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -599px;
  width: 9px;
  height: 4px;
}

.card--base-d.card--shape-t .card__best-reply .dropdown .dropdown__child {
  z-index: 1;
}

.card--base-d.card--shape-t .card__best-reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-t .card__best-reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-t .card__best-reply .user__info {
  width: 788px;
  word-break: break-all;
}

.card--base-d.card--shape-t .card__best-reply .user__info .platform {
  margin-right: 3px;
  margin-left: 3px;
  color: #999;
}

.card--base-d.card--shape-t .card__best-reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__best-reply .user__info__time {
  position: relative;
  display: table;
  margin-top: 1px;
}

.card--base-d.card--shape-t .card__best-reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-right: 7px;
  color: #666;
  font-weight: bold;
}

.card--base-d.card--shape-t .card__best-reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  right: -6px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-t .card__best-reply .user__info__more {
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 28px;
  height: 20px;
}

.card--base-d.card--shape-t .card__best-reply .user__info__more:hover .icon--menu,
.card--base-d.card--shape-t .card__best-reply .user__info__more:focus .icon--menu {
  background-image: url("../../images/share/sprite/icon.png") !important;
  background-position: -537px -532px !important;
  width: 18px !important;
  height: 5px !important;
}

.card--base-d.card--shape-t .card__best-reply .user__info__like {
  position: absolute;
  right: 0;
  bottom: -6px;
}

.card--base-d.card--shape-t .card__best-reply .user__info__like .icon--like {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -410px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__best-reply .user__info__like:hover .icon--like {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -386px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__best-reply .user__info__like.is-active .icon--like {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -362px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__best-reply .user__info__num {
  display: inline-block;
  width: 20px;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__best-reply .user__reply {
  position: relative;
  width: 100%;
  margin-left: 0;
  word-wrap: break-word;
  word-break: break-all;
}

.card--base-d.card--shape-t .card__best-reply .user__reply > span {
  font-size: 12px;
}

.card--base-d.card--shape-t .card__best-reply .user__reply > span > a:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__best-reply .user__reply > span > a > em {
  font-weight: bold;
  margin-right: 4px;
}

.card--base-d.card--shape-t .card__best-reply .user__reply .best {
  width: 36px;
  color: #ff5000;
  font-size: 9px;
  font-weight: bold;
  border: 1px solid #ff5000;
  border-radius: 10px;
  background-color: #fff;
  padding: 0 6px 1px;
  margin-right: 3px;
}

.card--base-d.card--shape-t .card__best-reply .user--reply:hover .icon--menu {
  margin: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -393px;
  width: 18px;
  height: 5px;
}

.card--base-d.card--shape-t .card__best-reply .user--reply > div .best {
  width: auto;
  min-height: 12px;
  color: #ff5000;
  font-size: 9px;
  font-weight: bold;
  border: 1px solid #ff5000;
  border-radius: 10px;
  background-color: #fff;
  padding: 0 6px 1px;
  margin-right: 5px;
  float: left;
}

.card--base-d.card--shape-t .card__best-reply .user--reply > div p {
  word-break: break-all;
}

.card--base-d.card--shape-t .card__best-reply .user--reply > div p a em {
  font-weight: bold;
  font-style: normal;
  margin-right: 4px;
}

.card--base-d.card--shape-t .card__reply {
  padding: 15px 40px;
}

.card--base-d.card--shape-t .card__reply.thread {
  padding: 0;
  background-color: #fafafa;
}

.card--base-d.card--shape-t .card__reply li {
  margin-bottom: 11px;
  padding-top: 11px;
  border-top: 1px solid #efefef;
  /* 동영상 첨부 팝업 CSS 제어 */
  /* 190118 감싸는 div 추가 */
}

.card--base-d.card--shape-t .card__reply li:first-child {
  padding-top: 0;
  border: none;
}

.card--base-d.card--shape-t .card__reply li .write--reply .write__textarea {
  width: 700px;
  max-width: 700px;
}

.card--base-d.card--shape-t .card__reply li .write--reply .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-t .card__reply li .write--reply .addition {
  right: 13px;
}

.card--base-d.card--shape-t .card__reply li .write--reply .tools {
  right: 3px;
  max-width: 804px;
}

.card--base-d.card--shape-t .card__reply li .tab--base-a .tab__nav__items__item {
  margin-bottom: -1px !important;
  padding-top: unset !important;
  border-top: unset !important;
  border-right: 1px solid #d9d9d9 !important;
  border-left: 1px solid #d9d9d9 !important;
}

.card--base-d.card--shape-t .card__reply li .tab--base-a .tab__nav .is-active {
  border-right: 1px solid #d9d9d9 !important;
  border-left: 1px solid #d9d9d9 !important;
}

.card--base-d.card--shape-t .card__reply li .card__reply__wrapper {
  margin-top: 12px;
}

.card--base-d.card--shape-t .card__reply--write {
  padding: 15px 40px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background-color: #fafafa;
}

.card--base-d.card--shape-t .card__reply__more {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__reply__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__reply__more .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -44px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-t .card__reply__more .icon--arrow--down {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.card--base-d.card--shape-t .card__reply__like .user__info__more {
  right: 53px !important;
}

.card--base-d.card--shape-t .card__reply__like > ul {
  margin-top: 15px;
}

.card--base-d.card--shape-t .card__reply__like > ul li:first-child {
  padding-top: 11px;
  border-top: 1px solid #efefef;
}

.card--base-d.card--shape-t .card__reply__comments {
  position: relative;
  margin-left: 36px;
}

.card--base-d.card--shape-t .card__reply__comments:before {
  content: "";
  position: absolute;
  top: 20px;
  left: -16px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -464px;
  width: 7px;
  height: 7px;
}

.card--base-d.card--shape-t .card__reply__comments .user__info {
  max-width: 794px !important;
}

.card--base-d.card--shape-t .card__reply__comments .write__textarea {
  max-width: 665px !important;
}

.card--base-d.card--shape-t .card__reply__comments .tools {
  right: 2px !important;
  max-width: 769px !important;
}

.card--base-d.card--shape-t .card__reply .dropdown {
  position: relative;
  display: inline-block;
}

.card--base-d.card--shape-t .card__reply .dropdown:first-child {
  margin-bottom: 12px;
}

.card--base-d.card--shape-t .card__reply .dropdown:first-child:before {
  display: none;
}

.card--base-d.card--shape-t .card__reply .dropdown:first-child .sort {
  margin-left: 0;
}

.card--base-d.card--shape-t .card__reply .dropdown:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 4px;
  width: 1px;
  height: 9px;
  background-color: #d9d9d9;
}

.card--base-d.card--shape-t .card__reply .dropdown .sort {
  margin-left: 11px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__reply .dropdown .sort .icon--arrow {
  margin-top: -3px;
  margin-left: 4px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -553px;
  width: 9px;
  height: 4px;
}

.card--base-d.card--shape-t .card__reply .dropdown .sort:hover .icon--arrow,
.card--base-d.card--shape-t .card__reply .dropdown .sort:focus .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -599px;
  width: 9px;
  height: 4px;
}

.card--base-d.card--shape-t .card__reply .dropdown .dropdown__child {
  z-index: 1;
}

.card--base-d.card--shape-t .card__reply .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-t .card__reply .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-t .card__reply .reply__write__comments {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-left: 36px;
}

.card--base-d.card--shape-t .card__reply .reply__write__comments .write--reply:before {
  content: "";
  position: absolute;
  top: 10px;
  left: -16px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -464px;
  width: 7px;
  height: 7px;
}

.card--base-d.card--shape-t .card__reply .user__info {
  width: 100% !important;
  max-width: 830px;
  word-break: break-all;
}

.card--base-d.card--shape-t .card__reply .user__info .platform {
  margin-right: 3px;
  margin-left: 3px;
  color: #999;
}

.card--base-d.card--shape-t .card__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__reply .user__info__time {
  position: relative;
  display: block;
  margin-top: 5px;
}

.card--base-d.card--shape-t .card__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  color: #666;
  font-weight: bold;
}

.card--base-d.card--shape-t .card__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  right: -7px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-t .card__reply .user__info__time time {
  position: relative;
}

.card--base-d.card--shape-t .card__reply .user__info__more {
  width: 28px;
  height: 20px;
}

.card--base-d.card--shape-t .card__reply .user__info__more:hover .icon--menu,
.card--base-d.card--shape-t .card__reply .user__info__more:focus .icon--menu {
  display: inline-block;
  background-image: url("../../images/share/sprite/icon.png") !important;
  background-position: -537px -532px !important;
  width: 18px !important;
  height: 5px !important;
}

.card--base-d.card--shape-t .card__reply .user__info__like {
  position: absolute;
  right: 0;
  bottom: -6px;
}

.card--base-d.card--shape-t .card__reply .user__info__like .icon--like {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -410px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__reply .user__info__like:hover .icon--like {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -386px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__reply .user__info__like.is-active .icon--like {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -362px;
  width: 24px;
  height: 24px;
}

.card--base-d.card--shape-t .card__reply .user__info__num {
  display: inline-block;
  width: 20px;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__reply .user--reply:hover .icon--menu {
  margin: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -393px;
  width: 18px;
  height: 5px;
}

.card--base-d.card--shape-t .card__reply .user--reply > .user__info__time {
  margin-top: 5px;
  margin-left: 30px;
}

.card--base-d.card--shape-t .card__reply .user--reply > .user__info__time span.is-active {
  color: #ff5000;
}

.card--base-d.card--shape-t .card__reply .user__reply {
  position: relative;
  width: 100%;
  margin-left: 0;
  font-size: 12px;
  word-wrap: break-word;
  word-break: break-word;
}

.card--base-d.card--shape-t .card__reply .user__reply > span > a:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__reply .user__reply > span > a > em {
  font-weight: bold;
  margin-right: 4px;
}

.card--base-d.card--shape-t .card__reply .user__reply > span > div p {
  word-break: normal;
  word-wrap: break-word;
}

.card--base-d.card--shape-t .card__reply .user__reply > span > div p a em {
  font-weight: bold;
  font-style: normal;
  margin-right: 4px;
}

.card--base-d.card--shape-t .card__reply .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__reply .user__reply .user__info__time {
  position: relative;
  margin-top: 5px;
  display: table;
}

.card--base-d.card--shape-t .card__reply .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  color: #666;
  font-weight: bold;
}

.card--base-d.card--shape-t .card__reply .user__reply .user__info__time span.is-active {
  color: #ff5000;
}

.card--base-d.card--shape-t .card__reply .user__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  right: -7px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-t .card__reply .user__reply .user__info__time time {
  position: relative;
}

.card--base-d.card--shape-t .card__reply .user__reply .user__info__more {
  position: absolute;
  bottom: -4px;
  right: -44px;
}

.card--base-d.card--shape-t .card__reply .user__reply > .card__content__img-type1 a {
  max-width: 250px;
  max-height: 164px;
}

.card--base-d.card--shape-t .card__reply .user__reply > .card__content__img-type1 a img {
  width: 100%;
  vertical-align: baseline;
}

.card--base-d.card--shape-t .card__reply .emoji__img {
  display: block;
  max-width: 100px;
  min-height: 100px;
}

.card--base-d.card--shape-t .card__tab {
  padding: 0 40px 0;
  margin: 30px auto 0;
  overflow: auto;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content {
  margin-top: 30px;
  /* 워크샵 */
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__head {
  padding-bottom: 10px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .card--shape-t .card__best-reply {
  margin: unset;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .card--shape-t .card__reply {
  padding: 15px 0;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .image-view {
  background-color: #fafafa;
  border: solid 1px #eeeeee;
  max-height: 460px;
  height: 460px;
  position: relative;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .image-view .image-area a img {
  display: block;
  max-width: 864px;
  max-height: 460px;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area {
  padding: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
  position: relative;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .container {
  width: 710px;
  height: 88px;
  overflow: hidden;
  margin: 0 auto;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .container .slider-overflow {
  position: relative;
  height: 88px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .container .slider-overflow .slide-wrapper {
  width: 100%;
  height: 88px;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .container .slider-overflow .slide-wrapper li {
  position: relative;
  width: 146px;
  height: 82px;
  display: block;
  float: left;
  margin-top: 4px;
  overflow: hidden;
  box-sizing: border-box;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .container .slider-overflow .slide-wrapper li img {
  width: 126px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .container .slider-overflow .slide-wrapper li.is-active:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 118px;
  height: 74px;
  border: 4px solid #ff5000;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .slide-btn-area .prev-btn {
  width: 35px;
  height: 35px;
  background: url("../../images/share/project-f/nor.png") 0 0;
  position: absolute;
  top: 42px;
  left: 20px;
  border: none;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .slide-btn-area .prev-btn:hover {
  background: url("../../images/share/project-f/hover.png") 0 0;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .slide-btn-area .prev-btn:disabled {
  background: url("../../images/share/project-f/disable.png") 0 0;
  cursor: no-drop;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .slide-btn-area .next-btn {
  width: 35px;
  height: 35px;
  background: url("../../images/share/project-f/nor.png") -66px 0;
  position: absolute;
  top: 42px;
  right: 20px;
  border: none;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .slide-btn-area .next-btn:hover {
  background: url("../../images/share/project-f/hover.png") -66px 0;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board .slide-menu .slide-area .slide-btn-area .next-btn:disabled {
  background: url("../../images/share/project-f/disable.png") -66px 0;
  cursor: no-drop;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__info {
  width: 100%;
  position: relative;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__info .tit {
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  color: #666;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__info .date {
  font-size: 12px;
  color: #999;
  position: absolute;
  top: 0;
  right: 0;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__info__head {
  margin-bottom: 10px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__info__body {
  margin-bottom: 10px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__info__body a {
  font-weight: bold;
  color: #333;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__more {
  width: 100%;
  height: 94px;
  border: 1px solid #eeeeee;
  margin-top: 30px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__more .profile--base-b.profile--shape-a {
  padding: 20px 30px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__more .profile--base-b.profile--shape-a .profile__pic {
  display: inline-block;
  vertical-align: middle;
  /* 초기화 */
  float: none;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__more .profile--base-b.profile--shape-a .profile__info {
  display: inline-block;
  vertical-align: middle;
  /* 초기화 */
  margin-top: 0;
  float: none;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__more .profile--base-b.profile--shape-a .profile__info a strong {
  font-size: 15px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__more .profile--base-b.profile--shape-a .profile__info a span {
  font-size: 14px;
  color: #999999;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__more .profile--base-b.profile--shape-a .profile__info--subscribe {
  color: #666 !important;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__more .profile--base-b.profile--shape-a .profile__subscribe {
  margin-top: 10px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index {
  width: 944px;
  height: auto;
  margin-top: 30px;
  margin-left: -40px;
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  background-color: #fffcf9;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap {
  padding: 0 40px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section {
  width: 47.5%;
  height: 200px;
  display: block;
  float: left;
  border-left: 1px solid #d9d9d9;
  padding-left: 40px;
  padding-top: 30px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section:first-child {
  border-left: 0;
  padding-left: 0;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section p {
  line-height: 20px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section p .desc small {
  font-size: 12px;
  color: #666666;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section p .desc .date {
  font-size: 11px;
  color: #999;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section p .desc strong {
  color: #333;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .title {
  font-size: 15px;
  font-weight: bold;
  color: #333;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .user-icon {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .user-icon p {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #ff5000;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .tit {
  min-width: 100px;
  font-size: 13px;
  color: #666;
  display: inline-block;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation {
  width: auto;
  height: 80px;
  margin: 15px auto 20px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap {
  text-align: center;
  padding: 25px 0;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap.disable .like {
  background: url("../../images/share/project-f/ic-thumb-up-disable.png") no-repeat;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap.disable .like:hover {
  background: url("../../images/share/project-f/ic-thumb-up-disable.png") no-repeat;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap.disable .hate {
  background: url("../../images/share/project-f/ic-thumb-down-disable.png") no-repeat;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap.disable .hate:hover {
  background: url("../../images/share/project-f/ic-thumb-down-disable.png") no-repeat;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap.like-on .like {
  background: url("../../images/share/project-f/ic-thumb-up-on.png") no-repeat;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap.like-on .like .like-text {
  color: #069fee;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap.like-on .line-bar-bg .line-bar {
  background: url("../../images/share/project-f/bg-like.png") no-repeat;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap.hate-on .line-bar-bg {
  background: url("../../images/share/project-f/bg-unlike.png") no-repeat;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap.hate-on .hate {
  background: url("../../images/share/project-f/ic-thumb-down-on.png") no-repeat;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap.hate-on .hate .hate-text {
  color: #ff5000;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap .like {
  width: 24px;
  height: 22px;
  background: url("../../images/share/project-f/ic-thumb-up-off.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap .like .like-text {
  width: 120px;
  position: absolute;
  top: 34px;
  left: -50px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #999999;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap .like:hover {
  background: url("../../images/share/project-f/ic-thumb-up-on.png") no-repeat;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap .line-bar-bg {
  width: 118px;
  max-width: 100%;
  height: 6px;
  background: url("../../images/share/project-f/bg-like-disable.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: 0 16px;
  position: relative;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap .line-bar-bg .line-bar {
  width: 118px;
  max-width: 100%;
  height: 6px;
  background: url("../../images/share/project-f/bg-like-off.png") no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap .hate {
  width: 24px;
  height: 22px;
  background: url("../../images/share/project-f/ic-thumb-down-off.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap .hate .hate-text {
  width: 120px;
  position: absolute;
  top: 34px;
  left: -50px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #999999;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section .evaluation .evaluation-wrap .hate:hover {
  background: url("../../images/share/project-f/ic-thumb-down-on.png") no-repeat;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section__bottom {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  border-top: 1px solid #d9d9d9;
  padding-top: 30px;
  padding-bottom: 25px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section__bottom .title {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  padding-bottom: 12px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section__bottom p {
  width: 100%;
  display: inline-block;
  line-height: 20px;
  padding-bottom: 10px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section__bottom p .desc {
  display: block;
  float: left;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section__bottom p .desc small {
  font-size: 12px;
  color: #666666;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section__bottom p .desc date {
  font-size: 11px;
  color: #999;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section__bottom p .desc strong {
  color: #333;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section__bottom p .desc a:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section__bottom p .icon--star {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -198px;
  width: 22px;
  height: 22px;
  display: block;
  float: left;
  margin-right: 8px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__index .index-wrap .section__bottom p .icon--works {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -515px -220px;
  width: 22px;
  height: 22px;
  display: block;
  float: left;
  margin-right: 8px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__similar {
  width: 864px;
  height: auto;
  margin-left: -40px;
  padding: 0 40px 30px;
  background-color: #f2f2f2;
  overflow: hidden;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__similar:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__similar .page--cards {
  display: inline-block;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__similar .page--cards p {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  padding-top: 25px;
  padding-bottom: 15px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__btn {
  width: 864px;
  height: auto;
  margin-left: -40px;
  padding: 25px 40px;
  background-color: #fafafa;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__btn:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__btn .cost-area {
  display: inline-block;
  margin-right: 20px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__btn .cost-area .cost .icon--cube {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -322px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 8px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .basic-board__btn .btn-wrap {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .thread-bord .page--content.details-pop .table--base-a.table--shape-b .thread tr .td-user {
  padding: 10px 0;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .thread-bord .page--content.details-pop .table--base-a.table--shape-b .thread tr .td-user a .td-user-name {
  width: 70px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .thread-bord .page--content.details-pop .table--base-a.table--shape-b .thread tr .td-user a .td-user-date {
  width: 70px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .thread-bord .page--content.details-pop .table--base-a.table--shape-b .thread tr .td-num-count {
  padding: 10px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .thread-bord .page--content.details-pop .table--base-a.table--shape-b .thread tr .td-new-user {
  padding: 10px 5px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .thread-bord .page--content.details-pop .table--base-a.table--shape-b .thread tr .td-new-user a .td-new-user-name {
  width: 70px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .thread-bord .page--content.details-pop .table--base-a.table--shape-b .thread tr .td-new-user a .td-new-date {
  width: 70px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .reply-bord .card__reply--write {
  padding: 15px 40px;
  margin: 0 -40px;
  background-color: #fff;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .talk-bord .page--talk .card--base-d.card--shape-p .write__textarea {
  width: 655px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .talk-bord .page--talk .card--base-d.card--shape-p .card__info .card__reply ul .card__reply__like .user.user--reply .reply__write__comments .write__textarea {
  width: 620px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .talk-bord .page--talk .card--base-d.card--shape-p .card__info .card__reply ul .card__reply__like .user.user--reply .reply__write__comments .tools {
  max-width: 720px !important;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .talk-bord .page--talk .card--base-d.card--shape-p .card__info .card__reply ul .card__reply__like .reply__write .write__textarea {
  width: 620px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .talk-bord .page--talk .card--base-d.card--shape-p .card__info .card__reply ul .card__reply__like .reply__write .tools {
  max-width: 720px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .talk-bord .page--talk .card--base-d.card--shape-p .card__info .card__reply ul .card__reply__comments .reply__write .write__textarea {
  width: 584px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .talk-bord .page--talk .card--base-d.card--shape-p .card__info .card__reply ul .card__reply__comments .reply__write .tools {
  max-width: 688px !important;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .talk-bord .page--talk .card--base-d.card--shape-p .card__info .card__reply--write .reply__write .tools {
  max-width: 760px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .bord-caution {
  padding-top: 10px;
  padding-bottom: 10px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .bord-caution .tit {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 10px;
  display: block;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .bord-caution .desc {
  font-size: 13px;
  line-height: 24px;
  color: #555;
  margin-bottom: 20px;
  display: block;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .bord-update .tit {
  width: 100%;
  height: 40px;
  border-top: 1px solid #eeeeee;
  padding-top: 15px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .bord-update .tit:first-child {
  border-top: 0;
  padding-top: 10px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .bord-update .tit .log {
  width: 50%;
  display: block;
  float: left;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  color: #333;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .bord-update .tit .date {
  width: 50%;
  display: block;
  float: left;
  text-align: right;
  font-size: 12px;
  color: #999;
  line-height: 24px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .bord-update .card__content__score {
  margin-top: 0;
  margin-bottom: 10px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .bord-update .card__content__score .people {
  font-size: 12px;
  color: #666;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .tab__pane .bord-update .desc {
  font-size: 13px;
  line-height: 20px;
  color: #555;
  padding-bottom: 15px;
  display: block;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .ranking .data--filter {
  padding-bottom: 10px;
  font-size: 0;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .ranking .data--filter::after {
  display: block;
  content: "";
  clear: both;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .ranking .data--filter .formbox--base-c {
  float: left;
  margin-right: 10px;
}

.card--base-d.card--shape-t .card__tab .tab--base-a.tab--shape-b .tab__content .ranking .form-actions {
  background-color: #f2f2f2;
  margin-left: -40px;
  margin-right: -40px;
  text-align: right;
  padding: 20px 40px 20px 0;
}

.card--base-d.card--shape-t .card__thread__write {
  margin: 10px 40px 16px;
}

.card--base-d.card--shape-t .card__thread__write:before {
  content: "";
  display: block;
  float: left;
  width: 7px;
  height: 7px;
  margin: 15px 10px;
  background: url("../../images/share/emoji/combined-shape-copy.png") no-repeat;
}

.card--base-d.card--shape-t .card__thread__write li {
  margin-bottom: 11px;
}

.card--base-d.card--shape-t .card__thread__write .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-t .card__thread__write .reply__write .user__pic {
  margin-top: 2px;
}

.card--base-d.card--shape-t .card__thread__write .write {
  margin: 1px 0;
}

.card--base-d.card--shape-t .card__thread__write .write:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-d.card--shape-t .card__thread__write .write--reply {
  position: relative;
  float: left;
  width: auto;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
}

.card--base-d.card--shape-t .card__thread__write .write--reply > button {
  margin-left: 2px;
}

.card--base-d.card--shape-t .card__thread__write .write--reply .addition {
  position: absolute;
  right: 12px;
}

.card--base-d.card--shape-t .card__thread__write .write--reply .addition a {
  float: left;
  display: block;
  margin-left: 15px;
}

.card--base-d.card--shape-t .card__thread__write .write--reply .addition a:hover .icon--photo {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -292px;
  width: 18px;
  height: 17px;
}

.card--base-d.card--shape-t .card__thread__write .write--reply .addition a:hover .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -101px -537px;
  width: 21px;
  height: 16px;
}

.card--base-d.card--shape-t .card__thread__write .write--reply .addition a:hover .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -77px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-t .card__thread__write .write--reply .addition a.is-active .icon--emoji,
.card--base-d.card--shape-t .card__thread__write .write--reply .addition a:focus .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -58px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-t .card__thread__write .write--reply .addition a .icon {
  vertical-align: middle;
}

.card--base-d.card--shape-t .card__thread__write .write--reply .addition a .icon--photo {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -309px;
  width: 18px;
  height: 17px;
}

.card--base-d.card--shape-t .card__thread__write .write--reply .addition a .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -122px -537px;
  width: 21px;
  height: 16px;
}

.card--base-d.card--shape-t .card__thread__write .write--reply .addition a .icon--emoji {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -96px;
  width: 19px;
  height: 19px;
}

.card--base-d.card--shape-t .card__thread__write .write__textarea {
  float: left;
  width: 708px;
  min-height: 24px;
  padding: 4px 113px 4px 13px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  text-overflow: inherit;
  white-space: normal;
  word-break: break-word;
  font-size: 13px;
  color: #666;
  line-height: 26px;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__thread__write .write__textarea:focus {
  border-color: #b9b9b9;
}

.card--base-d.card--shape-t .card__thread__write .write__textarea-edit {
  width: 394px;
}

.card--base-d.card--shape-t .card__thread__write .write__textarea[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #999;
}

.card--base-d.card--shape-t .card__thread__write .write__textarea input[type="button"] {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background-color: #fff;
  vertical-align: baseline;
  cursor: pointer;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.card--base-d.card--shape-t .card__thread__write .write .txtstuff {
  resize: none;
  overflow: hidden;
}

.card--base-d.card--shape-t .card__thread__write .write .comment {
  width: 347px;
  padding: 7px 10px;
  height: 16px;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__thread__write .write .lbr {
  line-height: 3px;
}

.card--base-d.card--shape-t .card__thread__write .user__info {
  width: 500px;
  word-break: break-all;
}

.card--base-d.card--shape-t .card__thread__write .user__info .platform {
  display: inherit;
  margin-right: 3px;
  color: #999;
}

.card--base-d.card--shape-t .card__thread__write .user__reply {
  position: relative;
  width: 100%;
  margin-left: 0;
  word-wrap: break-word;
  word-break: break-word;
}

.card--base-d.card--shape-t .card__thread__write .user__reply .user__info__nick {
  display: inline-block;
}

.card--base-d.card--shape-t .card__thread__write .user__reply .user__info__nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__thread__write .user__reply .user__info__time {
  position: relative;
  display: block;
  margin-top: 1px;
}

.card--base-d.card--shape-t .card__thread__write .user__reply .user__info__time span {
  position: relative;
  display: inline-block;
  margin-left: 7px;
}

.card--base-d.card--shape-t .card__thread__write .user__reply .user__info__time span:after {
  content: '';
  position: absolute;
  top: 7px;
  left: -6px;
  width: 2px;
  height: 2px;
  background-color: #999;
}

.card--base-d.card--shape-t .card__thread__write .user__reply .user__info__time:hover span {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__thread__write .user__reply .user__info__more {
  position: absolute;
  top: 0px;
  right: -44px;
}

.card--base-d.card--shape-t .card__thread__write__more {
  display: block;
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.card--base-d.card--shape-t .card__thread__write__more:hover {
  text-decoration: underline;
}

.card--base-d.card--shape-t .card__thread__write__more .icon--arrow {
  margin-bottom: 3px;
  margin-left: 3px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -44px;
  width: 4px;
  height: 5px;
}

.card--base-d.card--shape-t .card__item__date {
  width: 944px;
  margin: 0 auto 40px;
  position: relative;
}

.card--base-d.card--shape-t .card__item__date .item-date-container {
  overflow: -webkit-paged-y;
  -ms-overflow-y: auto;
  padding: 40px;
  margin: 0 40px 40px;
  background-color: #fafafa;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area {
  width: 100%;
  height: auto;
  display: block;
  float: left;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area .cont-tit {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-bottom: 16px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area .item-img {
  width: 180px;
  height: 180px;
  border: 1px solid #d9d9d9;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  display: block;
  float: left;
  margin-right: 16px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area .item-img img {
  width: 160px;
  height: 160px;
  padding: 10px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area .item-tit {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  display: inline-block;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area .item-tit .sub-tit {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 9px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area .item-desc {
  font-size: 12px;
  font-weight: normal;
  color: #555;
  margin-top: 10px;
  display: inline-block;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area .item-list {
  width: 586px;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 24px;
  margin-top: 10px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area .item-list p .item-title {
  width: 16%;
  display: block;
  float: left;
  font-size: 12px;
  color: #8092b9;
  margin-right: 10px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area .item-list p .item-contents {
  width: 82%;
  display: block;
  float: left;
  font-size: 12px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .content-area .item-list p .item-contents .bracket {
  width: 6px;
  height: 10px;
  display: inline-block;
  background: url("../../images/share/project-f/img-cate-sep.png") no-repeat;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-head .item-line {
  width: 100%;
  display: block;
  float: left;
  margin-top: 30px;
  margin-bottom: 30px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  margin-top: 30px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area:first-child {
  margin-top: 0;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .cont-tit {
  font-size: 15px;
  font-weight: bold;
  color: #333;
  margin-bottom: 16px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .item-desc {
  width: 98%;
  font-size: 12px;
  font-weight: normal;
  color: #555;
  margin-top: 10px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-zigzag-stage-wrap .card-zigzag-stage {
  width: 134px;
  height: auto;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  margin-bottom: 12px;
  border: 1px solid #d9d9d9;
  background: #fff;
  border-bottom: 0;
  position: relative;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-zigzag-stage-wrap .card-zigzag-stage__wrap {
  background: #fff;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-zigzag-stage-wrap .card-zigzag-stage__wrap .card-item-img {
  width: 116px;
  height: 116px;
  margin: 9px;
  display: block;
  float: left;
  background: #fafafa;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-zigzag-stage-wrap .card-zigzag-stage__wrap .card-item-img img {
  width: 100%;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-zigzag-stage-wrap .card-zigzag-stage__wrap .card-item-name {
  width: 114px;
  margin: 0 auto 12px;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  word-break: break-all;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-zigzag-stage-wrap .card-zigzag-stage .card-bottom-zigzag {
  width: 136px;
  height: 6px;
  background: url("../../images/share/project-f/box-img-cuttling-line.png") no-repeat;
  background-position: -1px, 0;
  display: block;
  float: left;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-grow-stage-wrap {
  width: 134px;
  height: auto;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 12px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-grow-stage-wrap .card-grow-stage {
  display: inline-block;
  border: 1px solid #d9d9d9;
  background: #fff;
  position: relative;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-grow-stage-wrap .card-grow-stage__wrap {
  background: #fff;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-grow-stage-wrap .card-grow-stage__wrap .card-item-img {
  width: 116px;
  height: 116px;
  margin: 9px;
  display: block;
  float: left;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-grow-stage-wrap .card-grow-stage__wrap .card-item-img img {
  width: 100%;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-grow-stage-wrap .card-grow-stage__wrap .card-item-name {
  width: 114px;
  margin: 0 auto 12px;
  font-size: 12px;
  color: #333;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  word-break: break-all;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-grow-stage-wrap .grow-mark {
  width: 64px;
  height: 24px;
  margin: 6px auto;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  border-radius: 20px;
  background: #8092b9;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-grow-stage-wrap .card-item-name {
  width: 100%;
  font-size: 12px;
  color: #333;
  word-break: break-word;
  text-align: center;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .grow-arrow {
  width: 36px;
  height: 31px;
  display: inline-block;
  margin: 50px 10px;
  background: url("../../images/share/project-f/img-grow-arrow.png") no-repeat;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage {
  width: 134px;
  height: auto;
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  margin-bottom: 12px;
  position: relative;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap {
  background: #fff;
  border: 1px solid #d9d9d9;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-img {
  width: 116px;
  height: 116px;
  margin: 9px;
  display: block;
  float: left;
  position: relative;
  background: #fafafa;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-img img {
  width: 100%;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-img .item-numbre {
  height: 18px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #df0000;
  border-radius: 18px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-img .item-numbre .item-by {
  width: 7px;
  height: 8px;
  background: url("../../images/share/project-f/img-multiply.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  margin-top: -4px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-img .item-numbre .item-num {
  font-size: 11px;
  color: #df0000;
  line-height: 18px;
  display: block;
  float: right;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-name {
  width: 114px;
  margin: 0 auto 12px;
  font-size: 12px;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  word-break: break-all;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-name.list {
  width: 94%;
  border-bottom: 1px dotted #ededed;
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-name.list .coin-cube {
  width: 14px;
  height: 14px;
  background: url("../../images/share/project-f/img-coin-cube.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -3px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-name.list .coin-gem {
  width: 14px;
  height: 14px;
  background: url("../../images/share/project-f/img-coin-gem.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -3px;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-name.list:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage__wrap .card-item-name.gray-point {
  color: #999;
}

.card--base-d.card--shape-t .card__item__date .item-date-container .item-body .content-area .card-wrap .card-step-stage-wrap .card-step-stage .card-bottom-stage {
  width: 134px;
  height: 6px;
  background: url("../../images/share/project-f/box-img-paper.png") no-repeat;
  background-position: -1px, 0;
  display: block;
  float: left;
}

.card--base-d.card--shape-t .card__menu__slider {
  height: 300px;
  background: #f7f7f7;
  margin-bottom: 30px;
  border-bottom: 1px solid #efefef;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slider-tit {
  font-size: 15px;
  color: #333;
  font-weight: bold;
  padding: 30px 40px 0;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .image-view {
  background-color: #fafafa;
  border: solid 1px #eeeeee;
  padding: 80px 185px;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .image-view .image-area {
  width: 572px;
  height: 302px;
  overflow: hidden;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area {
  padding: 15px 20px 0;
  position: relative;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .container {
  width: 876px;
  height: 200px;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 30px;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .container .slider-overflow {
  position: relative;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .container .slider-overflow .slide-wrapper {
  width: 880px;
  height: 208px;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .container .slider-overflow .slide-wrapper li {
  position: relative;
  width: 210px;
  height: auto;
  display: block;
  float: left;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 8px;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .container .slider-overflow .slide-wrapper li .slide-contents {
  width: 210px;
  height: auto;
  position: relative;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .container .slider-overflow .slide-wrapper li .slide-contents .slide-link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .container .slider-overflow .slide-wrapper li .slide-contents .slide-img {
  width: 160px;
  height: 85px;
  overflow: hidden;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .container .slider-overflow .slide-wrapper li .slide-contents .slide-img img {
  width: 100%;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .container .slider-overflow .slide-wrapper li .slide-contents .slide-text {
  padding-top: 12px;
  display: block;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .container .slider-overflow .slide-wrapper li.is-active:after {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: 210px;
  height: 200px;
  border: 4px solid #ff5000;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .slide-btn-area .prev-btn {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -16px;
  width: 9px;
  height: 15px;
  position: absolute;
  top: 100px;
  left: 18px;
  border: none;
  background-color: inherit;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .slide-btn-area .prev-btn:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -31px;
  width: 9px;
  height: 15px;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .slide-btn-area .prev-btn:disabled {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -16px;
  width: 9px;
  height: 15px;
  cursor: no-drop;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .slide-btn-area .next-btn {
  width: 35px;
  height: 35px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -46px;
  width: 9px;
  height: 15px;
  position: absolute;
  top: 100px;
  right: 18px;
  border: none;
  background-color: inherit;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .slide-btn-area .next-btn:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -61px;
  width: 9px;
  height: 15px;
}

.card--base-d.card--shape-t .card__menu__slider .slide-menu .slide-area .slide-btn-area .next-btn:disabled {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -46px;
  width: 9px;
  height: 15px;
  cursor: no-drop;
}

.card--base-e {
  border-radius: 12px;
  background-color: #fff;
  box-sizing: border-box;
}

.card--base-e .bold {
  font-weight: bold;
}

.card--base-e .media-video {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -217px;
  width: 35px;
  height: 35px;
}

.card--base-e .media-music {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -182px;
  width: 35px;
  height: 35px;
}

.card--base-e .media-homeland {
  position: absolute;
  bottom: 13px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -147px;
  width: 35px;
  height: 35px;
}

.card--base-e .media-price {
  position: absolute;
  bottom: 0;
}

.card--base-e .media-price__bg {
  width: 302px;
  height: 60px;
  opacity: 0.7;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
  z-index: 1;
}

.card--base-e .media-price__info {
  position: absolute;
  bottom: 13px;
  right: 12px;
  z-index: 2;
}

.card--base-e .media-price__info .icon--cash {
  vertical-align: middle;
  margin-right: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -326px;
  width: 17px;
  height: 17px;
}

.card--base-e .media-price__info span {
  vertical-align: text-top;
  font-size: 13px;
  color: #ffc100;
  line-height: 17px;
  font-weight: bold;
}

.card--base-e .media-top100 {
  position: absolute;
  top: 13px;
  left: 12px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -322px;
  width: 35px;
  height: 35px;
}

.card--base-e .in-title-single .card__title {
  max-height: 31px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-e .in-title-multe .card__title {
  height: 60px;
  max-height: 60px;
  overflow: hidden;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.card--base-e .in-title-multe .card__content {
  height: 178px;
  -webkit-line-clamp: 8;
}

.card--base-e .in-hash .card__content {
  height: 158px;
  -webkit-line-clamp: 7;
}

.card--base-e .in-title-multe.in-hash .card__content {
  height: 130px;
  -webkit-line-clamp: 6;
}

.card--base-e .illustrate .card__img img {
  background-color: #e8e8e8;
}

.card--base-e.bg--downy {
  background-color: #6dc1c6;
}

.card--base-e.bg--lavender {
  background-color: #cf8cdd;
}

.card--base-e.bg--danube {
  background-color: #79a5d6;
}

.card--base-e.bg--newyorkpink {
  background-color: #da848b;
}

.card--base-e.bg--mantis {
  background-color: #7cc46e;
}

.card--base-e.bg--dulllavender {
  background-color: #a08ce1;
}

.card--base-e.bg--mongoose {
  background-color: #b4967a;
}

.card--base-e.bg--turkishrose {
  background-color: #af7a7e;
}

.card--base-e.bg--gray {
  background-color: #898989;
}

.card--base-e .card__header {
  position: relative;
}

.card--base-e .card__header .user {
  display: block;
  width: 100%;
  height: 100%;
}

.card--base-e .card__header .label {
  z-index: 1;
}

.card--base-e .card__header .label-star {
  display: block;
  position: absolute;
  top: 0;
  left: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -224px -586px;
  width: 12px;
  height: 12px;
}

.card--base-e .card__header .avatar {
  float: left;
}

.card--base-e .card__header .avatar img {
  width: 24px;
  height: 24px;
  border-radius: 24px;
}

.card--base-e .card__header .text {
  float: left;
  display: block;
  padding-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card--base-e .card__header .text.pick {
  color: #ff5000;
  font-weight: bold;
}

.card--base-e .card__header .post {
  position: absolute;
  top: 4px;
}

.card--base-e .card__header .date {
  position: absolute;
  top: 5px;
  right: -5px;
  font-size: 11px;
  color: #9f9f9f;
  line-height: 16px;
  font-weight: normal;
}

.card--base-e .card__header .notice {
  float: left;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -490px -218px;
  width: 24px;
  height: 24px;
}

.card--base-e .card__header .flag {
  float: left;
  padding-top: 5px;
}

.card--base-e .card__body {
  position: relative;
  margin-top: 10px;
  background-color: #fff;
  border-top-right-radius: 10px;
}

.card--base-e .card__body__content {
  position: relative;
  height: 100%;
  text-align: center;
}

.card--base-e .card__footer {
  border-top: 1px solid #eee;
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.card--base-e .card__footer:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-e .card__footer__info {
  float: left;
}

.card--base-e .card__footer__info a {
  display: inline-block;
}

.card--base-e .card__footer__info a.scrap {
  margin-right: 7px;
}

.card--base-e .card__footer__info a .icon {
  vertical-align: middle;
}

.card--base-e .card__footer__info a .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -500px -497px;
  width: 20px;
  height: 20px;
}

.card--base-e .card__footer__info a .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -20px -517px;
  width: 20px;
  height: 20px;
}

.card--base-e .card__footer__info a span {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  font-size: 11px;
  color: #ababab;
  line-height: 15px;
  font-weight: normal;
}

.card--base-e .card__footer__social:after {
  content: '';
  display: block;
  clear: both;
}

.card--base-e .card__footer__social a {
  position: relative;
  float: left;
  display: block;
  max-width: 28px;
  min-width: 15px;
  cursor: normal;
  pointer-events: none;
  cursor: default;
}

.card--base-e .card__footer__social a span {
  display: block;
  font-size: 11px;
  color: #999;
  line-height: 10px;
  font-weight: normal;
}

.card--base-e .card__footer__social a:after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: -2px;
}

.card--base-e .card__footer__social .share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -160px -517px;
  width: 20px;
  height: 20px;
}

.card--base-e .card__footer__social .like:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -447px;
  width: 20px;
  height: 20px;
}

.card--base-e .card__footer__social .like.is-active::after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -438px -447px;
  width: 20px;
  height: 20px;
}

.card--base-e .card__footer__social .reply:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: 0px -497px;
  width: 20px;
  height: 20px;
}

.card--base-e .card__footer__social .view:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -80px -497px;
  width: 20px;
  height: 20px;
}

.card--base-e .card__footer__social .star:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -60px -497px;
  width: 20px;
  height: 20px;
}

.card--base-e .card__footer__social .star.is-active::after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -40px -497px;
  width: 20px;
  height: 20px;
}

.card--base-e .card__footer__state {
  float: right;
}

.card--base-e .card__footer__state .text {
  float: left;
  padding-top: 8px;
  margin-left: 4px;
  font-size: 11px;
  color: #999;
  line-height: 14px;
  font-weight: normal;
}

.card--base-e .card__footer__state .text .num {
  padding-left: 3px;
}

.card--base-e .card__footer__state .dot {
  float: left;
  margin-left: 4px;
  background-color: #d6d6d6;
  border-right: 1px solid #a7a7a7;
  margin-top: 15px;
  width: 1px;
  height: 1px;
}

.card--base-e .card__poll {
  margin-top: 4px;
}

.card--base-e .card__poll__category {
  color: #333;
  font-weight: bold;
}

.card--base-e .card__poll__question {
  color: #666;
  line-height: 22px;
  max-height: 88px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-e .card__poll__state {
  color: #999;
}

.card--base-e .card__poll__state .dot {
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 2px;
  background: #b4b4b4;
}

.card--base-e .card__title {
  max-width: 220px;
  padding-top: 9px;
  padding-left: 1px;
  margin: 0 auto;
}

.card--base-e .card__content {
  font-size: 14px;
  color: #666666;
  line-height: 22px;
  font-weight: normal;
  padding-left: 3px;
  padding-top: 6px;
  height: 150px;
  display: block;
  /* Fallback for non-webkit */
  margin: 0 auto;
  height: 198px;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--base-e .card__img {
  margin: 0 auto;
  overflow: hidden;
}

.card--base-e .card__img img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.card--base-e .card__hash {
  position: absolute;
  max-width: 276px;
  height: 21px;
  overflow: hidden;
  font-size: 0;
  z-index: 3;
}

.card--base-e .card__hash .keyword {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 5px;
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  box-sizing: border-box;
  background-color: #ffe9db;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #069fee;
  line-height: 15px;
  font-weight: bold;
}

.card--base-e .card__cash {
  position: absolute;
  bottom: 23px;
  left: 0;
}

.card--base-e .card__cash .icon--cash {
  margin-right: 5px;
  vertical-align: text-bottom;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -426px -473px;
  width: 22px;
  height: 22px;
}

.card--base-e .card__cash span {
  font-size: 22px;
  color: #666;
  line-height: 30px;
  font-weight: bold;
}

.card--base-e .card__rating {
  display: block;
  margin-top: 10px;
  overflow: hidden;
  z-index: 1;
}

.card--base-e .card__rating__stars {
  float: left;
  margin-right: 3px;
  padding-top: 1px;
}

.card--base-e .card__rating__stars .icon {
  float: left;
  margin-right: 2px;
}

.card--base-e .card__rating__stars .icon--star-fill {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -176px -586px;
  width: 12px;
  height: 12px;
}

.card--base-e .card__rating__stars .icon--star-harf {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -188px -586px;
  width: 12px;
  height: 12px;
}

.card--base-e .card__rating__stars .icon--star-null {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -200px -586px;
  width: 12px;
  height: 12px;
}

.card--base-e .card__rating__point {
  float: left;
  margin-top: -1px;
}

.card--base-e .card__rating__point span {
  font-family: Tahoma;
  font-size: 13.5px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.card--base-e .card__link {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
}

.card--base-e.card--shape-a {
  width: 304px;
  height: 316px;
  padding: 6px 4px 4px 4px;
}

.card--base-e.card--shape-a .media-private {
  position: absolute;
  top: 10px;
  right: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -252px;
  width: 35px;
  height: 35px;
}

.card--base-e.card--shape-a .in-title-single .card__title {
  padding-top: 95px;
}

.card--base-e.card--shape-a .in-title-single .card__img + .card__title {
  padding-top: 16px;
  font-size: 22px;
  color: #333;
  line-height: 30px;
  font-weight: bold;
}

.card--base-e.card--shape-a .in-title-multe .card__title {
  padding-top: 79px;
}

.card--base-e.card--shape-a .card__header {
  height: 32px;
  padding-left: 4px;
}

.card--base-e.card--shape-a .card__header .text {
  max-width: 175px;
  padding-left: 5px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
}

.card--base-e.card--shape-a .card__header .text strong {
  max-width: 90px;
}

.card--base-e.card--shape-a .card__header .post {
  right: 9px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
}

.card--base-e.card--shape-a .card__header .post .icon--new {
  margin-left: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -411px;
  width: 17px;
  height: 17px;
}

.card--base-e.card--shape-a .card__body {
  height: 231px;
  padding: 0 12px;
}

.card--base-e.card--shape-a .card__body__top {
  position: absolute;
  top: -11px;
  left: 0;
  width: 89px;
  height: 13px;
  background: url("../../images/share/card_folder_top.png") 0 0 no-repeat;
  z-index: 1;
}

.card--base-e.card--shape-a .card__title {
  font-size: 22px;
  color: #333;
  line-height: 30px;
  font-weight: bold;
}

.card--base-e.card--shape-a .card__img {
  width: 110px;
  height: 76px;
  padding-top: 48px;
}

.card--base-e.card--shape-a .card__img + .card__title {
  font-size: 22px;
  color: #333;
  line-height: 30px;
  font-weight: bold;
}

.card--base-e.card--shape-a .card__hash {
  bottom: 12px;
}

.card--base-e.card--shape-a .card__hash .hash {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 5px;
  padding: 2px 4px 0;
  border: 1px solid #d0e0ed;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: #f6fbfe;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #5892b6;
  line-height: 15px;
  font-weight: bold;
}

.card--base-e.card--shape-a .card__hash .hash:hover {
  border-color: #acc7de;
}

.card--base-e.card--shape-a .card__hash .hash:first-child {
  margin-left: 0;
}

.card--base-e.card--shape-a .card__footer {
  height: 32px;
  padding: 0 12px;
}

.card--base-e.card--shape-a .card__footer__info {
  padding-top: 6px;
}

.card--base-e.card--shape-a .card__footer__social {
  float: left;
  padding-top: 11px;
}

.card--base-e.card--shape-a .card__footer__social a {
  padding-left: 18px;
}

.card--base-e.card--shape-b {
  width: 234px;
  height: 250px;
  padding: 6px 3px 3px 3px;
}

.card--base-e.card--shape-b .media-private {
  position: absolute;
  top: 10px;
  right: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -390px;
  width: 26px;
  height: 26px;
}

.card--base-e.card--shape-b .in-title-single .card__title {
  padding-top: 70px;
}

.card--base-e.card--shape-b .in-title-single .card__img + .card__title {
  padding-top: 10px;
  font-size: 15px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-b .in-title-multe .card__title {
  padding-top: 60px;
}

.card--base-e.card--shape-b .card__header {
  height: 28px;
  padding-left: 6px;
}

.card--base-e.card--shape-b .card__header .formstyle {
  float: left;
  margin: 3px -5px;
}

.card--base-e.card--shape-b .card__header .formstyle + .user {
  margin-left: 15px;
}

.card--base-e.card--shape-b .card__header .formstyle + .user .label-star {
  left: 20px;
}

.card--base-e.card--shape-b .card__header .formstyle + .user .text {
  max-width: 86px !important;
}

.card--base-e.card--shape-b .card__header .text {
  max-width: 115px;
  padding-left: 3px;
  font-size: 11px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.card--base-e.card--shape-b .card__header .post {
  right: 1px;
  font-size: 11px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.card--base-e.card--shape-b .card__header .post .icon--new {
  margin-left: 5px;
  vertical-align: bottom;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -343px;
  width: 14px;
  height: 14px;
}

.card--base-e.card--shape-b .card__body {
  height: 174px;
  padding: 0 5px;
}

.card--base-e.card--shape-b .card__body__top {
  position: absolute;
  top: -8px;
  left: 0;
  width: 70px;
  height: 10px;
  background: url("../../images/share/card_folder_top_small.png") 0 0 no-repeat;
  z-index: 1;
}

.card--base-e.card--shape-b .card__title {
  font-size: 15px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-b .card__img {
  width: 94px;
  height: 66px;
  padding-top: 32px;
}

.card--base-e.card--shape-b .card__img + .card__title {
  font-size: 15px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-b .card__hash {
  bottom: 5px;
}

.card--base-e.card--shape-b .card__hash .hash {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 0;
  padding: 2px 4px 0;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.5px;
  font-size: 11px;
  color: #069fee;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-b .card__hash .hash:hover {
  border-color: none;
}

.card--base-e.card--shape-b .card__hash .hash:first-child {
  margin-left: 0;
}

.card--base-e.card--shape-b .card__footer {
  height: 28px;
  padding: 0 10px;
}

.card--base-e.card--shape-b .card__footer__info {
  padding-top: 4px;
}

.card--base-e.card--shape-b .card__footer__social {
  float: right;
  padding-top: 9px;
}

.card--base-e.card--shape-b .card__footer__social a {
  padding-left: 16px;
}

.card--base-e.card--shape-c {
  width: 210px;
  height: 210px;
  padding: 6px 3px 3px 3px;
}

.card--base-e.card--shape-c .media-private {
  position: absolute;
  top: 10px;
  right: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -390px;
  width: 26px;
  height: 26px;
}

.card--base-e.card--shape-c .in-title-single .card__title {
  padding-top: 70px;
}

.card--base-e.card--shape-c .in-title-single .card__img + .card__title {
  padding-top: 10px;
  font-size: 15px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-c .in-title-multe .card__title {
  padding-top: 60px;
}

.card--base-e.card--shape-c .card__header {
  height: 28px;
  padding-left: 6px;
}

.card--base-e.card--shape-c .card__header .text {
  max-width: 115px;
  padding-left: 3px;
  font-size: 11px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.card--base-e.card--shape-c .card__header .text strong {
  max-width: 52px;
}

.card--base-e.card--shape-c .card__header .post {
  right: 1px;
  font-size: 11px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.card--base-e.card--shape-c .card__header .post .icon--new {
  margin-left: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -343px;
  width: 14px;
  height: 14px;
}

.card--base-e.card--shape-c .card__body {
  height: 174px;
  padding: 0 5px;
}

.card--base-e.card--shape-c .card__body__top {
  position: absolute;
  top: -9px;
  left: 0;
  width: 70px;
  height: 10px;
  background: url("../../images/share/card_folder_top_small.png") 0 0 no-repeat;
  z-index: 1;
}

.card--base-e.card--shape-c .card__title {
  font-size: 15px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-c .card__img {
  width: 94px;
  height: 66px;
  padding-top: 32px;
}

.card--base-e.card--shape-c .card__img + .card__title {
  font-size: 15px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-c .card__hash {
  bottom: 5px;
}

.card--base-e.card--shape-c .card__hash .hash {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 0;
  padding: 2px 4px 0;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.5px;
  font-size: 11px;
  color: #069fee;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-c .card__hash .hash:hover {
  border-color: none;
}

.card--base-e.card--shape-c .card__hash .hash:first-child {
  margin-left: 0;
}

.card--base-e.card--shape-c .card__footer {
  height: 28px;
  padding: 0 10px;
}

.card--base-e.card--shape-c .card__footer__info {
  padding-top: 4px;
}

.card--base-e.card--shape-c .card__footer__social {
  float: right;
  padding-top: 9px;
}

.card--base-e.card--shape-c .card__footer__social a {
  padding-left: 16px;
}

.card--base-e.card--shape-d {
  width: 210px;
  height: 210px;
  padding: 6px 3px 3px 3px;
  margin-right: 8px !important;
  margin-bottom: 8px !important;
}

.card--base-e.card--shape-d .media-private {
  position: absolute;
  top: 10px;
  right: 5px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -390px;
  width: 26px;
  height: 26px;
}

.card--base-e.card--shape-d .in-title-single .card__title {
  padding-top: 70px;
}

.card--base-e.card--shape-d .in-title-single .card__img + .card__title {
  padding-top: 10px;
  font-size: 15px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-d .in-title-multe .card__title {
  padding-top: 60px;
}

.card--base-e.card--shape-d .card__header {
  height: 14px;
  padding-left: 6px;
}

.card--base-e.card--shape-d .card__header .text {
  max-width: 115px;
  padding-left: 3px;
  font-size: 11px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.card--base-e.card--shape-d .card__header .text strong {
  max-width: 52px;
}

.card--base-e.card--shape-d .card__header .post {
  top: 0;
  right: 1px;
  font-size: 11px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.card--base-e.card--shape-d .card__header .post .icon--new {
  margin-left: 5px;
  margin-top: -4px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -343px;
  width: 14px;
  height: 14px;
}

.card--base-e.card--shape-d .card__body {
  height: 148px;
  padding: 0 5px;
}

.card--base-e.card--shape-d .card__body__top {
  position: absolute;
  top: -9px;
  left: 0;
  width: 70px;
  height: 10px;
  background: url("../../images/share/card_folder_top_small.png") 0 0 no-repeat;
  z-index: 1;
}

.card--base-e.card--shape-d .card__title {
  font-size: 15px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-d .card__img {
  width: 94px;
  height: 66px;
  padding-top: 26px;
}

.card--base-e.card--shape-d .card__img + .card__title {
  font-size: 15px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-d .card__hash {
  bottom: 5px;
}

.card--base-e.card--shape-d .card__hash .hash {
  display: inline-block;
  max-width: 105px;
  height: 21px;
  margin-left: 0;
  padding: 2px 4px 0;
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: -0.5px;
  font-size: 11px;
  color: #069fee;
  line-height: normal;
  font-weight: bold;
}

.card--base-e.card--shape-d .card__hash .hash:hover {
  border-color: none;
}

.card--base-e.card--shape-d .card__hash .hash:first-child {
  margin-left: 0;
}

.card--base-e.card--shape-d .card__footer {
  height: 28px;
  padding: 0 10px;
}

.card--base-e.card--shape-d .card__footer__info {
  padding-top: 4px;
}

.card--base-e.card--shape-d .card__footer__social {
  float: right;
  padding-top: 9px;
}

.card--base-e.card--shape-d .card__footer__social a {
  padding-left: 16px;
}

.card--base-f {
  position: relative;
  box-sizing: border-box;
  width: 234px;
  height: 172px;
  overflow: hidden;
  background-color: #fff;
  -ms-transition: box-shadow 0.2s, -ms-transform 0.1s, opacity 0.2s;
  -webkit-transition: box-shadow 0.2s, -webkit-transform 0.1s, opacity 0.2s;
  transition: box-shadow 0.2s, transform 0.1s, opacity 0.2s;
}

.card--base-f .bold {
  font-weight: bold;
}

.card--base-f:hover {
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2);
  transform: translate(0, -1px);
  -ms-transition: -ms-transform 0.1s;
  -webkit-transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
}

.card--base-f .media-video {
  position: absolute;
  bottom: 63px;
  left: 12px;
  z-index: 2;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -464px -338px;
  width: 26px;
  height: 26px;
}

.card--base-f .card__body {
  position: relative;
}

.card--base-f .card__body__content {
  position: absolute;
  bottom: 0;
  width: 206px;
  height: 38px;
  padding: 8px 13px;
  z-index: 1;
}

.card--base-f .card__link {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 3;
}

.card--base-f .card__img {
  width: 234px;
  height: 172px;
  margin: 0 auto;
  overflow: hidden;
}

.card--base-f .card__img img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.card--base-f .card__title {
  margin-bottom: 2px;
  letter-spacing: -0.5px;
  font-size: 11px;
  color: #fff;
  line-height: 15px;
  font-weight: normal;
}

.card--base-f .card__content {
  width: 208px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: -0.5px;
  font-size: 12px;
  color: #fff;
  line-height: 17px;
  font-weight: bold;
}

.card--base-f.card--shape-a .card__body:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000 170%);
}

.card--base-f.card--shape-a .card__body__content {
  width: 100%;
  max-width: 208px;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#80000000, endColorStr=#80000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#80000000, endColorStr=#80000000);
  zoom: 1;
}

.card--base-f.card--shape-b {
  border: 1px solid #d9d9d9;
}

.card--base-f.card--shape-b .card__body__content {
  background-color: #fff;
}

.card--base-f.card--shape-b .card__title {
  color: #666;
}

.card--base-f.card--shape-b .card__content {
  color: #333;
}

.card--base-f.card--shape-b .card__img:after {
  content: '';
  position: absolute;
  top: 0;
  width: 232px;
  height: 114px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.card--base-g {
  position: relative;
}

.card--base-g .bold {
  font-weight: bold;
}

.card--base-g .dark {
  position: absolute;
  cursor: pointer;
  width: 512px;
  height: 512px;
  z-index: 100;
  opacity: 0;
  background-color: #000;
}

.card--base-g .dark a {
  display: block;
  width: 512px;
  height: 512px;
}

.card--base-g:hover .card__content a {
  text-decoration: underline;
}

.card--base-g:hover .profile__info--nick a {
  text-decoration: underline;
}

.card--base-g .card__loader-sm {
  position: absolute;
  top: 244px;
  left: 244px;
}

.card--base-g .card__user {
  position: absolute;
  z-index: 1000;
  top: 362px;
  left: 26px;
}

.card--base-g .card__content {
  height: 512px;
  width: 512px;
  background-color: #fff;
}

.card--base-g .card__content .card__content__img {
  opacity: 1;
  position: absolute;
  z-index: 100;
}

.card--base-g .card__content .card__content__img a {
  display: block;
  width: 512px;
  height: 512px;
  overflow: hidden;
}

.card--base-g .card__content .card__content__img a img {
  display: none;
}

.card--base-g .card__content p {
  z-index: 1000;
  width: 430px;
  top: 443px;
  position: relative;
  left: 26px;
  height: 47px;
  overflow: hidden;
}

.card--base-g .card__content p a {
  font-size: 18px;
  color: #fff;
  line-height: 23px;
  font-weight: bold;
}

.card--base-g .card__img {
  float: left;
}

.card--base-g .card__title {
  font-size: 18px;
  color: #333333;
  line-height: 20px;
  font-weight: bold;
  height: 33px;
  padding-left: 17px;
  margin-top: -2px;
}

.card--base-g .card__genre {
  position: absolute;
  top: 17px;
  left: 0;
  padding-left: 17px;
  font-size: 11px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.card--base-g .card__desc {
  padding-left: 17px;
  padding-right: 14px;
  padding-top: 15px;
  font-size: 12px;
  color: #666666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-g .card__price {
  font-size: 14px;
  color: #f0562d;
  line-height: 16px;
  font-weight: bold;
  padding-left: 17px;
  padding-top: 9px;
}

.card--base-g .card__line {
  border-top: 1px solid #f1f1f1;
}

.card--base-g .card__link {
  position: absolute;
  z-index: 1200;
  display: block;
  width: 512px;
  height: 512px;
}

.card--base-g .card__social {
  position: absolute;
  z-index: 1000;
  left: 27px;
  top: 470px;
}

.card--base-g .card__social span {
  font-size: 12px;
  color: #999;
  line-height: 19px;
  font-weight: normal;
}

.card--base-g .card__social__like {
  display: inline-block;
}

.card--base-g .card__social__like .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -333px -537px;
  width: 15px;
  height: 13px;
}

.card--base-g .card__social__comment {
  display: inline-block;
  margin-left: 11px;
}

.card--base-g .card__social__comment .icon--comment {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -554px;
  width: 13px;
  height: 13px;
}

.card--base-g .card__social__share {
  margin-left: 19px;
}

.card--base-g .card__social__share .icon--share {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -82px -571px;
  width: 12px;
  height: 13px;
}

.card--base-g .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -94px -571px;
  width: 12px;
  height: 13px;
}

.card--base-h {
  position: relative;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  cursor: pointer;
}

.card--base-h .bold {
  font-weight: bold;
}

.card--base-h .dark {
  position: absolute;
  cursor: pointer;
  width: 256px;
  height: 256px;
  z-index: 100;
  opacity: 0;
  background-color: #000;
}

.card--base-h .dark a {
  display: block;
  width: 256px;
  height: 256px;
}

.card--base-h:hover .card__content a {
  text-decoration: underline;
}

.card--base-h:hover .profile__info--nick a {
  text-decoration: underline;
}

.card--base-h .card__loader-sm {
  position: absolute;
  top: 116px;
  left: 116px;
}

.card--base-h .card__user {
  position: absolute;
  z-index: 1000;
  top: 362px;
  left: 26px;
}

.card--base-h .card__content {
  height: 256px;
  width: 256px;
}

.card--base-h .card__content .card__content__inner {
  position: absolute;
  width: 256px;
  z-index: 1000;
}

.card--base-h .card__content .card__content__img {
  position: absolute;
}

.card--base-h .card__content .card__content__img a {
  display: block;
  width: 256px;
  height: 256px;
  overflow: hidden;
}

.card--base-h .card__content .card__content__tit {
  position: relative;
  width: 46px;
  height: 20px;
  margin: 0 auto;
  margin-top: 53px;
  margin-bottom: 15px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 13px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.card--base-h .card__content p {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.card--base-h .card__content p a {
  font-size: 18px;
  color: #fff;
  line-height: 23px;
  font-weight: bold;
}

.card--base-h .card__content .card__content__btn {
  padding-top: 21px;
  margin: 0 auto;
  width: 47px;
}

.card--base-h .card__content .card__content__btn i {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -150px -246px;
  width: 47px;
  height: 47px;
}

.card--base-h .card__img {
  float: left;
}

.card--base-h .card__title {
  height: 33px;
  padding-left: 17px;
  margin-top: -2px;
  font-size: 18px;
  color: #333;
  line-height: 20px;
  font-weight: bold;
}

.card--base-h .card__genre {
  position: absolute;
  top: 17px;
  left: 0;
  padding-left: 17px;
  font-size: 11px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.card--base-h .card__desc {
  padding-left: 17px;
  padding-right: 14px;
  padding-top: 15px;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-h .card__price {
  font-size: 14px;
  color: #f0562d;
  line-height: 16px;
  font-weight: bold;
  padding-left: 17px;
  padding-top: 9px;
}

.card--base-h .card__line {
  border-top: 1px solid #f1f1f1;
}

.card--base-h .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1200;
}

.card--base-h .card__social {
  position: absolute;
  left: 27px;
  top: 470px;
  z-index: 1000;
}

.card--base-h .card__social span {
  font-size: 12px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.card--base-h .card__social__like {
  display: inline-block;
}

.card--base-h .card__social__like .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -254px -537px;
  width: 16px;
  height: 13px;
}

.card--base-h .card__social__comment {
  display: inline-block;
  margin-left: 11px;
}

.card--base-h .card__social__comment .icon--comment {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -337px;
  width: 16px;
  height: 15px;
  margin-top: -3px;
}

.card--base-h .card__social__share {
  margin-left: 19px;
}

.card--base-h .card__social__share .icon--share {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -82px -571px;
  width: 12px;
  height: 13px;
}

.card--base-h .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -94px -571px;
  width: 12px;
  height: 13px;
}

.card--base-i {
  position: relative;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}

.card--base-i .bold {
  font-weight: bold;
}

.card--base-i .dark {
  position: absolute;
  cursor: pointer;
  width: 256px;
  height: 256px;
  z-index: 300;
  opacity: 0;
  background-color: #000;
}

.card--base-i .dark a {
  display: block;
  width: 256px;
  height: 256px;
}

.card--base-i:hover .card__content a {
  text-decoration: underline;
}

.card--base-i:hover .profile__info--nick a {
  text-decoration: underline;
}

.card--base-i .card__loader-sm {
  position: absolute;
  top: 116px;
  left: 116px;
}

.card--base-i .card__user {
  position: absolute;
  z-index: 1000;
  top: 150px;
  left: 21px;
}

.card--base-i .card__user .master {
  color: #f0562d !important;
}

.card--base-i .card__content {
  height: 256px;
  width: 256px;
  background-color: #fff;
}

.card--base-i .card__content .card__content__img {
  opacity: 1;
  position: absolute;
  z-index: 100;
}

.card--base-i .card__content .card__content__img a {
  display: block;
  width: 256px;
  height: 256px;
  overflow: hidden;
}

.card--base-i .card__content .card__content__img a img {
  display: none;
}

.card--base-i .card__content p {
  width: 220px;
  top: 170px;
  height: 37px;
  overflow: hidden;
  position: relative;
  z-index: 1000;
  left: 21px;
}

.card--base-i .card__content p a {
  font-size: 13px;
  color: #fff;
  line-height: 19px;
  font-weight: normal;
}

.card--base-i .card__img {
  float: left;
}

.card--base-i .card__title {
  font-size: 18px;
  color: #333;
  line-height: 20px;
  font-weight: bold;
  height: 33px;
  padding-left: 17px;
  margin-top: -2px;
}

.card--base-i .card__genre {
  position: absolute;
  top: 17px;
  left: 0;
  padding-left: 17px;
  font-size: 11px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.card--base-i .card__desc {
  padding-left: 17px;
  padding-right: 14px;
  padding-top: 15px;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.card--base-i .card__price {
  font-size: 14px;
  color: #f0562d;
  line-height: 16px;
  font-weight: bold;
  padding-left: 17px;
  padding-top: 9px;
}

.card--base-i .card__line {
  border-top: 1px solid #f1f1f1;
}

.card--base-i .card__link {
  position: absolute;
  z-index: 1200;
  display: block;
  width: 256px;
  height: 256px;
}

.card--base-i .card__social {
  position: absolute;
  left: 22px;
  top: 217px;
  z-index: 1000;
}

.card--base-i .card__social span {
  font-size: 12px;
  color: #999;
  line-height: 19px;
  font-weight: normal;
}

.card--base-i .card__social__like {
  display: inline-block;
}

.card--base-i .card__social__like .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -333px -537px;
  width: 15px;
  height: 13px;
}

.card--base-i .card__social__comment {
  display: inline-block;
  margin-left: 11px;
}

.card--base-i .card__social__comment .icon--comment {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px -554px;
  width: 13px;
  height: 13px;
}

.card--base-i .card__social__share {
  margin-left: 19px;
}

.card--base-i .card__social__share .icon--share {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -82px -571px;
  width: 12px;
  height: 13px;
}

.card--base-i .card__social__share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -94px -571px;
  width: 12px;
  height: 13px;
}

.card--base-j {
  box-sizing: border-box;
  width: 304px;
  height: 316px;
  border: 2px dotted #d9d9d9;
  padding: 8px 13px 0 13px;
  background-color: #fff;
  position: relative;
}

.card--base-j .bold {
  font-weight: bold;
}

.card--base-j .new-post {
  width: 80px;
  height: 80px;
  background: url("../../images/share/project-f/icon-write-list.png") 0 0 no-repeat;
  margin: 85px auto 8px;
  display: block;
}

.card--base-j .new-post-desc {
  font-size: 15px;
  color: #bbbbbb;
  font-weight: bold;
  text-align: center;
}

.card--base-j.card--shape-a:hover .card__prev,
.card--base-j.card--shape-a:hover .card__next {
  display: block;
}

.card--base-j.card--shape-a .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
}

.card--base-j.card--shape-a .card__slide {
  position: relative;
}

.card--base-j.card--shape-a .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
}

.card--base-j.card--shape-a .card__slide-item:first-child {
  display: block;
  opacity: 1;
}

.card--base-j.card--shape-a .card__prev {
  display: none;
  position: absolute;
  bottom: 13px;
  left: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -460px;
  width: 7px;
  height: 11px;
}

.card--base-j.card--shape-a .card__prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -449px;
  width: 7px;
  height: 11px;
}

.card--base-j.card--shape-a .card__next {
  display: none;
  position: absolute;
  bottom: 13px;
  right: 10px;
  border: 0;
  background-color: transparent;
  z-index: 6;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -471px;
  width: 7px;
  height: 11px;
}

.card--base-j.card--shape-a .card__next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -482px;
  width: 7px;
  height: 11px;
}

.card--base-j.card--shape-a .card__paging {
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-j.card--shape-a .card__paging__control {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
}

.card--base-j.card--shape-a .card__paging__control:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  padding: 0;
  border: 0;
  width: 10px;
  height: 10px;
  background-color: #cccccc;
  border-radius: 10px;
}

.card--base-j.card--shape-a .card__paging__control.is-active:after {
  background-color: #ff5000;
}

.card--base-j.card--shape-b {
  padding: 0;
  border: 0;
}

.card--base-j.card--shape-b:hover .card__prev,
.card--base-j.card--shape-b:hover .card__next {
  display: block;
}

.card--base-j.card--shape-b .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.card--base-j.card--shape-b .card__link img {
  width: 304px;
  height: 316px;
}

.card--base-j.card--shape-b .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.card--base-j.card--shape-b .card__slide-item:first-child {
  opacity: 1;
}

.card--base-j.card--shape-b .card__prev {
  display: none;
  position: absolute;
  top: 137px;
  left: 0;
  border: 0;
  background-color: transparent;
  z-index: 3;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -65px -400px;
  width: 23px;
  height: 42px;
}

.card--base-j.card--shape-b .card__prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -42px -400px;
  width: 23px;
  height: 42px;
}

.card--base-j.card--shape-b .card__next {
  display: none;
  position: absolute;
  top: 137px;
  right: 0;
  border: 0;
  background-color: transparent;
  z-index: 3;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -111px -400px;
  width: 23px;
  height: 42px;
}

.card--base-j.card--shape-b .card__next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -88px -400px;
  width: 23px;
  height: 42px;
}

.card--base-j.card--shape-b .card__paging {
  width: 100%;
  height: 27px;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-j.card--shape-b .card__paging__control {
  box-sizing: border-box;
  width: 19px;
  height: 18px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
}

.card--base-j.card--shape-b .card__paging__control:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  padding: 0;
  border: 0;
  width: 15px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -287px;
  width: 14px;
  height: 14px;
}

.card--base-j.card--shape-b .card__paging__control.is-active:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -192px -554px;
  width: 15px;
  height: 14px;
}

.card--base-j.card--shape-c {
  width: 211px;
  height: 115px;
  padding: 0;
  border: 0;
}

.card--base-j.card--shape-c:hover .card__prev,
.card--base-j.card--shape-c:hover .card__next {
  display: block;
}

.card--base-j.card--shape-c .card__link {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
}

.card--base-j.card--shape-c .card__link img {
  display: block;
  width: 38px;
  height: 38px;
  margin: 0 auto;
}

.card--base-j.card--shape-c .card__link strong {
  display: block;
  font-size: 12px;
  color: #333;
  line-height: 20px;
  font-weight: bold;
}

.card--base-j.card--shape-c .card__link span {
  display: block;
  height: 38px;
  overflow: hidden;
  font-size: 12px;
  color: #555;
  line-height: 18px;
  font-weight: normal;
}

.card--base-j.card--shape-c .card__slide-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
}

.card--base-j.card--shape-c .card__slide-item:first-child {
  opacity: 1;
}

.card--base-j.card--shape-c .card__prev {
  display: none;
  position: absolute;
  top: 25px;
  left: -28px;
  border: 0;
  background-color: transparent;
  z-index: 3;
  outline: none;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -310px -267px;
  width: 37px;
  height: 37px;
}

.card--base-j.card--shape-c .card__next {
  display: none;
  position: absolute;
  top: 25px;
  right: -28px;
  border: 0;
  background-color: transparent;
  z-index: 3;
  outline: none;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -393px 0px;
  width: 37px;
  height: 37px;
}

.card--base-j.card--shape-c .card__paging {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
  z-index: 5;
}

.card--base-j.card--shape-c .card__paging__control {
  box-sizing: border-box;
  width: 14px;
  height: 12px;
  padding: 0;
  position: relative;
  border: 0;
  background: none;
  outline: none;
}

.card--base-j.card--shape-c .card__paging__control:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  padding: 0;
  border: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -181px;
  width: 9px;
  height: 7px;
}

.card--base-j.card--shape-c .card__paging__control.is-active:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -174px;
  width: 9px;
  height: 7px;
}

.card--slider {
  overflow: hidden;
}

.card--survey {
  position: relative;
  margin: 15px 0;
  border: 1px solid #e7e7e7;
}

.card--survey.is-white .card__question {
  background-color: #fff;
}

.card--survey.is-white .card__question > *:first-child {
  margin-top: 9px;
}

.card--survey .card__action {
  position: absolute;
  top: 9px;
  right: 10px;
}

.card--survey .card__action > a {
  color: #999;
  font-size: 12px;
}

.card--survey .card__action > a:hover,
.card--survey .card__action > a:focus {
  color: #666;
}

.card--survey .card__action > a:before {
  content: ' ';
  margin-right: 4px;
  display: inline-block;
  width: 1px;
  height: 9px;
  background-color: #dedede;
}

.card--survey .card__action > a:first-child:before {
  display: none;
}

.card--survey .card__question {
  min-height: 68px;
  padding: 0 0 12px 90px;
  overflow: hidden;
  background: #fafafa;
  position: relative;
}

.card--survey .card__question:before {
  content: '';
  position: absolute;
  top: 19px;
  left: 20px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -135px -306px;
  width: 42px;
  height: 43px;
}

.card--survey .card__question:after {
  content: '';
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 77px;
  width: 1px;
  background-color: #e9e9e9;
}

.card--survey .card__question > h1 {
  padding: 12px 0 2px 0;
  font-size: 13px;
  color: #6b96ac;
}

.card--survey .card__question > span,
.card--survey .card__question > small {
  padding: 2px 0;
}

.card--survey .card__question > span {
  display: block;
  margin-right: 10px;
  color: #333;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card--survey .card__question > small {
  display: block;
  font-size: 11px;
  color: #888;
}

.card--survey .card__question > small > span:before {
  content: '';
  display: inline-block;
  width: 2px;
  height: 2px;
  margin: -2px 3px 0 1px;
  border-radius: 50%;
  background-color: #888;
  vertical-align: middle;
  overflow: hidden;
}

.card--survey .card__list {
  padding-bottom: 10px;
  border-top: 1px solid #e7e7e7;
}

.card--survey .card__list p.survey-list__text {
  font-size: 11px;
  color: #999999;
  line-height: 16px;
  font-weight: normal;
  margin-bottom: -3px;
  padding-left: 20px;
  padding-top: 12px;
}

.card--survey .card__list .survey-list {
  padding: 12px 20px 0 20px;
  margin-top: 0;
}

.card--survey .card__list .survey-list__item {
  overflow: hidden;
  border-bottom: 1px solid #f1f1f1;
  padding: 12px 0 12px 0;
}

.card--survey .card__list .survey-list__item:first-child {
  border-top: 1px solid #f1f1f1;
}

.card--survey .card__list .survey-list__item .link {
  padding-left: 23px;
  padding-top: 3px;
}

.card--survey .card__list .survey-list__item .link a {
  font-size: 12px;
  color: #999999;
  line-height: 16px;
  font-weight: normal;
}

.card--survey .card__list .survey-list__item .form:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}

.card--survey .card__list .survey-list__item label {
  position: relative;
  padding-left: 24px;
  float: left;
}

.card--survey .card__list .survey-list__item label .formstyle {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 7px;
}

.card--survey .card__list .survey-list__item label .formstyle__icon {
  border-radius: 50%;
}

.card--survey .card__list .survey-list__item label > span {
  float: left;
}

.card--survey .card__list .survey-list__item label > span img {
  float: left;
  margin-right: 10px;
  margin-top: -7px;
  margin-bottom: -8px;
}

.card--survey .card__list .survey-list__item label > span span {
  float: left;
  font-size: 13px;
  color: #666666;
  margin-top: -1px;
}

.card--survey .card__list .survey-list__item .progress {
  clear: both;
  width: 100%;
  padding-top: 11px;
  padding-left: 23px;
  box-sizing: border-box;
  display: block;
}

.card--survey .card__list .survey-list__item .progress__bar {
  position: relative;
  height: 7px;
  vertical-align: top;
  display: table;
  table-layout: fixed;
}

.card--survey .card__list .survey-list__item .progress__bar.novalue .progress__bg {
  display: none;
}

.card--survey .card__list .survey-list__item .progress__bar.novalue span.progress__state {
  padding-left: 0;
}

.card--survey .card__list .survey-list__item .progress__bg {
  width: 80%;
  display: table-cell;
  vertical-align: top;
}

.card--survey .card__list .survey-list__item .progress__bg:after {
  margin-top: 5px;
  background: #069fed;
  content: '';
  display: block;
  height: 7px;
}

.card--survey .card__list .survey-list__item .progress__state {
  box-sizing: border-box;
  width: 20%;
  height: 7px;
  padding-left: 5px;
  vertical-align: top;
  display: table-cell;
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  color: #999;
}

.card--survey .card__list .survey-list__item .progress__state strong {
  color: #069fed;
}

.card--survey .card__list .survey-list__item .link + .progress {
  padding-top: 5px;
}

.card--survey .card__list .survey-list .item-img .form + .link {
  padding-top: 14px;
}

.card--survey .card__footer {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.card--survey .card__footer button:first-child {
  margin-right: 10px;
}

/*
#================================================================================
# Public Component:tab
# Developer Name:choi dong ho
# Version:1.0
# Date Created:2016.01.04
# -------------------------------------------------------------------------------
# ** Update Information
#--------------------------------------------------------------------------------
# 2016.01.07 - first create
*/

/*
#================================================================================
# Core - Begin
#================================================================================
*/

/*
#================================================================================
# Core - end
#================================================================================
*/

/*
제발 공통영역 수정 하실땐
해당 클래스들이 포함된
모든 html 페이지 한번씩 다 보신후 수정 부탁 드립니다.
한번 수정 하실때마다
모든 페이지들 어긋나 버리니
제대로 수정할 자신 없으시면 따로 클래스 추가하여
수정하시길 바랍니다.
*/

.tab--base-a .tab__nav {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d9d9d9;
}

.tab--base-a .tab__nav .nav__desc__txt {
  position: absolute;
  bottom: 15px;
  right: 0;
}

.tab--base-a .tab__nav__items {
  margin-bottom: -1px;
}

.tab--base-a .tab__nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.tab--base-a .tab__nav__items__item {
  float: left;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  margin-right: -1px;
}

.tab--base-a .tab__nav__items__item__link {
  display: block;
  padding: 14px 10px 14px 10px;
  border: 1px solid #d9d9d9;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #f7f7f7;
  font-size: 14px;
  color: #999;
  line-height: 1em;
  font-weight: 500;
}

.tab--base-a .tab__nav .is-active {
  position: relative;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  z-index: 9;
}

.tab--base-a .tab__nav .is-active a {
  position: relative;
  z-index: 1;
  padding: 12px 10px;
  border-color: #ff5000 #ff5000 transparent;
  border-image: none;
  border-style: solid;
  border-width: 3px;
  border-right: 0;
  border-left: 0;
  background-color: #fff;
  color: #333;
  cursor: default;
  text-decoration: none;
}

.tab--base-a .tab__nav .disabled a {
  color: #e0e0e0;
  background: #fff;
  pointer-events: none;
  cursor: none;
}

.tab--base-a .tab__nav .is-active-color-done {
  border-right: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  border-top: 1px solid #d9d9d9;
  position: relative;
  z-index: 10;
}

.tab--base-a .tab__nav .is-active-color-done a {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 13px 10px 11px 10px;
  border-color: #fff #fff transparent;
  border-image: none;
  border-style: solid;
  border-width: 3px;
  border-right: 0;
  border-left: 0;
  color: #333;
  cursor: default;
  text-decoration: none;
}

.tab--base-a .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-a .tab__content .tab__pane {
  display: none;
  position: relative;
}

.tab--base-a .tab__content .tab__pane .btn-select {
  margin-top: -10px;
  margin-bottom: 10px;
}

.tab--base-a .tab__content .tab__pane .empty {
  width: auto;
}

.tab--base-a .tab__content .tab__pane .empty > td {
  padding: 50px 0;
}

.tab--base-a .tab__content .tab__pane .empty > td > p {
  margin-top: 24px;
  font-size: 16px;
  color: #999;
  line-height: 1.375em;
  font-weight: 500;
}

.tab--base-a .tab__content .tab__pane .page--content__collection {
  border-top: none;
}

.tab--base-a .tab__content .tab__pane__nav {
  margin: 13px 0 14px;
}

.tab--base-a .tab__content .tab__pane__nav ul:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-a .tab__content .tab__pane__nav ul li {
  position: relative;
  float: left;
  padding: 0 8px;
}

.tab--base-a .tab__content .tab__pane__nav ul li:first-child:after {
  display: none;
}

.tab--base-a .tab__content .tab__pane__nav ul li:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  width: 1px;
  height: 11px;
  background-color: #d8d8d8;
}

.tab--base-a .tab__content .tab__pane__nav ul li a {
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.tab--base-a .tab__content .tab__pane__nav ul li a:hover,
.tab--base-a .tab__content .tab__pane__nav ul li a.is-active {
  color: #ff5000;
}

.tab--base-a .tab__content .tab__pane__title {
  margin: 15px 0;
}

.tab--base-a .tab__content .tab__pane__title p {
  font-size: 16px;
  color: #333;
  line-height: normal;
  font-weight: 500;
}

.tab--base-a .tab__content .tab__pane__title p em {
  color: #ff5000;
}

.tab--base-a .tab__content .tab__pane__subtitle {
  margin: 30px 0 15px;
  font-size: 13px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-a .tab__content .tab__pane__empty {
  min-height: 363px;
  margin-top: 20px;
  padding-top: 135px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
}

.tab--base-a .tab__content .tab__pane__empty p {
  text-align: center;
}

.tab--base-a .tab__content .tab__pane__empty p img {
  display: block;
  margin: auto;
}

.tab--base-a .tab__content .tab__pane__empty p em {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  color: #999;
  line-height: normal;
  font-weight: 500;
}

.tab--base-a .tab__content .tab__pane__empty.pop-deatial {
  background-color: #fff;
  border: 0;
}

.tab--base-a.tab--shape-b .tab__nav__items {
  padding-right: 2px;
  margin-bottom: -1px;
}

.tab--base-a.tab--shape-b .tab__nav__items__item {
  margin-right: -2px;
}

.tab--base-a.tab--shape-b .tab__item-2 .tab__nav__items__item {
  width: 50%;
}

.tab--base-a.tab--shape-b .tab__item-2 .tab__nav__items__item__link {
  letter-spacing: -1px;
}

.tab--base-a.tab--shape-b .tab__item-3 .tab__nav__items__item {
  width: 33%;
}

.tab--base-a.tab--shape-b .tab__item-3 .tab__nav__items__item:first-child {
  width: 34%;
}

.tab--base-a.tab--shape-b .tab__item-4 .tab__nav__items__item {
  width: 25%;
}

.tab--base-a.tab--shape-b .tab__item-5 .tab__nav__items__item {
  width: 20%;
}

.tab--base-a.tab--shape-b .tab__item-6 .tab__nav__items__item {
  width: 17%;
}

.tab--base-a.tab--shape-b .tab__item-6 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-a.tab--shape-b .tab__item-7 .tab__nav__items__item {
  width: 14.1%;
}

.tab--base-a.tab--shape-b .tab__item-7 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-a.tab--shape-c {
  margin: 20px 0;
}

.tab--base-a.tab--shape-c .tab__nav__items__item {
  border-color: #d9d9d9;
}

.tab--base-a.tab--shape-c .tab__nav__items__item__link {
  font-size: 14px;
}

.tab--base-a.tab--shape-c .tab__nav__items__item__link span {
  color: #069fee;
}

.tab--base-a.tab--shape-c .tab__nav__items__item.is-active .tab__nav__items__item__link,
.tab--base-a.tab--shape-c .tab__nav__items__item__link {
  padding-left: 60px;
  padding-right: 60px;
  color: #999;
}

.tab--base-a.tab--shape-c .tab__nav__items__item.is-active .tab__nav__items__item__link {
  color: #333;
}

.tab--base-a.tab--shape-d .tab__nav__items {
  padding-right: 2px;
}

.tab--base-a.tab--shape-d .tab__nav__items__item {
  margin-right: -2px;
}

.tab--base-a.tab--shape-d .tab__item-2 .tab__nav__items__item {
  width: 50%;
}

.tab--base-a.tab--shape-d .tab__item-2 .tab__nav__items__item__link {
  letter-spacing: -1px;
}

.tab--base-a.tab--shape-d .tab__item-3 .tab__nav__items__item {
  width: 33%;
}

.tab--base-a.tab--shape-d .tab__item-3 .tab__nav__items__item:first-child {
  width: 34%;
}

.tab--base-a.tab--shape-d .tab__item-4 .tab__nav__items__item {
  width: 25%;
}

.tab--base-a.tab--shape-d .tab__item-5 .tab__nav__items__item {
  width: 20%;
}

.tab--base-a.tab--shape-d .tab__item-6 .tab__nav__items__item {
  width: 17%;
}

.tab--base-a.tab--shape-d .tab__item-6 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-a.tab--shape-d .tab__item-7 .tab__nav__items__item {
  width: 14.1%;
}

.tab--base-a.tab--shape-d .tab__item-7 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-a.tab--shape-d .tab__nav__items__item.is-active .tab__nav__items__item__link,
.tab--base-a.tab--shape-d .tab__nav__items__item__link {
  padding-left: 60px;
  padding-right: 60px;
  background-color: #f7f7f7 !important;
}

.tab--base-a.tab--shape-e .tab__nav__items {
  display: flex;
  padding-right: 2px;
  margin-bottom: -1px;
}

.tab--base-a.tab--shape-e .tab__nav__items__item {
  margin-right: -2px;
}

.tab--base-a.tab--shape-e .tab__item .tab__nav__items__item {
  flex: 1;
  border-left: 0;
  border-right: 0;
}

.tab--base-a.tab--shape-e .tab__item .tab__nav__items__item.is-active {
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

.tab--base-a.tab--shape-e .tab__item .tab__nav__items__item__link {
  letter-spacing: -1px;
}

.tab--base-b .tab__nav {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d9d9d9;
}

.tab--base-b .tab__nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.tab--base-b .tab__nav__items__item {
  float: left;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  margin-right: -1px;
}

.tab--base-b .tab__nav__items__item__link {
  padding: 12px 10px 11px 10px;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  display: block;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: #757c86;
  line-height: 1em;
  border-right: 0;
  border-left: 0;
  text-decoration: none;
  background: url("../../images/share/blank.gif") repeat left top #e6e6e6;
}

.tab--base-b .tab__nav .is-active {
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
  position: relative;
  z-index: 10;
}

.tab--base-b .tab__nav .is-active a {
  background-color: #fff;
  position: relative;
  z-index: 1;
  color: #ed5a33;
  cursor: default;
  text-decoration: none;
}

.tab--base-b .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-b .tab__content .tab__pane {
  display: none;
}

.tab--base-b .tab__content .file {
  margin-top: 20px;
  border: 1px solid #e7e7e7;
}

.tab--base-b .tab__content .file--header {
  height: 52px;
  padding: 0 19px;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fafafa;
}

.tab--base-b .tab__content .file--header:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-b .tab__content .file--header__title {
  float: left;
  margin-top: 9px;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.tab--base-b .tab__content .file--header__title .icon--attachment {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -233px;
  width: 32px;
  height: 32px;
}

.tab--base-b .tab__content .file--header__title span {
  position: relative;
  margin-left: 26px;
  vertical-align: middle;
}

.tab--base-b .tab__content .file--header__title span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -15px;
  width: 1px;
  height: 23px;
  background-color: #e9e9e9;
}

.tab--base-b .tab__content .file--header__title span em {
  color: #f0562d;
}

.tab--base-b .tab__content .file--header__mb {
  float: right;
  margin-top: 18px;
}

.tab--base-b .tab__content .file--header__mb span {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-b .tab__content .file--header__mb span:first-child {
  color: #f0562d;
}

.tab--base-b .tab__content .file--contents__file {
  position: relative;
  padding: 0 15px;
}

.tab--base-b .tab__content .file--contents__file:hover {
  background-color: #f7f7f7;
}

.tab--base-b .tab__content .file--contents__file:hover .icon {
  display: block;
}

.tab--base-b .tab__content .file--contents__file:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-b .tab__content .file--contents__file .name {
  float: left;
  width: 625px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #666;
  line-height: 34px;
  font-weight: normal;
}

.tab--base-b .tab__content .file--contents__file .byte {
  float: right;
  padding-right: 20px;
  font-size: 11px;
  color: #999;
  line-height: 34px;
  font-weight: normal;
}

.tab--base-b .tab__content .file--contents__file .delete {
  display: none;
  position: absolute;
  top: 9px;
  right: 12px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -273px;
  width: 14px;
  height: 14px;
}

.tab--base-b .tab__content .file--footer {
  height: 27px;
  padding: 13px 15px 0;
  border-top: 1px solid #e7e7e7;
}

.tab--base-b .tab__content .file--footer:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-b .tab__content .file--footer__info {
  float: left;
}

.tab--base-b .tab__content .file--footer__info span {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-b .tab__content .file--footer__delete {
  float: right;
}

.tab--base-b .tab__content .file--footer__delete a {
  text-decoration: underline;
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-b .tab__content .file--footer__delete a:hover {
  color: #333;
}

.tab--base-b.tab--shape-a .tab__nav__items {
  padding-right: 2px;
}

.tab--base-b.tab--shape-a .tab__nav__items__item {
  margin-right: -2px;
}

.tab--base-b.tab--shape-a .tab__item-2 .tab__nav__items__item {
  width: 50%;
}

.tab--base-b.tab--shape-a .tab__item-3 .tab__nav__items__item {
  width: 33%;
}

.tab--base-b.tab--shape-a .tab__item-3 .tab__nav__items__item:first-child {
  width: 34%;
}

.tab--base-b.tab--shape-a .tab__item-4 .tab__nav__items__item {
  width: 25%;
}

.tab--base-b.tab--shape-a .tab__item-5 .tab__nav__items__item {
  width: 20%;
}

.tab--base-b.tab--shape-a .tab__item-6 .tab__nav__items__item {
  width: 17%;
}

.tab--base-b.tab--shape-a .tab__item-6 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-b.tab--shape-a .tab__item-7 .tab__nav__items__item {
  width: 17%;
}

.tab--base-b.tab--shape-a .tab__item-7 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-b.tab--shape-a .tab__item-8 .tab__nav__items__item {
  width: 12.5%;
}

.tab--base-b.tab--shape-b .tab__nav {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.tab--base-b.tab--shape-b .tab__nav__items {
  padding-right: 2px;
}

.tab--base-b.tab--shape-b .tab__nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.tab--base-b.tab--shape-b .tab__nav__items__item {
  float: left;
  margin-right: -2px;
  border-bottom: 1px solid #d9d9d9;
}

.tab--base-b.tab--shape-b .tab__nav__items__item__link {
  display: block;
  padding: 18px 10px 18px 10px;
  border: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #f7f7f7;
  font-size: 16px;
  color: #999;
  line-height: 1em;
  font-weight: 500;
}

.tab--base-b.tab--shape-b .tab__nav__items__item__link.is-active span,
.tab--base-b.tab--shape-b .tab__nav__items__item__link:focus span {
  padding-bottom: 10px;
  border-bottom: 3px solid #ff5000;
}

.tab--base-b.tab--shape-b .tab__nav .is-active {
  position: relative;
  z-index: 9;
  border-bottom: 1px solid #fff;
}

.tab--base-b.tab--shape-b .tab__nav .is-active a {
  position: relative;
  z-index: 1;
  padding: 18px 10px 18px 10px;
  border-image: none;
  border-right: 0;
  border-left: 0;
  background-color: #fff;
  color: #333;
  cursor: default;
  text-decoration: none;
}

.tab--base-b.tab--shape-b .tab__nav .is-active-color-done {
  position: relative;
  z-index: 10;
}

.tab--base-b.tab--shape-b .tab__nav .is-active-color-done a {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 18px 10px 18px 10px;
  border-color: #fff #fff transparent;
  border-image: none;
  border-right: 0;
  border-left: 0;
  color: #333;
  cursor: default;
  text-decoration: none;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane {
  display: none;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane > *:last-child {
  margin-bottom: 20px;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane .btn-select {
  margin-top: -10px;
  margin-bottom: 10px;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__nav {
  margin: 13px 0 14px;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__nav ul:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__nav ul li {
  position: relative;
  float: left;
  padding: 0 8px;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__nav ul li:first-child:after {
  display: none;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__nav ul li:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  width: 1px;
  height: 11px;
  background-color: #d8d8d8;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__nav ul li a {
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__nav ul li a:hover,
.tab--base-b.tab--shape-b .tab__content .tab__pane__nav ul li a.is-active {
  color: #ff5000;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__title {
  margin: 15px 0;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__title p {
  font-size: 16px;
  color: #333;
  line-height: normal;
  font-weight: 500;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__title p em {
  color: #ff5000;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__empty {
  min-height: 363px;
  margin-top: 20px;
  padding-top: 135px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__empty p {
  text-align: center;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__empty p img {
  display: block;
  margin: auto;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane__empty p em {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  color: #999;
  line-height: normal;
  font-weight: 500;
}

.tab--base-b.tab--shape-b .tab__content .tab__pane .empty {
  width: auto;
}

.tab--base-b.tab--shape-b .tab__item-1 .tab__nav__items__item {
  width: 100.3%;
  text-align: center;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #e7e7e7;
}

.tab--base-b.tab--shape-b .tab__item-1 .tab__nav__items__item .tab__nav__items__item__link {
  background: #fff;
  cursor: default;
  pointer-events: none;
}

.tab--base-b.tab--shape-b .tab__item-2 .tab__nav__items__item {
  width: 50%;
}

.tab--base-b.tab--shape-b .tab__item-3 .tab__nav__items__item {
  width: 33%;
}

.tab--base-b.tab--shape-b .tab__item-3 .tab__nav__items__item:first-child {
  width: 34%;
}

.tab--base-b.tab--shape-b .tab__item-4 .tab__nav__items__item {
  width: 25%;
}

.tab--base-b.tab--shape-b .tab__item-5 .tab__nav__items__item {
  width: 20%;
}

.tab--base-b.tab--shape-b .tab__item-6 .tab__nav__items__item {
  width: 17%;
}

.tab--base-b.tab--shape-b .tab__item-6 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-b.tab--shape-b .tab__item-7 .tab__nav__items__item {
  width: 17%;
}

.tab--base-b.tab--shape-b .tab__item-7 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-b.tab--shape-b .tab__item-8 .tab__nav__items__item {
  width: 12.5%;
}

.tab--base-b.tab--shape-c .tab__nav {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.tab--base-b.tab--shape-c .tab__nav__items {
  padding-right: 2px;
}

.tab--base-b.tab--shape-c .tab__nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.tab--base-b.tab--shape-c .tab__nav__items__item {
  float: left;
  margin-right: -2px;
  border-bottom: 1px solid #d9d9d9;
}

.tab--base-b.tab--shape-c .tab__nav__items__item__link {
  display: block;
  padding: 18px 10px 18px 10px;
  border: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #f7f7f7;
  font-size: 16px;
  color: #666;
  line-height: 1em;
  font-weight: 500;
}

.tab--base-b.tab--shape-c .tab__nav__items__item__link.is-active span,
.tab--base-b.tab--shape-c .tab__nav__items__item__link:focus span {
  padding-bottom: 10px;
  border-bottom: 3px solid #ff5000;
}

.tab--base-b.tab--shape-c .tab__nav .is-active {
  position: relative;
  z-index: 9;
  border-bottom: 1px solid #fff;
  color: red;
}

.tab--base-b.tab--shape-c .tab__nav .is-active a {
  position: relative;
  z-index: 1;
  padding: 18px 10px 18px 10px;
  border-image: none;
  border-right: 0;
  border-left: 0;
  background-color: #fff;
  color: #333;
  cursor: default;
  text-decoration: none;
}

.tab--base-b.tab--shape-c .tab__nav .is-active-color-done {
  position: relative;
  z-index: 10;
}

.tab--base-b.tab--shape-c .tab__nav .is-active-color-done a {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 18px 10px 18px 10px;
  border-color: #fff #fff transparent;
  border-image: none;
  border-right: 0;
  border-left: 0;
  color: #333;
  cursor: default;
  text-decoration: none;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane {
  display: none;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane > *:last-child {
  margin-bottom: 20px;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane .btn-select {
  margin-top: -10px;
  margin-bottom: 10px;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__nav {
  margin: 13px 0 14px;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__nav ul:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__nav ul li {
  position: relative;
  float: left;
  padding: 0 8px;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__nav ul li:first-child:after {
  display: none;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__nav ul li:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  width: 1px;
  height: 11px;
  background-color: #d8d8d8;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__nav ul li a {
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__nav ul li a:hover,
.tab--base-b.tab--shape-c .tab__content .tab__pane__nav ul li a.is-active {
  color: #ff5000;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__title {
  margin: 15px 0;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__title p {
  font-size: 16px;
  color: #333;
  line-height: normal;
  font-weight: 500;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__title p em {
  color: #ff5000;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__empty {
  min-height: 363px;
  margin-top: 20px;
  padding-top: 135px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__empty p {
  text-align: center;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__empty p img {
  display: block;
  margin: auto;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane__empty p em {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  color: #999;
  line-height: normal;
  font-weight: 500;
}

.tab--base-b.tab--shape-c .tab__content .tab__pane .empty {
  width: auto;
}

.tab--base-b.tab--shape-c .tab__item-1 .tab__nav__items__item {
  width: 100.3%;
  text-align: center;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #e7e7e7;
}

.tab--base-b.tab--shape-c .tab__item-1 .tab__nav__items__item .tab__nav__items__item__link {
  background: #fff;
  cursor: default;
  pointer-events: none;
}

.tab--base-b.tab--shape-c .tab__item-2 .tab__nav__items__item {
  width: 50%;
}

.tab--base-b.tab--shape-c .tab__item-3 .tab__nav__items__item {
  width: 33%;
}

.tab--base-b.tab--shape-c .tab__item-3 .tab__nav__items__item:first-child {
  width: 34%;
}

.tab--base-b.tab--shape-c .tab__item-4 .tab__nav__items__item {
  width: 25%;
}

.tab--base-b.tab--shape-c .tab__item-5 .tab__nav__items__item {
  width: 20%;
}

.tab--base-b.tab--shape-c .tab__item-6 .tab__nav__items__item {
  width: 17%;
}

.tab--base-b.tab--shape-c .tab__item-6 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-b.tab--shape-c .tab__item-7 .tab__nav__items__item {
  width: 17%;
}

.tab--base-b.tab--shape-c .tab__item-7 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-b.tab--shape-c .tab__item-8 .tab__nav__items__item {
  width: 12.5%;
}

.tab--base-c .tab__nav {
  margin: 0;
  padding: 0;
}

.tab--base-c .tab__nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.tab--base-c .tab__nav__items__item {
  position: relative;
  float: left;
  padding: 0;
}

.tab--base-c .tab__nav__items__item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 11px;
  background-color: #c4c4c4;
}

.tab--base-c .tab__nav__items__item:first-child:before {
  display: none;
}

.tab--base-c .tab__nav__items__item__link {
  display: block;
  padding: 0;
  font-size: 12px;
  line-height: 1em;
  color: #666;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.tab--base-c .tab__nav .is-active {
  position: relative;
  z-index: 10;
}

.tab--base-c .tab__nav .is-active a {
  position: relative;
  background-color: #fff;
  font-weight: 500;
  color: #ff5000;
  text-decoration: none;
  cursor: default;
  z-index: 1;
}

.tab--base-c .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-c .tab__content .tab__pane {
  display: none;
}

.tab--base-c.tab--shape-a .tab__nav__items {
  padding-right: 2px;
}

.tab--base-c.tab--shape-a .tab__nav__items__item.is-active:before {
  left: -1px;
}

.tab--base-c.tab--shape-a .tab__item-2 .tab__nav__items__item {
  width: 50%;
}

.tab--base-c.tab--shape-a .tab__item-3 .tab__nav__items__item {
  width: 33%;
}

.tab--base-c.tab--shape-a .tab__item-3 .tab__nav__items__item:first-child {
  width: 34%;
}

.tab--base-c.tab--shape-a .tab__item-4 .tab__nav__items__item {
  width: 25%;
}

.tab--base-c.tab--shape-a .tab__item-5 .tab__nav__items__item {
  width: 20%;
}

.tab--base-c.tab--shape-a .tab__item-6 .tab__nav__items__item {
  width: 17%;
}

.tab--base-c.tab--shape-a .tab__item-6 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-c.tab--shape-a .tab__item-7 .tab__nav__items__item {
  width: 17%;
}

.tab--base-c.tab--shape-a .tab__item-7 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-c.tab--shape-a .tab__item-8 .tab__nav__items__item {
  width: 12.5%;
}

.tab--base-d .tab__nav {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #666;
}

.tab--base-d .tab__nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.tab--base-d .tab__nav__items__item {
  position: relative;
  float: left;
  padding: 0;
}

.tab--base-d .tab__nav__items__item__link {
  position: relative;
  display: block;
  padding: 13px 0;
  font-size: 14px;
  line-height: 1em;
  color: #888;
  background-color: #fff;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.tab--base-d .tab__nav__items__item__link span {
  margin-left: 4px;
  font-family: Arial;
  font-weight: normal;
}

.tab--base-d .tab__nav .is-active {
  position: relative;
  z-index: 10;
}

.tab--base-d .tab__nav .is-active a {
  position: relative;
  background-color: #666;
  color: #fff;
  text-decoration: none;
  cursor: default;
  z-index: 1;
}

.tab--base-d .tab__nav .is-active a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: -1px;
  left: 0;
  margin: auto;
  border: 1px solid #666;
}

.tab--base-d .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-d .tab__content .tab__pane {
  display: none;
}

.tab--base-d.tab--shape-a .tab__nav__items__item {
  margin-left: -2px;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.tab--base-d.tab--shape-a .tab__nav__items__item:first-child {
  border-left: none;
  margin-left: -1px;
}

.tab--base-d.tab--shape-a .tab__nav__items__item:last-child {
  border-right: none;
  margin-left: -1px;
}

.tab--base-d.tab--shape-a .tab__nav__items__item.is-active:before {
  left: -1px;
}

.tab--base-d.tab--shape-a .tab__item-2 .tab__nav__items__item {
  width: 50%;
}

.tab--base-d.tab--shape-a .tab__item-3 .tab__nav__items__item {
  width: 33%;
}

.tab--base-d.tab--shape-a .tab__item-3 .tab__nav__items__item:first-child {
  width: 34%;
}

.tab--base-d.tab--shape-a .tab__item-4 .tab__nav__items__item {
  width: 25%;
}

.tab--base-d.tab--shape-a .tab__item-5 .tab__nav__items__item {
  width: 20%;
}

.tab--base-d.tab--shape-a .tab__item-6 .tab__nav__items__item {
  width: 17%;
}

.tab--base-d.tab--shape-a .tab__item-6 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-d.tab--shape-a .tab__item-7 .tab__nav__items__item {
  width: 17%;
}

.tab--base-d.tab--shape-a .tab__item-7 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-d.tab--shape-a .tab__item-8 .tab__nav__items__item {
  width: 12.5%;
}

.tab--base-d.tab--shape-b {
  margin: 20px 0;
}

.tab--base-d.tab--shape-b .tab__nav__items__item {
  border-color: #666;
}

.tab--base-d.tab--shape-b .tab__nav__items__item__link {
  border: 1px solid #666;
  margin-bottom: -1px;
  margin-left: -1px;
  font-size: 14px;
}

.tab--base-d.tab--shape-b .tab__nav__items__item__link span {
  color: #666;
}

.tab--base-d.tab--shape-b .tab__nav__items__item.is-active .tab__nav__items__item__link span {
  color: #fff;
}

.tab--base-d.tab--shape-b .tab__nav__items__item.is-active .tab__nav__items__item__link,
.tab--base-d.tab--shape-b .tab__nav__items__item__link {
  min-width: 160px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  color: #666;
}

.tab--base-d.tab--shape-b .tab__nav__items__item.is-active .tab__nav__items__item__link {
  border: none;
  padding-bottom: 14px;
  color: #fff;
}

.tab--base-e .tab__nav {
  margin: 0;
  padding: 0;
}

.tab--base-e .tab__nav__items {
  position: relative;
}

.tab--base-e .tab__nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.tab--base-e .tab__nav__items__item {
  position: relative;
  float: left;
  margin-bottom: -1px;
  margin-right: -1px;
  margin-left: -1px;
  border-bottom: 1px solid #d9d9d9;
}

.tab--base-e .tab__nav__items__item:first-child:before {
  display: none;
}

.tab--base-e .tab__nav__items__item:after {
  content: "";
  width: 16px;
  height: 46px;
  display: block;
  background: url("../../images/share/project-f/tab_menu_off.png") 0 0;
  position: absolute;
  top: 1px;
  right: -16px;
}

.tab--base-e .tab__nav__items__item:before {
  content: "";
  width: 16px;
  height: 46px;
  display: block;
  background: url("../../images/share/project-f/tab_menu_off.png") 0 0;
  position: absolute;
  top: 1px;
  z-index: 2;
}

.tab--base-e .tab__nav__items__item__link {
  display: block;
  padding: 13px 10px;
  border: 1px solid #d9d9d9;
  border-right: 0;
  border-bottom: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #fbfbfb;
  font-size: 13px;
  color: #999;
  line-height: 1em;
  font-weight: 500;
}

.tab--base-e .tab__nav__items__item .cycle-num {
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 10px;
  color: #999;
  text-align: center;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
}

.tab--base-e .tab__nav__items__item .cycle-num.on--gray {
  background: url("../../images/share/project-f/checked-off.png") -2px -2px no-repeat;
  text-indent: -99999px;
}

.tab--base-e .tab__nav__items__item span {
  display: inline-block;
  vertical-align: middle;
}

.tab--base-e .tab__nav .is-active {
  position: relative;
  z-index: 9;
}

.tab--base-e .tab__nav .is-active:after {
  content: '';
  width: 16px;
  height: 46px;
  background: url("../../images/share/project-f/tab_menu_on.png") 0 0;
  display: block;
  position: absolute;
  top: 1px;
  right: -16px;
  z-index: 9;
}

.tab--base-e .tab__nav .is-active a {
  position: relative;
  z-index: 1;
  padding: 13px 10px;
  border-image: none;
  border-right: 0;
  border-left: 0;
  background-color: #ff5000;
  color: #fff;
  cursor: default;
  text-decoration: none;
}

.tab--base-e .tab__nav .is-active .cycle-num {
  width: 20px;
  height: 20px;
  background: #fff;
  border: 0;
  border-radius: 10px;
  font-weight: 500;
  color: #ff5000;
  text-align: center;
  margin-right: 3px;
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
}

.tab--base-e .tab__nav .is-active .cycle-num.on--orange {
  width: 18px;
  height: 18px;
  background: url("../../images/share/project-f/checked-on.png") -1px -0.5px no-repeat;
  text-indent: -99999px;
  border: 1px solid #ff5000;
}

.tab--base-e .tab__nav .is-active .cycle-num.on--gray {
  width: 20px;
  height: 20px;
  background: url("../../images/share/project-f/checked-on.png") -1px -0.5px no-repeat;
  text-indent: -99999px;
}

.tab--base-e .tab__nav .is-active-color-done {
  position: relative;
  z-index: 10;
}

.tab--base-e .tab__nav .is-active-color-done a {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 18px 10px 18px 10px;
  border-color: #fff #fff transparent;
  border-image: none;
  border-right: 0;
  border-left: 0;
  color: #333;
  cursor: default;
  text-decoration: none;
}

.tab--base-e .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-e .tab__content .tab__pane {
  display: none;
}

.tab--base-e .tab__content .tab__pane > *:last-child {
  margin-bottom: 20px;
  margin-top: 0;
}

.tab--base-e .tab__content .tab__pane .btn-select {
  margin-top: -10px;
  margin-bottom: 10px;
}

.tab--base-e .tab__content .tab__pane__nav {
  margin: 13px 0 14px;
}

.tab--base-e .tab__content .tab__pane__nav ul:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-e .tab__content .tab__pane__nav ul li {
  position: relative;
  float: left;
  padding: 0 8px;
}

.tab--base-e .tab__content .tab__pane__nav ul li:first-child:after {
  display: none;
}

.tab--base-e .tab__content .tab__pane__nav ul li:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  width: 1px;
  height: 11px;
  background-color: #d8d8d8;
}

.tab--base-e .tab__content .tab__pane__nav ul li a {
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.tab--base-e .tab__content .tab__pane__nav ul li a:hover,
.tab--base-e .tab__content .tab__pane__nav ul li a.is-active {
  color: #ff5000;
}

.tab--base-e .tab__content .tab__pane__title {
  margin: 15px 0;
}

.tab--base-e .tab__content .tab__pane__title p {
  font-size: 16px;
  color: #333;
  line-height: normal;
  font-weight: 500;
}

.tab--base-e .tab__content .tab__pane__title p em {
  color: #ff5000;
}

.tab--base-e .tab__content .tab__pane__empty {
  min-height: 363px;
  margin-top: 20px;
  padding-top: 135px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
}

.tab--base-e .tab__content .tab__pane__empty p {
  text-align: center;
}

.tab--base-e .tab__content .tab__pane__empty p img {
  display: block;
  margin: auto;
}

.tab--base-e .tab__content .tab__pane__empty p em {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  color: #999;
  line-height: normal;
  font-weight: 500;
}

.tab--base-e .tab__content .tab__pane .empty {
  width: auto;
}

.tab--base-e .tab__content .file {
  margin-top: 20px;
  border: 1px solid #e7e7e7;
}

.tab--base-e .tab__content .file--header {
  height: 52px;
  padding: 0 19px;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fafafa;
}

.tab--base-e .tab__content .file--header:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-e .tab__content .file--header__title {
  float: left;
  margin-top: 9px;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.tab--base-e .tab__content .file--header__title .icon--attachment {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -233px;
  width: 32px;
  height: 32px;
}

.tab--base-e .tab__content .file--header__title span {
  position: relative;
  margin-left: 26px;
  vertical-align: middle;
}

.tab--base-e .tab__content .file--header__title span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -15px;
  width: 1px;
  height: 23px;
  background-color: #e9e9e9;
}

.tab--base-e .tab__content .file--header__title span em {
  color: #f0562d;
}

.tab--base-e .tab__content .file--header__mb {
  float: right;
  margin-top: 18px;
}

.tab--base-e .tab__content .file--header__mb span {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-e .tab__content .file--header__mb span:first-child {
  color: #f0562d;
}

.tab--base-e .tab__content .file--contents__file {
  position: relative;
  padding: 0 15px;
}

.tab--base-e .tab__content .file--contents__file:hover {
  background-color: #f7f7f7;
}

.tab--base-e .tab__content .file--contents__file:hover .icon {
  display: block;
}

.tab--base-e .tab__content .file--contents__file:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-e .tab__content .file--contents__file .name {
  float: left;
  width: 625px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #666;
  line-height: 34px;
  font-weight: normal;
}

.tab--base-e .tab__content .file--contents__file .byte {
  float: right;
  padding-right: 20px;
  font-size: 11px;
  color: #999;
  line-height: 34px;
  font-weight: normal;
}

.tab--base-e .tab__content .file--contents__file .delete {
  display: none;
  position: absolute;
  top: 9px;
  right: 12px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -273px;
  width: 14px;
  height: 14px;
}

.tab--base-e .tab__content .file--footer {
  height: 27px;
  padding: 13px 15px 0;
  border-top: 1px solid #e7e7e7;
}

.tab--base-e .tab__content .file--footer:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-e .tab__content .file--footer__info {
  float: left;
}

.tab--base-e .tab__content .file--footer__info span {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-e .tab__content .file--footer__delete {
  float: right;
}

.tab--base-e .tab__content .file--footer__delete a {
  text-decoration: underline;
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-e .tab__content .file--footer__delete a:hover {
  color: #333;
}

.tab--base-e.tab--shape-a .tab__item-2 .tab__nav__items__item {
  width: 50%;
}

.tab--base-e.tab--shape-a .tab__item-2 .tab__nav__items__item__link {
  letter-spacing: -1.5px;
}

.tab--base-e.tab--shape-a .tab__item-3 .tab__nav__items__item {
  width: 33%;
}

.tab--base-e.tab--shape-a .tab__item-3 .tab__nav__items__item:first-child {
  width: 34%;
}

.tab--base-e.tab--shape-a .tab__item-4 .tab__nav__items__item {
  width: 25%;
}

.tab--base-e.tab--shape-a .tab__item-5 .tab__nav__items__item {
  width: 20%;
}

.tab--base-f .tab__nav {
  margin-top: 10px;
}

.tab--base-f .tab__nav__items {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.tab--base-f .tab__nav__items:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-f .tab__nav__items__item {
  float: left;
  margin-left: 5px;
}

.tab--base-f .tab__nav__items__item:first-child {
  margin-left: 0;
}

.tab--base-f .tab__nav__items__item__link {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #666;
  text-indent: -9999em;
}

.tab--base-f .tab__nav .is-active {
  position: relative;
  z-index: 9;
}

.tab--base-f .tab__nav .is-active a {
  background-color: #ff5000;
}

.tab--base-f .tab__nav .is-active-color-done {
  position: relative;
  z-index: 10;
}

.tab--base-f .tab__nav .is-active-color-done a {
  background-color: #ff5000;
}

.tab--base-f .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-f .tab__content .tab__pane {
  display: none;
  width: 110%;
}

.tab--base-f .tab__content .tab__pane > *:last-child {
  margin-bottom: 20px;
}

.tab--base-f .tab__content .tab__pane ul {
  display: block;
  height: 198px;
  overflow: hidden;
}

.tab--base-f .tab__content .tab__pane ul:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-f .tab__content .tab__pane ul li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.tab--base-f .tab__content .tab__pane ul li a {
  display: table-cell;
  width: 156px;
  height: 54px;
  padding: 0 34px;
  border-radius: 5px;
  border: 1px solid #069fee;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -0.5px;
  font-size: 13px;
  color: #069fee;
  line-height: 17px;
  font-weight: 500;
}

.tab--base-g .tab__nav {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d9d9d9;
}

.tab--base-g .tab__nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.tab--base-g .tab__nav__items__item {
  float: left;
}

.tab--base-g .tab__nav__items__item__link {
  padding: 12px 10px 11px 10px;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  display: block;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: #757c86;
  line-height: 1em;
  text-decoration: none;
  background: url("../../images/share/blank.gif") repeat left top #e6e6e6;
}

.tab--base-g .tab__nav .is-active {
  position: relative;
  z-index: 10;
}

.tab--base-g .tab__nav .is-active a {
  background-color: #fff;
  position: relative;
  z-index: 1;
  color: #ed5a33;
  cursor: default;
  text-decoration: none;
}

.tab--base-g .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-g .tab__content .tab__pane {
  display: none;
}

.tab--base-g .tab__content .file {
  margin-top: 20px;
  border: 1px solid #e7e7e7;
}

.tab--base-g .tab__content .file--header {
  height: 52px;
  padding: 0 19px;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fafafa;
}

.tab--base-g .tab__content .file--header:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-g .tab__content .file--header__title {
  float: left;
  margin-top: 9px;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.tab--base-g .tab__content .file--header__title .icon--attachment {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -233px;
  width: 32px;
  height: 32px;
}

.tab--base-g .tab__content .file--header__title span {
  position: relative;
  margin-left: 26px;
  vertical-align: middle;
}

.tab--base-g .tab__content .file--header__title span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -15px;
  width: 1px;
  height: 23px;
  background-color: #e9e9e9;
}

.tab--base-g .tab__content .file--header__title span em {
  color: #f0562d;
}

.tab--base-g .tab__content .file--header__mb {
  float: right;
  margin-top: 18px;
}

.tab--base-g .tab__content .file--header__mb span {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-g .tab__content .file--header__mb span:first-child {
  color: #f0562d;
}

.tab--base-g .tab__content .file--contents__file {
  position: relative;
  padding: 0 15px;
}

.tab--base-g .tab__content .file--contents__file:hover {
  background-color: #f7f7f7;
}

.tab--base-g .tab__content .file--contents__file:hover .icon {
  display: block;
}

.tab--base-g .tab__content .file--contents__file:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-g .tab__content .file--contents__file .name {
  float: left;
  width: 625px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #666;
  line-height: 34px;
  font-weight: normal;
}

.tab--base-g .tab__content .file--contents__file .byte {
  float: right;
  padding-right: 20px;
  font-size: 11px;
  color: #999;
  line-height: 34px;
  font-weight: normal;
}

.tab--base-g .tab__content .file--contents__file .delete {
  display: none;
  position: absolute;
  top: 9px;
  right: 12px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -273px;
  width: 14px;
  height: 14px;
}

.tab--base-g .tab__content .file--footer {
  height: 27px;
  padding: 13px 15px 0;
  border-top: 1px solid #e7e7e7;
}

.tab--base-g .tab__content .file--footer:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-g .tab__content .file--footer__info {
  float: left;
}

.tab--base-g .tab__content .file--footer__info span {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-g .tab__content .file--footer__delete {
  float: right;
}

.tab--base-g .tab__content .file--footer__delete a {
  text-decoration: underline;
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-g .tab__content .file--footer__delete a:hover {
  color: #333;
}

.tab--base-g.tab--shape-a .tab__nav {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.tab--base-g.tab--shape-a .tab__nav__items {
  border-bottom: 1px solid #efefef;
}

.tab--base-g.tab--shape-a .tab__nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.tab--base-g.tab--shape-a .tab__nav__items__item {
  float: left;
}

.tab--base-g.tab--shape-a .tab__nav__items__item:first-child a {
  border-top-left-radius: 4px;
}

.tab--base-g.tab--shape-a .tab__nav__items__item:last-child a {
  border-top-right-radius: 4px;
}

.tab--base-g.tab--shape-a .tab__nav__items__item__link {
  display: block;
  padding: 20px 10px;
  border: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #f7f7f7;
  font-size: 16px;
  color: #666666;
  line-height: 1em;
  font-weight: 500;
}

.tab--base-g.tab--shape-a .tab__nav__items__item__link.is-active span,
.tab--base-g.tab--shape-a .tab__nav__items__item__link:focus span {
  color: #ff5000;
  padding-bottom: 17px;
  border-bottom: 3px solid #ff5000;
}

.tab--base-g.tab--shape-a .tab__nav__items .is-active a span {
  color: #ff5000;
  padding-bottom: 17px;
  border-bottom: 3px solid #ff5000;
}

.tab--base-g.tab--shape-a .tab__nav .is-active {
  position: relative;
  z-index: 9;
  border-bottom: 1px solid #fff;
}

.tab--base-g.tab--shape-a .tab__nav .is-active a {
  position: relative;
  z-index: 1;
  padding: 20px 10px;
  margin-top: -1px;
  background-color: #fff;
  color: #333;
  cursor: default;
  text-decoration: none;
}

.tab--base-g.tab--shape-a .tab__nav .is-active-color-done {
  position: relative;
  z-index: 10;
}

.tab--base-g.tab--shape-a .tab__nav .is-active-color-done a {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 20px 10px;
  border-color: #fff #fff transparent;
  border-image: none;
  border-right: 0;
  border-left: 0;
  color: #333;
  cursor: default;
  text-decoration: none;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane {
  display: none;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane > *:last-child {
  margin-bottom: 20px;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane .btn-select {
  margin-top: -10px;
  margin-bottom: 10px;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__nav {
  margin: 13px 0 14px;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__nav ul:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__nav ul li {
  position: relative;
  float: left;
  padding: 0 8px;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__nav ul li:first-child:after {
  display: none;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__nav ul li:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  width: 1px;
  height: 11px;
  background-color: #d8d8d8;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__nav ul li a {
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__nav ul li a:hover,
.tab--base-g.tab--shape-a .tab__content .tab__pane__nav ul li a.is-active {
  color: #ff5000;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__title {
  margin: 15px 0;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__title p {
  font-size: 16px;
  color: #333;
  line-height: normal;
  font-weight: 500;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__title p em {
  color: #ff5000;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__empty {
  min-height: 363px;
  margin-top: 20px;
  padding-top: 135px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__empty p {
  text-align: center;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__empty p img {
  display: block;
  margin: auto;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane__empty p em {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  color: #999;
  line-height: normal;
  font-weight: 500;
}

.tab--base-g.tab--shape-a .tab__content .tab__pane .empty {
  width: auto;
}

.tab--base-g.tab--shape-a .tab__item-1 .tab__nav__items__item {
  width: 100.3%;
  text-align: center;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid #e7e7e7;
}

.tab--base-g.tab--shape-a .tab__item-1 .tab__nav__items__item .tab__nav__items__item__link {
  background: #fff;
  cursor: default;
  pointer-events: none;
}

.tab--base-g.tab--shape-a .tab__item-2 .tab__nav__items__item {
  width: 50%;
}

.tab--base-g.tab--shape-a .tab__item-3 .tab__nav__items__item {
  width: 33%;
}

.tab--base-g.tab--shape-a .tab__item-3 .tab__nav__items__item:first-child {
  width: 34%;
}

.tab--base-g.tab--shape-a .tab__item-4 .tab__nav__items__item {
  width: 25%;
}

.tab--base-g.tab--shape-a .tab__item-5 .tab__nav__items__item {
  width: 20%;
}

.tab--base-g.tab--shape-a .tab__item-6 .tab__nav__items__item {
  width: 17%;
}

.tab--base-g.tab--shape-a .tab__item-6 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-g.tab--shape-a .tab__item-7 .tab__nav__items__item {
  width: 17%;
}

.tab--base-g.tab--shape-a .tab__item-7 .tab__nav__items__item:first-child {
  width: 15%;
}

.tab--base-g.tab--shape-a .tab__item-8 .tab__nav__items__item {
  width: 12.5%;
}

.tab--base-h .tab__nav {
  margin: 0;
  padding: 0;
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  box-sizing: border-box;
}

.tab--base-h .tab__nav__items {
  position: relative;
}

.tab--base-h .tab__nav__items:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-h .tab__nav__items__item {
  position: relative;
  float: left;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  box-sizing: border-box;
}

.tab--base-h .tab__nav__items__item:first-child:before {
  display: none;
}

.tab--base-h .tab__nav__items__item:last-child:after {
  display: none;
}

.tab--base-h .tab__nav__items__item:after {
  content: "";
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -211px -91px;
  width: 21px;
  height: 47px;
  position: absolute;
  top: -1px;
  right: -21px;
  z-index: 1;
}

.tab--base-h .tab__nav__items__item__link {
  display: block;
  padding: 15px 10px;
  border-right: 0;
  border-bottom: 0;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #fbfbfb;
  font-size: 13px;
  color: #cecece;
  line-height: 1em;
  font-weight: 500;
}

.tab--base-h .tab__nav__items__item .text {
  display: inline-block;
  vertical-align: middle;
}

.tab--base-h .tab__nav__items__item .icon.icon--check {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -416px -357px;
  width: 14px;
  height: 10px;
  vertical-align: middle;
  margin-left: 4px;
}

.tab--base-h .tab__nav__items__item .icon.icon--uncheck {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -236px -586px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-left: 4px;
}

.tab--base-h .tab__nav__items__item.is-active {
  position: relative;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  box-sizing: border-box;
}

.tab--base-h .tab__nav__items__item.is-active:after {
  content: '' !important;
  background-image: url("../../images/share/sprite/icon.png") !important;
  background-position: 0px -400px !important;
  width: 21px !important;
  height: 47px !important;
  position: absolute !important;
  top: -1px !important;
  right: -21px !important;
  z-index: 1 !important;
}

.tab--base-h .tab__nav__items__item.is-active:before {
  content: '';
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -21px -400px;
  width: 21px;
  height: 47px;
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 3;
}

.tab--base-h .tab__nav__items__item.is-active:first-child {
  border-left: 1px solid #999;
}

.tab--base-h .tab__nav__items__item.is-active:last-child {
  border-right: 1px solid #999;
}

.tab--base-h .tab__nav__items__item.is-active a {
  position: relative;
  z-index: 1;
  padding: 15px 10px;
  border-image: none;
  border-right: 0;
  border-left: 0;
  background-color: #fff;
  color: #333333;
  cursor: default;
  text-decoration: none;
}

.tab--base-h .tab__nav .is-active-color-done {
  position: relative;
  z-index: 10;
}

.tab--base-h .tab__nav .is-active-color-done a {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 18px 10px 18px 10px;
  border-color: #fff #fff transparent;
  border-image: none;
  border-right: 0;
  border-left: 0;
  color: #333;
  cursor: default;
  text-decoration: none;
}

.tab--base-h .tab__content .tab__pane.is-active {
  display: block;
}

.tab--base-h .tab__content .tab__pane {
  display: none;
}

.tab--base-h .tab__content .tab__pane > *:last-child {
  margin-bottom: 20px;
  margin-top: 0;
}

.tab--base-h .tab__content .tab__pane .btn-select {
  margin-top: -10px;
  margin-bottom: 10px;
}

.tab--base-h .tab__content .tab__pane__nav {
  margin: 13px 0 14px;
}

.tab--base-h .tab__content .tab__pane__nav ul:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-h .tab__content .tab__pane__nav ul li {
  position: relative;
  float: left;
  padding: 0 8px;
}

.tab--base-h .tab__content .tab__pane__nav ul li:first-child:after {
  display: none;
}

.tab--base-h .tab__content .tab__pane__nav ul li:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  width: 1px;
  height: 11px;
  background-color: #d8d8d8;
}

.tab--base-h .tab__content .tab__pane__nav ul li a {
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.tab--base-h .tab__content .tab__pane__nav ul li a:hover,
.tab--base-h .tab__content .tab__pane__nav ul li a.is-active {
  color: #ff5000;
}

.tab--base-h .tab__content .tab__pane__title {
  margin: 15px 0;
}

.tab--base-h .tab__content .tab__pane__title p {
  font-size: 16px;
  color: #333;
  line-height: normal;
  font-weight: 500;
}

.tab--base-h .tab__content .tab__pane__title p em {
  color: #ff5000;
}

.tab--base-h .tab__content .tab__pane__empty {
  min-height: 363px;
  margin-top: 20px;
  padding-top: 135px;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
}

.tab--base-h .tab__content .tab__pane__empty p {
  text-align: center;
}

.tab--base-h .tab__content .tab__pane__empty p img {
  display: block;
  margin: auto;
}

.tab--base-h .tab__content .tab__pane__empty p em {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  color: #999;
  line-height: normal;
  font-weight: 500;
}

.tab--base-h .tab__content .tab__pane .empty {
  width: auto;
}

.tab--base-h .tab__content .file {
  margin-top: 20px;
  border: 1px solid #e7e7e7;
}

.tab--base-h .tab__content .file--header {
  height: 52px;
  padding: 0 19px;
  border-bottom: 1px solid #e7e7e7;
  background-color: #fafafa;
}

.tab--base-h .tab__content .file--header:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-h .tab__content .file--header__title {
  float: left;
  margin-top: 9px;
  font-size: 13px;
  color: #666;
  line-height: 19px;
  font-weight: normal;
}

.tab--base-h .tab__content .file--header__title .icon--attachment {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -430px -233px;
  width: 32px;
  height: 32px;
}

.tab--base-h .tab__content .file--header__title span {
  position: relative;
  margin-left: 26px;
  vertical-align: middle;
}

.tab--base-h .tab__content .file--header__title span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -15px;
  width: 1px;
  height: 23px;
  background-color: #e9e9e9;
}

.tab--base-h .tab__content .file--header__title span em {
  color: #f0562d;
}

.tab--base-h .tab__content .file--header__mb {
  float: right;
  margin-top: 18px;
}

.tab--base-h .tab__content .file--header__mb span {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-h .tab__content .file--header__mb span:first-child {
  color: #f0562d;
}

.tab--base-h .tab__content .file--contents__file {
  position: relative;
  padding: 0 15px;
}

.tab--base-h .tab__content .file--contents__file:hover {
  background-color: #f7f7f7;
}

.tab--base-h .tab__content .file--contents__file:hover .icon {
  display: block;
}

.tab--base-h .tab__content .file--contents__file:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-h .tab__content .file--contents__file .name {
  float: left;
  width: 625px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #666;
  line-height: 34px;
  font-weight: normal;
}

.tab--base-h .tab__content .file--contents__file .byte {
  float: right;
  padding-right: 20px;
  font-size: 11px;
  color: #999;
  line-height: 34px;
  font-weight: normal;
}

.tab--base-h .tab__content .file--contents__file .delete {
  display: none;
  position: absolute;
  top: 9px;
  right: 12px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -273px;
  width: 14px;
  height: 14px;
}

.tab--base-h .tab__content .file--footer {
  height: 27px;
  padding: 13px 15px 0;
  border-top: 1px solid #e7e7e7;
}

.tab--base-h .tab__content .file--footer:after {
  content: '';
  display: block;
  clear: both;
}

.tab--base-h .tab__content .file--footer__info {
  float: left;
}

.tab--base-h .tab__content .file--footer__info span {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-h .tab__content .file--footer__delete {
  float: right;
}

.tab--base-h .tab__content .file--footer__delete a {
  text-decoration: underline;
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.tab--base-h .tab__content .file--footer__delete a:hover {
  color: #333;
}

.tab--base-h.tab--shape-a .tab__item-2 .tab__nav__items__item {
  width: 50%;
}

.tab--base-h.tab--shape-a .tab__item-2 .tab__nav__items__item__link {
  letter-spacing: -1.5px;
}

.tab--base-h.tab--shape-a .tab__item-3 .tab__nav__items__item {
  width: 33%;
}

.tab--base-h.tab--shape-a .tab__item-3 .tab__nav__items__item:first-child {
  width: 34%;
}

.tab--base-h.tab--shape-a .tab__item-4 .tab__nav__items__item {
  width: 25%;
}

.tab--base-h.tab--shape-a .tab__item-5 .tab__nav__items__item {
  width: 20%;
}

.tab--base-i {
  background-color: #c1c1c1;
}

.select--base-a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 147px;
  border: 1px solid #cdcdcd;
  position: relative;
  background: #fff;
  border-radius: 3px;
}

.select--base-a .select__target {
  display: block;
  height: 23px;
  padding: 7px 0 0 13px;
  margin-right: 0;
  outline: none;
  text-decoration: none;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
  position: relative;
  z-index: 1;
}

.select--base-a .select__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 8px;
  padding: 11px;
  background-color: #f5f5f5;
  border-left: 1px solid #cdcdcd;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select--base-a .select__btn .icon--down {
  display: block;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -330px;
  width: 9px;
  height: 6px;
}

.select--base-a .select__menu {
  position: absolute;
  display: none;
  left: 1px;
  margin: 0 -2px 0 -2px;
  width: 100%;
  background-color: #fff;
  z-index: 999;
  border: 1px solid #cdcdcd;
  z-index: 1;
}

.select--base-a .select__menu li:hover,
.select--base-a .select__menu li:hover a {
  color: #f0562d;
  background-color: #f2f2f2;
}

.select--base-a .select__menu li a {
  display: block;
  height: 22px;
  padding: 9px 0 0 10px;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.select--base-a.active {
  border: 1px solid #b9b9b9;
}

.select--base-a.active .select__menu {
  border: 1px solid #b9b9b9;
  border-radius: 3px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.select--base-b {
  display: inline-block;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 12px;
}

.select--base-b .select__target {
  display: block;
  padding: 0 30px 0 9px;
  height: 30px;
  line-height: 30px;
  color: #333;
}

.select--base-b .select__menu {
  display: none;
}

.select--base-b .select__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
}

.select.active .select__menu {
  display: block;
}

.form--control {
  font-size: 12px;
  height: 21px;
  color: #999;
  padding: 11px 5px 0 5px;
  border: 1px solid #d4d4d4;
}

input .form--control[readonly="readonly"] {
  background-color: #fbfbfb;
}

.formstyle {
  position: relative;
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle;
}

.formstyle input[type=checkbox],
.formstyle input[type=radio] {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}

.formstyle__icon {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.formstyle__icon:after {
  content: '';
  position: absolute;
}

.formstyle--checkbox .formstyle__icon {
  border-radius: 3px;
}

.formstyle--radio .formstyle__icon {
  border-radius: 50%;
}

.formstyle--checkbox.formstyle--checked .formstyle__icon {
  background-color: #ff5000 !important;
  border-color: #eb5229 !important;
}

.formstyle--checkbox.formstyle--checked .formstyle__icon:after {
  top: 3px;
  left: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -441px;
  width: 10px;
  height: 8px;
}

.formstyle--checkbox.formstyle--checked .formstyle--shape-c + .formstyle__icon {
  background-color: #1ea3f0 !important;
  border-color: #088ad5 !important;
}

.formstyle--radio.formstyle--checked .formstyle__icon {
  background-color: #ff5000;
  border-color: #eb5229;
}

.formstyle--radio.formstyle--checked .formstyle__icon:after {
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  border-radius: 50%;
  background-color: #fff;
}

.formstyle--radio.formstyle--checked .formstyle--shape-c + .formstyle__icon {
  background-color: #1ea3f0 !important;
  border-color: #088ad5 !important;
}

.formstyle--checkbox.formstyle--checked.formstyle--disabled .formstyle__icon:after {
  background-image: url("../../images/share/sprite/icon.png") !important;
  background-position: -613px -556px !important;
  width: 9px !important;
  height: 8px !important;
}

.formstyle--checkbox.formstyle--disabled .formstyle__icon {
  background-color: #eee !important;
  border-color: #ccc !important;
}

.formstyle--checkbox.formstyle--disabled .formstyle--shape-a + .formstyle__icon:after {
  background: none;
}

.formstyle--radio.formstyle--disabled .formstyle__icon {
  background-color: #f7f7f7;
  border-color: #ddd;
}

.formstyle--radio.formstyle--disabled .formstyle__icon:after {
  background-color: #999;
}

.formstyle--disabled input[type=checkbox],
.formstyle--disabled input[type=radio] {
  cursor: not-allowed;
}

.formstyle--focused .formstyle__icon {
  border-color: #eb5229;
}

.formstyle--focused .formstyle--shape-c + .formstyle__icon {
  border-color: #088ad5 !important;
}

.formstyle--base-a.formstyle--shape-a + .formstyle__icon {
  width: 16px;
  height: 16px;
  border-radius: 2px;
}

.formstyle--base-a.formstyle--shape-a + .formstyle__icon:after {
  top: 4px;
  left: 4px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -564px;
  width: 9px;
  height: 8px;
}

.formstyle--base-a.formstyle--shape-b + .formstyle__icon {
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 2px;
  background-color: #d9d9d9;
}

.formstyle--base-a.formstyle--shape-b + .formstyle__icon:after {
  top: 6px;
  left: 4px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -380px -537px;
  width: 16px;
  height: 12px;
}

.formstyle--base-a.formstyle--shape-c + .formstyle__icon {
  background-color: blue;
}

.formstyle--base-b.formstyle--shape-a + .formstyle__icon {
  width: 13px;
  height: 13px;
}

.formstyle--base-b.formstyle--shape-b + .formstyle__icon {
  width: 16px;
  height: 16px;
}

.formbox--base-a {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: left;
  overflow: hidden;
}

.formbox--base-a select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}

.formbox--base-a .formbox__title {
  display: block;
  height: 31px;
  line-height: 32px;
  font-weight: normal;
  white-space: nowrap;
  font-size: 13px;
  color: #999;
  overflow: hidden;
}

.formbox--base-a .formbox__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background-color: #f7f7f7;
  border-left: 1px solid #d9d9d9;
  z-index: 1;
}

.formbox--base-a .formbox__icon:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -330px;
  width: 9px;
  height: 6px;
}

.formbox--base-a .formbox--focused {
  border-color: #b9b9b9;
}

.formbox--base-a .formbox--focused .formbox__title {
  color: #666;
}

.formbox--base-a .formbox--focused .formbox__icon {
  border-color: #b9b9b9;
}

.formbox--base-a .formbox--disabled {
  background-color: #eee;
}

.formbox--base-a .formbox--disabled select {
  cursor: not-allowed;
}

.formbox--base-a .formbox--disabled:hover {
  border-color: #ddd;
}

.formbox--base-a .formbox__title {
  padding: 0 14px 0 7px;
  font-size: 13px;
}

.formbox--base-a .formbox__icon:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -330px;
  width: 9px;
  height: 6px;
}

.formbox--base-b {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: left;
  overflow: hidden;
}

.formbox--base-b select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}

.formbox--base-b .formbox__title {
  display: block;
  height: 31px;
  line-height: 32px;
  font-weight: normal;
  white-space: nowrap;
  font-size: 13px;
  color: #999;
  overflow: hidden;
}

.formbox--base-b .formbox__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background-color: #f7f7f7;
  border-left: 1px solid #d9d9d9;
  z-index: 1;
}

.formbox--base-b .formbox__icon:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -330px;
  width: 9px;
  height: 6px;
}

.formbox--base-b .formbox--focused {
  border-color: #b9b9b9;
}

.formbox--base-b .formbox--focused .formbox__title {
  color: #666;
}

.formbox--base-b .formbox--focused .formbox__icon {
  border-color: #b9b9b9;
}

.formbox--base-b .formbox--disabled {
  background-color: #eee;
}

.formbox--base-b .formbox--disabled select {
  cursor: not-allowed;
}

.formbox--base-b .formbox--disabled:hover {
  border-color: #ddd;
}

.formbox--base-b .formbox__title {
  padding: 3px 12px 3px;
  font-size: 14px;
}

.formbox--base-b .formbox__icon:after {
  content: ' ';
  position: absolute;
  top: 15px;
  right: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -330px;
  width: 9px;
  height: 6px;
}

.formbox--base-c {
  padding-right: 30px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding-right: 0;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 3px;
  box-sizing: content-box;
  vertical-align: middle;
  text-align: left;
  overflow: hidden;
}

.formbox--base-c select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}

.formbox--base-c .formbox__title {
  display: block;
  height: 31px;
  line-height: 32px;
  font-weight: normal;
  white-space: nowrap;
  font-size: 13px;
  color: #999;
  overflow: hidden;
}

.formbox--base-c .formbox__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background-color: #f7f7f7;
  border-left: 1px solid #d9d9d9;
  z-index: 1;
}

.formbox--base-c .formbox__icon:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -330px;
  width: 9px;
  height: 6px;
}

.formbox--base-c .formbox--focused {
  border-color: #b9b9b9;
}

.formbox--base-c .formbox--focused .formbox__title {
  color: #666;
}

.formbox--base-c .formbox--focused .formbox__icon {
  border-color: #b9b9b9;
}

.formbox--base-c .formbox--disabled {
  background-color: #eee;
}

.formbox--base-c .formbox--disabled select {
  cursor: not-allowed;
}

.formbox--base-c .formbox--disabled:hover {
  border-color: #ddd;
}

.formbox--base-c select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-size: 13px;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}

.formbox--base-c__title {
  display: block;
  padding: 0 14px 0 7px;
  height: 32px;
  line-height: 32px;
  font-weight: normal;
  white-space: nowrap;
  font-size: 13px;
  color: #333;
  overflow: hidden;
}

.formbox--base-c__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background-color: #f7f7f7;
  border-left: 1px solid #d9d9d9;
  z-index: 1;
}

.formbox--base-c__icon:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -330px;
  width: 9px;
  height: 6px;
}

.formbox--base-c--focused {
  border-color: #b9b9b9;
}

.formbox--base-c--focused .formbox__title {
  color: #666;
}

.formbox--base-c--focused .formbox__icon {
  border-color: #b9b9b9;
}

.formbox--base-c--disabled {
  background-color: #eee;
}

.formbox--base-c--disabled .formbox--base-c__title {
  color: #999;
}

.formbox--base-c--disabled select {
  cursor: not-allowed;
}

.formbox--base-c--disabled:hover {
  border-color: #ddd;
}

.formbox--base-c--block {
  width: 100% !important;
  box-sizing: border-box;
}

.formbox--base-c.formbox--shape-a .formbox--base-c__title {
  display: block;
  padding: 5px 14px 5px 12px;
  line-height: 30px;
  font-size: 14px;
}

.formbox--base-c.formbox--shape-a .formbox--base-c__icon {
  z-index: 1;
}

.formbox--base-c.formbox--shape-a .formbox--base-c__icon:after {
  top: 18px;
}

.formbox--base-c.formbox--shape-b:first-child {
  margin-left: 0;
}

.formbox--base-c.formbox--shape-b .formbox--base-c__title {
  display: block;
  padding: 0 14px 0 12px;
  line-height: 30px;
  font-size: 13px;
}

.formbox--base-c.formbox--shape-b .formbox--base-c__icon {
  z-index: 1;
}

.formbox--base-c.formbox--shape-b .formbox--base-c__icon:after {
  top: 13px;
}

.formbox--base-c.formbox--shape-b .disabled {
  box-sizing: border-box;
  pointer-events: none;
  opacity: 1;
  background-color: #eee;
  cursor: not-allowed;
  border: 0;
  color: #b5b5b5;
  padding: 0 14px 0 12px;
}

.formbox--base-c.formbox--shape-b .disabled .formbox--base-c__icon {
  background: red;
}

.formbox--base-c.formbox--shape-c {
  border: none;
}

.formbox--base-c.formbox--shape-c .formbox--base-c__title {
  display: block;
  padding: 11px 14px 11px 12px;
  font-size: 13px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
}

.formbox--base-c.formbox--shape-c .formbox--base-c__icon {
  top: 12px;
  height: 28px;
  background-color: #fff;
  border-left: none;
  border-right: 1px solid #e3e3e3;
  z-index: 1;
}

.formbox--base-c.formbox--shape-c .formbox--base-c__icon:after {
  top: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -196px -298px;
  width: 11px;
  height: 7px;
}

.formbox--base-c.formbox--shape-d {
  width: 72px !important;
  height: 34px !important;
}

.formbox--base-c.formbox--shape-d:first-child {
  margin-left: 0;
}

.formbox--base-c.formbox--shape-d .formbox--base-c__title {
  display: block;
  padding: 2px 14px 2px 12px;
  line-height: 30px;
  font-size: 13px;
}

.formbox--base-c.formbox--shape-d .formbox--base-c__icon {
  z-index: 1;
  background-color: #fff;
  border-left: 0;
}

.formbox--base-c.formbox--shape-d .formbox--base-c__icon:after {
  top: 13px;
}

.formbox--base-c.formbox--shape-d .disabled {
  box-sizing: border-box;
  pointer-events: none;
  opacity: 1;
  background-color: #eee;
  cursor: not-allowed;
  border: 0;
  color: #b5b5b5;
  padding: 0 14px 0 12px;
}

.formbox--base-c.formbox--shape-e {
  width: 72px !important;
  height: 38px !important;
  border-radius: 0;
}

.formbox--base-c.formbox--shape-e:first-child {
  margin-left: 0;
}

.formbox--base-c.formbox--shape-e.formbox--input {
  height: 34px !important;
}

.formbox--base-c.formbox--shape-e .formbox--base-c__title {
  display: block;
  padding: 4px 12px;
  line-height: 30px;
  font-size: 13px;
}

.formbox--base-c.formbox--shape-e .formbox--base-c__icon {
  z-index: 1;
  background-color: #fff;
  border-left: 0;
}

.formbox--base-c.formbox--shape-e .formbox--base-c__icon:after {
  content: "";
  top: 0 !important;
  right: 0 !important;
  background-image: url("../../images/share/sprite/icon.png") !important;
  background-position: -353px -159px !important;
  width: 38px !important;
  height: 38px !important;
}

.formbox--base-c.formbox--shape-e .disabled {
  box-sizing: border-box;
  pointer-events: none;
  opacity: 1;
  cursor: not-allowed;
  color: #b5b5b5;
  padding: 0 14px 0 12px;
  color: #aaaaaa !important;
  background-color: #eaeaea !important;
  border: 0;
}

.formbox--base-c.formbox--shape-e--disabled {
  width: 72px !important;
  height: 38px !important;
  border-radius: 0;
  box-sizing: border-box;
  pointer-events: none;
  opacity: 1;
  cursor: not-allowed;
  background-color: #ffffff !important;
  border: 1px solid #bebebe !important;
}

.formbox--base-c.formbox--shape-e--disabled:first-child {
  margin-left: 0;
}

.formbox--base-c.formbox--shape-e--disabled .formbox--base-c__title {
  display: block;
  padding: 4px 12px;
  line-height: 30px;
  font-size: 13px;
  color: #888888 !important;
}

.formbox--base-c.formbox--shape-e--disabled .formbox--base-c__icon {
  z-index: 1;
  background-color: #fff !important;
  border-left: 0;
}

.formbox--base-c.formbox--shape-e--disabled .formbox--base-c__icon:after {
  content: "";
  top: 0 !important;
  right: 0 !important;
  background-image: url("../../images/share/sprite/icon.png") !important;
  background-position: -353px -197px !important;
  width: 38px !important;
  height: 38px !important;
}

.formbox--base-c.formbox--shape-e--disabled .disabled {
  box-sizing: border-box;
  pointer-events: none;
  opacity: 1;
  cursor: not-allowed;
  color: #b5b5b5;
  padding: 0 14px 0 12px;
  color: #aaaaaa !important;
  background-color: #eaeaea !important;
  border: 0;
}

.formbox--base-c.formbox--shape-f {
  border: none;
  border: solid 1px #d9d9d9;
}

.formbox--base-c.formbox--shape-f .formbox--base-c__title {
  display: block;
  padding: 3px 14px 3px 12px;
  font-size: 13px;
  color: #666;
  line-height: 32px;
  font-weight: normal;
}

.formbox--base-c.formbox--shape-f .formbox--base-c__icon {
  top: 0;
  height: 100%;
  width: 36px;
  background-color: #fff;
  border-left: none;
  border-left: 1px solid #d9d9d9;
  z-index: 1;
}

.formbox--base-c.formbox--shape-f .formbox--base-c__icon:after {
  top: 16px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -196px -298px;
  width: 11px;
  height: 7px;
}

.formbox--base-c.formbox--shape-g {
  width: 121px !important;
  height: 26px !important;
  border-radius: 0;
}

.formbox--base-c.formbox--shape-g:first-child {
  margin-left: 0;
}

.formbox--base-c.formbox--shape-g select {
  font-size: 12px !important;
}

.formbox--base-c.formbox--shape-g .formbox--base-c__title {
  display: block;
  line-height: 28px;
  font-size: 12px;
}

.formbox--base-c.formbox--shape-g .formbox--base-c__icon {
  z-index: 1;
  background-color: #fff;
  border-left: 0;
}

.formbox--base-c.formbox--shape-g .formbox--base-c__icon::after {
  content: "";
  top: 11px !important;
  right: 5px !important;
  width: 7px;
  height: 4px;
  background: url("../../images/member/svg/ic-list-open-7-x-4.svg") 0 0 no-repeat;
}

.formbox--base-c.formbox--shape-g .disabled {
  box-sizing: border-box;
  pointer-events: none;
  opacity: 1;
  cursor: not-allowed;
  color: #b5b5b5;
  padding: 0 14px 0 12px;
  color: #aaaaaa !important;
  background-color: #eaeaea !important;
  border: 0;
}

.formbox--base-d {
  border-radius: 3px;
  box-sizing: border-box;
  min-width: 140px;
  position: relative;
  display: inline-block;
  padding-right: 30px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 0 none;
  box-sizing: content-box;
  vertical-align: middle;
  text-align: left;
  overflow: hidden;
}

.formbox--base-d select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}

.formbox--base-d .formbox__title {
  display: block;
  height: 31px;
  line-height: 32px;
  font-weight: normal;
  white-space: nowrap;
  font-size: 13px;
  color: #999;
  overflow: hidden;
}

.formbox--base-d .formbox__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background-color: #f7f7f7;
  border-left: 1px solid #d9d9d9;
  z-index: 1;
}

.formbox--base-d .formbox__icon:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -330px;
  width: 9px;
  height: 6px;
}

.formbox--base-d .formbox--focused {
  border-color: #b9b9b9;
}

.formbox--base-d .formbox--focused .formbox__title {
  color: #666;
}

.formbox--base-d .formbox--focused .formbox__icon {
  border-color: #b9b9b9;
}

.formbox--base-d .formbox--disabled {
  background-color: #eee;
}

.formbox--base-d .formbox--disabled select {
  cursor: not-allowed;
}

.formbox--base-d .formbox--disabled:hover {
  border-color: #ddd;
}

.formbox--base-d select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-size: 13px;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}

.formbox--base-d__title {
  display: block;
  padding: 0 14px 0 7px;
  height: 30px;
  line-height: 30px;
  font-weight: normal;
  white-space: nowrap;
  font-size: 13px;
  color: #333;
  overflow: hidden;
}

.formbox--base-d__icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background-color: #f7f7f7;
  border-left: 1px solid #d9d9d9;
  z-index: 1;
}

.formbox--base-d__icon:after {
  content: ' ';
  position: absolute;
  top: 13px;
  right: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -330px;
  width: 9px;
  height: 6px;
}

.formbox--base-d--focused {
  border-color: #b9b9b9;
}

.formbox--base-d--focused .formbox__title {
  color: #666;
}

.formbox--base-d--focused .formbox__icon {
  border-color: #b9b9b9;
}

.formbox--base-d--disabled {
  background-color: #eee;
}

.formbox--base-d--disabled .formbox--base-c__title {
  color: #999;
}

.formbox--base-d--disabled select {
  cursor: not-allowed;
}

.formbox--base-d--disabled:hover {
  border-color: #ddd;
}

.formbox--base-d--block {
  width: 100% !important;
  box-sizing: border-box;
}

.formbox--base-d.formbox--shape-a {
  border-radius: unset;
}

.formbox--base-d.formbox--shape-a .formbox--base-c__title {
  display: block;
  padding: 11px 14px 11px 12px;
  font-size: 13px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
}

.formbox--base-d.formbox--shape-a .formbox--base-c__icon {
  top: 12px;
  height: 28px;
  background-color: #fff;
  border-left: none;
  z-index: 1;
}

.formbox--base-d.formbox--shape-a .formbox--base-c__icon:after {
  top: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -196px -298px;
  width: 11px;
  height: 7px;
}

.formbox--base-d.formbox--shape-b {
  border: 1px solid #d9d9d9;
  border-radius: unset;
}

.formbox--base-d.formbox--shape-b .formbox--base-d__icon {
  top: 12px;
  height: 28px;
  background-color: #fff;
  border-left: none;
  z-index: 1;
}

.formbox--base-d.formbox--shape-b .formbox--base-d__icon:after {
  top: 11px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -196px -298px;
  width: 11px;
  height: 7px;
}

.formbox--base-d.formbox--shape-b .formbox--base-d__title {
  display: block;
  padding: 11px 14px 11px 12px;
  font-size: 13px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
}

.form-control--base-a {
  display: inline-block;
  outline: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 19px 0;
  font-size: 15px;
  color: #333;
  border: none;
  border-bottom: 1px solid #d9d9d9;
}

.form-control--base-a.is-block {
  display: block;
  width: 100%;
}

.form-control--base-a.placeholder {
  color: #999;
}

.form-control--base-a:-ms-input-placeholder {
  color: #999;
}

.form-control--base-a::placeholder {
  color: #999;
}

.form-control--base-a::-ms-clear,
.form-control--base-a::-ms-reveal {
  display: none;
}

textarea.form-control--base-a {
  line-height: 1.4;
}

.form-control--base-a:focus {
  outline: none;
  border-color: #ff5000;
}

.form-control--base-b {
  display: inline-block;
  outline: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 7px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  font-size: 12px;
  color: #333;
}

.form-control--base-b.is-block {
  display: block;
  width: 100%;
}

.form-control--base-b.placeholder {
  color: #999;
}

.form-control--base-b:-ms-input-placeholder {
  color: #999;
}

.form-control--base-b::placeholder {
  color: #999;
}

.form-control--base-b::-ms-clear,
.form-control--base-b::-ms-reveal {
  display: none;
}

textarea.form-control--base-b {
  line-height: 1.4;
}

.form-control--base-b:focus {
  border-color: #b9b9b9;
}

.form-control--base-c {
  display: inline-block;
  outline: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 10px 12px 9px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  font-size: 14px;
  color: #333;
}

.form-control--base-c.is-block {
  display: block;
  width: 100%;
}

.form-control--base-c.placeholder {
  color: #999;
}

.form-control--base-c:-ms-input-placeholder {
  color: #999;
}

.form-control--base-c::placeholder {
  color: #999;
}

.form-control--base-c::-ms-clear,
.form-control--base-c::-ms-reveal {
  display: none;
}

textarea.form-control--base-c {
  line-height: 1.4;
}

.form-control--base-c:focus {
  border-color: #b9b9b9;
}

.form-control--base-d {
  display: inline-block;
  outline: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 11px 15px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  font-size: 14px;
  color: #333;
}

.form-control--base-d.is-block {
  display: block;
  width: 100%;
}

.form-control--base-d.placeholder {
  color: #999;
}

.form-control--base-d:-ms-input-placeholder {
  color: #999;
}

.form-control--base-d::placeholder {
  color: #999;
}

.form-control--base-d::-ms-clear,
.form-control--base-d::-ms-reveal {
  display: none;
}

textarea.form-control--base-d {
  line-height: 1.4;
}

.form-control--base-d:focus {
  border-color: #b9b9b9;
}

.input-state.is-block {
  display: block;
}

.input-state.is-block [class^=form-control] {
  margin: 0;
  display: block;
  width: 100%;
}

.input-state__button,
.input-state__icon {
  position: absolute;
  top: 0;
  right: 9px;
  padding: 4px;
  margin: 0;
  background: none;
  border: none;
  font-size: 0;
  text-indent: -1000em;
}

.input-state--success {
  position: relative;
  margin: 0 2px;
  display: inline-block;
}

.input-state--success *:first-child {
  margin-left: 0;
}

.input-state--success .input-state__button,
.input-state--success .input-state__icon {
  top: 50%;
  margin-top: -8px;
}

.input-state--success .input-state__button:after,
.input-state--success .input-state__icon:after {
  content: ' ';
  display: block;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -417px;
  width: 10px;
  height: 8px;
}

.input-state--x {
  position: relative;
  margin: 0 2px;
  display: inline-block;
}

.input-state--x *:first-child {
  margin-left: 0;
}

.input-state--x .input-state__button,
.input-state--x .input-state__icon {
  top: 50%;
  margin-top: -8px;
}

.input-state--x .input-state__button:after,
.input-state--x .input-state__icon:after {
  content: ' ';
  display: block;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -166px;
  width: 8px;
  height: 8px;
}

.input-state--fail {
  position: relative;
  margin: 0 2px;
  display: inline-block;
}

.input-state--fail *:first-child {
  margin-left: 0;
}

.input-state--fail [class^=form-control] {
  background-color: #fff6f5;
}

.ui-datepicker {
  padding: 0;
  border-color: #d2d2d2;
  background: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  overflow: hidden;
}

.ui-datepicker .ui-datepicker-header {
  padding: 10px 0;
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
  margin: 0 auto;
  padding: 0;
  color: #666;
  border: none;
  font-weight: normal;
  background: none;
}

.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-widget-content .ui-state-default:hover,
.ui-datepicker .ui-widget-header .ui-state-default:hover {
  background-color: #f3f3f3;
  color: #333;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
  background-color: #f3f3f3;
  color: #333;
  font-weight: bold;
}

.ui-datepicker table {
  margin: 0 0 -1px 0;
  font-size: 13px;
}

.ui-datepicker th,
.ui-datepicker td {
  width: 35px;
  height: 28px;
  line-height: 28px;
}

.ui-datepicker th {
  padding: 0;
  color: #fff;
  background-color: #f86630;
  border-top: 1px solid #f6552b;
  border-bottom: 1px solid #f6552b;
  text-transform: uppercase;
}

.ui-datepicker th:first-child {
  border-left: 1px solid #f6552b;
}

.ui-datepicker th:last-child {
  border-right: 1px solid #f6552b;
}

.ui-datepicker td {
  padding: 0;
  border: 1px solid #f0f0f0;
}

.ui-datepicker td:first-child {
  border-left: none;
}

.ui-datepicker td:last-child {
  border-right: none;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  text-align: center;
  height: 100%;
}

.ui-datepicker td.ui-datepicker-week-end a,
.ui-datepicker td.ui-datepicker-week-end span {
  color: #f6552b;
}

.ui-datepicker td:last-child.ui-datepicker-week-end a,
.ui-datepicker td:last-child.ui-datepicker-week-end span {
  color: #10c7ee;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 15px;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: center;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  border: none;
}

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  position: static;
  display: inline-block;
  margin: 0;
}

.ui-datepicker .ui-datepicker-prev {
  left: 10px;
}

.ui-datepicker .ui-datepicker-prev .ui-icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -205px;
  width: 11px;
  height: 18px;
}

.ui-datepicker .ui-datepicker-prev:hover .ui-icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -187px;
  width: 11px;
  height: 18px;
}

.ui-datepicker .ui-datepicker-next {
  right: 10px;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -241px;
  width: 11px;
  height: 18px;
}

.ui-datepicker .ui-datepicker-next:hover .ui-icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -223px;
  width: 11px;
  height: 18px;
}

.popover {
  position: relative;
  display: none;
  vertical-align: top;
  z-index: 11;
}

.popover--inline {
  display: inline-block;
}

.popover--menu {
  position: relative;
  min-width: 100px;
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  background-color: #fff;
  font-size: 11px;
  text-align: left;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}

.popover--menu ul {
  margin: 0;
  padding: 6px;
  list-style: none;
}

.popover--menu ul a {
  display: block;
  padding: 6px;
  color: #333;
  text-decoration: none;
}

.popover--menu ul a:hover {
  color: #f0562d;
}

.popover--menu:before {
  content: ' ';
  position: absolute;
  top: -6px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.popover--menu:after {
  content: ' ';
  position: absolute;
  top: -5px;
  left: 11px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.popover--user-setting {
  position: relative;
  min-width: 100px;
  border: 1px solid #c2c2c2;
  background-color: #fff;
  font-size: 11px;
  text-align: left;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
}

.popover--user-setting ul {
  margin: 0;
  padding: 6px;
  list-style: none;
}

.popover--user-setting ul a {
  display: block;
  padding: 6px;
  color: #333;
  text-decoration: none;
}

.popover--user-setting ul a:hover {
  color: #f0562d;
}

.popover--user-setting:before {
  content: ' ';
  position: absolute;
  top: -6px;
  right: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.popover--user-setting:after {
  content: ' ';
  position: absolute;
  top: -5px;
  right: 11px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.popover--question {
  position: relative;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #2aaff0;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  color: #666;
  line-height: 1.6;
  box-sizing: border-box;
}

.popover--question .popover__title {
  display: block;
  margin-bottom: 5px;
  color: #333;
  line-height: 1;
}

.popover--question .popover__text,
.popover--question .popover__image {
  vertical-align: top;
}

.popover--question .popover__text {
  display: inline-block;
  margin-bottom: -4px;
}

.popover--question .popover__image {
  margin-top: -16px;
  display: inline-block;
}

.popover--question:before {
  content: ' ';
  position: absolute;
  bottom: -5px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2aaff0;
}

.popover--question:after {
  content: ' ';
  position: absolute;
  bottom: -4px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
}

.popover--tooltip,
.popover--base-a {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
}

.popover--tooltip strong,
.popover--base-a strong {
  font-weight: normal;
}

.popover--tooltip:before,
.popover--base-a:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--tooltip:after,
.popover--base-a:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--tooltip.popover--bottom:before,
.popover--base-a.popover--bottom:before,
.popover--tooltip.popover--bottom:after,
.popover--base-a.popover--bottom:after {
  top: auto;
}

.popover--tooltip.popover--bottom:before,
.popover--base-a.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--tooltip.popover--bottom:after,
.popover--base-a.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--tooltip.popover--right:before,
.popover--base-a.popover--right:before,
.popover--tooltip.popover--right:after,
.popover--base-a.popover--right:after {
  left: auto;
}

.popover--tooltip.popover--right:before,
.popover--base-a.popover--right:before {
  right: 9px;
}

.popover--tooltip.popover--right:after,
.popover--base-a.popover--right:after {
  right: 10px;
}

.popover--tooltip.popover--left:before,
.popover--base-a.popover--left:before,
.popover--tooltip.popover--left:after,
.popover--base-a.popover--left:after {
  right: auto;
}

.popover--tooltip.popover--left:before,
.popover--base-a.popover--left:before {
  left: 9px;
}

.popover--tooltip.popover--left:after,
.popover--base-a.popover--left:after {
  left: 10px;
}

.popover--tooltip.popover--center:before,
.popover--base-a.popover--center:before,
.popover--tooltip.popover--center:after,
.popover--base-a.popover--center:after {
  left: auto;
}

.popover--tooltip.popover--center:before,
.popover--base-a.popover--center:before {
  right: 50%;
}

.popover--tooltip.popover--center:after,
.popover--base-a.popover--center:after {
  right: 50%;
}

.popover--base-b {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #666;
  background-color: #fff;
  color: #666;
}

.popover--base-b strong {
  font-weight: normal;
}

.popover--base-b:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-b:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-b.popover--bottom:before,
.popover--base-b.popover--bottom:after {
  top: auto;
}

.popover--base-b.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-b.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-b.popover--right:before,
.popover--base-b.popover--right:after {
  left: auto;
}

.popover--base-b.popover--right:before {
  right: 9px;
}

.popover--base-b.popover--right:after {
  right: 10px;
}

.popover--base-b.popover--left:before,
.popover--base-b.popover--left:after {
  right: auto;
}

.popover--base-b.popover--left:before {
  left: 9px;
}

.popover--base-b.popover--left:after {
  left: 10px;
}

.popover--base-b.popover--center:before,
.popover--base-b.popover--center:after {
  left: auto;
}

.popover--base-b.popover--center:before {
  right: 50%;
}

.popover--base-b.popover--center:after {
  right: 50%;
}

.popover--base-b strong {
  color: #da0707;
}

.popover--base-b:before {
  border-bottom-color: #666 !important;
  border-top-color: #666 !important;
}

.popover--base-b:after {
  border-bottom-color: #fff !important;
  border-top-color: #fff !important;
}

.popover--base-c {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #f76430;
  background-color: #fff;
  color: #666;
}

.popover--base-c strong {
  font-weight: normal;
}

.popover--base-c:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-c:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-c.popover--bottom:before,
.popover--base-c.popover--bottom:after {
  top: auto;
}

.popover--base-c.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-c.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-c.popover--right:before,
.popover--base-c.popover--right:after {
  left: auto;
}

.popover--base-c.popover--right:before {
  right: 9px;
}

.popover--base-c.popover--right:after {
  right: 10px;
}

.popover--base-c.popover--left:before,
.popover--base-c.popover--left:after {
  right: auto;
}

.popover--base-c.popover--left:before {
  left: 9px;
}

.popover--base-c.popover--left:after {
  left: 10px;
}

.popover--base-c.popover--center:before,
.popover--base-c.popover--center:after {
  left: auto;
}

.popover--base-c.popover--center:before {
  right: 50%;
}

.popover--base-c.popover--center:after {
  right: 50%;
}

.popover--base-c strong {
  color: #f1613a;
}

.popover--base-c:before {
  border-bottom-color: #f76430 !important;
  border-top-color: #f76430 !important;
}

.popover--base-c:after {
  border-bottom-color: #fff !important;
  border-top-color: #fff !important;
}

.popover--base-d {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #eda700;
  background-color: #fff;
  color: #666;
}

.popover--base-d strong {
  font-weight: normal;
}

.popover--base-d:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-d:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-d.popover--bottom:before,
.popover--base-d.popover--bottom:after {
  top: auto;
}

.popover--base-d.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-d.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-d.popover--right:before,
.popover--base-d.popover--right:after {
  left: auto;
}

.popover--base-d.popover--right:before {
  right: 9px;
}

.popover--base-d.popover--right:after {
  right: 10px;
}

.popover--base-d.popover--left:before,
.popover--base-d.popover--left:after {
  right: auto;
}

.popover--base-d.popover--left:before {
  left: 9px;
}

.popover--base-d.popover--left:after {
  left: 10px;
}

.popover--base-d.popover--center:before,
.popover--base-d.popover--center:after {
  left: auto;
}

.popover--base-d.popover--center:before {
  right: 50%;
}

.popover--base-d.popover--center:after {
  right: 50%;
}

.popover--base-d strong {
  color: #f79d00;
}

.popover--base-d:before {
  border-bottom-color: #eda700 !important;
  border-top-color: #eda700 !important;
}

.popover--base-d:after {
  border-bottom-color: #fff !important;
  border-top-color: #fff !important;
}

.popover--base-e {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #1ca700;
  background-color: #fff;
  color: #666;
}

.popover--base-e strong {
  font-weight: normal;
}

.popover--base-e:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-e:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-e.popover--bottom:before,
.popover--base-e.popover--bottom:after {
  top: auto;
}

.popover--base-e.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-e.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-e.popover--right:before,
.popover--base-e.popover--right:after {
  left: auto;
}

.popover--base-e.popover--right:before {
  right: 9px;
}

.popover--base-e.popover--right:after {
  right: 10px;
}

.popover--base-e.popover--left:before,
.popover--base-e.popover--left:after {
  right: auto;
}

.popover--base-e.popover--left:before {
  left: 9px;
}

.popover--base-e.popover--left:after {
  left: 10px;
}

.popover--base-e.popover--center:before,
.popover--base-e.popover--center:after {
  left: auto;
}

.popover--base-e.popover--center:before {
  right: 50%;
}

.popover--base-e.popover--center:after {
  right: 50%;
}

.popover--base-e strong {
  color: #16a21d;
}

.popover--base-e:before {
  border-bottom-color: #1ca700 !important;
  border-top-color: #1ca700 !important;
}

.popover--base-e:after {
  border-bottom-color: #fff !important;
  border-top-color: #fff !important;
}

.popover--base-f {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #069fee;
  background-color: #fff;
  color: #666;
}

.popover--base-f strong {
  font-weight: normal;
}

.popover--base-f:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-f:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-f.popover--bottom:before,
.popover--base-f.popover--bottom:after {
  top: auto;
}

.popover--base-f.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-f.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-f.popover--right:before,
.popover--base-f.popover--right:after {
  left: auto;
}

.popover--base-f.popover--right:before {
  right: 9px;
}

.popover--base-f.popover--right:after {
  right: 10px;
}

.popover--base-f.popover--left:before,
.popover--base-f.popover--left:after {
  right: auto;
}

.popover--base-f.popover--left:before {
  left: 9px;
}

.popover--base-f.popover--left:after {
  left: 10px;
}

.popover--base-f.popover--center:before,
.popover--base-f.popover--center:after {
  left: auto;
}

.popover--base-f.popover--center:before {
  right: 50%;
}

.popover--base-f.popover--center:after {
  right: 50%;
}

.popover--base-f strong {
  color: #16a5ef;
}

.popover--base-f:before {
  border-bottom-color: #069fee !important;
  border-top-color: #069fee !important;
}

.popover--base-f:after {
  border-bottom-color: #fff !important;
  border-top-color: #fff !important;
}

.popover--base-g {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #c2c2c2;
  background-color: #fff;
  color: #666;
  padding: 15px;
  white-space: normal;
}

.popover--base-g strong {
  font-weight: normal;
}

.popover--base-g:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-g:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-g.popover--bottom:before,
.popover--base-g.popover--bottom:after {
  top: auto;
}

.popover--base-g.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-g.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-g.popover--right:before,
.popover--base-g.popover--right:after {
  left: auto;
}

.popover--base-g.popover--right:before {
  right: 9px;
}

.popover--base-g.popover--right:after {
  right: 10px;
}

.popover--base-g.popover--left:before,
.popover--base-g.popover--left:after {
  right: auto;
}

.popover--base-g.popover--left:before {
  left: 9px;
}

.popover--base-g.popover--left:after {
  left: 10px;
}

.popover--base-g.popover--center:before,
.popover--base-g.popover--center:after {
  left: auto;
}

.popover--base-g.popover--center:before {
  right: 50%;
}

.popover--base-g.popover--center:after {
  right: 50%;
}

.popover--base-g strong {
  color: #16a5ef;
}

.popover--base-g:before {
  border-bottom-color: #c2c2c2 !important;
  border-top-color: #c2c2c2 !important;
  left: 63px;
}

.popover--base-g:after {
  border-bottom-color: #fff !important;
  border-top-color: #fff !important;
  left: 64px;
}

.popover--base-g .popover__text {
  color: #999;
  font-size: 12px;
  line-height: 16px;
}

.popover--base-h {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  padding: 1px 7px;
  border-color: #ff5000;
  background-color: #ff5000;
  color: #fff;
  border-radius: 10px;
}

.popover--base-h strong {
  font-weight: normal;
}

.popover--base-h:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-h:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-h.popover--bottom:before,
.popover--base-h.popover--bottom:after {
  top: auto;
}

.popover--base-h.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-h.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-h.popover--right:before,
.popover--base-h.popover--right:after {
  left: auto;
}

.popover--base-h.popover--right:before {
  right: 9px;
}

.popover--base-h.popover--right:after {
  right: 10px;
}

.popover--base-h.popover--left:before,
.popover--base-h.popover--left:after {
  right: auto;
}

.popover--base-h.popover--left:before {
  left: 9px;
}

.popover--base-h.popover--left:after {
  left: 10px;
}

.popover--base-h.popover--center:before,
.popover--base-h.popover--center:after {
  left: auto;
}

.popover--base-h.popover--center:before {
  right: 50%;
}

.popover--base-h.popover--center:after {
  right: 50%;
}

.popover--base-h:before {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
}

.popover--base-h:after {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
}

.popover--base-i {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #ff5000;
  background-color: #ff5000;
  color: #fff;
}

.popover--base-i strong {
  font-weight: normal;
}

.popover--base-i:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-i:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-i.popover--bottom:before,
.popover--base-i.popover--bottom:after {
  top: auto;
}

.popover--base-i.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-i.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-i.popover--right:before,
.popover--base-i.popover--right:after {
  left: auto;
}

.popover--base-i.popover--right:before {
  right: 9px;
}

.popover--base-i.popover--right:after {
  right: 10px;
}

.popover--base-i.popover--left:before,
.popover--base-i.popover--left:after {
  right: auto;
}

.popover--base-i.popover--left:before {
  left: 9px;
}

.popover--base-i.popover--left:after {
  left: 10px;
}

.popover--base-i.popover--center:before,
.popover--base-i.popover--center:after {
  left: auto;
}

.popover--base-i.popover--center:before {
  right: 50%;
}

.popover--base-i.popover--center:after {
  right: 50%;
}

.popover--base-i strong {
  color: #ffea00;
}

.popover--base-i:before {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
  left: 102px;
}

.popover--base-i:after {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
  left: 102px;
}

.popover--base-j {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #ff5000;
  background-color: #ff5000;
  color: #fff;
}

.popover--base-j strong {
  font-weight: normal;
}

.popover--base-j:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-j:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-j.popover--bottom:before,
.popover--base-j.popover--bottom:after {
  top: auto;
}

.popover--base-j.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-j.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-j.popover--right:before,
.popover--base-j.popover--right:after {
  left: auto;
}

.popover--base-j.popover--right:before {
  right: 9px;
}

.popover--base-j.popover--right:after {
  right: 10px;
}

.popover--base-j.popover--left:before,
.popover--base-j.popover--left:after {
  right: auto;
}

.popover--base-j.popover--left:before {
  left: 9px;
}

.popover--base-j.popover--left:after {
  left: 10px;
}

.popover--base-j.popover--center:before,
.popover--base-j.popover--center:after {
  left: auto;
}

.popover--base-j.popover--center:before {
  right: 50%;
}

.popover--base-j.popover--center:after {
  right: 50%;
}

.popover--base-j strong {
  color: #ffea00;
}

.popover--base-j:before {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
  left: 45px;
}

.popover--base-j:after {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
  left: 45px;
}

.popover--base-k {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #ff5000;
  background-color: #ff5000;
  color: #fff;
}

.popover--base-k strong {
  font-weight: normal;
}

.popover--base-k:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-k:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-k.popover--bottom:before,
.popover--base-k.popover--bottom:after {
  top: auto;
}

.popover--base-k.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-k.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-k.popover--right:before,
.popover--base-k.popover--right:after {
  left: auto;
}

.popover--base-k.popover--right:before {
  right: 9px;
}

.popover--base-k.popover--right:after {
  right: 10px;
}

.popover--base-k.popover--left:before,
.popover--base-k.popover--left:after {
  right: auto;
}

.popover--base-k.popover--left:before {
  left: 9px;
}

.popover--base-k.popover--left:after {
  left: 10px;
}

.popover--base-k.popover--center:before,
.popover--base-k.popover--center:after {
  left: auto;
}

.popover--base-k.popover--center:before {
  right: 50%;
}

.popover--base-k.popover--center:after {
  right: 50%;
}

.popover--base-k strong {
  color: #ffea00;
}

.popover--base-k:before {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
  left: 154px;
}

.popover--base-k:after {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
  left: 154px;
}

.popover--base-l {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #ff5000;
  background-color: #ff5000;
  color: #fff;
}

.popover--base-l strong {
  font-weight: normal;
}

.popover--base-l:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-l:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-l.popover--bottom:before,
.popover--base-l.popover--bottom:after {
  top: auto;
}

.popover--base-l.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-l.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-l.popover--right:before,
.popover--base-l.popover--right:after {
  left: auto;
}

.popover--base-l.popover--right:before {
  right: 9px;
}

.popover--base-l.popover--right:after {
  right: 10px;
}

.popover--base-l.popover--left:before,
.popover--base-l.popover--left:after {
  right: auto;
}

.popover--base-l.popover--left:before {
  left: 9px;
}

.popover--base-l.popover--left:after {
  left: 10px;
}

.popover--base-l.popover--center:before,
.popover--base-l.popover--center:after {
  left: auto;
}

.popover--base-l.popover--center:before {
  right: 50%;
}

.popover--base-l.popover--center:after {
  right: 50%;
}

.popover--base-l strong {
  color: #ffea00;
}

.popover--base-l:before {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
  left: 136px;
}

.popover--base-l:after {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
  left: 136px;
}

.popover--base-m {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #ff5000;
  background-color: #ff5000;
  color: #fff;
}

.popover--base-m strong {
  font-weight: normal;
}

.popover--base-m:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-m:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-m.popover--bottom:before,
.popover--base-m.popover--bottom:after {
  top: auto;
}

.popover--base-m.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-m.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-m.popover--right:before,
.popover--base-m.popover--right:after {
  left: auto;
}

.popover--base-m.popover--right:before {
  right: 9px;
}

.popover--base-m.popover--right:after {
  right: 10px;
}

.popover--base-m.popover--left:before,
.popover--base-m.popover--left:after {
  right: auto;
}

.popover--base-m.popover--left:before {
  left: 9px;
}

.popover--base-m.popover--left:after {
  left: 10px;
}

.popover--base-m.popover--center:before,
.popover--base-m.popover--center:after {
  left: auto;
}

.popover--base-m.popover--center:before {
  right: 50%;
}

.popover--base-m.popover--center:after {
  right: 50%;
}

.popover--base-m strong {
  color: #ffea00;
}

.popover--base-m:before {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
  left: 54px;
}

.popover--base-m:after {
  border-bottom-color: #ff5000 !important;
  border-top-color: #ff5000 !important;
  left: 54px;
}

.popover--base-n {
  position: relative;
  padding: 6px 10px;
  background-color: #47494c;
  border: 1px solid #3d3f42;
  color: #e7e7e7;
  font-size: 11px;
  border-radius: 3px;
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  line-height: 1.4;
  border-color: #d4d4d4;
  background-color: #fff;
  color: #d4d4d4;
}

.popover--base-n strong {
  font-weight: normal;
}

.popover--base-n:before {
  content: ' ';
  position: absolute;
  top: -4px;
  left: 9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #3d3f42;
}

.popover--base-n:after {
  content: ' ';
  position: absolute;
  top: -3px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #47494c;
}

.popover--base-n.popover--bottom:before,
.popover--base-n.popover--bottom:after {
  top: auto;
}

.popover--base-n.popover--bottom:before {
  bottom: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3d3f42;
  border-bottom: none;
}

.popover--base-n.popover--bottom:after {
  bottom: -3px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #47494c;
  border-bottom: none;
}

.popover--base-n.popover--right:before,
.popover--base-n.popover--right:after {
  left: auto;
}

.popover--base-n.popover--right:before {
  right: 9px;
}

.popover--base-n.popover--right:after {
  right: 10px;
}

.popover--base-n.popover--left:before,
.popover--base-n.popover--left:after {
  right: auto;
}

.popover--base-n.popover--left:before {
  left: 9px;
}

.popover--base-n.popover--left:after {
  left: 10px;
}

.popover--base-n.popover--center:before,
.popover--base-n.popover--center:after {
  left: auto;
}

.popover--base-n.popover--center:before {
  right: 50%;
}

.popover--base-n.popover--center:after {
  right: 50%;
}

.popover--base-n strong {
  color: #da0707;
}

.popover--base-n:before {
  border-bottom-color: #d4d4d4 !important;
  border-top-color: #d4d4d4 !important;
}

.popover--base-n:after {
  border-bottom-color: #fff !important;
  border-top-color: #fff !important;
}

.tooltip {
  position: relative;
  display: inline-block;
  margin: 10px 5px;
  padding: 14px 26px 15px 14px;
  background-color: #059fee;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  opacity: 0;
  transition: all 0.2s;
}

.tooltip .tooltip_button {
  margin-top: 14px;
}

.tooltip .icon-arrow-right {
  display: inline-block;
  width: 5px;
  height: 9px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAAXNSR0IArs4c6QAAANVJREFUKBV9zz0LQWEYh/HjZZQkSTZKGZThrL6BwWAwWCwGH8DXMFksFovBJzAog0Epg1J2KUlmr4/r1jmlznnuf10dPfdv4RhjCrSgvKMNsCTZgXJWy7FIR5LtKavhEuAkku0oo+Ey4CySbSmt4QrgIpJtKKXhKuAqkq0pqWEXcBPJVpTQcA3wEcnmoZBDnGYi2J3qAchjjKYke1AjDEU5TESwJzXDUITDWAR7UcuGRj9izJtvO4DkgcPQQ/IvOzY0+EPdUCSPoL4He1bkH4Cu/9v2/QLu4hgXYM4vuwAAAABJRU5ErkJggg==") no-repeat 0 0;
  background-size: 5px auto;
}

.tooltip_text {
  position: relative;
  padding-left: 26px;
}

.tooltip_text:before {
  content: 'Tip.';
  position: absolute;
  top: 0;
  left: 0;
  color: #f8e71c;
  font-weight: bold;
}

.tooltip_x {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 12px;
  height: 12px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAbpJREFUSA1jZJ3/7j8DDQETDc0GGw23IE+LneFBGD9DqzEnAyMZtrIANU0052S4H8rPEKnEBjcBbkGRDgeDFBcTQ6kuB8NMay6SLAEZvsyBmyFTk4NBmpuJIU2dHdOCpXd/wQUTVNmJtgRmeIA8wtWrHyDMgvug5ux3hgW3f5JkCTbD+6/8YJh2HWEO3AJQUko/+o1oS3AZXn7mO9yRIAbcAhCHWEuINRxkJguIQAYwS0BioLhApkE+ZIZGKHKYg4IF3eVgjUACwwKQBD5LBNgYGYg1HGQWI76cDMoPoCQL8wlIAzLA53KYOpQ4gAnCaJhPkFMXTG7CVdzBAlMDovFaAFIACnNQsKADkBimKLoqAhZgSy0wI4jNjDh9gM1wULAgBxcxlmBNRdgMh0UoLFhgEQ+jQUkYFGfoAMMH+AwHacYW8fh8gmIBIcNhriPFErgFxBpOqiVwC3rNOEnKofiCqwRYp8AA3AI/OUR5DotQmCJ8NLbg8pRBpB1m5oDyBpABr378ZxDjYGLoAybF9ks/8JmJVW7L498MP/4yMLAzMzB0APXf/fwPrA5vWYTVJBIF4UFEoj6ilQMAjfDMAqjUK4IAAAAASUVORK5CYII=") no-repeat 0 0 transparent;
  background-size: 12px auto;
  border: none;
  text-indent: -1000em;
  cursor: pointer;
}

.tooltip_button {
  display: inline-block;
  padding: 7px 36px;
  border-radius: 37px;
  border: solid 1px rgba(255, 255, 255, 0.7);
  color: #fff;
}

.tooltip_arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.tooltip_arrow.top {
  top: -8px;
  left: 10px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 9px solid #059fee;
}

.tooltip_arrow.bottom {
  bottom: -8px;
  right: 10px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #059fee;
}

.tooltip_arrow.left {
  top: 10px;
  left: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 9px solid #059fee;
}

.tooltip_arrow.right {
  top: 10px;
  right: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 9px solid #059fee;
}

.tooltip.is-center {
  text-align: center;
}

.tooltip.is-center .tooltip_text {
  padding: 0;
}

.tooltip.is-center .tooltip_text:before {
  position: static;
  display: inline-block;
}

.tooltip.is-block {
  display: block;
  width: 100%;
}

.tooltip.in-top {
  transform: scale(0.99) translateY(-5px);
}

.tooltip.in-left {
  transform: scale(0.99) translateX(-5px);
}

.tooltip.in-right {
  transform: scale(0.99) translateX(5px);
}

.tooltip.in-bottom {
  transform: scale(0.99) translateY(5px);
}

.tooltip.in {
  opacity: 1;
  transform: scale(1) translate(0, 0);
}

.tooltip-card {
  position: relative;
  max-width: 710px;
  z-index: 101;
}

.tooltip-card_dimmed:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.75;
  filter: alpha(opacity=40);
  z-index: 100;
}

.tooltip-card_text {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  padding: 0 50px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  line-height: 1.4;
}

.tooltip-card_text sup {
  display: block;
  margin: 0 0 5px;
  color: #f8e71c;
  font-weight: bold;
}

.tooltip-card_text strong {
  font-weight: bold;
}

.tooltip-card.center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
}

.tooltip-card.big .tooltip-card_text {
  top: 40px;
}

.tooltip-card.big .tooltip-card_text sup {
  margin-bottom: 0px;
}

.tooltip-card_img img {
  max-width: 100%;
}

.tooltip-card_x {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAAXNSR0IArs4c6QAAAVNJREFUaAXtmN0NgzAMhHmoBA+sw0rMxArdoPPw2iHomWIJ8SP+HGqrZ8kNDdLZ3ykoUbKMQQfoAB2gA3SADtABOvA3DnRdVyFbZIN8WIOL5qAtNSpr/ZkeitRIjScezKBECymaGvWsAesJVMqRL62I0QQKOlMYqZFb97+oh0IF0gxqBaZYLJ5q0grKBYyadBXKFcxVKJcwZ6FcwxyFCgGzFyoUzBZUSJgNqPEJQPawe/cZbe7sKA0jx5sv/vYRD0ZNQPsl8v3l6H/ludT3oUY0Pj2bKZfJ2e9WMxZgZJmNl18cqBUY+Z6m35R/qDUYXR6hoLZgQkHthQkBdRTGNdRZGJdQV2FcQVnBuICyhvk5FIAapIbpQROi0823UeBkI4rKjaaEKYw2DN0xVKvzyUYUlKtguT1Ndgko2kON9FfByZyiMB2gA3SADtABOkAH6MBRBz5fIy7PO4CtUQAAAABJRU5ErkJggg==") no-repeat 0 0 transparent;
  background-size: 26px auto;
  border: none;
  text-indent: -1000em;
  cursor: pointer;
}

.tooltip-circle {
  display: inline-block;
  width: 62px;
  height: 62px;
  background-color: transparent;
  border: solid 3px #059fee;
  border-radius: 50%;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);
  transition: all 0.2s;
  animation-name: infiniteScale;
  animation-duration: 1.8s;
  animation-iteration-count: infinite;
  opacity: 1;
}

.tooltip-circle:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #059fee;
  border-radius: 50%;
  opacity: 0;
  transition: all 0.2s;
  transform: scale(1);
}

.tooltip-circle.out {
  transform: scale(2);
  opacity: 0;
}

.tooltip-circle.out:after {
  transform: scale(1.4);
  opacity: 1;
}

@keyframes infiniteScale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.3);
  }

  100% {
    transform: scale(1);
  }
}

/*
#================================================================================
# Public Component: table
# Developer Name: choi dong ho
# Version: 1.0
# Date Created: 2016.01.19
# -------------------------------------------------------------------------------
# ** Update Information
#--------------------------------------------------------------------------------
# 2016.01.19 - first create
*/

/*
#================================================================================
# Core - Begin
#================================================================================
*/

/*
#================================================================================
# Core - end
#================================================================================
*/

.table {
  /* project_f_basket table */
}

.table .icon--new {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -158px;
  width: 8px;
  height: 8px;
}

.table .icon--clock {
  margin-top: -1px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -502px;
  width: 14px;
  height: 13px;
}

.table .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -302px -537px;
  width: 16px;
  height: 13px;
  margin-top: -1px;
  vertical-align: middle;
}

.table .icon--heart.active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -270px -537px;
  width: 16px;
  height: 13px;
}

.table .icon--glass {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -400px;
  width: 15px;
  height: 16px;
}

.table .icon--glass:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -384px;
  width: 15px;
  height: 16px;
}

.table .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -57px;
  width: 5px;
  height: 3px;
}

.table .icon--arrow:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -531px -494px;
  width: 5px;
  height: 3px;
}

.table .icon--fliking {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -471px;
  width: 7px;
  height: 7px;
}

.table .icon--scrap {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -296px -224px;
  width: 13px;
  height: 13px;
}

.table .icon--check {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -417px;
  width: 10px;
  height: 8px;
}

.table--base-a {
  /* project_f_basket table */
  /* point/flake list*/
}

.table--base-a .table__td {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 18px;
  padding-bottom: 18px;
}

.table--base-a .table__td__subject {
  display: inline-block;
  max-width: 430px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: text-top;
}

.table--base-a .table__td__subject:hover {
  text-decoration: underline;
}

.table--base-a .table__td__subject__category {
  color: #999;
}

.table--base-a .table__td__reply {
  vertical-align: bottom;
}

.table--base-a .table__td-center {
  text-align: center;
}

.table--base-a .table__td-right {
  text-align: right !important;
}

.table--base-a.table--shape-a {
  width: 100%;
}

.table--base-a.table--shape-a .table__line {
  border-top: 2px solid #333;
}

.table--base-a.table--shape-a .table__td {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

.table--base-a.table--shape-a .table__td__subject {
  max-width: 472px;
}

.table--base-a.table--shape-a .td-user a {
  display: block;
  color: #666;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.table--base-a.table--shape-a .td-user__pic {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  border-radius: 50%;
  border: 1px solid rgba(236, 236, 236, 0.3);
  vertical-align: bottom;
}

.table--base-a.table--shape-a .td-date time {
  font-size: 12px;
  color: #999;
}

.table--base-a.table--shape-a .td-date .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-a .td-like span {
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-a .td-like .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-a .td-title {
  padding-left: 10px;
}

.table--base-a.table--shape-b {
  width: 100%;
}

.table--base-a.table--shape-b .table__line {
  border-top: 2px solid #333;
}

.table--base-a.table--shape-b tbody {
  border-top: 1px solid #e7e7e7;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background-color: #f9f9f9;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .table__td {
  padding: 10px 20px;
  text-align: left;
  color: #333;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .table__td__subject {
  max-width: 565px;
  text-overflow: ellipsis;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .table__td__subject:visited,
.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .table__td__subject.visited {
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .table__td__subject .notice-blue {
  font-size: 14px;
  color: #1da0eb;
  margin-right: 5px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .table__td__reply {
  vertical-align: baseline;
  color: #ff5000;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .table__td__notice {
  margin-right: 5px;
  color: #1da0eb;
  vertical-align: bottom;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-user {
  width: 110px;
  padding: 12px 0 12px 10px;
  font-size: 12px;
  border: 0;
  display: block;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-user a {
  position: relative;
  display: block;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #333;
  line-height: 26px;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-user a .icon--gm {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -56px -586px;
  width: 12px;
  height: 12px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-user a.country {
  margin-left: 2px;
  color: #ff5000;
  font-weight: bold;
  line-height: 14px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-user a .td-user-name {
  display: block;
  height: 22px;
  margin-top: -8px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-user a .td-user-date {
  display: block;
  height: 22px;
  margin-top: -8px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-user__pic {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(236, 236, 236, 0.3);
  margin-right: 5px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-user__country {
  display: inline-block;
  width: 21px;
  height: 14px;
  margin-right: 3px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title {
  padding-right: 0;
  font-size: 12px;
  border: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon--picture {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -484px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon--link {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -502px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon--music {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -40px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -76px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon--vote {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -94px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon--multi {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -22px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -296px -224px;
  width: 13px;
  height: 13px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon--edit {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -250px -554px;
  width: 13px;
  height: 13px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon--lock {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -289px -554px;
  width: 13px;
  height: 13px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-title .icon--draft {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -237px -554px;
  width: 13px;
  height: 13px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-num-count {
  min-width: 104px;
  position: relative;
  padding: 10px 0;
  text-align: left;
  font-size: 12px;
  text-align: center;
  border: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-num-count:after {
  content: none;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-num-count time {
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-num-count .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-new-user {
  width: 110px;
  padding: 12px 0 12px 10px;
  font-size: 12px;
  border: 0;
  display: block;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-new-user a {
  position: relative;
  display: block;
  max-width: 116px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #333;
  line-height: 26px;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-new-user a .icon--gm {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -56px -586px;
  width: 12px;
  height: 12px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-new-user a.country {
  margin-left: 2px;
  color: #ff5000;
  font-weight: bold;
  line-height: 14px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-new-user a .td-new-user-name {
  display: block;
  height: 22px;
  margin-top: -8px;
  max-width: 116px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-new-user a .td-new-user-date {
  display: block;
  height: 22px;
  margin-top: -8px;
  max-width: 116px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-new-user__pic {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(236, 236, 236, 0.3);
  margin-right: 5px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .thread-header .td-new-user__country {
  display: inline-block;
  width: 21px;
  height: 14px;
  margin-right: 3px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread tr:last-child .table__td {
  border-bottom: 1px solid #eeeeee;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td {
  padding: 10px 0 10px 10px;
  color: #333;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list {
  padding: 10px 0 10px 10px;
  color: #333;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__notice {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__notice--text {
  color: #1da0eb;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__subject {
  display: inline-block;
  max-width: inherit;
  text-decoration: none;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__subject .notice-blue {
  font-size: 14px;
  color: red;
  margin-right: 5px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__subject__wrapper--text {
  display: inline-block;
  vertical-align: middle;
  max-width: 455px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__subject__wrapper--text a {
  color: #333;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__subject__wrapper--text a:hover {
  text-decoration: underline;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__subject__wrapper--text a.visited:visited,
.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__subject__wrapper--text a.visited.visited {
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__subject__wrapper--icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__subject__wrapper--icon .icon {
  margin-left: 4px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__subject__wrapper--icon .icon:first-of-type {
  margin-left: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  font-size: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__icon .icon {
  margin-left: 4px;
  margin-top: -3px;
  vertical-align: middle !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__icon .icon:first-child {
  margin-left: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__icon .icon:last-child {
  margin-right: 4px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td__reply {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  color: #ff5000;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td .formstyle {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list .table__td.td-view {
  padding: 10px 0 10px 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list.icon--00 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 455px !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list.icon--01 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 432px !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list.icon--02 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 410px !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list.icon--03 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 388px !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--notice__list.icon--04 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 366px !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list {
  padding: 10px 0 10px 10px;
  color: #333;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__notice {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__notice--text {
  color: #1da0eb;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__subject {
  display: inline-block;
  max-width: inherit;
  text-decoration: none;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__subject .notice-blue {
  font-size: 14px;
  color: red;
  margin-right: 5px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__subject__wrapper--text {
  display: inline-block;
  vertical-align: middle;
  max-width: 368px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__subject__wrapper--text a {
  color: #333;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__subject__wrapper--text a:hover {
  text-decoration: underline;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__subject__wrapper--text a.visited:visited,
.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__subject__wrapper--text a.visited.visited {
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__subject__wrapper--icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__subject__wrapper--icon .icon {
  margin-left: 4px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__subject__wrapper--icon .icon:first-of-type {
  margin-left: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  font-size: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__icon .icon {
  margin-left: 4px;
  margin-top: -3px;
  vertical-align: middle !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__icon .icon:first-child {
  margin-left: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__icon .icon:last-child {
  margin-right: 4px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td__reply {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  color: #ff5000;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td .formstyle {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list .table__td.td-view {
  padding: 10px 0 10px 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list.icon--00 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 509px !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list.icon--01 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 486px !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list.icon--02 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 464px !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list.icon--03 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 442px !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .table__td.td-title.board--user__list.icon--04 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 420px !important;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-nowrap {
  white-space: nowrap;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-nowrap .picgroup {
  display: inline-block;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-nowrap .username {
  display: inline-block;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-user a {
  position: relative;
  display: block;
  max-width: 160px;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #333;
  line-height: 26px;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-user a .icon--gm {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -56px -586px;
  width: 12px;
  height: 12px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-user a.country {
  margin-left: 2px;
  color: #ff5000;
  font-weight: bold;
  line-height: 14px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-user a .td-user-name {
  display: block;
  width: 86px;
  height: 22px;
  margin-top: -6px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-user a .td-user-date {
  display: block;
  width: 86px;
  height: 20px;
  margin-top: -8px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #a0a0a0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-user__pic {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  border-radius: 50%;
  border: 1px solid rgba(236, 236, 236, 0.3);
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-user__country {
  display: inline-block;
  width: 21px;
  height: 14px;
  margin-right: 3px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-date {
  position: relative;
  padding: 11px 25px 11px 0;
  text-align: right;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-date:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 9px;
  width: 1px;
  height: 9px;
  background-color: #d5d5d5;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-date time {
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-date .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-share {
  position: relative;
  padding: 11px 23px 11px 0;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-share:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 7px;
  width: 1px;
  height: 9px;
  background-color: #d5d5d5;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -140px -517px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-share .icon--share {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -160px -517px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-like {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-like span {
  margin-left: -3px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-like.is-active .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -438px -447px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-like .icon--heart {
  margin-left: 5px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -447px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-scrap {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-scrap span {
  margin-left: -3px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-scrap .card-icon-scrap-s {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 2px;
  background: url("../../images/share/project-f/card-icon-scrap-s.png") 0 0;
  display: block;
  float: left;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-reply {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-reply span {
  margin-left: -3px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-reply .icon--reply {
  margin-left: 4px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -296px -586px;
  width: 11px;
  height: 12px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-view {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-view span {
  margin-left: -3px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-view .icon--view {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -80px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-star {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-star span {
  margin-left: -3px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-star.is-active .icon--star {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -40px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-star .icon--star {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -60px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-title .icon {
  vertical-align: middle;
  /* wholee 임시 작업 */
  /* wholee 임시 작업 */
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-title .icon--picture {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -484px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-title .icon--link {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -502px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-title .icon--music {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -40px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-title .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -76px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-title .icon--vote {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -94px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-title .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -296px -224px;
  width: 13px;
  height: 13px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-title .icon--draft {
  width: 13px;
  height: 13px;
  display: inline-block;
  background: url("../../images/share/project-f/icon-draft.png") 0 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-title .icon--lock {
  width: 13px;
  height: 13px;
  display: inline-block;
  background: url("../../images/share/project-f/icon-lock.png") 0 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-title .icon--new {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -343px;
  width: 14px;
  height: 14px;
  margin-bottom: 0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-num-count {
  min-width: 90px;
  position: relative;
  padding: 10px 10px;
  text-align: left;
  font-size: 12px;
  color: #a0a0a0;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-num-count:after {
  content: none;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-num-count time {
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-num-count .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-num-count .comment {
  min-width: 36px;
  position: absolute;
  top: 12px;
  right: 65px;
  text-align: right;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-num-count .bar {
  width: 1px;
  height: 9px;
  background-color: #a0a0a0;
  position: absolute;
  top: 18px;
  left: 50%;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-num-count .hits {
  min-width: 36px;
  position: absolute;
  top: 12px;
  left: 67px;
  text-align: left;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-new-user {
  font-size: 12px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-new-user a {
  position: relative;
  display: block;
  min-width: 86px !important;
  max-width: 86px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #333;
  line-height: 26px;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-new-user a .icon--gm {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -56px -586px;
  width: 12px;
  height: 12px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-new-user a.country {
  margin-left: 2px;
  color: #ff5000;
  font-weight: bold;
  line-height: 14px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-new-user a .td-new-user-name {
  display: block;
  width: 86px;
  height: 22px;
  margin-top: -8px;
  max-width: 86px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-new-user a .td-new-user-date {
  display: block;
  width: 86px;
  height: 22px;
  height: 20px;
  margin-top: -8px;
  max-width: 86px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #a0a0a0;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-new-user__pic {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(236, 236, 236, 0.3);
  margin-right: 5px;
}

.table--base-a.table--shape-b tbody.reaction-type.thread .td-new-user__country {
  display: inline-block;
  width: 21px;
  height: 14px;
  margin-right: 3px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td {
  padding: 10px 0 10px 10px;
  color: #333;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list {
  padding: 10px 0 10px 10px;
  color: #333;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__notice {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__notice--text {
  color: #1da0eb;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__subject {
  display: inline-block;
  max-width: inherit;
  text-decoration: none;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__subject .notice-blue {
  font-size: 14px;
  color: red;
  margin-right: 5px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__subject__wrapper--text {
  display: inline-block;
  vertical-align: middle;
  max-width: 389px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__subject__wrapper--text a {
  color: #333;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__subject__wrapper--text a:hover {
  text-decoration: underline;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__subject__wrapper--text a.visited:visited,
.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__subject__wrapper--text a.visited.visited {
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__subject__wrapper--icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__subject__wrapper--icon .icon {
  margin-left: 4px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__subject__wrapper--icon .icon:first-of-type {
  margin-left: 0;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  font-size: 0;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__icon .icon {
  margin-left: 4px;
  margin-top: -3px;
  vertical-align: middle !important;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__icon .icon:first-child {
  margin-left: 0;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__icon .icon:last-child {
  margin-right: 4px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td__reply {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  color: #ff5000;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list .table__td.td-view {
  padding: 10px 0 10px 0;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list.icon--00 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 389px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list.icon--00 .table__td__subject .table__td__subject__wrapper--icon {
  display: none;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list.icon--01 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 366px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list.icon--02 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 344px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list.icon--03 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 322px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--notice__list.icon--04 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 300px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list {
  padding: 10px 0 10px 10px;
  color: #333;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__notice {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__notice--text {
  color: #1da0eb;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__subject {
  display: inline-block;
  max-width: inherit;
  text-decoration: none;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__subject .notice-blue {
  font-size: 14px;
  color: red;
  margin-right: 5px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__subject__wrapper--text {
  display: inline-block;
  vertical-align: middle;
  max-width: 444px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__subject__wrapper--text a {
  color: #333;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__subject__wrapper--text a:hover {
  text-decoration: underline;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__subject__wrapper--text a.visited:visited,
.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__subject__wrapper--text a.visited.visited {
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__subject__wrapper--icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__subject__wrapper--icon .icon {
  margin-left: 4px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__subject__wrapper--icon .icon:first-of-type {
  margin-left: 0;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  font-size: 0;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__icon .icon {
  margin-left: 4px;
  margin-top: -3px;
  vertical-align: middle !important;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__icon .icon:first-child {
  margin-left: 0;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__icon .icon:last-child {
  margin-right: 4px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td__reply {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  color: #ff5000;
  font-weight: bold;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td .formstyle {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list .table__td.td-view {
  padding: 10px 0 10px 0;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list.icon--00 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 444px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list.icon--00 .table__td__subject .table__td__subject__wrapper--icon {
  display: none;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list.icon--01 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 421px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list.icon--02 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 399px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list.icon--03 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 377px;
}

.table--base-a.table--shape-b tbody.reaction-type .table__td.td-title.board--user__list.icon--04 .table__td__subject .table__td__subject__wrapper--text {
  max-width: 355px;
}

.table--base-a.table--shape-b tbody.reaction-type .td-date {
  position: relative;
  padding: 10px 0 10px 10px;
  text-align: right;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody.reaction-type .td-date:after {
  content: '';
  position: absolute;
  top: 20px;
  right: -8px;
  width: 1px;
  height: 9px;
  background-color: #d5d5d5;
}

.table--base-a.table--shape-b tbody.reaction-type .td-date time {
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody.reaction-type .td-date .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-b tbody tr:last-child .table__td {
  border-bottom: 1px solid #eeeeee;
}

.table--base-a.table--shape-b tbody tr.td-delete {
  position: relative;
}

.table--base-a.table--shape-b tbody tr.td-delete td {
  position: relative;
  background-color: rgba(247, 247, 247, 0.85);
  pointer-events: none;
  cursor: default;
}

.table--base-a.table--shape-b tbody tr.td-delete td a,
.table--base-a.table--shape-b tbody tr.td-delete td time,
.table--base-a.table--shape-b tbody tr.td-delete td span,
.table--base-a.table--shape-b tbody tr.td-delete td i,
.table--base-a.table--shape-b tbody tr.td-delete td .table__td__notice {
  opacity: 0.5;
}

.table--base-a.table--shape-b tbody tr.td-delete td .icon--delete {
  display: block;
  position: absolute;
  top: 14px;
  left: 13px;
  width: 16px;
  height: 20px;
  background: url("../../images/share/sprite/icon_libs/icon-no-delete-card-16x20.png") 0 0 no-repeat;
  opacity: 1;
  z-index: 1;
}

.table--base-a.table--shape-b tbody .td-user {
  position: relative;
}

.table--base-a.table--shape-b tbody .td-user a {
  position: relative;
  display: block;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #333;
  line-height: 26px;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody .td-user a .icon--gm {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -56px -586px;
  width: 12px;
  height: 12px;
}

.table--base-a.table--shape-b tbody .td-user a.country {
  margin-left: 2px;
  color: #ff5000;
  font-weight: bold;
  line-height: 22px;
}

.table--base-a.table--shape-b tbody .td-user__pic {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(236, 236, 236, 0.3);
}

.table--base-a.table--shape-b tbody .td-user__country {
  display: inline-block;
  width: 21px;
  height: 14px;
  margin-right: 3px;
  vertical-align: sub;
}

.table--base-a.table--shape-b tbody .td-user .formstyle {
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}

.table--base-a.table--shape-b tbody .td-user .delete-btn {
  position: absolute;
  top: 14px;
  left: -14px;
  border: none;
  width: 18px;
  height: 18px;
  background-image: url("../../images/share/btn-del-card.png");
}

.table--base-a.table--shape-b tbody .td-date {
  position: relative;
  padding: 11px 25px 11px 0;
  text-align: right;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody .td-date:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 9px;
  width: 1px;
  height: 9px;
  background-color: #d5d5d5;
}

.table--base-a.table--shape-b tbody .td-date time {
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody .td-date .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-b tbody .td-share {
  position: relative;
  padding: 11px 23px 11px 0;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody .td-share:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 7px;
  width: 1px;
  height: 9px;
  background-color: #d5d5d5;
}

.table--base-a.table--shape-b tbody .td-share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -140px -517px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody .td-share .icon--share {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -160px -517px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody .td-like {
  width: 60px;
  padding: 10px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody .td-like span {
  margin-left: -5px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody .td-like.is-active .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -438px -447px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody .td-like .icon--heart {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -447px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody .td-scrap {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody .td-scrap span {
  margin-left: -5px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody .td-scrap .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: 0px -517px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody .td-scrap .card-icon-scrap-s {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 2px;
  background: url("../../images/share/project-f/card-icon-scrap-s.png") 0 0;
  display: block;
  float: left;
}

.table--base-a.table--shape-b tbody .td-reply {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody .td-reply span {
  margin-left: -5px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody .td-reply .icon--reply {
  margin-left: 4px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -296px -586px;
  width: 11px;
  height: 12px;
}

.table--base-a.table--shape-b tbody .td-view {
  width: 60px;
  padding: 10px 0 !important;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody .td-view span {
  margin-left: -5px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody .td-view .icon--view {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -80px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody .td-star {
  width: 60px;
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody .td-star span {
  margin-left: -5px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody .td-star.is-active .icon--star {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -40px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody .td-star .icon--star {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -60px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody .td-download {
  width: 60px;
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody .td-download span {
  margin-left: -5px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody .td-download .icon--download {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -120px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody .td-visits {
  width: 60px;
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-b tbody .td-visits span {
  margin-left: -5px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-b tbody .td-visits .icon--visits {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -100px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-b tbody .td-title {
  padding-left: 0;
}

.table--base-a.table--shape-b tbody .td-title .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-b tbody .td-title .icon--picture {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -484px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody .td-title .icon--link {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -502px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody .td-title .icon--music {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -40px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody .td-title .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -76px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody .td-title .icon--vote {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -94px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody .td-title .icon--multi {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -22px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody .td-title .icon--ugc {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -58px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody .td-title .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -296px -224px;
  width: 13px;
  height: 13px;
}

.table--base-a.table--shape-b tbody .td-title .icon--edit {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -250px -554px;
  width: 13px;
  height: 13px;
}

.table--base-a.table--shape-b tbody .td-title .icon--lock {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -289px -554px;
  width: 13px;
  height: 13px;
}

.table--base-a.table--shape-b tbody .td-title .icon--draft {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -237px -554px;
  width: 13px;
  height: 13px;
}

.table--base-a.table--shape-b tbody .td-title .icon--ban {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -20px -586px;
  width: 12px;
  height: 12px;
}

.table--base-a.table--shape-b tbody .td-title .icon--review {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -13px;
  width: 10px;
  height: 13px;
}

.table--base-a.table--shape-b tbody .td-title .icon--homeland {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -466px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody .td-title .icon--official {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -448px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-b tbody .td-title .icon--new {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -343px;
  width: 14px;
  height: 14px;
}

.table--base-a.table--shape-c {
  width: 100%;
}

.table--base-a.table--shape-c.checkbox {
  margin-bottom: 80px;
}

.table--base-a.table--shape-c.checkbox .td-user {
  width: 185px;
}

.table--base-a.table--shape-c.checkbox .td-user .checkbtn {
  display: inline-block;
  margin-right: 5px;
}

.table--base-a.table--shape-c.checkbox .td-user .checkbtn .formstyle {
  vertical-align: unset;
}

.table--base-a.table--shape-c.checkbox .td-title .table__td__subject {
  max-width: 355px;
  text-overflow: ellipsis;
}

.table--base-a.table--shape-c.checkbox .td-title .table__td__subject .notice-blue {
  font-size: 14px;
  color: #1da0eb;
  margin-right: 5px;
}

.table--base-a.table--shape-c.checkbox .td-date {
  width: 90px;
}

.table--base-a.table--shape-c.checkbox .td-scrap {
  width: 52px;
}

.table--base-a.table--shape-c.checkbox .td-like {
  width: 65px;
}

.table--base-a.table--shape-c.checkbox .td-view {
  width: 65px;
}

.table--base-a.table--shape-c tbody {
  border-top: 1px solid #e7e7e7;
}

.table--base-a.table--shape-c tr:last-child .table__td {
  border-bottom: 1px solid #eeeeee;
}

.table--base-a.table--shape-c .table__td {
  padding: 10px 20px 10px 15px;
  text-align: left;
  color: #333;
  font-weight: bold;
}

.table--base-a.table--shape-c .table__td__subject {
  max-width: 435px;
  text-overflow: ellipsis;
}

.table--base-a.table--shape-c .table__td__subject .notice-blue {
  font-size: 14px;
  color: #1da0eb;
  margin-right: 5px;
}

.table--base-a.table--shape-c .table__td__reply {
  vertical-align: baseline;
  color: #ff5000;
}

.table--base-a.table--shape-c .table__td__notice {
  margin-right: 5px;
  color: #1da0eb;
  vertical-align: bottom;
}

.table--base-a.table--shape-c .table__line {
  border-top: 2px solid #333;
}

.table--base-a.table--shape-c .td-user a {
  position: relative;
  display: inline-block;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #333;
  line-height: 26px;
  font-weight: normal;
}

.table--base-a.table--shape-c .td-user a .icon--gm {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -56px -586px;
  width: 12px;
  height: 12px;
}

.table--base-a.table--shape-c .td-user a.country {
  margin-left: 2px;
  color: #ff5000;
  font-weight: bold;
  line-height: 14px;
}

.table--base-a.table--shape-c .td-user__pic {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(236, 236, 236, 0.3);
}

.table--base-a.table--shape-c .td-user__country {
  display: inline-block;
  width: 21px;
  height: 14px;
  margin-right: 3px;
}

.table--base-a.table--shape-c .td-user .checkbtn {
  display: none;
}

.table--base-a.table--shape-c .td-date {
  position: relative;
  padding: 11px 25px 11px 0;
  text-align: right;
  font-weight: normal;
}

.table--base-a.table--shape-c .td-date:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 9px;
  width: 1px;
  height: 9px;
  background-color: #d5d5d5;
}

.table--base-a.table--shape-c .td-date time {
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-c .td-date .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-c .td-share {
  position: relative;
  padding: 11px 23px 11px 0;
  font-weight: normal;
}

.table--base-a.table--shape-c .td-share:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 7px;
  width: 1px;
  height: 9px;
  background-color: #d5d5d5;
}

.table--base-a.table--shape-c .td-share:hover .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -140px -517px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-c .td-share .icon--share {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -160px -517px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-c .td-like {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-c .td-like span {
  margin-left: -3px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-c .td-like.is-active .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -438px -447px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-c .td-like .icon--heart {
  margin-left: 5px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -458px -447px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-c .td-scrap {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-c .td-scrap span {
  margin-left: -3px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-c .td-scrap .card-icon-scrap-s {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  margin-right: 2px;
  background: url("../../images/share/project-f/card-icon-scrap-s.png") 0 0;
  display: block;
  float: left;
}

.table--base-a.table--shape-c .td-reply {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-c .td-reply span {
  margin-left: -3px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-c .td-reply .icon--reply {
  margin-left: 4px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -296px -586px;
  width: 11px;
  height: 12px;
}

.table--base-a.table--shape-c .td-view {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-c .td-view span {
  margin-left: -3px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-c .td-view .icon--view {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -80px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-c .td-star {
  padding: 11px 0;
  text-align: left;
  font-weight: normal;
}

.table--base-a.table--shape-c .td-star span {
  margin-left: -3px;
  font-size: 11px;
  color: #999;
}

.table--base-a.table--shape-c .td-star.is-active .icon--star {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -40px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-c .td-star .icon--star {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -60px -497px;
  width: 20px;
  height: 20px;
}

.table--base-a.table--shape-c .td-title {
  padding-left: 0;
}

.table--base-a.table--shape-c .td-title .icon {
  vertical-align: middle;
}

.table--base-a.table--shape-c .td-title .icon--picture {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -484px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-c .td-title .icon--link {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -555px -502px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-c .td-title .icon--music {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -40px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-c .td-title .icon--video {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -76px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-c .td-title .icon--vote {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -94px;
  width: 18px;
  height: 18px;
}

.table--base-a.table--shape-c .td-title .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -296px -224px;
  width: 13px;
  height: 13px;
}

.table--base-b {
  width: 100%;
  border-top: 1px solid #f1f1f1;
  /* project_f_basket table */
  /* point/flake list*/
}

.table--base-b caption {
  display: none;
}

.table--base-b thead .table__th {
  font-size: 14px;
  color: #333333;
  line-height: 16px;
  font-weight: bold;
  padding: 12px 0 8px 0;
  text-align: center;
  background-color: #f7f7f7;
  border-bottom: 1px solid #f1f1f1;
}

.table--base-b tbody .table__td {
  font-size: 12px;
  color: #666666;
  line-height: 16px;
  font-weight: normal;
  text-align: center;
  padding: 13px 0 10px 0;
  border-bottom: 1px solid #f1f1f1;
}

.table--base-b tbody td:first-child {
  border-left: 0;
}

.table--base-b .table__td-center,
.table--base-b .table__th-center {
  text-align: center;
}

.table--base-b .table__td-right {
  text-align: right;
}

.table--base-b.table--shape-b {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.table--base-b.table--shape-b .table__th {
  font-size: 12px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 6px;
  padding-bottom: 4px;
  font-weight: normal;
  color: #999;
}

.table--base-b.table--shape-b .table__td {
  font-size: 12px;
  text-align: left;
  font-weight: normal;
  color: #666666;
  border-left: 1px solid #e7e7e7;
  padding-left: 12px;
  padding-right: 12px;
  border-bottom: 0;
  padding-top: 4px;
  padding-bottom: 2px;
}

.table--base-b.table--shape-b thead .table__th {
  border-bottom: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
}

.table--base-b.table--shape-b tbody .table__th {
  color: #999;
  padding-left: 0;
  padding-right: 0;
  padding-top: 4px;
  padding-bottom: 2px;
}

.table--base-b.table--shape-b .td-center {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.table--base-b.table--shape-b tr th:first-child {
  border-left: 0;
}

.table--base-b.table--shape-b tr td:first-child {
  border-left: 0;
}

.table--base-b.table--shape-b tbody tr:first-child td,
.table--base-b.table--shape-b tbody tr:first-child th {
  padding-top: 11px;
}

.table--base-b.table--shape-b .tr-last td,
.table--base-b.table--shape-b .tr-last th {
  padding-bottom: 10px;
}

.table--base-c {
  width: 100%;
  border-top: 1px solid #f1f1f1;
  /* project_f_basket table */
  /* point/flake list*/
}

.table--base-c caption {
  display: none;
}

.table--base-c tbody .table__th {
  font-size: 12px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
  padding: 12px 0 11px 0;
  text-align: center;
  background-color: #f7f7f7;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}

.table--base-c tbody .table__td {
  font-size: 12px;
  color: #333333;
  line-height: 16px;
  font-weight: normal;
  text-align: center;
  padding: 13px 0 10px 0;
  border-bottom: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
}

.table--base-c tbody .table__td:first-child {
  border-left: 0;
}

.table--base-c tbody tr .table__th:first-child {
  border-left: 0;
}

.table--base-c.table--shape-a tbody .table__td {
  text-align: left;
  padding: 13px 0 10px 20px;
}

.table--base-c.table--shape-a tbody .table__th {
  text-align: left;
  padding: 13px 0 10px 20px;
}

.table--base-d {
  width: 100%;
  color: #999;
  /* project_f_basket table */
  /* point/flake list*/
}

.table--base-d caption {
  display: none;
}

.table--base-d .table__th,
.table--base-d .table__td {
  padding: 10px 20px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  word-break: break-word;
  word-break: break-all;
}

.table--base-d .table__th small,
.table--base-d .table__td small {
  font-size: 12px;
  color: #999;
}

.table--base-d .table__th strong,
.table--base-d .table__td strong {
  color: #333;
  font-weight: normal;
}

.table--base-d .table__th em,
.table--base-d .table__td em {
  color: #f0562d;
}

.table--base-d .table__th {
  background-color: #f7f7f7;
  color: #333;
  font-weight: normal;
}

.table--base-d .table__td {
  border-left: 1px solid #e7e7e7;
}

.table--base-d .table__td *:first-child {
  margin-top: 0;
}

.table--base-d .table__td *:last-child {
  margin-bottom: 0;
}

.table--base-d .table__td label {
  display: inline-block;
  margin: 0 4px;
  font-size: 12px;
  color: #666;
  vertical-align: middle;
}

.table--base-d .table__td label .formstyle {
  margin-top: -3px;
}

.table--base-d .table__td label:first-child {
  margin-left: 0;
}

.table--base-d .table__td [class*=button],
.table--base-d .table__td span {
  vertical-align: middle;
}

.table--base-d .table__td [class*=security-level] {
  top: 6px;
}

.table--base-d .table__td .font--gray {
  color: #333;
}

.table--base-d .table__row--border-less .table__th,
.table--base-d .table__row--border-less .table__td {
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: none;
  border-bottom: none;
  color: #666;
}

.table--base-d .table__row--border-less:first-child .table__th,
.table--base-d .table__row--border-less:first-child .table__td {
  border-top: 1px solid #e7e7e7;
}

.table--base-d .table__row--border-less:last-child .table__th,
.table--base-d .table__row--border-less:last-child .table__td {
  border-bottom: 1px solid #e7e7e7;
}

.table--base-d .table__row--first .table__th,
.table--base-d .table__row--first .table__td {
  padding-top: 10px;
}

.table--base-d .table__row--last .table__th,
.table--base-d .table__row--last .table__td {
  padding-bottom: 10px;
}

.table--base-d .table--highlight .table__td {
  background-color: #fefeee;
}

.table--base-e {
  width: 100%;
  /* project_f_basket table */
  /* point/flake list*/
}

.table--base-e caption {
  display: none;
}

.table--base-e .table-break {
  word-break: break-all !important;
}

.table--base-e .table-clamp {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100%;
}

.table--base-e .table__th,
.table--base-e .table__td {
  padding: 12px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  word-break: keep-all;
}

.table--base-e .table__th__subject,
.table--base-e .table__td__subject {
  color: #333;
}

.table--base-e .table__th__subject:hover,
.table--base-e .table__td__subject:hover {
  text-decoration: underline;
}

.table--base-e .table__th {
  position: relative;
  background-color: #f7f7f7;
  color: #333;
  text-align: center;
}

.table--base-e .table__th::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  width: 1px;
  height: 8px;
  background-color: #e2e2e2;
}

.table--base-e .table__th:last-child::after {
  display: none;
}

.table--base-e .table__td {
  text-align: center;
  color: #666;
}

.table--base-e .table__td.text-top {
  vertical-align: top;
}

.table--base-e .table__td.text-left {
  text-align: left;
}

.table--base-e .table__td.text-right {
  text-align: right;
}

.table--base-e .table__td em {
  color: #f0562d;
}

.table--base-e .table__td strong {
  color: #23aaef;
}

.table--base-e .table__td .no--data {
  padding: 18px 0;
}

.table--base-e .table__td:nth-child(4) {
  position: relative;
}

.table--base-e .table__td.mobile::after {
  content: "";
  position: absolute;
  top: 13px;
  width: 10px;
  height: 16px;
  margin-left: 10px;
  background: url("../../images/member/svg/ic-mobile.svg") 0 0 no-repeat;
}

.table--base-e.table--shape-a .table__th {
  padding-left: 5px;
  padding-right: 5px;
}

.table--base-e.table--shape-a .table__td {
  padding-left: 5px;
  padding-right: 5px;
}

.table--base-e.table--shape-a .table__td .link {
  color: #274c98;
}

.table--base-e.table--shape-a .table__td .link:hover {
  text-decoration: underline;
}

.table--base-e.table--shape-b .table__th {
  padding-left: 5px;
  padding-right: 5px;
}

.table--base-e.table--shape-b .table__td {
  padding-left: 5px;
  padding-right: 5px;
  border-color: #efefef;
}

.table--base-e.table--shape-b .table__td .link {
  color: #274c98;
}

.table--base-e.table--shape-b .table__td .link:hover {
  text-decoration: underline;
}

.table--base-e.table--shape-b .table__td .text-link:hover {
  text-decoration: underline !important;
}

.table--base-e.table--shape-b .table__td .text-link.visited {
  color: #999;
}

.table--base-e.table--shape-b .table__td__ranking {
  display: inline-block;
  margin: 0 5px 0 5px;
  color: #333;
}

.table--base-e.table--shape-b .is-active .table__td {
  background-color: #fffcf9;
  color: #333;
  font-weight: bold;
  vertical-align: top;
}

.table--base-e.table--shape-b .is-active .table__td .icon--arrow-up {
  display: inline-block;
  height: 0;
  line-height: 0;
  font-size: 0;
  width: 15px;
  position: relative;
}

.table--base-e.table--shape-b .is-active .table__td .icon--arrow-up::before {
  position: absolute;
  bottom: 0;
  left: 3px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4.5px 9px 4.5px;
  border-color: transparent transparent #ff5000 transparent;
}

.table--base-e.table--shape-b .is-active .table__td .icon--arrow-down {
  display: inline-block;
  height: 0;
  line-height: 0;
  font-size: 0;
  width: 15px;
  position: relative;
}

.table--base-e.table--shape-b .is-active .table__td .icon--arrow-down::before {
  position: absolute;
  bottom: 0;
  left: 3px;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 4.5px 0 4.5px;
  border-color: #22aaef transparent transparent transparent;
}

.table--base-e.table--shape-b .is-active .table__td__ranking-up {
  color: #ff5000;
  display: inline-block;
  margin: 0 5px 0 5px;
}

.table--base-e.table--shape-b .is-active .table__td__ranking-down {
  color: #22aaef;
  display: inline-block;
  margin: 0 5px 0 5px;
}

.table--base-e.table--shape-c .table__th:after {
  display: none;
}

.table--base-e.table--shape-d {
  table-layout: fixed;
}

.table--base-e.table--shape-e {
  table-layout: fixed;
}

.table--base-e.table--shape-e .table__td {
  word-break: break-all;
  word-wrap: break-word;
}

.table--base-f {
  /* project_f_basket table */
  /* point/flake list*/
}

.table--base-f .table__td {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
  border-top: 0 none;
  border-left: 0 none;
  border-right: 0 none;
  padding-top: 18px;
  padding-bottom: 18px;
}

.table--base-f .table__td__subject {
  display: inline-block;
  max-width: 356px;
  vertical-align: text-top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-f .table__td__subject:hover {
  text-decoration: underline;
}

.table--base-f .table__td__subject__category {
  color: #999;
}

.table--base-f .table__td__reply {
  vertical-align: bottom;
}

.table--base-f .table__td-center {
  text-align: center;
}

.table--base-f .table__td-right {
  text-align: right !important;
}

.table--base-f tbody {
  width: 784px;
  max-height: 295px;
  overflow: hidden;
  overflow-y: auto;
  display: block;
}

.table--base-f tbody.view10 {
  max-height: 590px;
}

.table--base-f tbody.view10.stage-3 tr .table__td.td-title {
  width: 470px;
  padding-left: 30px;
}

.table--base-f tbody.view10.stage-3 tr .table__td.td-title .table__td__subject {
  max-width: 420px;
}

.table--base-f tbody.view10 tr .table__td.td-title {
  width: 500px;
  padding-left: 10px;
}

.table--base-f tbody.view10 tr .table__td.td-title .table__td__subject {
  max-width: 460px;
}

.table--base-f.table--shape-a {
  width: 100%;
}

.table--base-f.table--shape-a .table__line {
  border-top: 2px solid #333;
}

.table--base-f.table--shape-a tr {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #e7e7e7;
}

.table--base-f.table--shape-a tr:focus,
.table--base-f.table--shape-a tr.select {
  background-color: rgba(255, 80, 0, 0.05);
}

.table--base-f.table--shape-a tr .table__td {
  text-align: left;
  padding-right: 20px;
}

.table--base-f.table--shape-a tr .table__td__subject {
  max-width: 356px;
}

.table--base-f.table--shape-a tr .td-user {
  width: 96px;
  padding-left: 5px;
}

.table--base-f.table--shape-a tr .td-user a {
  display: block;
  color: #666;
  max-width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.table--base-f.table--shape-a tr .td-user a:hover {
  text-decoration: underline;
}

.table--base-f.table--shape-a tr .td-user__pic {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  border-radius: 50%;
  border: 1px solid rgba(236, 236, 236, 0.3);
  vertical-align: bottom;
}

.table--base-f.table--shape-a tr .td-title {
  width: 400px;
  padding-left: 5px;
}

.table--base-f.table--shape-a tr .td-date {
  width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-f.table--shape-a tr .td-date time {
  font-size: 13px;
  color: #666;
}

.table--base-f.table--shape-a tr .td-date .icon {
  vertical-align: middle;
}

.table--base-f.table--shape-a tr .td-like {
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-f.table--shape-a tr .td-like span {
  font-size: 13px;
  color: #666;
}

.table--base-f.table--shape-a tr .td-like .icon {
  vertical-align: middle;
}

.table--base-f.table--shape-b {
  width: 100%;
}

.table--base-f.table--shape-b .table__line {
  border-top: 2px solid #333;
}

.table--base-f.table--shape-b tr {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #e7e7e7;
}

.table--base-f.table--shape-b tr:hover,
.table--base-f.table--shape-b tr:focus,
.table--base-f.table--shape-b tr.select {
  background-color: #ededed;
}

.table--base-f.table--shape-b tr .table__td {
  text-align: left;
  padding-right: 20px;
}

.table--base-f.table--shape-b tr .table__td__subject {
  max-width: 430px;
}

.table--base-f.table--shape-b tr .td-user {
  width: 170px;
}

.table--base-f.table--shape-b tr .td-user a {
  display: block;
  color: #666;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.table--base-f.table--shape-b tr .td-user__pic {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  border-radius: 50%;
  border: 1px solid rgba(236, 236, 236, 0.3);
  vertical-align: bottom;
}

.table--base-f.table--shape-b tr .td-title {
  min-width: 420px;
}

.table--base-f.table--shape-b tr .td-like {
  width: 16%;
}

.table--base-f.table--shape-b tr .td-like span {
  font-size: 13px;
  color: #666;
}

.table--base-f.table--shape-b tr .td-like .icon {
  vertical-align: middle;
}

.table--base-f.table--shape-b tr .td-date {
  width: 16%;
}

.table--base-f.table--shape-b tr .td-date time {
  font-size: 13px;
  color: #666;
}

.table--base-f.table--shape-b tr .td-date .icon {
  vertical-align: middle;
}

.table--base-g {
  /* project_f_basket table */
  /* point/flake list*/
}

.table--base-g .table__td {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  font-weight: normal;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 15px;
  padding-bottom: 15px;
}

.table--base-g .table__td__subject {
  display: inline-block;
  max-width: 400px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: text-top;
}

.table--base-g .table__td__subject:hover {
  text-decoration: underline;
}

.table--base-g .table__td__subject__category {
  color: #999;
}

.table--base-g .table__td__reply {
  vertical-align: bottom;
}

.table--base-g .table__td-center {
  text-align: center;
}

.table--base-g .table__td-right {
  text-align: right !important;
}

.table--base-g.table--shape-a {
  width: 100%;
}

.table--base-g.table--shape-a tbody .top-line {
  border-top: 2px solid #666;
}

.table--base-g.table--shape-a tbody .bottom-line {
  border-bottom: 2px solid #666;
}

.table--base-g.table--shape-a tbody .basket-header {
  border-bottom: 1px solid #aaa;
}

.table--base-g.table--shape-a tbody .basket-header .td-check-btn {
  width: 24px;
}

.table--base-g.table--shape-a tbody .basket-header .td-name {
  width: 580px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.table--base-g.table--shape-a tbody .basket-header .td-name .title-array {
  font-size: 14px;
  font-weight: bold;
}

.table--base-g.table--shape-a tbody .basket-header .td-name .name-image {
  width: 90px;
  height: 48px;
  display: block;
  float: left;
}

.table--base-g.table--shape-a tbody .basket-header .td-name .name-image img {
  width: 100%;
  height: 100%;
}

.table--base-g.table--shape-a tbody .basket-header .td-name .desc-l-array {
  max-width: 460px;
  display: block;
  float: left;
  text-align: left;
  font-size: 14px;
  line-height: 48px;
  padding-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-g.table--shape-a tbody .basket-header .td-name .check-btn-cancel {
  float: left;
}

.table--base-g.table--shape-a tbody .basket-header .td-category {
  width: 100px;
  text-align: center;
}

.table--base-g.table--shape-a tbody .basket-header .td-category .title-array {
  font-size: 14px;
  font-weight: bold;
}

.table--base-g.table--shape-a tbody .basket-header .td-category .desc-array {
  max-width: 100px;
  display: block;
  margin: 0 auto;
  font-size: 13px;
  line-height: 48px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table--base-g.table--shape-a tbody .basket-header .td-volume {
  width: 90px;
  text-align: center;
}

.table--base-g.table--shape-a tbody .basket-header .td-volume .title-array {
  font-size: 14px;
  font-weight: bold;
}

.table--base-g.table--shape-a tbody .basket-header .td-volume .volume-btn-area {
  width: 90px;
  height: 31px;
  display: block;
  margin: 0 auto;
}

.table--base-g.table--shape-a tbody .basket-header .td-volume .volume-btn-area .plus-btn {
  width: 30px;
  height: 31px;
  background: url("../../images/share/project-f/cart-plus.png") 0 0 no-repeat;
  display: block;
  float: left;
  border: 0 none;
}

.table--base-g.table--shape-a tbody .basket-header .td-volume .volume-btn-area .num-area {
  width: 30px;
  height: 29px;
  line-height: 28px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  font-size: 11px;
  color: #666;
  text-align: center;
  display: block;
  float: left;
}

.table--base-g.table--shape-a tbody .basket-header .td-volume .volume-btn-area .minus-btn {
  width: 30px;
  height: 31px;
  background: url("../../images/share/project-f/cart-minus.png") 0 0 no-repeat;
  display: block;
  float: left;
  border: 0 none;
}

.table--base-g.table--shape-a tbody .basket-header .td-price {
  width: 130px;
  text-align: center;
}

.table--base-g.table--shape-a tbody .basket-header .td-price .title-array {
  font-size: 14px;
  font-weight: bold;
}

.table--base-g.table--shape-a tbody .basket-header .td-price .price-num {
  max-width: 120px;
  font-size: 15px;
  font-weight: bold;
  word-break: break-all;
  display: block;
  line-height: 22px;
}

.table--base-g.table--shape-a tbody .basket-header .td-price .price-num .icon--price {
  margin: -4px 5px 0 5px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -80px;
  width: 16px;
  height: 16px;
}

.table--base-g.table--shape-a tbody .basket-header .td-cancle {
  width: 11px;
  text-align: center;
}

.table--base-g.table--shape-a tbody .basket-header .td-cancle .cancle-btn {
  width: 11px;
  height: 11px;
  background: url("../../images/share/project-f/cart-list-del.png") 0 0 no-repeat;
  border: 0 none;
}

.table--base-g.table--shape-a tbody .basket-header .td-period-text {
  font-size: 12px;
  text-align: right;
  color: #333;
}

.table--base-g.table--shape-a tbody .basket-edit td {
  padding-bottom: 30px;
}

.table--base-g.table--shape-a tbody .basket-edit .td-check-btn {
  width: 24px;
}

.table--base-g.table--shape-a tbody .basket-edit .td-name {
  width: 580px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

.table--base-g.table--shape-a tbody .basket-edit .td-name .check-btn-cancel {
  float: left;
}

.table--base-g.table--shape-a tbody .basket-edit .td-period-text {
  font-size: 12px;
  text-align: right;
  color: #333;
}

.table--base-g .table__td {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

.table--base-h {
  /* project_f_basket table */
  /* point/flake list*/
}

.table--base-h .table__th {
  font-size: 13px;
  color: #333;
  line-height: 20px;
  font-weight: bold;
  height: 43px;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 11px;
  padding-left: 14px;
  padding-right: 14px;
  padding-bottom: 11px;
  background-color: #f2f2f2;
  box-sizing: border-box;
}

.table--base-h .table__td {
  height: 43px;
  font-size: 13px;
  color: #333;
  line-height: 20px;
  font-weight: normal;
  border-bottom: 1px solid #e7e7e7;
  padding-top: 11px;
  padding-left: 14px;
  paddding-right: 14px;
  padding-bottom: 11px;
  box-sizing: border-box;
}

.table--base-h .table__td.text-right {
  text-align: right;
}

.table--base-h .table__td > .switch {
  margin-bottom: -8px;
  margin-top: -9px;
}

.table--base-h.table--shape-a {
  border-top: 1px solid #e7e7e7;
  width: 100%;
}

.table--base-i {
  /* project_f_basket table */
  /* point/flake list*/
}

.table--base-i.table--shape-i {
  width: 100%;
  border-top: 1px solid #f0f0f0;
}

.table--base-i.table--shape-i tr {
  padding: 0 24px;
  border-bottom: 1px solid #f0f0f0;
}

.table--base-i td {
  padding-top: 20px;
  padding-bottom: 20px;
}

/*
#================================================================================
# Public Component:select
# Developer Name:choi dong ho
# Version:1.0
# Date Created:2016.01.04
# -------------------------------------------------------------------------------
# ** Update Information
#--------------------------------------------------------------------------------
# 2016.01.04 - first create
*/

/*
#================================================================================
# Core - Begin
#================================================================================
*/

/*
#================================================================================
# Core - end
#================================================================================
*/

.profile--base-a.profile--shape-a {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}

.profile--base-a.profile--shape-b {
  width: 38px;
  height: 38px;
  border-radius: 38px;
}

.profile--base-a.profile--shape-c {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}

.profile--base-a.profile--shape-d {
  width: 90px;
  height: 90px;
  border-radius: 90px;
}

.profile--base-a.profile--shape-e {
  width: 125px;
  height: 125px;
  border-radius: 125px;
}

.profile--base-a.profile--shape-f {
  width: 22px;
  height: 22px;
  border-radius: 22px;
}

.profile--base-a.profile--shape-g {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}

.profile--base-a.profile--shape-h {
  width: 28px;
  height: 28px;
  border-radius: 28px;
}

.profile--base-a.profile--shape-i {
  width: 49px;
  height: 49px;
  border-radius: 49px;
}

.profile--base-a.profile--shape-j {
  width: 54px;
  height: 54px;
  border-radius: 54px;
}

.profile--base-a.profile--shape-k {
  width: 24px;
  height: 24px;
  border-radius: 24px;
}

.profile--base-a.profile--shape-m {
  width: 36px;
  height: 36px;
  border-radius: 36px;
}

.profile--base-b .profile__pic,
.profile--base-b .profile__badge {
  float: left;
}

.profile--base-b .profile__info {
  float: left;
}

.profile--base-b .profile__subscribe {
  float: right;
  margin-top: 4px;
}

.profile--base-b .profile__subscribe .button {
  margin: 0 3px;
}

.profile--base-b .profile__subscribe .button:last-child {
  margin-right: 0;
}

.profile--base-b.profile--shape-a:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-a .profile__pic {
  margin-right: 10px;
}

.profile--base-b.profile--shape-a .profile__info {
  margin-top: 2px;
}

.profile--base-b.profile--shape-a .profile__info--nick {
  margin-bottom: 5px;
  font-size: 12px !important;
  color: #333 !important;
  line-height: 18px !important;
  font-weight: bold !important;
}

.profile--base-b.profile--shape-a .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-b.profile--shape-a .profile__info--nick .master {
  display: inline-block;
  margin-right: 5px;
  color: #2aaff0;
}

.profile--base-b.profile--shape-a .profile__info--nick .platform {
  color: #999;
}

.profile--base-b.profile--shape-a .profile__info--subscribe {
  margin-bottom: 0;
  font-size: 11px !important;
  color: #999 !important;
  line-height: normal !important;
  font-weight: normal !important;
}

.profile--base-b.profile--shape-a .profile__info--subscribe .icon {
  margin: 0 5px;
}

.profile--base-b.profile--shape-a .profile__info--subscribe .icon--line {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -621px -74px;
  width: 2px;
  height: 9px;
}

.profile--base-b.profile--shape-b {
  padding: 15px 16px 5px 18px;
}

.profile--base-b.profile--shape-b:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-b .profile__pic {
  margin-right: 8px;
}

.profile--base-b.profile--shape-b .profile__info {
  width: 120px;
  overflow: hidden;
}

.profile--base-b.profile--shape-b .profile__info--nick {
  word-break: break-all;
  word-wrap: break-word;
  margin-bottom: 5px;
}

.profile--base-b.profile--shape-b .profile__info--nick a {
  text-transform: none !important;
  font-size: 13px !important;
  color: #333 !important;
  line-height: 15px !important;
  font-weight: bold !important;
}

.profile--base-b.profile--shape-b .profile__info--nick .master {
  margin-right: 5px;
  color: #2aaff0;
}

.profile--base-b.profile--shape-b .profile__info--logout {
  text-align: left;
}

.profile--base-b.profile--shape-b .profile__info--logout a {
  text-decoration: underline;
  font-size: 11px !important;
  color: #999 !important;
  line-height: 15px !important;
  font-weight: normal !important;
}

.profile--base-b.profile--shape-b .profile__info--logout a:hover {
  color: #666 !important;
}

.profile--base-b.profile--shape-b .profile__info--cash {
  text-align: left;
}

.profile--base-b.profile--shape-b .profile__info--cash span {
  font-family: 'Tahoma';
  font-size: 11px !important;
  color: #f0562d !important;
  line-height: 15px !important;
  font-weight: normal !important;
}

.profile--base-b.profile--shape-c:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-c .profile__badge {
  margin-right: 15px;
}

.profile--base-b.profile--shape-c .profile__badge img {
  width: 70px;
  height: 70px;
  border-radius: 4px;
}

.profile--base-b.profile--shape-c .profile__info {
  margin-top: 4px;
}

.profile--base-b.profile--shape-c .profile__info--title {
  margin-bottom: 11px;
  font-size: 15px;
  color: #333;
  line-height: 15px;
  font-weight: bold;
}

.profile--base-b.profile--shape-c .profile__info--sub {
  font-size: 13px;
  color: #666;
  line-height: 13px;
  font-weight: normal;
  margin-bottom: 10px;
}

.profile--base-b.profile--shape-c .profile__info--subscribe {
  margin-bottom: 0;
  font-size: 12px;
  color: #999;
  line-height: 12px;
  font-weight: normal;
}

.profile--base-b.profile--shape-c .profile__info--subscribe .icon {
  margin: 0 5px;
}

.profile--base-b.profile--shape-c .profile__info--subscribe .icon--line {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -621px -74px;
  width: 2px;
  height: 9px;
}

.profile--base-b.profile--shape-c .profile__subscribe button {
  margin-top: 19px;
}

.profile--base-b.profile--shape-d:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-d .profile__pic {
  margin-right: 6px;
}

.profile--base-b.profile--shape-d .profile__info {
  margin-top: 3px;
}

.profile--base-b.profile--shape-d .profile__info--nick a {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.profile--base-b.profile--shape-d .profile__info--nick a:hover {
  text-decoration: underline;
}

.profile--base-b.profile--shape-d .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-b.profile--shape-d .profile__info--nick a .platform {
  color: #999;
}

.profile--base-b.profile--shape-d .profile__info--nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.profile--base-b.profile--shape-d .profile__info--time {
  letter-spacing: -0.1px;
}

.profile--base-b.profile--shape-d .profile__info--time a {
  position: relative;
  margin-right: 5px;
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-d .profile__info--time a:before {
  content: '';
  position: absolute;
  top: 8px;
  right: -5px;
  width: 2px;
  height: 2px;
  background-color: #b7b7b7;
}

.profile--base-b.profile--shape-d .profile__info--time a:hover strong {
  text-decoration: underline;
}

.profile--base-b.profile--shape-d .profile__info--time a strong {
  display: inline-block;
  max-width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  color: #999;
  font-weight: bold;
}

.profile--base-b.profile--shape-d .profile__info--time time {
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-d .profile__info--time .icon {
  vertical-align: middle;
  position: relative;
}

.profile--base-b.profile--shape-d .profile__info--time .icon--scrap {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -156px -571px;
  width: 11px;
  height: 11px;
}

.profile--base-b.profile--shape-d .profile__info--time .icon--deleted {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -295px;
  width: 9px;
  height: 11px;
}

.profile--base-b.profile--shape-d .profile__info--time .icon--edit {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -306px;
  width: 9px;
  height: 11px;
}

.profile--base-b.profile--shape-d .profile__info--time .icon--lock {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -317px;
  width: 9px;
  height: 11px;
}

.profile--base-b.profile--shape-d .profile__info--time .icon--ban {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -517px;
  width: 11px;
  height: 11px;
}

.profile--base-b.profile--shape-d .profile__info--time .icon--review {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -62px;
  width: 9px;
  height: 12px;
}

.profile--base-b.profile--shape-d .profile__subscribe {
  margin-top: -2px;
}

.profile--base-b.profile--shape-e:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-e .profile__pic {
  margin-right: 9px;
}

.profile--base-b.profile--shape-e .profile__info--nick a {
  font-size: 13px;
  color: #fff;
  line-height: 16px;
  font-weight: bold;
}

.profile--base-b.profile--shape-e .profile__info--nick a:hover {
  text-decoration: underline;
}

.profile--base-b.profile--shape-e .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-b.profile--shape-e .profile__info--nick a .platform {
  color: #999;
}

.profile--base-b.profile--shape-e .profile__info--nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.profile--base-b.profile--shape-e .profile__info--time a {
  position: relative;
  margin-right: 5px;
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-e .profile__info--time a:before {
  content: '';
  position: absolute;
  top: 8px;
  right: -5px;
  width: 2px;
  height: 2px;
  background-color: #b7b7b7;
}

.profile--base-b.profile--shape-e .profile__info--time a:hover strong {
  text-decoration: underline;
}

.profile--base-b.profile--shape-e .profile__info--time a strong {
  color: #333;
  font-weight: bold;
}

.profile--base-b.profile--shape-e .profile__info--time time {
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-e .profile__subscribe {
  margin-top: -2px;
}

.profile--base-b.profile--shape-f:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-f .profile__pic {
  margin-right: 6px;
}

.profile--base-b.profile--shape-f .profile__info {
  margin-top: 4px;
}

.profile--base-b.profile--shape-f .profile__info--nick a {
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.profile--base-b.profile--shape-f .profile__info--nick a:hover {
  text-decoration: underline;
}

.profile--base-b.profile--shape-f .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-b.profile--shape-f .profile__info--nick a .platform {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: #999;
}

.profile--base-b.profile--shape-f .profile__info--nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.profile--base-b.profile--shape-f .profile__info--time {
  letter-spacing: -0.1px;
}

.profile--base-b.profile--shape-f .profile__info--time a {
  position: relative;
  margin-right: 5px;
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-f .profile__info--time a:before {
  content: '';
  position: absolute;
  top: 8px;
  right: -5px;
  width: 2px;
  height: 2px;
  background-color: #b7b7b7;
}

.profile--base-b.profile--shape-f .profile__info--time a:hover strong {
  text-decoration: underline;
}

.profile--base-b.profile--shape-f .profile__info--time a strong {
  color: #999;
  font-weight: bold;
}

.profile--base-b.profile--shape-f .profile__info--time time {
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-f .profile__subscribe {
  margin-top: -2px;
}

.profile--base-b.profile--shape-g {
  padding: 0 2px;
  max-height: 77px;
  min-height: 68px;
}

.profile--base-b.profile--shape-g:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-g .profile__pic {
  position: relative;
  margin-right: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.profile--base-b.profile--shape-g .profile__pic .icon--lev {
  position: absolute;
  bottom: -3px;
  right: -4px;
  width: 20px;
  height: 20px;
}

.profile--base-b.profile--shape-g .profile__pic:hover .profile__set {
  display: block;
}

.profile--base-b.profile--shape-g .profile__info {
  float: inherit;
  padding-top: 4px;
}

.profile--base-b.profile--shape-g .profile__info--nick span {
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.profile--base-b.profile--shape-g .profile__info--greetings {
  margin-top: 4px;
  padding-left: 65px;
  letter-spacing: -0.1px;
  word-break: break-all;
  font-size: 11px;
  color: #e8e8e8;
  line-height: 14px;
  font-weight: normal;
}

.profile--base-b.profile--shape-g .profile__set {
  display: none;
  position: absolute;
  top: 20px;
  right: -12px;
  border: 0;
  z-index: 1;
}

.profile--base-b.profile--shape-g .profile__set:hover label {
  background: url("../../images/share/tr/icon_setting_40x40-over.png") 0 0 no-repeat;
}

.profile--base-b.profile--shape-g .profile__set label {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../../images/share/tr/icon_setting_40x40.png") 0 0 no-repeat;
}

.profile--base-b.profile--shape-g .profile__set input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.profile--base-b.profile--shape-h:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-h .profile__pic {
  position: relative;
  margin-right: 8px;
}

.profile--base-b.profile--shape-h .profile__pic .icon--lev {
  position: absolute;
  bottom: 0;
  right: -5px;
  width: 20px;
  height: 20px;
}

.profile--base-b.profile--shape-h .profile__info {
  margin-top: 10px;
}

.profile--base-b.profile--shape-h .profile__info--nick a {
  position: relative;
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.profile--base-b.profile--shape-h .profile__info--nick a:hover {
  text-decoration: underline;
}

.profile--base-b.profile--shape-h .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-b.profile--shape-h .profile__info--nick a .platform {
  color: #999;
}

.profile--base-b.profile--shape-h .profile__info--nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.profile--base-b.profile--shape-h .profile__info--time {
  letter-spacing: -0.1px;
}

.profile--base-b.profile--shape-h .profile__info--time a {
  position: relative;
  margin-right: 5px;
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-h .profile__info--time a:before {
  content: '';
  position: absolute;
  top: 8px;
  right: -5px;
  width: 2px;
  height: 2px;
  background-color: #b7b7b7;
}

.profile--base-b.profile--shape-h .profile__info--time a:hover strong {
  text-decoration: underline;
}

.profile--base-b.profile--shape-h .profile__info--time a strong {
  display: inline-block;
  max-width: 185px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  color: #999;
  font-weight: bold;
}

.profile--base-b.profile--shape-h .profile__info--time time {
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-h .profile__subscribe {
  margin-top: -2px;
}

.profile--base-b.profile--shape-h .profile__subscribe:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-h .profile__subscribe--time {
  float: left;
  margin-top: 3px;
}

.profile--base-b.profile--shape-h .profile__subscribe--time time {
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-i {
  position: relative;
}

.profile--base-b.profile--shape-i:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-i .profile__pic {
  position: relative;
  margin-right: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
}

.profile--base-b.profile--shape-i .profile__pic .icon--lev {
  position: absolute;
  bottom: -3px;
  right: -4px;
  width: 20px;
  height: 20px;
}

.profile--base-b.profile--shape-i .profile__info {
  float: inherit;
  padding-top: 7px;
  padding-left: 54px;
}

.profile--base-b.profile--shape-i .profile__info--nick {
  font-size: 12px;
  line-height: 18px;
  color: #333;
  font-weight: bold;
}

.profile--base-b.profile--shape-i .profile__info--contents {
  margin-top: 5px;
  text-overflow: inherit;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  letter-spacing: -0.1px;
  font-size: 12px;
  line-height: 17px;
  color: #555;
}

.profile--base-b.profile--shape-i .profile__subscribe {
  position: absolute;
  top: 0;
  right: 0;
}

.profile--base-b.profile--shape-i .profile__subscribe--time {
  float: left;
}

.profile--base-b.profile--shape-i .profile__subscribe--time time {
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-i .profile__subscribe .card__menu {
  margin-top: 1px;
}

.profile--base-b.profile--shape-j:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-j .profile__pic {
  margin-right: 12px;
}

.profile--base-b.profile--shape-j .profile__info {
  padding-top: 3px;
}

.profile--base-b.profile--shape-j .profile__info--nick {
  margin-bottom: 2px;
}

.profile--base-b.profile--shape-j .profile__info--nick a {
  font-size: 16px;
  color: #333;
  line-height: 21px;
  font-weight: bold;
}

.profile--base-b.profile--shape-j .profile__info--nick a:hover {
  text-decoration: underline;
}

.profile--base-b.profile--shape-j .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-b.profile--shape-j .profile__info--nick a .platform {
  color: #999;
}

.profile--base-b.profile--shape-j .profile__info--nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: bold;
}

.profile--base-b.profile--shape-j .profile__subscribe {
  margin-top: -2px;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.profile--base-b.profile--shape-k:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-k .profile__pic {
  margin-right: 6px;
}

.profile--base-b.profile--shape-k .profile__info {
  margin-top: -2px;
}

.profile--base-b.profile--shape-k .profile__info--nick a {
  font-size: 13px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
  display: block;
}

.profile--base-b.profile--shape-k .profile__info--nick a:hover {
  text-decoration: underline;
}

.profile--base-b.profile--shape-k .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-b.profile--shape-k .profile__info--nick a .platform {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: #999;
}

.profile--base-b.profile--shape-k .profile__info--nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.profile--base-b.profile--shape-k .profile__info--time {
  letter-spacing: -0.1px;
}

.profile--base-b.profile--shape-k .profile__info--time a {
  position: relative;
  margin-right: 5px;
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-k .profile__info--time a:before {
  content: '';
  position: absolute;
  top: 8px;
  right: -5px;
  width: 2px;
  height: 2px;
  background-color: #b7b7b7;
}

.profile--base-b.profile--shape-k .profile__info--time a:hover strong {
  text-decoration: underline;
}

.profile--base-b.profile--shape-k .profile__info--time a strong {
  color: #999;
  font-weight: bold;
}

.profile--base-b.profile--shape-k .profile__info--time time {
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-b.profile--shape-k .profile__info time {
  display: block;
  font-size: 11px;
  color: #999;
  margin-top: -2px;
}

.profile--base-b.profile--shape-k .profile__subscribe {
  margin-top: -2px;
}

.profile--base-b.profile--shape-l:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-l .profile__pic {
  position: relative;
  margin-right: 10px;
  padding: 23px 0;
}

.profile--base-b.profile--shape-l .profile__pic > a:hover .profile__pic__overlay {
  display: block;
}

.profile--base-b.profile--shape-l .profile__pic__overlay {
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
  width: 54px;
  height: 46px;
  padding-top: 8px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.profile--base-b.profile--shape-l .profile__pic__overlay .icon--camera {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -261px -517px;
  width: 22px;
  height: 17px;
}

.profile--base-b.profile--shape-l .profile__pic__overlay span {
  display: inline-block;
  font-size: 11px;
  color: #fff;
  line-height: normal;
  font-weight: normal;
}

.profile--base-b.profile--shape-l .profile__info {
  padding: 30px 0;
}

.profile--base-b.profile--shape-l .profile__info--nick {
  margin-bottom: 5px;
  font-size: 16px !important;
  color: #333 !important;
  line-height: 18px !important;
  font-weight: bold !important;
}

.profile--base-b.profile--shape-l .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-b.profile--shape-l .profile__info--nick .master {
  display: inline-block;
  margin-right: 5px;
  color: #2aaff0;
}

.profile--base-b.profile--shape-l .profile__info--subscribe {
  margin-bottom: 0;
  font-size: 12px !important;
  color: #333 !important;
  line-height: normal !important;
  font-weight: normal !important;
}

.profile--base-b.profile--shape-l .profile__info--subscribe span {
  margin-right: 8px;
}

.profile--base-b.profile--shape-l .profile__info--subscribe span i {
  color: #ff5000;
}

.profile--base-b.profile--shape-l .profile__subscribe {
  padding: 30px 0;
}

.profile--base-b.profile--shape-m:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-b.profile--shape-m .profile__pic {
  margin-right: 10px;
}

.profile--base-b.profile--shape-m .profile__info {
  margin-top: 2px;
}

.profile--base-b.profile--shape-m .profile__info--nick {
  margin-bottom: 5px;
  font-size: 13px !important;
  color: #333 !important;
  line-height: 18px !important;
  font-weight: bold !important;
}

.profile--base-b.profile--shape-m .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-b.profile--shape-m .profile__info--nick .master {
  display: inline-block;
  margin-right: 5px;
  color: #2aaff0;
}

.profile--base-b.profile--shape-m .profile__info--subscribe {
  margin-bottom: 0;
  font-size: 11px !important;
  color: #999 !important;
  line-height: normal !important;
  font-weight: normal !important;
}

.profile--base-b.profile--shape-m .profile__info--subscribe span {
  position: relative;
  margin-left: 10px;
}

.profile--base-b.profile--shape-m .profile__info--subscribe span:first-child {
  margin-left: 0;
}

.profile--base-b.profile--shape-m .profile__info--subscribe span:first-child:after {
  display: none;
}

.profile--base-b.profile--shape-m .profile__info--subscribe span:after {
  content: '';
  position: absolute;
  top: 6px;
  left: -8px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #9c9c9c;
}

.profile--base-c .profile__pic {
  text-align: center;
}

.profile--base-c .profile__pic i {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -181px -537px;
  width: 20px;
  height: 14px;
}

.profile--base-c .profile__info {
  text-align: center;
}

.profile--base-c .profile__subscribe {
  float: right;
  margin-top: 4px;
}

.profile--base-c .profile__subscribe .button {
  margin: 0 3px;
}

.profile--base-c .profile__subscribe .button:last-child {
  margin-right: 0;
}

.profile--base-c.profile--shape-a {
  position: absolute;
  top: 141px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1000;
}

.profile--base-c.profile--shape-a:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-c.profile--shape-a .profile__info {
  margin-top: 6px;
}

.profile--base-c.profile--shape-a .profile__info--nick a {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.profile--base-c.profile--shape-a .profile__info--nick a:hover {
  text-decoration: underline;
}

.profile--base-c.profile--shape-a .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-c.profile--shape-a .profile__info--nick a .platform {
  color: #999;
}

.profile--base-c.profile--shape-a .profile__info--nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.profile--base-c.profile--shape-a .profile__info--time a {
  position: relative;
  margin-right: 5px;
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-c.profile--shape-a .profile__info--time a:before {
  content: '';
  position: absolute;
  top: 8px;
  right: -5px;
  width: 2px;
  height: 2px;
  background-color: #b7b7b7;
}

.profile--base-c.profile--shape-a .profile__info--time a:hover strong {
  text-decoration: underline;
}

.profile--base-c.profile--shape-a .profile__info--time a strong {
  color: #333;
  font-weight: bold;
}

.profile--base-c.profile--shape-a .profile__info--time time {
  display: none;
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-c.profile--shape-a .profile__subscribe {
  margin-top: -2px;
}

.profile--base-c.profile--shape-b {
  position: absolute;
  top: 31px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: 1000;
  height: 90px;
}

.profile--base-c.profile--shape-b:after {
  content: '';
  display: block;
  clear: both;
}

.profile--base-c.profile--shape-b .profile__info {
  margin-top: 5px;
}

.profile--base-c.profile--shape-b .profile__info--nick a {
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.profile--base-c.profile--shape-b .profile__info--nick a:hover {
  text-decoration: underline;
}

.profile--base-c.profile--shape-b .profile__info--nick a:hover .master {
  text-decoration: none;
}

.profile--base-c.profile--shape-b .profile__info--nick a .platform {
  color: #999;
}

.profile--base-c.profile--shape-b .profile__info--nick .master {
  display: inline-block;
  margin-right: 3px;
  color: #069fee;
  font-weight: normal;
}

.profile--base-c.profile--shape-b .profile__info--time a {
  position: relative;
  margin-right: 5px;
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-c.profile--shape-b .profile__info--time a:before {
  content: '';
  position: absolute;
  top: 8px;
  right: -5px;
  width: 2px;
  height: 2px;
  background-color: #b7b7b7;
}

.profile--base-c.profile--shape-b .profile__info--time a:hover strong {
  text-decoration: underline;
}

.profile--base-c.profile--shape-b .profile__info--time a strong {
  color: #333;
  font-weight: bold;
}

.profile--base-c.profile--shape-b .profile__info--time time {
  display: none;
  font-size: 11px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.profile--base-c.profile--shape-b .profile__subscribe {
  margin-top: -2px;
}

/*
#================================================================================
# Public Component:select
# Developer Name:choi dong ho
# Version:1.0
# Date Created:2016.01.04
# -------------------------------------------------------------------------------
# ** Update Information
#--------------------------------------------------------------------------------
# 2016.01.04 - first create
*/

/*
#================================================================================
# Core - Begin
#================================================================================
*/

/*
#================================================================================
# Core - end
#================================================================================
*/

.feed--base-a {
  font-size: 11px;
  color: #999;
}

.feed--base-a.feed--shape-a .icon--clock {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -502px;
  width: 14px;
  height: 13px;
}

.feed--base-a.feed--shape-b .icon--heart {
  vertical-align: middle;
  margin-top: -px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -302px -537px;
  width: 16px;
  height: 13px;
}

.feed--base-a.feed--shape-b .icon--heart.active,
.feed--base-a.feed--shape-b .icon--heart:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -270px -537px;
  width: 16px;
  height: 13px;
}

.feed--base-a.feed--shape-c {
  font-size: 12px;
}

.feed--base-a.feed--shape-c .icon--heart {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -302px -537px;
  width: 16px;
  height: 13px;
}

.feed--base-a.feed--shape-c:hover .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -270px -537px;
  width: 16px;
  height: 13px;
}

.feed--base-a.feed--shape-d .icon--comment {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -238px -537px;
  width: 16px;
  height: 13px;
}

.feed--base-a.feed--shape-e .icon--allow {
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -151px -240px;
  width: 10px;
  height: 6px;
}

.feed--base-a.feed--shape-e:hover .icon--allow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -131px -240px;
  width: 10px;
  height: 6px;
}

/*
#================================================================================
# Public Component: select
# Developer Name: choi dong ho
# Version: 1.0
# Date Created: 2016.01.04
# -------------------------------------------------------------------------------
# ** Update Information
#--------------------------------------------------------------------------------
# 2016.01.04 - first create
*/

/*
#================================================================================
# Core - Begin
#================================================================================
*/

/*
#================================================================================
# Core - end
#================================================================================
*/

.pagination {
  margin: 20px 0;
  text-align: center;
}

.pagination--text-left {
  text-align: left;
}

.pagination__list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.pagination__item {
  margin: 0 -2px;
  display: inline-block;
  vertical-align: top;
}

.pagination__link {
  display: block;
  width: 32px;
  height: 32px;
  font-size: 12px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
  font-family: tahoma;
  text-decoration: none;
  text-align: center;
}

.pagination__link--first,
.pagination__link--prev,
.pagination__link--next,
.pagination__link--last {
  position: relative;
  text-indent: -1000em;
}

.pagination__link--first:after,
.pagination__link--prev:after,
.pagination__link--next:after,
.pagination__link--last:after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 50%;
}

.pagination__link--first:after {
  display: inline-block;
  margin: -4px 0 0 -4px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -94px;
  width: 8px;
  height: 8px;
}

.pagination__link--first:hover:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -86px;
  width: 8px;
  height: 8px;
}

.pagination__link--prev:after {
  display: inline-block;
  margin: -4px 0 0 -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -609px -454px;
  width: 4px;
  height: 8px;
}

.pagination__link--prev:hover:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -609px -444px;
  width: 4px;
  height: 8px;
}

.pagination__link--next:after {
  display: inline-block;
  margin: -4px 0 0 -2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -608px -579px;
  width: 4px;
  height: 8px;
}

.pagination__link--next:hover:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -579px;
  width: 4px;
  height: 8px;
}

.pagination__link--last:after {
  display: inline-block;
  margin: -4px 0 0 -4px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -110px;
  width: 8px;
  height: 8px;
}

.pagination__link--last:hover:after {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -102px;
  width: 8px;
  height: 8px;
}

.pagination__link.is-active,
.pagination__link:hover {
  color: #ff5000;
}

.pagination__link.is-active {
  text-decoration: underline;
}

.search {
  width: 922px;
  margin: 0 auto;
  text-align: center;
}

.search:after {
  content: '';
  display: block;
  clear: both;
}

.search__selectbox {
  display: inline-block;
  margin-right: 6px;
}

.search__selectbox .select--base-a {
  width: 127px;
  border-color: #d9d9d9;
}

.search__inputbox {
  position: relative;
  display: inline-block;
}

.search__inputbox input {
  width: 261px;
  height: 28px;
  padding-left: 13px;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
}

.search__inputbox__button {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 32px;
  height: 28px;
  padding-top: 5px;
  background-color: #fff;
  border: none;
}

.slider--base-a {
  position: relative;
}

.slider--base-a .slider__screen {
  margin: 0 auto;
  overflow: hidden;
}

.slider--base-a .slider__control {
  position: absolute;
}

.slider--base-a .slider__control .button {
  position: absolute;
  border: none;
  background: none;
  overflow: hidden;
}

.slider--base-a .slider__dot {
  display: table;
}

.slider--base-a .slider__dot ul:after {
  content: '';
  display: block;
  clear: both;
}

.slider--base-a .slider__dot li {
  float: left;
  text-indent: -9999px;
  cursor: pointer;
}

.slider--base-a.slider--shape-a .slider__screen {
  position: relative;
  width: 873px;
  height: 274px;
  left: 7px;
  overflow: hidden;
}

.slider--base-a.slider--shape-a .slider__screen ul {
  width: 873px;
  position: absolute;
}

.slider--base-a.slider--shape-a .slider__screen ul li {
  margin-left: 20px;
  float: left;
}

.slider--base-a.slider--shape-a .slider__screen ul li:first-child {
  margin-left: 0px;
}

.slider--base-a.slider--shape-a .slider__control {
  top: 121px;
  width: 100%;
}

.slider--base-a.slider--shape-a .slider__control .button {
  top: 0;
  height: 18px;
}

.slider--base-a.slider--shape-a .slider__control .button--prev {
  left: 20px;
}

.slider--base-a.slider--shape-a .slider__control .button--prev .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -205px;
  width: 11px;
  height: 18px;
}

.slider--base-a.slider--shape-a .slider__control .button--prev .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -187px;
  width: 11px;
  height: 18px;
}

.slider--base-a.slider--shape-a .slider__control .button--next {
  right: 20px;
}

.slider--base-a.slider--shape-a .slider__control .button--next .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -241px;
  width: 11px;
  height: 18px;
}

.slider--base-a.slider--shape-a .slider__control .button--next .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -223px;
  width: 11px;
  height: 18px;
}

.slider--base-a.slider--shape-a .slider__dot {
  margin: 15px auto 0;
}

.slider--base-a.slider--shape-a .slider__dot li {
  margin-left: 7px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -569px;
  width: 6px;
  height: 6px;
}

.slider--base-a.slider--shape-a .slider__dot li:first-child {
  margin-left: 0;
}

.slider--base-a.slider--shape-a .slider__dot li:hover,
.slider--base-a.slider--shape-a .slider__dot li.is-active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -563px;
  width: 6px;
  height: 6px;
}

.slider--base-a.slider--shape-b .slider__screen {
  position: relative;
  width: 1024px;
  height: 274px;
  overflow: hidden;
}

.slider--base-a.slider--shape-b .slider__screen ul {
  width: 1024px;
  position: absolute;
}

.slider--base-a.slider--shape-b .slider__screen ul li {
  margin-left: 20px;
  float: left;
}

.slider--base-a.slider--shape-b .slider__screen ul li:first-child {
  margin-left: 0px;
}

.slider--base-a.slider--shape-b .slider__control {
  top: -33px;
  right: -30px;
  width: 105px;
}

.slider--base-a.slider--shape-b .slider__control .button {
  top: 0;
  height: 20px;
}

.slider--base-a.slider--shape-b .slider__control .button--prev {
  left: 30px;
}

.slider--base-a.slider--shape-b .slider__control .button--prev .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -338px -447px;
  width: 20px;
  height: 20px;
}

.slider--base-a.slider--shape-b .slider__control .button--prev .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -358px -447px;
  width: 20px;
  height: 20px;
}

.slider--base-a.slider--shape-b .slider__control .button--next {
  right: 30px;
}

.slider--base-a.slider--shape-b .slider__control .button--next .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -398px -447px;
  width: 20px;
  height: 20px;
}

.slider--base-a.slider--shape-b .slider__control .button--next .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -418px -447px;
  width: 20px;
  height: 20px;
}

.slider--base-a.slider--shape-b .slider__dot {
  margin: 15px auto 0;
}

.slider--base-a.slider--shape-b .slider__dot li {
  margin-left: 7px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -569px;
  width: 6px;
  height: 6px;
}

.slider--base-a.slider--shape-b .slider__dot li:first-child {
  margin-left: 0;
}

.slider--base-a.slider--shape-b .slider__dot li:hover,
.slider--base-a.slider--shape-b .slider__dot li.is-active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -563px;
  width: 6px;
  height: 6px;
}

.slider--base-a.slider--shape-c .slider__screen {
  position: relative;
  width: 763px;
  height: 410px;
  overflow: hidden;
}

.slider--base-a.slider--shape-c .slider__screen ul {
  width: 763px;
  bottom: 0;
  position: absolute;
}

.slider--base-a.slider--shape-c .slider__screen ul li {
  position: relative;
  bottom: 0;
}

.slider--base-a.slider--shape-c .slider__screen ul li img {
  width: 763px;
  height: auto;
}

.slider--base-a.slider--shape-c .slider__control {
  top: 212px;
  width: 100%;
}

.slider--base-a.slider--shape-c .slider__control .button {
  top: 0;
  height: 38px;
  z-index: 1;
}

.slider--base-a.slider--shape-c .slider__control .button--prev {
  left: 16px;
}

.slider--base-a.slider--shape-c .slider__control .button--prev .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -155px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-c .slider__control .button--prev .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -134px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-c .slider__control .button--next {
  right: 16px;
}

.slider--base-a.slider--shape-c .slider__control .button--next .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -197px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-c .slider__control .button--next .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -176px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-c .slider__dot {
  position: absolute;
  bottom: 26px;
  left: 60px;
}

.slider--base-a.slider--shape-c .slider__dot li {
  width: 12px;
  height: 12px;
  margin: 0 4px;
  text-indent: -1000em;
  border-radius: 14px;
  overflow: hidden;
  background-color: #fff;
  opacity: 0.3;
  border: 1px solid #fff;
}

.slider--base-a.slider--shape-c .slider__dot li:hover,
.slider--base-a.slider--shape-c .slider__dot li.is-active {
  background-color: #f0562d;
  border: 1px solid #f0562d;
  opacity: 1;
}

.slider--base-a.slider--shape-c .slider__control {
  top: 212px;
  width: 100%;
}

.slider--base-a.slider--shape-c .slider__control .button {
  top: 0;
  height: 38px;
  z-index: 1;
}

.slider--base-a.slider--shape-c .slider__control .button--prev {
  left: 16px;
}

.slider--base-a.slider--shape-c .slider__control .button--prev .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -155px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-c .slider__control .button--prev .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -134px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-c .slider__control .button--next {
  right: 16px;
}

.slider--base-a.slider--shape-c .slider__control .button--next .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -197px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-c .slider__control .button--next .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -176px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-d .slider__screen--quick {
  height: 425px;
}

.slider--base-a.slider--shape-d .slider__screen--quick ul {
  height: 425px;
}

.slider--base-a.slider--shape-d .slider__screen--quick li {
  bottom: 0;
}

.slider--base-a.slider--shape-d .slider__screen {
  height: 425px;
}

.slider--base-a.slider--shape-d .slider__screen ul {
  height: 425px;
}

.slider--base-a.slider--shape-d .slider__screen li {
  bottom: 0;
}

.slider--base-a.slider--shape-d .slider__control {
  top: 212px;
  width: 100%;
}

.slider--base-a.slider--shape-d .slider__control .button {
  top: 0;
  height: 38px;
  z-index: 1;
}

.slider--base-a.slider--shape-d .slider__control .button--prev {
  left: 16px;
}

.slider--base-a.slider--shape-d .slider__control .button--prev .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -155px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-d .slider__control .button--prev .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -134px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-d .slider__control .button--next {
  right: 16px;
}

.slider--base-a.slider--shape-d .slider__control .button--next .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -197px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-d .slider__control .button--next .icon:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -176px -400px;
  width: 21px;
  height: 38px;
}

.slider--base-a.slider--shape-d .slider__dot {
  position: relative;
  margin: -41px auto;
}

.slider--base-a.slider--shape-d .slider__dot li {
  margin: 0 4px;
  width: 14px;
  height: 14px;
  text-indent: -1000em;
  border-radius: 50%;
  overflow: hidden;
  background-color: #666;
}

.slider--base-a.slider--shape-d .slider__dot li:hover,
.slider--base-a.slider--shape-d .slider__dot li.is-active {
  background-color: #f0562d;
}

.slider--base-a.slider--shape-e .slider__screen {
  position: relative;
  width: 328px;
  height: 185px;
  overflow: hidden;
}

.slider--base-a.slider--shape-e .slider__screen ul {
  width: 328px;
  bottom: 0;
  position: absolute;
}

.slider--base-a.slider--shape-e .slider__screen ul li {
  position: relative;
  bottom: 0;
}

.slider--base-a.slider--shape-e .slider__screen ul li a img {
  width: 328px;
  height: 185px;
}

.slider--base-a.slider--shape-e .slider__line {
  position: absolute;
  background: #000;
  display: block;
  opacity: 0.1;
}

.slider--base-a.slider--shape-e .slider__line.line-top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
}

.slider--base-a.slider--shape-e .slider__line.line-right {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}

.slider--base-a.slider--shape-e .slider__line.line-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
}

.slider--base-a.slider--shape-e .slider__line.line-left {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
}

.slider--base-a.slider--shape-e .slider__control {
  top: 72px;
  width: 100%;
}

.slider--base-a.slider--shape-e .slider__control .button {
  top: 0;
  z-index: 1;
  width: 33px;
  height: 39px;
}

.slider--base-a.slider--shape-e .slider__control .button span {
  width: 33px;
  height: 39px;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
  display: none;
}

.slider--base-a.slider--shape-e .slider__control .button--prev {
  left: 0;
}

.slider--base-a.slider--shape-e .slider__control .button--prev .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -36px;
  width: 11px;
  height: 20px;
}

.slider--base-a.slider--shape-e .slider__control .button--prev:hover span {
  display: block;
}

.slider--base-a.slider--shape-e .slider__control .button--prev:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -16px;
  width: 11px;
  height: 20px;
}

.slider--base-a.slider--shape-e .slider__control .button--next {
  right: 0;
}

.slider--base-a.slider--shape-e .slider__control .button--next .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -76px;
  width: 11px;
  height: 20px;
}

.slider--base-a.slider--shape-e .slider__control .button--next:hover span {
  display: block;
}

.slider--base-a.slider--shape-e .slider__control .button--next:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -56px;
  width: 11px;
  height: 20px;
}

.slider--base-a.slider--shape-e .slider__dot {
  position: absolute;
  left: 0;
  bottom: 14px;
  text-align: center;
  z-index: 1;
  width: 100%;
  font-size: 0;
  line-height: 0;
}

.slider--base-a.slider--shape-e .slider__dot ul {
  text-align: center;
}

.slider--base-a.slider--shape-e .slider__dot ul li {
  float: none;
  margin: 0 4px;
  width: 12px;
  height: 12px;
  text-indent: -1000em;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #c1c1c1;
}

.slider--base-a.slider--shape-e .slider__dot ul li:hover,
.slider--base-a.slider--shape-e .slider__dot ul li.is-active {
  background-color: #f0562d;
  border: 0;
  width: 14px;
  height: 14px;
}

.slider--base-a.slider--shape-e .slider__bar {
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 328px;
  height: 39px;
  background: #000;
  opacity: 0.5;
}

.slider--base-a.slider--shape-f {
  height: 152px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}

.slider--base-a.slider--shape-f .slider__screen {
  position: relative;
  width: 239px;
  height: 123px;
  overflow: hidden;
}

.slider--base-a.slider--shape-f .slider__screen ul {
  position: absolute;
  bottom: 0;
  width: 241px;
}

.slider--base-a.slider--shape-f .slider__screen ul li {
  position: relative;
  bottom: 0;
}

.slider--base-a.slider--shape-f .slider__screen ul li a img {
  width: 241px;
  height: 124px;
}

.slider--base-a.slider--shape-f .slider__line {
  position: absolute;
  background: #000;
  display: block;
  opacity: 0.1;
}

.slider--base-a.slider--shape-f .slider__line.line-top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
}

.slider--base-a.slider--shape-f .slider__line.line-right {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}

.slider--base-a.slider--shape-f .slider__line.line-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
}

.slider--base-a.slider--shape-f .slider__line.line-left {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
}

.slider--base-a.slider--shape-f .slider__control {
  width: 100%;
  border-top: 1px solid #d9d9d9;
  z-index: 2;
}

.slider--base-a.slider--shape-f .slider__control .button {
  width: 29px;
  height: 28px;
  outline: none;
}

.slider--base-a.slider--shape-f .slider__control .button--prev {
  left: 0px;
}

.slider--base-a.slider--shape-f .slider__control .button--prev .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -345px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-f .slider__control .button--prev:hover {
  border-right: 1px solid #ebebeb;
}

.slider--base-a.slider--shape-f .slider__control .button--prev:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -336px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-f .slider__control .button--next {
  right: 0;
}

.slider--base-a.slider--shape-f .slider__control .button--next .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -408px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-f .slider__control .button--next:hover {
  right: 1px;
  border-left: 1px solid #ebebeb;
}

.slider--base-a.slider--shape-f .slider__control .button--next:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -390px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-f .slider__dot {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}

.slider--base-a.slider--shape-f .slider__dot li {
  float: inherit;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  border-radius: 8px;
  background-color: #e1e1e1;
  overflow: hidden;
}

.slider--base-a.slider--shape-f .slider__dot li:hover,
.slider--base-a.slider--shape-f .slider__dot li.is-active {
  background-color: #f0562d;
}

.slider--base-a.slider--shape-f .slider__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 328px;
  height: 39px;
  background: #000;
  opacity: 0.5;
}

.slider--base-a.slider--shape-g {
  height: 242px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}

.slider--base-a.slider--shape-g .slider__screen {
  position: relative;
  width: 218px;
  height: 213px;
  overflow: hidden;
}

.slider--base-a.slider--shape-g .slider__screen ul {
  position: absolute;
  bottom: 0;
  width: 218px;
}

.slider--base-a.slider--shape-g .slider__screen ul li {
  position: relative;
  bottom: 0;
}

.slider--base-a.slider--shape-g .slider__screen ul li a img {
  width: 218px;
  height: 213px;
}

.slider--base-a.slider--shape-g .slider__line {
  position: absolute;
  background: #000;
  display: block;
  opacity: 0.1;
}

.slider--base-a.slider--shape-g .slider__line.line-top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
}

.slider--base-a.slider--shape-g .slider__line.line-right {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}

.slider--base-a.slider--shape-g .slider__line.line-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
}

.slider--base-a.slider--shape-g .slider__line.line-left {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
}

.slider--base-a.slider--shape-g .slider__control {
  width: 100%;
  border-top: 1px solid #d9d9d9;
  z-index: 2;
}

.slider--base-a.slider--shape-g .slider__control .button {
  width: 29px;
  height: 28px;
  outline: none;
}

.slider--base-a.slider--shape-g .slider__control .button--prev {
  left: 0px;
}

.slider--base-a.slider--shape-g .slider__control .button--prev .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -345px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-g .slider__control .button--prev:hover {
  border-right: 1px solid #ebebeb;
}

.slider--base-a.slider--shape-g .slider__control .button--prev:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -336px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-g .slider__control .button--next {
  right: 0;
}

.slider--base-a.slider--shape-g .slider__control .button--next .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -408px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-g .slider__control .button--next:hover {
  right: 1px;
  border-left: 1px solid #ebebeb;
}

.slider--base-a.slider--shape-g .slider__control .button--next:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -390px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-g .slider__dot {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}

.slider--base-a.slider--shape-g .slider__dot li {
  float: inherit;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  border-radius: 8px;
  background-color: #e1e1e1;
  overflow: hidden;
}

.slider--base-a.slider--shape-g .slider__dot li:hover,
.slider--base-a.slider--shape-g .slider__dot li.is-active {
  background-color: #f0562d;
}

.slider--base-a.slider--shape-g .slider__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 328px;
  height: 39px;
  background: #000;
  opacity: 0.5;
}

.slider--base-a.slider--shape-h {
  position: relative;
  height: 290px;
  margin-bottom: 16px;
  background-color: #fff;
}

.slider--base-a.slider--shape-h .slider__screen {
  position: relative;
  width: 304px;
  height: 290px;
  overflow: hidden;
}

.slider--base-a.slider--shape-h .slider__screen ul {
  position: absolute;
  bottom: 0;
  width: 304px;
}

.slider--base-a.slider--shape-h .slider__screen ul li {
  position: relative;
  bottom: 0;
}

.slider--base-a.slider--shape-h .slider__screen ul li a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 302px;
  height: 288px;
  border: 1px solid rgba(217, 217, 217, 0.3);
  clear: both;
}

.slider--base-a.slider--shape-h .slider__screen ul li a img {
  width: 100%;
  height: 100%;
}

.slider--base-a.slider--shape-h .slider__line {
  position: absolute;
  background: #000;
  display: block;
  opacity: 0.1;
}

.slider--base-a.slider--shape-h .slider__line.line-top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
}

.slider--base-a.slider--shape-h .slider__line.line-right {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}

.slider--base-a.slider--shape-h .slider__line.line-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
}

.slider--base-a.slider--shape-h .slider__line.line-left {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
}

.slider--base-a.slider--shape-h .slider__bg {
  position: absolute;
  bottom: 0;
  width: 304px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
}

.slider--base-a.slider--shape-h .slider__control {
  width: 302px;
  z-index: 2;
}

.slider--base-a.slider--shape-h .slider__control .button {
  width: 26px;
  height: 40px;
  outline: none;
}

.slider--base-a.slider--shape-h .slider__control .button--prev {
  left: 0px;
}

.slider--base-a.slider--shape-h .slider__control .button--prev .icon {
  top: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -130px;
  width: 11px;
  height: 19px;
}

.slider--base-a.slider--shape-h .slider__control .button--prev:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.slider--base-a.slider--shape-h .slider__control .button--prev:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -111px;
  width: 11px;
  height: 19px;
}

.slider--base-a.slider--shape-h .slider__control .button--next {
  right: -2px;
}

.slider--base-a.slider--shape-h .slider__control .button--next .icon {
  top: 2px;
  left: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -168px;
  width: 11px;
  height: 19px;
}

.slider--base-a.slider--shape-h .slider__control .button--next:hover {
  right: -1px;
  background-color: rgba(0, 0, 0, 0.5);
}

.slider--base-a.slider--shape-h .slider__control .button--next:hover .icon {
  left: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -149px;
  width: 11px;
  height: 19px;
}

.slider--base-a.slider--shape-h .slider__dot {
  position: absolute;
  left: 0;
  bottom: 14px;
  width: 100%;
  text-align: center;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}

.slider--base-a.slider--shape-h .slider__dot li {
  float: inherit;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 3px;
  border-radius: 13px;
  background-color: #e1e1e1;
  overflow: hidden;
}

.slider--base-a.slider--shape-h .slider__dot li:hover,
.slider--base-a.slider--shape-h .slider__dot li.is-active {
  background-color: #f0562d;
}

.slider--base-a.slider--shape-h .slider__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 328px;
  height: 39px;
  background: #000;
  opacity: 0.5;
}

.slider--base-a.slider--shape-i {
  height: 364px;
  border: 1px solid #d9d9d9;
  padding-top: 63px;
  overflow: hidden;
  background-color: #000;
}

.slider--base-a.slider--shape-i .slider__screen {
  position: relative;
  background-color: #000;
  width: 1900px;
  height: 364px;
  margin-left: -950px;
  left: 50%;
  overflow: hidden;
}

.slider--base-a.slider--shape-i .slider__bg {
  position: absolute;
  width: 100%;
  height: 364px;
  top: 63px;
  left: 0px;
}

.slider--base-a.slider--shape-i .slider__bg div {
  position: absolute;
  background-color: #000;
  width: 100%;
  opacity: 0;
  height: 364px;
}

.slider--base-a.slider--shape-i .slider__screen {
  position: relative;
  background-color: #000;
  width: 1900px;
  height: 364px;
  margin-left: -950px;
  left: 50%;
  overflow: hidden;
}

.slider--base-a.slider--shape-i .slider__screen ul {
  position: absolute;
  bottom: 0;
  width: 1900px;
}

.slider--base-a.slider--shape-i .slider__screen ul li {
  position: absolute;
  opacity: 0;
  bottom: 0;
}

.slider--base-a.slider--shape-i .slider__screen ul li dl {
  position: absolute;
  top: 89px;
  left: 358px;
}

.slider--base-a.slider--shape-i .slider__screen ul li dt {
  font-family: 'Nanum Barun Gothic', sans-serif;
  font-size: 46px;
  color: #fff;
  padding-bottom: 16px;
  text-shadow: 0px 2px 1px #000000;
}

.slider--base-a.slider--shape-i .slider__screen ul li dd {
  text-shadow: 0px 2px 1px #000000;
  font-family: 'Nanum Barun Gothic', sans-serif;
  font-size: 18px;
  padding-bottom: 8px;
  color: #fff;
  opacity: 0.8;
}

.slider--base-a.slider--shape-i .slider__screen ul li a img {
  width: 1900px;
  height: 364px;
}

.slider--base-a.slider--shape-i .slider__line {
  position: absolute;
  background: #000;
  display: block;
  opacity: 0.1;
}

.slider--base-a.slider--shape-i .slider__line.line-top {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
}

.slider--base-a.slider--shape-i .slider__line.line-right {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}

.slider--base-a.slider--shape-i .slider__line.line-bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
}

.slider--base-a.slider--shape-i .slider__line.line-left {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
}

.slider--base-a.slider--shape-i .slider__control {
  width: 100%;
  border-top: 1px solid #d9d9d9;
  z-index: 2;
}

.slider--base-a.slider--shape-i .slider__control .button {
  width: 29px;
  height: 28px;
  outline: none;
}

.slider--base-a.slider--shape-i .slider__control .button--prev {
  left: 0px;
}

.slider--base-a.slider--shape-i .slider__control .button--prev .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -345px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-i .slider__control .button--prev:hover {
  border-right: 1px solid #ebebeb;
}

.slider--base-a.slider--shape-i .slider__control .button--prev:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -336px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-i .slider__control .button--next {
  right: 0;
}

.slider--base-a.slider--shape-i .slider__control .button--next .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -408px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-i .slider__control .button--next:hover {
  right: 1px;
  border-left: 1px solid #ebebeb;
}

.slider--base-a.slider--shape-i .slider__control .button--next:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -390px;
  width: 6px;
  height: 9px;
}

.slider--base-a.slider--shape-i .slider__nav {
  position: relative;
  top: -50px;
  height: 50px;
  width: 100%;
}

.slider--base-a.slider--shape-i .slider__nav ul {
  position: relative;
  z-index: 1;
  height: 50px;
  width: 1200px;
  margin: 0 auto;
}

.slider--base-a.slider--shape-i .slider__nav ul li {
  border-left: 1px solid #402831;
  width: 238.5px;
  height: 50px;
  position: relative;
  float: left;
  text-align: center;
  display: none;
}

.slider--base-a.slider--shape-i .slider__nav ul li a {
  color: #fff;
  display: block;
  padding-top: 14px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  opacity: 0.5;
}

.slider--base-a.slider--shape-i .slider__nav ul li .topbar {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #f0562d;
}

.slider--base-a.slider--shape-i .slider__nav ul li.is-last {
  border-right: 1px solid #402831;
}

.slider--base-a.slider--shape-i .slider__nav .bg {
  position: relative;
  top: -50px;
  background-color: #000;
  opacity: 0.5;
  height: 50px;
  width: 100%;
}

.slider--base-a.slider--shape-i .slider__dot {
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}

.slider--base-a.slider--shape-i .slider__dot li {
  float: inherit;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  border-radius: 8px;
  background-color: #e1e1e1;
  overflow: hidden;
}

.slider--base-a.slider--shape-i .slider__dot li:hover,
.slider--base-a.slider--shape-i .slider__dot li.is-active {
  background-color: #f0562d;
}

.slider--base-a.slider--shape-i .slider__bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 328px;
  height: 39px;
  background: #000;
  opacity: 0.5;
}

.slider--base-a.slider--shape-j {
  position: relative;
  height: 316px;
  background-color: #fff;
}

.slider--base-a.slider--shape-j:hover .slider__control {
  display: block;
}

.slider--base-a.slider--shape-j .slider__screen {
  position: relative;
  height: 316px;
  overflow: hidden;
}

.slider--base-a.slider--shape-j .slider__screen > ul {
  position: absolute;
  bottom: 0;
}

.slider--base-a.slider--shape-j .slider__screen > ul > li {
  position: relative;
  bottom: 0;
}

.slider--base-a.slider--shape-j .slider__bg {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.slider--base-a.slider--shape-j .slider__control {
  display: none;
  width: 100%;
  z-index: 2;
}

.slider--base-a.slider--shape-j .slider__control .button {
  width: 43px;
  height: 56px;
  bottom: 130px;
  outline: none;
  border-radius: 0;
}

.slider--base-a.slider--shape-j .slider__control .button--prev {
  left: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -310px -56px;
  width: 43px;
  height: 56px;
}

.slider--base-a.slider--shape-j .slider__control .button--prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -310px 0px;
  width: 43px;
  height: 56px;
}

.slider--base-a.slider--shape-j .slider__control .button--next {
  right: 0;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -310px -168px;
  width: 43px;
  height: 56px;
}

.slider--base-a.slider--shape-j .slider__control .button--next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -310px -112px;
  width: 43px;
  height: 56px;
}

.slider--base-a.slider--shape-j .slider__dot {
  position: absolute;
  left: 0;
  bottom: 14px;
  width: 597px;
  text-align: center;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}

.slider--base-a.slider--shape-j .slider__dot li {
  float: inherit;
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 3px;
  border-radius: 13px;
  background-color: #b7b7b7;
  overflow: hidden;
}

.slider--base-a.slider--shape-j .slider__dot li:hover,
.slider--base-a.slider--shape-j .slider__dot li.is-active {
  background-color: #ff5000;
}

.slider--base-a.slider--shape-k {
  position: relative;
  height: 354px;
  background-color: #fff;
}

.slider--base-a.slider--shape-k .slider__screen {
  position: relative;
  width: 478px;
  height: 354px;
}

.slider--base-a.slider--shape-k .slider__screen ul {
  position: absolute;
  bottom: 0;
  width: 478px;
}

.slider--base-a.slider--shape-k .slider__screen ul li {
  position: relative;
  bottom: 0;
}

.slider--base-a.slider--shape-k .slider__screen ul li a {
  display: block;
  height: 354px;
}

.slider--base-a.slider--shape-k .slider__screen ul li a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 476px;
  height: 352px;
  border: 1px solid rgba(217, 217, 217, 0.3);
  clear: both;
}

.slider--base-a.slider--shape-k .slider__screen ul li a img {
  width: 100%;
  height: 100%;
}

.slider--base-a.slider--shape-k .slider__screen ul li a .mark {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 44px;
  text-align: center;
  background-color: #ff5000;
}

.slider--base-a.slider--shape-k .slider__screen ul li a .mark i {
  display: table-cell;
  vertical-align: middle;
  font-size: 11px;
  color: #fff;
  line-height: 14px;
  font-weight: bold;
}

.slider--base-a.slider--shape-k .slider__screen__title {
  position: absolute;
  bottom: 9px;
  left: 14px;
  z-index: 1;
}

.slider--base-a.slider--shape-k .slider__screen__title a {
  display: block;
  height: 16px !important;
  letter-spacing: -0.5px;
  pointer-events: none;
  cursor: default;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
}

.slider--base-a.slider--shape-k .slider__screen__title a:after {
  display: none !important;
}

.slider--base-a.slider--shape-k .slider__title {
  position: absolute;
  top: 7px;
  left: 14px;
}

.slider--base-a.slider--shape-k .slider__title a {
  display: block;
  letter-spacing: -0.5px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
}

.slider--base-a.slider--shape-k .slider__title a:hover {
  text-decoration: underline;
}

.slider--base-a.slider--shape-k .slider__bg {
  position: absolute;
  bottom: 0;
  width: 478px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.4);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000);
  zoom: 1;
}

.slider--base-a.slider--shape-k .slider__control {
  top: 2px;
  right: 9px;
  width: 87px;
  z-index: 2;
}

.slider--base-a.slider--shape-k .slider__control .button {
  width: 24px;
  height: 24px;
  outline: none;
}

.slider--base-a.slider--shape-k .slider__control .button--prev {
  left: 0;
}

.slider--base-a.slider--shape-k .slider__control .button--prev .icon {
  top: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -353px;
  width: 8px;
  height: 12px;
}

.slider--base-a.slider--shape-k .slider__control .button--next {
  right: -2px;
}

.slider--base-a.slider--shape-k .slider__control .button--next .icon {
  top: 2px;
  left: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -365px;
  width: 8px;
  height: 12px;
}

.slider--base-a.slider--shape-k .slider__dot {
  position: absolute;
  right: 33px;
  bottom: 14px;
  text-align: center;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}

.slider--base-a.slider--shape-k .slider__dot li {
  float: inherit;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 3px;
  border-radius: 13px;
  background-color: #e1e1e1;
  overflow: hidden;
}

.slider--base-a.slider--shape-k .slider__dot li:hover,
.slider--base-a.slider--shape-k .slider__dot li.is-active {
  background-color: #f0562d;
}

.slider--base-a.slider--shape-k .slider__num {
  position: relative;
  top: 4px;
  width: 38px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
}

.slider--base-a.slider--shape-k .slider__num:after {
  content: '';
  display: block;
  clear: both;
}

.slider--base-a.slider--shape-k .slider__num .current__num {
  display: inline-block;
  width: 50%;
  color: #ff5000;
}

.slider--base-a.slider--shape-k .slider__num .end__num {
  position: relative;
  display: inline-block;
  width: 50%;
}

.slider--base-a.slider--shape-k .slider__num .end__num:before {
  content: '/';
  position: absolute;
  top: 0;
  left: -2px;
}

.slider--base-a.slider--shape-l {
  position: relative;
  height: 240px;
  background-color: #fff;
}

.slider--base-a.slider--shape-l .slider__screen {
  position: relative;
  width: 478px;
  height: 240px;
}

.slider--base-a.slider--shape-l .slider__screen ul {
  position: absolute;
  bottom: 0;
  width: 478px;
}

.slider--base-a.slider--shape-l .slider__screen ul li {
  position: relative;
  bottom: 0;
}

.slider--base-a.slider--shape-l .slider__screen ul li a {
  display: block;
  height: 240px;
}

.slider--base-a.slider--shape-l .slider__screen ul li a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 476px;
  height: 238px;
  border: 1px solid rgba(217, 217, 217, 0.3);
  clear: both;
}

.slider--base-a.slider--shape-l .slider__screen ul li a img {
  width: 100%;
  height: 100%;
}

.slider--base-a.slider--shape-l .slider__screen ul li a .mark {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 44px;
  text-align: center;
  background-color: #ff5000;
}

.slider--base-a.slider--shape-l .slider__screen ul li a .mark i {
  display: table-cell;
  vertical-align: middle;
  font-size: 11px;
  color: #fff;
  line-height: 14px;
  font-weight: bold;
}

.slider--base-a.slider--shape-l .slider__screen__title {
  position: absolute;
  bottom: 9px;
  left: 14px;
  z-index: 1;
}

.slider--base-a.slider--shape-l .slider__screen__title a {
  display: block;
  height: 16px !important;
  letter-spacing: -0.5px;
  pointer-events: none;
  cursor: default;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
}

.slider--base-a.slider--shape-l .slider__screen__title a:after {
  display: none !important;
}

.slider--base-a.slider--shape-l .slider__title {
  position: absolute;
  top: 7px;
  left: 14px;
}

.slider--base-a.slider--shape-l .slider__title a {
  display: block;
  letter-spacing: -0.5px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
}

.slider--base-a.slider--shape-l .slider__title a:hover {
  text-decoration: underline;
}

.slider--base-a.slider--shape-l .slider__bg {
  position: absolute;
  bottom: 0;
  width: 478px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.4);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#66000000, endColorStr=#66000000);
  zoom: 1;
}

.slider--base-a.slider--shape-l .slider__control {
  top: 2px;
  right: 9px;
  width: 87px;
  z-index: 2;
}

.slider--base-a.slider--shape-l .slider__control .button {
  width: 24px;
  height: 24px;
  outline: none;
}

.slider--base-a.slider--shape-l .slider__control .button--prev {
  left: 0;
}

.slider--base-a.slider--shape-l .slider__control .button--prev .icon {
  top: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -353px;
  width: 8px;
  height: 12px;
}

.slider--base-a.slider--shape-l .slider__control .button--next {
  right: -2px;
}

.slider--base-a.slider--shape-l .slider__control .button--next .icon {
  top: 2px;
  left: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -613px -365px;
  width: 8px;
  height: 12px;
}

.slider--base-a.slider--shape-l .slider__dot {
  position: absolute;
  right: 33px;
  bottom: 14px;
  text-align: center;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}

.slider--base-a.slider--shape-l .slider__dot li {
  float: inherit;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 0 3px;
  border-radius: 13px;
  background-color: #e1e1e1;
  overflow: hidden;
}

.slider--base-a.slider--shape-l .slider__dot li:hover,
.slider--base-a.slider--shape-l .slider__dot li.is-active {
  background-color: #f0562d;
}

.slider--base-a.slider--shape-l .slider__num {
  position: relative;
  top: 4px;
  width: 38px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: normal;
}

.slider--base-a.slider--shape-l .slider__num:after {
  content: '';
  display: block;
  clear: both;
}

.slider--base-a.slider--shape-l .slider__num .current__num {
  display: inline-block;
  width: 50%;
  color: #ff5000;
}

.slider--base-a.slider--shape-l .slider__num .end__num {
  position: relative;
  display: inline-block;
  width: 50%;
}

.slider--base-a.slider--shape-l .slider__num .end__num:before {
  content: '/';
  position: absolute;
  top: 0;
  left: -2px;
}

.slider--base-a.slider--shape-m {
  position: relative;
  width: 966px;
  height: 138px;
  padding: 30px 0;
  border: 1px solid #bac8cc;
  background-color: #cedde2;
}

.slider--base-a.slider--shape-m .slider__screen {
  max-width: 830px;
  height: 138px;
  margin: 0 auto;
  overflow: hidden;
}

.slider--base-a.slider--shape-m .slider__screen ul:after {
  content: '';
  display: block;
  clear: both;
}

.slider--base-a.slider--shape-m .slider__screen li {
  float: left;
  margin-left: 10px;
}

.slider--base-a.slider--shape-m .slider__screen li:first-child {
  margin-left: 0;
}

.slider--base-a.slider--shape-m .slider__screen li a {
  position: relative;
  display: block;
  width: 200px;
  height: 138px;
}

.slider--base-a.slider--shape-m .slider__screen li a:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid rgba(34, 34, 34, 0.14);
}

.slider--base-a.slider--shape-m .slider__screen li a img {
  width: 100%;
}

.slider--base-a.slider--shape-m .slider__screen li a .slider__bg {
  position: absolute;
  bottom: 0;
  width: 176px;
  height: 38px;
  padding: 12px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
}

.slider--base-a.slider--shape-m .slider__screen li a .slider__bg strong {
  display: block;
  letter-spacing: -0.2px;
  z-index: 2;
  font-size: 16px;
  color: #fff;
  line-height: normal;
  font-weight: bold;
}

.slider--base-a.slider--shape-m .slider__screen li a .slider__bg span {
  display: block;
  margin-top: 2px;
  letter-spacing: -0.2px;
  z-index: 2;
  font-size: 12px;
  color: #cedde2;
  line-height: normal;
  font-weight: normal;
}

.slider--base-a.slider--shape-m .slider__control {
  position: absolute;
  top: 0;
  width: 100%;
}

.slider--base-a.slider--shape-m .slider__control .button {
  position: absolute;
  top: 81px;
  width: 36px;
  height: 36px;
}

.slider--base-a.slider--shape-m .slider__control .button--prev {
  left: 16px;
  background: url("../../images/share/slide_left.png") 0 0 no-repeat;
}

.slider--base-a.slider--shape-m .slider__control .button--prev:hover {
  background-image: url("../../images/share/slide_left_on.png");
}

.slider--base-a.slider--shape-m .slider__control .button--next {
  right: 16px;
  background: url("../../images/share/slide_right.png") 0 0 no-repeat;
}

.slider--base-a.slider--shape-m .slider__control .button--next:hover {
  background-image: url("../../images/share/slide_right_on.png");
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown.open .dropdown__menu,
.dropdown.open .dropdown__child {
  display: block;
}

.dropdown.up .dropdown__menu,
.dropdown.up .dropdown__child {
  top: auto;
  bottom: 100%;
}

.dropdown.right .dropdown__menu,
.dropdown.right .dropdown__child {
  left: auto;
  right: 0;
}

.dropdown__menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 5px 0;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  border: 1px solid #c2c2c2;
  font-size: 12px;
  text-align: left;
  line-height: 1;
}

.dropdown__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dropdown__menu ul a {
  display: block;
  padding: 9px 15px;
  color: #666;
  text-decoration: none;
}

.dropdown__menu ul a:hover {
  color: #333;
  background-color: #f7f7f7;
}

.dropdown__child {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}

.dropdown--inline {
  display: inline-block;
  position: static;
}

@keyframes spinner-rotate {
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}

@-webkit-keyframes spinner-rotate {
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}

@-webkit-keyframes spinner-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes spinner-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.3);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.spinner--base-a {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 58px;
  height: 58px;
}

.spinner--base-a:before {
  content: ' ';
  display: inline-block;
  width: 58px;
  height: 58px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDMzMDhERDA3RUQ3MTFFNkIxNzQ5Q0Q2NTQ1QzRFRkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDMzMDhERDE3RUQ3MTFFNkIxNzQ5Q0Q2NTQ1QzRFRkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzMwOERDRTdFRDcxMUU2QjE3NDlDRDY1NDVDNEVGQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzMwOERDRjdFRDcxMUU2QjE3NDlDRDY1NDVDNEVGQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiggRRoAAAHYSURBVHja7JqBTYNAFIbFdAA6gWwg3aCdwDoCE6gTqBO0TmCdoHUCywTeBt4GMoHnXfKTEEKxwL3jDt8lLyTkSu7jf/feDzRSSl38hxExKIMyKIMyKIMyKIMyKIMyKIMy6LRAbyM/SPbtHDNHy4h1pDqWtfMScaReADWoAbvTsT5j7kHHCxU0Zeo+6Xjsc0VAW03dSyIl+0KasQlF0UTH19B1haDoeuDvBYWiFKDXLQArqGVioSPTsUPlLedkoVTd5MT5ehsRiJ2L/kahaN6S0h84xq79BIWi4o++uqzMe0crEdSgVH30E07o3GHS+k3HVkdBYQGpQFOkadcUlTAMwjYolWEQqKpd7VyCG5SEUIyq6qygUBfgmMIduXxMS1BxbxqeYprGvNN+HSl1Tym8hcpzGAPZMj/1PXVN6t3reMWxqSAVMAqLkPvovpaaG0Dl2Kuy1leDfJVi1Pu2tDav96gta3fobRwcgUoLds4APoTQR7MBsAWqsgwBtHzufO644LIKkxh8F4ahfM151dAbc4AdB+/JkUy9++GRMxp1MCiDMuj0QYO4WTOLoAoxWUV/KteKpqxoVcXyc4N36lLtLzVFReuAaqp7VIVQjPjvNwzKoH6PXwEGABTru7o4EcVnAAAAAElFTkSuQmCC") no-repeat 0 0;
}

.spinner--base-a:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 58px;
  height: 58px;
  animation: spinner-rotate 0.7s linear infinite;
  -webkit-animation: spinner-rotate 0.7s linear infinite;
  -ms-animation: spinner-rotate 0.7s linear infinite;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAYAAADhu0ooAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzlFODUzNDM3RUQ3MTFFNkEyQjM5REQ0NzQ1MzcxMUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzlFODUzNDQ3RUQ3MTFFNkEyQjM5REQ0NzQ1MzcxMUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozOUU4NTM0MTdFRDcxMUU2QTJCMzlERDQ3NDUzNzExQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozOUU4NTM0MjdFRDcxMUU2QTJCMzlERDQ3NDUzNzExQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpympI8AAAQzSURBVHja7JtLSFRRGMfvdRxTLDV7GRNFIESUEJj0IOhBURRURg+iAok2bVpFQVEt2tSidrktWhUU2ptaFLWozIig6EWZKBmVWFmO46h3+h/7nzwdZ8yZuTPOPfbBT+chd+7/fo/zfWeudiQSsUaCZff9rLTT9XkzwGjttWcgnPSRayJDEOq+zQGrwHwwBcwCOXxPvarisTjDFvAaPAB3wW3Q6+YJ2X2h645HS8F2UAWmAUcRov62lfdUsar4L+ACOAMeueHRLBcEloNz4A04BKYqoixNgKWItKN4V9p4sBvUgftgbbInmYzQEnAWPAabNa/oFlGIGlmad1Uvi/CvBXdAWXLFKH7bAapBPj0UzSuq51pBAwjS88ICYDKYyDyOJl4VvQQ8AcfBkXhzOF6heRRYpYixtFAVr32jBy6Bm8y5fx13OVhDAtox5W8fOAgWg22gKRXFqBjcAHO1Kx5RnouKeRJcTTKlKsAesIXOUD9LRslHsJLLk2vFKMDCUEGPOVrlfAqWgmUuiBRWz/SYCS7HyO8SXthFbhWjPJ58qbY8iA/uBPvBPHAvBevxO7AerAM/orxfxHMrc0PoaTYAevVsYoE44fbiHsWugIXgrVasBIXgcLJCD4CNijiHol5SZH0a29UXYAG4pV1wh9U/YaGrWcYdRaCgEawAzcPQm7exKl/kucjzqk50eSlmM5Ct5KOggx5uHcZBRAjbxIpcTtF1iQo9CsZqS4ewneB5hkxe50nCLaAYpXaBHqKKr/X2PPq37aUHwwxbP8v8sUQnh5RZHFOXLnQS2EpPhpSw3efKcJxBHpVLiRDZxd7yFbhuxlZKv21gtyPzU4g+Zc6e0W8To9JselNOJaLtqjFNqBhwu5XcFEXomvLcGKHlzMsupUF4aBliqtDpDNkQK2xPmnvZtAkNsBB1kJ/D1M+mVGgeH7dTYCcneMc0ofmssGHmqLCvlkEmheYyXIPsf/0xJnrPC5XbIlLcKC41xgkNMmTDzNEsk/JTFyqnlQ561yiPynlUePMz184whfutgd+feF6osAbmaDc9K0SPMbFhaOYyE9Lm03bTPCr2ab8T2TSMM9GjH5SBW1bcAlMqsOpRUW1brf79ojZ6d4JpoSvsvdJAhFh9i00U2kJxclvPYXtYYJpQEbKNLES9yjJT4vU1NdoGdjPzVe42BCm4yDShIaVLkvu7opHwMYyNESrsE0NXfukbpuAcCjZGaC93GHr4N7aSr7lezNfB7koJcS0t1Kqwj1svnX9er7Q9LdSiGB89KHfuI8ouRLc1+I1UnhFqse/NYTjLr9Ll/QN+XgDHqzmqmxzC9XuL5DGyMj1vhyo0Yg2880R611GOZXs5dPVqbGti9VtQo3ndMx61BhEX62887VE9lO0ELoJnPBpLWMaK7MupkfJfElnWCLH/Qk2zXwIMAEPoSY/4+06wAAAAAElFTkSuQmCC") no-repeat 0 0;
}

.spinner--base-b {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 54px;
  height: 54px;
}

.spinner--base-b:before {
  content: ' ';
  display: inline-block;
  margin-top: 14px;
  width: 22px;
  height: 27px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAbCAYAAAB4Kn/lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDM5RUFBNzBGQUUwMTFFNUE5NkY4MUJBNTcxQkMxRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDM5RUFBNzFGQUUwMTFFNUE5NkY4MUJBNTcxQkMxRTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMzlFQUE2RUZBRTAxMUU1QTk2RjgxQkE1NzFCQzFFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMzlFQUE2RkZBRTAxMUU1QTk2RjgxQkE1NzFCQzFFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk+E5c8AAAMdSURBVHjarFU9b9NQFH1OnCb9CHHVNk2TqLHUJVILBHVFbSJGhOohA2P+QdWVBbowQpkQC5SJIZWAgZmCGBDqkIohC2qttIqidqiVKM1HvzjXei/YqWNS6JFuXuw4513fe8590sXFBevGxsYGLQpCQ9xGpLoeMRDbiAJik193kM1mmexAqmJ57PF4coODg2xgYID5fD7bM5RMu93WTk5OWLPZZOfn5x9we5VvZELuIs2B5MUNYHh4mLmBNhVoNBpatVq912q1FgS5x0KaBtmbycnJv5I6bTIxMREcGRl5Ju51iEH2bmxsjKEE7F9A/wP5TRsxstVCoVCE/SckSZJtNY7H4w97Zer3+9n4+Lj53ev1srOzM4ZaslqtZq4C9FsikdB3dnb+EA8NDUWou07AwxVFUV5ZZEYyTCDSIFZpA0IwGKwiiRVHVThha2vrl2EYa91a5XpVQZbml5soqW4jlmW52YsY8ruLMunQ6ntcfuGG0HlvaF13bCZ9RCKRH25SikajISgmR3JEEru4TfGcytGzkdzSaqlU2q1UKn11//T0lExhBnqjc9etWy0tpKDDGC/RxL6IkTU1i4XDYXobld4Etz/zxtoNgiY8SiaTP1GWK2mXNiFjYZM0JPdVkFvFa+Chhenp6bW5ubmOdvtFIBAwnYeh9dRa427QmFyGGXKHh4emGY6OjvraoF6vtzKZTEBymcfUBHqtHGIRm2hELqIXIEu2v7+fsRGDMAWygiDuMoMY/EvHx8dasVg07e0EiGDFJCZC6irqo2CA0280uN/y1WmTlK7r3w8ODvy9iGVe+E9oliIGEQ1u1EpDZgYn37aeDkhkiZTgNrelfD6vQou7JBunepEJ6C3oGLK6kUidJiJNufn5+Yy0t7d3q1wub7NrAvTcUlU14MEsLuGIuxZSmt1TU1OvhUGMmZmZb/3a2Y0UPGVycMd5GI0P4LZCLBYza3RV0BiYnZ0t4TC9j8Ya1kFPF3dA/ASxDAMo5Daogpx0Sa/0dpTh6OioGUiGDoJVQepmaTLCIrd2yjq1OAp82H/kcrx0uvwWYAC7Tj2dVeqs3QAAAABJRU5ErkJggg==") no-repeat 0 0;
}

.spinner--base-b:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  border: 2px solid #cfcfcf;
  border-top-color: #ff5000;
  animation: spinner-rotate 0.5s linear infinite;
  -webkit-animation: spinner-rotate 0.5s linear infinite;
  -ms-animation: spinner-rotate 0.5s linear infinite;
}

.spinner--base-c > div {
  width: 20px;
  height: 20px;
  background-color: #ff5000;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: spinner-bounce 1.4s infinite ease-in-out both;
  animation: spinner-bounce 1.4s infinite ease-in-out both;
}

.spinner--base-c .spinner__bounce-1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner--base-c .spinner__bounce-2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.spinner--base-d {
  display: block;
  z-index: 100;
  border: 1px solid #D4D4D4;
  position: relative;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  background: #fff;
}

.spinner--base-d[animate=start] {
  animation: spinner--base-d-start 0.3s;
}

.spinner--base-d .spinner__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 19px;
  margin-top: -9.5px;
  margin-left: -9.5px;
}

.spinner--base-d .spinner__loading .item {
  width: 3px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
}

.spinner--base-d .spinner__loading .item span {
  width: 3px;
  height: 3px;
  border-radius: 3px;
  display: block;
  transform: scale(0, 0);
  opacity: 0;
  animation-fill-mode: both;
  background: #FF5000;
}

.spinner--base-d .spinner__complte {
  width: 0;
  height: 11px;
  overflow: hidden;
  animation-fill-mode: both;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -7px;
}

.spinner--base-d .spinner__complte .icon {
  display: block;
  width: 14px;
  height: 11px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2213.8px%22%20height%3D%2210.704px%22%20viewBox%3D%225.8%208.296%2013.8%2010.704%22%20enable-background%3D%22new%205.8%208.296%2013.8%2010.704%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23FF5000%22%20d%3D%22M5.8%2C14.2l1.692-1.692l3.108%2C3.096l7.308-7.308L19.6%2C10l-9%2C9L5.8%2C14.2z%22/%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;
}

.spinner--base-d .spinner__complte[animate=open] {
  width: 0;
  animation: spinner__complte-open 1s cubic-bezier(1, 0.005, 0, 1);
}

.spinner--base-d .spinner__complte[animate=stop] {
  width: 14px;
}

.spinner--base-d .spinner__complte[animate=close] {
  width: 14px;
  animation: spinner__complte-close 0.5s cubic-bezier(1, 0.005, 0, 1);
  animation-delay: 2s;
}

@keyframes spinner--base-d-keyframe {
  0% {
    transform: scale(1, 1);
    opacity: 1;
  }

  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes spinner--base-d-start {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes spinner__complte-open {
  0% {
    width: 0;
  }

  100% {
    width: 14px;
  }
}

@keyframes spinner__complte-close {
  0% {
    width: 14px;
  }

  100% {
    width: 0;
  }
}

/* ie9 only */

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
  .button--base-q {
    padding: 0 !important;
  }

  .button--base-q .button__text {
    display: block !important;
    line-height: 16px !important;
    padding: 0 10px 4px 10px !important;
  }

  .button--base-m {
    padding: 0 !important;
  }

  .button--base-m .button__text {
    display: inline-block !important;
    line-height: 12px !important;
    padding: 4px 10px !important;
  }

  .content--mypage .user-area__guidance-agree {
    overflow: hidden !important;
  }

  .content--mypage .user-area__guidance-agree span {
    float: left !important;
    margin-right: 5px !important;
  }

  .content--mypage .user-area__guidance-agree span.formstyle {
    margin-top: 0 !important;
  }

  /* 브라우저 버전별로 따로 CSS적용이 필요할때 */

  .ie9TEST {
    display: block !important;
  }
}

/* ie10 only */

_:-ms-lang(x),
.button--base-q {
  padding: 0 \9 !important;
}

_:-ms-lang(x),
.button--base-q .button__text {
  display: block \9 !important;
  line-height: 16px \9 !important;
  padding: 0 10px 4px 10px \9 !important;
}

_:-ms-lang(x),
.button--base-m {
  padding: 0 \9 !important;
}

_:-ms-lang(x),
.button--base-m .button__text {
  display: inline-block \9 !important;
  line-height: 12px \9 !important;
  padding: 4px 10px \9 !important;
}

_:-ms-lang(x),
.content--mypage .user-area__guidance-agree {
  overflow: hidden \9 !important;
}

_:-ms-lang(x),
.content--mypage .user-area__guidance-agree span {
  float: left \9 !important;
  margin-right: 5px \9 !important;
}

_:-ms-lang(x),
.content--mypage .user-area__guidance-agree span.formstyle {
  margin-top: 0 \9 !important;
}

/* 브라우저 버전별로 따로 CSS적용이 필요할때 */

_:-ms-lang(x),
.ie10TEST {
  display: block \9 !important;
}

.stHeader {
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  background-color: #fff;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.stHeader:after {
  content: '';
  display: block;
  clear: both;
}

.stHeader--fix {
  position: fixed;
  top: 0;
}

.stHeader-fixed {
  position: fixed;
}

.stHeader--sub {
  position: static;
}

.stHeader--sub .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip {
  z-index: 102;
}

.stHeader--sub .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip span {
  color: #fff !important;
  text-decoration: none !important;
}

.stHeader--sub .nav--utill .nav__notifications .dropdown__child {
  z-index: 101;
}

.stHeader--sub .header__inner .game__list {
  z-index: 101;
}

.stHeader--orange {
  background-color: #ff5000;
}

.stHeader--orange .stHeader__inner {
  background-color: #ff5000;
}

.stHeader--orange .nav--utill .nav__items__item:before {
  opacity: 0.8;
  background-color: #fff !important;
}

.stHeader--orange .nav--utill .nav__items__item__link {
  color: #fff !important;
  opacity: 0.8;
}

.stHeader--orange .nav--utill .nav__items__item__menu span {
  color: #fff !important;
}

.stHeader--orange .nav--utill .nav__items__item__more:after {
  background: url("../../images/share/relay_header/arrow-bot-gnb_11x7.png") 0 0 no-repeat !important;
}

.stHeader--orange .nav--utill .nav__items__item__more:hover:after,
.stHeader--orange .nav--utill .nav__items__item__more:focus:after {
  background: url("../../images/share/relay_header/arrow-bot-gnb_11x7-over.png") 0 0 no-repeat !important;
}

.stHeader--new {
  position: absolute;
  top: 27px;
  left: -15px;
  border: none;
  background-color: transparent;
}

.stHeader--new hgroup h1 a,
.stHeader--new .title h1 a {
  top: 0 !important;
  width: auto !important;
  height: auto !important;
  background-image: none !important;
  text-indent: -1000em;
}

.stHeader__menu {
  float: left;
  margin-left: 18px;
  padding: 16px 0;
}

.stHeader__menu ul:after {
  content: '';
  display: block;
  clear: both;
}

.stHeader__menu ul li {
  position: relative;
  float: left;
  padding: 0 12px;
}

.stHeader__menu ul li:first-child:after {
  display: none;
}

.stHeader__menu ul li:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 11px;
  background-color: #fff;
  opacity: 0.4;
}

.stHeader__menu ul li.myhome {
  margin-left: 20px;
}

.stHeader__menu ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  opacity: 0.8;
  letter-spacing: -0.5px;
}

.stHeader__menu ul li a:hover,
.stHeader__menu ul li a.is-active {
  opacity: 1;
  font-weight: bold;
}

.stHeader__inner {
  position: relative;
  width: inherit;
  max-width: 1210px;
  min-width: 966px;
  background-color: #fff;
  height: inherit;
  margin: 0 auto;
}

.stHeader__inner:after {
  content: '';
  display: block;
  clear: both;
}

.stHeader__inner hgroup h1 a,
.stHeader__inner .title h1 a {
  float: left;
  display: block;
  width: 107px;
  height: 25px;
  margin-top: 13px;
  background: url("../../images/share/bi_stove.png") 0 0 no-repeat;
  text-indent: -1000em;
}

.stHeader__inner hgroup h1 a.logo--projectf,
.stHeader__inner .title h1 a.logo--projectf {
  width: 100px;
  min-height: 38px;
  margin-top: 5px;
  background: url("../../images/share/projectf_logo.png") center no-repeat;
}

.stHeader__inner hgroup h1 a.logo--stove,
.stHeader__inner .title h1 a.logo--stove {
  width: 107px;
  height: 25px;
  margin-top: 12px;
  background: url("../../images/share/bi_stove-white.png") 0 0 no-repeat;
}

.stHeader__inner .game {
  float: left;
  position: relative;
}

.stHeader__inner .game__title {
  display: block;
  margin-top: 16px;
  margin-left: 51px;
  letter-spacing: -1px;
  font-size: 14px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.stHeader__inner .game__title .icon--list {
  width: 13px;
  height: 10px;
  background: url("../../images/share/relay_header/view-list_13x10-over.png") 0 0 no-repeat;
}

.stHeader__inner .game__list {
  display: none;
  position: absolute;
  top: 50px;
  left: 25px;
  padding: 0;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.13);
  z-index: 100;
}

.stHeader__inner .game__list:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 60px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #4e5666;
}

.stHeader__inner .game__list:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 61px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #4e5666;
  content: '';
  display: block;
  clear: both;
}

.stHeader__inner .game__list__container {
  border-radius: 5px;
  white-space: nowrap;
  overflow: hidden;
}

.stHeader__inner .game__list__container:after {
  content: '';
  display: block;
  clear: both;
}

.stHeader__inner .game__list .list {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.stHeader__inner .game__list .list:after {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.stHeader__inner .game__list .list > h3 {
  display: table;
  width: 100%;
  height: 25px;
  padding-top: 10px;
  background-color: #4e5666;
  text-align: center;
  letter-spacing: -0.5px;
  font-size: 14px;
  color: #fff;
  line-height: 17px;
  font-weight: bold;
}

.stHeader__inner .game__list .list__pc {
  margin-left: -1px;
}

.stHeader__inner .game__list .list__pc h3 {
  border-top-left-radius: 5px;
}

.stHeader__inner .game__list .list__pc:after {
  display: none;
  right: 0;
}

.stHeader__inner .game__list .list__mobile {
  margin-left: -5px;
  margin-right: -1px;
}

.stHeader__inner .game__list .list__mobile h3 {
  border-top-right-radius: 5px;
}

.stHeader__inner .game__list .list__mobile:after {
  left: 0;
}

.stHeader__inner .game__list .list__link {
  display: table-cell;
}

.stHeader__inner .game__list .list__link > a {
  position: relative;
  padding-left: 30px;
  letter-spacing: -1.2px;
  font-size: 11px;
  color: #333;
  line-height: normal;
  font-weight: normal;
}

.stHeader__inner .game__list .list__link > a:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 12px;
  width: 14px;
  height: 13px;
  background: url("../../images/share/relay_header/message_14x13.png") 0 0 no-repeat;
}

.stHeader__inner .game__list .list > ul {
  display: table;
  vertical-align: top;
  padding: 10px 15px;
}

.stHeader__inner .game__list .list > ul > li {
  display: table-row;
  position: relative;
  margin-top: 10px;
}

.stHeader__inner .game__list .list > ul > li:first-child {
  margin-top: 0;
}

.stHeader__inner .game__list .list > ul > li:first-child > a {
  padding-top: 0;
}

.stHeader__inner .game__list .list > ul > li > a {
  display: table-cell;
  padding-top: 10px;
}

.stHeader__inner .game__list .list > ul > li > a img {
  width: 30px;
  height: 30px;
  margin-right: 9px;
  border-radius: 3px;
}

.stHeader__inner .game__list .list > ul > li > a:hover .name {
  text-decoration: underline;
}

.stHeader__inner .game__list .list > ul > li > a > .name {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #333;
  line-height: 30px;
  font-weight: bold;
}

.stHeader__inner .game__list .list > ul > li > a > .tooltip {
  position: relative;
  display: inline-block;
  opacity: inherit;
  margin: 0;
  padding: 0;
  background-color: inherit;
  box-shadow: none;
  border-radius: 0;
  color: inherit;
  font-size: inherit;
  transition: inherit;
}

.stHeader__inner .game__list .list > ul > li > a > .tooltip .icon--info {
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: url("../../images/share/relay_header/info_12x12.png") 0 0 no-repeat;
}

.stHeader__inner .game__list .list > ul > li > a > .tooltip .list__tootip {
  display: none;
  position: absolute;
  top: -19px;
  left: -39px;
  z-index: 100;
}

.stHeader__inner .game__list .list > ul > li > a > .tooltip .list__tootip:before {
  right: 40%;
}

.stHeader__inner .game__list .list > ul > li > a > .tooltip .list__tootip:after {
  right: 41%;
}

.stHeader__inner .game__list .list > ul > li > a > .tooltip .list__tootip span {
  white-space: nowrap;
}

.stHeader__inner .game__list .list > ul > li > a > .tooltip:hover .list__tootip {
  display: block;
}

.stHeader__inner .game__list .list > ul > li > a .icon--play {
  position: absolute;
  top: -7px;
  left: 20px;
  width: 18px;
  height: 18px;
  background: url("../../images/share/relay_header/icon_play_18x18.png") 0 0 no-repeat;
}

.stHeader__inner .game__list .list > ul > li > a .icon--window {
  vertical-align: middle;
  width: 11px;
  height: 11px;
  background: url("../../images/share/relay_header/newwindow_11x11.png") 0 0 no-repeat;
}

.stHeader__inner .game__list .list > ul > li > a .icon--new {
  width: 31px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-new-31x13.png") 0 0 no-repeat;
}

.stHeader__inner .game__list .list > ul > li > a .icon--cbt {
  width: 31px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-cbt-31x13.png") 0 0 no-repeat;
}

.stHeader__inner .game__list .list > ul > li > a .icon--obt {
  width: 31px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-obt-31x13.png") 0 0 no-repeat;
}

.stHeader__inner .game__list .list > ul > li > a .icon--update {
  width: 46px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-update-46x13.png") 0 0 no-repeat;
}

.stHeader__inner .game__list .list > ul > li > a .icon--pre {
  width: 31px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-pre-31x13.png") 0 0 no-repeat;
}

.stHeader__inner .game__list .list > ul > li > a .icon--pre2 {
  width: 43px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-pre-43x13.png") 0 0 no-repeat;
}

.stHeader__inner .game__list .list > ul > li > a .mark {
  position: absolute;
  bottom: 0;
  width: 48px;
  height: 12px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
}

.stHeader__inner .game__list .list > ul > li > a .mark span {
  display: inline-block;
  vertical-align: top;
  font-size: 8px;
  color: #fff;
  line-height: 12px;
  font-weight: bold;
}

.stHeader__inner .game--sub {
  float: left;
}

.stHeader__inner .game--sub__title {
  display: block;
  margin-top: 16px;
  margin-left: 44px;
  letter-spacing: -1px;
  font-size: 14px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.stHeader__inner .game--sub .icon {
  width: 31px;
  height: 13px;
  margin-bottom: 2px;
  margin-left: 6px;
  vertical-align: middle;
}

.stHeader__inner .game--sub .icon--new {
  background: url("../../images/share/relay_header/ic-new-31x13.png") 0 0 no-repeat;
}

.stHeader__inner .game--sub .icon--cbt {
  background: url("../../images/share/relay_header/ic-cbt-31x13.png") 0 0 no-repeat;
}

.stHeader__inner .game--sub .icon--obt {
  background: url("../../images/share/relay_header/ic-obt-31x13.png") 0 0 no-repeat;
}

.stHeader__inner .game--sub .icon--update {
  width: 46px;
  background: url("../../images/share/relay_header/ic-update-46x13.png") 0 0 no-repeat;
}

.stHeader__inner .game--sub .icon--pre {
  background: url("../../images/share/relay_header/ic-pre-31x13.png") 0 0 no-repeat;
}

.stHeader__inner .game--sub .icon--pre2 {
  width: 43px;
  background: url("../../images/share/relay_header/ic-pre-43x13.png") 0 0 no-repeat;
}

.stHeader .nav--utill {
  position: absolute;
  top: 10px;
  right: 0;
}

.stHeader .nav--utill:after {
  content: '';
  display: block;
  clear: both;
}

.stHeader .nav--utill .nav__search {
  position: relative;
  float: left;
  margin-right: 30px;
}

.stHeader .nav--utill .nav__search .form-control--base-b {
  padding: 7px 30px 6px 10px;
}

.stHeader .nav--utill .nav__search .form-control--base-b:focus ~ button {
  background-image: url("../../images/share/sprite/icon_libs/glass_15x14-over.png");
}

.stHeader .nav--utill .nav__search .form-control--base-b:focus ~ .nav__search__list {
  display: block;
}

.stHeader .nav--utill .nav__search__button {
  position: absolute;
  display: block;
  top: 1px;
  right: 1px;
  width: 32px;
  height: 29px;
  border: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: url("../../images/share/sprite/icon_libs/glass_15x14.png") #fff center no-repeat;
  outline: none;
}

.stHeader .nav--utill .nav__search__button:hover {
  background-image: url("../../images/share/sprite/icon_libs/glass_15x14-over.png");
}

.stHeader .nav--utill .nav__search__list {
  display: none;
  position: absolute;
  top: 39px;
  left: 0px;
  width: 238px;
  border: 1px solid #c2c2c2;
  background-color: #fff;
}

.stHeader .nav--utill .nav__search__list:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.stHeader .nav--utill .nav__search__list:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 11px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.stHeader .nav--utill .nav__search__list .list h3 {
  height: 22px;
  padding-top: 7px;
  padding-left: 10px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.stHeader .nav--utill .nav__search__list .list--member ul {
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
}

.stHeader .nav--utill .nav__search__list .list--member ul li {
  margin-top: 5px;
}

.stHeader .nav--utill .nav__search__list .list--member ul li:first-child {
  margin-top: 0;
}

.stHeader .nav--utill .nav__search__list .list--member ul li a {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 28px;
  font-weight: normal;
}

.stHeader .nav--utill .nav__search__list .list--member ul li a:hover {
  color: #333;
  font-weight: bold;
}

.stHeader .nav--utill .nav__search__list .list--tag ul {
  padding: 7px 18px;
}

.stHeader .nav--utill .nav__search__list .list--tag ul li {
  margin-top: 10px;
}

.stHeader .nav--utill .nav__search__list .list--tag ul li:first-child {
  margin-top: 0;
}

.stHeader .nav--utill .nav__search__list .list--tag ul li a {
  display: block;
  padding-left: 25px;
  background: url("../../images/share/sprite/icon_libs/tag_12x15.png") 0 7px no-repeat;
}

.stHeader .nav--utill .nav__search__list .list--tag ul li a strong,
.stHeader .nav--utill .nav__search__list .list--tag ul li a span {
  display: block;
}

.stHeader .nav--utill .nav__search__list .list--tag ul li a strong {
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.stHeader .nav--utill .nav__search__list .list--tag ul li a span {
  font-size: 11px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.stHeader .nav--utill .nav__search__list .list--button {
  border-top: 1px solid #ebebeb;
}

.stHeader .nav--utill .nav__search__list .list--button a {
  display: block;
  height: 35px;
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 32px;
  font-weight: normal;
}

.stHeader .nav--utill .nav__search__list .list--button a .icon--arrow {
  margin-left: 5px;
  width: 6px;
  height: 9px;
  background: url("../../images/share/relay_header/arrow-right_6x9.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__search__list .list--button a:hover {
  color: #666;
}

.stHeader .nav--utill .nav__items {
  float: left;
  display: block;
}

.stHeader .nav--utill .nav__items.logout {
  margin-left: -2px;
}

.stHeader .nav--utill .nav__items.logout .nav__items__item {
  padding: 0 8px !important;
}

.stHeader .nav--utill .nav__items.logout .nav__items__item__menu {
  margin-left: 10px !important;
}

.stHeader .nav--utill .nav__items.logout .nav__items__item__menu span {
  padding-top: 6px !important;
}

.stHeader .nav--utill .nav__items.logout .nav__items__item__more:after {
  left: 25% !important;
}

.stHeader .nav--utill .nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.stHeader .nav--utill .nav__items__item {
  position: relative;
  float: left;
  padding: 3px 17px;
  text-align: center;
}

.stHeader .nav--utill .nav__items__item:first-child {
  padding-left: 0;
}

.stHeader .nav--utill .nav__items__item:first-child:before,
.stHeader .nav--utill .nav__items__item:first-child:after {
  display: none;
}

.stHeader .nav--utill .nav__items__item:before {
  content: "";
  position: absolute;
  top: 10px;
  width: 1px;
  height: 10px;
  margin-left: -9px;
  background-color: #d9d9d9;
}

.stHeader .nav--utill .nav__items__item .cash {
  color: #999;
}

.stHeader .nav--utill .nav__items__item .cash span {
  color: #f0562d;
}

.stHeader .nav--utill .nav__items__item__link {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
}

.stHeader .nav--utill .nav__items__item__link.icon {
  width: 20px;
  height: 20px;
  background: url("../../images/share/relay_header/glass_20x20.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__items__item__link:hover {
  text-decoration: underline;
}

.stHeader .nav--utill .nav__items__item__link:hover.icon {
  width: 20px;
  height: 20px;
  background: url("../../images/share/relay_header/glass_20x20-over.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__items__item__link span {
  text-transform: none;
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.stHeader .nav--utill .nav__items__item__menu {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
}

.stHeader .nav--utill .nav__items__item__menu span {
  display: inline-block;
  max-width: 135px;
  padding-top: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: none;
  font-size: 12px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.stHeader .nav--utill .nav__items__item__menu:hover {
  text-decoration: none;
}

.stHeader .nav--utill .nav__items__item__menu:hover span {
  text-decoration: underline;
}

.stHeader .nav--utill .nav__items__item__more {
  position: relative;
  display: inline-block;
  margin-left: -3px;
  padding: 10px;
}

.stHeader .nav--utill .nav__items__item__more:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 10%;
  width: 11px;
  height: 7px;
  background: url("../../images/share/relay_header/arrow-bot-list_11x7.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__items__item__more:hover:after,
.stHeader .nav--utill .nav__items__item__more:focus:after {
  width: 11px;
  height: 7px;
  background: url("../../images/share/relay_header/arrow-bot-list_11x7-over.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__client {
  float: left;
  margin: 5px 10px 0 21px;
}

.stHeader .nav--utill .nav__client .icon--client {
  width: 17px;
  height: 19px;
  background: url("../../images/share/relay_header/icon_client-17x19.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__client .icon--client + .nav__client__tooltip {
  display: none;
  position: absolute;
  top: 31px;
  right: 71px;
  z-index: 100;
}

.stHeader .nav--utill .nav__client .icon--client + .nav__client__tooltip span {
  white-space: nowrap;
}

.stHeader .nav--utill .nav__client .icon--client:hover {
  width: 17px;
  height: 19px;
  background: url("../../images/share/relay_header/icon_client-17x19-over.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__client .icon--client:hover + .nav__client__tooltip {
  display: block;
}

.stHeader .nav--utill .nav__multilingual {
  float: left;
}

.stHeader .nav--utill .nav__multilingual .icon--globe {
  vertical-align: baseline;
}

.stHeader .nav--utill .nav__multilingual__toggle {
  position: relative;
  display: inline-block;
  margin-right: 21px;
  padding: 7px 10px;
  font-size: 12px;
}

.stHeader .nav--utill .nav__multilingual__toggle:after {
  content: "";
  position: absolute;
  top: 12px;
  right: -3px;
  width: 10px;
  height: 7px;
  background: url("../../images/share/relay_header/arrow-bot_10x7.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__multilingual__toggle:hover span {
  text-decoration: underline;
}

.stHeader .nav--utill .nav__multilingual__toggle span {
  vertical-align: top;
  color: #333;
}

.stHeader .nav--utill .nav__multilingual .popup--shape-a:before {
  right: 18px;
}

.stHeader .nav--utill .nav__multilingual .popup--shape-a:after {
  right: 19px;
}

.stHeader .nav--utill .nav__multilingual .popup--shape-a a.on {
  background: url("../../images/share/icon_check_11x10.png") right center no-repeat;
}

.stHeader .nav--utill .nav__notifications {
  float: left;
  margin: 6px 15px 0 2px;
}

.stHeader .nav--utill .nav__notifications .dropdown__child {
  left: -3px;
  z-index: 20;
}

.stHeader .nav--utill .nav__notifications__toggle {
  position: relative;
  display: block;
  width: 18px;
  height: 19px;
}

.stHeader .nav--utill .nav__notifications__toggle:hover .icon--bell {
  width: 18px;
  height: 19px;
  background: url("../../images/share/relay_header/bell-18x19-over.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__notifications__toggle:hover .icon--bell + .nav__notifications__tootip {
  display: block;
}

.stHeader .nav--utill .nav__notifications__toggle:focus .icon--bell {
  width: 18px;
  height: 19px;
  background: url("../../images/share/relay_header/bell-18x19-over.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__notifications__toggle .icon--bell {
  width: 18px;
  height: 19px;
  background: url("../../images/share/relay_header/bell-18x19.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip {
  display: none;
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.stHeader .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip:before {
  right: 40%;
}

.stHeader .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip:after {
  right: 41%;
}

.stHeader .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip span {
  white-space: nowrap;
}

.stHeader .nav--utill .nav__notifications__toggle .number {
  position: absolute;
  top: -10px;
  right: -8px;
  display: block;
  min-width: 14px;
  height: 18px;
  padding: 0 2px;
  border-radius: 18px;
  background-color: #069fee;
  text-align: center;
  font-size: 10px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.stHeader .nav--utill .nav__notifications .tab__nav__items__item__link {
  font-size: 12px;
  color: #333;
  line-height: 10px;
  font-weight: bold;
}

.stHeader .nav--utill .nav__notifications .tab__nav__items__item__link span {
  display: inline-block;
  margin-left: 3px;
  color: #069fee;
}

.stHeader .nav--utill .nav__notifications .notice .scroll-wrapper {
  height: 264px;
}

.stHeader .nav--utill .nav__notifications .notice .scroll-bar {
  left: -7px;
}

.stHeader .nav--utill .nav__notifications .notice ul {
  margin-bottom: 0;
  padding-top: 6px;
  overflow: hidden;
}

.stHeader .nav--utill .nav__notifications .notice li {
  padding: 6px 0 8px;
  border-top: 1px solid #ebebeb;
}

.stHeader .nav--utill .nav__notifications .notice li:first-child {
  border-top: none;
}

.stHeader .nav--utill .nav__notifications .notice__link {
  display: block;
  width: 378px;
  overflow: hidden;
}

.stHeader .nav--utill .nav__notifications .notice__link:hover {
  text-decoration: underline;
  text-decoration-color: #666;
}

.stHeader .nav--utill .nav__notifications .notice__link:hover span {
  text-decoration: underline;
  text-decoration-color: #333;
}

.stHeader .nav--utill .nav__notifications .notice__link:hover .notice__link__info__time {
  text-decoration: none;
}

.stHeader .nav--utill .nav__notifications .notice__link__img {
  float: left;
  margin-top: 4px;
}

.stHeader .nav--utill .nav__notifications .notice__link__img img {
  width: 28px;
  height: 28px;
  border-radius: 28px;
}

.stHeader .nav--utill .nav__notifications .notice__link__info {
  padding-left: 36px;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.stHeader .nav--utill .nav__notifications .notice__link__info span {
  display: inline;
}

.stHeader .nav--utill .nav__notifications .notice__link__info__nickname {
  color: #333;
  font-weight: bold;
}

.stHeader .nav--utill .nav__notifications .notice__link__info__nickname em {
  color: #069fee;
}

.stHeader .nav--utill .nav__notifications .notice__link__info__time {
  font-size: 11px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.stHeader .nav--utill .nav__notifications .notice__link__info__time p {
  display: inline-block;
}

.stHeader .nav--utill .nav__notifications .notice__link__info__time p .icon--fliking {
  width: 7px;
  height: 7px;
  background: url("../../images/share/relay_header/fliking_7x7.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__notifications .notice__more {
  display: block;
  margin-bottom: 0 !important;
  padding-top: 10px;
  text-align: center;
  border-top: 1px solid #ebebeb;
  font-size: 11px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.stHeader .nav--utill .nav__notifications .notice__more:hover {
  text-decoration: underline;
}

.stHeader .nav--utill .nav__notifications .notice__empty {
  padding: 0;
}

.stHeader .nav--utill .nav__notifications .notice__empty__text {
  font-size: 13px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
  margin-top: 120px;
  text-align: center;
}

.stHeader .nav--utill .nav__notifications .notice__empty a {
  display: none;
}

.stHeader .nav--utill .nav__menu {
  float: right;
  margin: 9px 0 0 20px;
}

.stHeader .nav--utill .nav__menu .dropdown__child {
  left: -7px;
  z-index: 10;
}

.stHeader .nav--utill .nav__menu .icon--menu {
  width: 18px;
  height: 15px;
  background: url("../../images/share/relay_header/icon-menu_18x15.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__menu .icon--menu:hover {
  width: 18px;
  height: 15px;
  background: url("../../images/share/relay_header/icon-menu_18x15-over.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__community {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}

.stHeader .nav--utill .nav__community ul li a {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.stHeader .nav--utill .nav__community ul li a:hover {
  text-decoration: underline;
}

.stHeader .nav--utill .nav__community ul li a .icon--arrow {
  width: 6px;
  height: 9px;
  margin-left: 5px;
  margin-bottom: 1px;
  background: url("../../images/share/relay_header/arrow-right_6x9-white.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__download {
  float: left;
  margin: 6px 15px 0 0;
}

.stHeader .nav--utill .nav__download .dropdown__child {
  left: -3px;
  z-index: 20;
}

.stHeader .nav--utill .nav__download__toggle {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
}

.stHeader .nav--utill .nav__download__toggle:hover .icon--download {
  width: 18px;
  height: 18px;
  background: url("../../images/share/relay_header/icon-download-18x18-over.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__download__toggle:hover .icon--download + .nav__download__tootip {
  display: block;
}

.stHeader .nav--utill .nav__download__toggle:focus .icon--bell {
  width: 18px;
  height: 18px;
  background: url("../../images/share/relay_header/icon-download-18x18-over.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__download__toggle .icon--download {
  width: 18px;
  height: 18px;
  background: url("../../images/share/relay_header/icon-download-18x18.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__download__toggle .icon--download + .nav__download__tootip {
  display: none;
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.stHeader .nav--utill .nav__download__toggle .icon--download + .nav__download__tootip:before {
  right: 45%;
}

.stHeader .nav--utill .nav__download__toggle .icon--download + .nav__download__tootip:after {
  right: 45%;
}

.stHeader .nav--utill .nav__download__toggle .icon--download + .nav__download__tootip span {
  white-space: nowrap;
}

.stHeader .nav--utill .nav__download .popup--base-a.popup--shape-a {
  width: 250px;
  padding: 12px 0;
}

.stHeader .nav--utill .nav__download .popup--base-a.popup--shape-a:before {
  content: "";
  position: absolute;
  top: -5px;
  right: 120px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.stHeader .nav--utill .nav__download .popup--base-a.popup--shape-a:after {
  content: "";
  position: absolute;
  top: -4px;
  right: 121px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.stHeader .nav--utill .nav__download .download ul {
  text-align: center;
}

.stHeader .nav--utill .nav__download .download ul:after {
  content: "";
  display: block;
  clear: both;
}

.stHeader .nav--utill .nav__download .download li {
  position: relative;
  float: left;
  width: 50%;
  padding: 0;
}

.stHeader .nav--utill .nav__download .download li:first-child:before {
  display: none;
}

.stHeader .nav--utill .nav__download .download li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 81px;
  background-color: #f3f3f3;
}

.stHeader .nav--utill .nav__download .download li a {
  display: block;
}

.stHeader .nav--utill .nav__download .download li a:hover {
  text-decoration: underline;
}

.stHeader .nav--utill .nav__download .download li a .icon--pc {
  width: 46px;
  height: 42px;
  background: url("../../images/share/relay_header/icon-pc-46x39.png") 0 3px no-repeat;
}

.stHeader .nav--utill .nav__download .download li a .icon--mobile {
  width: 24px;
  height: 42px;
  background: url("../../images/share/relay_header/icon-mobile-24x42.png") 0 0 no-repeat;
}

.stHeader .nav--utill .nav__download .download li a span {
  display: block;
  width: 125px;
  margin: 5px auto 0;
  font-size: 11px;
  color: #333;
  letter-spacing: -0.1px;
}

.stHeader .popup--base-a.popup--shape-a {
  width: 380px;
  padding: 12px 15px;
  border-radius: 5px;
}

.stHeader .popup--base-a.popup--shape-a h3 {
  margin-bottom: 10px;
  font-size: 13px !important;
  color: #333 !important;
  line-height: normal !important;
  font-weight: bold !important;
}

.stHeader .popup--base-a.popup--shape-a .more {
  display: block;
  position: absolute;
  top: 11px;
  right: 16px;
  width: auto;
}

.stHeader .popup--base-a.popup--shape-a .more .icon--plus {
  width: 10px;
  height: 10px;
  background: url("../../images/share/relay_header/plus_10x10-alto.png") 0 0 no-repeat;
}

.stHeader .popup--base-a.popup--shape-a .more:hover .icon--plus {
  width: 10px;
  height: 10px;
  background: url("../../images/share/relay_header/plus_10x10-alto-over.png") 0 0 no-repeat;
}

.stHeader .popup--base-b {
  width: 100%;
}

.stHeader .popup--base-b:before {
  content: "";
  position: absolute;
  top: -5px;
  right: 7px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.stHeader .popup--base-b:after {
  content: "";
  position: absolute;
  top: -4px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.stHeader .popup--base-b.popup--shape-a {
  min-width: 110px;
  max-width: 125px;
  padding: 5px 15px;
  border-radius: 5px;
}

.stHeader .popup--base-b.popup--shape-a ul:after {
  content: '';
  display: block;
  clear: both;
}

.stHeader .popup--base-b.popup--shape-a li {
  float: left;
  width: 100%;
  border-top: 1px solid #ebebeb;
}

.stHeader .popup--base-b.popup--shape-a li:first-child {
  border-top: none;
}

.stHeader .popup--base-b.popup--shape-a li a {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: 32px;
  font-weight: normal;
}

.stHeader .popup--base-b.popup--shape-a li a .icon--arrow {
  position: absolute;
  top: 12px;
  right: 0;
  width: 6px;
  height: 10px;
  background: url("../../images/share/relay_header/arrow-right-6x10.png") 0 0 no-repeat;
}

.stHeader .popup--base-b.popup--shape-a li a:hover {
  color: #333;
  font-weight: bold;
}

.stHeader .popup--base-b.popup--shape-a li a:hover span {
  color: #333;
  text-decoration: none;
}

.stHeader .popup--base-b.popup--shape-a li a:hover .icon--arrow {
  width: 6px;
  height: 10px;
  background: url("../../images/share/relay_header/arrow-right-6x10-over.png") 0 0 no-repeat;
}

.stoveHeader {
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  background-color: #fff;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.stoveHeader:after {
  content: '';
  display: block;
  clear: both;
}

.stoveHeader--fix {
  position: fixed;
  top: 0;
}

.stoveHeader-fixed {
  position: fixed;
}

.stoveHeader--sub {
  position: static;
}

.stoveHeader--sub .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip {
  z-index: 102;
}

.stoveHeader--sub .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip span {
  color: #fff !important;
  text-decoration: none !important;
}

.stoveHeader--sub .nav--utill .nav__notifications .dropdown__child {
  z-index: 101;
}

.stoveHeader--sub .header__inner .game__list {
  z-index: 101;
}

.stoveHeader--orange {
  background-color: #ff5000;
}

.stoveHeader--orange .stoveHeader__inner {
  background-color: #ff5000;
}

.stoveHeader--orange .nav--utill .nav__items__item:before {
  opacity: 0.8;
  background-color: #fff !important;
}

.stoveHeader--orange .nav--utill .nav__items__item__link {
  color: #fff !important;
  opacity: 0.8;
}

.stoveHeader--orange .nav--utill .nav__items__item__menu span {
  color: #fff !important;
}

.stoveHeader--orange .nav--utill .nav__items__item__more:after {
  background: url("../../images/share/relay_header/arrow-bot-gnb_11x7.png") 0 0 no-repeat !important;
}

.stoveHeader--orange .nav--utill .nav__items__item__more:hover:after,
.stoveHeader--orange .nav--utill .nav__items__item__more:focus:after {
  background: url("../../images/share/relay_header/arrow-bot-gnb_11x7-over.png") 0 0 no-repeat !important;
}

.stoveHeader--new {
  position: absolute;
  top: 27px;
  left: -15px;
  border: none;
  background-color: transparent;
}

.stoveHeader--new hgroup h1 a,
.stoveHeader--new .title h1 a {
  top: 0 !important;
  width: auto !important;
  height: auto !important;
  background-image: none !important;
}

.stoveHeader__menu {
  float: left;
  margin-left: 18px;
  padding: 16px 0;
}

.stoveHeader__menu ul:after {
  content: '';
  display: block;
  clear: both;
}

.stoveHeader__menu ul li {
  position: relative;
  float: left;
  padding: 0 12px;
}

.stoveHeader__menu ul li:first-child:after {
  display: none;
}

.stoveHeader__menu ul li:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 1px;
  height: 11px;
  background-color: #fff;
  opacity: 0.4;
}

.stoveHeader__menu ul li.myhome {
  margin-left: 20px;
}

.stoveHeader__menu ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  opacity: 0.8;
  letter-spacing: -0.5px;
}

.stoveHeader__menu ul li a:hover,
.stoveHeader__menu ul li a.is-active {
  opacity: 1;
  font-weight: bold;
}

.stoveHeader__inner {
  position: relative;
  width: inherit;
  max-width: 1210px;
  min-width: 966px;
  background-color: #fff;
  height: inherit;
  margin: 0 auto;
}

.stoveHeader__inner:after {
  content: '';
  display: block;
  clear: both;
}

.stoveHeader__inner hgroup h1 a,
.stoveHeader__inner .title h1 a {
  float: left;
  display: block;
  width: 107px;
  height: 25px;
  margin-top: 13px;
  background: url("../../images/share/bi_stove.png") 0 0 no-repeat;
}

.stoveHeader__inner hgroup h1 a.logo--pf,
.stoveHeader__inner .title h1 a.logo--pf {
  width: 100px;
  min-height: 38px;
  margin-top: 5px;
  background: url("../../images/share/pf_logo.png") center no-repeat;
}

.stoveHeader__inner hgroup h1 a.logo--st,
.stoveHeader__inner .title h1 a.logo--st {
  width: 107px;
  height: 25px;
  margin-top: 12px;
  background: url("../../images/share/bi_st-white.png") 0 0 no-repeat;
}

.stoveHeader__inner .game {
  float: left;
  position: relative;
}

.stoveHeader__inner .game__title {
  display: block;
  margin-top: 16px;
  margin-left: 51px;
  letter-spacing: -1px;
  font-size: 14px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.stoveHeader__inner .game__title .icon--list {
  width: 13px;
  height: 10px;
  background: url("../../images/share/relay_header/view-list_13x10-over.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list {
  display: none;
  position: absolute;
  top: 50px;
  left: 25px;
  padding: 0;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.13);
  z-index: 100;
}

.stoveHeader__inner .game__list:before {
  content: "";
  position: absolute;
  top: -5px;
  left: 60px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #4e5666;
}

.stoveHeader__inner .game__list:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 61px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #4e5666;
  content: '';
  display: block;
  clear: both;
}

.stoveHeader__inner .game__list__container {
  border-radius: 5px;
  white-space: nowrap;
  overflow: hidden;
}

.stoveHeader__inner .game__list__container:after {
  content: '';
  display: block;
  clear: both;
}

.stoveHeader__inner .game__list .list {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.stoveHeader__inner .game__list .list:after {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 0;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.stoveHeader__inner .game__list .list > h3 {
  display: table;
  width: 100%;
  height: 25px;
  padding-top: 10px;
  background-color: #4e5666;
  text-align: center;
  letter-spacing: -0.5px;
  font-size: 14px;
  color: #fff;
  line-height: 17px;
  font-weight: bold;
}

.stoveHeader__inner .game__list .list__pc {
  margin-left: -1px;
}

.stoveHeader__inner .game__list .list__pc h3 {
  border-top-left-radius: 5px;
}

.stoveHeader__inner .game__list .list__pc:after {
  display: none;
  right: 0;
}

.stoveHeader__inner .game__list .list__mobile {
  margin-left: -5px;
  margin-right: -1px;
}

.stoveHeader__inner .game__list .list__mobile h3 {
  border-top-right-radius: 5px;
}

.stoveHeader__inner .game__list .list__mobile:after {
  left: 0;
}

.stoveHeader__inner .game__list .list__link {
  display: table-cell;
}

.stoveHeader__inner .game__list .list__link > a {
  position: relative;
  padding-left: 30px;
  letter-spacing: -1.2px;
  font-size: 11px;
  color: #333;
  line-height: normal;
  font-weight: normal;
}

.stoveHeader__inner .game__list .list__link > a:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 12px;
  width: 14px;
  height: 13px;
  background: url("../../images/share/relay_header/message_14x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list .list > ul {
  display: table;
  vertical-align: top;
  padding: 10px 15px;
}

.stoveHeader__inner .game__list .list > ul > li {
  display: table-row;
  position: relative;
  margin-top: 10px;
}

.stoveHeader__inner .game__list .list > ul > li:first-child {
  margin-top: 0;
}

.stoveHeader__inner .game__list .list > ul > li:first-child > a {
  padding-top: 0;
}

.stoveHeader__inner .game__list .list > ul > li > a {
  display: table-cell;
  padding-top: 10px;
}

.stoveHeader__inner .game__list .list > ul > li > a img {
  width: 30px;
  height: 30px;
  margin-right: 9px;
  border-radius: 3px;
}

.stoveHeader__inner .game__list .list > ul > li > a:hover .name {
  text-decoration: underline;
}

.stoveHeader__inner .game__list .list > ul > li > a > .name {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #333;
  line-height: 30px;
  font-weight: bold;
}

.stoveHeader__inner .game__list .list > ul > li > a > .tooltip {
  position: relative;
  display: inline-block;
  opacity: inherit;
  margin: 0;
  padding: 0;
  background-color: inherit;
  box-shadow: none;
  border-radius: 0;
  color: inherit;
  font-size: inherit;
  transition: inherit;
}

.stoveHeader__inner .game__list .list > ul > li > a > .tooltip .icon--info {
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: url("../../images/share/relay_header/info_12x12.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list .list > ul > li > a > .tooltip .list__tootip {
  display: none;
  position: absolute;
  top: -19px;
  left: -39px;
  z-index: 100;
}

.stoveHeader__inner .game__list .list > ul > li > a > .tooltip .list__tootip:before {
  right: 40%;
}

.stoveHeader__inner .game__list .list > ul > li > a > .tooltip .list__tootip:after {
  right: 41%;
}

.stoveHeader__inner .game__list .list > ul > li > a > .tooltip .list__tootip span {
  white-space: nowrap;
}

.stoveHeader__inner .game__list .list > ul > li > a > .tooltip:hover .list__tootip {
  display: block;
}

.stoveHeader__inner .game__list .list > ul > li > a .icon--play {
  position: absolute;
  top: -7px;
  left: 20px;
  width: 18px;
  height: 18px;
  background: url("../../images/share/icon_play_18x18.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list .list > ul > li > a .icon--window {
  vertical-align: middle;
  width: 11px;
  height: 11px;
  background: url("../../images/share/relay_header/newwindow_11x11.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list .list > ul > li > a .icon--new {
  width: 31px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-new-31x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list .list > ul > li > a .icon--cbt {
  width: 31px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-cbt-31x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list .list > ul > li > a .icon--obt {
  width: 31px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-obt-31x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list .list > ul > li > a .icon--update {
  width: 46px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-update-46x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list .list > ul > li > a .icon--pre {
  width: 31px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-pre-31x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list .list > ul > li > a .icon--pre2 {
  width: 43px;
  height: 13px;
  margin-left: 3px;
  vertical-align: middle;
  background: url("../../images/share/relay_header/ic-pre-43x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game__list .list > ul > li > a .mark {
  position: absolute;
  bottom: 0;
  width: 48px;
  height: 12px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
}

.stoveHeader__inner .game__list .list > ul > li > a .mark span {
  display: inline-block;
  vertical-align: top;
  font-size: 8px;
  color: #fff;
  line-height: 12px;
  font-weight: bold;
}

.stoveHeader__inner .game--sub {
  float: left;
}

.stoveHeader__inner .game--sub__title {
  display: block;
  margin-top: 16px;
  margin-left: 44px;
  letter-spacing: -1px;
  font-size: 14px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.stoveHeader__inner .game--sub .icon {
  width: 31px;
  height: 13px;
  margin-bottom: 2px;
  margin-left: 6px;
  vertical-align: middle;
}

.stoveHeader__inner .game--sub .icon--new {
  background: url("../../images/share/relay_header/ic-new-31x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game--sub .icon--cbt {
  background: url("../../images/share/relay_header/ic-cbt-31x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game--sub .icon--obt {
  background: url("../../images/share/relay_header/ic-obt-31x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game--sub .icon--update {
  width: 46px;
  background: url("../../images/share/relay_header/ic-update-46x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game--sub .icon--pre {
  width: 31px;
  background: url("../../images/share/relay_header/ic-pre-31x13.png") 0 0 no-repeat;
}

.stoveHeader__inner .game--sub .icon--pre2 {
  width: 43px;
  background: url("../../images/share/relay_header/ic-pre-43x13.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill {
  position: absolute;
  top: 10px;
  right: 0;
}

.stoveHeader .nav--utill:after {
  content: '';
  display: block;
  clear: both;
}

.stoveHeader .nav--utill .nav__search {
  position: relative;
  float: left;
  margin-right: 30px;
}

.stoveHeader .nav--utill .nav__search .form-control--base-b {
  padding: 7px 30px 6px 10px;
}

.stoveHeader .nav--utill .nav__search .form-control--base-b:focus ~ button {
  background-image: url("../../images/share/sprite/icon_libs/glass_15x14-over.png");
}

.stoveHeader .nav--utill .nav__search .form-control--base-b:focus ~ .nav__search__list {
  display: block;
}

.stoveHeader .nav--utill .nav__search__button {
  position: absolute;
  display: block;
  top: 1px;
  right: 1px;
  width: 32px;
  height: 29px;
  border: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: url("../../images/share/sprite/icon_libs/glass_15x14.png") #fff center no-repeat;
  outline: none;
}

.stoveHeader .nav--utill .nav__search__button:hover {
  background-image: url("../../images/share/sprite/icon_libs/glass_15x14-over.png");
}

.stoveHeader .nav--utill .nav__search__list {
  display: none;
  position: absolute;
  top: 39px;
  left: 0px;
  width: 238px;
  border: 1px solid #c2c2c2;
  background-color: #fff;
}

.stoveHeader .nav--utill .nav__search__list:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.stoveHeader .nav--utill .nav__search__list:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 11px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.stoveHeader .nav--utill .nav__search__list .list h3 {
  height: 22px;
  padding-top: 7px;
  padding-left: 10px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ebebeb;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.stoveHeader .nav--utill .nav__search__list .list--member ul {
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
}

.stoveHeader .nav--utill .nav__search__list .list--member ul li {
  margin-top: 5px;
}

.stoveHeader .nav--utill .nav__search__list .list--member ul li:first-child {
  margin-top: 0;
}

.stoveHeader .nav--utill .nav__search__list .list--member ul li a {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 28px;
  font-weight: normal;
}

.stoveHeader .nav--utill .nav__search__list .list--member ul li a:hover {
  color: #333;
  font-weight: bold;
}

.stoveHeader .nav--utill .nav__search__list .list--tag ul {
  padding: 7px 18px;
}

.stoveHeader .nav--utill .nav__search__list .list--tag ul li {
  margin-top: 10px;
}

.stoveHeader .nav--utill .nav__search__list .list--tag ul li:first-child {
  margin-top: 0;
}

.stoveHeader .nav--utill .nav__search__list .list--tag ul li a {
  display: block;
  padding-left: 25px;
  background: url("../../images/share/sprite/icon_libs/tag_12x15.png") 0 7px no-repeat;
}

.stoveHeader .nav--utill .nav__search__list .list--tag ul li a strong,
.stoveHeader .nav--utill .nav__search__list .list--tag ul li a span {
  display: block;
}

.stoveHeader .nav--utill .nav__search__list .list--tag ul li a strong {
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.stoveHeader .nav--utill .nav__search__list .list--tag ul li a span {
  font-size: 11px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.stoveHeader .nav--utill .nav__search__list .list--button {
  border-top: 1px solid #ebebeb;
}

.stoveHeader .nav--utill .nav__search__list .list--button a {
  display: block;
  height: 35px;
  text-align: center;
  font-size: 12px;
  color: #999;
  line-height: 32px;
  font-weight: normal;
}

.stoveHeader .nav--utill .nav__search__list .list--button a .icon--arrow {
  margin-left: 5px;
  width: 6px;
  height: 9px;
  background: url("../../images/share/relay_header/arrow-right_6x9.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__search__list .list--button a:hover {
  color: #666;
}

.stoveHeader .nav--utill .nav__items {
  float: left;
  display: block;
}

.stoveHeader .nav--utill .nav__items.logout {
  margin-left: -2px;
}

.stoveHeader .nav--utill .nav__items.logout .nav__items__item {
  padding: 0 8px !important;
}

.stoveHeader .nav--utill .nav__items.logout .nav__items__item__menu {
  margin-left: 10px !important;
}

.stoveHeader .nav--utill .nav__items.logout .nav__items__item__menu span {
  padding-top: 6px !important;
}

.stoveHeader .nav--utill .nav__items.logout .nav__items__item__more:after {
  left: 25% !important;
}

.stoveHeader .nav--utill .nav__items:after {
  content: "";
  display: block;
  clear: both;
}

.stoveHeader .nav--utill .nav__items__item {
  position: relative;
  float: left;
  padding: 3px 17px;
  text-align: center;
}

.stoveHeader .nav--utill .nav__items__item:first-child {
  padding-left: 0;
}

.stoveHeader .nav--utill .nav__items__item:first-child:before,
.stoveHeader .nav--utill .nav__items__item:first-child:after {
  display: none;
}

.stoveHeader .nav--utill .nav__items__item:before {
  content: "";
  position: absolute;
  top: 10px;
  width: 1px;
  height: 10px;
  margin-left: -9px;
  background-color: #d9d9d9;
}

.stoveHeader .nav--utill .nav__items__item .cash {
  color: #999;
}

.stoveHeader .nav--utill .nav__items__item .cash span {
  color: #f0562d;
}

.stoveHeader .nav--utill .nav__items__item__link {
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
}

.stoveHeader .nav--utill .nav__items__item__link.icon {
  width: 20px;
  height: 20px;
  background: url("../../images/share/relay_header/glass_20x20.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__items__item__link:hover {
  text-decoration: underline;
}

.stoveHeader .nav--utill .nav__items__item__link:hover.icon {
  width: 20px;
  height: 20px;
  background: url("../../images/share/relay_header/glass_20x20-over.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__items__item__link span {
  text-transform: none;
  font-size: 12px;
  color: #333;
  line-height: 18px;
  font-weight: bold;
}

.stoveHeader .nav--utill .nav__items__item__menu {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  line-height: 30px;
  font-weight: normal;
}

.stoveHeader .nav--utill .nav__items__item__menu span {
  display: inline-block;
  max-width: 135px;
  padding-top: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: none;
  font-size: 12px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.stoveHeader .nav--utill .nav__items__item__menu:hover {
  text-decoration: none;
}

.stoveHeader .nav--utill .nav__items__item__menu:hover span {
  text-decoration: underline;
}

.stoveHeader .nav--utill .nav__items__item__more {
  position: relative;
  display: inline-block;
  margin-left: -3px;
  padding: 10px;
}

.stoveHeader .nav--utill .nav__items__item__more:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 10%;
  width: 11px;
  height: 7px;
  background: url("../../images/share/relay_header/arrow-bot-list_11x7.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__items__item__more:hover:after,
.stoveHeader .nav--utill .nav__items__item__more:focus:after {
  width: 11px;
  height: 7px;
  background: url("../../images/share/relay_header/arrow-bot-list_11x7-over.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__client {
  float: left;
  margin: 5px 10px 0 21px;
}

.stoveHeader .nav--utill .nav__client .icon--client {
  width: 17px;
  height: 19px;
  background: url("../../images/share/relay_header/icon_client-17x19.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__client .icon--client + .nav__client__tooltip {
  display: none;
  position: absolute;
  top: 31px;
  right: 71px;
  z-index: 100;
}

.stoveHeader .nav--utill .nav__client .icon--client + .nav__client__tooltip span {
  white-space: nowrap;
}

.stoveHeader .nav--utill .nav__client .icon--client:hover {
  width: 17px;
  height: 19px;
  background: url("../../images/share/relay_header/icon_client-17x19-over.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__client .icon--client:hover + .nav__client__tooltip {
  display: block;
}

.stoveHeader .nav--utill .nav__multilingual {
  float: left;
}

.stoveHeader .nav--utill .nav__multilingual .icon--globe {
  vertical-align: baseline;
}

.stoveHeader .nav--utill .nav__multilingual__toggle {
  position: relative;
  display: inline-block;
  margin-right: 21px;
  padding: 7px 10px;
  font-size: 12px;
}

.stoveHeader .nav--utill .nav__multilingual__toggle:after {
  content: "";
  position: absolute;
  top: 12px;
  right: -3px;
  width: 10px;
  height: 7px;
  background: url("../../images/share/relay_header/arrow-bot_10x7.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__multilingual__toggle:hover span {
  text-decoration: underline;
}

.stoveHeader .nav--utill .nav__multilingual__toggle span {
  vertical-align: top;
  color: #333;
}

.stoveHeader .nav--utill .nav__multilingual .popup--shape-a:before {
  right: 18px;
}

.stoveHeader .nav--utill .nav__multilingual .popup--shape-a:after {
  right: 19px;
}

.stoveHeader .nav--utill .nav__multilingual .popup--shape-a a.on {
  background: url("../../images/share/icon_check_11x10.png") right center no-repeat;
}

.stoveHeader .nav--utill .nav__notifications {
  float: left;
  margin: 6px 15px 0 2px;
}

.stoveHeader .nav--utill .nav__notifications .dropdown__child {
  left: -3px;
  z-index: 20;
}

.stoveHeader .nav--utill .nav__notifications__toggle {
  position: relative;
  display: block;
  width: 18px;
  height: 19px;
}

.stoveHeader .nav--utill .nav__notifications__toggle:hover .icon--bell {
  width: 18px;
  height: 19px;
  background: url("../../images/share/relay_header/bell-18x19-over.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__notifications__toggle:hover .icon--bell + .nav__notifications__tootip {
  display: block;
}

.stoveHeader .nav--utill .nav__notifications__toggle:focus .icon--bell {
  width: 18px;
  height: 19px;
  background: url("../../images/share/relay_header/bell-18x19-over.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__notifications__toggle .icon--bell {
  width: 18px;
  height: 19px;
  background: url("../../images/share/relay_header/bell-18x19.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip {
  display: none;
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.stoveHeader .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip:before {
  right: 40%;
}

.stoveHeader .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip:after {
  right: 41%;
}

.stoveHeader .nav--utill .nav__notifications__toggle .icon--bell + .nav__notifications__tootip span {
  white-space: nowrap;
}

.stoveHeader .nav--utill .nav__notifications__toggle .number {
  position: absolute;
  top: -10px;
  right: -8px;
  display: block;
  min-width: 14px;
  height: 18px;
  padding: 0 2px;
  border-radius: 18px;
  background-color: #069fee;
  text-align: center;
  font-size: 10px;
  color: #fff;
  line-height: 18px;
  font-weight: bold;
}

.stoveHeader .nav--utill .nav__notifications .tab__nav__items__item__link {
  font-size: 12px;
  color: #333;
  line-height: 10px;
  font-weight: bold;
}

.stoveHeader .nav--utill .nav__notifications .tab__nav__items__item__link span {
  display: inline-block;
  margin-left: 3px;
  color: #069fee;
}

.stoveHeader .nav--utill .nav__notifications .notice .scroll-wrapper {
  height: 264px;
}

.stoveHeader .nav--utill .nav__notifications .notice .scroll-bar {
  left: -7px;
}

.stoveHeader .nav--utill .nav__notifications .notice ul {
  margin-bottom: 0;
  padding-top: 6px;
  overflow: hidden;
}

.stoveHeader .nav--utill .nav__notifications .notice li {
  padding: 6px 0 8px;
  border-top: 1px solid #ebebeb;
}

.stoveHeader .nav--utill .nav__notifications .notice li:first-child {
  border-top: none;
}

.stoveHeader .nav--utill .nav__notifications .notice__link {
  display: block;
  width: 378px;
  overflow: hidden;
}

.stoveHeader .nav--utill .nav__notifications .notice__link:hover {
  text-decoration: underline;
  text-decoration-color: #666;
}

.stoveHeader .nav--utill .nav__notifications .notice__link:hover span {
  text-decoration: underline;
  text-decoration-color: #333;
}

.stoveHeader .nav--utill .nav__notifications .notice__link:hover .notice__link__info__time {
  text-decoration: none;
}

.stoveHeader .nav--utill .nav__notifications .notice__link__img {
  float: left;
  margin-top: 4px;
}

.stoveHeader .nav--utill .nav__notifications .notice__link__img img {
  width: 28px;
  height: 28px;
  border-radius: 28px;
}

.stoveHeader .nav--utill .nav__notifications .notice__link__info {
  padding-left: 36px;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
}

.stoveHeader .nav--utill .nav__notifications .notice__link__info span {
  display: inline;
}

.stoveHeader .nav--utill .nav__notifications .notice__link__info__nickname {
  color: #333;
  font-weight: bold;
}

.stoveHeader .nav--utill .nav__notifications .notice__link__info__nickname em {
  color: #069fee;
}

.stoveHeader .nav--utill .nav__notifications .notice__link__info__time {
  font-size: 11px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.stoveHeader .nav--utill .nav__notifications .notice__link__info__time p {
  display: inline-block;
}

.stoveHeader .nav--utill .nav__notifications .notice__link__info__time p .icon--fliking {
  width: 7px;
  height: 7px;
  background: url("../../images/share/relay_header/fliking_7x7.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__notifications .notice__more {
  display: block;
  margin-bottom: 0 !important;
  padding-top: 10px;
  text-align: center;
  border-top: 1px solid #ebebeb;
  font-size: 11px;
  color: #999;
  line-height: 16px;
  font-weight: normal;
}

.stoveHeader .nav--utill .nav__notifications .notice__more:hover {
  text-decoration: underline;
}

.stoveHeader .nav--utill .nav__notifications .notice__empty {
  padding: 0;
}

.stoveHeader .nav--utill .nav__notifications .notice__empty__text {
  font-size: 13px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
  margin-top: 120px;
  text-align: center;
}

.stoveHeader .nav--utill .nav__notifications .notice__empty a {
  display: none;
}

.stoveHeader .nav--utill .nav__menu {
  float: right;
  margin: 9px 0 0 20px;
}

.stoveHeader .nav--utill .nav__menu .dropdown__child {
  left: -7px;
  z-index: 10;
}

.stoveHeader .nav--utill .nav__menu .icon--menu {
  width: 18px;
  height: 15px;
  background: url("../../images/share/relay_header/icon-menu_18x15.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__menu .icon--menu:hover {
  width: 18px;
  height: 15px;
  background: url("../../images/share/relay_header/icon-menu_18x15-over.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__community {
  float: left;
  margin-right: 10px;
  padding-top: 5px;
}

.stoveHeader .nav--utill .nav__community ul li a {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.stoveHeader .nav--utill .nav__community ul li a:hover {
  text-decoration: underline;
}

.stoveHeader .nav--utill .nav__community ul li a .icon--arrow {
  width: 6px;
  height: 9px;
  margin-left: 5px;
  margin-bottom: 1px;
  background: url("../../images/share/relay_header/arrow-right_6x9-white.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__download {
  float: left;
  margin: 6px 15px 0 0;
}

.stoveHeader .nav--utill .nav__download .dropdown__child {
  left: -3px;
  z-index: 20;
}

.stoveHeader .nav--utill .nav__download__toggle {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
}

.stoveHeader .nav--utill .nav__download__toggle:hover .icon--download {
  width: 18px;
  height: 18px;
  background: url("../../images/share/relay_header/icon-download-18x18-over.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__download__toggle:hover .icon--download + .nav__download__tootip {
  display: block;
}

.stoveHeader .nav--utill .nav__download__toggle:focus .icon--bell {
  width: 18px;
  height: 18px;
  background: url("../../images/share/relay_header/icon-download-18x18-over.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__download__toggle .icon--download {
  width: 18px;
  height: 18px;
  background: url("../../images/share/relay_header/icon-download-18x18.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__download__toggle .icon--download + .nav__download__tootip {
  display: none;
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.stoveHeader .nav--utill .nav__download__toggle .icon--download + .nav__download__tootip:before {
  right: 45%;
}

.stoveHeader .nav--utill .nav__download__toggle .icon--download + .nav__download__tootip:after {
  right: 45%;
}

.stoveHeader .nav--utill .nav__download__toggle .icon--download + .nav__download__tootip span {
  white-space: nowrap;
}

.stoveHeader .nav--utill .nav__download .popup--base-a.popup--shape-a {
  width: 250px;
  padding: 12px 0;
}

.stoveHeader .nav--utill .nav__download .popup--base-a.popup--shape-a:before {
  content: "";
  position: absolute;
  top: -5px;
  right: 120px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.stoveHeader .nav--utill .nav__download .popup--base-a.popup--shape-a:after {
  content: "";
  position: absolute;
  top: -4px;
  right: 121px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.stoveHeader .nav--utill .nav__download .download ul {
  text-align: center;
}

.stoveHeader .nav--utill .nav__download .download ul:after {
  content: "";
  display: block;
  clear: both;
}

.stoveHeader .nav--utill .nav__download .download li {
  position: relative;
  float: left;
  width: 50%;
  padding: 0;
}

.stoveHeader .nav--utill .nav__download .download li:first-child:before {
  display: none;
}

.stoveHeader .nav--utill .nav__download .download li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 81px;
  background-color: #f3f3f3;
}

.stoveHeader .nav--utill .nav__download .download li a {
  display: block;
}

.stoveHeader .nav--utill .nav__download .download li a:hover {
  text-decoration: underline;
}

.stoveHeader .nav--utill .nav__download .download li a .icon--pc {
  width: 46px;
  height: 42px;
  background: url("../../images/share/relay_header/icon-pc-46x39.png") 0 3px no-repeat;
}

.stoveHeader .nav--utill .nav__download .download li a .icon--mobile {
  width: 24px;
  height: 42px;
  background: url("../../images/share/relay_header/icon-mobile-24x42.png") 0 0 no-repeat;
}

.stoveHeader .nav--utill .nav__download .download li a span {
  display: block;
  width: 125px;
  margin: 5px auto 0;
  font-size: 11px;
  color: #333;
  letter-spacing: -0.1px;
}

.stoveHeader .popup--base-a.popup--shape-a {
  width: 380px;
  padding: 12px 15px;
  border-radius: 5px;
}

.stoveHeader .popup--base-a.popup--shape-a h3 {
  margin-bottom: 10px;
  font-size: 13px !important;
  color: #333 !important;
  line-height: normal !important;
  font-weight: bold !important;
}

.stoveHeader .popup--base-a.popup--shape-a .more {
  display: block;
  position: absolute;
  top: 11px;
  right: 16px;
  width: auto;
}

.stoveHeader .popup--base-a.popup--shape-a .more .icon--plus {
  width: 10px;
  height: 10px;
  background: url("../../images/share/relay_header/plus_10x10-alto.png") 0 0 no-repeat;
}

.stoveHeader .popup--base-a.popup--shape-a .more:hover .icon--plus {
  width: 10px;
  height: 10px;
  background: url("../../images/share/relay_header/plus_10x10-alto-over.png") 0 0 no-repeat;
}

.stoveHeader .popup--base-b {
  width: 100%;
}

.stoveHeader .popup--base-b:before {
  content: "";
  position: absolute;
  top: -5px;
  right: 7px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.stoveHeader .popup--base-b:after {
  content: "";
  position: absolute;
  top: -4px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
}

.stoveHeader .popup--base-b.popup--shape-a {
  min-width: 110px;
  max-width: 125px;
  padding: 5px 15px;
  border-radius: 5px;
}

.stoveHeader .popup--base-b.popup--shape-a ul:after {
  content: '';
  display: block;
  clear: both;
}

.stoveHeader .popup--base-b.popup--shape-a li {
  float: left;
  width: 100%;
  border-top: 1px solid #ebebeb;
}

.stoveHeader .popup--base-b.popup--shape-a li:first-child {
  border-top: none;
}

.stoveHeader .popup--base-b.popup--shape-a li a {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 12px;
  color: #666;
  line-height: 32px;
  font-weight: normal;
}

.stoveHeader .popup--base-b.popup--shape-a li a .icon--arrow {
  position: absolute;
  top: 12px;
  right: 0;
  width: 6px;
  height: 10px;
  background: url("../../images/share/relay_header/arrow-right-6x10.png") 0 0 no-repeat;
}

.stoveHeader .popup--base-b.popup--shape-a li a:hover {
  color: #333;
  font-weight: bold;
}

.stoveHeader .popup--base-b.popup--shape-a li a:hover span {
  color: #333;
  text-decoration: none;
}

.stoveHeader .popup--base-b.popup--shape-a li a:hover .icon--arrow {
  width: 6px;
  height: 10px;
  background: url("../../images/share/relay_header/arrow-right-6x10-over.png") 0 0 no-repeat;
}

.header-member {
  margin: 100px 0 30px 0;
  text-align: center;
}

.header-member__logo {
  height: 120px;
  line-height: 120px;
}

.header-member__logo img {
  vertical-align: middle;
}

.header-member img {
  width: 170px;
}

.is-sticky-header .stHeader {
  position: relative !important;
  margin-bottom: -50px;
}

.is-sticky-header .stoveHeader {
  position: relative !important;
}

.is-sticky-header .client-promote {
  margin-top: 0;
}

.is-sticky-header .content {
  position: relative;
  margin: 0;
  padding: 0;
}

.client-promote {
  margin-top: -450px;
  position: relative;
  min-width: 1024px;
  height: 450px;
  background: #1f1d2b url("../../images/promotion/bg_promotion_client.png") no-repeat 50% 50%;
  background-size: cover;
  color: #fff;
  font-size: 15px;
  transition: margin-top 500ms cubic-bezier(0.23, 1, 0.32, 1);
  overflow: hidden;
  font-weight: 100;
}

.client-promote:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -660px;
  width: 660px;
  height: 450px;
  background: url("../../images/promotion/img_promotion_client.png") no-repeat 0 0;
  background-size: auto 100%;
}

.client-promote__inner {
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
  padding-top: 80px;
  max-width: 1454px;
  box-sizing: border-box;
}

.client-promote__box {
  position: absolute;
  left: 50%;
  margin-left: 60px;
  padding-right: 20px;
  word-break: keep-all;
}

.client-promote__title {
  margin: 0;
  margin-bottom: 15px;
  font-size: 48px;
  font-weight: normal;
  color: #fff;
  line-height: 1.2;
  font-weight: 100;
}

.client-promote__title small {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1;
}

.client-promote__text {
  margin-bottom: 60px;
  opacity: 0.9;
}

.client-promote__text.is-small {
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.6;
  color: #fff;
  opacity: 0.5;
}

.client-promote__btn {
  display: inline-block;
  padding: 0 40px;
  line-height: 48px;
  height: 48px;
  background-color: #ff5000;
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

.client-promote__btn:hover,
.client-promote__btn:focus {
  background: #ff6925;
}

.client-promote__x {
  position: absolute;
  top: 23px;
  right: 0;
  width: 42px;
  height: 42px;
  background: #000 url("../../images/promotion/ico_x.png") no-repeat 50% 50%;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  text-indent: -1000em;
}

.client-promote__x:hover,
.client-promote__x:active {
  background-color: #ff5000;
}

@media only screen and (max-width: 1279px) {
  .client-promote:before {
    margin-left: -555px;
  }
}

@media only screen and (max-width: 1024px) {
  .is-sticky-header .stHeader {
    position: relative !important;
    margin-bottom: 0;
  }

  .is-sticky-header .stHeader__inner {
    overflow: visible;
  }

  .is-sticky-header .stoveHeader {
    position: relative !important;
    margin-bottom: 0;
  }

  .is-sticky-header .stoveHeader__inner {
    overflow: visible;
  }
}

/*
#================================================================================
# Public Component: footer
# Developer Name: lee won-min
# Version: 1.0
# Date Created: 2016.01.04
# -------------------------------------------------------------------------------
# ** Update Information
#--------------------------------------------------------------------------------
# 2016.01.04 - first create
*/

/*
#================================================================================
# Core - Begin
#================================================================================
*/

/*
#================================================================================
# Core - end
#================================================================================
*/

.footer {
  position: relative;
  margin-top: 80px;
  color: #666;
  background-color: #fff;
}

.footer-notice {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  background-color: #5e5e5e;
}

.footer-notice::after {
  content: '';
  display: block;
  clear: both;
}

.footer-notice__title {
  float: left;
  margin-top: 12px;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  line-height: normal;
  font-weight: bold;
}

.footer-notice__list {
  float: left;
  margin-left: 15px;
}

.footer-notice__list__item {
  max-width: 775px;
}

.footer-notice__list__link {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  color: #fff;
  min-width: 387px;
  max-width: 775px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.footer-notice__list__link:first-child::after {
  display: none;
}

.footer-notice__list__link::after {
  content: '';
  position: absolute;
  top: 17px;
  left: -1px;
  width: 1px;
  height: 9px;
  background-color: #999;
}

.footer-notice__list__link:hover {
  text-decoration: underline;
}

.footer-legal__link {
  position: relative;
  margin: 0 4px;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  font-size: 12px;
  color: #333;
  line-height: normal;
  font-weight: normal;
}

.footer-legal__link:after {
  content: '';
  position: absolute;
  top: 7px;
  left: -7px;
  width: 2px;
  height: 2px;
  background-color: #c4c4c4;
}

.footer-legal__link:first-child {
  margin-left: 0;
}

.footer-legal__link:first-child:after {
  display: none;
}

.footer-legal__link:hover {
  text-decoration: underline;
}

.footer-legal__link i {
  color: #FC6020;
  font-weight: bold;
}

.footer-address {
  display: block;
  line-height: 20px;
  margin-bottom: 9px;
  font-size: 11px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.footer-address__block {
  margin-top: 5px;
}

.footer-address__block:first-child {
  margin-top: 0;
}

.footer-address__text {
  display: inline-block;
  position: relative;
  margin: 0 5px;
}

.footer-address__text:after {
  content: '';
  position: absolute;
  top: 4px;
  left: -8px;
  width: 1px;
  height: 7px;
  background-color: #bebebe;
}

.footer-address__text:first-child {
  margin-left: 0;
}

.footer-address__text:first-child:after {
  display: none;
}

.footer-address__text a {
  color: #999;
  text-decoration: underline;
}

.footer-address__text a:hover {
  color: #666;
  text-decoration: underline;
}

.footer-address__text .mail {
  text-decoration: none;
}

.footer-copyright {
  position: relative;
  padding-top: 16px;
}

.footer-copyright small {
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: bold;
}

.footer__inner {
  position: relative;
  padding: 0 15px;
}

.footer__inner.top {
  background-color: #5e5e5e;
}

.footer__inner.bottom {
  background-color: #fff;
}

.footer__inner--top {
  position: relative;
  max-width: 1024px;
  margin: 0 auto;
}

.footer__inner--top .link {
  position: absolute;
  top: 12px;
  right: 0;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  font-weight: bold;
}

.footer__inner--top .link:hover {
  text-decoration: underline;
}

.footer__inner--top .link .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -399px;
  width: 6px;
  height: 9px;
}

.footer__inner--bottom {
  max-width: 1024px;
  padding: 27px 0;
  margin: 0 auto;
  background-color: #fff;
}

.footer__inner--bottom .footer__inner--bottom {
  padding: 0;
}

.footer-mobile {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 30px 0 40px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  border-top: 1px solid #ddd;
  z-index: 1000;
}

.footer-mobile__inner {
  margin-left: -70px;
}

.footer-mobile p .icon--mark {
  vertical-align: text-bottom;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -96px;
  width: 16px;
  height: 16px;
}

.footer-mobile p span {
  display: inline-block;
  font-size: 13px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.footer-mobile__button {
  display: block;
  width: 125px;
  height: 24px;
  margin: 30px auto 0;
  padding: 15px 10px;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #fbfbfb;
  letter-spacing: -2px;
  font-size: 24px;
  color: #333;
  line-height: 24px;
  font-weight: bold;
}

.footer .dropdown__menu {
  min-width: inherit;
  top: -72px;
  left: -20px;
  margin: 5px 0 !important;
}

.link-top {
  position: fixed;
  bottom: 0;
  right: 0;
  display: block;
  width: 25px;
  height: 23px;
  padding-top: 6px;
  margin-top: 20px;
  border: 1px solid #d9d9d9;
  background-color: #f2f2f2;
  text-align: center;
  text-transform: uppercase;
  z-index: 4;
  font-size: 9px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.link-top .icon {
  position: static;
  display: block;
  margin: 0 auto;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -284px -298px;
  width: 11px;
  height: 7px;
}

.link-top:hover .icon {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -273px -298px;
  width: 11px;
  height: 7px;
}

.link-top__text {
  display: block;
}

.footer .select-language {
  position: absolute;
  top: 0;
  right: 0;
}

.select-language .icon {
  position: relative;
  vertical-align: middle;
}

.select-language .icon--arrow {
  top: -1px;
  margin-left: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.select-language__button {
  border: none;
  background-color: transparent;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.select-language__list {
  display: none;
  border: 1px solid #c2c2c2;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.select-language__list li {
  border-top: 1px solid #f1f1f1;
}

.select-language__list li:first-child {
  border-top: none;
}

.select-language__list li a {
  display: block;
  min-width: 93px;
  padding: 10px 15px;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.select-language__list li:hover,
.select-language__list li:hover a {
  background-color: #f7f7f7;
  color: #333;
}

.footer-member {
  position: relative;
  z-index: 1;
  min-height: 100px;
}

.footer-member__legal {
  margin: 35px 0 10px 0;
  text-align: center;
}

.footer-member__legal > li {
  position: relative;
  display: inline-block;
  padding: 0 11px 0 10px;
  line-height: 1;
}

.footer-member__legal > li a {
  color: #666;
}

.footer-member__legal > li a span {
  color: #666;
}

.footer-member__legal > li .icon-arrow {
  display: inline-block;
  margin: 3px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -526px -494px;
  width: 5px;
  height: 3px;
}

.footer-member__legal > li::after {
  content: '';
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 8px;
  background-color: #d9d9d9;
}

.footer-member__legal > li:last-child::after {
  display: none;
}

.footer-member__crop {
  text-align: center;
  margin-bottom: 4px;
}

.footer-member__crop .logo {
  display: inline-block;
  margin-right: 7px;
}

.footer-member__crop .logo img {
  vertical-align: middle;
}

.footer-member__crop .copy {
  display: inline-block;
  font-family: 'Tahoma';
  font-size: 11px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

/*
#================================================================================
# Public Component: layer
# Developer Name: choe jung-kyu
# Version: 1.0
# Date Created: 2016.01.04
# -------------------------------------------------------------------------------
# ** Update Information
#--------------------------------------------------------------------------------
# 2016.01.04 - first create
*/

/*
#================================================================================
# Core - Begin
#================================================================================
*/

/*
#================================================================================
# Core - end
#================================================================================
*/

.layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  overflow-y: scroll;
}

.layer--hidden {
  display: none;
}

.layer-detail {
  width: 958px;
  margin: 30px auto;
}

.layer-detail__container {
  position: relative;
  border: 1px solid #d9d9d9;
}

.layer-detail__header {
  position: relative;
  width: 100%;
}

.layer-detail__header .dialog--sns {
  position: absolute;
  top: 100px;
  right: 55px;
}

.layer-detail__contents {
  padding: 27px 50px 40px;
  overflow: hidden;
  word-wrap: break-word;
  background-color: #fff;
}

.layer-detail__recommend {
  height: 341px;
  padding-top: 28px;
  padding-bottom: 50px;
  border-top: 1px solid #d9d9d9;
  background-color: #f7f7f7;
}

.layer-detail__recommend h2 {
  text-align: center;
  font-size: 16px;
  color: #333;
  font-weight: normal;
  margin-bottom: 20px;
}

.layer-detail__reply {
  width: 854px;
  padding: 27px 51px 30px;
  border-top: 1px solid #d9d9d9;
}

.layer-detail__close {
  position: absolute;
  top: -1px;
  right: -47px;
}

.layer-detail__close .button {
  width: 42px;
  height: 42px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  overflow: hidden;
}

.layer-detail__close .button .icon--close {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -257px;
  width: 18px;
  height: 17px;
}

.layer-detail__close .button .icon--close:hover,
.layer-detail__close .button .icon--close.active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -240px;
  width: 18px;
  height: 17px;
}

.layer-detail-fixed {
  position: fixed;
  top: -1px;
  right: inherit;
  width: 42px;
  margin: 0 0 0 961px;
  background-color: #ffffff;
}

.layer-gallery {
  margin: 0 auto;
  position: relative;
}

.layer-gallery_screen {
  text-align: center;
}

.layer-gallery_control {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.layer-gallery_control .prev-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
}

.layer-gallery_control .prev-btn .icon--arrow {
  position: absolute;
  top: 50%;
  left: 24px;
  margin-top: -19px;
  z-index: 1;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -155px -400px;
  width: 21px;
  height: 38px;
}

.layer-gallery_control .prev-btn:hover .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -134px -400px;
  width: 21px;
  height: 38px;
}

.layer-gallery_control .prev-btn:hover .prev-btn__status {
  display: block;
}

.layer-gallery_control .next-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.layer-gallery_control .next-btn .icon--arrow {
  position: absolute;
  top: 50%;
  right: 24px;
  margin-top: -19px;
  z-index: 1;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -197px -400px;
  width: 21px;
  height: 38px;
}

.layer-gallery_control .next-btn:hover .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -176px -400px;
  width: 21px;
  height: 38px;
}

.layer-gallery_control .next-btn:hover .next-btn__status {
  display: block;
}

.layer-gallery_control .prev-btn__status {
  display: none;
  width: 83px;
  height: 41px;
  padding-top: 31px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -36px;
  text-align: right;
  padding-right: 24px;
}

.layer-gallery_control .prev-btn__status span {
  font-size: 14px;
  color: #fff;
  line-height: 15px;
  font-weight: normal;
  opacity: 0.6;
}

.layer-gallery_control .prev-btn__status .current {
  opacity: 1;
}

.layer-gallery_control .next-btn__status {
  display: none;
  width: 83px;
  height: 41px;
  padding-top: 31px;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 14px;
  color: #fff;
  line-height: 15px;
  font-weight: normal;
  padding-left: 24px;
  margin-top: -36px;
}

.layer-gallery_control .next-btn__status span {
  font-size: 14px;
  color: #fff;
  line-height: 15px;
  font-weight: normal;
  opacity: 0.6;
}

.layer-gallery_control .next-btn__status .current {
  opacity: 1;
}

.layer-gallery .layer-close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: red;
}

.layer-gallery .layer-close div {
  margin: 0 auto;
  position: relative;
}

.layer-gallery .layer-close .js-layer-close {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  zoom: 1;
  *display: inline;
  width: 42px;
  height: 42px;
  position: absolute;
  top: 0;
  right: -43px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  overflow: hidden;
}

.layer-gallery .layer-close .icon--close {
  display: block;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -537px -257px;
  width: 18px;
  height: 17px;
  position: absolute;
  top: 12px;
  left: 12px;
}

.layer .share {
  width: 100%;
}

.layer .share--user {
  height: 34px;
}

.layer .share--user p {
  font-size: 14px;
  color: #aaa;
  line-height: normal;
  font-weight: normal;
}

.layer .share--user__nick {
  padding-bottom: 7px;
  color: #fff;
  border-bottom: 3px solid #f0562d;
}

.layer .share--user__nick:hover {
  color: #f0562d;
}

.layer .share--menu {
  height: 40px;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f7f7f7;
}

.layer .share--menu:after {
  content: '';
  display: block;
  clear: both;
}

.layer .share--menu ul {
  float: right;
}

.layer .share--menu ul:after {
  content: '';
  display: block;
  clear: both;
}

.layer .share--menu li {
  float: left;
  border-left: 1px solid #d9d9d9;
  text-align: center;
}

.layer .share--menu a {
  display: block;
  height: 31px;
  padding-top: 9px;
  line-height: 20px;
}

.layer .share--menu a .icon {
  overflow: inherit;
  vertical-align: middle;
}

.layer .share--menu-fixed {
  position: fixed;
  top: 0;
  width: 956px;
  margin: 0 auto;
  background-color: rgba(247, 247, 247, 0.95);
  filter: alpha(opacity=95);
  z-index: 10;
}

.layer .share__like a {
  width: 83px;
}

.layer .share__like .icon--heart {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -40px -537px;
  width: 20px;
  height: 17px;
  margin-right: 5px;
}

.layer .share__like:hover .icon--heart,
.layer .share__like .active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -20px -537px;
  width: 20px;
  height: 17px;
}

.layer .share__reply a {
  width: 83px;
}

.layer .share__reply .icon--reply {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -220px -517px;
  width: 20px;
  height: 19px;
  margin-right: 5px;
}

.layer .share__reply:hover .icon--reply,
.layer .share__reply .active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -200px -517px;
  width: 20px;
  height: 19px;
}

.layer .share__sns a {
  width: 50px;
}

.layer .share__sns .icon--share {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -305px;
  width: 15px;
  height: 17px;
}

.layer .share__sns:hover .icon--share,
.layer .share__sns .active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -574px -288px;
  width: 15px;
  height: 17px;
}

.layer .share__more a {
  width: 50px;
}

.layer .share__more .icon--more {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -143px -87px;
  width: 18px;
  height: 4px;
}

.layer .share__more:hover .icon--more,
.layer .share__more .active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -125px -87px;
  width: 18px;
  height: 4px;
}

.layer .user {
  float: none;
  height: 38px;
  padding: 18px 30px;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f2f2f2;
}

.layer .user:after {
  content: '';
  display: block;
  clear: both;
}

.layer .user--reply {
  position: relative;
  height: auto;
  padding: 0;
  border: none;
}

.layer .user--reply:after {
  content: '';
  display: block;
  clear: both;
}

.layer .user__pic {
  float: left;
  margin-right: 10px;
}

.layer .user__info {
  float: left;
}

.layer .user__info__nick {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.layer .user__info__reply {
  width: 800px;
  margin-bottom: 6px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 12px;
  color: #777;
  line-height: 18px;
  font-weight: normal;
}

.layer .user__info__time {
  display: inline-block;
  font-size: 11px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.layer .user__info__time .icon--arrow {
  display: none;
  margin-left: 2px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -528px;
  width: 9px;
  height: 5px;
}

.layer .user__info__time:hover .icon--arrow,
.layer .user__info__time .active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -604px -523px;
  width: 9px;
  height: 5px;
}

.layer .content {
  width: 100%;
  background: none;
}

.layer .content--nav {
  margin-bottom: 15px;
}

.layer .content--nav a {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.layer .content--nav a:hover span {
  text-decoration: underline;
}

.layer .content--nav__title {
  display: inline-block;
  color: #333;
}

.layer .content--title {
  margin-bottom: 32px;
}

.layer .content--title h3 {
  font-size: 32px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.layer .content--contents {
  font-size: 14px;
  color: #666;
  line-height: 23px;
  font-weight: normal;
}

.layer .content--contents .point {
  font-size: 14px;
  color: #333;
  line-height: normal;
  font-weight: bold;
}

.layer .content--contents .point:hover {
  text-decoration: underline;
}

.layer .content--contents img {
  max-width: 856px;
  height: auto;
  overflow: hidden;
}

.layer .content--contents__img {
  margin: 30px 0;
}

.layer .content--time {
  margin-top: 20px;
}

.layer .content--time time {
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.layer .recommend {
  width: 100%;
  padding-bottom: 45px;
}

.layer .recommend ul {
  padding-left: 48px;
}

.layer .recommend ul:after {
  content: '';
  display: block;
  clear: both;
}

.layer .recommend li {
  float: left;
  width: auto;
}

.layer .recommend li:after {
  content: '';
  display: block;
  clear: both;
}

.layer .recommend li:first-child {
  margin-left: 0;
}

.layer .reply {
  background-color: #f7f7f7;
}

.layer .reply__info {
  height: 27px;
  border-bottom: 1px solid #e7e7e7;
}

.layer .reply__info:after {
  content: '';
  display: block;
  clear: both;
}

.layer .reply__info p {
  float: left;
  height: 27px;
  border-bottom: 1px solid #f0562d;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.layer .reply__info a {
  float: right;
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.layer .reply__info a:hover {
  color: #666;
}

.layer .reply__info a:hover .icon--arrow {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -531px -494px;
  width: 5px;
  height: 3px;
}

.layer .reply__info a .icon--arrow {
  vertical-align: middle;
  margin-left: 5px;
  margin-bottom: 1px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -425px -57px;
  width: 5px;
  height: 3px;
}

.layer .reply__list {
  width: 856px;
}

.layer .reply__list li {
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
}

.layer .reply__list li:hover .icon--arrow {
  display: inline-block;
}

.layer .reply__list li:after {
  content: '';
  display: block;
  clear: both;
}

.layer .reply__list .user {
  background-color: inherit;
}

.layer .reply__list .user__hidden .icon--hidden {
  margin-right: 10px;
  vertical-align: middle;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -353px -273px;
  width: 38px;
  height: 38px;
}

.layer .reply__list .user__hidden span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #999;
  line-height: 18px;
  font-weight: normal;
}

.layer .reply__write {
  margin-top: 15px;
}

.layer .reply__write:after {
  content: '';
  display: block;
  clear: both;
}

.layer .reply__write textarea {
  width: 690px;
}

.layer .like {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.layer .like a {
  display: block;
}

.layer .like a .icon.active {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -270px -537px;
  width: 16px;
  height: 13px;
}

.layer .like a span {
  font-family: "Tahoma";
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal;
}

.layer .write:after {
  content: '';
  display: block;
  clear: both;
}

.layer .write--reply {
  float: left;
  width: auto;
  padding: 0;
}

.layer .write--reply button {
  margin-left: 2px;
}

.layer .write__textarea {
  float: left;
  width: 640px;
  height: 48px;
  margin-right: 5px;
  padding: 10px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  resize: none;
  outline: none;
  font-family: 'Malgun Gothic', AppleSDGothicNeo, 'Gulim', Arial, sans-serif;
  font-size: 12px;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

.layer .write__textarea::-webkit-input-placeholder {
  color: #999 !important;
}

.layer .write__textarea:-moz-placeholder {
  color: #999 !important;
}

.layer .write__textarea::-moz-placeholder {
  color: #999 !important;
}

.layer .write__textarea:-ms-input-placeholder {
  color: #999 !important;
}

.layer .write__textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}

.layer .write__textarea:focus:-moz-placeholder {
  color: transparent !important;
}

.layer .write__textarea:focus::-moz-placeholder {
  color: transparent !important;
}

.layer .write__textarea:focus:-ms-input-placeholder {
  color: transparent !important;
}

.layer .write .button__register {
  float: left;
  height: 70px;
}

.swipe {
  position: relative;
  overflow: hidden;
}

.swipe__view {
  position: relative;
  overflow: hidden;
}

.swipe__list:after {
  content: '';
  display: block;
  clear: both;
}

.swipe__slide {
  position: relative;
  float: left;
  width: 100%;
  z-index: 1;
}

.swipe__nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.swipe__nav .icon {
  position: absolute;
  top: 43%;
  z-index: 2;
}

.swipe__nav .icon--swipe-next {
  right: 35px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -241px;
  width: 11px;
  height: 18px;
}

.swipe__nav .icon--swipe-next:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -223px;
  width: 11px;
  height: 18px;
}

.swipe__nav .icon--swipe-prev {
  left: 35px;
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -205px;
  width: 11px;
  height: 18px;
}

.swipe__nav .icon--swipe-prev:hover {
  background-image: url("../../images/share/sprite/icon.png");
  background-position: -590px -187px;
  width: 11px;
  height: 18px;
}

.swipe__pagination {
  display: none;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  display: block;
}

.swipe__pagination > img {
  width: 100%;
}

.swipe__pagination__bullet {
  margin: 0 4px;
  width: 6px;
  height: 6px;
  text-indent: -1000em;
  border-radius: 50%;
  overflow: hidden;
  border: 0;
  background-color: #cacaca;
}

.swipe__pagination__bullet--active {
  background-color: #ff5908;
}