.btn__close__success[data-v-c5b7535c] {
  width: 70%;
}


.svg__opps[data-v-009861a8] {
  width: 100px;
  height: 100px;
}


.unsupported-browser__content[data-v-1d01aecc]{
  text-align: center;
  width: 410px;
  position: absolute;
  padding: 60px 20px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
}
.unsupported-browser__header[data-v-1d01aecc]{
  margin-bottom: 20px;
}
.unsupported-browser__body[data-v-1d01aecc]{
  margin-bottom: 20px;
}
.unsupported-browser__title[data-v-1d01aecc]{
  margin-bottom: 20px;
  font-weight: bold;
}


.unsupported-browser__description .link{
  text-decoration: underline;
}

#withholding__wrapper[data-v-1dc9800d] {
  position: absolute;
  padding: 60px 20px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.withholding__header[data-v-1dc9800d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.withholding__header h3[data-v-1dc9800d] {
  margin: 0;
}
.withholding__header[data-v-1dc9800d]:before {
  display: none;
}
.description[data-v-1dc9800d] {
  font-weight: normal;
}
.withholding__description__reference[data-v-1dc9800d]:before {
  content: '* ';
}
.withholding__description__reference--no-asterisk[data-v-1dc9800d] {
  content: '';
}
.withholding__description__reference--link[data-v-1dc9800d] {
  text-decoration: underline;
}
.box__link[data-v-1dc9800d] {
  width: 100%;
  text-align: center;
}
.withholding__information[data-v-1dc9800d] {
  background-color: #f9f9f9;
  padding: 20px 20px 20px 30px;
}
.withholding__footer[data-v-1dc9800d] {
  border-top: 1px solid #dcdcdc;
}
.withholding__agree-wrap[data-v-1dc9800d] {
  text-align: center;
}
.modal-dialog[data-v-1dc9800d] {
  height: 80vh;
  max-height: 750px;
  width: 600px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.withholding__agree[data-v-1dc9800d] {
  margin: 0;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: solid 1px #999999;
}
.withholding__agree-label[data-v-1dc9800d] {
  font-weight: bold;
  margin: 0;
}
@media (max-width: 600px) {
.modal-dialog[data-v-1dc9800d] {
    width: 80vw;
}
.withholding__agree-wrap[data-v-1dc9800d] {
    text-align: center;
}
}


.withholding__link{
  color: #666666;
  text-decoration: underline;
}


.signup-complete__wrapper[data-v-aac31750]{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.signup-complete__header[data-v-aac31750]{
  display: flex;
  justify-content: space-between;
  align-self: center;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.signup-complete__header[data-v-aac31750]:before{
  display: none;
}
.modal-dialog[data-v-aac31750] {
  max-height: 80vh;
  width: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.signup-complete__body-image-wrapper[data-v-aac31750]{
  text-align: center;
}
.signup-complete__body-image[data-v-aac31750] {
  width:100px;
  height:100px;
}
.signup-complete__body-title[data-v-aac31750] {
  text-align: center;
  margin: 0 0 20px 0;
}
.signup-complete__footer[data-v-aac31750]{
  text-align: center;
}
.signup-complete__button[data-v-aac31750] {
  display: block;
  width: 100%;
}
.modal-footer[data-v-aac31750]:before{
  display: none;
}
.modal-footer.none-line[data-v-aac31750] {
  border-top: 0px;
}



.alarm__container[data-v-781b442d]{
  position: fixed;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
}
.alarm__dim[data-v-781b442d] {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
}

.go-to-top[data-v-1ac05dd6] {
  cursor: pointer;
  position: fixed;
  left: 100%;
  bottom: 20px;
  width: 60px;
  height: 60px;
  margin-left: -70px;
  z-index: 1;
}
.go-to-top i[data-v-1ac05dd6] {
  height: 10px;
}
.go-to-top i.fadeOutUp[data-v-1ac05dd6] {
  animation-name: fadeOutUpLoop-1ac05dd6;
  animation-duration: 1100ms;
  animation-iteration-count: infinite;
}
@media screen and (min-width: 1024px) {
#go-to-top[data-v-1ac05dd6] {
    left: 50%;
    margin-left: 522px;
    /* (1024 / 2) - 10 */
}
}
@keyframes fadeOutUpLoop-1ac05dd6 {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate(0, -100%);
}
}

html[data-v-83678364] {
  font-size: 10px;
}
.font_normal[data-v-83678364] {
  font-weight: normal;
}
.font_bold[data-v-83678364] {
  font-weight: bold;
}
.font_9040[data-v-83678364] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
}
.font_9060[data-v-83678364] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_8040[data-v-83678364] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
}
.font_8060[data-v-83678364] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_7040[data-v-83678364] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
}
.font_7060[data-v-83678364] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_6040[data-v-83678364] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
}
.font_6060[data-v-83678364] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_5040[data-v-83678364] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
}
.font_5060[data-v-83678364] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4040[data-v-83678364] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_4060[data-v-83678364] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4540[data-v-83678364] {
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3040[data-v-83678364] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3060[data-v-83678364] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_2040[data-v-83678364] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
}
.font_2060[data-v-83678364] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1040[data-v-83678364] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_1060[data-v-83678364] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_0040[data-v-83678364] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_0060[data-v-83678364] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1640[data-v-83678364] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1660[data-v-83678364] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1840[data-v-83678364] {
  font-size: 1.8rem;
  line-height: 1.4;
}
.font_1860[data-v-83678364] {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
}
.font_2840[data-v-83678364] {
  font-size: 2.8rem;
  line-height: 1.4;
}
.font_2870[data-v-83678364] {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 38px;
}
.font_1440[data-v-83678364] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1450[data-v-83678364] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 500;
}
.font_1460[data-v-83678364] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1470[data-v-83678364] {
  font-size: 1.4rem;
  font-weight: 700;
}
.font_1240[data-v-83678364] {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}
h1[data-v-83678364] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
h2[data-v-83678364] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
h3[data-v-83678364] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
h4[data-v-83678364] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
h5[data-v-83678364] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
h6[data-v-83678364] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.elevation-low[data-v-83678364] {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.elevation-mid[data-v-83678364] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
.elevation-height[data-v-83678364] {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
  z-index: 1000;
}
.elevation-over[data-v-83678364] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.elevation-over-top[data-v-83678364] {
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.popup-contents[data-v-83678364] {
  position: fixed;
  background-color: white;
  display: flex;
  flex-direction: column;
  padding: 24px 24px 80px;
  gap: 16px;
  border-radius: 8px 8px 0 0;
  z-index: 1041;
}
@media (max-width: 767px) {
.popup-contents[data-v-83678364] {
    bottom: 0;
    left: 0;
    right: 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.popup-contents[data-v-83678364] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 24px;
    width: 584px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.popup-contents[data-v-83678364] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 24px;
    width: 584px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.popup-contents[data-v-83678364] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 24px;
    width: 584px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.popup-contents[data-v-83678364] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 24px;
    width: 584px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
}
@media (min-width: 1920px) {
.popup-contents[data-v-83678364] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 24px;
    width: 584px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
}
}
.popup-contents-header[data-v-83678364] {
  display: flex;
  justify-content: space-between;
}
.popup-contents-header__title[data-v-83678364] {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
}
.popup-contents-header__close-icon[data-v-83678364] {
  font-size: 24px;
  cursor: pointer;
}
.popup-contents-language-list[data-v-83678364] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1023px) {
.popup-contents-language-list[data-v-83678364] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.popup-contents-language-list[data-v-83678364] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.popup-contents-language-list[data-v-83678364] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.popup-contents-language-list[data-v-83678364] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (min-width: 1920px) {
.popup-contents-language-list[data-v-83678364] {
    grid-template-columns: repeat(4, 1fr);
}
}
.popup-contents-language-list__item[data-v-83678364] {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  position: relative;
  padding: 12px;
  width: 100%;
  height: 44px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  color: #1a1a1a;
  transition: all 0.2s ease-in;
}
.popup-contents-language-list__item[data-v-83678364]:hover {
  background-color: rgba(90, 90, 90, 0.08);
}
.popup-contents-language-list__item[data-v-83678364]:active {
  background-color: #f0f6ff;
  border: 1px solid #358bfa;
}
.popup-contents-language-list__item--active[data-v-83678364] {
  background-color: #f0f6ff;
  border: 1px solid #358bfa;
}

html[data-v-408e4940] {
  font-size: 10px;
}
.font_normal[data-v-408e4940] {
  font-weight: normal;
}
.font_bold[data-v-408e4940] {
  font-weight: bold;
}
.font_9040[data-v-408e4940] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
}
.font_9060[data-v-408e4940] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_8040[data-v-408e4940] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
}
.font_8060[data-v-408e4940] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_7040[data-v-408e4940] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
}
.font_7060[data-v-408e4940] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_6040[data-v-408e4940] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
}
.font_6060[data-v-408e4940] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_5040[data-v-408e4940] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
}
.font_5060[data-v-408e4940] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4040[data-v-408e4940] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_4060[data-v-408e4940] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4540[data-v-408e4940] {
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3040[data-v-408e4940] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3060[data-v-408e4940] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_2040[data-v-408e4940] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
}
.font_2060[data-v-408e4940] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1040[data-v-408e4940] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_1060[data-v-408e4940] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_0040[data-v-408e4940] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_0060[data-v-408e4940] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1640[data-v-408e4940] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1660[data-v-408e4940] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1840[data-v-408e4940] {
  font-size: 1.8rem;
  line-height: 1.4;
}
.font_1860[data-v-408e4940] {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
}
.font_2840[data-v-408e4940] {
  font-size: 2.8rem;
  line-height: 1.4;
}
.font_2870[data-v-408e4940] {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 38px;
}
.font_1440[data-v-408e4940] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1450[data-v-408e4940] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 500;
}
.font_1460[data-v-408e4940] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1470[data-v-408e4940] {
  font-size: 1.4rem;
  font-weight: 700;
}
.font_1240[data-v-408e4940] {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}
h1[data-v-408e4940] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
h2[data-v-408e4940] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
h3[data-v-408e4940] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
h4[data-v-408e4940] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
h5[data-v-408e4940] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
h6[data-v-408e4940] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.elevation-low[data-v-408e4940] {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.elevation-mid[data-v-408e4940] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
.elevation-height[data-v-408e4940] {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
  z-index: 1000;
}
.elevation-over[data-v-408e4940] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.elevation-over-top[data-v-408e4940] {
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.language-service[data-v-408e4940] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.language-service .language-service__main-menu[data-v-408e4940] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.language-service .language-service__main-menu[data-v-408e4940] {
    cursor: auto;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.language-service .language-service__main-menu[data-v-408e4940] {
    cursor: auto;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.language-service .language-service__main-menu[data-v-408e4940] {
    cursor: auto;
}
}
@media (min-width: 1920px) {
.language-service .language-service__main-menu[data-v-408e4940] {
    cursor: auto;
}
}
.language-service .language-service__main-menu-title[data-v-408e4940] {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #1a1a1a;
  margin: 0;
}
.language-service .language-service__main-menu-dropdown[data-v-408e4940] {
  font-size: 12px;
}
.language-service .language-service__main-menu-dropdown--rotate[data-v-408e4940] {
  transform: rotate(180deg);
}
@media (min-width: 1024px) and (max-width: 1279px) {
.language-service .language-service__main-menu-dropdown[data-v-408e4940] {
    display: none;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.language-service .language-service__main-menu-dropdown[data-v-408e4940] {
    display: none;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.language-service .language-service__main-menu-dropdown[data-v-408e4940] {
    display: none;
}
}
@media (min-width: 1920px) {
.language-service .language-service__main-menu-dropdown[data-v-408e4940] {
    display: none;
}
}
.language-service .language-service__sub-menu[data-v-408e4940] {
  display: none;
  flex-direction: column;
  margin-top: 24px;
  transition: max-height 0.3s ease-out;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.language-service .language-service__sub-menu[data-v-408e4940] {
    display: flex;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.language-service .language-service__sub-menu[data-v-408e4940] {
    display: flex;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.language-service .language-service__sub-menu[data-v-408e4940] {
    display: flex;
}
}
@media (min-width: 1920px) {
.language-service .language-service__sub-menu[data-v-408e4940] {
    display: flex;
}
}
.language-service .language-service__sub-menu--open[data-v-408e4940] {
  display: flex;
}
.language-service .language-service__sub-menu-item[data-v-408e4940] {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(26, 26, 26, 0.57);
}
.language-service .language-service__sub-menu-item[data-v-408e4940]:not(a:last-of-type) {
  margin-bottom: 16px;
}
.language-service .language-service__sub-menu-item[data-v-408e4940]:hover {
  text-decoration-line: underline;
}

html[data-v-c1a99d76] {
  font-size: 10px;
}
.font_normal[data-v-c1a99d76] {
  font-weight: normal;
}
.font_bold[data-v-c1a99d76] {
  font-weight: bold;
}
.font_9040[data-v-c1a99d76] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
}
.font_9060[data-v-c1a99d76] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_8040[data-v-c1a99d76] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
}
.font_8060[data-v-c1a99d76] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_7040[data-v-c1a99d76] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
}
.font_7060[data-v-c1a99d76] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_6040[data-v-c1a99d76] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
}
.font_6060[data-v-c1a99d76] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_5040[data-v-c1a99d76] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
}
.font_5060[data-v-c1a99d76] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4040[data-v-c1a99d76] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_4060[data-v-c1a99d76] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4540[data-v-c1a99d76] {
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3040[data-v-c1a99d76] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3060[data-v-c1a99d76] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_2040[data-v-c1a99d76] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
}
.font_2060[data-v-c1a99d76] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1040[data-v-c1a99d76] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_1060[data-v-c1a99d76] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_0040[data-v-c1a99d76] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_0060[data-v-c1a99d76] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1640[data-v-c1a99d76] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1660[data-v-c1a99d76] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1840[data-v-c1a99d76] {
  font-size: 1.8rem;
  line-height: 1.4;
}
.font_1860[data-v-c1a99d76] {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
}
.font_2840[data-v-c1a99d76] {
  font-size: 2.8rem;
  line-height: 1.4;
}
.font_2870[data-v-c1a99d76] {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 38px;
}
.font_1440[data-v-c1a99d76] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1450[data-v-c1a99d76] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 500;
}
.font_1460[data-v-c1a99d76] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1470[data-v-c1a99d76] {
  font-size: 1.4rem;
  font-weight: 700;
}
.font_1240[data-v-c1a99d76] {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}
h1[data-v-c1a99d76] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
h2[data-v-c1a99d76] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
h3[data-v-c1a99d76] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
h4[data-v-c1a99d76] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
h5[data-v-c1a99d76] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
h6[data-v-c1a99d76] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.elevation-low[data-v-c1a99d76] {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.elevation-mid[data-v-c1a99d76] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
.elevation-height[data-v-c1a99d76] {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
  z-index: 1000;
}
.elevation-over[data-v-c1a99d76] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.elevation-over-top[data-v-c1a99d76] {
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.business[data-v-c1a99d76] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.business .business__main-menu[data-v-c1a99d76] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.business .business__main-menu[data-v-c1a99d76] {
    cursor: auto;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.business .business__main-menu[data-v-c1a99d76] {
    cursor: auto;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.business .business__main-menu[data-v-c1a99d76] {
    cursor: auto;
}
}
@media (min-width: 1920px) {
.business .business__main-menu[data-v-c1a99d76] {
    cursor: auto;
}
}
.business .business__main-menu-title[data-v-c1a99d76] {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #1a1a1a;
  margin: 0;
}
.business .business__main-menu-dropdown[data-v-c1a99d76] {
  font-size: 12px;
}
.business .business__main-menu-dropdown--rotate[data-v-c1a99d76] {
  transform: rotate(180deg);
}
@media (min-width: 1024px) and (max-width: 1279px) {
.business .business__main-menu-dropdown[data-v-c1a99d76] {
    display: none;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.business .business__main-menu-dropdown[data-v-c1a99d76] {
    display: none;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.business .business__main-menu-dropdown[data-v-c1a99d76] {
    display: none;
}
}
@media (min-width: 1920px) {
.business .business__main-menu-dropdown[data-v-c1a99d76] {
    display: none;
}
}
.business .business__sub-menu[data-v-c1a99d76] {
  display: none;
  flex-direction: column;
  margin-top: 24px;
  transition: max-height 0.3s ease-out;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.business .business__sub-menu[data-v-c1a99d76] {
    display: flex;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.business .business__sub-menu[data-v-c1a99d76] {
    display: flex;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.business .business__sub-menu[data-v-c1a99d76] {
    display: flex;
}
}
@media (min-width: 1920px) {
.business .business__sub-menu[data-v-c1a99d76] {
    display: flex;
}
}
.business .business__sub-menu--open[data-v-c1a99d76] {
  display: flex;
}
.business .business__sub-menu-item[data-v-c1a99d76] {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(26, 26, 26, 0.57);
}
.business .business__sub-menu-item[data-v-c1a99d76]:not(a:last-of-type) {
  margin-bottom: 16px;
}
.business .business__sub-menu-item[data-v-c1a99d76]:hover {
  text-decoration-line: underline;
}

html[data-v-6fe2afe4] {
  font-size: 10px;
}
.font_normal[data-v-6fe2afe4] {
  font-weight: normal;
}
.font_bold[data-v-6fe2afe4] {
  font-weight: bold;
}
.font_9040[data-v-6fe2afe4] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
}
.font_9060[data-v-6fe2afe4] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_8040[data-v-6fe2afe4] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
}
.font_8060[data-v-6fe2afe4] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_7040[data-v-6fe2afe4] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
}
.font_7060[data-v-6fe2afe4] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_6040[data-v-6fe2afe4] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
}
.font_6060[data-v-6fe2afe4] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_5040[data-v-6fe2afe4] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
}
.font_5060[data-v-6fe2afe4] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4040[data-v-6fe2afe4] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_4060[data-v-6fe2afe4] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4540[data-v-6fe2afe4] {
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3040[data-v-6fe2afe4] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3060[data-v-6fe2afe4] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_2040[data-v-6fe2afe4] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
}
.font_2060[data-v-6fe2afe4] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1040[data-v-6fe2afe4] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_1060[data-v-6fe2afe4] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_0040[data-v-6fe2afe4] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_0060[data-v-6fe2afe4] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1640[data-v-6fe2afe4] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1660[data-v-6fe2afe4] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1840[data-v-6fe2afe4] {
  font-size: 1.8rem;
  line-height: 1.4;
}
.font_1860[data-v-6fe2afe4] {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
}
.font_2840[data-v-6fe2afe4] {
  font-size: 2.8rem;
  line-height: 1.4;
}
.font_2870[data-v-6fe2afe4] {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 38px;
}
.font_1440[data-v-6fe2afe4] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1450[data-v-6fe2afe4] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 500;
}
.font_1460[data-v-6fe2afe4] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1470[data-v-6fe2afe4] {
  font-size: 1.4rem;
  font-weight: 700;
}
.font_1240[data-v-6fe2afe4] {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}
h1[data-v-6fe2afe4] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
h2[data-v-6fe2afe4] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
h3[data-v-6fe2afe4] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
h4[data-v-6fe2afe4] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
h5[data-v-6fe2afe4] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
h6[data-v-6fe2afe4] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.elevation-low[data-v-6fe2afe4] {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.elevation-mid[data-v-6fe2afe4] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
.elevation-height[data-v-6fe2afe4] {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
  z-index: 1000;
}
.elevation-over[data-v-6fe2afe4] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.elevation-over-top[data-v-6fe2afe4] {
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.flitto-corp[data-v-6fe2afe4] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.flitto-corp .flitto-corp__main-menu[data-v-6fe2afe4] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.flitto-corp .flitto-corp__main-menu[data-v-6fe2afe4] {
    cursor: auto;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.flitto-corp .flitto-corp__main-menu[data-v-6fe2afe4] {
    cursor: auto;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.flitto-corp .flitto-corp__main-menu[data-v-6fe2afe4] {
    cursor: auto;
}
}
@media (min-width: 1920px) {
.flitto-corp .flitto-corp__main-menu[data-v-6fe2afe4] {
    cursor: auto;
}
}
.flitto-corp .flitto-corp__main-menu-title[data-v-6fe2afe4] {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #1a1a1a;
  margin: 0;
}
.flitto-corp .flitto-corp__main-menu-dropdown[data-v-6fe2afe4] {
  font-size: 12px;
}
.flitto-corp .flitto-corp__main-menu-dropdown--rotate[data-v-6fe2afe4] {
  transform: rotate(180deg);
}
@media (min-width: 1024px) and (max-width: 1279px) {
.flitto-corp .flitto-corp__main-menu-dropdown[data-v-6fe2afe4] {
    display: none;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.flitto-corp .flitto-corp__main-menu-dropdown[data-v-6fe2afe4] {
    display: none;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.flitto-corp .flitto-corp__main-menu-dropdown[data-v-6fe2afe4] {
    display: none;
}
}
@media (min-width: 1920px) {
.flitto-corp .flitto-corp__main-menu-dropdown[data-v-6fe2afe4] {
    display: none;
}
}
.flitto-corp .flitto-corp__sub-menu[data-v-6fe2afe4] {
  display: none;
  flex-direction: column;
  margin-top: 24px;
  transition: max-height 0.3s ease-out;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.flitto-corp .flitto-corp__sub-menu[data-v-6fe2afe4] {
    display: flex;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.flitto-corp .flitto-corp__sub-menu[data-v-6fe2afe4] {
    display: flex;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.flitto-corp .flitto-corp__sub-menu[data-v-6fe2afe4] {
    display: flex;
}
}
@media (min-width: 1920px) {
.flitto-corp .flitto-corp__sub-menu[data-v-6fe2afe4] {
    display: flex;
}
}
.flitto-corp .flitto-corp__sub-menu--open[data-v-6fe2afe4] {
  display: flex;
}
.flitto-corp .flitto-corp__sub-menu-item[data-v-6fe2afe4] {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(26, 26, 26, 0.57);
}
.flitto-corp .flitto-corp__sub-menu-item[data-v-6fe2afe4]:not(a:last-of-type) {
  margin-bottom: 16px;
}
.flitto-corp .flitto-corp__sub-menu-item[data-v-6fe2afe4]:hover {
  text-decoration-line: underline;
}

html[data-v-51bdc268] {
  font-size: 10px;
}
.font_normal[data-v-51bdc268] {
  font-weight: normal;
}
.font_bold[data-v-51bdc268] {
  font-weight: bold;
}
.font_9040[data-v-51bdc268] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
}
.font_9060[data-v-51bdc268] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_8040[data-v-51bdc268] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
}
.font_8060[data-v-51bdc268] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_7040[data-v-51bdc268] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
}
.font_7060[data-v-51bdc268] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_6040[data-v-51bdc268] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
}
.font_6060[data-v-51bdc268] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_5040[data-v-51bdc268] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
}
.font_5060[data-v-51bdc268] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4040[data-v-51bdc268] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_4060[data-v-51bdc268] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4540[data-v-51bdc268] {
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3040[data-v-51bdc268] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3060[data-v-51bdc268] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_2040[data-v-51bdc268] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
}
.font_2060[data-v-51bdc268] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1040[data-v-51bdc268] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_1060[data-v-51bdc268] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_0040[data-v-51bdc268] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_0060[data-v-51bdc268] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1640[data-v-51bdc268] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1660[data-v-51bdc268] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1840[data-v-51bdc268] {
  font-size: 1.8rem;
  line-height: 1.4;
}
.font_1860[data-v-51bdc268] {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
}
.font_2840[data-v-51bdc268] {
  font-size: 2.8rem;
  line-height: 1.4;
}
.font_2870[data-v-51bdc268] {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 38px;
}
.font_1440[data-v-51bdc268] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1450[data-v-51bdc268] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 500;
}
.font_1460[data-v-51bdc268] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1470[data-v-51bdc268] {
  font-size: 1.4rem;
  font-weight: 700;
}
.font_1240[data-v-51bdc268] {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}
h1[data-v-51bdc268] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
h2[data-v-51bdc268] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
h3[data-v-51bdc268] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
h4[data-v-51bdc268] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
h5[data-v-51bdc268] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
h6[data-v-51bdc268] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.elevation-low[data-v-51bdc268] {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.elevation-mid[data-v-51bdc268] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
.elevation-height[data-v-51bdc268] {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
  z-index: 1000;
}
.elevation-over[data-v-51bdc268] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.elevation-over-top[data-v-51bdc268] {
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.support[data-v-51bdc268] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.support .support__main-menu[data-v-51bdc268] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.support .support__main-menu[data-v-51bdc268] {
    cursor: auto;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.support .support__main-menu[data-v-51bdc268] {
    cursor: auto;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.support .support__main-menu[data-v-51bdc268] {
    cursor: auto;
}
}
@media (min-width: 1920px) {
.support .support__main-menu[data-v-51bdc268] {
    cursor: auto;
}
}
.support .support__main-menu-title[data-v-51bdc268] {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #1a1a1a;
  margin: 0;
}
.support .support__main-menu-dropdown[data-v-51bdc268] {
  font-size: 12px;
}
.support .support__main-menu-dropdown--rotate[data-v-51bdc268] {
  transform: rotate(180deg);
}
@media (min-width: 1024px) and (max-width: 1279px) {
.support .support__main-menu-dropdown[data-v-51bdc268] {
    display: none;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.support .support__main-menu-dropdown[data-v-51bdc268] {
    display: none;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.support .support__main-menu-dropdown[data-v-51bdc268] {
    display: none;
}
}
@media (min-width: 1920px) {
.support .support__main-menu-dropdown[data-v-51bdc268] {
    display: none;
}
}
.support .support__sub-menu[data-v-51bdc268] {
  display: none;
  flex-direction: column;
  margin-top: 24px;
  transition: max-height 0.3s ease-out;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.support .support__sub-menu[data-v-51bdc268] {
    display: flex;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.support .support__sub-menu[data-v-51bdc268] {
    display: flex;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.support .support__sub-menu[data-v-51bdc268] {
    display: flex;
}
}
@media (min-width: 1920px) {
.support .support__sub-menu[data-v-51bdc268] {
    display: flex;
}
}
.support .support__sub-menu--open[data-v-51bdc268] {
  display: flex;
}
.support .support__sub-menu-item[data-v-51bdc268] {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(26, 26, 26, 0.57);
}
.support .support__sub-menu-item[data-v-51bdc268]:not(a:last-of-type) {
  margin-bottom: 16px;
}
.support .support__sub-menu-item[data-v-51bdc268]:last-of-type {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
.support .support__sub-menu-item[data-v-51bdc268]:last-of-type {
    margin-bottom: 0;
}
}
.support .support__sub-menu-item[data-v-51bdc268]:hover {
  text-decoration-line: underline;
}
.support .support__sub-menu-item--bold[data-v-51bdc268] {
  font-weight: bold;
}
.support .support__sub-email-icon[data-v-51bdc268] {
  width: 16px;
  height: 16px;
}
.support .support__ask-help-desk[data-v-51bdc268] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 8px;
  padding: 13px 24px;
  margin-top: auto;
  border-radius: 8px;
  background-color: rgba(51, 51, 51, 0.9);
  cursor: pointer;
}
@media (max-width: 1024px) {
.support .support__ask-help-desk[data-v-51bdc268] {
    margin-top: 40px;
}
}
.support .support__ask-help-desk .support__ask-help-desk-icon[data-v-51bdc268] {
  width: 16px;
  height: 16px;
}
.support .support__ask-help-desk .support__ask-help-desk-text[data-v-51bdc268] {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}

.footer-buttons[data-v-45e67964] {
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
.footer-buttons[data-v-45e67964] {
    flex-direction: column;
}
}
.footer-buttons .footer-buttons__news-letter-subscribe[data-v-45e67964] {
  display: flex;
  padding: 13px 16px;
  align-items: center;
  justify-content: center;
  height: 48px;
  min-width: max-content;
  gap: 8px;
  border-radius: 8px;
  background: rgba(90, 90, 90, 0.05);
  cursor: pointer;
}
.footer-buttons .footer-buttons__news-letter-subscribe-icon[data-v-45e67964] {
  width: 16px;
  height: 16px;
}
.footer-buttons .footer-buttons__news-letter-subscribe-contents[data-v-45e67964] {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
}
.footer-buttons .footer-buttons__language-selector[data-v-45e67964] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: max-content;
  height: 48px;
  padding: 13px 16px;
  border: 1px solid #dfdfdf;
  border-radius: 8px;
  cursor: pointer;
}
.footer-buttons .footer-buttons__language-selector .footer-buttons__language-selector-contents[data-v-45e67964] {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
  display: flex;
  align-items: center;
}
.footer-buttons .footer-buttons__language-selector .footer-buttons__language-selector-icon[data-v-45e67964] {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.footer-buttons .footer-buttons__language-selector .footer-buttons__language-selector-dropdown[data-v-45e67964] {
  font-size: 12px;
  margin-left: 10px;
}

html[data-v-560b8750] {
  font-size: 10px;
}
.font_normal[data-v-560b8750] {
  font-weight: normal;
}
.font_bold[data-v-560b8750] {
  font-weight: bold;
}
.font_9040[data-v-560b8750] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
}
.font_9060[data-v-560b8750] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_8040[data-v-560b8750] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
}
.font_8060[data-v-560b8750] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_7040[data-v-560b8750] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
}
.font_7060[data-v-560b8750] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_6040[data-v-560b8750] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
}
.font_6060[data-v-560b8750] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_5040[data-v-560b8750] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
}
.font_5060[data-v-560b8750] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4040[data-v-560b8750] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_4060[data-v-560b8750] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4540[data-v-560b8750] {
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3040[data-v-560b8750] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3060[data-v-560b8750] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_2040[data-v-560b8750] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
}
.font_2060[data-v-560b8750] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1040[data-v-560b8750] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_1060[data-v-560b8750] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_0040[data-v-560b8750] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_0060[data-v-560b8750] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1640[data-v-560b8750] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1660[data-v-560b8750] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1840[data-v-560b8750] {
  font-size: 1.8rem;
  line-height: 1.4;
}
.font_1860[data-v-560b8750] {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
}
.font_2840[data-v-560b8750] {
  font-size: 2.8rem;
  line-height: 1.4;
}
.font_2870[data-v-560b8750] {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 38px;
}
.font_1440[data-v-560b8750] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1450[data-v-560b8750] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 500;
}
.font_1460[data-v-560b8750] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1470[data-v-560b8750] {
  font-size: 1.4rem;
  font-weight: 700;
}
.font_1240[data-v-560b8750] {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}
h1[data-v-560b8750] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
h2[data-v-560b8750] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
h3[data-v-560b8750] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
h4[data-v-560b8750] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
h5[data-v-560b8750] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
h6[data-v-560b8750] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.elevation-low[data-v-560b8750] {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.elevation-mid[data-v-560b8750] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
.elevation-height[data-v-560b8750] {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
  z-index: 1000;
}
.elevation-over[data-v-560b8750] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.elevation-over-top[data-v-560b8750] {
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.etc-terms-info[data-v-560b8750] {
  font-size: 12px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.etc-terms-info .etc-terms-info-logo[data-v-560b8750] {
  width: 51px;
  height: 16px;
  cursor: pointer;
}
.etc-terms-info .etc-terms-info-items-container[data-v-560b8750] {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  gap: 16px;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info_company-info[data-v-560b8750] {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 12px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info_company-info[data-v-560b8750] {
    flex-direction: row;
    gap: 4px 16px;
    flex-wrap: wrap;
    white-space: nowrap;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info_company-info[data-v-560b8750] {
    flex-direction: row;
    gap: 4px 16px;
    flex-wrap: wrap;
    white-space: nowrap;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info_company-info[data-v-560b8750] {
    flex-direction: row;
    gap: 4px 16px;
    flex-wrap: wrap;
    white-space: nowrap;
}
}
@media (min-width: 1920px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info_company-info[data-v-560b8750] {
    flex-direction: row;
    gap: 4px 16px;
    flex-wrap: wrap;
}
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info_company-info .etc-terms-info_company-info-wrapper[data-v-560b8750] {
  display: flex;
  gap: 3px;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info_company-info .etc-terms-info_company-info-wrapper .company-info__content[data-v-560b8750] {
  color: rgba(26, 26, 26, 0.57);
  font-size: 14px;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info__terms[data-v-560b8750] {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 16px;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info__terms .etc-terms-info__terms__content[data-v-560b8750] {
  color: #1a1a1a;
  font-size: 14px;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info__terms .etc-terms-info__terms__content.bold[data-v-560b8750] {
  font-weight: 600;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper[data-v-560b8750] {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 8px;
}
@media (max-width: 768px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper[data-v-560b8750] {
    gap: 12px;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper[data-v-560b8750] {
    justify-content: flex-end;
    grid-column: span 2 / span 2;
    margin: 0;
}
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper .sns[data-v-560b8750] {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper .sns[data-v-560b8750] {
    gap: 12px;
}
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper .sns-icon[data-v-560b8750] {
  width: 40px;
  height: 40px;
  background-color: rgba(90, 90, 90, 0.05);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5a5a5a;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper .divider[data-v-560b8750] {
  width: 1px;
  height: 28px;
  background-color: #ededed;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper .iso-logo-container[data-v-560b8750] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper .iso-logo-container .iso-logo[data-v-560b8750] {
  width: 40px;
  height: 40px;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper .iso-logo-container .iso-logo-text-container[data-v-560b8750] {
  display: flex;
  flex-direction: column;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-sns-wrapper .iso-logo-container .iso-logo-text-container .iso-logo-text[data-v-560b8750] {
  color: rgba(26, 26, 26, 0.57);
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.022px;
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-copy-wrapper[data-v-560b8750] {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-copy-wrapper[data-v-560b8750] {
    flex-direction: row;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-copy-wrapper[data-v-560b8750] {
    flex-direction: row;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-copy-wrapper[data-v-560b8750] {
    flex-direction: row;
}
}
@media (min-width: 1920px) {
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-copy-wrapper[data-v-560b8750] {
    flex-direction: row;
}
}
.etc-terms-info .etc-terms-info-items-container .etc-terms-info-copy-wrapper .etc-terms-info-copyright[data-v-560b8750] {
  color: rgba(26, 26, 26, 0.57);
  font-size: 14px;
}

html[data-v-915c7e14] {
  font-size: 10px;
}
.font_normal[data-v-915c7e14] {
  font-weight: normal;
}
.font_bold[data-v-915c7e14] {
  font-weight: bold;
}
.font_9040[data-v-915c7e14] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
}
.font_9060[data-v-915c7e14] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_8040[data-v-915c7e14] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
}
.font_8060[data-v-915c7e14] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_7040[data-v-915c7e14] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
}
.font_7060[data-v-915c7e14] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_6040[data-v-915c7e14] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
}
.font_6060[data-v-915c7e14] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_5040[data-v-915c7e14] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
}
.font_5060[data-v-915c7e14] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4040[data-v-915c7e14] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_4060[data-v-915c7e14] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_4540[data-v-915c7e14] {
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3040[data-v-915c7e14] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
}
.font_3060[data-v-915c7e14] {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_2040[data-v-915c7e14] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
}
.font_2060[data-v-915c7e14] {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1040[data-v-915c7e14] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_1060[data-v-915c7e14] {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_0040[data-v-915c7e14] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
}
.font_0060[data-v-915c7e14] {
  font-size: 1.1rem;
  line-height: 1.8rem;
  font-weight: normal;
  font-weight: bold;
}
.font_1640[data-v-915c7e14] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1660[data-v-915c7e14] {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1840[data-v-915c7e14] {
  font-size: 1.8rem;
  line-height: 1.4;
}
.font_1860[data-v-915c7e14] {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
}
.font_2840[data-v-915c7e14] {
  font-size: 2.8rem;
  line-height: 1.4;
}
.font_2870[data-v-915c7e14] {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 38px;
}
.font_1440[data-v-915c7e14] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
}
.font_1450[data-v-915c7e14] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 500;
}
.font_1460[data-v-915c7e14] {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  font-weight: 600;
}
.font_1470[data-v-915c7e14] {
  font-size: 1.4rem;
  font-weight: 700;
}
.font_1240[data-v-915c7e14] {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
}
h1[data-v-915c7e14] {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: normal;
  font-weight: bold;
}
h2[data-v-915c7e14] {
  font-size: 3.6rem;
  line-height: 4.8rem;
  font-weight: normal;
  font-weight: bold;
}
h3[data-v-915c7e14] {
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: normal;
  font-weight: bold;
}
h4[data-v-915c7e14] {
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: normal;
  font-weight: bold;
}
h5[data-v-915c7e14] {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: normal;
  font-weight: bold;
}
h6[data-v-915c7e14] {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
  font-weight: bold;
}
.elevation-low[data-v-915c7e14] {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.elevation-mid[data-v-915c7e14] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
.elevation-height[data-v-915c7e14] {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.08);
  z-index: 1000;
}
.elevation-over[data-v-915c7e14] {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.elevation-over-top[data-v-915c7e14] {
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
  z-index: 10000;
}
.footer[data-v-915c7e14] {
  width: 100%;
  padding: 40px 24px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  border-top: 1px solid #dcdcdc;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.footer[data-v-915c7e14] {
    padding: 40px 32px;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.footer[data-v-915c7e14] {
    padding: 40px 32px;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.footer[data-v-915c7e14] {
    padding: 60px 32px;
}
}
@media (min-width: 1920px) {
.footer[data-v-915c7e14] {
    padding: 60px 32px;
}
}
.footer .footer-wrapper[data-v-915c7e14] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (max-width: 768px) {
.footer .footer-wrapper[data-v-915c7e14] {
    gap: 40px;
}
}
@media (min-width: 1440px) {
.footer .footer-wrapper[data-v-915c7e14] {
    width: 1216px;
}
}
.footer .footer-menu[data-v-915c7e14] {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.footer .footer-menu[data-v-915c7e14] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
}
@media (min-width: 1280px) and (max-width: 1439px) {
.footer .footer-menu[data-v-915c7e14] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.footer .footer-menu[data-v-915c7e14] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
}
@media (min-width: 1920px) {
.footer .footer-menu[data-v-915c7e14] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
}
.footer .footer-info[data-v-915c7e14] {
  display: flex;
  flex-direction: row-reverse;
  gap: 80px;
}
@media (max-width: 768px) {
.footer .footer-info[data-v-915c7e14] {
    flex-direction: column;
    gap: 40px;
}
}

.footer-logo .footer-logo__wrapper[data-v-6450460b] {
  width: 85px;
  margin-bottom: 10px;
}
.footer-logo .footer-logo__region[data-v-6450460b] {
  font-size: 14px;
}
.footer-logo .footer-logo__svg[data-v-6450460b] {
  height: 19px;
}
.footer-logo__wrapper[data-v-6450460b] {
  fill: #337ab7;
}
.footer-logo__region[data-v-6450460b] {
  display: inline-block;
  margin-top: 5px;
  color: #474747;
}
.footer-logo__region[data-v-6450460b]:not(:first-child):before {
  content: '\2022';
  padding: 3px;
  display: inline-block;
  font-size: 2px;
}
.footer-logo__svg[data-v-6450460b] {
  fill: #474747;
}
.mobile-footer-logo[data-v-6450460b] {
  margin-top: 35px;
  position: relative;
}
.mobile-footer-logo .footer-logo__wrapper[data-v-6450460b] {
  display: inline-block;
  min-width: 50px;
}
.mobile-footer-logo .footer-logo__region-wrapper[data-v-6450460b] {
  display: inline-block;
  margin-left: 10px;
}
.mobile-footer-logo .footer-logo__region[data-v-6450460b] {
  font-size: 12px;
}
.mobile-footer-logo .footer-logo__svg[data-v-6450460b] {
  fill: #0064e5;
  height: 14px;
}

.site-map[data-v-b6ed6072] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 32px;
  border-bottom: 1px solid #dfdfdf;
}
.site-map .site-map__list[data-v-b6ed6072] {
  list-style: none;
  width: 22.99465241%;
  /**172/748 **/
}
.site-map .site-map__list[data-v-b6ed6072]::not(:first-child) {
  margin-left: 2.67379679%;
  /**20/748 */
}
.site-map .site-map__list .site-map__title[data-v-b6ed6072] {
  font-size: 18px;
  color: #474747;
  font-weight: bold;
  margin-bottom: 24px;
}
.site-map .site-map__item[data-v-b6ed6072]:not(:first-child) {
  margin-top: 12px;
}
.site-map .site-map__link[data-v-b6ed6072] {
  color: #757575;
  font-size: 14px;
}
.site-map .cn-business[data-v-b6ed6072] {
  min-width: 180px;
}
.mobile-site-map .site-map__list[data-v-b6ed6072] {
  list-style: none;
  border-bottom: 1px solid #dfdfdf;
}
.mobile-site-map .site-map__list .site-map__title[data-v-b6ed6072] {
  cursor: pointer;
}
.mobile-site-map .site-map__list .site-map__title[data-v-b6ed6072]:hover {
  font-weight: bold;
}
.mobile-site-map .site-map__list.active[data-v-b6ed6072] {
  padding-bottom: 15px;
}
.mobile-site-map .site-map__list.active .site-map__title[data-v-b6ed6072] {
  font-weight: bold;
}
.mobile-site-map .site-map__list.active .site-map__item[data-v-b6ed6072] {
  display: block;
}
.mobile-site-map .site-map__list.active .site-map__item[data-v-b6ed6072]:hover {
  font-weight: bold;
}
.mobile-site-map .site-map__list.active .icon-unfold[data-v-b6ed6072] {
  transform: translateY(-50%) rotate(-180deg);
}
.mobile-site-map .site-map__list .site-map__title[data-v-b6ed6072] {
  position: relative;
  padding: 20px 0;
  font-size: 18px;
}
.mobile-site-map .site-map__list .icon-unfold[data-v-b6ed6072] {
  position: absolute;
  right: 0;
  top: 50%;
  color: #8a8a8a;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
.mobile-site-map .site-map__item[data-v-b6ed6072] {
  display: none;
  padding: 10px 0;
}
.mobile-site-map .site-map__link[data-v-b6ed6072] {
  display: block;
  color: #6a6a6a;
  font-size: 14px;
}

.sns-contacts[data-v-fef24318] {
  position: relative;
  list-style: none;
  display: flex;
  flex: 1;
  align-items: flex-start;
}
.sns-contacts__item[data-v-fef24318]:not(:first-child) {
  margin-left: 15px;
}
.sns-contacts .wechat-item:hover .sns-contacts__weixin-qr[data-v-fef24318] {
  display: block;
}
.sns-contacts__weixin-qr[data-v-fef24318] {
  display: none;
  position: absolute;
  top: -130px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  transform: translateX(-43%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
}
.sns-contacts__weixin-qr[data-v-fef24318]:before {
  content: '';
  position: absolute;
  top: 99%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  transform: rotate(45deg) translateX(-50%);
}
.sns-contacts .icon[data-v-fef24318],
.sns-contacts a[data-v-fef24318] {
  font-size: 14px;
  color: #8a8a8a;
}

.mobile-contacts[data-v-c96828d8] {
  width: 100%;
  max-width: 748px;
  padding: 30px 0;
  border-bottom: 1px solid #dfdfdf;
}
.mobile-contacts .contacts__sns[data-v-c96828d8] {
  margin-top: 20px;
}
.contacts[data-v-c96828d8] {
  padding: 32px 0;
  border-bottom: 1px solid #dfdfdf;
}
.contacts .contacts__wrapper[data-v-c96828d8] {
  display: flex;
  justify-content: space-between;
}
.contacts .contacts__phone-list[data-v-c96828d8] {
  width: 42.78074866%;
  max-width: 320px;
  /**320/748 */
}
.contacts .contacts__list[data-v-c96828d8] {
  width: 37.43315508%;
  max-width: 280px;
  /**280/748 */
  margin-left: 8.55614973%;
  /**64/748 */
}
.contacts .contacts__sns[data-v-c96828d8] {
  margin-top: 12px;
}
.contacts__title[data-v-c96828d8] {
  margin: 0;
  font-size: 18px;
  color: #474747;
  font-weight: 600;
}
.contacts__wrapper[data-v-c96828d8] {
  margin-top: 10px;
  font-size: 14px;
  color: #6a6a6a;
}
.contacts__phone-list[data-v-c96828d8],
.contacts__list[data-v-c96828d8] {
  list-style: none;
}
.contacts__phone-list .contacts__item[data-v-c96828d8],
.contacts__list .contacts__item[data-v-c96828d8] {
  margin-top: 12px;
}
.contacts__phone-list .contacts__item a[data-v-c96828d8],
.contacts__list .contacts__item a[data-v-c96828d8] {
  text-decoration: underline;
  color: #6a6a6a;
  word-break: keep-all;
}

.mobile-adress[data-v-51f0d590] {
  list-style: none;
  color: #6a6a6a;
  font-size: 12px;
}
.mobile-adress .color-gray[data-v-51f0d590] {
  margin-top: 3px;
  color: #8a8a8a;
}
.mobile-adress .adress__divid-line[data-v-51f0d590]::after {
  font-weight: lighter;
  color: #cfcfcf;
  content: '|';
  display: inline-block;
  padding: 0 1px 0 4px;
}
.adress[data-v-51f0d590] {
  width: 100%;
  font-size: 12px;
  margin-top: 20px;
  position: relative;
  list-style: none;
  color: #8a8a8a;
}
@media (max-width: 768px) {
.adress[data-v-51f0d590] {
    margin-top: 25px;
    width: 100%;
    min-width: 100%;
}
}
.adress .adress__divid-line[data-v-51f0d590]::after {
  font-weight: lighter;
  color: #cfcfcf;
  content: '|';
  display: inline-block;
  padding: 0 5px 0 8px;
}
.adress__sns[data-v-51f0d590] {
  position: absolute;
  top: 0;
  right: 0;
}
.adress__link-list[data-v-51f0d590] {
  color: #6a6a6a;
  font-size: 12px;
}
.adress__link[data-v-51f0d590] {
  color: #6a6a6a;
  font-size: 12px;
  font-weight: bold;
}
.adress__info-list[data-v-51f0d590] {
  margin-top: 10px;
}
.adress__info-phone[data-v-51f0d590] {
  word-break: keep-all;
}
.adress__item[data-v-51f0d590]:not(:last-child)::after {
  content: '\2022';
  padding: 0 3px;
  display: inline-block;
  font-size: 2px;
}
.adress__copyright[data-v-51f0d590] {
  color: #8a8a8a;
  font-size: 12px;
  margin-top: 10px;
}

.flitto-footer[data-v-593dcecd] {
  width: 100%;
  padding: 60px 32px;
  background-color: #fff;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 1024px) {
.flitto-footer[data-v-593dcecd] {
    background-color: #fff;
    border-top: 1px solid #dcdcdc;
    padding: 20px;
}
}
.flitto-footer.main .flitto-footer__address[data-v-593dcecd] {
  padding-top: 32px;
}
@media (max-width: 1024px) {
.flitto-footer.main .flitto-footer__address[data-v-593dcecd] {
    padding: 20px 0;
}
}
.flitto-footer__wrapper[data-v-593dcecd] {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 2.77777778%;
  display: flex;
  justify-content: space-between;
}
.flitto-footer__logo[data-v-593dcecd] {
  min-width: 200px;
}
@media (max-width: 1024px) {
.flitto-footer__logo[data-v-593dcecd] {
    margin-top: 30px;
}
}
.flitto-footer__menu[data-v-593dcecd] {
  width: 100%;
}

.prowrap__contents__elem {
  width: 1024px;
}
.prowrap__section_main--guide {
  height: 155px;
  padding-top: 30px;
}
.prowrap__section_main--guide.crowd_guide {
  background-color: #2c6bb4;
}
.prowrap__section_main--guide.pro_guide {
  background-color: #0079ce;
}
.prowrap__contents__elem {
  width: 1004px;
  margin: 0 auto;
}
.prowrap__contents {
  min-height: 850px;
}
.fmedia {
  width: 100%;
  display: inline-block;
}
.fmedia .fmedia-left,
.fmedia .fmedia-right {
  width: 428px;
}
.fmedia .fmedia-body-right,
.fmedia .fmedia-body-left {
  width: 556px;
}
.fmedia .fmedia-heading {
  font-size: 25px;
}
.fmedia .fmedia-sub {
  color: #666;
}
.header__h2 {
  font-size: 30px;
  margin: 0;
}
.header__p {
  font-size: 14px;
  color: #666;
}

.fbtn {
  border-radius: 2px;
  font-weight: bold;
  line-height: 1;
  margin-right: 4px;
  font-size: 14px;
  padding: 12px 15px;
}
.fbtn[data-option="multline"] {
  height: inherit;
  min-height: 42px;
}
.fbtn:last-child {
  margin-right: 0;
}
.fbtn i {
  margin-right: 0;
}
.fbtn i:not(:last-child) {
  margin-right: 5px;
}
.fbtn--ful {
  width: 100%;
}
.fbtn-lg {
  font-size: 16px;
  padding: 16px 15px;
}
.fbtn-sm {
  font-size: 12px;
  padding: 8px 10px;
}
.fbtn-follow_w i,
.fbtn-suggest-flat i,
.fbtn-follow_d i {
  margin: -2px 5px 0 0;
}
.fbtn-basic,
.fbtn-more,
.fbtn-promote-sign {
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  color: #666;
}
.fbtn-basic:hover:enabled,
.fbtn-more:hover:enabled,
.fbtn-promote-sign:hover:enabled,
.fbtn-basic:focus:enabled,
.fbtn-more:focus:enabled,
.fbtn-promote-sign:focus:enabled {
  background-color: rgba(255,255,255,0.8);
  color: #666;
}
.fbtn-basic:disabled,
.fbtn-more:disabled,
.fbtn-promote-sign:disabled {
  cursor: not-allowed;
  border: 1px solid #dcdcdc;
  color: #dcdcdc;
}
.fbtn-option {
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  border: 1px solid #1880ff;
  color: #1880ff;
}
.fbtn-option:hover:enabled,
.fbtn-option:focus:enabled {
  background-color: #fbfdff;
  color: #1880ff;
}
.fbtn-option:disabled {
  cursor: not-allowed;
  border: 1px solid #dcdcdc;
  color: #dcdcdc;
}
.fbtn-warning {
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  color: #666;
}
.fbtn-warning:hover:enabled,
.fbtn-warning:focus:enabled {
  border: 1px solid #ff6c65;
  background-color: #fffbfb;
  color: #ff6c65;
}
.fbtn-warning:disabled {
  cursor: not-allowed;
  border: 1px solid #dcdcdc;
  color: #dcdcdc;
}
.fbtn-ghost {
  display: inline-block;
  margin-right: 4px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.fbtn-ghost:hover:enabled,
.fbtn-ghost:focus:enabled {
  background-color: rgba(255,255,255,0.1);
  color: gba(255, 255, 255, 0.1);
}
.fbtn-ghost:disabled {
  cursor: not-allowed;
  border: 1px solid rgba(255,255,255,0.4);
  color: rgba(255,255,255,0.4);
  background-color: transparent;
}
.fbtn-one {
  display: inline-block;
  margin-right: 4px;
  background-color: #20898c;
  border: 1px solid #20898c;
  color: #fff;
}
.fbtn-one:hover:enabled,
.fbtn-one:focus:enabled {
  background-color: #1d7b7e;
  color: #1d7b7e;
}
.fbtn-one:disabled {
  cursor: not-allowed;
  border: 1px solid;
  color: #dcdcdc;
}
.fbtn-follow_w {
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  border: 1px solid #1880ff;
  color: #1880ff;
}
.fbtn-follow_w:hover:enabled,
.fbtn-follow_w:focus:enabled {
  background-color: #fbfdff;
  color: #1880ff;
}
.fbtn-follow_w:disabled {
  cursor: not-allowed;
  border: 1px solid;
  color: rgba(0,0,0,0.1);
}
.fbtn-follow_d {
  display: inline-block;
  margin-right: 4px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.fbtn-follow_d:hover:enabled,
.fbtn-follow_d:focus:enabled {
  background-color: rgba(255,255,255,0.1);
  color: #fff;
}
.fbtn-follow_d:disabled {
  cursor: not-allowed;
  border: 1px solid;
  color: rgba(0,0,0,0.1);
  background-color: transparent;
}
.fbtn-act:hover:enabled,
.fbtn-like:hover:enabled,
.fbtn-report:hover:enabled,
.fbtn-act-alone:hover:enabled,
.fbtn-act-alone-sm:hover:enabled,
.fbtn-act:focus:enabled,
.fbtn-like:focus:enabled,
.fbtn-report:focus:enabled,
.fbtn-act-alone:focus:enabled,
.fbtn-act-alone-sm:focus:enabled {
  background-color: #f9f9f9;
  color: c-text-level2;
}
.fbtn-suggest,
.fbtn-suggest-flat,
.fbtn-buy,
.fbtn-form-ok {
  display: inline-block;
  margin-right: 4px;
  background-color: #1880ff;
  border: 1px solid #1880ff;
  color: #fff;
}
.fbtn-suggest:hover:enabled,
.fbtn-suggest-flat:hover:enabled,
.fbtn-buy:hover:enabled,
.fbtn-form-ok:hover:enabled,
.fbtn-suggest:focus:enabled,
.fbtn-suggest-flat:focus:enabled,
.fbtn-buy:focus:enabled,
.fbtn-form-ok:focus:enabled {
  background-color: #71aeff;
  color: #fff;
}
.fbtn-suggest:disabled,
.fbtn-suggest-flat:disabled,
.fbtn-buy:disabled,
.fbtn-form-ok:disabled {
  cursor: not-allowed;
  border: 1px solid rgba(113,174,255,0.5);
  color: rgba(255,255,255,0.8);
  background-color: rgba(113,174,255,0.5);
}
.fbtn-noti-tab {
  display: inline-block;
  margin-right: 4px;
  background-color: #fff;
  border: 1px solid #dcdcdc;
  color: #666;
}
.fbtn-noti-tab:hover:enabled,
.fbtn-noti-tab:focus:enabled {
  background-color: #666;
  color: #fff;
}
.fbtn-noti-tab:disabled {
  cursor: not-allowed;
  border: 1px solid;
  color: #dcdcdc;
}
.input-group-btn .fbtn {
  margin-right: 0;
}
.input-group-btn .fbtn:last-child {
  border-radius: 0 4px 4px 0;
}
.input-group-btn .fbtn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-btn .fbtn:first-child:not(:last-child) {
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.input-group-btn .fbtn-sm {
  height: 34px;
  margin: 0;
}
.input-group-btn:last-child .fbtn-sm {
  border-left-width: 0;
}
.input-group-btn:last-child .fbtn-sm:not(:last-child) {
  border-radius: 0;
}
.input-group-btn:last-child .fbtn-sm:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fbtn-more {
  width: 100%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto !important;
  display: block;
}
.fbtn-more.tr_tq,
.fbtn-more.bbs {
  background-color: #a6d5f9;
  border-color: #257dc1;
  color: #5aaae4;
  border-width: 1px;
  border-radius: 2px;
  display: inherit;
  margin-bottom: 10px;
}
.fbtn-more.bbs {
  max-width: 700px;
  margin: 0 auto;
}
.fbtn-report-v2 {
  color: #999;
  font-size: 12px;
}
.fbtn-report-v2:hover:enabled,
.fbtn-report-v2:focus:enabled,
.fbtn-report-v2.select {
  color: #ff6c65;
}
.fbtn-report-v2:disabled {
  color: #dcdcdc;
}
.fbtn-act,
.fbtn-like,
.fbtn-report,
.fbtn-act-alone,
.fbtn-act-alone-sm {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  color: #666;
  padding: 2px 10px 1px;
  font-size: 12px;
  line-height: 1.34;
}
.fbtn-act i,
.fbtn-like i,
.fbtn-report i,
.fbtn-act-alone i,
.fbtn-act-alone-sm i {
  font-size: 9px;
  padding-bottom: 2px;
}
.fbtn-act:disabled,
.fbtn-like:disabled,
.fbtn-report:disabled,
.fbtn-act-alone:disabled,
.fbtn-act-alone-sm:disabled {
  cursor: not-allowed;
  border: 1px solid #ccc;
  color: #ccc;
}
.fbtn-like:hover:enabled,
.fbtn-like:focus:enabled,
.fbtn-like.select {
  color: #1880ff;
}
.fbtn-report:hover:enabled,
.fbtn-report:focus:enabled,
.fbtn-report.select {
  color: #ff6c65;
}
.fbtn-act-alone,
.fbtn-act-alone-sm {
  line-height: 1;
  padding: 8px;
}
.fbtn-act-alone i,
.fbtn-act-alone-sm i {
  margin-right: 0;
  padding-bottom: 0;
}
.fbtn-act-alone-sm {
  font-size: 10px;
  padding: 5px 5px 6px;
}
.fbtn-noti-tab {
  font-size: 12px;
  font-weight: normal;
}
.fbtn-noti-tab.active {
  background-color: #666;
  color: #fff;
}
.fbtn-noti-tab:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fbtn-noti-tab:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.flink {
  border: none;
  border-radius: 0;
  margin-right: 4px;
  background-color: transparent;
  font-size: 14px;
  padding: 12px 0 0;
  margin: 0 15px 12px;
  display: inline-block;
  text-decoration: underline;
  font-weight: normal;
}
.flink--fit {
  margin: 0;
  padding: 0;
}
.flink--no-underline,
.flink i {
  text-decoration: none;
}
.flink--no-underline:hover:enabled,
.flink i:hover:enabled,
.flink--no-underline:focus:enabled,
.flink i:focus:enabled {
  text-decoration: none !important;
}
.flink i {
  margin-left: 5px;
}
.flink-suggest {
  color: #1880ff;
}
.flink-suggest:hover:enabled,
.flink-suggest:focus:enabled {
  color: #1880ff;
  text-decoration: underline;
}
.flink-suggest:disabled {
  cursor: not-allowed;
  color: #dcdcdc;
}
.flink-basic {
  color: #333;
}
.flink-basic:hover:enabled,
.flink-basic:focus:enabled {
  color: #1880ff;
  text-decoration: underline;
}
.flink-basic:disabled {
  cursor: not-allowed;
  color: #dcdcdc;
}
.flink-warning {
  color: #999;
}
.flink-warning:hover:enabled,
.flink-warning:focus:enabled {
  color: #ff6c65;
  text-decoration: underline;
}
.flink-warning:disabled {
  cursor: not-allowed;
  color: #dcdcdc;
}
.flink-sm {
  font-size: 12px;
  padding: 0;
}
.flink-sm i {
  margin-right: 5px;
  height: 15px;
}
.fbtn-suggest,
.fbtn-suggest-flat,
.fbtn-buy,
.fbtn-form-ok {
  display: inline-block;
  margin-right: 4px;
  background-color: #1880ff;
  border: 1px solid #1880ff;
  color: #fff;
  padding-bottom: 11px;
  border-bottom: 2px solid #145ce1;
}
.fbtn-suggest:hover:enabled,
.fbtn-suggest-flat:hover:enabled,
.fbtn-buy:hover:enabled,
.fbtn-form-ok:hover:enabled,
.fbtn-suggest:focus:enabled,
.fbtn-suggest-flat:focus:enabled,
.fbtn-buy:focus:enabled,
.fbtn-form-ok:focus:enabled {
  background-color: #71aeff;
  border: 1px solid #71aeff;
  border-bottom: 2px solid #145ce1;
}
.fbtn-suggest:active,
.fbtn-suggest-flat:active,
.fbtn-buy:active,
.fbtn-form-ok:active {
  background-color: #145ce1;
  border: 1px solid #145ce1;
}
.fbtn-suggest:disabled,
.fbtn-suggest-flat:disabled,
.fbtn-buy:disabled,
.fbtn-form-ok:disabled {
  cursor: not-allowed;
  border: 1px solid rgba(113,174,255,0.2);
  border-bottom: 2px solid rgba(20,92,225,0.5);
  color: rgba(255,255,255,0.8);
  background-color: rgba(113,174,255,0.5);
}
.fbtn-suggest.fbtn-lg,
.fbtn-suggest-flat.fbtn-lg,
.fbtn-buy.fbtn-lg,
.fbtn-form-ok.fbtn-lg {
  padding-bottom: 15px;
}
.fbtn-suggest.fbtn-sm,
.fbtn-suggest-flat.fbtn-sm,
.fbtn-buy.fbtn-sm,
.fbtn-form-ok.fbtn-sm {
  padding-bottom: 7px;
}
.fbtn-suggest-flat {
  border: 1px solid #1880ff;
  padding: 12px;
}
.fbtn-suggest-flat:hover:enabled,
.fbtn-suggest-flat:focus:enabled {
  border: 1px solid #71aeff;
}
.fbtn-suggest-flat:active {
  border: 1px solid #145ce1;
}
.fbtn-suggest-flat:disabled {
  border-bottom: 1px solid rgba(20,92,225,0.5);
}
.fbtn-suggest-flat.fbtn-sm {
  padding: 8px;
}
.fbtn-suggest-flat.fbtn-lg {
  padding: 16px;
}
.fbtn-buy {
  width: 100%;
  max-width: 350px;
  padding: 0;
  height: 40px;
}
.social_icon {
  width: 15px;
  height: 15px;
  min-width: auto;
  line-height: 15px;
  color: #fff;
  border-radius: 50%;
  font-size: 10px;
  margin: 0 1px;
}
.pm0 {
  padding: 0;
  margin: 0;
}
.fbtn-my-list {
  line-height: 35px;
  border-color: #929292;
  color: #929292;
  font-size: 20px;
  border-radius: 4px;
  border: 1px solid #dcdcdc;
  margin: 7px 0 0 0;
  padding: 0 10px;
  background-color: transparent;
}
[data-like_history=Y] .fbtn-follow_d {
  display: none;
}
[data-like_history=Y] .fbtn-suggest {
  display: inline-block;
}
[data-like_history=N] .fbtn-follow_d {
  display: inline-block;
}
[data-like_history=N] .fbtn-suggest {
  display: none;
}
.fbtn-form-ok {
  margin-left: -2px;
}
.fbtn-form-ok:hover:enabled {
  color: #333;
}
.fbtn-choice {
  padding: 3px 0 0 0;
  background-color: #fff;
  border: 1px solid #1880ff;
  width: 30px;
  height: 30px;
  min-width: auto;
}
.fbtn-choice i {
  display: inline-block;
  vertical-align: middle;
  min-height: 20px;
  color: #1880ff;
}
.fbtn-choice.select,
.fbtn-choice.active,
.fbtn-choice:hover:enabled,
.fbtn-choice:focus:enabled {
  background-color: #1880ff;
}
.fbtn-choice.select i,
.fbtn-choice.active i,
.fbtn-choice:hover:enabled i,
.fbtn-choice:focus:enabled i {
  color: #fff;
}
.fbtn-choice.select {
  cursor: default;
}
.fbtn-choice:disabled {
  cursor: not-allowed;
  border: 1px solid #ccc;
}
.fbtn-choice:disabled i {
  color: #ccc;
}
.fbtn-more-link {
  background: none;
  border: none;
  font-weight: normal;
  padding: 0;
  margin: 0;
  color: #aaa;
  margin-bottom: 10px;
}
.fbtn-more-link.open {
  color: #000;
}
.fbtn-more-link:last-child {
  margin-bottom: 0;
}
.fbtn-promote-sign {
  text-align: left;
}
.fbtn-promote-sign i {
  float: left;
  margin-right: 10px;
}
.fbtn--facebook {
  background-color: #3c599a;
  border: none;
  color: #fff;
}
.fbtn--facebook:hover:enabled,
.fbtn--facebook:focus:enabled {
  background-color: #36508b;
  color: #fff;
}
.fbtn--twitter {
  background-color: #5fa9dd;
  border: none;
  color: #fff;
}
.fbtn--twitter:hover:enabled,
.fbtn--twitter:focus:enabled {
  background-color: #459bd7;
  color: #fff;
}
.fbtn--gplus {
  background-color: #fff;
  border: none;
  color: #fff;
}
.fbtn--gplus:hover:enabled,
.fbtn--gplus:focus:enabled {
  background-color: #e6e6e6;
  color: #fff;
}
.fbtn--kakao {
  background-color: #ffe812;
  border: none;
  color: #fff;
}
.fbtn--kakao:hover:enabled,
.fbtn--kakao:focus:enabled {
  background-color: #f6de00;
  color: #fff;
}
.fbtn--apple {
  background-color: #222;
  border: none;
  color: #fff;
}
.fbtn--apple:hover:enabled,
.fbtn--apple:focus:enabled {
  background-color: #1f1f1f;
  color: #fff;
}
.btn-init {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.btn-init:active {
  background-color: rgba(0,0,0,0);
}
.btn-init.mr5 {
  margin-right: 5px;
}
.btn-init.border {
  border: 1px solid #dcdcdc;
}
.btn-d1 {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  border-radius: 2px;
  height: 42px;
  line-height: 42px;
  color: #fff;
}
.btn-d1:active {
  background-color: rgba(0,0,0,0);
}
.btn-d1 img {
  vertical-align: text-bottom;
}
.btn-d1[data-type=apple] {
  background-color: #222;
}
.btn-d1[data-type=apple]:hover:enabled,
.btn-d1[data-type=apple]:focus:enabled {
  background-color: #202020;
  color: #fff;
}
.btn-d1[data-type=apple]:disabled {
  cursor: not-allowed;
  border: 1px solid rgba(113,174,255,0.5);
  color: rgba(255,255,255,0.8);
  background-color: disable- #145ce1;
}
.btn-d1[data-type=facebook] {
  background-color: #3c599a;
}
.btn-d1[data-type=facebook]:hover:enabled,
.btn-d1[data-type=facebook]:focus:enabled {
  background-color: #36508b;
  color: #fff;
}
.btn-d1[data-type=facebook]:disabled {
  cursor: not-allowed;
  border: 1px solid rgba(113,174,255,0.5);
  color: rgba(255,255,255,0.8);
  background-color: disable- #145ce1;
}
.btn-d1[data-type=twitter] {
  background-color: #5fa9dd;
}
.btn-d1[data-type=twitter]:hover:enabled,
.btn-d1[data-type=twitter]:focus:enabled {
  background-color: #459bd7;
  color: #fff;
}
.btn-d1[data-type=twitter]:disabled {
  cursor: not-allowed;
  border: 1px solid rgba(113,174,255,0.5);
  color: rgba(255,255,255,0.8);
  background-color: disable- #145ce1;
}
.btn-d1[data-type=google] {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  color: #666;
}
.btn-d1[data-type=google]:hover:enabled,
.btn-d1[data-type=google]:focus:enabled {
  background-color: #f2f2f2;
  color: #666;
}
.btn-d1[data-type=google]:disabled {
  cursor: not-allowed;
  border: 1px solid rgba(113,174,255,0.5);
  color: #666;
  background-color: disable- #145ce1;
}
.btn-d1[data-type=kakao] {
  background-color: #ffe812;
  border: 1px solid #dcdcdc;
  color: #666;
}
.btn-d1[data-type=kakao]:hover:enabled,
.btn-d1[data-type=kakao]:focus:enabled {
  background-color: #ffe704;
  color: #666;
}
.btn-d1[data-type=kakao]:disabled {
  cursor: not-allowed;
  border: 1px solid rgba(113,174,255,0.5);
  color: #666;
  background-color: disable- #145ce1;
}
.btn-d1.wp100 {
  margin-bottom: 10px;
  padding: 1px 20px;
  text-align: left;
}
.btn-d1.wp100:last-child {
  margin-bottom: 0;
}
.btn-d1.wp100 i {
  float: left;
  margin-right: 10px;
  font-size: 16px;
}
.btn-d1.small {
  width: 40px;
  font-size: 16px;
}
.btn-d1.small i {
  margin-right: 0;
  margin-bottom: 0;
}
.sns-sign-up {
  position: relative;
  font-size: 16px;
  border-radius: 8px;
  height: 50px;
  line-height: 50px;
  color: #222;
  border: 1px solid #dfdfdf;
}
.sns-sign-up.wp100 i {
  float: left;
  margin-right: 10px;
  font-size: 22px;
}
.sns-sign-up[data-type=weibo] {
  background-color: #fff;
  color: #2b2b2b;
}
.sns-sign-up[data-type=weibo]:hover:enabled,
.sns-sign-up[data-type=weibo]:focus:enabled {
  background-color: #f0f0f0;
  color: #666;
}
.sns-sign-up[data-type=weixin] {
  background-color: #fff;
  color: #2b2b2b;
}
.sns-sign-up[data-type=weixin]:hover:enabled,
.sns-sign-up[data-type=weixin]:focus:enabled {
  background-color: #f0f0f0;
  color: #666;
}
.sns-sign-up[data-type=qq] {
  background-color: #fff;
  color: #2b2b2b;
}
.sns-sign-up[data-type=qq]:hover:enabled,
.sns-sign-up[data-type=qq]:focus:enabled {
  background-color: #f0f0f0;
  color: #666;
}
.sns-sign-up[data-type=apple] {
  background-color: #222;
  color: #fff;
}
.sns-sign-up.global.wp100 {
  margin-bottom: 10px;
}
.sns-sign-up.global.wp100:last-child {
  margin-bottom: 0;
  padding: 1px 20px;
  text-align: left;
}
.sns-sign-up.global[data-type=facebook] {
  background-color: #fff;
  color: #2b2b2b;
}
.sns-sign-up.global[data-type=facebook]:hover:enabled,
.sns-sign-up.global[data-type=facebook]:focus:enabled {
  background-color: #f0f0f0;
  color: #666;
}
.sns-sign-up.global[data-type=twitter] {
  background-color: #fff;
  color: #2b2b2b;
}
.sns-sign-up.global[data-type=twitter]:hover:enabled,
.sns-sign-up.global[data-type=twitter]:focus:enabled {
  background-color: #f0f0f0;
  color: #666;
}
.sns-sign-up.global[data-type=google] {
  background-color: #fff;
  color: #2b2b2b;
}
.sns-sign-up.global[data-type=google]:hover:enabled,
.sns-sign-up.global[data-type=google]:focus:enabled {
  background-color: #f0f0f0;
  color: #666;
}
.sns-sign-up.global[data-type=kakao] {
  background-color: #fff;
  color: #2b2b2b;
}
.sns-sign-up.global[data-type=kakao]:hover:enabled,
.sns-sign-up.global[data-type=kakao]:focus:enabled {
  background-color: #f0f0f0;
  color: #666;
}
.sns-sign-up.global.btn-email {
  background-color: #fff;
  color: #2b2b2b;
}
.sns-sign-up.global.btn-email:hover:enabled,
.sns-sign-up.global.btn-email:focus:enabled {
  background-color: #f0f0f0;
  color: #666;
}
.btn-share {
  width: 26px;
  height: 26px;
  min-width: 26px;
  color: #fff;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
}
.btn-share.bg-flitto {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #e6e6e6;
  color: #777;
}
.btn-share.bg-flitto:active {
  background-color: #d4d4d4;
}
.btn-share.bg-apple {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #222;
  color: #fff;
}
.btn-share.bg-apple:active {
  background-color: #1f1f1f;
}
.btn-share.bg-twitter {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #5fa9dd;
}
.btn-share.bg-twitter:active {
  background-color: #4a9ed9;
}
.btn-share.bg-facebook {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #3c599a;
}
.btn-share.bg-facebook:active {
  background-color: #37528e;
}
.btn-share.bg-google {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.btn-share.bg-google:active {
  background-color: #ebebeb;
}
.btn-share.bg-kakao {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #ffe812;
}
.btn-share.bg-kakao:active {
  background-color: #fbe300;
}
.btn-share.bg-like {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #fff;
  font-weight: bold;
  border: 1px solid #dcdcdc;
  color: #666;
}
.btn-share.bg-like:active {
  background-color: #ebebeb;
}
.btn-share.bg-like:hover:enabled,
.btn-share.bg-like:focus:enabled {
  background-color: #f9f9f9;
  color: #ec5464;
}
.btn-share.bg-like.btn-share-md {
  font-size: 14px;
  min-width: 50px;
  width: inherit;
  padding: 0 10px;
}
.btn-share.bg-like:disabled {
  cursor: not-allowed;
  border: 1px solid #ccc;
  color: c-text-disable;
  background-color: #fff;
}
.btn-share[data-like_history=Y] {
  color: #ec5464;
}
.btn-share.point {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #777;
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  font-size: 14px;
  margin: 0 3px;
}
.btn-share.point:active {
  background-color: #6d6d6d;
}
.btn-share-md {
  width: 50px;
  height: 36px;
  min-width: 36px;
}
.btn-share-md i {
  font-size: 17px;
}
.btn-social_small {
  border-radius: 4px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  line-height: 16px;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
.fbtn-tab {
  font-weight: normal;
  margin: 0 30px;
  border-radius: 0;
  font-size: 18px;
  color: rgba(255,255,255,0.5);
  text-decoration: none;
  padding: 10px;
}
.fbtn-tab.selected {
  font-weight: bold;
  color: #fff;
  border-bottom: 2px solid #fff;
}
.fbtn-tab:first-child {
  margin-left: 0;
}
.fbtn-tab:hover:enabled,
fbtn-tab:focus:enabled {
  color: #fff;
}
.fbtn-noborder {
  border: none;
  margin: 0;
  background-color: transparent;
  padding: 0;
}
.sns-word-break {
  display: inline;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 1px;
  word-break: keep-all;
}
.sns-word-break-font {
  font-size: 14px;
  margin-top: 0;
}
.sns-right-margin {
  margin-right: 16px;
}
.fstatus {
  font-size: 10px;
  color: #666;
  border: 1px solid #666;
  border-radius: 20px;
  padding: 5px;
}
.fstatus-check {
  border: 1px solid #145ce1;
  color: #145ce1;
}
.fstatus-clock {
  border: 1px solid #ff6c65;
  color: #ff6c65;
}
.fstatus-clock .clock {
  animation: tada 0.8s infinite;
}
.fstatus-ongoing {
  border: 1px solid #2d8879;
  color: #2d8879;
}
.fstatus-ongoing .dot_1 {
  animation-delay: 0s, 3.6s, 7.199999999999999s;
}
.fstatus-ongoing .dot_2 {
  animation-delay: 0.15s, 3.75s, 7.499999999999999s;
}
.fstatus-ongoing .dot_3 {
  animation-delay: 0.3s, 3.899999999999999s, 7.799999999999999s;
}
.fstatus-ongoing .dot_1,
.fstatus-ongoing .dot_2,
.fstatus-ongoing .dot_3 {
  animation-name: kaboom;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  margin: 0 -4px 8px 0px;
}
.fstatus-hourglass {
  border: 1px solid #71aeff;
  color: #71aeff;
}
.fstatus-hourglass .hourglass {
  animation: hourglass-spin 8s ease-in-out 2s infinite;
}
@-moz-keyframes clock {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-10deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(10deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-10deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes clock {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-10deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(10deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-10deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@-o-keyframes clock {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-10deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(10deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-10deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@keyframes clock {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-10deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(10deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-10deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@-moz-keyframes hourglass-spin {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes hourglass-spin {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes hourglass-spin {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes hourglass-spin {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  60% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes kaboom {
  0% {
    transform: translateY(0);
    animation-timing-function: ease-in;
  }
  30%, 50%, 70%, 90% {
    transform: translateY(4px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}
@-webkit-keyframes kaboom {
  0% {
    transform: translateY(0);
    animation-timing-function: ease-in;
  }
  30%, 50%, 70%, 90% {
    transform: translateY(4px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}
@-o-keyframes kaboom {
  0% {
    transform: translateY(0);
    animation-timing-function: ease-in;
  }
  30%, 50%, 70%, 90% {
    transform: translateY(4px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}
@keyframes kaboom {
  0% {
    transform: translateY(0);
    animation-timing-function: ease-in;
  }
  30%, 50%, 70%, 90% {
    transform: translateY(4px);
    animation-timing-function: linear;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}
@-moz-keyframes hourglass {
  0% {
    transform: rotate(0);
  }
  10%, 20% {
    transform: rotate(-180deg);
  }
  30%, 50%, 70%, 90% {
    transform: rotate(180deg);
  }
  40%, 60%, 80% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(0);
  }
}
@-webkit-keyframes hourglass {
  0% {
    transform: rotate(0);
  }
  10%, 20% {
    transform: rotate(-180deg);
  }
  30%, 50%, 70%, 90% {
    transform: rotate(180deg);
  }
  40%, 60%, 80% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(0);
  }
}
@-o-keyframes hourglass {
  0% {
    transform: rotate(0);
  }
  10%, 20% {
    transform: rotate(-180deg);
  }
  30%, 50%, 70%, 90% {
    transform: rotate(180deg);
  }
  40%, 60%, 80% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes hourglass {
  0% {
    transform: rotate(0);
  }
  10%, 20% {
    transform: rotate(-180deg);
  }
  30%, 50%, 70%, 90% {
    transform: rotate(180deg);
  }
  40%, 60%, 80% {
    transform: rotate(-180deg);
  }
  100% {
    transform: rotate(0);
  }
}
.step-indicator {
  min-width: 380px;
  text-align: center;
}
.step-indicator li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
}
.step-indicator li .circle {
  width: 20px;
  height: 20px;
  line-height: 18px;
  border: 2px solid #dcdcdc;
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #fff;
}
.step-indicator li .circle.checked i {
  font-weight: bold;
  color: #dcdcdc;
}
.step-indicator li .circle.active {
  background-color: #145ce1;
  border-color: #71aeff;
}
.step-indicator li .bar {
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #dcdcdc;
  top: 10px;
  left: 50%;
  z-index: -1;
}
.profile-circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #dcdcdc;
  margin-left: -10px;
}
.profile-circle:first-child {
  margin: 0;
}
.profile-circle-thin {
  border: 1px solid #fff;
}
.profile-circle-sm {
  width: 20px;
  height: 20px;
}
.profile-circle-me {
  border: 2px solid #1880ff;
}
.profile-circle-more {
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
}
.block_index {
  color: #dcdcdc;
  border-radius: 3px;
  border: 1px solid #dcdcdc;
  background: #fff;
  text-align: center;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 1.7em;
  font-size: 12px;
}
.block_index-sm {
  color: #dcdcdc;
  border-radius: 2px;
  border: 1px solid #dcdcdc;
  background: #fff;
  text-align: center;
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 12px;
}
.block_index.active,
.block_index-sm.active {
  color: #333;
}
.block_check {
  color: #fff;
  border-radius: 3px;
  font-size: 10px;
  text-align: center;
  display: inline-block;
  background-color: #1880ff;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.6em;
}
.block_cnt {
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  background-color: #ff6c65;
  font-size: 12px;
  width: 15px;
  height: 15px;
  line-height: 1.5em;
}
.ftoast-template,
.ftoast,
.ftoast-in-modal {
  color: #fff;
  font-size: 14px;
  padding: 10px 15px;
  background: rgba(0,0,0,0.5);
  border-radius: 20px;
  word-break: keep-all;
}
.ftoast,
.ftoast-in-modal {
  z-index: 1040;
  position: absolute;
  font-size: 12px;
  visibility: visible;
  opacity: 1;
  transition: opacity 5s linear;
}
.ftoast-in-modal {
  z-index: 1051;
}
.ftoast--hidden {
  display: none;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
}
.prowrap__section {
  min-width: 1024px;
}
.prowrap__section__main {
  background-color: #fff;
  height: 530px;
  position: relative;
}
.flitto_business {
  background-image: url("/fcp/i/pro_home/flitto_business.jpg");
  background-size: cover;
  background-position: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .flitto_business {
    background-image: url("/fcp/i/pro_home/flitto_business@2x.jpg");
    background-size: cover;
  }
}
#illust-section {
  position: absolute;
  bottom: 0;
  margin-left: 490px;
}
.illust-requestor {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 439px;
  height: 480px;
  animation: fadeIn 1s;
}
.illust-pro-woman {
  position: absolute;
  left: 255px;
  bottom: 215px;
  width: 190px;
  height: 133px;
}
.illust-pro-man {
  position: absolute;
  left: 340px;
  bottom: 86px;
  width: 150px;
  height: 162px;
}
.prowrap__contents__elem {
  width: 1024px;
  margin: 0 auto;
  padding: 0 10px;
}
.prowrap__contents {
  min-height: 850px;
}
.fmedia {
  width: 100%;
  display: inline-block;
}
.fmedia ul {
  line-height: 1.4em;
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
}
.fmedia dt {
  font-size: 16px;
  color: #333;
  padding-bottom: 10px;
}
.fmedia dd {
  font-size: 14px;
  color: #666;
}
.req_cnt_group {
  padding-top: 40px;
}
.req_cnt_group dl {
  display: inline-block;
  padding-right: 30px;
  border-right: 1px solid #dcdcdc;
  margin-bottom: 0;
}
.req_cnt_group dl:nth-child(2) {
  border: none;
  padding: 0 30px;
}
.req_cnt_group dt {
  font-size: 14px;
  font-weight: normal;
  color: #999;
  margin-bottom: 5px;
}
.req_cnt_group dd {
  font-size: 34px;
  color: #333;
  font-weight: normal;
}
.header__h2 {
  padding-bottom: 20px;
  font-size: 34px;
  color: #333;
  margin: 0;
}
.header__p {
  font-size: 14px;
  padding-bottom: 30px;
  color: #666;
}
.prowrap__contents__board__4 .fmedia {
  width: 321px;
}
.prowrap__contents__board__6 img {
  margin-bottom: 0;
}
.prowrap__contents__board__6 .fmedia {
  width: 500px;
  float: left;
}
.prowrap__contents__board__6 .item_mobile {
  padding-bottom: 0;
  margin-bottom: 0;
}
.prowrap__contents__board__3 .fmedia {
  width: 236px;
}
.fmedia-wrapper--0 {
  background-color: #1b83a4;
  width: 236px;
  padding-top: 10px;
}
.fmedia-wrapper--0 .fmedia {
  min-height: 300px;
}
.fmedia-wrapper--1 {
  background-color: #3778cf;
  width: 236px;
  padding-top: 10px;
}
.fmedia-wrapper--1 .fmedia {
  min-height: 300px;
}
.fmedia-wrapper--2 {
  background-color: #5695cc;
  width: 236px;
  padding-top: 10px;
}
.fmedia-wrapper--2 .fmedia {
  min-height: 300px;
}
.fmedia-wrapper--3 {
  background-color: #475e80;
  width: 236px;
  padding-top: 10px;
}
.fmedia-wrapper--3 .fmedia {
  min-height: 300px;
}

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  user-select: none;
}
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url("/fcp/src/resource/img/bg.png");
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.wrap-main #home_estimate .width_box {
  border-top: 1px solid #dcdcdc;
}
.s_s14 svg,
.s_s16 svg,
.s_s20 svg,
.s_s_h24 svg,
.s_s_h27 svg,
.s_s30 svg,
.s_s40 svg,
.s_s50 svg,
.s_s60 svg,
.s_s70 svg,
.s_s80 svg,
.s_s90 svg,
.s_s100 svg,
.s_s120 svg,
.s_s_w180_h84 svg,
.s_s140 svg,
.s_w40 svg,
.s_w45 svg,
.s_w200 svg {
  vertical-align: middle;
}
* {
  margin: 0;
  padding: 0;
}
button,
input {
  outline: none;
}
button:active,
input:active {
  outline: none;
}
html,
body,
input,
button,
select,
textarea,
pre,
p,
span,
div {
  font-family: Helvetica, "Helvetica Neue", sans-serif, "Malgun Gothic", "Apple Gothic", Arial;
}
html[data-lang=ko] body,
html[data-lang=ko] input,
html[data-lang=ko] button,
html[data-lang=ko] select,
html[data-lang=ko] textarea,
html[data-lang=ko] pre,
html[data-lang=ko] p,
html[data-lang=ko] span,
html[data-lang=ko] div {
  font-family: Pretendard, sans-serif, "돋움", "맑은 고딕", "Malgun Gothic", "Apple Gothic", "Helvetica Neue", Helvetica, Arial;
}
html[data-lang=ko] .landing-font {
  font-family: 'Spoqa Han Sans', sans-serif, "돋움", "맑은 고딕", "Malgun Gothic", "Apple Gothic", "Helvetica Neue", Helvetica, Arial;
}
html[data-lang=en] .landing-font {
  font-family: 'Spoqa Han Sans', sans-serif, "돋움", "맑은 고딕", "Malgun Gothic", "Apple Gothic", "Helvetica Neue", Helvetica, Arial;
}
html[data-lang="zh-CN"] body,
html[data-lang="zh-CN"] input,
html[data-lang="zh-CN"] button,
html[data-lang="zh-CN"] select,
html[data-lang="zh-CN"] textarea,
html[data-lang="zh-CN"] pre,
html[data-lang="zh-CN"] p,
html[data-lang="zh-CN"] span,
html[data-lang="zh-CN"] div {
  font-family: "SimHei", "Microsoft YaHe", "simsun", "Apple Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html[data-lang="ja"] body,
html[data-lang="ja"] input,
html[data-lang="ja"] button,
html[data-lang="ja"] select,
html[data-lang="ja"] textarea,
html[data-lang="ja"] pre,
html[data-lang="ja"] p,
html[data-lang="ja"] span,
html[data-lang="ja"] div {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo,メイリオ', sans-serif;
}
html[data-lang="id"] .ib_id {
  display: inline-block;
}
html[data-lang="id"] .pl10_id {
  padding-left: 10px;
}
html[data-lang="ar"] textarea,
html[data-lang="ar"] pre,
html[data-lang="ar"] p,
html[data-lang="ar"] input,
html[data-lang="ar"] dt,
html[data-lang="ar"] span {
  direction: rtl;
}
textarea[data-lang_id="3"],
input[data-lang_id="3"] {
  direction: rtl;
}
html,
body {
  height: 100%;
  font-size: 14px;
  min-width: 320px;
  color: #333333;
  line-height: 1.2em;
}
body {
  background-color: #F9F9F9;
  min-height: 720px;
}
body.home {
  background-color: #e9efef;
}
header {
  line-height: 1.34em;
}
.modal-open {
  padding-right: 0 !important;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
}
.navbar-fixed-top {
  right: auto;
  z-index: 1031;
}
.helper {
  display: none;
  width: 100%;
  height: auto;
  min-width: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 10px 30px;
}
.helper-bg {
  width: 100%;
  height: 100%;
  min-width: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
.alert-flitto > div {
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  font-size: 9pt;
  padding: 15px;
}
.alert-flitto.alert > div {
  font-size: 14px;
}
.alert-flitto.warning > div {
  background-color: #2f96b4;
  color: #ffffff;
}
.alert-flitto.info > div {
  background-color: #a6d5f9;
  color: #257dc1;
  border-color: #5aaae4;
}
.alert-flitto.long > div {
  background: #0a87cb;
  color: #ffffff;
  border: none;
}
ul,
ol,
p,
dl {
  margin-bottom: 0;
}
.wrap-content {
  max-width: 1024px;
  padding: 0 10px;
  margin: 0 auto;
}
body.none_responsive .wrap,
body.none_responsive footer.page {
  min-width: 1024px;
}
.wrap {
  position: relative;
  min-height: 100vh;
  margin-top: 80px;
}
@media (max-width: 1024px) {
  .wrap {
    margin-top: 60px;
  }
}
.wrap.main {
  margin-top: 0;
  padding-top: 80px;
}
@media (max-width: 1024px) {
  .wrap.main {
    padding-top: 60px;
  }
}
html.app .wrap {
  position: relative;
  min-height: 100%;
  margin-top: 0;
}
.modal dl {
  margin-bottom: 0;
}
.modal dl.mb10 {
  margin-bottom: 10px;
}
p {
  line-height: 1.4em;
}
p.break-word {
  word-wrap: break-word;
  word-break: break-word;
}
pre {
  font-size: 14px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
}
form input.form-control {
  height: 30px;
}
textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-group {
  margin-bottom: 10px;
}
a.twitter-link,
a.social-link {
  cursor: pointer;
  color: #0a7dcb;
}
a.twitter-link:hover,
a.social-link:hover {
  text-decoration: underline;
}
a.twitter-link i,
a.social-link i {
  vertical-align: middle;
}
a.social {
  color: #929292;
  font-size: 11px;
}
.dl_init {
  margin-bottom: 0;
}
.dl_init dt {
  font-weight: normal;
}
.txt_under,
.txt_under:hover {
  text-decoration: underline;
}
.txt_under_hover:hover {
  text-decoration: underline;
}
.past-time,
.past-time a {
  color: #929292;
}
.rate-percent {
  color: #929292;
  font-size: 11px;
  line-height: 1;
  float: left;
}
.rate-percent b {
  font-weight: normal;
}
.flexible-info {
  color: #4657a9;
}
.person-box-lg img {
  margin-right: 10px;
}
.person-box-lg * {
  display: block;
}
.person-box-lg .past-time {
  margin-left: 10px;
}
.person-box-sm {
  position: relative;
  padding-left: 40px;
  min-height: 34px;
}
.person-box-sm.comment p {
  padding-top: 4px;
  font-size: 12px;
}
.person-box-sm.large {
  padding-left: 50px;
  padding-top: 3px;
  min-height: 40px;
}
.person-box-sm .username {
  font-size: 14px;
  font-weight: bold;
  float: left;
}
.person-box-sm .username.flitto {
  color: #0a87cb !important;
}
.person-box-sm img:not(.emoji) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
.person-box-sm .btn-delete {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  line-height: 1.4em;
  font-size: 11px;
  color: #929292;
}
.person-box-sm .btn-delete[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
.person-box-sm .btn-delete:active {
  background-color: rgba(0, 0, 0, 0);
}
.person-box-sm .btn-delete[data-notclick="true"] {
  cursor: default;
}
.person-box-sm .btn-delete[data-notclick="true"]:active {
  background-color: #ececec;
}
.person-box-sm .past-time {
  font-size: 11px;
}
.person-box-sm .fun-title {
  color: #929292;
}
.person-box-sm a.username {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
}
.person-box-sm a.username:hover {
  text-decoration: underline;
}
.person-box-sm .social-box {
  position: absolute;
  top: -10px;
  left: -10px;
  z-index: auto;
}
.person-box-sm.flag {
  position: relative;
  padding-left: 50px;
}
.person-box-sm.flag [class^='flag'] {
  zoom: 0.7;
  position: absolute;
  left: 0;
  top: 37px;
}
.person-info-n {
  margin-bottom: 0 !important;
  padding-left: 60px;
  padding-right: 106px;
  position: relative;
}
.person-info-n a {
  color: #929292;
}
.person-info-n dt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
.person-info-n dt img {
  border-radius: 4px;
}
.person-info-n dd.info > a {
  color: #000000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: -5px;
}
.person-info-n dd.info a {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.person-info-n dd:last-child {
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
}
.social-item {
  height: 20px;
  display: inline-block;
  width: 100%;
  float: left;
}
.social-item i {
  position: absolute;
  top: 2px;
  left: 0;
  z-index: auto;
}
.social-item a {
  color: #929292;
  padding-left: 21px;
  position: relative;
  display: inline-block;
  width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.person-info-box {
  margin-bottom: 0 !important;
}
.person-info-box a {
  color: #929292;
}
.person-info-box dt {
  width: 50px;
}
.person-info-box dd a,
.person-info-box dd span {
  width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.person-info-box dd > a {
  display: inline-block;
  color: #000000;
  font-size: 16px;
  font-weight: bold;
}
.person-info-box dd > a:hover {
  text-decoration: underline;
}
.person-info-box dd > a:hover[disabled=disabled] {
  text-decoration: none;
}
.person-info-box img[src=""] {
  display: none;
}
.person-info-box .past-time {
  margin-left: 10px;
}
.person-info-box dd div {
  color: #929292;
}
.person-info-box i {
  margin-right: 5px;
  float: left;
}
.feed_bottom_btn {
  height: 28px;
  line-height: 28px;
  margin: 15px 5px;
  text-align: center;
  border: 1px solid #4ab8b9;
  background-color: #55c4c4;
  color: #fff;
  cursor: pointer;
}
.feed_bottom_btn:hover {
  border: 1px solid #407f7f;
  background-color: #458586;
}
#content {
  position: relative;
  min-height: 850px;
  padding-bottom: 100px;
  padding-top: 30px;
}
#content.prowrap__contents {
  padding-top: 0;
}
html.app #content {
  position: relative;
  min-height: 850px;
  margin-bottom: 0;
  padding-top: 30px;
}
html.app #content.prowrap__contents {
  padding-top: 0;
}
body:not(.modal-open) .wrap[data-page=login] #content {
  min-height: inherit;
}
#scriptProgressBar {
  position: fixed;
  width: 0;
  top: 64px;
  left: 0;
  z-index: 1031;
  height: 2px;
  background-color: #2B6EB5;
  -webkit-box-shadow: 0 0 10px #fff;
  box-shadow: 0 0 10px #fff;
  -webkit-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}
#scriptProgressBar.none__fixed {
  position: absolute;
}
.wrap-main #scriptProgressBar {
  background-color: #ffffff;
}
.lang-arrow {
  width: 0;
  height: 0;
  min-width: auto;
  display: inline-block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #999999;
}
audio {
  max-width: 100%;
}
select {
  visibility: hidden;
  height: 34px;
}
select.mobile-device {
  visibility: visible;
}
[v-cloak] .v-cloak-hide {
  display: none;
}
[v-cloak] .v-cloak-visibility-hidden {
  visibility: hidden;
}
.ladda-button {
  z-index: 0;
}
.visibility-hidden {
  visibility: hidden;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.text-alert {
  color: #5c5c5c;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.msg {
  margin-top: 10px;
  text-align: center;
}
.msg:first-child {
  margin-top: 0;
}
.msg.error {
  color: #ec5464;
}
.msg:empty {
  margin-top: 0;
}
.overflow_hidden {
  overflow: hidden;
}
.language-list [class*="flag"] {
  margin-right: 10px;
}
.language-list.dropdown-menu li a,
.language-list .dropdown-menu li a {
  color: #333333 !important;
}
/*
.wrap[data-page=login] nav.navbar-flitto .language-list {
  .dropdown-menu.open {
    right: 0;
  }
}
*/
.bs-container.open.bootstrap-select .dropdown-menu {
  z-index: 1030;
}
.modal-open .dropdown-menu {
  z-index: 1060 !important;
}
.select_box {
  position: relative;
  text-align: left;
}
.select_box .caret {
  position: absolute;
  top: 13px;
  right: 5px;
  z-index: auto;
}
.select_box button {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: left;
  color: #929292;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  background-color: #f6f6f6;
  border: 1px solid #cccccc;
  border-radius: 2px;
  padding: 0 10px;
  padding-left: 50px;
  position: relative;
}
.select_box button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
.select_box button:active {
  background-color: rgba(0, 0, 0, 0);
}
.select_box button[data-notclick="true"] {
  cursor: default;
}
.select_box button[data-notclick="true"]:active {
  background-color: #ececec;
}
.select_box button span.text {
  display: inline-table;
}
.select_box button i {
  position: absolute;
  top: 3px;
  left: 10px;
  z-index: auto;
}
.select_box button p {
  line-height: 30px;
}
.header_title,
.insert-box header {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
  color: #929292;
  background: #f4f4f4;
  border-top: 1px solid #DCDCDC;
  border-bottom: 2px solid #DCDCDC;
}
.header_title:first-child {
  border-top: none;
}
.page-group {
  text-align: right;
}
.page-group span {
  color: #808080;
  font-size: 13px;
}
.page-group span > a {
  color: #808080;
}
.page-group button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  padding: 0 5px;
  margin-top: -5px;
  margin-right: -5px;
  color: #808080;
  font-size: 11px;
}
.page-group button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
.page-group button:active {
  background-color: rgba(0, 0, 0, 0);
}
.page-group button[data-notclick="true"] {
  cursor: default;
}
.page-group button[data-notclick="true"]:active {
  background-color: #ececec;
}
div.modal.default .modal-header {
  background-color: #f6f6f6;
  border-radius: 6px 6px 0 0;
}
div.modal.default .modal-footer {
  border-top: none;
  background-color: #ffffff;
  border-radius: 10px;
  margin-top: 0;
  padding: 0 20px 20px 20px;
}
#alert,
#alert p,
#alert a,
#alert button {
  font-size: 14px;
}
#alert .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: auto;
}
#alert .modal-body {
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
}
.margin-center {
  margin: 0 auto;
}
#content-timeline ul.nav-list {
  margin: 0 5px;
  margin-bottom: 20px;
}
#content-timeline.event {
  margin-bottom: 0;
}
ul.nav-list {
  margin-top: 10px;
  margin-bottom: 20px;
  background: #ececec;
  border-radius: 6px;
  border: 1px solid #DCDCDC;
}
ul.nav-list,
ul.nav-list a {
  color: #999999;
  font-size: 14px;
  font-weight: bold;
}
ul.nav-list > li {
  cursor: pointer;
  border-right: 1px solid #DCDCDC;
  float: left;
}
ul.nav-list > li > a,
ul.nav-list > li > p {
  padding: 20px 30px;
  display: inline-block;
}
ul.nav-list > li:first-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
}
ul.nav-list > li.select {
  background: #ffffff;
}
ul.nav-list > li.select,
ul.nav-list > li.select a {
  color: #257dc1;
}
@media screen and (min-width: 320px) and (max-width: 999px) {
  ul.nav-list > li > a,
  ul.nav-list > li > p {
    padding: 10px;
  }
}
.check-group {
  display: table;
  margin: 10px 0;
}
.check-group > * {
  float: left;
}
.check-group label {
  display: table-cell;
  line-height: 21px;
  margin-left: 5px;
  margin-bottom: 0;
}
.wrap.qna #store_recent_view {
  position: absolute;
  top: 0;
  right: -160px;
  z-index: auto;
}
#store_recent_view {
  position: absolute;
  top: -62px;
  right: -160px;
  z-index: auto;
  margin: 0;
}
#store_recent_view .no_entry {
  padding: 10px 10px 20px;
}
@media screen and (max-width: 999px) {
  #store_recent_view {
    display: none;
  }
  #store_recent_view:before {
    width: 1000px;
  }
}
#store_recent_view .box {
  width: 150px;
  top: 74px;
  border: 1px solid #DCDCDC;
  border-bottom-width: 2px;
}
#store_recent_view .box.affix {
  margin-left: -150px;
}
#store_recent_view .box:before,
#store_recent_view .box:after {
  content: " ";
  display: table;
}
#store_recent_view .box:after {
  clear: both;
}
#store_recent_view .box,
#store_recent_view .box a {
  color: #666666;
  font-size: 14px;
}
#store_recent_view .box dd a {
  display: inline-block;
  border: 1px solid #DCDCDC;
}
#store_recent_view .box dl {
  margin-bottom: 0;
}
#store_recent_view .box > div,
#store_recent_view .box dt {
  background: #f0f0f0;
  padding: 20px 0;
  text-align: center;
  font-weight: normal;
  border-bottom: 1px solid #DCDCDC;
}
#store_recent_view .box dt {
  background: #ffffff;
  border-bottom: none;
  padding-bottom: 10px;
}
#store_recent_view .box dd {
  background: #ffffff;
}
#store_recent_view .box dd ul {
  display: none;
}
#store_recent_view .box dd ul:first-child {
  display: block;
}
#store_recent_view .box li {
  padding: 5px 20px;
}
#store_recent_view .box li:last-child {
  padding-bottom: 10px;
}
#store_recent_view .box dd.page-group {
  padding: 0 20px;
}
.left_profile_menu {
  background: #f6f6f6;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu.select > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu .pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.carousel-control {
  width: 40px;
  height: 100%;
  min-width: auto;
  border-radius: 30px;
  z-index: 2;
  background: none !important;
}
.carousel-control i {
  width: 40px;
  height: 40px;
  min-width: auto;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: auto;
  margin-top: -20px;
}
.carousel-control.right i {
  left: inherit;
  right: 0;
}
.carousel-indicators li {
  border: 0;
  background-color: #ccc;
  width: 8px;
  height: 8px;
  min-width: auto;
}
.carousel-indicators li.active {
  width: 8px;
  height: 8px;
  min-width: auto;
  background-color: #777;
  margin-bottom: 1px;
}
#event_content .carousel-indicators li.active {
  background: #1e7cc0;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.spinner {
  min-width: 24px;
  min-height: 24px;
  position: relative;
}
.spinner:before {
  content: url('/fcp/i/c/noti_loader.gif');
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  margin-left: -10px;
}
.spinner:not(:required):before {
  content: '';
  border-radius: 50%;
  border-top: 2px solid #03ade0;
  border-right: 2px solid transparent;
  animation: spinner 0.6s linear infinite;
  -webkit-animation: spinner 0.6s linear infinite;
}
.animation-delay-2000 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.custom-color.spinner:not(:required):before {
  border-top: 2px solid #797979;
}
.custom-size.spinner {
  min-height: 10px;
}
.custom-size.spinner:before {
  top: 60%;
}
.wiki-content {
  line-height: 1.42857143;
}
.wiki-content p {
  margin: 10px 0 0 0;
}
.wiki-content ol {
  margin: 10px 0 0 0;
  list-style-type: decimal;
  padding-left: 40px;
}
.wiki-content ul {
  padding-left: 40px;
  -webkit-padding-start: 40px;
  -moz-padding-start: 40px;
  -ms-padding-start: 40px;
  -o-padding-start: 40px;
  padding-start: 40px;
}
.wiki-content ul li {
  display: list-item;
}
.wiki-content .table-wrap {
  margin: 10px 0 0 0;
  overflow-x: auto;
}
.wiki-content .table-wrap table.confluenceTable {
  min-width: 8px;
}
.wiki-content .table-wrap table.confluenceTable:first-child {
  margin-top: 0;
}
.wiki-content .table-wrap table.confluenceTable tr td.confluenceTd {
  border: 1px solid #ddd;
  padding: 7px 10px;
  vertical-align: top;
  text-align: left;
}
.wiki-content .table-wrap table.confluenceTable tr td.confluenceTd p:first-child {
  margin-top: 0;
}
.wiki-content em {
  font-style: italic;
}
.box .with-errors {
  color: #ee673f;
  font-size: 14px;
}
.tab-content span.info {
  padding: 12px;
}
.tab-content span.info i {
  color: #257dc1;
}
.one-time-noti {
  display: none;
  padding: 20px;
}
.one-time-noti .icon-close {
  fill: #999999;
  float: right;
}
.one-time-noti .icon-close,
.one-time-noti .icon-close:hover,
.one-time-noti .icon-close:visited,
.one-time-noti .icon-close:focus,
.one-time-noti .icon-close a {
  color: #999999;
}
.one-time-noti .icon-close:hover {
  cursor: pointer;
}
.one-time-noti strong {
  padding: 0 20px;
}
.one-time-noti p {
  padding: 0 20px;
  color: #666;
}
.one-time-noti[data-type=warning] {
  background-color: #FFF5F2;
  border: 1px solid #FBB59C;
}
.one-time-noti[data-type=warning] .icon-info {
  float: left;
  color: #EE673F;
}
.one-time-noti[data-type=info] {
  background-color: #F2FBFF;
  border: 1px solid #88BFE2;
}
.one-time-noti[data-type=info] .icon-warnning {
  float: left;
  color: #2b6eb5;
}
.one-time-noti[data-name=what_recommend] {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 11px;
}
.one-time-noti[data-name=what_recommend] .ont-time-noti-content-wrap {
  display: table;
}
.one-time-noti[data-name=what_recommend] .ont-time-noti-content-wrap .one-time-noti-content {
  display: table-cell;
  vertical-align: middle;
}
.one-time-noti[data-name=what_recommend] .ont-time-noti-content-wrap .one-time-noti-content .thumb_solid {
  background-color: #2b6eb5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  padding-top: 9px;
  color: white;
}
.text-cnt-wrap {
  position: relative;
}
.text-cnt-wrap .text-cnt {
  position: absolute;
  right: 8px;
  bottom: 5px;
}
.popover {
  max-width: 300px;
  width: auto;
}
.category-wrapper {
  position: relative;
}
.category-desc {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
}
.check-agree-terms label {
  display: block;
}
.check-agree-terms label:hover {
  cursor: pointer;
}
.check-agree-terms label [type="checkbox"] {
  margin: 4px 5px 0 0;
}
#phone_number_registration .bootstrap-select button {
  height: 40px;
  border-radius: 2px;
}
#phone_number_registration .form-control {
  height: 40px !important;
  border-radius: 2px;
}
#phone_number_registration .input-group-addon {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
[data-animate] {
  visibility: hidden;
}
.fadeInUp_rending {
  -webkit-animation-name: fadeInUp_rending;
  animation-name: fadeInUp_rending;
}
@-webkit-keyframes fadeInUp_rending {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp_rending {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.pro-assign__filter .bootstrap-select {
  width: auto !important;
}
.notify--wrapper {
  max-width: 1024px;
  margin: 0 auto;
}
.notify--wrapper .notify--item {
  list-style: none;
}
.notify--wrapper .notify--error--message {
  color: #FF6C65;
  font-weight: bold;
}
.notify--wrapper .notify--user--email {
  font-size: 14px;
  color: #333333;
}
.notify--wrapper .notify--description {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .notify--wrapper .notify--item {
    text-align: center;
  }
  .notify--wrapper .notify--item li {
    padding-top: 10px;
  }
  .notify--wrapper .notify--item li:first-child {
    padding-top: 0;
  }
  .notify--wrapper .notify--description {
    padding-top: 10px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .notify--wrapper .notify--item {
    display: flex;
    align-items: center;
  }
  .notify--wrapper .notify--phone--verification {
    margin-left: auto;
  }
  .notify--wrapper .notify--email--resend {
    margin-left: auto;
  }
  .notify--wrapper .notify--email--go {
    order: 4;
  }
  .notify--wrapper .notify--description {
    margin-left: 20px;
  }
}
.overflow_inherit {
  overflow: inherit;
}
.fbtn-suggest:hover {
  background-color: #71aeff;
  border: 1px solid #71aeff;
  border-bottom: 2px solid #145CE1;
  color: #ffffff;
}
.fbtn-option:hover {
  background-color: #fbfdff;
  color: #1880ff;
}
audio {
  max-width: 100%;
}
select {
  visibility: hidden;
  height: 34px;
}
select.mobile-device {
  visibility: visible;
}
[v-cloak] .v-cloak-hide {
  display: none;
}
[v-cloak] .v-cloak-visibility-hidden {
  visibility: hidden;
}
.ladda-button {
  z-index: 0;
}
.visibility-hidden {
  visibility: hidden;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.text-alert {
  color: #5c5c5c;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.msg {
  margin-top: 10px;
  text-align: center;
}
.msg:first-child {
  margin-top: 0;
}
.msg.error {
  color: #ec5464;
}
.msg:empty {
  margin-top: 0;
}
.overflow_hidden {
  overflow: hidden;
}
.language-list [class*="flag"] {
  margin-right: 10px;
}
.language-list.dropdown-menu li a,
.language-list .dropdown-menu li a {
  color: #333333 !important;
}
/*
.wrap[data-page=login] nav.navbar-flitto .language-list {
  .dropdown-menu.open {
    right: 0;
  }
}
*/
.bs-container.open.bootstrap-select .dropdown-menu {
  z-index: 1030;
}
.modal-open .dropdown-menu {
  z-index: 1060 !important;
}
.select_box {
  position: relative;
  text-align: left;
}
.select_box .caret {
  position: absolute;
  top: 13px;
  right: 5px;
  z-index: auto;
}
.select_box button {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: left;
  color: #929292;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  background-color: #f6f6f6;
  border: 1px solid #cccccc;
  border-radius: 2px;
  padding: 0 10px;
  padding-left: 50px;
  position: relative;
}
.select_box button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
.select_box button:active {
  background-color: rgba(0, 0, 0, 0);
}
.select_box button[data-notclick="true"] {
  cursor: default;
}
.select_box button[data-notclick="true"]:active {
  background-color: #ececec;
}
.select_box button span.text {
  display: inline-table;
}
.select_box button i {
  position: absolute;
  top: 3px;
  left: 10px;
  z-index: auto;
}
.select_box button p {
  line-height: 30px;
}
.header_title,
.insert-box header {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
  color: #929292;
  background: #f4f4f4;
  border-top: 1px solid #DCDCDC;
  border-bottom: 2px solid #DCDCDC;
}
.header_title:first-child {
  border-top: none;
}
.page-group {
  text-align: right;
}
.page-group span {
  color: #808080;
  font-size: 13px;
}
.page-group span > a {
  color: #808080;
}
.page-group button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  padding: 0 5px;
  margin-top: -5px;
  margin-right: -5px;
  color: #808080;
  font-size: 11px;
}
.page-group button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
.page-group button:active {
  background-color: rgba(0, 0, 0, 0);
}
.page-group button[data-notclick="true"] {
  cursor: default;
}
.page-group button[data-notclick="true"]:active {
  background-color: #ececec;
}
div.modal.default .modal-header {
  background-color: #f6f6f6;
  border-radius: 6px 6px 0 0;
}
div.modal.default .modal-footer {
  border-top: none;
  background-color: #ffffff;
  border-radius: 10px;
  margin-top: 0;
  padding: 0 20px 20px 20px;
}
#alert,
#alert p,
#alert a,
#alert button {
  font-size: 14px;
}
#alert .modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: auto;
}
#alert .modal-body {
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
}
.margin-center {
  margin: 0 auto;
}
#content-timeline ul.nav-list {
  margin: 0 5px;
  margin-bottom: 20px;
}
#content-timeline.event {
  margin-bottom: 0;
}
ul.nav-list {
  margin-top: 10px;
  margin-bottom: 20px;
  background: #ececec;
  border-radius: 6px;
  border: 1px solid #DCDCDC;
}
ul.nav-list,
ul.nav-list a {
  color: #999999;
  font-size: 14px;
  font-weight: bold;
}
ul.nav-list > li {
  cursor: pointer;
  border-right: 1px solid #DCDCDC;
  float: left;
}
ul.nav-list > li > a,
ul.nav-list > li > p {
  padding: 20px 30px;
  display: inline-block;
}
ul.nav-list > li:first-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  border-bottom-right-radius: 0;
}
ul.nav-list > li.select {
  background: #ffffff;
}
ul.nav-list > li.select,
ul.nav-list > li.select a {
  color: #257dc1;
}
@media screen and (min-width: 320px) and (max-width: 999px) {
  ul.nav-list > li > a,
  ul.nav-list > li > p {
    padding: 10px;
  }
}
.check-group {
  display: table;
  margin: 10px 0;
}
.check-group > * {
  float: left;
}
.check-group label {
  display: table-cell;
  line-height: 21px;
  margin-left: 5px;
  margin-bottom: 0;
}
.wrap.qna #store_recent_view {
  position: absolute;
  top: 0;
  right: -160px;
  z-index: auto;
}
#store_recent_view {
  position: absolute;
  top: -62px;
  right: -160px;
  z-index: auto;
  margin: 0;
}
#store_recent_view .no_entry {
  padding: 10px 10px 20px;
}
@media screen and (max-width: 999px) {
  #store_recent_view {
    display: none;
  }
  #store_recent_view:before {
    width: 1000px;
  }
}
#store_recent_view .box {
  width: 150px;
  top: 74px;
  border: 1px solid #DCDCDC;
  border-bottom-width: 2px;
}
#store_recent_view .box.affix {
  margin-left: -150px;
}
#store_recent_view .box:before,
#store_recent_view .box:after {
  content: " ";
  display: table;
}
#store_recent_view .box:after {
  clear: both;
}
#store_recent_view .box,
#store_recent_view .box a {
  color: #666666;
  font-size: 14px;
}
#store_recent_view .box dd a {
  display: inline-block;
  border: 1px solid #DCDCDC;
}
#store_recent_view .box dl {
  margin-bottom: 0;
}
#store_recent_view .box > div,
#store_recent_view .box dt {
  background: #f0f0f0;
  padding: 20px 0;
  text-align: center;
  font-weight: normal;
  border-bottom: 1px solid #DCDCDC;
}
#store_recent_view .box dt {
  background: #ffffff;
  border-bottom: none;
  padding-bottom: 10px;
}
#store_recent_view .box dd {
  background: #ffffff;
}
#store_recent_view .box dd ul {
  display: none;
}
#store_recent_view .box dd ul:first-child {
  display: block;
}
#store_recent_view .box li {
  padding: 5px 20px;
}
#store_recent_view .box li:last-child {
  padding-bottom: 10px;
}
#store_recent_view .box dd.page-group {
  padding: 0 20px;
}
.left_profile_menu {
  background: #f6f6f6;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu.select > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu .pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.carousel-control {
  width: 40px;
  height: 100%;
  min-width: auto;
  border-radius: 30px;
  z-index: 2;
  background: none !important;
}
.carousel-control i {
  width: 40px;
  height: 40px;
  min-width: auto;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: auto;
  margin-top: -20px;
}
.carousel-control.right i {
  left: inherit;
  right: 0;
}
.carousel-indicators li {
  border: 0;
  background-color: #ccc;
  width: 8px;
  height: 8px;
  min-width: auto;
}
.carousel-indicators li.active {
  width: 8px;
  height: 8px;
  min-width: auto;
  background-color: #777;
  margin-bottom: 1px;
}
#event_content .carousel-indicators li.active {
  background: #1e7cc0;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.spinner {
  min-width: 24px;
  min-height: 24px;
  position: relative;
}
.spinner:before {
  content: url('/fcp/i/c/noti_loader.gif');
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -10px;
  margin-left: -10px;
}
.spinner:not(:required):before {
  content: '';
  border-radius: 50%;
  border-top: 2px solid #03ade0;
  border-right: 2px solid transparent;
  animation: spinner 0.6s linear infinite;
  -webkit-animation: spinner 0.6s linear infinite;
}
.animation-delay-2000 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.custom-color.spinner:not(:required):before {
  border-top: 2px solid #797979;
}
.custom-size.spinner {
  min-height: 10px;
}
.custom-size.spinner:before {
  top: 60%;
}
.wiki-content {
  line-height: 1.42857143;
}
.wiki-content p {
  margin: 10px 0 0 0;
}
.wiki-content ol {
  margin: 10px 0 0 0;
  list-style-type: decimal;
  padding-left: 40px;
}
.wiki-content ul {
  padding-left: 40px;
  -webkit-padding-start: 40px;
  -moz-padding-start: 40px;
  -ms-padding-start: 40px;
  -o-padding-start: 40px;
  padding-start: 40px;
}
.wiki-content ul li {
  display: list-item;
}
.wiki-content .table-wrap {
  margin: 10px 0 0 0;
  overflow-x: auto;
}
.wiki-content .table-wrap table.confluenceTable {
  min-width: 8px;
}
.wiki-content .table-wrap table.confluenceTable:first-child {
  margin-top: 0;
}
.wiki-content .table-wrap table.confluenceTable tr td.confluenceTd {
  border: 1px solid #ddd;
  padding: 7px 10px;
  vertical-align: top;
  text-align: left;
}
.wiki-content .table-wrap table.confluenceTable tr td.confluenceTd p:first-child {
  margin-top: 0;
}
.wiki-content em {
  font-style: italic;
}
.box .with-errors {
  color: #ee673f;
  font-size: 14px;
}
.tab-content span.info {
  padding: 12px;
}
.tab-content span.info i {
  color: #257dc1;
}
.one-time-noti {
  display: none;
  padding: 20px;
}
.one-time-noti .icon-close {
  fill: #999999;
  float: right;
}
.one-time-noti .icon-close,
.one-time-noti .icon-close:hover,
.one-time-noti .icon-close:visited,
.one-time-noti .icon-close:focus,
.one-time-noti .icon-close a {
  color: #999999;
}
.one-time-noti .icon-close:hover {
  cursor: pointer;
}
.one-time-noti strong {
  padding: 0 20px;
}
.one-time-noti p {
  padding: 0 20px;
  color: #666;
}
.one-time-noti[data-type=warning] {
  background-color: #FFF5F2;
  border: 1px solid #FBB59C;
}
.one-time-noti[data-type=warning] .icon-info {
  float: left;
  color: #EE673F;
}
.one-time-noti[data-type=info] {
  background-color: #F2FBFF;
  border: 1px solid #88BFE2;
}
.one-time-noti[data-type=info] .icon-warnning {
  float: left;
  color: #2b6eb5;
}
.one-time-noti[data-name=what_recommend] {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 11px;
}
.one-time-noti[data-name=what_recommend] .ont-time-noti-content-wrap {
  display: table;
}
.one-time-noti[data-name=what_recommend] .ont-time-noti-content-wrap .one-time-noti-content {
  display: table-cell;
  vertical-align: middle;
}
.one-time-noti[data-name=what_recommend] .ont-time-noti-content-wrap .one-time-noti-content .thumb_solid {
  background-color: #2b6eb5;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  padding-top: 9px;
  color: white;
}
.text-cnt-wrap {
  position: relative;
}
.text-cnt-wrap .text-cnt {
  position: absolute;
  right: 8px;
  bottom: 5px;
}
.popover {
  max-width: 300px;
  width: auto;
}
.category-wrapper {
  position: relative;
}
.category-desc {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
}
.check-agree-terms label {
  display: block;
}
.check-agree-terms label:hover {
  cursor: pointer;
}
.check-agree-terms label [type="checkbox"] {
  margin: 4px 5px 0 0;
}
#phone_number_registration .bootstrap-select button {
  height: 40px;
  border-radius: 2px;
}
#phone_number_registration .form-control {
  height: 40px !important;
  border-radius: 2px;
}
#phone_number_registration .input-group-addon {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
[data-animate] {
  visibility: hidden;
}
.fadeInUp_rending {
  -webkit-animation-name: fadeInUp_rending;
  animation-name: fadeInUp_rending;
}
@-webkit-keyframes fadeInUp_rending {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp_rending {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.pro-assign__filter .bootstrap-select {
  width: auto !important;
}
.notify--wrapper {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .notify--wrapper {
    justify-content: flex-start;
  }
}
.notify--wrapper > i {
  color: #fff;
  margin-right: 11px;
}
.notify--wrapper .notify--item {
  list-style: none;
}
.notify--wrapper .notify--error--message {
  color: #fff;
  font-weight: bold;
}
.notify--wrapper .notify--email--resend > button {
  color: #fff;
}
.notify--wrapper .notify--user--email {
  font-size: 14px;
  color: #333333;
}
.notify--wrapper .notify--description {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .notify--wrapper .notify--item {
    justify-content: flex-start;
  }
  .notify--wrapper .notify--item li {
    padding-top: 10px;
  }
  .notify--wrapper .notify--item li:first-child {
    padding-top: 0;
  }
  .notify--wrapper .notify--description {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .notify--wrapper .notify--item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .notify--wrapper .notify--phone--verification {
    margin-left: auto;
  }
  .notify--wrapper .notify--email--resend {
    padding-left: 20px;
  }
  .notify--wrapper .notify--email--go {
    order: 4;
  }
  .notify--wrapper .notify--description {
    margin-left: 20px;
  }
}
.overflow_inherit {
  overflow: inherit;
}
.fbtn-suggest:hover {
  background-color: #71aeff;
  border: 1px solid #71aeff;
  border-bottom: 2px solid #145CE1;
  color: #ffffff;
}
.fbtn-option:hover {
  background-color: #fbfdff;
  color: #1880ff;
}
/*
.wrap-main .navbar-flitto {
  background-color: #2c6bb4;
  border-bottom: 1px solid #2c6bb4;
  a, button {
    color: #fff;
  }
  svg {
    fill: #fff;
  }
}
*/
/*
.wrap {
  .nav-menu, .nav-sign {
    > li {
      > a,  > button {
        .h_line(@nav-height);
        display: inline-block;
        &:hover {
          color: @color-grey_highlight;
        }
        &.active {
          font-weight: bold;
          color: @color-grey_highlight;
          border-bottom: 2px solid @color-suggest_basic;
        }
      }
    }
  }
}
*/
/*
.signin_modal_btn {
  .h_line(@nav-height);
}
*/
/*
.wrap-main {
  .nav-menu, .nav-sign {
    > li {
      > a,  > button {
        .h_line(@nav-height);
        display: inline-block;
        &:hover {
          color: #90bff8;
        }
        &.active {
          border-bottom: 2px solid @color-flitto;
        }
      }
    }
  }
}
*/
/*
.navbar-flitto {
  background-color: @nav-bg;

  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.15);
  height: @nav-height;

  svg {  // logo, hamburger
    vertical-align: middle;
    fill: @color-flitto;
  }

  //color: @color-grey_basic;

  a, button {
    color: @color-grey_basic;
  }

  a.sublink {
    font-size: 12px; .h_line(@nav-submenu-height);
    color: @color-grey_basic;
    display: inline-block; position: relative;

    &.active:after {
      content: '▲';
      display: inline-block;
      font-size: 10px;
      position: absolute;
      top: 18px;
      left: 50%;
      margin-left: -5px;
      color: @color-suggest_basic;
      font-weight: bold;
    }
    &:hover, &.active {
      color: @color-grey_highlight
    }
    &.active {
      font-weight: bold;
    }

  }

  li {
    padding: 0;
  }

  .link, a.sublink {
    padding: 0 12px; margin: 0 5px;
  }

  .dropdown-menu {
    margin-top: 0;
    box-shadow:none;

    padding: 0;

    left: auto;
    a.profile-menu {
      box-sizing: border-box;
      padding: 10px 0 10px 20px;
      display: block;
      &:hover {
        background-color: @color-grey_block;
      }
    }
  }

  #info-box.dropdown-menu {
    width: 300px;
    right: 10px;
  }

  @media screen and (max-width: @max-width){
    .nav-sign{
      .dropdown-menu {
        &.language-list {
          right: 0;
          left: inherit;
        }
      }
    }
  }

  @media screen and (max-width: 999px){
    .user-name {
      display: none;
    }
  }

  @media screen and (max-width: @screen-xs-max){
    .navbar-toggle {
      padding: 0 0 0 @default-empty;
      float: left;
      height: @nav-height;

      margin: 0;
    }
  }
}
*/
.nav-user-infobox.dropdown-menu {
  width: 300px;
  right: -5px;
  left: inherit;
}
.dropdown-menu .profile-menu {
  padding: 10px 0 10px 20px;
  display: block;
  color: #666666;
}
.dropdown-menu .profile-menu:hover {
  background-color: #f0f0f0;
}
body:before,
body:after {
  content: " ";
  display: table;
}
body:after {
  clear: both;
}
body #sidebar {
  z-index: 100000;
  overflow: scroll;
  position: fixed;
  left: -260px;
  padding: 0px;
  background: #38414b;
  display: none;
  height: 100%;
  top: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 260px;
  color: #efefef;
}
body #sidebar a {
  color: #efefef;
  display: block;
}
body #sidebar a.active {
  background-color: #4c5662;
}
body #sidebar dt,
body #sidebar dd {
  padding: 6px 0;
  padding-left: 20px;
}
body #sidebar dd {
  border-bottom: 1px solid #333333;
}
body #sidebar ul a {
  padding: 12px 0;
  padding-left: 20px;
  border-bottom: 1px solid #333333;
}
body #sidebar ul ul a {
  padding: 12px 0;
  padding-left: 40px;
}
body #sidebar ul {
  position: relative;
}
body #sidebar i {
  font-size: 24px;
  margin-right: 10px;
}
body #sidebar_bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  min-width: auto;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
body.side_open {
  overflow: hidden;
}
body.side_open #sidebar {
  left: 0;
  display: inherit;
}
body.side_open #sidebar_bg {
  display: block;
}
#notice-btn,
.nav-notibtn {
  padding-right: 10px !important;
}
#notice-btn .badge,
.nav-notibtn .badge {
  position: absolute;
  top: 10px;
  right: 0px;
  z-index: 1;
  background: #ea5753;
  width: 25px;
  height: 20px;
  min-width: auto;
  line-height: 22px;
  padding: 0;
}
.arrow-layer {
  display: none;
  position: absolute;
  top: 80px;
  right: -23px;
  z-index: 0;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 999px) {
  .arrow-layer {
    right: -33px;
  }
}
#notice-box,
#notice-box-mobile {
  width: 300px;
  right: -26px;
  left: inherit;
  z-index: 3;
}
#notice-box div.list,
#notice-box-mobile div.list {
  background: #ffffff;
  padding: 0;
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
#notice-box div.list li,
#notice-box-mobile div.list li {
  padding: 5px;
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid #dcdcdc;
}
#notice-box div.list li.acked,
#notice-box-mobile div.list li.acked {
  background: #F9F9F9;
}
#notice-box div.list li .noti-time,
#notice-box-mobile div.list li .noti-time {
  font-size: 12px;
  color: #929292;
}
#notice-box div.list li .name,
#notice-box-mobile div.list li .name {
  font-weight: bold;
}
#notice-box div.list li:hover,
#notice-box-mobile div.list li:hover {
  background-color: #ffffff;
}
#notice-box div.list li a,
#notice-box-mobile div.list li a {
  color: #666666;
}
#notice-box div.list li:last-child,
#notice-box-mobile div.list li:last-child {
  border-bottom: 0;
}
#notice-box div.list img,
#notice-box-mobile div.list img {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: auto;
}
/*
#sub_nav {
  @height: 40px;
  background-color: #ffffff; position: fixed;
  height: @height; left: 0;
  width: 100%;
  z-index: 3;

  & + * {
    margin-top: @height;
  }
}
*/
/*
// https://jira.flit.to:18443/browse/WEBISSUE2-2483
& when(@isCN = true) {
  .nav-menu {
    a, button {
      font-size: 16px;
    }
  }

  .navbar-flitto a.sublink {
    font-size: 14px;
  }

  body #sidebar a {
    font-size: 16px;
  }
}
*/
.flitto-header {
  background-color: #ffffff;
  width: 100%;
  height: 80px;
  box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
  .flitto-header:not(.flitto-header-responsive) {
    width: 1024px;
  }
}
.flitto-header.flitto-header-responsive .dropdown-menu.language-list {
  right: 0;
  left: inherit;
}
.flitto-header_content {
  position: relative;
  height: 80px;
}
.flitto-header_content .bootstrap-select button {
  margin: 15px;
}
.flitto-header_content:before {
  padding-left: 10px;
}
.flitto-header_content:after {
  padding-right: 10px;
}
.flitto-header-hover .flitto-header-h1 + .flitto-header-submemu {
  display: none;
}
.flitto-header-hover.hover .flitto-header-h1 + .flitto-header-submemu {
  display: block;
}
.flitto-header-hover.hover .flitto-header-h1 {
  color: #333333;
  border-bottom-color: #1880FF;
}
.flitto-header-side {
  float: right;
}
.flitto-header-h1 {
  color: #333333;
}
a.flitto-header-h1 {
  padding: 0 5px;
  margin: 0 12px;
  height: 80px;
  display: table;
  float: left;
  color: #666;
  border-bottom: 2px solid transparent;
}
a.flitto-header-h1.logo {
  margin-left: 0;
  padding-left: 0;
}
a.flitto-header-h1 span {
  display: table-cell;
  vertical-align: middle;
}
a.flitto-header-h1.active,
a.flitto-header-h1:hover:not(.logo) {
  color: #333333;
  border-bottom-color: #1880FF;
}
a.flitto-header-h1.active {
  font-weight: bold;
}
html[data-lang="fr"] .flitto-header-h1 {
  margin: 0 5px;
}
button.flitto-header-h1 {
  height: 80px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  color: #666;
  padding: 0 10px;
  vertical-align: top;
}
button.flitto-header-h1[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
button.flitto-header-h1:active {
  background-color: rgba(0, 0, 0, 0);
}
button.flitto-header-h1[data-notclick="true"] {
  cursor: default;
}
button.flitto-header-h1[data-notclick="true"]:active {
  background-color: #ececec;
}
button.flitto-header-h1.active {
  border-bottom: 2px solid #1880FF;
}
.flitto-header-submemu {
  position: absolute;
  top: 80px;
  width: auto;
  overflow: hidden;
  z-index: 1;
}
.flitto-header-submemu.flitto-header-submemu-right {
  right: 0;
}
.flitto-header-submemu-bg {
  background-color: #ffffff;
  height: 46px;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  display: none;
}
a.flitto-header-h2 {
  height: 46px;
  color: #666666;
  display: table;
  float: left;
  padding: 0 10px;
  margin: 0 5px;
  font-size: 12px;
  position: relative;
}
a.flitto-header-h2 span {
  display: table-cell;
  vertical-align: middle;
}
a.flitto-header-h2.active,
a.flitto-header-h2:hover {
  color: #333333;
}
a.flitto-header-h2.active {
  font-weight: bold;
}
a.flitto-header-h2.active:after,
a.flitto-header-h2:hover:after {
  content: '▲';
  display: inline-block;
  font-size: 10px;
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -5px;
  color: #1880FF;
  font-weight: bold;
}
.hidden-xs-all {
  display: none !important;
}
.visible-xs-all {
  display: block !important;
}
.btn-set-ok {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #ec5464;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  border-radius: 2px;
  color: #ffffff;
  border-bottom: 2px solid #e7263a;
}
.btn-set-ok[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #ec5464;
}
.btn-set-ok:active {
  background-color: #e82f43;
}
.btn-set-ok[data-notclick="true"] {
  cursor: default;
}
.btn-set-ok[data-notclick="true"]:active {
  background-color: #ececec;
}
.btn-set-ok i {
  display: inline-block;
  vertical-align: middle;
  min-height: 20px;
}
.btn-set-ok b {
  margin-right: 5px;
}
.btn-set-ok.w120 {
  width: 120px;
  margin: 0 5px;
}
.btn-checkbox {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  padding-left: 30px;
  padding-right: 0;
  border: 1px solid #bfbfbf;
  background-color: #ffffff;
}
.btn-checkbox[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #ffffff;
}
.btn-checkbox:active {
  background-color: #ebebeb;
}
.btn-checkbox[data-notclick="true"] {
  cursor: default;
}
.btn-checkbox[data-notclick="true"]:active {
  background-color: #ececec;
}
.btn-checkbox span {
  height: 28px;
  line-height: 28px;
  display: block !important;
}
.btn-checkbox .checkbox_on {
  display: none !important;
}
.btn-checkbox .checkbox_off {
  display: block !important;
}
.btn-checkbox.select {
  padding-left: 0;
  padding-right: 30px;
}
.btn-checkbox.select .checkbox_on {
  display: block !important;
}
.btn-checkbox.select .checkbox_off {
  display: none !important;
}
.btn-checkbox span {
  background-color: #bfbfbf;
}
.btn-checkbox span.ladda-spinner {
  background-color: #ffffff;
}
.btn-checkbox.select {
  background-color: #bfbfbf;
}
.btn-checkbox.select span {
  background-color: #ffffff;
}
.btn-checkbox.select span.ladda-spinner {
  background-color: #bfbfbf;
}
.btn-checkbox.accent {
  border: 1px solid #bfbfbf;
  background-color: #e8f2f2;
}
.btn-checkbox.accent span {
  background-color: #bfbfbf;
}
.btn-checkbox.accent span.ladda-spinner {
  background-color: #e8f2f2;
}
.btn-checkbox.accent.select {
  background-color: #bfbfbf;
}
.btn-checkbox.accent.select span {
  background-color: #e8f2f2;
}
.btn-checkbox.accent.select span.ladda-spinner {
  background-color: #bfbfbf;
}
.fbtn-transparent {
  background-color: transparent;
  border-color: transparent;
}
.fbtn-block-idx {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #f1f1f1;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  padding: 10px;
  border: 1px solid #DCDCDC;
  text-align: left;
  background-color: #F9F9F9;
}
.fbtn-block-idx[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #f1f1f1;
}
.fbtn-block-idx:active {
  background-color: #dddddd;
}
.fbtn-block-idx[data-notclick="true"] {
  cursor: default;
}
.fbtn-block-idx[data-notclick="true"]:active {
  background-color: #ececec;
}
.fbtn-block-idx__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
.fbtn-block-idx__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
.fbtn-block-idx:first-child {
  border-radius: 2px 2px 0 0;
}
.fbtn-block-idx:last-child {
  border-radius: 0 0 2px 2px;
}
.fbtn-block-idx:not(:first-child) {
  border-top: none;
}
.fbtn-block-idx:hover,
.fbtn-block-idx.select {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  border: 1px solid #DCDCDC;
  background-color: #ffffff;
}
.fbtn-block-idx:hover__bottom--grey-highlight,
.fbtn-block-idx.select__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
.fbtn-block-idx:hover__bottom--grey-sub2,
.fbtn-block-idx.select__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
.fbtn-group .fbtn {
  margin-right: 0;
  float: left;
}
.fbtn-group .fbtn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fbtn-group .fbtn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fbtn-group .fbtn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.fbtn {
  /* 토글 버튼 컴포넌트 */
}
.fbtn-switch-wrap {
  position: relative;
  overflow: hidden;
  display: inline-block;
  min-width: 15px;
  min-height: 30px;
  width: 100px;
  text-align: center;
  border-radius: 4px;
  /* case ON */
  color: #fff;
  background-color: #337ab7;
  border: 2px solid #337ab7;
  /*-- case On --*/
  /* case OFF */
  /*--case OFF --*/
}
.fbtn-switch-wrap > input[type=checkbox] {
  display: none;
}
.fbtn-switch-wrap .fbtn-switch-body {
  left: 0;
}
.fbtn-switch-wrap.off {
  color: #333;
  background-color: gray;
  border: 2px solid gray;
}
.fbtn-switch-wrap.off .fbtn-switch-body {
  left: -100%;
}
.fbtn-switch-wrap .fbtn-switch-body {
  position: absolute;
  width: 200%;
  top: 0;
  bottom: 0;
  transition: left 0.35s;
  -webkit-transition: left 0.35s;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.fbtn-switch-wrap .fbtn-switch-body:hover {
  cursor: pointer;
}
.fbtn-switch-wrap .fbtn-switch-body > label {
  color: white;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding-top: 7px;
}
.fbtn-switch-wrap .fbtn-switch-body > label[data-switch-label-type="on"] {
  right: 50%;
  padding-right: 65px;
  background-color: #337ab7;
}
.fbtn-switch-wrap .fbtn-switch-body > label[data-switch-label-type="on"]:after {
  content: 'On';
}
.fbtn-switch-wrap .fbtn-switch-body > label[data-switch-label-type="off"] {
  right: 0;
  left: 50%;
  padding-left: 50px;
  background-color: gray;
}
.fbtn-switch-wrap .fbtn-switch-body > label[data-switch-label-type="off"]:after {
  content: 'Off';
}
.fbtn-switch-wrap .fbtn-switch-body .fbtn-switch-handle {
  position: relative;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  width: 95px;
  border-width: 0 1px;
  border: none;
  border-radius: 0;
  background-color: #fff;
}
.f-form-comment .comment-input-group {
  position: relative;
}
.f-form-comment .comment-input-group input[type=text] {
  background-color: white;
  padding-left: 30px;
  padding-right: 40px;
  border-color: #dcdcdc;
  border-radius: 2px;
  height: 40px;
  box-shadow: none;
}
.f-form-comment .comment-input-group input[type=text]:focus {
  border-color: #dcdcdc;
  outline: 0;
  box-shadow: none;
}
.f-form-comment .comment-input-group .placeholder-comment {
  position: absolute;
  top: 12px;
  left: 10px;
  z-index: 3;
  color: #999999;
}
.f-form-comment .comment-input-group input[type=file] {
  display: none;
}
.f-form-comment .comment-input-group .insert-comment-btn {
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 2;
  font-size: 20px;
  color: #999999;
}
.f-form-comment .comment-input-group .insert-comment-btn:hover {
  cursor: pointer;
}
.f-form-comment .comment-input-group .img-preview {
  display: none;
  height: 120px;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  border-top: none;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background: white;
}
.f-form-comment .comment-input-group .img-preview .img-uploading {
  display: none;
  position: absolute;
  padding-top: 70px;
  top: 0;
  width: 99%;
  height: 99%;
  background-color: rgba(255, 255, 255, 0.9);
}
.f-form-comment .comment-input-group .img-preview .img-uploading .img-uploading-msg {
  margin-top: 10px;
  color: #999999;
}
.wrap-main {
  height: 100%;
}
/*
.wrap-main .navbar-flitto {
  box-shadow: 0px 1px rgba(55, 55, 55, 0.23);
}
*/
#content.home {
  padding-top: 80px;
  margin-bottom: 0;
}
#content.home p {
  margin-bottom: 0;
}
#content.home .width_box {
  max-width: 1024px;
  margin: 0 auto;
}
@media screen and (max-width: 999px) {
  #content.home .width_box {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#content.home section.just_flitto_it {
  padding: 70px 0 50px;
  background-color: #ffffff;
  overflow: hidden;
}
#content.home section.just_flitto_it header {
  color: #333333;
  font-size: 25px;
  margin-bottom: 10px;
}
#content.home section.just_flitto_it dt {
  font-size: 18px;
  color: #333333;
}
#content.home section.just_flitto_it dd {
  font-size: 14px;
  color: #666666;
}
#content.home section.just_flitto_it article dl {
  padding: 10px 20px;
}
#content.home section.just_flitto_it article img {
  max-width: 100%;
}
#content.home section.just_flitto_it dl {
  text-align: left;
}
@media screen and (min-width: 700px) {
  #content.home section.just_flitto_it article {
    width: 33%;
    float: left;
  }
  #content.home section.just_flitto_it div.img_box {
    width: auto;
    height: 200px;
    min-width: auto;
    margin: 0 auto;
  }
}
@media screen and (max-width: 699px) {
  #content.home section.just_flitto_it .box:before,
  #content.home section.just_flitto_it .box:after {
    content: " ";
    display: table;
  }
  #content.home section.just_flitto_it .box:after {
    clear: both;
  }
  #content.home section.just_flitto_it .img_box {
    float: left;
  }
  #content.home section.just_flitto_it .line_box {
    display: none;
  }
  #content.home section.just_flitto_it div.img_box {
    width: 100px;
    height: 100px;
    min-width: auto;
    margin: 0 auto;
    margin-right: 10px;
  }
  #content.home section.just_flitto_it article div {
    display: table;
    width: 100%;
  }
  #content.home section.just_flitto_it article div dl {
    display: table-cell;
    vertical-align: middle;
  }
}
#content.home section.other_box {
  background-color: #ffffff;
}
#content.home section.other_box dt {
  font-size: 18px;
  color: #333333;
}
#content.home section.other_box dd {
  font-size: 14px;
  color: #666666;
}
#content.home section.other_box article:before,
#content.home section.other_box article:after {
  content: " ";
  display: table;
}
#content.home section.other_box article:after {
  clear: both;
}
#content.home section.other_box .box {
  position: relative;
  display: table;
  width: 100%;
  padding-left: 67px;
}
#content.home section.other_box .box img,
#content.home section.other_box .box svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  line-height: 1;
}
#content.home section.other_box .box dl {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 700px) {
  #content.home section.other_box {
    overflow: hidden;
    position: relative;
  }
  #content.home section.other_box article {
    padding: 70px 0;
    width: 50%;
    float: left;
  }
  #content.home section.other_box article:first-child {
    padding-right: 20px;
  }
  #content.home section.other_box article:last-child {
    padding-left: 40px;
  }
  #content.home section.other_box .bar {
    height: 100%;
    width: 1px;
    background-color: #DCDCDC;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: auto;
  }
}
@media screen and (max-width: 699px) {
  #content.home section.other_box .bar {
    display: none;
  }
  #content.home section.other_box article {
    padding: 10px 0;
  }
}
#home_footer {
  min-height: 186px;
  padding: 30px 0;
  background-color: #333333;
  color: #ccc;
  font-size: 12px;
}
#home_footer .lang_box {
  height: 32px;
  margin-bottom: 20px;
}
#home_footer .list-inline {
  margin-left: 0;
}
#home_footer .bootstrap-select button {
  background-color: #666666;
  color: #ffffff;
  border: none;
}
#home_footer .link li {
  font-size: 14px;
  padding-right: 10px;
}
#home_footer .link li:last-child {
  padding-right: 0;
}
#home_footer .link a {
  color: #ffffff;
}
#home_footer .sns_box {
  padding-bottom: 20px;
}
#home_footer .sns_box .fb-like {
  height: 20px;
}
#home_footer .sns_box button {
  padding: 0;
  border: none;
  background-color: transparent;
}
#home_footer .sns_box a i,
#home_footer .sns_box button i {
  color: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  width: 45px;
  min-width: auto;
  height: 45px;
  line-height: 41px;
  font-size: 20px;
  margin: 0 10px;
  text-align: center;
}
#home_footer .sns_box a i.icon-naver,
#home_footer .sns_box button i.icon-naver {
  font-size: 18px;
}
@media screen and (min-width: 700px) {
  #home_footer .sns_box {
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: auto;
  }
  #home_footer article {
    padding-right: 350px;
  }
}
#home_down_box {
  background-color: #e7e7e7;
  padding-top: 30px;
}
#home_down_box dt {
  font-size: 18px;
  color: #333333;
}
#home_down_box dd {
  font-size: 14px;
  color: #666666;
}
#home_down_box .header-box {
  height: 42px;
  line-height: 42px;
}
#home_down_box .header-box > p {
  vertical-align: middle;
}
#home_down_box header {
  text-align: center;
  padding: 30px 0;
}
#home_down_box header p {
  font-size: 25px;
  display: inline;
}
#home_down_box article.app_desc {
  padding-top: 30px;
}
#home_down_box article.app_desc .box {
  position: relative;
  display: table;
  width: 100%;
  padding-left: 120px;
  padding-bottom: 20px;
  height: 120px;
  width: inherit;
}
#home_down_box article.app_desc .box img,
#home_down_box article.app_desc .box svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  line-height: 1;
}
#home_down_box article.app_desc .box dl {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 800px) {
  #home_down_box .box_body {
    position: relative;
    padding-left: 450px;
  }
  #home_down_box article.app_desc {
    height: 420px;
  }
  #home_down_box article.app_img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: auto;
    margin-left: 40px;
    width: 420px;
  }
}
@media screen and (max-width: 799px) {
  #home_down_box .app_img {
    width: 331px;
    margin: 0 auto;
  }
}
.wrap-main #home_estimate {
  background-color: #eff6ff;
  padding-bottom: 100px;
}
#home_estimate .width_box {
  padding-top: 100px;
  padding-bottom: 100px;
}
#home_estimate .talk:before,
#home_estimate .talk:after {
  content: '\"';
}
#home_estimate .carousel {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  #home_estimate .carousel {
    padding-left: 0;
    padding-right: 0;
  }
}
#home_estimate .carousel-control {
  height: 157px;
  width: 30px;
}
@media (max-width: 767px) {
  #home_estimate .carousel-control {
    display: none;
  }
}
#home_estimate .trans_user_box span {
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 1;
  margin-left: -75px;
}
@media (max-width: 767px) {
  #home_estimate .estimate_box {
    padding-left: 120px;
  }
  #home_estimate .trans_user_box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: auto;
  }
  #home_estimate .trans_user_box span {
    margin-left: -65px;
  }
}
.sns_additional {
  width: 274px;
  margin: 100px auto;
}
.sns_additional legend {
  font-size: 18px;
}
.sns_additional .username,
.sns_additional .email,
.sns_additional .bring_follow {
  position: relative;
  margin-bottom: 7px;
}
.sns_additional .bring_follow {
  font-size: 12px;
  color: #bfc0c6;
}
.sns_additional .bring_follow span {
  margin-left: 5px;
}
.sns_additional input {
  margin: 0;
}
.sns_additional input[type=text],
.sns_additional input[type=password] {
  padding-left: 6px;
  width: 272px;
  height: 30px;
}
.sns_additional .wc-ic-username,
.sns_additional .wc-ic-email {
  position: absolute;
  top: 5px;
  left: 11px;
  z-index: auto;
}
.sns_additional .valid {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: auto;
}
.sns_additional .btns {
  margin-top: 20px;
  text-align: center;
}
.sns_additional button.submit {
  border: 0;
  width: 102px;
  height: 34px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/**
  remove guild fold in onedrive
*/
section.guide-page,
footer.guide-page {
  overflow: hidden;
}
section.guide-page > div.guide-page-box,
footer.guide-page > div.guide-page-box {
  max-width: 760px;
  margin: 0 auto;
}
section.guide-page > div.guide-page-box:before,
footer.guide-page > div.guide-page-box:before,
section.guide-page > div.guide-page-box:after,
footer.guide-page > div.guide-page-box:after {
  content: " ";
  display: table;
}
section.guide-page > div.guide-page-box:after,
footer.guide-page > div.guide-page-box:after {
  clear: both;
}
section.guide-page dl,
footer.guide-page dl {
  margin-bottom: 0;
}
section.guide-page article,
footer.guide-page article {
  padding: 20px;
}
footer.guide-page article {
  min-width: 320px;
  max-width: 380px;
}
@media screen and (min-width: 760px) {
  footer.guide-page article {
    width: 50%;
    float: left;
  }
  footer.guide-page article.pos-right {
    float: right;
  }
}
@media screen and (max-width: 759px) {
  footer.guide-page article {
    margin: 0 auto;
  }
}
footer.guide-page div.links {
  width: 100%;
  float: left;
  text-align: center;
}
#content.zh-CN section.guide-page,
#content.zh-CN .fs14 {
  font-size: 15px;
}
section.guide-page {
  font-size: 13px;
  color: #777777;
}
section.guide-page a {
  color: #777777;
}
section.guide-page:nth-child(1n + 1) {
  background-color: #ffffff;
}
section.guide-page:nth-child(2n + 1) {
  background-color: #D4E5F3;
}
section.guide-page:nth-child(3n + 1) {
  background-color: #B3CFE8;
}
section.guide-page.top {
  height: 500px;
  color: #ffffff;
}
section.guide-page.top img {
  min-width: 1000px;
  width: 100%;
}
section.guide-page.top header {
  margin-top: 100px;
  display: inline-block;
}
section.guide-page.top header .bar {
  background-color: #ffffff;
  width: 100%;
  height: 2px;
  min-width: auto;
  overflow: hidden;
  margin: 10px 0 15px;
}
section.guide-page.top header span {
  font-size: 60px;
  line-height: 60px;
  text-shadow: #777 0.05em 0.05em 0em;
  letter-spacing: 5px;
}
section.guide-page.top header p {
  text-shadow: #777 0.05em 0.05em 0em;
  letter-spacing: 5px;
}
section.guide-page.img_desc dt,
section.guide-page.one_desc dt {
  text-align: center;
  margin-bottom: 25px;
}
section.guide-page.img_desc dt span,
section.guide-page.one_desc dt span {
  border-bottom: 1px solid #777777;
}
section.guide-page .icon-box {
  font-size: 30px;
  text-align: center;
  margin: 20px 0;
  color: #2c6bb4;
}
section.guide-page dd {
  margin-bottom: 5px;
}
section.guide-page dd.mb20 {
  margin-bottom: 20px;
}
section.guide-page .color1,
section.guide-page .color1 a {
  color: #646464;
}
section.guide-page .color2,
section.guide-page .color2 a {
  color: #2c6bb4;
}
section.guide-page .color3,
section.guide-page .color3 a {
  color: #ffffff;
}
section.guide-page dd._temp_list {
  position: relative;
  padding-left: 10px;
}
section.guide-page dd._temp_list span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
section.guide-page dd._temp_list i {
  margin: 0 2px;
}
section.guide-page.img_desc article {
  min-width: 320px;
  max-width: 380px;
}
@media screen and (min-width: 760px) {
  section.guide-page.img_desc article {
    width: 50%;
    float: left;
  }
  section.guide-page.img_desc article.pos-right {
    float: right;
  }
}
@media screen and (max-width: 759px) {
  section.guide-page.img_desc article {
    margin: 0 auto;
  }
}
@media screen and (min-width: 760px) {
  section.guide-page.img_desc article.md-right {
    float: right;
  }
}
section.guide-page.one article {
  padding: 10px;
}
section.guide-page.one article dt img {
  margin: 0 10px 10px 10px;
}
@media screen and (min-width: 760px) {
  section.guide-page.one article dt {
    float: left;
  }
}
@media screen and (max-width: 759px) {
  section.guide-page.one article dt {
    text-align: center;
  }
}
.business-floatbtn {
  position: fixed;
  bottom: 8%;
  right: 18px;
}
.business-floatbtn > a {
  display: inline-block;
  padding: 10px 20px;
  background-color: rgba(173, 22, 28, 0.7);
  border-radius: 8px;
  fill: #ffffff;
}
.business-floatbtn > a,
.business-floatbtn > a:hover,
.business-floatbtn > a:visited,
.business-floatbtn > a:focus,
.business-floatbtn > a a {
  color: #ffffff;
}
.business-floatbtn > a:after {
  border-color: transparent transparent transparent rgba(173, 22, 28, 0.7);
  right: -26px;
  border-width: 10px 13px;
  top: 50%;
  margin-top: -10px;
  content: '';
  position: absolute;
  border-style: solid;
}
.app_down-banner {
  background-color: #fff;
  padding: 15px;
  padding-left: 5px;
  width: 100%;
  display: table;
}
.app_down-banner-close,
.app_down-banner-logo,
.app_down-banner-info,
.app_down-banner-link {
  display: table-cell;
  vertical-align: middle;
}
.app_down-banner-close {
  padding-right: 10px;
  width: 1px;
}
.app_down-banner-close button:hover,
.app_down-banner-close buttonfocus {
  outline: none;
}
.app_down-banner-logo {
  padding-right: 10px;
  width: 1px;
}
.app_down-banner-info {
  padding-right: 10px;
}
.app_down-banner-link {
  text-align: right;
}
.app_down-banner-link a {
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  width: 80px;
  padding: 7px 5px;
}
.border__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
.border__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
.font-weight--bold {
  font-weight: bold;
}
.mb20--important {
  margin-bottom: 20px !important;
}
.sns_additional .valid--v2 {
  top: 35px;
  right: 10px;
}
@media screen and (min-width: 1000px) {
  #content-timeline {
    padding-left: 155px;
  }
  #content-timeline:first-child {
    padding-left: 0;
  }
  #content-timeline:last-child {
    padding-right: 0;
    min-height: 1px;
  }
}
.tr_msg_box {
  background-color: #e5e6e7;
  border-radius: 6px;
  color: #797979;
  padding-bottom: 40px;
  margin-bottom: 30px;
}
.tr_msg_box > i {
  margin: 20px auto;
}
.tr_msg_box p {
  display: none;
}
.tr_msg_box p.show {
  display: block;
}
#content [class^=col]:not('.color') {
  padding-left: 10px;
  padding-right: 10px;
}
#new_content {
  display: none;
}
.req-blinded {
  background-color: rgba(51, 51, 51, 0.9);
  font-size: 14px;
  color: #ffffff;
  padding: 20px !important;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .feed .share-group {
    position: absolute;
    top: 14px;
    right: 20px;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  .feed .share-group {
    position: absolute;
    top: 23px;
    right: 20px;
    z-index: 1;
  }
}
.feed .share-group > * {
  margin-right: 5px;
}
.feed .share-group > *:last-child {
  margin-right: 0;
}
.feed_new .share-group {
  position: absolute;
  top: 14px;
  right: 20px;
  z-index: 1;
}
.feed_new .share-group > * {
  float: left;
  margin-right: 7px;
}
.feed_new .share-group > *:last-child {
  margin-right: 0;
}
.feed_new[data-model=tweet] .content pre {
  margin-bottom: 10px;
}
.feed_new[data-model=tweet] .form-control {
  overflow: hidden;
}
.feed {
  position: relative;
  margin-bottom: 10px;
}
.feed > * {
  padding: 0;
}
.feed pre {
  overflow: hidden;
}
.feed textarea {
  border: none;
  resize: none;
}
.feed .trans_info_box {
  width: 40px;
  height: 40px;
  position: absolute;
  top: -6px;
  right: 20px;
  z-index: 1;
}
.feed .trans_info_box span {
  color: #FFFFFF;
  margin: 0 auto;
  line-height: 40px;
  text-align: center;
  display: block;
  margin-top: -5px;
}
.feed .request-point-box {
  position: absolute;
  top: 0;
  left: -1px;
  z-index: auto;
}
.feed .request-point-box i {
  float: left;
  width: 12px;
}
.feed .request-point-box span {
  height: 1.788em;
  float: left;
  height: 25px;
  line-height: 25px;
  background-color: #EE9428;
  color: #ffffff;
  font-size: 14px;
  padding-right: 10px;
}
.feed .details {
  margin: 15px 0 20px;
}
.feed .details.news a {
  color: #000;
}
.feed .details img {
  max-width: 100%;
}
.feed .details p,
.feed .details pre {
  margin-bottom: 10px;
}
.feed .details > div {
  margin-bottom: 10px;
}
.feed .details > div:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .feed article.trans {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .feed article.trans {
    margin-top: 0;
  }
}
.feed:before,
.feed:after {
  content: " ";
  display: table;
}
.feed:after {
  clear: both;
}
.feed .sc-more-box {
  margin: 10px 0;
}
.feed .sc-more-box:empty {
  margin: 0;
}
.feed .f-form-inline {
  margin-bottom: 12px;
  position: relative;
  padding-left: 50px;
}
.feed .f-form-inline .form-control {
  height: 30px;
}
.feed .f-form-inline button {
  height: 30px;
}
.feed .f-form-inline .btn-flag {
  color: #929292;
  background-color: transparent;
  margin-right: 10px;
}
.feed .f-form-inline .btn-flag .caret {
  margin-left: 5px;
}
.feed .f-form-inline .dropdown-menu {
  top: 20px;
}
.feed .trans-form {
  margin-top: 10px;
}
.feed .trans-form .btn-flag,
.feed .trans-form i.flag {
  position: absolute;
  top: auto;
  left: 0;
  z-index: auto;
}
.feed .trans-form > textarea {
  overflow: hidden;
}
.feed .trans-form form textarea {
  min-height: 84px;
  width: 100%;
  box-sizing: border-box;
  border-color: transparent;
  resize: none;
}
.feed p.blinded,
.feed pre.blinded,
.feed div.blinded {
  background-color: #bfbfbf;
  font-size: 9pt;
  color: #ffffff;
  padding: 20px !important;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
}
.feed:before,
.feed:after {
  content: " ";
  display: table;
}
.feed:after {
  clear: both;
}
.feed .i-new-tr_cennect {
  position: absolute;
  top: 10px;
  left: -1px;
  z-index: 1;
  width: 7px;
}
.feed .i-new-tr_cennect_v {
  position: absolute;
  top: 2px;
  left: 10px;
  z-index: 1;
}
.feed article {
  border: 1px solid #DCDCDC;
}
.feed article .comment_group {
  border-radius: 5px;
}
.feed article > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.feed article > *:last-child > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.feed .act {
  position: relative;
}
.feed .act .share-group {
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 1;
}
.feed header {
  position: relative;
  background: #325879;
  height: 50px;
  padding-left: 20px;
  color: #FFFFFF;
  font-size: 14px;
  display: table;
  width: 100%;
}
.feed header > .cell {
  display: table-cell;
  vertical-align: middle;
}
.feed header > .cell .dropdown-menu {
  top: inherit;
  left: inherit;
}
.feed header > .cell-top {
  display: table-cell;
  vertical-align: top;
}
.feed header > * {
  display: table-cell;
  vertical-align: middle;
}
.feed header > * .dropdown-menu {
  top: inherit;
  left: inherit;
}
.feed header ul {
  float: right;
}
.feed header ul,
.feed header ul li {
  margin: 0;
  padding: 0;
  height: 50px;
}
.feed header ul li {
  float: left;
}
.feed pre,
.feed .tr p {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  word-break: normal;
}
.plan_jyp .feed[data-model=content] header {
  display: none;
}
[data-model=product_cut] > :first-child .show_flitto {
  display: none;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  [data-model=product_cut] > :last-child {
    display: none;
  }
  [data-model=product_cut] > :first-child {
    display: block;
  }
  [data-model=product_cut] > :first-child .show_flitto {
    display: inherit;
  }
  [data-model=product_cut] > article.content {
    display: block;
  }
}
article.userinfo {
  position: relative;
  padding-left: 150px;
  min-height: 237px;
}
article.userinfo dt {
  margin-left: -160px;
}
article.userinfo .img-group {
  position: absolute;
  top: 70px;
  left: 10px;
  z-index: auto;
}
.feed[data-model=userprofile] article.userinfo {
  background: #ffffff url('/i/c/userinfo_bg.png') right center no-repeat;
}
.feed[data-model=userprofile] article.userinfo dl {
  padding: 20px;
  max-height: 234px;
}
.feed[data-model=userprofile] article.userinfo dt {
  font-size: 20px;
  margin-bottom: 15px;
  padding-right: 38px;
  position: relative;
}
.feed[data-model=userprofile] article.userinfo dt,
.feed[data-model=userprofile] article.userinfo dt a {
  color: #000000;
}
.feed[data-model=userprofile] article.userinfo dt .title {
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.feed[data-model=userprofile] article.userinfo dt .icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
}
.feed[data-model=userprofile] article.userinfo .img-group {
  float: left;
  margin-right: 15px;
}
.feed[data-model=userprofile] article.userinfo .social-list {
  min-height: 90px;
}
.feed[data-model=userprofile] article.userinfo_list {
  border: none;
}
.feed[data-model=userprofile] article.userinfo_list div {
  float: left;
  width: 50%;
}
.feed[data-model=userprofile] article.userinfo_list div dl {
  margin-bottom: 0;
  padding: 20px;
  padding-bottom: 5px;
  border-radius: 4px;
}
.feed[data-model=userprofile] article.userinfo_list div:last-child {
  padding-left: 5px;
}
.feed[data-model=userprofile] article.userinfo_list div:last-child dl {
  background-color: #3fe4c7;
}
.feed[data-model=userprofile] article.userinfo_list div:first-child {
  padding-right: 5px;
}
.feed[data-model=userprofile] article.userinfo_list div:first-child dl {
  background-color: #73c0f9;
}
.feed[data-model=userprofile] article.userinfo_list div:only-child {
  padding: 0;
}
.feed[data-model=userprofile] article.userinfo_list dt {
  margin-bottom: 20px;
}
.feed[data-model=userprofile] article.userinfo_list dd ul {
  display: none;
  min-height: 150px;
}
.feed[data-model=userprofile] article.userinfo_list dd ul:first-child {
  display: inherit;
}
.feed[data-model=userprofile] article.userinfo_list dd ul li {
  margin-bottom: 10px;
  padding-left: 35px;
  position: relative;
}
.feed[data-model=userprofile] article.userinfo_list dd ul li:last-child {
  margin-bottom: 0;
}
.feed[data-model=userprofile] article.userinfo_list dd ul li:before,
.feed[data-model=userprofile] article.userinfo_list dd ul li:after {
  content: " ";
  display: table;
}
.feed[data-model=userprofile] article.userinfo_list dd ul li:after {
  clear: both;
}
.feed[data-model=userprofile] article.userinfo_list dd ul li,
.feed[data-model=userprofile] article.userinfo_list dd ul li a {
  color: rgba(0, 0, 0, 0.8);
}
.feed[data-model=userprofile] article.userinfo_list dd ul li img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
.feed[data-model=userprofile] article.userinfo_list dd ul li span {
  width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 5px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .feed[data-model=userprofile] article.userinfo_list {
    margin-top: 10px;
  }
  .feed[data-model=userprofile] article.userinfo_list ul {
    min-height: 150px;
  }
}
@media screen and (max-width: 410px) {
  .feed[data-model=userprofile] article.userinfo_list div {
    display: none;
  }
}
.feed[data-model=board] .content {
  border-radius: 4px;
}
.feed[data-model=board] dl {
  border-bottom: 1px solid #DCDCDC;
  margin-bottom: 0;
}
.feed[data-model=board] ul {
  background-color: #fafafa;
  border-top: 1px solid #DCDCDC;
}
.feed[data-model=board] li {
  padding: 10px 20px 0;
}
.feed[data-model=board] li p {
  border-bottom: 1px dashed #c9c9c9;
}
.feed[data-model=board] form {
  padding: 10px 20px;
}
.feed[data-model=board] form div {
  padding-left: 50px;
}
.feed[data-model=board] form textarea {
  padding: 6px 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.feed[data-model=board] form img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
.feed[data-model=tweet],
.feed[data-model=cartoon_cut] {
  border-top: 1px solid #DCDCDC;
  border-radius: 0;
  padding: 0;
  background-color: #f6f6f6;
}
.feed[data-model=tweet] .scroll,
.feed[data-model=cartoon_cut] .scroll {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.feed[data-model=tweet] .comment_box,
.feed[data-model=cartoon_cut] .comment_box {
  padding-bottom: 10px;
}
.feed[data-model=tweet] .comment_box.large .scroll,
.feed[data-model=cartoon_cut] .comment_box.large .scroll {
  max-height: 600px;
}
.feed[data-model=tweet] form,
.feed[data-model=cartoon_cut] form {
  padding: 0 20px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.feed[data-model=tweet] li,
.feed[data-model=cartoon_cut] li {
  padding: 10px 20px 0;
}
.feed[data-model=tweet] li:first-child,
.feed[data-model=cartoon_cut] li:first-child {
  padding-top: 0;
}
.feed.detail[data-model=cartoon_cut] article.content .sns,
.feed.detail[data-model=product_cut] article.content .sns {
  padding: 0;
}
.feed.detail[data-model=cartoon_cut] article.content .sns .details,
.feed.detail[data-model=product_cut] article.content .sns .details {
  margin: 0;
  position: relative;
  text-align: center;
}
.feed.detail[data-model=cartoon_cut] article.content .sns .details img,
.feed.detail[data-model=product_cut] article.content .sns .details img {
  margin: 0 auto;
  max-width: 100%;
}
.feed.detail[data-model=cartoon_cut] article.content .sns .details.title_box,
.feed.detail[data-model=product_cut] article.content .sns .details.title_box {
  border: none;
}
.feed.detail[data-model=cartoon_cut] article.content .sns ul,
.feed.detail[data-model=product_cut] article.content .sns ul {
  padding: 10px 20px;
}
.feed.detail[data-model=product_cut] iframe {
  border: 0;
  width: 100%;
  height: 100%;
  min-height: 300px;
  overflow: hidden;
}
.feed[data-model=tweet] article.content,
.feed[data-model=board] article.content,
.feed[data-model=cartoon_cut] article.content,
.feed[data-model=product_cut] article.content {
  padding: 0;
  background-color: #ffffff;
}
.feed[data-model=tweet] article.content .sns,
.feed[data-model=board] article.content .sns,
.feed[data-model=cartoon_cut] article.content .sns,
.feed[data-model=product_cut] article.content .sns {
  padding: 20px;
  padding-bottom: 15px;
}
.feed[data-model=tweet] article.content .sns .details,
.feed[data-model=board] article.content .sns .details,
.feed[data-model=cartoon_cut] article.content .sns .details,
.feed[data-model=product_cut] article.content .sns .details {
  position: relative;
}
.feed[data-model=tweet] article.content .sns .details:hover,
.feed[data-model=board] article.content .sns .details:hover,
.feed[data-model=cartoon_cut] article.content .sns .details:hover,
.feed[data-model=product_cut] article.content .sns .details:hover {
  cursor: pointer;
}
.feed[data-model=tweet] article.content .sns .details.title_box,
.feed[data-model=board] article.content .sns .details.title_box,
.feed[data-model=cartoon_cut] article.content .sns .details.title_box,
.feed[data-model=product_cut] article.content .sns .details.title_box {
  border: 1px solid #DCDCDC;
}
.feed[data-model=tweet] article.content .sns .details.title_box .image_title,
.feed[data-model=board] article.content .sns .details.title_box .image_title,
.feed[data-model=cartoon_cut] article.content .sns .details.title_box .image_title,
.feed[data-model=product_cut] article.content .sns .details.title_box .image_title {
  padding: 10px 20px;
  background: #f9f9f9;
  color: #333333;
}
.feed[data-model=tweet] article.content .sns .tr_content,
.feed[data-model=board] article.content .sns .tr_content,
.feed[data-model=cartoon_cut] article.content .sns .tr_content,
.feed[data-model=product_cut] article.content .sns .tr_content {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  width: 100%;
  color: #ffffff;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.5);
}
.feed[data-model=tweet] article.content .sns dl,
.feed[data-model=board] article.content .sns dl,
.feed[data-model=cartoon_cut] article.content .sns dl,
.feed[data-model=product_cut] article.content .sns dl {
  height: 40px;
  display: table;
}
.feed[data-model=tweet] article.content .sns dl dt img,
.feed[data-model=board] article.content .sns dl dt img,
.feed[data-model=cartoon_cut] article.content .sns dl dt img,
.feed[data-model=product_cut] article.content .sns dl dt img {
  margin-right: 10px;
  margin-top: 5px;
}
.feed[data-model=tweet] article.content .sns dl dd,
.feed[data-model=board] article.content .sns dl dd,
.feed[data-model=cartoon_cut] article.content .sns dl dd,
.feed[data-model=product_cut] article.content .sns dl dd {
  display: table-cell;
  vertical-align: middle;
}
.feed[data-model=tweet] article.content .sns dl i,
.feed[data-model=board] article.content .sns dl i,
.feed[data-model=cartoon_cut] article.content .sns dl i,
.feed[data-model=product_cut] article.content .sns dl i {
  margin-right: 4px;
}
.feed[data-model=tweet] article.content .sns dl .social-box,
.feed[data-model=board] article.content .sns dl .social-box,
.feed[data-model=cartoon_cut] article.content .sns dl .social-box,
.feed[data-model=product_cut] article.content .sns dl .social-box {
  position: absolute;
  top: 12px;
  left: 16px;
  z-index: auto;
}
.feed[data-model=tweet] article.trans,
.feed[data-model=board] article.trans,
.feed[data-model=cartoon_cut] article.trans,
.feed[data-model=product_cut] article.trans {
  background-color: #bbc0c8;
  padding: 8px 15px;
  padding-bottom: 10px;
  border: 1px solid #aab2bf;
}
.feed[data-model=tweet] article.trans .trans-group,
.feed[data-model=board] article.trans .trans-group,
.feed[data-model=cartoon_cut] article.trans .trans-group,
.feed[data-model=product_cut] article.trans .trans-group {
  position: relative;
}
.feed[data-model=tweet] article.trans .trans-group.body,
.feed[data-model=board] article.trans .trans-group.body,
.feed[data-model=cartoon_cut] article.trans .trans-group.body,
.feed[data-model=product_cut] article.trans .trans-group.body {
  margin-top: 10px;
  margin-bottom: 0;
}
.feed[data-model=tweet] article.trans .trans-group .flag_select,
.feed[data-model=board] article.trans .trans-group .flag_select,
.feed[data-model=cartoon_cut] article.trans .trans-group .flag_select,
.feed[data-model=product_cut] article.trans .trans-group .flag_select {
  margin-top: -2px;
  margin-left: 2px;
  width: 34px;
  height: 24px;
  border-radius: 5px;
  border: 2px solid #4fbfbf;
}
.feed[data-model=tweet] article.trans .trans-group.edit,
.feed[data-model=board] article.trans .trans-group.edit,
.feed[data-model=cartoon_cut] article.trans .trans-group.edit,
.feed[data-model=product_cut] article.trans .trans-group.edit {
  display: none;
  margin-top: 10px;
}
.feed[data-model=tweet] article.trans .trans-group pre button,
.feed[data-model=board] article.trans .trans-group pre button,
.feed[data-model=cartoon_cut] article.trans .trans-group pre button,
.feed[data-model=product_cut] article.trans .trans-group pre button {
  margin-left: 5px;
}
.feed[data-model=tweet] article.trans .tr,
.feed[data-model=board] article.trans .tr,
.feed[data-model=cartoon_cut] article.trans .tr,
.feed[data-model=product_cut] article.trans .tr {
  background-color: #e3e7ec;
  padding: 10px 10px 14px;
  border-top: 1px solid #a7acb5;
}
.feed[data-model=tweet] article.trans .tr:first-child,
.feed[data-model=board] article.trans .tr:first-child,
.feed[data-model=cartoon_cut] article.trans .tr:first-child,
.feed[data-model=product_cut] article.trans .tr:first-child {
  border-top: none;
}
.feed[data-model=tweet] article.trans .tr ~ .fbtn-more,
.feed[data-model=board] article.trans .tr ~ .fbtn-more,
.feed[data-model=cartoon_cut] article.trans .tr ~ .fbtn-more,
.feed[data-model=product_cut] article.trans .tr ~ .fbtn-more {
  margin-top: 10px;
}
.feed[data-model=tweet] article.trans .list-inline li,
.feed[data-model=board] article.trans .list-inline li,
.feed[data-model=cartoon_cut] article.trans .list-inline li,
.feed[data-model=product_cut] article.trans .list-inline li {
  padding: 0 5px 0 0;
}
.feed[data-model=tweet] article.trans .list-inline li:last-child,
.feed[data-model=board] article.trans .list-inline li:last-child,
.feed[data-model=cartoon_cut] article.trans .list-inline li:last-child,
.feed[data-model=product_cut] article.trans .list-inline li:last-child {
  padding-right: 0;
}
.feed[data-model=tweet] article.trans .text-alert,
.feed[data-model=board] article.trans .text-alert,
.feed[data-model=cartoon_cut] article.trans .text-alert,
.feed[data-model=product_cut] article.trans .text-alert {
  margin-top: 5px;
}
.flag-group {
  padding-bottom: 7px;
}
.flag-group > i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
.flag-group li {
  float: left;
  padding: 5px;
  cursor: pointer;
  height: 32px;
}
.flag-group ul.open {
  height: inherit;
  overflow: visible;
}
.flag-group li.select {
  position: relative;
  background-color: #A3ABB6;
  border-radius: 4px;
  border: 1px solid #6C9DBD;
}
.feed .flag-group {
  border-bottom: 1px solid #a7acb5;
}
.feed[data-model=tweet] article.content {
  border: none;
  background-color: transparent;
}
.feed[data-model=tweet] article.content .sns {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
}
.feed[data-model=tweet][data-model_type=embed] {
  border-bottom: 1px solid #dcdcdc;
}
.feed[data-model=tweet][data-model_type=embed] article.content .sns {
  padding: 10px 0;
  border: none;
}
.feed[data-model=tweet][data-model_type=embed] .details {
  margin-bottom: 0;
  margin-top: 5px;
}
.feed[data-model=tweet][data-model_type=embed] .details p {
  margin-bottom: 5px;
  font-size: 12px;
}
.feed[data-model=product_cut] article.content .sns .tr_content.W {
  color: #333333;
  background-color: rgba(255, 255, 255, 0.7);
}
.feed[data-model=product_cut] article.content .sns .tr_content.W pre {
  color: #333333;
}
.feed[data-model=product_cut] article.content .sns .tr_content pre {
  color: #fff;
  text-align: left;
  margin-bottom: 0;
}
.feed[data-model=req_tr] article.request {
  padding: 20px;
  padding-top: 40px;
  padding-bottom: 10px;
  background-color: #ffffff;
}
.feed[data-model=req_tr] article.request dl {
  margin-bottom: 10px;
}
.feed[data-model=req_tr] article.request dl dt {
  font-size: 16px;
}
.feed[data-model=req_tr] article.request .request-language {
  margin: 10px -10px 0;
}
.feed[data-model=req_tr] article.request .btn-delete {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: auto;
  color: #e0dfdf;
}
.feed[data-model=req_tr] article.request .btn-delete:hover,
.feed[data-model=req_tr] article.request .btn-delete:active,
.feed[data-model=req_tr] article.request .btn-delete:focus {
  color: #000000;
}
.feed[data-model=req_tr] article.trans {
  padding: 20px 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #bbc0c8;
  border: 1px solid #aab2bf;
}
.feed[data-model=req_tr] article.trans .tr {
  background-color: #e3e7ec;
  padding: 10px 10px 14px;
  border-top: 1px solid #a7acb5;
}
.feed[data-model=req_tr] article.trans .tr:first-child {
  border-top: none;
}
.feed[data-model=req_tr] article.trans .tr ~ .fbtn-more {
  margin-top: 10px;
}
.feed[data-model=req_tr] article.trans .list-inline li {
  padding: 0 5px 0 0;
}
.feed[data-model=req_tr] article.trans .list-inline li:last-child {
  padding-right: 0;
}
.feed[data-model=req_tr] article.trans .text-alert {
  margin-top: 5px;
}
.feed[data-model=req_tr] article.trans .trans-group {
  margin-bottom: 10px;
}
.feed[data-model=req_tr] article.trans .trans-group:last-child {
  margin-bottom: 0;
}
.feed[data-model=req_tr] article.trans .trans-group.body p:last-child {
  margin-bottom: 0;
}
.feed[data-model=req_tr] article.trans .tr.select {
  background-color: #ffffff;
  margin: inherit -5px;
}
.feed[data-model=req_tr] article.trans .request-language {
  background-color: #e0dfdf;
}
.feed[data-model=req_tr] article.trans .trans-group {
  position: relative;
}
.feed[data-model=req_tr] article.trans .trans-group.body {
  margin-top: 10px;
  margin-bottom: 0;
}
.feed[data-model=req_tr] article.trans .trans-group .flag_select {
  margin-top: -2px;
  margin-left: 2px;
  width: 34px;
  height: 24px;
  border-radius: 5px;
  border: 2px solid #4fbfbf;
}
.feed[data-model=req_tr] article.trans .trans-group.edit {
  display: none;
  margin-top: 10px;
}
.feed[data-model=req_tr] article.trans .trans-group pre button {
  margin-left: 5px;
}
.feed[data-model=news] article.content {
  padding: 20px;
  background-color: #ffffff;
}
.feed[data-model=news] article.content dl {
  margin-bottom: 10px;
}
.feed[data-model=news] article.content dl dt {
  font-size: 16px;
}
.feed[data-model=news] article.content .request-language {
  margin: 0 -10px;
}
.feed.location {
  margin-bottom: 60px;
  background-color: #fff;
}
.feed.location article {
  border: none;
}
.feed.location article.left {
  padding: 20px 0 20px 20px;
}
.feed.location article.right {
  padding: 20px 20px 20px 0;
}
.feed.location article.content dl dt {
  font-size: 20px;
  margin-bottom: 40px;
}
.feed.location article.content dl dd {
  display: inline-block;
  padding: 0 12px;
  margin-left: 10px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  border: 1px solid #b3b3b3;
  border-radius: 10px;
  background-color: #fdfdfd;
}
.feed.location article.content dl b {
  margin-right: 5px;
}
.feed.location .comment_group li {
  padding: 5px 20px 0;
}
.feed.location .scroll {
  max-height: inherit;
  overflow: visible;
}
.feed.location #map_canvas {
  margin-bottom: 10px;
}
.feed[data-model=eventVideoView] header {
  background-color: transparent;
  text-align: center;
}
.feed[data-model=eventVideoView] header,
.feed[data-model=eventVideoView] header a {
  color: #666666;
  font-size: 18px;
}
.feed[data-model=eventVideoView] header .here,
.feed[data-model=eventVideoView] header a .here {
  color: #257dc1;
}
.feed[data-model=eventVideoView] header.title {
  padding: 0 5px;
  margin-bottom: 10px;
}
.feed[data-model=eventVideoView] header.title div {
  font-size: 24px;
  line-height: 1.4em;
}
.feed[data-model=eventVideoView] article {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.feed[data-model=eventVideoView] article iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  width: 100%;
  height: 100%;
  min-width: auto;
}
.feed[data-model=eventVideoView] div.down_box {
  margin-bottom: 40px;
  text-align: center;
}
.feed[data-model=eventVideoView] div.down_box p {
  color: #333333;
  font-size: 20px;
  padding: 20px 0;
}
.affix_box {
  font-size: 12px;
  position: relative;
}
.affix_box article {
  position: fixed;
  top: 80px;
  left: 0;
  z-index: 1030;
  border-top: 1px solid #DCDCDC !important;
  width: 100%;
  height: auto;
  min-width: auto;
  background-color: rgba(255, 255, 255, 0.95);
}
@media screen and (max-width: 768px) {
  .affix_box article {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 10;
  }
}
.affix_box.flitto div.box {
  padding: 5px;
  padding-bottom: 0;
  max-width: 1000px;
  margin: 0 auto;
}
.affix_box.flitto button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  padding: 6px 0;
  margin: 0 12px;
}
.affix_box.flitto button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
.affix_box.flitto button:active {
  background-color: rgba(0, 0, 0, 0);
}
.affix_box.flitto button[data-notclick="true"] {
  cursor: default;
}
.affix_box.flitto button[data-notclick="true"]:active {
  background-color: #ececec;
}
.affix_box.flitto button.select {
  border-bottom: 2px solid #ffffff;
}
section.request {
  /*
    Tag 가 문자열인 이유는 '.' 을 넣으면 parsing error
  */
  /*
    Tag 가 문자열인 이유는 '.' 을 넣으면 parsing error
  */
}
section.request .list-inline {
  margin: 0;
}
section.request .list-inline li {
  padding: 0;
}
section.request dl {
  margin-bottom: 0;
}
section.request button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
}
section.request button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
section.request button:active {
  background-color: rgba(0, 0, 0, 0);
}
section.request button[data-notclick="true"] {
  cursor: default;
}
section.request button[data-notclick="true"]:active {
  background-color: #ececec;
}
section.request .outline {
  border: 4px solid #90bff8;
  border-radius: 4px;
}
section.request button {
  width: 100%;
}
section.request button.auto {
  width: auto;
}
section.request button.simple {
  padding: 0 10px;
}
section.request button.simple .ladda-label {
  width: 100%;
}
section.request button.select {
  background-color: #f6f6f6;
}
section.request button.request_type {
  height: 50px;
  line-height: 50px;
  background-color: #f6f6f6;
}
section.request .w150 {
  width: 100px;
}
section.request article.nav {
  /*
    Tag 가 문자열인 이유는 '.' 을 넣으면 parsing error
  */
  /*
    Tag 가 문자열인 이유는 '.' 을 넣으면 parsing error
  */
}
section.request article.nav li {
  height: 40px;
  line-height: 40px;
}
section.request article.nav li {
  background-color: #ffffff;
}
section.request article.nav li.select {
  background-color: #90bff8;
}
section.request article.nav li button {
  background-color: #90bff8;
}
section.request article.nav li.select button {
  background-color: #ffffff;
}
section.request article.nav li.left button {
  border-radius: 0 0 4px 0;
}
section.request article.nav li.left.select button {
  border-radius: 4px 4px 0 0;
}
section.request article.nav li.right button {
  border-radius: 0 0 0 4px;
}
section.request article.nav li.right.select button {
  border-radius: 4px 4px 0 0;
}
section.request dd.details,
section.request dd.simple {
  height: 120px;
  padding: 5px 10px;
}
section.request dd.simple {
  padding-top: 0;
}
section.request li.filter button {
  text-align: center;
  font-size: 12px;
}
section.request li.filter {
  border-left: 1px solid #cccaca;
  padding: 0 10px;
}
section.request li.filter button {
  height: 45px;
  padding-top: 2px;
}
section.request li.filter:first-child {
  border-left: none;
  padding-left: 0px;
}
section.request dd.simple {
  position: relative;
  padding-bottom: 40px;
}
section.request dd.simple div.btn-group {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: auto;
  width: 100%;
  height: 40px;
  min-width: auto;
}
section.request dd.simple button.strong {
  background-color: #9dc9fc;
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
}
section.request div.info {
  position: relative;
  height: 50px;
  padding-left: 200px;
}
section.request div.info div.user-profile {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  padding-left: 50px;
}
section.request button {
  color: #113152;
}
section.request button.select {
  background-color: #f6f6f6;
  border-radius: 4px;
}
section.request dl dd.details {
  display: none;
}
section.request dl.select dd.details {
  display: block;
}
section.request dl dd.simple {
  display: block;
}
section.request dl.select dd.simple {
  display: none;
}
section.request dl {
  width: 25%;
}
section.request dl.select {
  width: 75%;
}
section.request dl {
  width: 25%;
}
section.request dl.select {
  width: 75%;
}
section.request dl {
  background-color: #ffffff;
}
section.request dl.select {
  background-color: #90bff8;
}
section.request dl dd {
  background-color: #90bff8;
}
section.request dl.select dd {
  background-color: #ffffff;
}
section.request dl.left dd {
  border-radius: 0;
}
section.request dl.left.select dd {
  border-radius: 0 4px 4px 4px;
}
section.request dl.right dd {
  border-radius: 0;
}
section.request dl.right.select dd {
  border-radius: 4px 0 4px 4px;
}
@media screen and (max-width: 900px) {
  section.request dl.select {
    width: 100%;
  }
  section.request dl dd.simple {
    display: none;
  }
}
@media screen and (max-width: 999px) {
  section.request .visible-hidden {
    display: none;
  }
  section.request .w150 {
    width: 40px;
  }
  section.request div.info {
    padding-left: 50%;
  }
}
@media screen and (max-width: 400px) {
  section.request .w150 {
    width: 25px;
  }
}
.feed_new[data-model=news] a {
  color: #333333;
}
.tr .username,
.tr .username a {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
}
.tr .past-time {
  font-size: 11px;
}
.tr .rate-percent {
  float: inherit;
  height: 17px;
  line-height: 17px;
  vertical-align: text-top;
  font-size: 12px;
}
.feed_new[data-type=DQ] .mark,
.feed_new[data-type=DR] .mark {
  position: absolute;
  top: 39px;
  left: 25px;
  z-index: auto;
  width: 30px;
  height: 30px;
  min-width: auto;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  line-height: 30px;
}
.feed_new[data-type=DQ] .mark.check,
.feed_new[data-type=DR] .mark.check {
  background-color: #68C2F9;
}
.feed_new[data-type=DQ] .mark.exclamation,
.feed_new[data-type=DR] .mark.exclamation {
  background-color: #ec5464;
}
.feed_new[data-model=req_tr],
.feed_new[data-model=tweet],
.feed_new[data-model=news],
.feed_new[data-model=rf_co] {
  padding-left: 130px;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 15px;
  min-height: 185px;
}
.feed_new[data-model=req_tr] .check,
.feed_new[data-model=tweet] .check,
.feed_new[data-model=news] .check,
.feed_new[data-model=rf_co] .check {
  position: absolute;
  top: 39px;
  left: 25px;
  z-index: auto;
}
.feed_new[data-model=req_tr] .check_small,
.feed_new[data-model=tweet] .check_small,
.feed_new[data-model=news] .check_small,
.feed_new[data-model=rf_co] .check_small {
  position: absolute;
  top: 20px;
  left: -9px;
  z-index: auto;
}
.feed_new[data-model=req_tr] .line,
.feed_new[data-model=tweet] .line,
.feed_new[data-model=news] .line,
.feed_new[data-model=rf_co] .line {
  border-bottom: 1px dashed #c9c9c9;
  border-radius: 0;
}
.feed_new[data-model=req_tr] .bar,
.feed_new[data-model=tweet] .bar,
.feed_new[data-model=news] .bar,
.feed_new[data-model=rf_co] .bar {
  padding-top: 5px;
  margin-bottom: 5px;
}
.feed_new[data-model=req_tr] .bar,
.feed_new[data-model=tweet] .bar,
.feed_new[data-model=news] .bar,
.feed_new[data-model=rf_co] .bar {
  height: 0;
  overflow: hidden;
}
.feed_new[data-model=req_tr] p.blinded,
.feed_new[data-model=tweet] p.blinded,
.feed_new[data-model=news] p.blinded,
.feed_new[data-model=rf_co] p.blinded,
.feed_new[data-model=req_tr] pre.blinded,
.feed_new[data-model=tweet] pre.blinded,
.feed_new[data-model=news] pre.blinded,
.feed_new[data-model=rf_co] pre.blinded,
.feed_new[data-model=req_tr] div.blinded,
.feed_new[data-model=tweet] div.blinded,
.feed_new[data-model=news] div.blinded,
.feed_new[data-model=rf_co] div.blinded {
  background-color: #bfbfbf;
  font-size: 9pt;
  color: #ffffff;
  padding: 20px !important;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
}
.feed_new[data-model=req_tr] pre,
.feed_new[data-model=tweet] pre,
.feed_new[data-model=news] pre,
.feed_new[data-model=rf_co] pre {
  overflow: hidden;
}
.feed_new[data-model=req_tr] .trans-group,
.feed_new[data-model=tweet] .trans-group,
.feed_new[data-model=news] .trans-group,
.feed_new[data-model=rf_co] .trans-group {
  position: relative;
}
.feed_new[data-model=req_tr] .trans-group.body,
.feed_new[data-model=tweet] .trans-group.body,
.feed_new[data-model=news] .trans-group.body,
.feed_new[data-model=rf_co] .trans-group.body {
  margin-top: 10px;
  margin-bottom: 0;
}
.feed_new[data-model=req_tr] .trans-group .flag_select,
.feed_new[data-model=tweet] .trans-group .flag_select,
.feed_new[data-model=news] .trans-group .flag_select,
.feed_new[data-model=rf_co] .trans-group .flag_select {
  margin-top: -2px;
  margin-left: 2px;
  width: 34px;
  height: 24px;
  border-radius: 5px;
  border: 2px solid #4fbfbf;
}
.feed_new[data-model=req_tr] .trans-group.edit,
.feed_new[data-model=tweet] .trans-group.edit,
.feed_new[data-model=news] .trans-group.edit,
.feed_new[data-model=rf_co] .trans-group.edit {
  display: none;
  margin-top: 10px;
}
.feed_new[data-model=req_tr] .trans-group pre button,
.feed_new[data-model=tweet] .trans-group pre button,
.feed_new[data-model=news] .trans-group pre button,
.feed_new[data-model=rf_co] .trans-group pre button {
  margin-left: 5px;
}
.feed_new[data-model=req_tr] .trans-form,
.feed_new[data-model=tweet] .trans-form,
.feed_new[data-model=news] .trans-form,
.feed_new[data-model=rf_co] .trans-form {
  padding-left: 40px;
}
.feed_new[data-model=req_tr] .trans-form .flag,
.feed_new[data-model=tweet] .trans-form .flag,
.feed_new[data-model=news] .trans-form .flag,
.feed_new[data-model=rf_co] .trans-form .flag {
  position: absolute;
  top: 4px;
  left: 0;
  z-index: auto;
}
.feed_new[data-model=req_tr] .memo,
.feed_new[data-model=tweet] .memo,
.feed_new[data-model=news] .memo,
.feed_new[data-model=rf_co] .memo {
  color: #929292;
  font-size: 12px;
}
.feed_new[data-model=req_tr] .username a,
.feed_new[data-model=tweet] .username a,
.feed_new[data-model=news] .username a,
.feed_new[data-model=rf_co] .username a {
  color: #333333;
}
.feed_new[data-model=req_tr] .past-time,
.feed_new[data-model=tweet] .past-time,
.feed_new[data-model=news] .past-time,
.feed_new[data-model=rf_co] .past-time {
  font-size: 11px;
}
.feed_new[data-model=req_tr] .user-list img,
.feed_new[data-model=tweet] .user-list img,
.feed_new[data-model=news] .user-list img,
.feed_new[data-model=rf_co] .user-list img {
  border-radius: 4px;
  margin-right: 10px;
}
.feed_new[data-model=req_tr] .user-list img:last-child,
.feed_new[data-model=tweet] .user-list img:last-child,
.feed_new[data-model=news] .user-list img:last-child,
.feed_new[data-model=rf_co] .user-list img:last-child {
  margin-right: 0;
}
.feed_new[data-model=req_tr] .user-list .more,
.feed_new[data-model=tweet] .user-list .more,
.feed_new[data-model=news] .user-list .more,
.feed_new[data-model=rf_co] .user-list .more {
  display: inline-block;
  width: 40px;
  height: 40px;
  min-width: auto;
  background-color: #f2f2f2;
  border-radius: 4px;
  padding-top: 16px;
  vertical-align: middle;
}
.feed_new[data-model=req_tr] .body,
.feed_new[data-model=tweet] .body,
.feed_new[data-model=news] .body,
.feed_new[data-model=rf_co] .body {
  margin-top: 5px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .feed_new[data-model=req_tr],
  .feed_new[data-model=tweet],
  .feed_new[data-model=news],
  .feed_new[data-model=rf_co] {
    padding: 0;
  }
}
.form-control_new_input,
.form-control.new_input {
  height: auto;
  width: 100%;
  position: relative;
}
.form-control_new_input textarea,
.form-control.new_input textarea,
.form-control_new_input input,
.form-control.new_input input {
  border: none;
  width: 100%;
}
.form-control_new_input textarea,
.form-control.new_input textarea {
  padding: 10px;
  min-height: 165px;
  padding-bottom: 0;
}
.form-control_new_input textarea.resize_vertical,
.form-control.new_input textarea.resize_vertical {
  resize: vertical;
}
.form-control_new_input .line,
.form-control.new_input .line {
  border-bottom: 1px dashed #c9c9c9;
  border-radius: 0;
}
.form-control_new_input .bar,
.form-control.new_input .bar {
  padding-top: 5px;
  margin-bottom: 5px;
}
.form-control_new_input .bar,
.form-control.new_input .bar {
  height: 0;
  overflow: hidden;
}
.form-control_new_input .count,
.form-control.new_input .count {
  position: absolute;
  bottom: 45px;
  right: 15px;
  z-index: auto;
}
.trans-form-before {
  border: 1px solid #DCDCDC;
  border-radius: 3px;
  color: #999999;
  padding: 10px;
}
.trans-form-before:hover {
  cursor: pointer;
}
.p_point {
  background-color: #90bff8;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 12px;
  border-radius: 20px;
}
.p_point.step0 {
  background-color: #73c0f9;
}
.p_point.step1 {
  background-color: #73c0f9;
}
.p_point.step2 {
  background-color: #4096ee;
}
.p_point.step3 {
  background-color: #0072ca;
}
.p_point.step4 {
  background-color: #003595;
}
.p_long_idx {
  background-color: #ec5464;
  font-size: 16px;
  padding: 10px 12px;
  border-radius: 20px;
}
.p_long_idx,
.p_long_idx:hover {
  color: #ffffff;
}
.p_long_idx1 {
  background-color: #ec5464;
  font-size: 16px;
  padding: 10px 45px 10px;
  position: relative;
  border-radius: 20px;
}
.p_long_idx1,
.p_long_idx1:hover {
  color: #ffffff;
}
.p_long_idx1 button:first-child {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: auto;
}
.p_long_idx1 button:last-child {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: auto;
}
.feed_new_wrapper {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0 20px 20px;
}
.feed_new_wrapper .full_width {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 12px;
}
.feed_new_wrapper .full_width:last-child {
  border-radius: 0 0 4px 4px;
  margin-bottom: -12px;
}
.feed_new_bottom_more {
  padding: 0 10px;
}
.feed_new_bottom_more .box {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  border-radius: 0 0 4px 4px;
  border-top: none;
  height: 10px;
}
.feed_new_bottom_more .ctr {
  position: absolute;
  top: 0;
  right: 40px;
  z-index: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #ec5464;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  padding: 10px;
  border-radius: 0 0 4px 4px;
}
.feed_new_bottom_more .ctr[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #ec5464;
}
.feed_new_bottom_more .ctr:active {
  background-color: #e82f43;
}
.feed_new_bottom_more .ctr[data-notclick="true"] {
  cursor: default;
}
.feed_new_bottom_more .ctr[data-notclick="true"]:active {
  background-color: #ececec;
}
.feed_new_bottom_more .ctr,
.feed_new_bottom_more .ctr a {
  color: #ffffff;
}
.feed_new[data-model=tweet] .feed_new_wrapper {
  padding-bottom: 0;
}
.feed_new[data-model=tweet] .tab_nav {
  margin: 10px -20px 0;
}
.feed_new[data-model=tweet] .tab_nav button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  width: 50%;
  height: 50px;
  min-width: auto;
  float: left;
  color: #999999;
}
.feed_new[data-model=tweet] .tab_nav button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
.feed_new[data-model=tweet] .tab_nav button:active {
  background-color: rgba(0, 0, 0, 0);
}
.feed_new[data-model=tweet] .tab_nav button[data-notclick="true"] {
  cursor: default;
}
.feed_new[data-model=tweet] .tab_nav button[data-notclick="true"]:active {
  background-color: #ececec;
}
.feed_new[data-model=tweet] .tab_nav button:first-child {
  border-right: 1px solid #dcdcdc;
}
.feed_new[data-model=tweet] .tab_nav.open button {
  border-bottom: 1px solid #dcdcdc;
}
.feed_new[data-model=tweet] .tab_nav.open button.select {
  border-top: 1px solid #dcdcdc;
  background-color: #fafafa;
  border-bottom: none;
}
.feed_new[data-model=tweet] .tab_box {
  margin: 0 -20px;
  padding: 10px;
  background-color: #fafafa;
  display: none;
}
.feed_new[data-model=tweet] .tab_box .text-alert {
  margin-bottom: 10px;
}
.feed_new[data-model=tweet] .tab_box[data-type=trans] form {
  padding-left: 60px;
  position: relative;
}
.feed_new[data-model=tweet] .tab_box[data-type=trans] form.none-padding {
  padding-left: 0;
}
.feed_new[data-model=tweet] .tab_box[data-type=trans] form .btn-flag,
.feed_new[data-model=tweet] .tab_box[data-type=trans] form i.flag {
  position: absolute;
  top: auto;
  left: 0;
  z-index: auto;
}
.feed_new[data-model=tweet] .tab_box[data-type=trans] form .caret {
  margin-left: 5px;
}
.feed_new[data-model=tweet] .tab_box[data-type=trans] form textarea {
  overflow: hidden;
  min-height: 84px;
  width: 100%;
  box-sizing: border-box;
  resize: none;
}
.feed_new[data-model=tweet] .tab_box[data-type=trans] form .dropdown-menu {
  top: 20px;
}
.feed_new[data-model=tweet] .tab_box[data-type=comments] [data-model=comment] {
  margin-top: 10px;
}
.feed_new[data-model=tweet] .comment_group form {
  margin-bottom: 10px;
}
.feed_new[data-model=tweet] .trans-form {
  padding-left: 0;
}
/* 새로운 feed 의 작성자의 User Profile */
.user_profile img {
  border-radius: 4px;
  margin-bottom: 4px;
}
.user_profile.feed_user {
  float: left;
  width: 120px;
  margin-left: -150px;
}
.user_profile.tweet_user {
  position: absolute;
  top: 0;
  left: -130px;
  z-index: auto;
  width: 120px;
}
.user_profile.tweet_user.hidden-xs .username a {
  width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.visible-xs.feed_user,
.visible-xs.selected_user {
  margin-bottom: 10px;
}
.visible-xs.feed_user:before,
.visible-xs.selected_user:before,
.visible-xs.feed_user:after,
.visible-xs.selected_user:after {
  content: " ";
  display: table;
}
.visible-xs.feed_user:after,
.visible-xs.selected_user:after {
  clear: both;
}
.visible-xs.feed_user img,
.visible-xs.selected_user img {
  float: left;
  border-radius: 4px;
  margin-right: 10px;
}
.visible-xs.feed_user .username,
.visible-xs.selected_user .username {
  margin-top: 5px;
}
.visible-xs.selected_user {
  margin-left: 80px;
}
.list {
  background-color: #fafafa;
  padding-top: 20px;
  border: 1px solid #DCDCDC;
  border-width: 1px 0;
}
.tr.my,
.tr.detail_select,
.tr.tweet_tr {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 60px;
}
.list .tr {
  padding-bottom: 5px;
  padding-left: 50px;
}
.tr.detail_select {
  position: relative;
  min-height: 40px;
  background-color: #ffffff;
}
.list .tr,
.tr.my,
.tr.tweet_tr {
  position: relative;
  min-height: 40px;
  background-color: #fafafa;
}
.list .tr img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  border-radius: 4px;
}
.list .tr.addAction {
  padding-right: 60px;
}
.list .tr:last-child .line,
.tr.tweet_tr:last-child .line {
  border-bottom: none;
}
.tr.my > img,
.tr.detail_select > img,
.tr.tweet_tr > img {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: auto;
  border-radius: 4px;
}
img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 0.05em 0 0.1em;
  vertical-align: -0.1em;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#userInfoLayer {
  width: 350px;
  height: auto;
  min-width: auto;
  z-index: 1041;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}
#userInfoLayer .username {
  width: 210px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#userInfoLayer dt {
  overflow: hidden;
  color: #ffffff;
  padding: 10px 0;
  font-weight: normal;
}
#userInfoLayer li {
  margin-bottom: 10px;
}
#userInfoLayer li:last-child {
  margin-bottom: 0;
}
#userInfoLayer img {
  border: 1px solid #dcdcdc;
}
#userInfoLayer.oneuserinfo dt {
  padding: 20px;
  overflow: hidden;
  height: 210px;
}
#userInfoLayer.oneuserinfo dt img {
  border-radius: 50%;
}
#userInfoLayer.oneuserinfo dl {
  overflow: hidden;
}
#userInfoLayer.oneuserinfo dd {
  border-top: 1px solid #dcdcdc;
  background-color: #ffffff;
}
#userInfoLayer:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  bottom: -18px;
  left: 48%;
  box-sizing: border-box;
  border: 10px solid black;
  border-color: transparent transparent #ffffff #ffffff;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  box-shadow: -2px 2px 1px 0 rgba(0, 0, 0, 0.1);
}
#datepicker_search_layer {
  z-index: 1041;
  background-color: #ffffff;
  right: 0;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}
#datepicker_search_layer:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -0.5em;
  top: 0;
  right: 12px;
  box-sizing: border-box;
  border: 6px solid black;
  border-color: transparent transparent #ffffff #ffffff;
  transform-origin: 0 0;
  transform: rotate(135deg);
  box-shadow: -2px 2px 1px 0 rgba(0, 0, 0, 0.1);
}
.error-msg {
  padding-bottom: 40px;
  font-size: 16px;
  text-align: center;
}
.error-msg,
.error-msg a {
  color: #797979;
}
.error-msg a {
  border-bottom: 1px solid #797979;
}
#long_request_box .long_content_box {
  position: relative;
}
#long_request_box .circle {
  width: 16px;
  height: 16px;
  min-width: auto;
  border-radius: 50%;
  border: none;
  color: #fff;
  background-color: #257dc1;
}
#long_request_box .title {
  font-weight: bold;
  font-size: 14px;
}
#long_request_box[data-type=LR] {
  padding-right: 0;
}
#long_request_box .btn-long_close {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #d1e5fc;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  color: #5f7b95;
  font-weight: bold;
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e0dfdf;
}
#long_request_box .btn-long_close[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #d1e5fc;
}
#long_request_box .btn-long_close:active {
  background-color: #abcffa;
}
#long_request_box .btn-long_close[data-notclick="true"] {
  cursor: default;
}
#long_request_box .btn-long_close[data-notclick="true"]:active {
  background-color: #ececec;
}
#long_request_box .btn-long_close i {
  margin-top: -13px;
}
#long_request_box .btn-long_close.red {
  background-color: #ffffff;
  border-color: #ec5464;
  width: 200px;
  color: #ec5464;
  border-radius: 10px;
}
#long_request_box.request {
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #dcdcdc;
}
#long_request_box article.request_box {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
}
.long_nav {
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  background-color: #ffffff;
}
.long_nav li:first-child > button {
  border-radius: 4px 0 0 4px;
  overflow: hidden;
}
.long_nav li:last-child > button {
  border-radius: 0 4px 4px 0;
  overflow: hidden;
}
.long_nav > li {
  border-right: 1px solid #dcdcdc;
}
.long_nav > li:last-child {
  border-right: none;
}
.long_nav button.idx {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 2px 5px;
}
.long_nav button.move {
  width: 100%;
  height: 40px;
  min-width: auto;
}
.long_nav button.move {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #fcfcfc;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
}
.long_nav button.move[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #fcfcfc;
}
.long_nav button.move:active {
  background-color: #e8e8e8;
}
.long_nav button.move[data-notclick="true"] {
  cursor: default;
}
.long_nav button.move[data-notclick="true"]:active {
  background-color: #ececec;
}
#longRequestHelpModal dl {
  padding-left: 40px;
  padding-bottom: 20px;
}
#longRequestHelpModal dl dd.idx {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  background-color: #ea5753;
  border: 1px solid #d43b37;
  text-align: center;
  line-height: 25px;
  width: 25px;
  height: 25px;
  min-width: auto;
  border-radius: 4px;
  color: #ffffff;
}
#longRequestHelpModal dl dd.arrow {
  position: absolute;
  top: 35px;
  left: 10px;
  z-index: auto;
}
#longRequestHelpModal dl dd.arrow i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#longRequestHelpModal dl:last-child {
  padding-bottom: 0;
}
.feed_new[data-model=req_tr][data-type=DQ] dd,
.feed_new[data-model=req_tr][data-type=DR] dd {
  margin-top: 10px;
}
.feed_new[data-model=req_tr][data-type=DQ] dd div,
.feed_new[data-model=req_tr][data-type=DR] dd div {
  border-radius: 4px;
  background-color: #f7f7f7;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .feed_new[data-model=req_tr][data-type=DQ] dd:nth-child(even),
  .feed_new[data-model=req_tr][data-type=DR] dd:nth-child(even) {
    padding-right: 5px !important;
  }
  .feed_new[data-model=req_tr][data-type=DQ] dd:nth-child(odd),
  .feed_new[data-model=req_tr][data-type=DR] dd:nth-child(odd) {
    padding-left: 5px !important;
  }
}
.feed_new[data-model=req_tr][data-type=DQ] .bar,
.feed_new[data-model=req_tr][data-type=DR] .bar {
  background-color: #dcdcdc;
  height: 10px;
  border-radius: 4px;
}
.feed_new[data-model=req_tr][data-type=DQ] .bar > div,
.feed_new[data-model=req_tr][data-type=DR] .bar > div {
  height: 10px;
  margin-top: -5px;
}
html.ie9 .feed[data-model=tr_request] article.content img,
html.ie10 .feed[data-model=tr_request] article.content img {
  max-height: 200px !important;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
}
.simple-list-box .feed_simple {
  background-color: white;
  border: 1px solid #DCDCDC;
  border-bottom: none;
}
.simple-list-box .feed_simple:hover {
  background-color: #F9F9F9;
}
p.blinded,
pre.blinded,
div.blinded {
  background-color: #bfbfbf;
  font-size: 9pt;
  color: #ffffff;
  padding: 20px !important;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
}
textarea.resize-vertical {
  resize: none;
  resize: vertical;
}
.crowd-trans-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.crowd-trans-list__wrapper {
  position: relative;
}
.crowd-trans-list__level-guide-button {
  color: #0064e5;
  font-weight: bold;
  font-size: 14px;
  background: none;
  border: none;
}
.crowd-trans-list__popup {
  display: none;
  position: absolute;
  z-index: 100;
  right: 0;
  width: 300px;
  padding: 20px;
  margin-top: 8px;
  box-shadow: 0 1px 8px 0 rgba(34, 34, 34, 0.2);
  border: solid 1px #dddddd;
  background-color: #ffffff;
}
.crowd-trans-list__popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  color: #333;
}
.crowd-trans-list__popup-close-button {
  background: none;
  border: none;
  font-size: 16px;
}
.crowd-trans-list__popup-verified {
  margin-top: 20px;
}
.crowd-trans-list__popup-verified .icon-ic_certified {
  font-size: 18px;
  color: #0064e5;
}
.crowd-trans-list__popup-verified-title {
  color: #333;
  font-weight: bold;
  margin-left: 5px;
}
.crowd-trans-list__popup-verified-description {
  margin-top: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
  color: #333;
}
.crowd-trans-list__popup-unverified {
  margin-top: 20px;
}
.crowd-trans-list__popup-unverified .icon-ic_uncertified {
  color: #474747;
  font-size: 18px;
}
.crowd-trans-list__popup-unverified-title {
  color: #333;
  font-weight: bold;
  margin-left: 5px;
}
.crowd-trans-list__popup-unverified-description {
  margin-top: 16px;
  color: #333;
}
.feed_type_box {
  color: #ffffff;
  border-radius: 4px;
  font-size: 12px;
  display: inline-block;
}
.feed_november {
  max-width: 700px;
  margin: 0 auto;
  min-width: 100px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
}
.feed_november .past-time {
  font-size: 12px;
  fill: #999999;
}
.feed_november .past-time,
.feed_november .past-time:hover,
.feed_november .past-time:visited,
.feed_november .past-time:focus,
.feed_november .past-time a {
  color: #999999;
}
.feed_november .username {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-top: 5px;
  color: #666666;
  cursor: default;
}
.feed_november .tr .username,
.feed_november [data-model=req_tr_res] .username {
  margin-top: 0;
}
.feed_november[data-type=SO] article:first-child .username {
  margin-top: 15px;
}
.feed_november .comment .username {
  margin-top: 0;
}
.feed_november .field_name {
  border-radius: 3px;
  border: 1px solid #DCDCDC;
  font-size: 12px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-top: 5px;
  fill: #666666;
}
.feed_november .field_name__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
.feed_november .field_name__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
.feed_november .field_name,
.feed_november .field_name:hover,
.feed_november .field_name:visited,
.feed_november .field_name:focus,
.feed_november .field_name a {
  color: #666666;
}
.feed_november textarea {
  background-color: #f9f9f9;
  color: #666666;
  resize: none;
}
.feed_november pre {
  overflow: hidden;
  margin-bottom: 10px;
}
.feed_november pre.memo {
  margin-bottom: 0;
}
.feed_november > section article {
  padding: 20px;
  padding-top: 0;
  position: relative;
}
.feed_november > section article.border-top {
  padding-top: 20px;
}
.feed_november > section article:before,
.feed_november > section article:after {
  content: " ";
  display: table;
}
.feed_november > section article:after {
  clear: both;
}
.feed_november > section > article:first-child {
  padding-top: 20px;
}
.feed_november pre span.hi {
  background-color: #F0A61B;
  font-weight: bold;
  border-radius: 4px;
}
.feed_november .preview.photo {
  height: 100px;
  overflow: hidden;
}
.feed_november .trans-group.edit {
  display: none;
}
.feed_november img.br4 {
  border-radius: 50%;
}
.feed_november .username {
  color: #999999;
}
.feed_november .detail {
  position: relative;
}
.feed_november .exit_box {
  background-color: #ffffff;
  color: #666;
  font-size: 14px;
  padding: 0 10px;
  height: 30px;
  border: 1px solid #666;
  border-radius: 4px;
}
.feed_november .exit_box i {
  margin-right: 5px;
}
.feed_november .price_box {
  background-color: #20898c;
  color: #ffffff;
  font-size: 14px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  min-width: 50px;
  text-align: center;
}
.feed_november .point_box {
  background-color: #90bff8;
  color: #ffffff;
  font-size: 14px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.feed_november .point_box.step0 {
  background-color: #73c0f9;
}
.feed_november .point_box.step1 {
  background-color: #73c0f9;
}
.feed_november .point_box.step2 {
  background-color: #4096ee;
}
.feed_november .point_box.step3 {
  background-color: #0072ca;
}
.feed_november .point_box.step4 {
  background-color: #003595;
}
.feed_november .btn-init.middle {
  border: 1px solid #DCDCDC;
  color: #DCDCDC;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  min-width: auto;
}
.feed_november .btn-init.middle i {
  height: 16px;
}
.feed_november p.memo,
.feed_november pre.memo {
  float: left;
  font-size: 12px;
  fill: #666666;
}
.feed_november p.memo,
.feed_november pre.memo,
.feed_november p.memo:hover,
.feed_november pre.memo:hover,
.feed_november p.memo:visited,
.feed_november pre.memo:visited,
.feed_november p.memo:focus,
.feed_november pre.memo:focus,
.feed_november p.memo a,
.feed_november pre.memo a {
  color: #666666;
}
.feed_november[data-type=DQ] .bar,
.feed_november[data-type=DR] .bar {
  background-color: #dcdcdc;
  height: 10px;
  border-radius: 4px;
  overflow: hidden;
}
.feed_november[data-type=DQ] .bar > div,
.feed_november[data-type=DR] .bar > div {
  height: 10px;
}
.feed_november[data-type=TR] .trans-group.edit,
.feed_november[data-type=LR] .trans-group.edit {
  padding: 10px;
}
.feed_november[data-type=TR] .trans-group.edit .countdown,
.feed_november[data-type=LR] .trans-group.edit .countdown {
  position: absolute;
  top: 60px;
  right: 20px;
  z-index: auto;
}
.feed_november[data-type=TR] .countdown,
.feed_november[data-type=LR] .countdown {
  padding: 2px 5px;
  display: none;
  background-color: #dcdcdc;
}
.feed_november[data-type=SO] .trans-form .bootstrap-select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
.feed_november[data-type=SO] .trans-form form {
  padding-left: 75px;
}
.feed_november[data-type=SO] .trans-form textarea {
  width: 100%;
}
.feed_november[data-type=SO] .scroll {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.feed_november[data-type=SO] .thumb {
  display: block;
  float: left;
  overflow: hidden;
  width: 100px;
  height: 100px;
  min-width: auto;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}
.feed_november[data-type=SO] .thumb > img {
  width: 100px;
  height: 100px;
  min-width: auto;
}
.feed_november[data-type=SO] .thumb img {
  display: inline-block;
  max-height: 100%;
  max-width: inherit;
}
.feed_november[data-type=SO] .thumb:last-child {
  margin-right: 0;
}
.feed_november[data-type=SO] .thumb span.action {
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: auto;
  top: inherit;
  color: #ffffff;
  font-size: 15px;
}
.feed_november[data-type=SO] .thumb span.action:before {
  text-shadow: 1px 1px 1px #aaaaaa;
}
.feed_november[data-type=TQ] .preview.photo,
.feed_november[data-type=TR] .preview.photo {
  display: block;
  float: left;
  overflow: hidden;
  width: 200px;
  height: 200px;
  min-width: auto;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}
.feed_november[data-type=TQ] .preview.photo:not(.iviewer_cursor) img,
.feed_november[data-type=TR] .preview.photo:not(.iviewer_cursor) img {
  display: inline-block;
}
.feed_november[data-type=TQ] .preview.photo:last-child,
.feed_november[data-type=TR] .preview.photo:last-child {
  margin-right: 0;
}
.feed_november[data-type=TQ] .preview.photo span.action,
.feed_november[data-type=TR] .preview.photo span.action {
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: auto;
  top: inherit;
  color: #ffffff;
  font-size: 30px;
}
.feed_november[data-type=TQ] .preview.photo span.action:before,
.feed_november[data-type=TR] .preview.photo span.action:before {
  text-shadow: 1px 1px 1px #aaaaaa;
}
.feed_november p.blinded,
.feed_november pre.blinded,
.feed_november div.blinded {
  background-color: #bfbfbf;
  font-size: 9pt;
  color: #ffffff;
  padding: 20px !important;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
}
.feed_november .no_img {
  text-align: center;
  background-color: #999999;
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
}
.feed_november article[data-view=comments] {
  background-color: #fcfcfc;
  border-top: 1px solid #dcdcdc;
  padding-top: 10px;
}
.feed_november article[data-view=comments] .cmt_title {
  height: 40px;
  line-height: 40px;
  padding-left: 5px !important;
}
.feed_november article[data-view=comments] .cmt_more {
  display: block;
  margin: 10px 0;
  padding-left: 5px !important;
  font-weight: bold;
}
.feed_november article[data-view=comments] .cmt_more:hover {
  cursor: pointer;
}
.feed_november article[data-view=comments] .cmt_first {
  fill: #999999;
  padding-top: 10px;
}
.feed_november article[data-view=comments] .cmt_first,
.feed_november article[data-view=comments] .cmt_first:hover,
.feed_november article[data-view=comments] .cmt_first:visited,
.feed_november article[data-view=comments] .cmt_first:focus,
.feed_november article[data-view=comments] .cmt_first a {
  color: #999999;
}
.feed_november article[data-view=comments] .cmt_first:hover {
  cursor: pointer;
}
.feed_november article[data-view=comments] ul li {
  margin-bottom: 5px;
}
.lang_choice_box .btn.dropdown-toggle {
  border: none;
}
.lang_choice_box .btn.dropdown-toggle span.lang_org {
  display: none;
}
.lang_select_box {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: auto;
}
.lang_select_box .btn.dropdown-toggle {
  border: none;
}
.lang_select_box .btn.dropdown-toggle span.lang_org {
  display: none;
}
.custom-tooltip + .tooltip > .tooltip-inner {
  text-align: left;
  padding: 8px;
}
#search_info .search_info_text,
#request_pogressing_info {
  position: relative;
  max-width: 700px;
  margin: 0 auto 10px;
}
#search_info .search_info_text > span,
#request_pogressing_info > span {
  padding: 0 10px;
  background-color: #efefef;
  fill: #666666;
  font-weight: bold;
}
#search_info .search_info_text > span,
#request_pogressing_info > span,
#search_info .search_info_text > span:hover,
#request_pogressing_info > span:hover,
#search_info .search_info_text > span:visited,
#request_pogressing_info > span:visited,
#search_info .search_info_text > span:focus,
#request_pogressing_info > span:focus,
#search_info .search_info_text > span a,
#request_pogressing_info > span a {
  color: #666666;
}
#search_info .search_info_text::before,
#request_pogressing_info::before {
  content: ' ';
  width: 100%;
  height: 1px;
  min-width: auto;
  position: absolute;
  top: 9px;
  left: 0;
  z-index: -1;
  display: block;
  background-color: #afb3ba;
}
#content[data-page=request].notSearch,
#content[data-view=discover].notSearch {
  padding-top: 0;
}
#content[data-page=request].notSearch #request-search,
#content[data-view=discover].notSearch #request-search {
  display: none;
}
@media screen and (min-width: 1000px) {
  #content[data-page=request],
  #content[data-view=discover] {
    min-height: 950px;
  }
}
#content[data-page=request] dl[data-type=poll],
#content[data-view=discover] dl[data-type=poll] {
  background-color: #fff;
}
#content[data-page=request] dl[data-type=poll] dd .poll_static,
#content[data-view=discover] dl[data-type=poll] dd .poll_static {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  color: white;
  margin-left: 0;
  width: 100%;
}
#content[data-page=request] dl[data-type=poll] dd form > div input,
#content[data-view=discover] dl[data-type=poll] dd form > div input {
  display: none;
}
#content[data-page=request] dl[data-type=poll] dd form > div i,
#content[data-view=discover] dl[data-type=poll] dd form > div i {
  color: #999;
  border: 1px solid #999;
  border-radius: 50%;
  padding: 0px 3px;
  font-size: 10px;
  margin-right: 5px;
}
#content[data-page=request] dl[data-type=poll] dd form > div i:hover,
#content[data-view=discover] dl[data-type=poll] dd form > div i:hover {
  cursor: pointer;
}
#content[data-page=request] dl[data-type=poll] dd form > div i.on,
#content[data-view=discover] dl[data-type=poll] dd form > div i.on {
  color: #fff;
  border: 1px solid #2c6bb4;
  background-color: #2c6bb4;
}
#content[data-page=request] dl[data-type=poll] .vote_done,
#content[data-view=discover] dl[data-type=poll] .vote_done {
  margin: 15px 0;
}
#content[data-page=request] dl[data-type=poll] .vote_done i,
#content[data-view=discover] dl[data-type=poll] .vote_done i {
  border: 1px solid #2c6bb4;
  border-radius: 50%;
  padding: 0 10px;
  color: #2c6bb4;
  font-size: 30px;
}
@media screen and (min-width: 1000px) {
  .media_right_empty_for_nav {
    padding-right: 300px;
    position: relative;
  }
  .media_right_empty {
    padding-right: 320px;
    position: relative;
  }
  .media_right_move {
    margin-right: -320px;
  }
  #request-search .store_btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: auto;
  }
}
@media screen and (max-width: 999px) {
  .media_right_box,
  #trans_user_info {
    display: none;
  }
  #flitto_pick_box {
    width: 100%;
  }
  #flitto_pick_carousel {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
  }
}
.media_right_box {
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
  width: 300px;
}
.media_right_box .twitter_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
}
#news_carousel article {
  border: 1px solid #dcdcdc;
  overflow: hidden;
}
@media screen and (min-width: 1000px) {
  #news_carousel .text-box {
    padding: 0 20px;
  }
  #news_carousel img {
    margin-bottom: 10px;
    width: 100%;
    height: 298px;
  }
}
.request-base {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1000px) {
  .request-base.request-ani {
    margin-right: -320px;
  }
}
.request-base input,
.request-base textarea {
  padding: 10px;
  width: 100%;
}
.request-base input[type=checkbox] {
  width: inherit;
}
.request-base header:before,
.request-base header:after {
  content: " ";
  display: table;
}
.request-base header:after {
  clear: both;
}
.request-base header dt {
  font-weight: bold;
  font-size: 18px;
  fill: #333333;
}
.request-base header dt,
.request-base header dt:hover,
.request-base header dt:visited,
.request-base header dt:focus,
.request-base header dt a {
  color: #333333;
}
.request-style {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1000px) {
  .request-style.request-ani {
    margin-right: -320px;
  }
}
.request-style input,
.request-style textarea {
  padding: 10px;
  width: 100%;
}
.request-style input[type=checkbox] {
  width: inherit;
}
.request-style header:before,
.request-style header:after {
  content: " ";
  display: table;
}
.request-style header:after {
  clear: both;
}
.request-style header dt {
  font-weight: bold;
  font-size: 18px;
  fill: #333333;
}
.request-style header dt,
.request-style header dt:hover,
.request-style header dt:visited,
.request-style header dt:focus,
.request-style header dt a {
  color: #333333;
}
@media screen and (min-width: 1000px) {
  .request-style.request-ani {
    margin-right: -320px;
  }
}
.request-style input,
.request-style textarea {
  padding: 10px;
  width: 100%;
}
.request-style input[type=checkbox] {
  width: inherit;
}
.request-style header:before,
.request-style header:after {
  content: " ";
  display: table;
}
.request-style header:after {
  clear: both;
}
.request-style header dt {
  font-weight: bold;
  font-size: 18px;
  fill: #333333;
}
.request-style header dt,
.request-style header dt:hover,
.request-style header dt:visited,
.request-style header dt:focus,
.request-style header dt a {
  color: #333333;
}
.request-style.request-simple {
  border: none;
  padding: 0;
  max-width: 640px;
  margin: 0 auto;
}
.request-style.request-simple textarea {
  height: 198px;
}
.request-style.request-simple:last-of-type {
  display: none;
}
@media screen and (min-width: 700px) {
  .request-style.request-simple {
    position: relative;
  }
  .request-style.request-simple .target_box {
    position: absolute;
    left: 50%;
    margin-left: -320px;
    width: 640px;
    top: 0px;
    box-shadow: 5px 5px 10px rgba(55, 55, 55, 0.23);
    border-radius: 4px;
  }
  .request-style.request-simple section {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 699px) {
  .request-style.request-simple {
    box-shadow: 5px 5px 10px rgba(55, 55, 55, 0.23);
  }
}
@media screen and (min-width: 700px) {
  .request-style header {
    position: relative;
    padding-right: 300px;
  }
  .request-style header > div:last-child {
    width: 300px;
    padding-left: 20px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 699px) {
  .request-style header > div:last-child {
    display: none;
  }
}
.explain_box {
  position: relative;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 10px;
  border-radius: 4px;
}
.explain_box.arrow_box:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
.explain_box.arrow_box:before,
.explain_box.arrow_box.arrow_box_top_left:before {
  top: -10px;
  left: 15px;
  border-width: 0 10px 10px 10px;
  border-bottom-color: rgba(0, 0, 0, 0.75);
}
.explain_box.arrow_box.arrow_box_bottom_left:before {
  border-width: 10px 10px 0 10px;
  top: inherit;
  bottom: -10px;
  left: 15px;
  border-top-color: rgba(0, 0, 0, 0.75);
}
.explain_box.arrow_box.arrow_box_bottom_right:before {
  border-width: 10px 10px 0 10px;
  top: inherit;
  bottom: -10px;
  left: inherit;
  right: 15px;
  border-top-color: rgba(0, 0, 0, 0.75);
}
.request-style-end {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1000px) {
  .request-style-end.request-ani {
    margin-right: -320px;
  }
}
.request-style-end input,
.request-style-end textarea {
  padding: 10px;
  width: 100%;
}
.request-style-end input[type=checkbox] {
  width: inherit;
}
.request-style-end header:before,
.request-style-end header:after {
  content: " ";
  display: table;
}
.request-style-end header:after {
  clear: both;
}
.request-style-end header dt {
  font-weight: bold;
  font-size: 18px;
  fill: #333333;
}
.request-style-end header dt,
.request-style-end header dt:hover,
.request-style-end header dt:visited,
.request-style-end header dt:focus,
.request-style-end header dt a {
  color: #333333;
}
@media screen and (min-width: 1000px) {
  .request-style-end.request-ani {
    margin-right: -320px;
  }
}
.request-style-end input,
.request-style-end textarea {
  padding: 10px;
  width: 100%;
}
.request-style-end input[type=checkbox] {
  width: inherit;
}
.request-style-end header:before,
.request-style-end header:after {
  content: " ";
  display: table;
}
.request-style-end header:after {
  clear: both;
}
.request-style-end header dt {
  font-weight: bold;
  font-size: 18px;
  fill: #333333;
}
.request-style-end header dt,
.request-style-end header dt:hover,
.request-style-end header dt:visited,
.request-style-end header dt:focus,
.request-style-end header dt a {
  color: #333333;
}
.request-style-end section:before,
.request-style-end section:after {
  content: " ";
  display: table;
}
.request-style-end section:after {
  clear: both;
}
.request-style-end .border-top {
  margin-top: 10px !important;
  padding-top: 10px;
  border-top-style: dashed;
}
@media screen and (min-width: 1000px) {
  .request-style-end {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .request-style-end article {
    width: 650px;
    float: left;
  }
  .request-style-end aside {
    width: 290px;
    float: left;
    padding-left: 20px;
  }
  .request-style-end header > dl:first-child {
    width: 650px;
    float: left;
  }
  .request-style-end header > div:last-child {
    width: 290px;
    float: left;
    padding-left: 30px;
  }
}
@media screen and (min-width: 700px) and (max-width: 999px) {
  .request-style-end {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .request-style-end article {
    width: 400px;
    float: left;
  }
  .request-style-end aside {
    width: 240px;
    float: left;
    padding-left: 20px;
  }
  .request-style-end header > dl:first-child {
    width: 400px;
    float: left;
  }
  .request-style-end header > div:last-child {
    width: 240px;
    float: left;
    padding-left: 30px;
  }
}
@media screen and (min-width: 320px) and (max-width: 699px) {
  .request-style-end header > div:last-child {
    display: none;
  }
}
.request-style-end aside.point_info li {
  padding: 20px;
}
.request-style-end aside.point_info li:first-child {
  padding: 30px 20px;
}
.request-style-end aside.point_info li {
  border: 1px solid #dcdcdc;
  border-bottom-width: 0;
}
.request-style-end aside.point_info li:first-child {
  border-radius: 4px 4px 0 0;
}
.request-style-end aside.point_info li:last-child {
  border-bottom-width: 1px;
  border-radius: 0 0 4px 4px;
}
.request-style-end aside.preview_info dt {
  color: #999999;
}
.request-style-end aside.preview_info dd {
  margin-bottom: 10px;
  font-weight: bold;
}
.request-style-end footer {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.vertical-step:before,
.vertical-step:after {
  content: " ";
  display: table;
}
.vertical-step:after {
  clear: both;
}
.vertical-step .bar {
  position: absolute;
  top: -2px;
  left: 0px;
  width: 100%;
  height: 2px;
}
.vertical-step .dot {
  width: 10px;
  height: 10px;
  min-width: auto;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  bottom: -5px;
  right: -6px;
  z-index: 1;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
}
.vertical-step .dot.pass {
  border: none;
  background-color: #dcdcdc;
}
.vertical-step .dot.select {
  border: none;
  background-color: #257dc1;
}
.horizon-step .dot {
  width: 10px;
  height: 10px;
  min-width: auto;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  bottom: -5px;
  left: -6px;
  z-index: 1;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
}
.horizon-step .dot.pass {
  border: none;
  background-color: #dcdcdc;
}
.horizon-step .dot.select {
  border: none;
  background-color: #257dc1;
}
div.memo {
  position: relative;
  padding-left: 20px;
}
div.memo i {
  top: 12px;
  position: absolute;
  left: 0;
}
div.memo input {
  font-size: 12px;
  padding: 0;
  border: none;
  width: 100%;
}
#request-fork {
  max-width: 700px;
  margin: 0 auto 20px;
}
#request-fork table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
#request-fork table th,
#request-fork table td {
  text-align: center;
  line-height: 1.2em;
  word-break: break-all;
}
#request-fork th.item {
  width: 50%;
  background-color: #ffffff;
  overflow: hidden;
  border: 1px solid #DCDCDC;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
  padding: 30px 20px 20px;
}
#request-fork td.blank {
  width: 10px;
}
#request-fork td.item {
  border: 1px solid #DCDCDC;
  border-bottom: none;
  border-top: none;
  width: 50%;
  background-color: #ffffff;
  padding: 0 20px;
}
#request-fork td.item i {
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  padding: 0 10px;
}
#request-fork td.item p {
  background-color: #f9f9f9;
  padding: 10px;
  border-radius: 4px;
}
#request-fork .bar {
  position: absolute;
  top: 50%;
  background: #c9c9c9;
  height: 1px;
  width: 100%;
}
#request-fork tr:last-child td.item {
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 20px;
  border-radius: 0 0 4px 4px;
}
/**
!important; 를 추가한 이유
/css/custom_stylus.css 에 btn-init 이 있어 우선 순위에 밀렸다.
by han
*/
.request-content-box,
.request-style textarea[name=content],
.request-style div.memo_box,
.request-style .file_preview {
  border: 1px solid #DCDCDC !important;
  border-radius: 4px;
  background-color: #fafafa !important;
}
div.btn-file-upload {
  width: 100%;
  height: 100%;
  min-width: auto;
  text-align: center;
}
.request-style .btn_box button {
  height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #999999;
}
.request-style .btn_box > div:first-child button {
  border-top-left-radius: 4px;
}
.request-style .btn_box > div:last-child button {
  border-top-right-radius: 4px;
  border-left: none;
}
.request-style .btn_box button {
  background-color: #fafafa;
  border: 1px solid #DCDCDC;
}
.request-style .btn_box button.active {
  background-color: #ffffff;
  border-bottom: none;
  color: #333333;
}
.request-style .file_preview {
  border: none;
}
.request-style .img_preview_box div.shadow {
  display: none;
  background: rgba(0, 0, 0, 0.35);
  width: 100%;
  height: 100%;
  min-width: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
.request-style .img_preview_box button {
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  bottom: 10px;
  right: 10px;
}
.request-style .img_preview_box:hover div.shadow {
  display: block;
}
.request-style .img_preview_box:hover button {
  background-color: #ffffff;
}
.request-style textarea[name=content] {
  resize: none;
}
.request-style .target_box section {
  border: 1px solid #DCDCDC;
  border-radius: 0 0 4px 4px;
  border-top: none;
  padding: 20px;
}
div.memo_box {
  padding: 5px 10px;
  margin-top: 10px;
}
div.memo_box input[name=memo] {
  background-color: #fafafa;
}
.request-ani {
  display: none;
  max-width: 1000px;
}
.request-ani .ani_box {
  position: relative;
}
@media screen and (min-width: 640px) {
  .request-ani aside {
    position: absolute;
    top: 0;
    width: 300px;
    padding-left: 20px;
    height: 100%;
  }
  .request-ani aside > div:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: auto;
    padding-left: 20px;
  }
}
@media screen and (max-width: 639px) {
  .request-ani aside {
    margin-top: 20px;
  }
}
.request-ani .target_box {
  position: relative;
  overflow: visible;
}
@media screen and (min-width: 640px) {
  .request-ani .target_box {
    padding-right: 300px;
  }
}
@media screen and (max-width: 639px) {
  .request-ani .target_box {
    padding-right: 0;
  }
}
.request-ani aside {
  right: 0;
}
.request-ani textarea {
  height: 300px;
}
#request-search {
  background-color: #ffffff;
  position: fixed;
  margin-top: -60px;
  height: 60px;
  left: 0;
  width: 100%;
  z-index: 3;
  border-bottom: 1px solid #DCDCDC;
  padding-top: 10px;
  color: #666666;
}
#request-search > div {
  max-width: 1000px;
  margin: 0 auto;
  padding-left: 10px;
}
#request-search form i {
  top: 10px;
}
#request-search input[name=q] {
  border: none;
  border-bottom: 3px solid #cccccc;
  border-radius: 0;
  width: 240px;
  text-indent: 20px;
  padding: 10px 0 5px;
}
#request-search input[name=q]::-moz-placeholder {
  color: #666;
  opacity: 1;
}
#request-search input[name=q]:-ms-input-placeholder {
  color: #666;
}
#request-search input[name=q]::-webkit-input-placeholder {
  color: #666;
}
@media screen and (max-width: 767px) {
  #request-search input[name=q] {
    display: none;
  }
  #request-search form.open {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: auto;
    width: 100%;
    padding-right: 20px;
  }
  #request-search form.open input[name=q] {
    display: block;
    width: 100%;
  }
}
.dt_avg {
  width: 30px;
  height: 16px;
  min-width: auto;
  line-height: 1.34em;
  text-align: center;
  background-color: #ee673f;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  padding: 0 5px;
  border-radius: 8px;
}
.dt_avg.avg_new {
  background-color: #999;
}
#prolong_deadline .col-xs-7 {
  padding: 0;
  padding-right: 10px;
}
#prolong_deadline .col-xs-5 {
  padding: 0;
  padding-left: 10px;
}
#prolong_deadline .col-xs-6 {
  padding: 0 10px;
}
#prolong_deadline .col-xs-6:first-child {
  padding-left: 0;
}
#prolong_deadline .col-xs-6:last-child {
  padding-right: 0;
}
#prolong_deadline .col-xs-4 {
  padding: 0 8px;
}
#prolong_deadline .col-xs-4:first-child {
  padding-left: 0;
}
#prolong_deadline .col-xs-4:last-child(1) {
  padding-right: 0;
}
#search-header {
  position: relative;
  color: #999;
  font-weight: bold;
}
#search-header .title::after {
  content: ' ';
  width: 35%;
  height: 1px;
  min-width: auto;
  position: absolute;
  top: 8px;
  left: 0;
  z-index: -1;
  display: block;
  background-color: #afb3ba;
}
#search-header .title::before {
  content: ' ';
  width: 35%;
  height: 1px;
  min-width: auto;
  position: absolute;
  top: 8px;
  right: 0;
  z-index: -1;
  display: block;
  background-color: #afb3ba;
}
.file_progress_box {
  width: 100%;
  height: 100%;
  min-width: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
}
.file_progress_box .bar_center {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: auto;
}
.file_progress_box .bar_box {
  width: 200px;
  height: 5px;
  background: #DCDCDC;
  margin-left: -50%;
  overflow: hidden;
  border-radius: 4px;
}
.file_progress_box .bar_progress {
  height: 10px;
  width: 6px;
  background-color: #1880FF;
  animation: ease-in-out;
}
/*
2
  max-width : 450px
  Box-shadow : 0 1px 2px rgba(0,0,0,.22) margin-top, bottom: 10px
a
  font-size : 16px / #404040 margin-bottom : 20px

b
  사진크기 : 28px
  font-size : 14px / #777777
  margin-top, bottom : 8px 로 잡았습니다. 10px도 괜찮습니다.

c
  버튼높이 : 28px
  버튼가이드의 하얀색 버튼을 참고해주세요.
*/
.feed[data-model=content_cut] {
  max-width: 500px;
  margin: 0 auto;
  background-color: #FFFFFF;
  border: 1px solid #dcdcdc;
  margin-bottom: 10px;
}
.feed[data-model=content_cut]:last-child {
  margin-bottom: 0;
}
.feed[data-model=content_cut] img {
  margin: 0 auto;
}
.feed[data-model=content_cut] article {
  border: none;
}
.feed[data-model=content_cut] .desc_div .num {
  font-size: 26px;
  color: #90bff8;
}
@media screen and (min-width: 850px) {
  .feed[data-model=content_cut] {
    width: 500px;
  }
}
.feed.star_voice[data-model=content_cut] {
  padding: 0;
}
.feed.star_voice[data-model=content_cut] .star_box {
  height: 110px;
  width: 25%;
}
.feed.star_voice[data-model=content_cut] .star_box.select {
  background-color: #e5e6e7;
}
@media screen and (max-width: 500px) {
  .feed.star_voice[data-model=content_cut] .star_box {
    width: 50%;
  }
}
.feed.star_voice[data-model=content_cut] .audio_box {
  background-color: #e5e6e7;
  padding: 30px 20px 20px;
}
.feed.star_voice[data-model=content_cut] .go_permalink {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 4px;
  border: 1px #cbcbcb;
  background-color: #ffffff;
}
section[data-model=donor_rank_capture] {
  padding: 50px;
  width: 400px;
  line-height: 1.4em;
  background-color: #257dc1;
  color: #FFFFFF;
}
section[data-model=donor_rank_capture] header {
  font-size: 36px;
}
section[data-model=donor_rank_capture] header span {
  font-size: 18px;
}
section[data-model=donor_rank_capture] img {
  border-radius: 4px;
}
section[data-model=donor_rank_capture] .other {
  display: inline-block;
  margin: 20px 5px 0;
}
section[data-model=content_bottom] {
  max-width: 500px;
  margin: 0 auto;
  color: #777777;
  margin-bottom: 20px;
}
section[data-model=content_bottom] a {
  color: #333333;
}
section[data-model=content_bottom] article.box {
  padding: 15px 20px;
}
section[data-model=content_bottom] button.con-share {
  width: 36px;
  height: 36px;
  min-width: auto;
  border-radius: 50%;
  background-color: #777777;
  color: #FFFFFF;
}
section[data-model=content_bottom] button.con-share.bg-facebook:hover {
  background-color: #3c599a;
}
section[data-model=content_bottom] button.con-share.bg-twitter:hover {
  background-color: #5fa9dd;
}
section[data-model=content_bottom] article.app_down {
  padding: 30px;
  background: url('/i/c/down_logo.png') #2c6bb4 center 50px no-repeat;
  color: #ffffff;
}
section[data-model=content_bottom] article.app_down .line {
  border-bottom: 3px solid #ffffff;
  line-height: 1.5em;
}
section[data-model=content_top] {
  position: relative;
  background: #FFFFFF;
  padding-top: 30px;
  padding-bottom: 20px;
  z-index: 1;
}
section[data-model=content_top] .bar {
  display: none;
}
section[data-model=content_top] header {
  line-height: 1.34em;
}
section[data-model=content_top] span.point {
  display: block;
  font-size: 26px;
  line-height: 1.4em;
}
section[data-model=content_top] span.desc {
  font-size: 14px;
}
section[data-model=content_top] article {
  margin-top: 10px;
}
section[data-model=content_top].affix {
  position: fixed;
  width: 100%;
  height: 50px;
  text-align: right;
  padding: 0;
}
section[data-model=content_top].affix header {
  display: inline-block;
  font-size: 18px;
  float: left;
  padding: 10px;
}
@media screen and (max-width: 499px) {
  section[data-model=content_top].affix header {
    display: none;
  }
}
section[data-model=content_top].affix span.point {
  display: inline-block;
  line-height: 1;
  font-size: 18px;
  margin-right: 5px;
}
section[data-model=content_top].affix span.desc {
  display: none;
}
section[data-model=content_top].affix article {
  margin-top: 0;
  padding: 14px;
}
@media screen and (max-width: 499px) {
  section[data-model=content_top].affix article {
    text-align: center;
  }
}
section[data-model=content_top].affix button {
  width: 140px;
  height: 30px;
}
section[data-model=content_top].affix .go_to_store {
  display: inline;
  padding: 6px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
}
section[data-model=content_top].affix .go_to_store a i {
  margin-right: 3px !important;
}
section[data-model=content_top].affix .go_to_store span {
  display: none;
}
section[data-model=content_top].affix-top {
  top: 0 !important;
}
section[data-model=recommend] {
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 20px 0 20px 20px;
  background-color: #FFFFFF;
}
section[data-model=recommend] .box .content_small {
  margin-bottom: 0;
  margin-right: 10px;
}
section[data-model=recommend][data-view=newsfeed] {
  max-width: inherit;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
}
section[data-model=comment] {
  max-width: 500px;
  margin: 0 auto;
  background-color: white;
  border: 1px solid #DCDCDC;
  margin-bottom: 20px;
}
section[data-model=comment] article {
  padding: 20px;
}
section[data-model=comment] form {
  margin-top: 10px;
}
.content_small {
  border: 1px solid #dcdcdc;
  float: left;
  margin-bottom: 10px;
  overflow: hidden;
  background: #ffffff;
  width: 160px;
  height: 190px;
  min-width: auto;
}
.content_small .desc {
  height: 90px;
}
.content_small .desc .cnt_list {
  color: #999999;
  height: 20px;
  margin-right: 10px;
}
.content_small .desc .cnt_list:last-child {
  margin-right: 0;
}
.content_small img {
  width: 160px;
  height: 100px;
}
.content_small .desc .cnt_list {
  font-size: 11px;
  height: 16px;
  overflow: hidden;
}
.content_small .desc .cnt_list i {
  margin-right: 2px;
}
#content_tr header p {
  width: 230px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#content_tr button.move {
  width: 30px;
  height: 100%;
  min-width: auto;
  color: rgba(255, 255, 255, 0.2);
}
#content_tr button.move:first-child {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
#content_tr button.move:last-child {
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
}
#content_tr button.move:hover {
  color: rgba(255, 255, 255, 0.5);
}
#content_tr button.move:hover[disabled=disabled] {
  color: rgba(255, 255, 255, 0.2);
}
#content_tr button.cut_move {
  width: 76px;
  height: 68px;
  color: #e6e6e6;
  vertical-align: top;
  font-size: 12px;
  text-align: right;
}
#content_tr button.cut_move:hover {
  color: #FFFFFF;
}
#content_tr button.cut_move div {
  overflow: hidden;
  float: right;
  width: 50px;
  height: 50px;
  min-width: auto;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
#content_tr button.cut_move div img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  min-width: auto;
  top: 0;
  left: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: auto;
  margin: auto;
}
#content_tr button.cut_move span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  border: 8px solid #2c6bb4;
  width: 50px;
  height: 50px;
  min-width: auto;
}
#content_tr nav {
  height: 68px;
  background-color: #444444;
  padding: 0 30px 0;
}
#content_tr section:last-child {
  padding-bottom: 50px;
}
#content_tr form .btn-group.bootstrap-select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
#content_tr form {
  padding-left: 75px;
  position: relative;
}
#content_tr form.none-padding {
  padding-left: 0;
}
#content_tr form .btn-flag,
#content_tr form i.flag {
  position: absolute;
  top: auto;
  left: 0;
  z-index: auto;
}
#content_tr form .caret {
  margin-left: 5px;
}
#content_tr form textarea {
  overflow: hidden;
  min-height: 84px;
  width: 100%;
  box-sizing: border-box;
  resize: none;
}
#content_tr form .dropdown-menu {
  top: 20px;
}
#content_tr .trans-group.edit {
  display: none;
}
#content_tr .trans-group.edit form {
  padding-left: 0;
}
#content_tr section:first-child article button i {
  width: 36px;
  height: 52px;
  min-width: auto;
  line-height: 52px;
  text-align: center;
  background-color: #000000;
  opacity: 0.15;
  filter: alpha(opacity=15);
  color: #FFFFFF;
  font-size: 25px;
}
#content_tr section:first-child article button:hover i {
  background-color: #000000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#content_tr section:first-child article button:first-child i {
  border-radius: 0 4px 4px 0;
}
#content_tr section:first-child article button:last-child i {
  border-radius: 4px 0 0 4px;
}
@media screen and (min-width: 768px) {
  #content_tr .modal-dialog {
    width: 780px;
  }
  #content_tr .modal-content {
    border: none;
    width: 780px;
    height: 568px;
    border-radius: 4px;
    overflow: hidden;
    background-color: transparent;
  }
  #content_tr .modal-body {
    padding: 0;
    width: 780px;
    height: 568px;
  }
  #content_tr section {
    height: 568px;
  }
  #content_tr section .source {
    font-size: 10px;
    color: #666666;
    word-break: break-all;
    height: 48px;
    overflow-y: scroll;
    padding: 8px 10px;
  }
  #content_tr section:first-child {
    width: 440px;
    background: #202020;
    float: left;
  }
  #content_tr section:first-child article {
    width: 440px;
    height: 452px;
    min-width: auto;
    display: inline-block;
    vertical-align: top;
    position: relative;
  }
  #content_tr section:first-child article img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    min-width: auto;
    top: 0;
    left: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: auto;
    margin: auto;
  }
  #content_tr section:last-child {
    float: left;
    width: 340px;
    background-color: #fafafa;
  }
  #content_tr button.modal-close {
    position: absolute;
    top: -20px;
    right: -12px;
    z-index: 2;
  }
}
@media screen and (max-width: 767px) {
  #content_tr .modal-dialog {
    max-width: 450px;
    margin: 10px auto;
    padding: 10px;
  }
  #content_tr .modal-content {
    border: none;
    max-width: 450px;
    border-radius: 4px;
    overflow: hidden;
    background-color: transparent;
  }
  #content_tr .modal-body {
    padding: 0px;
    max-width: 450px;
    background: #FFFFFF;
  }
  #content_tr section:first-child {
    max-width: 450px;
  }
  #content_tr section:first-child nav {
    display: none;
  }
  #content_tr section:first-child article img {
    display: block;
    width: 100%;
    height: auto;
  }
  #content_tr section:last-child {
    max-width: 450px;
  }
  #content_tr section:last-child .tr {
    display: none;
  }
  #content_tr section:last-child .tr:first-child {
    display: block;
  }
  #content_tr button.modal-close {
    position: absolute;
    top: -10px;
    right: -2px;
    z-index: 2;
  }
}
.one_request_box section {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  margin-bottom: 10px;
}
.one_request_box section[data-type=body] {
  padding: 20px;
}
.one_request_box section[data-type=body] header {
  border-bottom: 1px dotted #dcdcdc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.one_request_box section[data-type=body] footer {
  border-top: 1px dotted #dcdcdc;
  padding-top: 20px;
  margin-top: 20px;
}
.one_request_box header:before,
.one_request_box footer:before,
.one_request_box header:after,
.one_request_box footer:after {
  content: " ";
  display: table;
}
.one_request_box header:after,
.one_request_box footer:after {
  clear: both;
}
.one_request_box header .list-group-item {
  background-color: #fafafa;
  padding: 2px 15px;
}
.one_request_box header .list-group-item.checked {
  background-color: #ffffff;
}
.one_request_box header .list-group-item.checked span {
  font-weight: bold;
}
.one_request_box .content_box > article:not(:only-child) {
  float: left;
  width: 738px;
}
.one_request_box .content_box > article:only-child {
  width: 100%;
}
.one_request_box .content_box article.step {
  float: right;
  width: 200px;
}
.one_request_box .content_box article.step .step_name {
  position: absolute;
  top: -10px;
  left: 10px;
  z-index: auto;
}
.one_request_box .text_scroll pre {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.one_request_box pre {
  overflow-x: hidden;
}
#one_choose .desc,
#one_trans .desc {
  color: #5c5c5c;
}
#one_choose th,
#one_trans th,
#one_choose td,
#one_trans td {
  padding: 0;
}
#one_choose th,
#one_trans th,
#one_choose td,
#one_trans td {
  padding-top: 10px;
}
#one_choose th.pt20,
#one_trans th.pt20,
#one_choose td.pt20,
#one_trans td.pt20 {
  padding-top: 20px;
}
#one_choose th.pb20,
#one_trans th.pb20,
#one_choose td.pb20,
#one_trans td.pb20 {
  padding-bottom: 20px;
}
#one_choose th.bold,
#one_trans th.bold,
#one_choose th,
#one_trans th {
  font-weight: bold;
}
#one_choose .user_list tr td,
#one_trans .user_list tr td {
  padding-bottom: 10px;
}
#one_choose .user_list tr td:first-child,
#one_trans .user_list tr td:first-child {
  padding-left: 10px;
}
#one_choose .user_list tr.cs_border td,
#one_trans .user_list tr.cs_border td {
  border-bottom: 1px solid #dcdcdc;
}
#one_choose .user_list tr:last-child td,
#one_trans .user_list tr:last-child td {
  border-bottom: none;
}
#one_choose .user_list tr.hover:hover td,
#one_trans .user_list tr.hover:hover td {
  background-color: #fafafa;
}
#one_choose .user_list button.hover:hover span,
#one_trans .user_list button.hover:hover span {
  border-bottom: 1px solid #333;
}
#one_choose section[data-type=body] header,
#one_trans section[data-type=body] header {
  padding-right: 210px;
  min-height: 72px;
}
section[data-type=msg] {
  overflow: hidden;
}
section[data-type=msg] article > div.box {
  height: 200px;
  overflow: scroll;
  overflow-x: hidden;
  background-color: #f7f7f7;
}
section[data-type=msg] p.msg,
section[data-type=msg] pre.msg {
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  max-width: 250px;
  padding: 10px 5px;
  background-color: #ffffff;
  margin-top: 0;
}
section[data-type=msg] .input-group input {
  border-radius: 0;
  border: none;
  border-right: 1px solid #dcdcdc;
}
section[data-type=msg] .input-group-addon {
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
}
section[data-type=msg] .input-group-addon button {
  margin: 0;
  padding: 0;
  border-radius: 0;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  padding: 6px 12px;
  padding-left: 20px;
  background-color: transparent;
  border: none;
}
section[data-type=msg] .input-group-addon button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
section[data-type=msg] .input-group-addon button:active {
  background-color: rgba(0, 0, 0, 0);
}
section[data-type=msg] .input-group-addon button[data-notclick="true"] {
  cursor: default;
}
section[data-type=msg] .input-group-addon button[data-notclick="true"]:active {
  background-color: #ececec;
}
section[data-type=activity] {
  overflow: hidden;
}
section[data-type=activity] article > div.box {
  height: 230px;
  overflow: scroll;
  overflow-x: hidden;
  background-color: #f7f7f7;
}
section[data-type=activity] li {
  padding: 10px 20px;
}
section[data-type=activity] div.btn-box {
  border-top: 1px solid #dcdcdc;
}
section[data-type=activity] div.btn-box button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  height: 30px;
}
section[data-type=activity] div.btn-box button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
section[data-type=activity] div.btn-box button:active {
  background-color: rgba(0, 0, 0, 0);
}
section[data-type=activity] div.btn-box button[data-notclick="true"] {
  cursor: default;
}
section[data-type=activity] div.btn-box button[data-notclick="true"]:active {
  background-color: #ececec;
}
section[data-type=text_point] .tooltip .tooltip-inner {
  padding: 10px;
  text-align: left;
}
section[data-type=text_point] .line-through {
  text-decoration: line-through;
}
div[data-step=preview] .line-through {
  text-decoration: line-through;
}
#content-userinfo {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  padding: 10px 0;
  min-height: 300px;
  background: #ffffff;
  width: 140px;
  text-align: center;
}
#content-userinfo .profile {
  padding: 0 20px;
  position: relative;
  padding-top: 85px;
  margin-bottom: 20px;
}
#content-userinfo .profile:before,
#content-userinfo .profile:after {
  content: " ";
  display: table;
}
#content-userinfo .profile:after {
  clear: both;
}
#content-userinfo .profile .img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  width: 100%;
}
#content-userinfo .profile dd.social {
  text-align: left;
  margin-top: 5px;
  line-height: 14px;
}
#content-userinfo .profile dd.social i[class^="social"] {
  float: left;
  margin-right: 5px;
}
#content-userinfo .desc {
  padding: 0 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #929292;
}
#content-userinfo .userlist {
  text-align: left;
  padding-bottom: 10px;
}
#content-userinfo .userlist:before,
#content-userinfo .userlist:after {
  content: " ";
  display: table;
}
#content-userinfo .userlist:after {
  clear: both;
}
#content-userinfo .userlist header {
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
}
#content-userinfo .userlist ul {
  padding: 0 20px;
}
#content-userinfo .userlist li {
  height: 48px;
  display: block;
  margin-bottom: 10px;
  position: relative;
}
#content-userinfo .userlist li a {
  height: 48px;
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;
  padding-left: 58px;
}
#content-userinfo .userlist li a img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
#content-userinfo .userlist .btn-user-more {
  float: right;
}
#content-userinfo .userlist [class*="rank"] {
  position: absolute;
  top: -6px;
  left: -8px;
  z-index: 1;
}
#content-userinfo .userlist.recommentdation {
  background-color: #f3f7f7;
}
@media screen and (min-width: 1000px) {
  #content-userinfo {
    display: block;
  }
}
.pro_tag_for_china {
  background-repeat: no-repeat;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 50px;
  height: 16px;
  min-width: auto;
  background-image: url('/fcp/src/resource/img/level/tag_level_pro_cn.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .pro_tag_for_china {
    background-size: 50px 16px;
    background-image: url('/fcp/src/resource/img/level/tag_level_pro_cn-x2.png');
  }
}
.level-layout .page-title {
  font-weight: bold;
  fill: #999999;
  font-size: 18px;
}
.level-layout .page-title,
.level-layout .page-title:hover,
.level-layout .page-title:visited,
.level-layout .page-title:focus,
.level-layout .page-title a {
  color: #999999;
}
@media screen and (max-width: 767px) {
  .level-layout .page-title {
    margin-left: 10px;
  }
}
.level-layout .section-title {
  height: 30px;
  padding: 5px 0 0 0;
}
.level-layout .section-title:before {
  content: ' ';
  border-left: 3px solid #1880FF;
  display: inline-block;
  height: 10px;
}
.level-layout .section-title > span {
  font-weight: bold;
  fill: #666666;
  padding-left: 7px;
}
.level-layout .section-title > span,
.level-layout .section-title > span:hover,
.level-layout .section-title > span:visited,
.level-layout .section-title > span:focus,
.level-layout .section-title > span a {
  color: #666666;
}
.level-layout .icon-tooltip {
  fill: #999999;
}
.level-layout .icon-tooltip,
.level-layout .icon-tooltip:hover,
.level-layout .icon-tooltip:visited,
.level-layout .icon-tooltip:focus,
.level-layout .icon-tooltip a {
  color: #999999;
}
.level-layout .icon-tooltip:hover {
  cursor: pointer;
  fill: #666666;
}
.level-layout .icon-tooltip:hover,
.level-layout .icon-tooltip:hover:hover,
.level-layout .icon-tooltip:hover:visited,
.level-layout .icon-tooltip:hover:focus,
.level-layout .icon-tooltip:hover a {
  color: #666666;
}
.level-layout .dropdown-toggle {
  padding: 4px 12px;
}
.level-form-layout {
  background-color: #ffffff;
  border: 1px solid #DCDCDC;
  padding: 20px;
}
.level-form-layout__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
.level-form-layout__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
.level-form-layout textarea {
  resize: vertical;
}
.level-form-layout .add-template {
  margin-top: 10px !important;
  font-weight: bold;
  color: #2B6EB5;
}
.level-form-layout .add-template:before {
  content: '+ ';
}
.level-form-layout .add-template span:hover {
  text-decoration: underline;
}
.level-form-layout .add-template:hover {
  cursor: pointer;
}
.level-form-layout .bar {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: right;
}
.level-form-layout .bar > div {
  position: absolute;
  top: 50%;
  height: 1px;
  border-bottom: 1px dashed #DCDCDC;
}
.level-form-layout section.form-group article {
  position: relative;
}
.level-form-layout section.form-group article:first-child .bar {
  display: none;
}
.level-form-layout section.form-group article:first-child .del-btn {
  top: -5px;
}
.level-form-layout section.form-group article:before,
.level-form-layout section.form-group article:after {
  content: " ";
  display: table;
}
.level-form-layout section.form-group article:after {
  clear: both;
}
.level-form-layout section.form-group article .del-btn {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: auto;
  padding: 3px;
  height: 20px;
  margin-right: 0;
  z-index: 1;
}
.level-form-layout section.form-group article .del-btn i {
  font-size: 12px;
  margin-right: 0;
  cololr: #dcdcdc;
}
.level-form-layout section.form-group article .part-name {
  margin-top: 5px;
  margin-bottom: 5px;
  fill: #666666;
  font-weight: bold;
}
.level-form-layout section.form-group article .part-name,
.level-form-layout section.form-group article .part-name:hover,
.level-form-layout section.form-group article .part-name:visited,
.level-form-layout section.form-group article .part-name:focus,
.level-form-layout section.form-group article .part-name a {
  color: #666666;
}
.level-form-layout section.form-group article .do-test-btn {
  color: #2B6EB5;
  font-weight: bold;
  height: 30px;
}
@media (min-width: 768px) {
  .level-form-layout section.form-group article .profile_form {
    display: inline-block;
    width: 43% !important;
  }
}
.level-form-layout section[data-model=lang_pair_select] .dropdown-toggle.disabled {
  background-color: #DCDCDC;
}
.level-form-layout section[data-model=lang_pair_select] .lang-pair-list {
  padding-left: 0;
  padding-right: 0;
}
.level-form-layout section[data-model=lang_pair_select] .lang-pair-result {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .level-form-layout section[data-model=lang_pair_select] .lang-pair-result {
    padding-top: 27px;
  }
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=lang_pair_select] .lang-pair-result {
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
  .level-form-layout section[data-model=lang_pair_select] .lang-pair-result .lang-pair-unit {
    margin-top: -28px;
  }
}
.level-form-layout section[data-model=specialty] .add-spec-btn {
  padding: 8px 15px;
  float: right;
}
.level-form-layout section[data-model=specialty] .add-spec {
  font-weight: bold;
}
.level-form-layout section[data-model=specialty] .add-spec:hover {
  cursor: pointer;
}
.level-form-layout section[data-model=specialty] .add-spec:hover span {
  text-decoration: underline;
}
.level-form-layout section[data-model=specialty] .item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  fill: #666666;
  background-color: #F9F9F9;
  border-radius: 3px;
  padding: 8px 15px;
  margin: 2px;
}
.level-form-layout section[data-model=specialty] .item,
.level-form-layout section[data-model=specialty] .item:hover,
.level-form-layout section[data-model=specialty] .item:visited,
.level-form-layout section[data-model=specialty] .item:focus,
.level-form-layout section[data-model=specialty] .item a {
  color: #666666;
}
.level-form-layout section[data-model=worktime] input[type=radio] {
  margin-top: 0;
}
.level-form-layout section[data-model=worktime] .capacity_word_aday input {
  display: inline-block;
  width: 43%;
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=worktime] .capacity_word_aday {
    margin-top: 10px;
  }
  .level-form-layout section[data-model=worktime] .capacity_word_aday input {
    width: 50%;
  }
}
.level-form-layout section[data-model=cert] .score-item {
  padding-left: 0;
}
.level-form-layout section[data-model=cert] .score-item:last-child {
  padding-right: 0;
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=cert] .score-item {
    padding-right: 0;
  }
}
.level-form-layout section[data-model=abroad] .abroad-item {
  padding-left: 0;
}
.level-form-layout section[data-model=abroad] .abroad-item:last-child {
  padding-right: 0;
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=abroad] .abroad-item {
    padding-right: 0;
  }
}
.level-form-layout section[data-model=abroad] .abroad-list {
  padding-left: 0;
  padding-right: 0;
}
.level-form-layout section[data-model=abroad] .abroad-list input {
  display: inline-block;
}
@media (min-width: 768px) {
  .level-form-layout section[data-model=abroad] .abroad-list .year {
    width: 88px;
  }
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=abroad] .abroad-list .year {
    width: 47%;
  }
}
@media (min-width: 768px) {
  .level-form-layout section[data-model=abroad] .abroad-list .month {
    width: 88px;
  }
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=abroad] .abroad-list .month {
    width: 48%;
  }
}
.level-form-layout section[data-model=abroad] .abroad-list .slash {
  display: inline-block;
}
@media (min-width: 768px) {
  .level-form-layout section[data-model=abroad] .abroad-list .tilde {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=abroad] .abroad-list .tilde {
    text-align: center;
    margin: 10px 0;
  }
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=abroad] .abroad-list .abroad-date {
    text-align: center;
  }
}
.level-form-layout section[data-model=abroad] .abroad-list .abroad-date .dropdown-menu {
  height: 150px;
}
.level-form-layout section[data-model=edu] .edu-item {
  padding-left: 0;
}
.level-form-layout section[data-model=edu] .edu-item:last-child {
  padding-right: 0;
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=edu] .edu-item {
    padding-right: 0;
  }
}
.level-form-layout section[data-model=langPair] .lang_pair_warp:first-child .bar {
  display: none;
}
.level-form-layout section[data-model=career] .career-item {
  padding-left: 0;
}
.level-form-layout section[data-model=career] .career-list {
  padding-left: 0;
  padding-right: 0;
  margin-top: 10px !important;
}
.level-form-layout section[data-model=career] .career-list input {
  display: inline-block;
}
@media (min-width: 768px) {
  .level-form-layout section[data-model=career] .career-list .year {
    width: 90px;
  }
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=career] .career-list .year {
    width: 47%;
  }
}
@media (min-width: 768px) {
  .level-form-layout section[data-model=career] .career-list .month {
    width: 90px;
  }
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=career] .career-list .month {
    width: 48%;
  }
}
.level-form-layout section[data-model=career] .career-list .slash {
  display: inline-block;
}
@media (min-width: 768px) {
  .level-form-layout section[data-model=career] .career-list .tilde {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=career] .career-list .tilde {
    text-align: center;
    margin: 10px 0;
  }
}
@media (max-width: 767px) {
  .level-form-layout section[data-model=career] .career-list .career-date {
    text-align: center;
  }
}
.level-form-layout section[data-model=career] .career-list .career-date .dropdown-menu {
  height: 150px;
}
.level-form-layout section[data-model=career] .career-detail {
  margin-top: 10px !important;
  padding-left: 0;
  padding-right: 0;
}
section[data-model=lang_set] span,
section[data-model=one_to_one] span {
  margin: 0 10px;
  vertical-align: top;
}
@media screen and (max-width: 659px) {
  section[data-model=lang_set] .abt0r0,
  section[data-model=one_to_one] .abt0r0 {
    position: static;
    text-align: center;
    margin-bottom: 10px;
  }
}
.btn-profile-info {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  min-height: 20px;
  border-radius: 4px;
  border: 1px solid #cbcbcb;
  padding: 0 5px;
  color: #777777;
}
.btn-profile-info[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #ffffff;
}
.btn-profile-info:active {
  background-color: #ebebeb;
}
.btn-profile-info[data-notclick="true"] {
  cursor: default;
}
.btn-profile-info[data-notclick="true"]:active {
  background-color: #ececec;
}
.btn-profile-info.middle {
  min-height: 30px;
}
#alert .link-faq:hover {
  cursor: pointer;
}
.blurImage {
  display: inline-block;
  position: relative;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.blurImage img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.blurImage svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.blurImage.svg-center svg {
  top: -50%;
}
.blurImage .bgDark {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-width: auto;
  background-color: rgba(0, 0, 0, 0.3);
}
.btn-profile-remove {
  position: absolute;
  top: 7px;
  background-color: rgba(0, 0, 0, 0.6) !important;
  right: 6px;
  padding: 3px 5px;
  border-radius: 50%;
  z-index: 1;
  width: 20px;
  height: 20px;
}
.profile_mask {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.profile_mask .profile_cover {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: 120px;
  height: 40px;
  top: 80px;
}
.profile_mask .profile_cover button {
  margin-top: 10px;
}
/*-- 프로필 사진 */
/* navbar */
@media screen and (min-width: 1000px) {
  aside[data-view=profile] {
    width: 274px;
    position: absolute;
    z-index: 1;
    float: left !important;
  }
  aside[data-view=profile] .profile-photo {
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
  }
  aside[data-view=profile] .profile-photo .profile_img img {
    border-radius: 50%;
  }
  aside[data-view=profile] .profile-photo .profile_img form > div {
    display: none;
    cursor: pointer;
  }
  aside[data-view=profile] nav ul {
    border: 1px solid #dcdcdc;
    width: 270;
    background-color: #f9f9f9;
    display: block !important;
  }
  aside[data-view=profile] nav ul li {
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
  }
  aside[data-view=profile] nav ul li a {
    color: #666;
  }
  aside[data-view=profile] nav ul li:hover {
    background: white;
  }
  aside[data-view=profile] nav ul .select {
    width: 272px;
    background-color: white;
    font-weight: bold;
    border-left: 3px solid #2c6bb4;
    padding-left: 17px;
  }
  aside[data-view=profile] nav ul .select a {
    color: #2b6eb5;
  }
}
@media screen and (max-width: 1000px) {
  aside[data-view=profile] .profile-photo {
    position: relative;
    overflow: hidden;
    margin-top: -25px;
    margin-bottom: 0;
    padding-bottom: 15px;
  }
  aside[data-view=profile] nav {
    position: relative;
    height: 43px;
    line-height: 43px;
    margin-bottom: 5px;
    background-color: #fff;
    overflow: hidden;
  }
  aside[data-view=profile] nav ul {
    position: absolute;
    height: 43px;
    line-height: 43px;
    background-color: #fff;
    padding-left: 20px;
    margin-bottom: 3px;
    margin-left: -5px;
    list-style: none;
    overflow: hidden;
    white-space: nowrap;
  }
  aside[data-view=profile] nav ul li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
  }
  aside[data-view=profile] nav ul li a {
    color: #666;
  }
  aside[data-view=profile] nav ul .select {
    border-bottom: 2px solid #2c6bb4;
    height: 43px;
  }
  aside[data-view=profile] nav ul .select a {
    color: #2c6bb4;
    font-weight: bold;
  }
  aside[data-view=profile] nav .grd {
    position: absolute;
    height: 40px;
    line-height: 40px;
    width: 12px;
    top: 0;
  }
  aside[data-view=profile] nav .grd-left {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(16.66%, #fff), color-stop(100%, rgba(255, 255, 255, 0)));
  }
  aside[data-view=profile] nav .grd-right {
    right: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(60%, #fff));
  }
  aside[data-view=profile] nav .fold-btn {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    color: white;
    height: 43px;
    line-height: 43px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid white;
    font-size: 15px;
    background-color: #2c6bb4;
  }
  aside[data-view=profile] nav .fold-btn:hover {
    cursor: pointer;
  }
}
/*-- nvabar */
.profile-langs {
  background-color: white;
  padding: 10px 20px;
  border: 1px solid #dcdcdc;
  border-top: none;
}
.profile-langs dl {
  margin-bottom: 0;
}
.profile-langs dl dt {
  color: #999;
  margin-bottom: 5px;
}
.profile-langs dl dd .name {
  width: 30px;
  display: inline-block;
  color: #999;
}
.profile-langs dl dd span {
  font-weight: bold;
  color: #666;
}
.profile-button {
  color: #999;
  margin-left: 0;
  margin-right: 0;
  border: 1px solid #dcdcdc;
  border-top: none;
}
.profile-button .btn_profile_share,
.profile-button .btn_edit {
  background-color: white;
  padding: 15px;
}
.profile-button .btn_edit {
  border-left: 1px solid #dcdcdc;
}
.profile-button .btn_follow {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: white;
  padding: 15px;
}
@media screen and (min-width: 1000px) {
  #profile {
    padding-left: 285px;
  }
}
#profile .content-wrap > section .nav li a {
  font-size: 14px;
}
#profile .content-wrap > section .tab-content {
  border: 1px solid #ddd;
  border-top: none;
  background-color: white;
  padding: 20px;
  min-height: 645px;
}
#profile .content-wrap > section .tab-content thead {
  color: #999;
}
#profile .content-wrap > section .tab-content thead tr {
  background: #fcfcfc;
  border-top: 1px solid #ddd;
  border-bottom: none;
}
#profile .content-wrap > section .tab-content thead tr th {
  border-bottom: 1px solid #ddd !important;
}
#profile .content-wrap > section .tab-content tbody tr td {
  vertical-align: middle;
}
#profile .content-wrap > section .tab-content tbody tr:last-child td {
  border-bottom: 1px solid #ddd;
}
#profile .content-wrap > section > article {
  margin-top: 10px;
  border: 1px solid #dcdcdc;
  position: relative;
}
#profile .content-wrap > section > article:first-of-type {
  margin-top: 0;
}
#profile .content-wrap > section > article > header {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  padding: 15px 20px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #dcdcdc;
}
#profile .content-wrap > section > article > div.detail {
  padding: 20px;
  text-align: left;
  background-color: white;
}
#profile .content-wrap > section > article > div.detail .info-lang-label {
  font-size: 12px;
  color: #666666;
}
#profile .content-wrap > section > article > div.detail .info-lang-langtext {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
#profile .content-wrap > section > article .info-modify-btn {
  font-size: 12px;
  font-weight: bold;
  color: #2b63b5;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 17px;
}
#profile .content-wrap > section > article .info-modify-btn .question_icon {
  border: 1px dotted #2c6bb4;
  border-radius: 50%;
  padding: 0 4px;
  padding-right: 4px;
  color: #2c6bb4;
}
#profile .icon-tooltip {
  color: #999;
}
#profile .icon-tooltip:hover {
  cursor: pointer;
  color: #666;
}
#profile .popover {
  border: 1px solid #DCDCDC;
}
#profile .popover .arrow {
  border-top-color: #DCDCDC;
}
.nav-tabs {
  margin-top: 10px;
}
.nav-tabs li[class^=col] {
  padding: 0 !important;
}
.nav-tabs li a {
  padding: 15px 0;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  color: #666666;
  margin-right: 0;
  text-align: center;
}
.nav-tabs li a:hover {
  border-color: #dcdcdc;
}
.nav-tabs li.active a {
  background-color: white;
  font-weight: bold;
  color: #666666;
  border-color: #dcdcdc;
  border-bottom: 1px solid white;
}
.nav-tabs li:not(.active) a {
  background-color: #f9f9f9;
}
.tab-content-custom {
  border: 1px solid #ddd;
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tab-content-custom .nav-content .nav-content-label {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 10px;
}
.tab-content-custom .nav-content .nav-table-helpmsg {
  position: absolute;
  bottom: -90px;
  color: #999999;
}
.tab-nav {
  background-color: white;
  border: 1px solid #dcdcdc;
  border-top: none;
  padding: 10px;
}
.tab-nav .nav-content .nav-content-label {
  font-size: 14px;
  font-weight: bold;
  color: #666666;
  margin-bottom: 10px;
}
.tab-nav .nav-content .nav-table-helpmsg {
  position: absolute;
  top: 68px;
  color: #999999;
}
.tab-nav .box2 {
  height: 160px;
}
@media (min-width: 768px) {
  .tab-nav .box1 {
    padding-right: 20px !important;
    height: 160px;
  }
  .tab-nav .box2 {
    padding-left: 20px !important;
    height: 160px;
  }
}
section[data-page=overview] article[data-model=self-description] .detail {
  word-break: break-all;
  word-wrap: break-word;
  line-height: 20px;
}
section[data-page=overview] article[data-model=lang-pairs] .clearfix .col-xs-6,
section[data-page=overview] article[data-model=lang-pairs] .clearfix .col-xs-3 {
  padding-left: 0;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list {
  padding: 10px 0;
  text-align: left;
  border-bottom: 1px dashed #DCDCDC;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list .level-pair {
  height: 22px;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list .opt-btn {
  font-size: 10px;
  width: 22px;
  padding-left: 5px;
  height: 22px;
  padding-top: 5px;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list .pair-status {
  padding-right: 0;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list .pair-status a {
  padding: 0 4px;
  padding-top: 3px;
  height: 22px;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list .pair-status a i {
  margin-right: 0;
  font-size: 12px;
  fill: #999999;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list .pair-status a i,
section[data-page=overview] article[data-model=lang-pairs] .pair-list .pair-status a i:hover,
section[data-page=overview] article[data-model=lang-pairs] .pair-list .pair-status a i:visited,
section[data-page=overview] article[data-model=lang-pairs] .pair-list .pair-status a i:focus,
section[data-page=overview] article[data-model=lang-pairs] .pair-list .pair-status a i a {
  color: #999999;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list .under-examination {
  height: 34px;
  line-height: 34px;
  fill: #999999;
  font-size: 12px;
  font-style: italic;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list .under-examination,
section[data-page=overview] article[data-model=lang-pairs] .pair-list .under-examination:hover,
section[data-page=overview] article[data-model=lang-pairs] .pair-list .under-examination:visited,
section[data-page=overview] article[data-model=lang-pairs] .pair-list .under-examination:focus,
section[data-page=overview] article[data-model=lang-pairs] .pair-list .under-examination a {
  color: #999999;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list:first-child {
  padding-top: 0 !important;
}
section[data-page=overview] article[data-model=lang-pairs] .pair-list:last-child {
  border-bottom: none;
  padding-bottom: 0 !important;
}
section[data-page=overview] article[data-model=qualifications] .detail .info[data-model=specialty] .title,
section[data-page=overview] article[data-model=experciences] .detail .info[data-model=specialty] .title {
  font-weight: bold;
}
section[data-page=overview] article[data-model=qualifications] .detail .info[data-model=specialty] .item,
section[data-page=overview] article[data-model=experciences] .detail .info[data-model=specialty] .item {
  font-weight: bold;
  padding: 10px;
  border-radius: 5px;
  fill: #333333;
  display: inline-block;
  background-color: #fcfcfc;
  margin: 2px;
}
section[data-page=overview] article[data-model=qualifications] .detail .info[data-model=specialty] .item,
section[data-page=overview] article[data-model=experciences] .detail .info[data-model=specialty] .item,
section[data-page=overview] article[data-model=qualifications] .detail .info[data-model=specialty] .item:hover,
section[data-page=overview] article[data-model=experciences] .detail .info[data-model=specialty] .item:hover,
section[data-page=overview] article[data-model=qualifications] .detail .info[data-model=specialty] .item:visited,
section[data-page=overview] article[data-model=experciences] .detail .info[data-model=specialty] .item:visited,
section[data-page=overview] article[data-model=qualifications] .detail .info[data-model=specialty] .item:focus,
section[data-page=overview] article[data-model=experciences] .detail .info[data-model=specialty] .item:focus,
section[data-page=overview] article[data-model=qualifications] .detail .info[data-model=specialty] .item a,
section[data-page=overview] article[data-model=experciences] .detail .info[data-model=specialty] .item a {
  color: #333333;
}
section[data-page=overview] article[data-model=qualifications] .detail .info,
section[data-page=overview] article[data-model=experciences] .detail .info {
  padding-bottom: 5px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 13px;
}
section[data-page=overview] article[data-model=qualifications] .detail .info .title,
section[data-page=overview] article[data-model=experciences] .detail .info .title {
  font-weight: bold;
  padding-bottom: 8px;
}
section[data-page=overview] article[data-model=qualifications] .detail .info:last-child,
section[data-page=overview] article[data-model=experciences] .detail .info:last-child {
  padding-bottom: 0;
  margin-bottom: 0 !important;
  border-bottom: none;
}
section[data-page=overview] article[data-model=qualifications] .detail .header,
section[data-page=overview] article[data-model=experciences] .detail .header {
  fill: #999999;
  font-size: 12px;
  padding: 2px 0;
}
section[data-page=overview] article[data-model=qualifications] .detail .header,
section[data-page=overview] article[data-model=experciences] .detail .header,
section[data-page=overview] article[data-model=qualifications] .detail .header:hover,
section[data-page=overview] article[data-model=experciences] .detail .header:hover,
section[data-page=overview] article[data-model=qualifications] .detail .header:visited,
section[data-page=overview] article[data-model=experciences] .detail .header:visited,
section[data-page=overview] article[data-model=qualifications] .detail .header:focus,
section[data-page=overview] article[data-model=experciences] .detail .header:focus,
section[data-page=overview] article[data-model=qualifications] .detail .header a,
section[data-page=overview] article[data-model=experciences] .detail .header a {
  color: #999999;
}
section[data-page=overview] article[data-model=qualifications] .detail .body,
section[data-page=overview] article[data-model=experciences] .detail .body {
  padding: 7px 0;
}
section[data-page=overview] article[data-model=qualifications] .detail .body .col-xs-12,
section[data-page=overview] article[data-model=experciences] .detail .body .col-xs-12 {
  fill: #999999;
  line-height: 20px;
}
section[data-page=overview] article[data-model=qualifications] .detail .body .col-xs-12,
section[data-page=overview] article[data-model=experciences] .detail .body .col-xs-12,
section[data-page=overview] article[data-model=qualifications] .detail .body .col-xs-12:hover,
section[data-page=overview] article[data-model=experciences] .detail .body .col-xs-12:hover,
section[data-page=overview] article[data-model=qualifications] .detail .body .col-xs-12:visited,
section[data-page=overview] article[data-model=experciences] .detail .body .col-xs-12:visited,
section[data-page=overview] article[data-model=qualifications] .detail .body .col-xs-12:focus,
section[data-page=overview] article[data-model=experciences] .detail .body .col-xs-12:focus,
section[data-page=overview] article[data-model=qualifications] .detail .body .col-xs-12 a,
section[data-page=overview] article[data-model=experciences] .detail .body .col-xs-12 a {
  color: #999999;
}
section[data-model=history] .pro_history .cover {
  width: 308px;
  height: 229px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 1;
  top: 0;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: none;
  cursor: pointer;
}
section[data-model=history] .pro_history .cover .cover_desc {
  width: 308px;
  font-size: 14px;
  color: white;
  position: absolute;
  top: 50%;
  text-align: center;
  margin-top: -0.5em;
}
section[data-model=history] .pro_history .card:hover .cover {
  display: block;
}
@media screen and (min-width: 1200px) {
  section[data-model=history] .pro_history #oneHistory .row {
    width: 980px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  section[data-model=history] .pro_history #oneHistory .row {
    width: 650px;
  }
}
@media screen and (max-width: 767px) {
  section[data-model=history] .pro_history #oneHistory .row {
    width: 320px;
  }
}
section[data-model=history] .pro_history .card {
  margin: 0 auto;
  width: 310px;
  height: 396px;
  border: 1px solid #dcdcdc;
  margin-bottom: 20px;
  border-radius: 5px;
}
section[data-model=history] .pro_history .card .card-detail {
  padding: 15px;
}
section[data-model=history] .pro_history .card .card-detail .card-title {
  font-weight: bold;
  height: 30px;
  margin: 10px 0;
  color: black;
}
section[data-model=history] .pro_history .card .card-detail .card-info {
  width: 100%;
  color: #666;
  margin-bottom: 5px;
}
section[data-model=history] .pro_history .card .card-detail .card-info tr td {
  padding: 3px 0;
}
section[data-model=history] .pro_history .card .card-detail .card-info tr td:first-child {
  border-right: 1px solid #dcdcdc;
}
section[data-model=history] .pro_history .card .card-detail .card-info tr td:last-child {
  text-align: right;
}
section[data-model=history] .pro_history .card .card-review {
  height: 167px;
  border-bottom-left-radius: 5px ;
  border-bottom-right-radius: 5px ;
  padding: 15px;
  background-color: #f6f6f5;
  border-top: 1px solid #dcdcdc;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  color: black;
}
section[data-model=trans] .cover {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 1;
  top: 0;
  border-radius: 5px;
  display: none;
  cursor: pointer;
}
section[data-model=trans] .cover .cover_desc {
  width: 320px;
  font-size: 14px;
  color: white;
  position: absolute;
  top: 50%;
  text-align: center;
  margin-top: -0.5em;
}
section[data-model=trans] article[data-model=recv_small]:hover .cover {
  display: block;
}
section[data-model=trans] .box article.feed_new {
  min-height: 50px !important;
  border: none !important;
}
@media screen and (min-width: 660px) {
  section[data-model=trans] .box article.feed_new {
    position: absolute !important;
  }
}
@media screen and (max-width: 659px) {
  section[data-model=trans] .box article.feed_new {
    position: relative;
    top: 0 !important;
    left: 0 !important;
  }
}
section[data-model=trans] .box article.feed_new article.request {
  min-height: 100px !important;
  border: none !important;
}
section[data-model=trans] .box article.feed_new article[data-model=req_tr_res] {
  min-height: 100px !important;
  border: none !important;
}
@media screen and (min-width: 768px) {
  section[data-model=direct_history] .card_wrap .row {
    width: 650px;
  }
}
@media screen and (max-width: 767px) {
  section[data-model=direct_history] .card_wrap .row {
    width: 320px;
  }
}
@media screen and (min-width: 666px) {
  section[data-model=following] .tab-pane .account-card-wrap {
    width: 666px;
  }
}
@media screen and (min-width: 328px) and (max-width: 665px) {
  section[data-model=following] .tab-pane .account-card-wrap {
    width: 328px;
  }
}
@media screen and (min-width: 666px) {
  section[data-model=following] .tab-pane .account-card-wrap .account-card {
    margin: 0 10px 10px 0;
  }
  section[data-model=following] .tab-pane .account-card-wrap .account-card:nth-child(2n + 2) {
    margin-right: 0;
  }
}
@media screen and (min-width: 328px) and (max-width: 665px) {
  section[data-model=following] .tab-pane .account-card-wrap .account-card {
    margin-bottom: 10px;
  }
}
section[data-view=line2] .box {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  section[data-view=line2] .box {
    width: 650px;
  }
}
@media screen and (max-width: 767px) {
  section[data-view=line2] .box {
    width: 320px;
  }
}
section[data-view=line2] dl {
  margin-bottom: 0;
}
section[data-view=line2] article.feed_new {
  width: 320px;
  margin-bottom: 10px;
}
@media screen and (min-width: 660px) {
  section[data-action=line_auto] article.feed_new {
    position: absolute;
  }
}
@media screen and (min-width: 660px) {
  section[data-action=line_auto] .outerbox {
    height: auto !important;
  }
}
div[data-model=one_to_one] .bootstrap-select button {
  padding-right: 5px;
}
div[data-model=one_to_one] .bootstrap-select span.filter-option {
  height: 28px;
}
div[data-model=one_to_one] .bootstrap-select span.bs-caret {
  position: absolute;
  top: 13px;
}
div[data-model=one_to_one] .form_active {
  background-color: #f9f9f9;
}
/* 전문번역가 가입 Modal */
#one_to_one_submit .form_active {
  height: 40px;
  background-color: #f9f9f9;
}
#one_to_one_submit .popover {
  background-color: #333;
  color: white;
  border-radius: 5px;
  box-shadow: none;
  border: none;
}
#one_to_one_submit .popover.top .arrow {
  border: none;
}
#one_to_one_submit .popover.top .arrow:after {
  margin-left: 0;
  border-top-color: #333;
}
/*-- 전문번역가 가입 Modal */
/* 배지 획득 및 승급요건 */
@media screen and (min-width: 692px) {
  #badge_list .modal-dialog {
    width: 780px;
  }
}
#badge_list button.badge_list_close {
  margin: 20px 20px 0 0;
  position: absolute;
  z-index: 1;
  right: 0;
}
#badge_list .fbadge {
  border-top: 1px solid #DCDCDC;
  padding-top: 20px;
}
#badge_list .fbadge .main_badge svg {
  width: 80px;
  height: 80px;
}
#badge_list .fbadge .divide_line {
  height: 5px;
  width: 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dcdcdc;
}
#badge_list .fbadge .sub_badge {
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 20px;
}
#badge_list .fbadge .sub_badge svg {
  width: 100%;
  height: 100%;
}
#badge_list .fbadge .fbadge_desc {
  word-break: keep-all;
  word-wrap: break-word;
  line-height: 20px;
  fill: #666666;
  margin-bottom: 5px;
}
#badge_list .fbadge .fbadge_desc,
#badge_list .fbadge .fbadge_desc:hover,
#badge_list .fbadge .fbadge_desc:visited,
#badge_list .fbadge .fbadge_desc:focus,
#badge_list .fbadge .fbadge_desc a {
  color: #666666;
}
#badge_list .fbadge ul.fbadge_list {
  list-style: none;
  margin-bottom: 0;
}
#badge_list .fbadge ul.fbadge_list li {
  height: 20px;
  line-height: 20px;
}
#badge_list .fbadge ul.fbadge_list li span {
  font-size: 12px;
  fill: #999999;
}
#badge_list .fbadge ul.fbadge_list li span,
#badge_list .fbadge ul.fbadge_list li span:hover,
#badge_list .fbadge ul.fbadge_list li span:visited,
#badge_list .fbadge ul.fbadge_list li span:focus,
#badge_list .fbadge ul.fbadge_list li span a {
  color: #999999;
}
#badge_list .fbadge .fbadge_etc {
  fill: #999999;
  font-size: 12px;
}
#badge_list .fbadge .fbadge_etc,
#badge_list .fbadge .fbadge_etc:hover,
#badge_list .fbadge .fbadge_etc:visited,
#badge_list .fbadge .fbadge_etc:focus,
#badge_list .fbadge .fbadge_etc a {
  color: #999999;
}
/*-- 배지 획득 및 승급요건 */
/* 신용카드 및 다른 결제방법(포인트탭, 모달) */
.btn-buy-list {
  padding: 10px;
}
.btn-buy-list button {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  background-color: white;
  border: 1px solid #0072ca;
  color: #0072ca;
  margin-top: 10px;
}
/*-- 신용카드 및 다른 결제방법 */
section[data-model=statistics] table tr {
  height: 40px;
}
section[data-model=statistics] table tr th {
  color: #666;
}
section[data-model=statistics] div[data-content=crowd] .level_noti_box {
  padding: 20px;
  background-color: #f2fbff;
  border: 1px solid #88bfe2;
}
section[data-model=statistics] div[data-content=crowd] .level_noti_box i {
  float: left;
  color: #2c6bb4;
}
section[data-model=statistics] div[data-content=crowd] .level_noti_box p {
  padding-left: 20px;
  color: #666;
}
section[data-model=statistics] div[data-content=pro] dl {
  color: #666;
}
section[data-model=statistics] div[data-content=pro] dl dt {
  float: left;
  clear: right;
}
section[data-model=statistics] div[data-content=pro] dl dd {
  float: right;
}
section[data-model=statistics] div[data-content=pro] .main_desc {
  font-size: 16px;
  font-weight: bold;
}
section[data-model=statistics] div[data-content=pro] .detail_desc {
  margin: 0;
  font-size: 14px;
  padding: 10px;
  background-color: #f9f9f9;
  color: #999;
}
section[data-model=statistics] div[data-content=pro] .detail_desc .score-item {
  padding: 3px 0;
  font-size: 12px;
}
section[data-model=statistics] div[data-content=pro] .detail_desc .score-item div:nth-child(1) {
  padding-left: 0;
}
section[data-model=statistics] div[data-content=pro] .detail_desc .score-item div:nth-child(2),
section[data-model=statistics] div[data-content=pro] .detail_desc .score-item div:nth-child(3) {
  padding-right: 0;
  text-align: right;
}
@media screen and (max-width: 999px) {
  section[data-model=statistics] div[data-content=pro] .detail_desc .score-item .score_wrap {
    display: none;
  }
}
section[data-model=statistics] div[data-content=pro] .detail_desc .score-item .score_wrap .score_back {
  position: relative;
  height: 3px;
  width: 100%;
  background-color: #d9dae5;
  border-radius: 4px;
  margin: 5px auto;
  overflow: hidden;
}
section[data-model=statistics] div[data-content=pro] .detail_desc .score-item .score_wrap .score_back:hover {
  cursor: Default;
}
section[data-model=statistics] div[data-content=pro] .detail_desc .score-item .score_wrap .score_back .score_bar {
  background-color: gray;
  height: 5px;
  float: left;
}
section[data-model=statistics] div[data-content=badge] table .badge-terms-btn:hover {
  cursor: pointer;
  color: #666;
  text-decoration: underline;
}
section[data-model=statistics] div[data-content=badge] table .badgeList .badge-item {
  padding: 20px;
}
section[data-model=statistics] div[data-content=badge] table .badgeList .score_wrap {
  height: 10px;
  width: 80%;
  background-color: #d9dae5;
  border-radius: 4px;
  margin: 5px auto;
  overflow: hidden;
  margin-left: 0;
}
section[data-model=statistics] div[data-content=badge] table .badgeList .score_wrap:hover {
  cursor: Default;
}
section[data-model=statistics] div[data-content=badge] table .badgeList .score_wrap .score_bar {
  height: 30px;
  float: left;
}
section[data-model=statistics] div[data-content=badge] table .badgeList .score_wrap .score_rate {
  color: #999;
  position: absolute;
  right: 4%;
  top: 44px;
}
section[data-model=payment] article {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 40px;
}
section[data-model=payment] article:last-child {
  margin-bottom: 0;
}
section[data-model=payment] .header {
  height: 40px;
  line-height: 40px;
  fill: #666666;
  font-weight: bold;
  border-bottom: 1px solid #dcdcdc;
  background-color: #f9f9f9;
  padding-left: 10px;
}
section[data-model=payment] .header,
section[data-model=payment] .header:hover,
section[data-model=payment] .header:visited,
section[data-model=payment] .header:focus,
section[data-model=payment] .header a {
  color: #666666;
}
section[data-model=payment] .header a.active {
  color: #fff;
}
section[data-model=payment] .row {
  height: 50px;
  line-height: 50px;
  margin: 0;
}
section[data-model=payment] article[data-type=available_points] .available_points {
  height: 40px;
  line-height: 40px;
  font-size: 25px;
  font-weight: bold;
}
section[data-model=payment] article[data-type=available_points] .available_points + button {
  position: absolute;
  right: 0;
  top: 10px;
}
section[data-model=payment] article[data-type=available_points] .desc {
  background-color: #efefef;
  padding: 10px;
  color: #999;
  border-radius: 3px;
  margin-bottom: 10px;
}
section[data-model=payment] article[data-type=received_fee] .fee {
  height: 80px;
  line-height: 80px;
  font-size: 25px;
  text-align: center;
  font-weight: bold;
}
section[data-model=payment] article[data-type=coupon] .row {
  margin: 0;
}
@media screen and (min-width: 1000px) {
  section[data-model=payment] article[data-type=coupon] .input-coupon-wrap {
    padding-left: 0;
    padding-right: 0;
  }
}
section[data-model=payment] article[data-type=coupon] .input-coupon-wrap .input-group {
  padding-top: 15px;
}
@media screen and (max-width: 999px) {
  section[data-model=payment] article[data-type=coupon] .input-coupon-wrap .input-group {
    padding-top: 0;
    padding-bottom: 10px;
  }
}
section[data-model=payment] .table thead tr {
  font-size: 12px;
}
section[data-model=payment] .table tbody tr td {
  padding: 15px 8px;
}
section[data-model=payment] article[data-type=payout_method] {
  border-bottom: none;
}
section[data-model=payment] article[data-type=payout_method] table thead tr {
  border-top: none !important;
}
section[data-model=payment] article[data-type=payout_method] table thead tr th {
  background-color: white;
  color: black;
  text-align: center;
}
section[data-model=payment] article[data-type=payout_method] table tbody tr {
  text-align: center;
}
section[data-model=payment] article[data-type=history] .bootstrap-select {
  margin-top: 3px;
}
section[data-model=payment] article[data-type=history] table thead tr {
  border-top: none !important;
}
section[data-model=payment] article[data-type=history] table thead tr th {
  background-color: white;
  color: black;
  text-align: center;
}
section[data-model=payment] article[data-type=history] table tbody tr td {
  text-align: center;
}
section[data-model=payment] article[data-type=history] nav ul {
  margin-top: 0;
}
section[data-model=payment] article[data-type=history] nav ul li a {
  display: block;
  padding: 5px 8px;
  border: 1px solid white;
  min-width: 40px;
  margin-left: 1px;
  color: #666;
}
section[data-model=payment] article[data-type=history] nav ul li a:hover {
  background-color: #f9f9f9;
}
section[data-model=payment] article[data-type=history] nav ul li a.selected {
  font-weight: bold;
  color: #333;
}
section[data-model=payment] article[data-type=history] nav ul li[data-idx] a {
  height: 32px;
  display: block;
  min-width: 30px;
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  color: #dcdcdc;
  font-size: 12px;
  padding: 5px 8px;
}
section[data-model=settings] .one-line-height30 {
  height: 30px;
  line-height: 30px;
}
section[data-model=settings] .profile-settings-row {
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
section[data-model=settings] .row > div {
  color: #999;
  margin: 5px 0;
}
section[data-model=settings] .header {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 10px;
}
section[data-model=settings] .sub-header {
  height: 30px;
  line-height: 30px;
  color: #666 !important;
}
section[data-model=settings] .dropdown-toggle {
  height: 30px;
}
section[data-model=settings] article[data-type=noti] .sms_noti_info {
  background: #efefef;
  border-radius: 3px;
  padding: 10px 15px;
}
section[data-model=settings] article[data-type=noti] .pro-active {
  width: 100%;
  margin-top: 10px !important;
}
section[data-model=settings] article[data-type=noti] .pro-active.activate {
  color: #ee673f;
}
section[data-model=settings] article[data-type=noti] .pro-active.deactivate {
  color: #2b6eb5;
}
#profile_edit .edit_form .profile-edit-tabs li a {
  font-size: 14px;
}
#profile_edit .edit_form .profile-edit-tabs li:first-child a {
  border-top-right-radius: 0;
  border-right: none;
}
#profile_edit .edit_form .profile-edit-tabs li:last-child a {
  border-top-left-radius: 0;
}
#profile_edit .edit_form .lang_info_box {
  padding: 20px;
  background-color: #f2fbff;
  border: 1px solid #88bfe2;
}
#profile_edit .edit_form .lang_info_box i {
  float: left;
  color: #2B6EB5;
}
#profile_edit .edit_form .lang_info_box p {
  padding-left: 20px;
  fill: #666666;
}
#profile_edit .edit_form .lang_info_box p,
#profile_edit .edit_form .lang_info_box p:hover,
#profile_edit .edit_form .lang_info_box p:visited,
#profile_edit .edit_form .lang_info_box p:focus,
#profile_edit .edit_form .lang_info_box p a {
  color: #666666;
}
#profile_edit .edit_form .section-devide-title {
  height: 40px;
  line-height: 40px;
  fill: #666666;
  margin-bottom: 20px;
  padding-left: 10px;
  font-weight: bold;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  background-color: #fcfcfc;
}
#profile_edit .edit_form .section-devide-title,
#profile_edit .edit_form .section-devide-title:hover,
#profile_edit .edit_form .section-devide-title:visited,
#profile_edit .edit_form .section-devide-title:focus,
#profile_edit .edit_form .section-devide-title a {
  color: #666666;
}
#profile_edit .edit_form .section-devide-title--important {
  margin-bottom: 20px !important;
}
#profile_edit .edit_form section[data-model=self_description] textarea {
  background-color: #F9F9F9;
  border: 1px solid #DCDCDC;
  border-radius: 4px;
  padding: 20px;
}
#profile_edit .edit_form section[data-model=self_description] textarea__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
#profile_edit .edit_form section[data-model=self_description] textarea__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
#profile_edit .edit_form .edit-submit {
  text-align: center;
  padding: 12px 50px;
}
.country-lang .dropdown-toggle {
  padding: 9px 15px;
}
.native-lang__name {
  display: inline-block;
  min-width: 60px;
}
#language_test .test-lang-pair-multi {
  list-style: none;
}
#language_test .test-lang-pair-multi > li {
  height: 55px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 10px;
}
#language_test .test-lang-pair-multi > li:first-child {
  border-top: 1px solid #dcdcdc;
}
#language_test .test-lang-pair-multi > li:hover {
  cursor: pointer;
}
#language_test .test-lang-pair-multi > li span {
  color: gray;
}
@media (min-width: 768px) {
  #language_test .test-lang-pair-multi > li {
    margin-right: 40px;
  }
}
#language_test .test-lang-pair-multi > li .lang-pair-wrap {
  height: 55px;
}
#language_test .test-lang-pair-multi .select {
  background-color: #ffffff;
}
#language_test .test-lang-pair-multi .select span {
  color: black;
}
#language_test .test-info {
  padding: 7px;
}
@media (min-width: 768px) {
  #language_test .test-info {
    margin-right: 40px;
  }
}
#language_test .test-info i {
  float: left;
  color: red;
}
#language_test .test-info p {
  padding-left: 20px;
  fill: #999999;
}
#language_test .test-info p,
#language_test .test-info p:hover,
#language_test .test-info p:visited,
#language_test .test-info p:focus,
#language_test .test-info p a {
  color: #999999;
}
#language_test .objective-question {
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  background-color: #fcfcfc;
  padding: 25px 15px;
  margin-bottom: 10px !important;
}
#language_test .objective-question__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
#language_test .objective-question__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
#language_test .objective-question .question {
  font-weight: bold;
}
#language_test .score-board {
  fill: #666666;
  text-align: right;
  line-height: 20px;
  margin-bottom: 10px;
  padding-right: 10px;
}
#language_test .score-board,
#language_test .score-board:hover,
#language_test .score-board:visited,
#language_test .score-board:focus,
#language_test .score-board a {
  color: #666666;
}
#language_test .score-board div {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 3px;
}
#language_test .score-board .score-P {
  background-color: #DCDCDC;
}
#language_test .score-board .score-Y {
  background-color: #1880FF;
}
#language_test .score-board .score-N {
  background-color: #FF6C65;
}
#language_test .objective-choice-list {
  list-style: none !important;
}
#language_test .objective-choice-list li {
  border-bottom: 1px solid #dcdcdc;
  position: relative;
}
#language_test .objective-choice-list li:first-child {
  border-top: 1px solid #dcdcdc;
}
#language_test .objective-choice-list li label {
  width: 100%;
  padding: 20px;
  padding-left: 40px;
  margin-bottom: 0;
}
#language_test .objective-choice-list li input[type=radio] {
  position: absolute;
  top: 15px;
  left: 15px;
}
#language_test .objective-choice-list li input[type=radio]:checked + label {
  background-color: #f9f9f9;
}
#language_test .objective-choice-list li:hover {
  background-color: #F9F9F9;
}
#language_test .objective-choice-list li.select {
  background-color: #F9F9F9;
}
#language_test .test-lang-pair {
  height: 55px;
  line-height: 55px;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 10px;
}
@media (min-width: 768px) {
  #language_test .test-lang-pair {
    margin-right: 40px;
  }
}
#language_test .test-lang-pair-multi {
  list-style: none;
}
#language_test .test-lang-pair-multi > li {
  height: 55px;
  line-height: 55px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 10px;
}
#language_test .test-lang-pair-multi > li:first-child {
  border-top: 1px solid #dcdcdc;
}
#language_test .test-lang-pair-multi > li span {
  color: gray;
}
@media (min-width: 768px) {
  #language_test .test-lang-pair-multi > li {
    margin-right: 40px;
  }
}
#language_test .test-lang-pair-multi .select {
  background-color: #ffffff;
}
#language_test .test-lang-pair-multi .select span {
  color: black;
}
#language_test .select-triangle {
  position: absolute;
  top: 24px;
  left: -4px;
}
#language_test .select-triangle:before {
  content: "";
  display: block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid black;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
#language_test .subjective-test .title {
  fill: #666666;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
#language_test .subjective-test .title,
#language_test .subjective-test .title:hover,
#language_test .subjective-test .title:visited,
#language_test .subjective-test .title:focus,
#language_test .subjective-test .title a {
  color: #666666;
}
#language_test .subjective-test textarea {
  margin-top: 10px !important;
  border: 1px solid #DCDCDC;
  background-color: #eeeeee;
  border-radius: 4px;
  margin-bottom: 30px;
}
#language_test .subjective-test textarea__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
#language_test .subjective-test textarea__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
#profile_apply .prev-resume .prev-info {
  background-color: #ffffff;
  border: 1px solid #DCDCDC;
  padding: 25px;
  margin-bottom: 10px;
}
#profile_apply .prev-resume .prev-info__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
#profile_apply .prev-resume .prev-info__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
#profile_apply .prev-resume .prev-info-item {
  margin-bottom: 20px;
}
#profile_apply .prev-resume .prev-info-item--important {
  margin-bottom: 20px !important;
}
#profile_apply .prev-resume .prev-info-item:last-child {
  margin-bottom: 0 !important;
}
#profile_apply .prev-resume .prev-info-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  fill: #333333;
}
#profile_apply .prev-resume .prev-info-title,
#profile_apply .prev-resume .prev-info-title:hover,
#profile_apply .prev-resume .prev-info-title:visited,
#profile_apply .prev-resume .prev-info-title:focus,
#profile_apply .prev-resume .prev-info-title a {
  color: #333333;
}
#profile_apply .prev-resume .prev-info-content {
  border: 1px solid #DCDCDC;
  background-color: #F9F9F9;
  border-radius: 3px;
  fill: #666666;
  padding: 20px 15px;
}
#profile_apply .prev-resume .prev-info-content__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
#profile_apply .prev-resume .prev-info-content__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
#profile_apply .prev-resume .prev-info-content,
#profile_apply .prev-resume .prev-info-content:hover,
#profile_apply .prev-resume .prev-info-content:visited,
#profile_apply .prev-resume .prev-info-content:focus,
#profile_apply .prev-resume .prev-info-content a {
  color: #666666;
}
#profile_apply .prev-resume .prev-info-content ul {
  margin-left: 20px;
}
#profile_apply .prev-resume .prev-info-content ul li {
  padding: 5px 0;
}
#profile_apply .apply_nav nav .nav_title {
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#profile_apply .apply_nav nav .nav_item:first-child {
  border-left: 1px solid #DCDCDC !important;
}
#profile_apply .apply_nav nav .nav_item:nth-child(2) .nav_title,
#profile_apply .apply_nav nav > div:nth-child(3) .nav_title {
  padding-right: 20px;
}
#profile_apply .apply_nav nav .nav_item:last-child {
  border-right: 1px solid #DCDCDC !important;
}
#profile_apply .apply_nav nav .nav_item:last-child .title {
  padding-right: 20px;
}
#profile_apply .apply_nav nav .nav_item {
  height: 52px;
  line-height: 52px;
  fill: #999999;
  background-color: #F9F9F9;
  border: 1px solid #DCDCDC;
  border-left: none !important;
  border-right: none !important;
  text-align: center;
  position: relative;
}
#profile_apply .apply_nav nav .nav_item,
#profile_apply .apply_nav nav .nav_item:hover,
#profile_apply .apply_nav nav .nav_item:visited,
#profile_apply .apply_nav nav .nav_item:focus,
#profile_apply .apply_nav nav .nav_item a {
  color: #999999;
}
#profile_apply .apply_nav nav .nav_item__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
#profile_apply .apply_nav nav .nav_item__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
#profile_apply .apply_nav nav .nav_item .triangle-right {
  background-color: #F9F9F9;
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
  border-top: 25px solid transparent;
  border-left: 17px solid #DCDCDC;
  border-bottom: 25px solid transparent;
}
#profile_apply .apply_nav nav .nav_item .triangle-right .inner-triangle {
  position: absolute;
  top: -24px;
  left: -17px;
  z-index: auto;
  border-top: 24px solid transparent;
  border-left: 16px solid #f9f9f9;
  border-bottom: 24px solid transparent;
}
#profile_apply .apply_nav nav .current-nav {
  font-weight: bold;
  background-color: #ffffff;
  color: black;
}
#profile_apply .apply_nav nav .current-nav .triangle-right {
  background-color: #F9F9F9;
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
  border-top: 25px solid transparent;
  border-left: 17px solid #DCDCDC;
  border-bottom: 25px solid transparent;
}
#profile_apply .apply_nav nav .current-nav .triangle-right .inner-triangle {
  position: absolute;
  top: -24px;
  left: -17px;
  z-index: auto;
  border-top: 24px solid transparent;
  border-left: 16px solid #ffffff;
  border-bottom: 24px solid transparent;
}
#profile_apply .apply_nav nav .current-nav:hover {
  color: black;
}
#profile_apply .apply_nav nav .past-nav .triangle-right {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
  border-top: 25px solid transparent;
  border-left: 17px solid #DCDCDC;
  border-bottom: 25px solid transparent;
}
#profile_apply .apply_nav nav .past-nav .triangle-right .inner-triangle {
  position: absolute;
  top: -24px;
  left: -17px;
  z-index: auto;
  border-top: 24px solid transparent;
  border-left: 16px solid #f9f9f9;
  border-bottom: 24px solid transparent;
}
#profile_apply .test-lang-pair-multi {
  list-style: none;
}
#profile_apply .test-lang-pair-multi > li {
  height: 55px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 10px;
}
#profile_apply .test-lang-pair-multi > li:first-child {
  border-top: 1px solid #dcdcdc;
}
#profile_apply .test-lang-pair-multi > li:hover {
  cursor: pointer;
}
#profile_apply .test-lang-pair-multi > li span {
  color: gray;
}
@media (min-width: 768px) {
  #profile_apply .test-lang-pair-multi > li {
    margin-right: 40px;
  }
}
#profile_apply .test-lang-pair-multi > li .lang-pair-wrap {
  height: 55px;
}
#profile_apply .test-lang-pair-multi .select {
  background-color: #ffffff;
}
#profile_apply .test-lang-pair-multi .select span {
  color: black;
}
#profile_apply .test-info {
  padding: 7px;
}
@media (min-width: 768px) {
  #profile_apply .test-info {
    margin-right: 40px;
  }
}
#profile_apply .test-info i {
  float: left;
  color: red;
}
#profile_apply .test-info p {
  padding-left: 20px;
  fill: #999999;
}
#profile_apply .test-info p,
#profile_apply .test-info p:hover,
#profile_apply .test-info p:visited,
#profile_apply .test-info p:focus,
#profile_apply .test-info p a {
  color: #999999;
}
#profile_apply .test-lang-pair {
  height: 55px;
  line-height: 55px;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 10px;
}
@media (min-width: 768px) {
  #profile_apply .test-lang-pair {
    margin-right: 40px;
  }
}
#profile_apply .test-lang-pair-multi {
  list-style: none;
}
#profile_apply .test-lang-pair-multi > li {
  height: 55px;
  line-height: 55px;
  background-color: #F9F9F9;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 10px;
}
#profile_apply .test-lang-pair-multi > li:first-child {
  border-top: 1px solid #dcdcdc;
}
#profile_apply .test-lang-pair-multi > li span {
  color: gray;
}
@media (min-width: 768px) {
  #profile_apply .test-lang-pair-multi > li {
    margin-right: 40px;
  }
}
#profile_apply .test-lang-pair-multi .select {
  background-color: #ffffff;
}
#profile_apply .test-lang-pair-multi .select span {
  color: black;
}
#profile_apply .select-triangle {
  position: absolute;
  top: 24px;
  left: -4px;
}
#profile_apply .select-triangle:before {
  content: "";
  display: block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid black;
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}
#profile_apply .subjective-test .title {
  fill: #666666;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
#profile_apply .subjective-test .title,
#profile_apply .subjective-test .title:hover,
#profile_apply .subjective-test .title:visited,
#profile_apply .subjective-test .title:focus,
#profile_apply .subjective-test .title a {
  color: #666666;
}
#profile_apply .subjective-test textarea {
  margin-top: 10px !important;
  border: 1px solid #DCDCDC;
  background-color: #eeeeee;
  border-radius: 4px;
  margin-bottom: 30px;
}
#profile_apply .subjective-test textarea__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
#profile_apply .subjective-test textarea__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
#profile_apply .step4 .review > article {
  border: 1px solid #DCDCDC;
  margin-top: 10px;
  position: relative;
}
#profile_apply .step4 .review > article__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
#profile_apply .step4 .review > article__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
#profile_apply .step4 .review > article:first-child {
  margin-top: 0;
}
#profile_apply .step4 .review > article > header {
  font-weight: bold;
  font-size: 14px;
  fill: #666666;
  background-color: #F9F9F9;
  border-bottom: 1px solid #dcdcdc;
  text-align: left;
  padding: 15px 20px;
}
#profile_apply .step4 .review > article > header,
#profile_apply .step4 .review > article > header:hover,
#profile_apply .step4 .review > article > header:visited,
#profile_apply .step4 .review > article > header:focus,
#profile_apply .step4 .review > article > header a {
  color: #666666;
}
#profile_apply .step4 .review > article > div.detail {
  background-color: #ffffff;
  padding: 15px 20px;
  text-align: left;
}
#profile_apply .step4 .sample .lang_pair > div {
  display: table;
  height: 34px;
}
#profile_apply .step4 .sample .lang_pair > div div {
  display: table-cell;
  vertical-align: middle;
}
#profile_apply .step4 article[data-model=qualifications] .detail .info[data-model=specialty] .title,
#profile_apply .step4 article[data-model=experciences] .detail .info[data-model=specialty] .title {
  font-weight: bold;
}
#profile_apply .step4 article[data-model=qualifications] .detail .info[data-model=specialty] .item,
#profile_apply .step4 article[data-model=experciences] .detail .info[data-model=specialty] .item {
  font-weight: bold;
  padding: 10px;
  border-radius: 5px;
  fill: #333333;
  display: inline-block;
  background-color: #fcfcfc;
  margin: 2px;
}
#profile_apply .step4 article[data-model=qualifications] .detail .info[data-model=specialty] .item,
#profile_apply .step4 article[data-model=experciences] .detail .info[data-model=specialty] .item,
#profile_apply .step4 article[data-model=qualifications] .detail .info[data-model=specialty] .item:hover,
#profile_apply .step4 article[data-model=experciences] .detail .info[data-model=specialty] .item:hover,
#profile_apply .step4 article[data-model=qualifications] .detail .info[data-model=specialty] .item:visited,
#profile_apply .step4 article[data-model=experciences] .detail .info[data-model=specialty] .item:visited,
#profile_apply .step4 article[data-model=qualifications] .detail .info[data-model=specialty] .item:focus,
#profile_apply .step4 article[data-model=experciences] .detail .info[data-model=specialty] .item:focus,
#profile_apply .step4 article[data-model=qualifications] .detail .info[data-model=specialty] .item a,
#profile_apply .step4 article[data-model=experciences] .detail .info[data-model=specialty] .item a {
  color: #333333;
}
#profile_apply .step4 article[data-model=qualifications] .detail .info,
#profile_apply .step4 article[data-model=experciences] .detail .info {
  padding-bottom: 5px;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 13px;
}
#profile_apply .step4 article[data-model=qualifications] .detail .info .title,
#profile_apply .step4 article[data-model=experciences] .detail .info .title {
  font-weight: bold;
  padding-bottom: 8px;
}
#profile_apply .step4 article[data-model=qualifications] .detail .info:last-child,
#profile_apply .step4 article[data-model=experciences] .detail .info:last-child {
  padding-bottom: 0;
  margin-bottom: 0 !important;
  border-bottom: none;
}
#profile_apply .step4 article[data-model=qualifications] .detail .header,
#profile_apply .step4 article[data-model=experciences] .detail .header {
  fill: #999999;
  font-size: 12px;
  padding: 2px 0;
}
#profile_apply .step4 article[data-model=qualifications] .detail .header,
#profile_apply .step4 article[data-model=experciences] .detail .header,
#profile_apply .step4 article[data-model=qualifications] .detail .header:hover,
#profile_apply .step4 article[data-model=experciences] .detail .header:hover,
#profile_apply .step4 article[data-model=qualifications] .detail .header:visited,
#profile_apply .step4 article[data-model=experciences] .detail .header:visited,
#profile_apply .step4 article[data-model=qualifications] .detail .header:focus,
#profile_apply .step4 article[data-model=experciences] .detail .header:focus,
#profile_apply .step4 article[data-model=qualifications] .detail .header a,
#profile_apply .step4 article[data-model=experciences] .detail .header a {
  color: #999999;
}
#profile_apply .step4 article[data-model=qualifications] .detail .body,
#profile_apply .step4 article[data-model=experciences] .detail .body {
  padding: 7px 0;
}
#profile_apply .step4 article[data-model=qualifications] .detail .body .col-xs-12,
#profile_apply .step4 article[data-model=experciences] .detail .body .col-xs-12 {
  fill: #999999;
  line-height: 20px;
}
#profile_apply .step4 article[data-model=qualifications] .detail .body .col-xs-12,
#profile_apply .step4 article[data-model=experciences] .detail .body .col-xs-12,
#profile_apply .step4 article[data-model=qualifications] .detail .body .col-xs-12:hover,
#profile_apply .step4 article[data-model=experciences] .detail .body .col-xs-12:hover,
#profile_apply .step4 article[data-model=qualifications] .detail .body .col-xs-12:visited,
#profile_apply .step4 article[data-model=experciences] .detail .body .col-xs-12:visited,
#profile_apply .step4 article[data-model=qualifications] .detail .body .col-xs-12:focus,
#profile_apply .step4 article[data-model=experciences] .detail .body .col-xs-12:focus,
#profile_apply .step4 article[data-model=qualifications] .detail .body .col-xs-12 a,
#profile_apply .step4 article[data-model=experciences] .detail .body .col-xs-12 a {
  color: #999999;
}
#pro_essential .page-out {
  fill: #666666;
  margin-top: 20px;
}
#pro_essential .page-out,
#pro_essential .page-out:hover,
#pro_essential .page-out:visited,
#pro_essential .page-out:focus,
#pro_essential .page-out a {
  color: #666666;
}
#pro_essential .page-out i {
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  #pro_essential .page-out i {
    font-weight: bold;
    margin-right: 20px;
  }
}
#pro_essential .page-out span {
  font-weight: bold;
  font-size: 15px;
}
#pro_essential .apply_nav nav .nav_title {
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#pro_essential .apply_nav nav .nav_item:first-child {
  border-left: 1px solid #DCDCDC !important;
}
#pro_essential .apply_nav nav .nav_item:nth-child(2) .nav_title,
#pro_essential .apply_nav nav > div:nth-child(3) .nav_title {
  padding-right: 20px;
}
#pro_essential .apply_nav nav .nav_item:last-child {
  border-right: 1px solid #DCDCDC !important;
}
#pro_essential .apply_nav nav .nav_item:last-child .title {
  padding-right: 20px;
}
#pro_essential .apply_nav nav .nav_item {
  height: 52px;
  line-height: 52px;
  fill: #999999;
  background-color: #F9F9F9;
  border: 1px solid #DCDCDC;
  border-left: none !important;
  border-right: none !important;
  text-align: center;
  position: relative;
}
#pro_essential .apply_nav nav .nav_item,
#pro_essential .apply_nav nav .nav_item:hover,
#pro_essential .apply_nav nav .nav_item:visited,
#pro_essential .apply_nav nav .nav_item:focus,
#pro_essential .apply_nav nav .nav_item a {
  color: #999999;
}
#pro_essential .apply_nav nav .nav_item__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
#pro_essential .apply_nav nav .nav_item__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
#pro_essential .apply_nav nav .nav_item .triangle-right {
  background-color: #F9F9F9;
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
  border-top: 25px solid transparent;
  border-left: 17px solid #DCDCDC;
  border-bottom: 25px solid transparent;
}
#pro_essential .apply_nav nav .nav_item .triangle-right .inner-triangle {
  position: absolute;
  top: -24px;
  left: -17px;
  z-index: auto;
  border-top: 24px solid transparent;
  border-left: 16px solid #f9f9f9;
  border-bottom: 24px solid transparent;
}
#pro_essential .apply_nav nav .current-nav {
  font-weight: bold;
  background-color: #ffffff;
  color: black;
}
#pro_essential .apply_nav nav .current-nav .triangle-right {
  background-color: #F9F9F9;
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
  border-top: 25px solid transparent;
  border-left: 17px solid #DCDCDC;
  border-bottom: 25px solid transparent;
}
#pro_essential .apply_nav nav .current-nav .triangle-right .inner-triangle {
  position: absolute;
  top: -24px;
  left: -17px;
  z-index: auto;
  border-top: 24px solid transparent;
  border-left: 16px solid #ffffff;
  border-bottom: 24px solid transparent;
}
#pro_essential .apply_nav nav .current-nav:hover {
  color: black;
}
#pro_essential .apply_nav nav .past-nav .triangle-right {
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
  border-top: 25px solid transparent;
  border-left: 17px solid #DCDCDC;
  border-bottom: 25px solid transparent;
}
#pro_essential .apply_nav nav .past-nav .triangle-right .inner-triangle {
  position: absolute;
  top: -24px;
  left: -17px;
  z-index: auto;
  border-top: 24px solid transparent;
  border-left: 16px solid #f9f9f9;
  border-bottom: 24px solid transparent;
}
@media screen and (min-width: 768px) {
  #pro_essential .essential_form {
    padding: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  #pro_essential .essential_form {
    padding: 30px !important;
  }
}
#pro_essential .essential_wrap[data-step="1"] article .checkbox label,
#pro_essential .essential_wrap[data-step="2"] article .checkbox label {
  font-size: 15px;
  fill: #666666;
  margin-bottom: 10px;
  line-height: 20px;
  font-weight: bold !important;
}
#pro_essential .essential_wrap[data-step="1"] article .checkbox label,
#pro_essential .essential_wrap[data-step="2"] article .checkbox label,
#pro_essential .essential_wrap[data-step="1"] article .checkbox label:hover,
#pro_essential .essential_wrap[data-step="2"] article .checkbox label:hover,
#pro_essential .essential_wrap[data-step="1"] article .checkbox label:visited,
#pro_essential .essential_wrap[data-step="2"] article .checkbox label:visited,
#pro_essential .essential_wrap[data-step="1"] article .checkbox label:focus,
#pro_essential .essential_wrap[data-step="2"] article .checkbox label:focus,
#pro_essential .essential_wrap[data-step="1"] article .checkbox label a,
#pro_essential .essential_wrap[data-step="2"] article .checkbox label a {
  color: #666666;
}
@media screen and (min-width: 768px) {
  #pro_essential .essential_wrap[data-step="1"] .essential-submit-btn,
  #pro_essential .essential_wrap[data-step="2"] .essential-submit-btn {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #pro_essential .essential_wrap[data-step="1"] .essential-submit-btn button,
  #pro_essential .essential_wrap[data-step="2"] .essential-submit-btn button {
    width: 100%;
  }
}
.flt-followBtn[size=md] > button {
  margin: 0 auto;
}
.flt-followBtn[size=md].left > button {
  margin-left: 0 !important;
}
.flt-followBtn[size=md].right {
  text-align: right;
}
.flt-followBtn[size=md].right > button {
  margin-right: 0 !important;
}
.flt-followBtn[size=sm] button {
  width: 30px;
  height: 30px;
  padding: 0;
  float: right;
  margin-right: 0;
}
.flt-followBtn[size=sm] button i {
  margin: 0 !important;
}
.account-card-wrap {
  margin: 0 auto;
}
.account-card-wrap:before,
.account-card-wrap:after {
  content: " ";
  display: table;
}
.account-card-wrap:after {
  clear: both;
}
@media screen and (min-width: 1004px) {
  .account-card-wrap {
    width: 1004px;
  }
}
@media screen and (min-width: 666px) and (max-width: 1003px) {
  .account-card-wrap {
    width: 666px;
  }
}
@media screen and (min-width: 328px) and (max-width: 665px) {
  .account-card-wrap {
    width: 328px;
  }
}
.account-card {
  float: left;
  width: 328px;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  overflow: hidden;
}
@media screen and (min-width: 1004px) {
  .account-card {
    margin: 0 10px 10px 0;
  }
  .account-card:nth-child(3n + 3) {
    margin-right: 0;
  }
}
@media screen and (min-width: 666px) and (max-width: 1003px) {
  .account-card {
    margin: 0 10px 10px 0;
  }
  .account-card:nth-child(2n + 2) {
    margin-right: 0;
  }
}
@media screen and (min-width: 328px) and (max-width: 665px) {
  .account-card {
    margin-bottom: 10px;
  }
}
.account-card [data-section=top] {
  background-color: white;
  padding: 20px;
}
.account-card [data-section=top] .account-img {
  width: 110px;
}
.account-card [data-section=top] .account-img img {
  border-radius: 50%;
}
.account-card [data-section=top] .account-info {
  text-align: center;
}
.account-card [data-section=top] .account-info .follow__height {
  height: 20px;
}
.account-card [data-section=bottom] {
  text-align: center;
  border-top: 1px solid #dcdcdc;
  background-color: #F9F9F9;
  padding: 10px 0;
  min-height: 60px;
}
.account-card [data-section=bottom] .text_pair_1-sm {
  width: 40px;
  max-width: 40px;
}
.account-card [data-section=bottom] .text_pair_1-sm .c_contents,
.account-card [data-section=bottom] .text_pair_1-sm .c_unit {
  display: inline-block !important;
}
.account-card [data-section=bottom] .text_pair_1-sm .c_label {
  color: #999999;
}
.account-card [data-section=bottom] .text_pair_1-sm:nth-child(2) .c_contents {
  color: #1880FF;
}
footer.page {
  background-color: rgba(255, 255, 255, 0.75);
  border-top: 1px solid #bbc0c8;
  font-size: 12px;
}
footer.page ul {
  margin-bottom: 0;
}
footer.page dl {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 10px;
}
footer.page dl:first-child {
  padding-top: 14px;
}
footer.page dl:last-child {
  padding-bottom: 14px;
}
footer.page dt {
  margin-right: 20px;
  font-weight: normal;
}
footer.page a,
footer.page a:hover,
footer.page a:active,
footer.page a:focus {
  color: #929292;
}
footer.page a,
footer.page dt {
  line-height: 22px;
}
footer.page a.twitter,
footer.page a.twitter:hover,
footer.page a.twitter:active,
footer.page a.twitter:focus {
  color: #5fa9dd;
}
footer.page a.facebook,
footer.page a.facebook:hover,
footer.page a.facebook:active,
footer.page a.facebook:focus {
  color: #3c599a;
}
footer.page dt.kr_company_info,
footer.page .link-box.kr_company_info {
  margin-top: 3px;
  font-size: 11px;
  color: #a2a2a2;
}
body.none_responsive footer.page.min_width_1280px {
  min-width: 1280px;
}
#content-setting {
  max-width: 660px;
  margin: 65px auto 20px;
  padding: 0 10px;
}
#content-setting .form-control {
  border-radius: 0;
}
#content-setting dl {
  margin-bottom: 0;
}
#content-setting .helper_header {
  position: relative;
  padding-right: 30px;
}
#content-setting .bootstrap-select,
#content-setting .bootstrap-select .form-control {
  background-color: transparent;
}
#content-setting header {
  color: #6c6c6c;
  font-size: 30px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}
#content-setting section {
  padding-top: 20px;
  border-top: 4px solid #6c6c6c;
  margin-bottom: 40px;
  padding-right: 30px;
  position: relative;
}
#content-setting section:before,
#content-setting section:after {
  content: " ";
  display: table;
}
#content-setting section:after {
  clear: both;
}
#content-setting dt {
  font-size: 10pt;
  color: #6c6c6c;
  font-weight: bold;
  margin-bottom: 5px;
}
#content-setting section.general dt.warning {
  color: #ed1466;
}
#content-setting section.general dl {
  padding-left: 100px;
  position: relative;
  float: left;
  margin-left: 50px;
  margin-bottom: 20px;
  float: right;
}
#content-setting section.general dl.cnt_info {
  margin-left: 0;
  width: 100%;
}
#content-setting section.general dl.cnt_info dd {
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  padding: 10px;
}
#content-setting section.general dl.cnt_info dd:before,
#content-setting section.general dl.cnt_info dd:after {
  content: " ";
  display: table;
}
#content-setting section.general dl.cnt_info dd:after {
  clear: both;
}
#content-setting section.general dl.cnt_info dd p {
  float: left;
}
#content-setting section.general dl.cnt_info dd p:last-child {
  border-right: none;
}
#content-setting section.general dl.cnt_info span {
  display: block;
  font-weight: bold;
}
#content-setting section.general dt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  width: 100px;
}
@media screen and (min-width: 640px) {
  #content-setting section.general dl {
    width: 100%;
  }
  #content-setting section.general dl.cnt_info dd p {
    width: 25%;
    text-align: center;
    border-right: 1px solid #bfbfbf;
  }
}
@media screen and (max-width: 639px) {
  #content-setting section.general dl {
    width: 100%;
  }
  #content-setting section.general dl.cnt_info dd p {
    text-align: right;
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  #content-setting section.general dl.cnt_info dd p:last-child {
    margin-bottom: 0;
  }
  #content-setting section.general dl.cnt_info dd p span {
    float: left;
  }
}
#content-setting section.language dl.st1 select {
  background-color: #e8f2f2;
}
#content-setting section.language dl.st2 {
  margin-top: 20px;
}
#content-setting section.language dl.st2 dd {
  float: left;
  margin-right: 10px;
}
#content-setting section.language dl.st2 dd:last-child {
  margin-right: 0;
}
@media screen and (min-width: 640px) {
  #content-setting section.language dl dd {
    width: 196px;
  }
  #content-setting section.language dl dd:last-child {
    width: 198px;
  }
}
@media screen and (max-width: 639px) {
  #content-setting section.language dl dd {
    width: 100%;
    margin-bottom: 20px;
  }
}
#content-setting section.point dd.avail_points {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
#content-setting section.point dd.point_history button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #bfbfbf;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  height: 30px;
  line-height: 30px;
  width: 100%;
  border: 1px solid #6c6c6c;
  color: #6c6c6c;
}
#content-setting section.point dd.point_history button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #bfbfbf;
}
#content-setting section.point dd.point_history button:active {
  background-color: #ababab;
}
#content-setting section.point dd.point_history button[data-notclick="true"] {
  cursor: default;
}
#content-setting section.point dd.point_history button[data-notclick="true"]:active {
  background-color: #ececec;
}
@media screen and (min-width: 640px) {
  #content-setting section.point dd.avail_points {
    width: 406px;
    float: left;
    margin-right: 10px;
  }
  #content-setting section.point dd.point_history {
    width: 194px;
    float: left;
  }
}
#content-setting section.point dl.btn-group {
  margin-top: 20px;
}
#content-setting section.point dl.btn-group dd button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #e8f2f2;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  border: 1px solid #bfbfbf;
  margin-right: 10px;
  float: left;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}
#content-setting section.point dl.btn-group dd button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #e8f2f2;
}
#content-setting section.point dl.btn-group dd button:active {
  background-color: #cee3e3;
}
#content-setting section.point dl.btn-group dd button[data-notclick="true"] {
  cursor: default;
}
#content-setting section.point dl.btn-group dd button[data-notclick="true"]:active {
  background-color: #ececec;
}
#content-setting section.point dl.btn-group dd button:last-child {
  margin-right: 0;
}
@media screen and (min-width: 640px) {
  #content-setting section.point dl.btn-group dd button {
    width: 196px;
  }
  #content-setting section.point dl.btn-group dd button:last-child {
    width: 198px;
  }
}
@media screen and (max-width: 639px) {
  #content-setting section.point dl.btn-group {
    display: block;
  }
  #content-setting section.point dl.btn-group dd button {
    width: 100%;
    margin-bottom: 20px;
  }
}
#content-setting section.connect dl {
  float: left;
  width: 295px;
  margin-bottom: 20px;
}
#content-setting section.connect dl:nth-child(2n+1) {
  margin-right: 20px;
}
#content-setting section.connect dt {
  min-height: 18px;
}
#content-setting section.connect dd button {
  width: 100%;
  height: 30px;
}
#content-setting section.connect dd button i {
  float: left;
}
@media screen and (max-width: 639px) {
  #content-setting section.connect dl {
    width: 100%;
    margin-right: 0;
  }
}
#content-setting section.quit {
  border-top: 1px solid #bfbfbf;
}
#content-setting section.quit dt {
  font-weight: normal;
  cursor: pointer;
}
#content-setting section.quit dt:hover {
  font-weight: bold;
  text-decoration: underline;
}
.form-horizontal .form-group {
  margin: 0 0 10px 0;
}
.insert-box {
  margin-bottom: 20px;
  margin-top: 10px;
}
.insert-box:first-child {
  margin-top: 0;
}
.insert-box.border {
  border-bottom: 2px solid #DCDCDC;
  background: #f4f4f4;
}
.insert-box .form-control {
  max-width: 300px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .insert-box .form-control {
    width: 100%;
    margin-bottom: 10px;
  }
}
.insert-box .form-control.large {
  max-width: inherit;
  height: 150px;
}
.insert-box .form-group select {
  float: left;
}
.insert-box .form-group button {
  float: left;
}
.insert-box .form-group .my_points {
  color: #666;
}
.insert-box p.vertical {
  font-size: 14px;
  clear: both;
  padding: 10px;
}
.insert-box section {
  background: #FFFFFF;
  padding: 20px 10px;
}
.insert-box section > div,
.insert-box section > form {
  padding: 0 10px;
}
.insert-box label {
  font-weight: bold;
  text-align: left;
  color: #333333;
}
.insert-box .picture-group {
  padding: 10px 0;
}
.insert-box .form-group-checkbox {
  margin-bottom: 10px;
  display: table;
  width: 100%;
}
.insert-box .form-group-checkbox > .cell {
  display: table-cell;
  vertical-align: middle;
}
.insert-box .form-group-checkbox > .cell .dropdown-menu {
  top: inherit;
  left: inherit;
}
.insert-box .form-group-checkbox > .cell-top {
  display: table-cell;
  vertical-align: top;
}
.insert-box .form-group-checkbox > * {
  display: table-cell;
  vertical-align: middle;
}
.insert-box .form-group-checkbox > * .dropdown-menu {
  top: inherit;
  left: inherit;
}
.insert-box .form-group-checkbox > div.w80 {
  width: 80px;
  padding: 0 10px;
}
.insert-box .form-group-checkbox > div.w80.checkbox {
  width: auto;
}
.insert-box .form-group-checkbox > div.w80.checkbox button,
.insert-box .form-group-checkbox > div.w80.checkbox label {
  float: left;
}
.insert-box .form-group-checkbox > div.w80.checkbox label {
  margin-left: 10px;
  line-height: 18px;
}
.insert-box .password-change-group > * {
  display: none;
}
.insert-box .password-change-group > *:first-child {
  display: block;
}
.insert-box .form-lang-select-group {
  padding-top: 10px;
}
.insert-box .form-lang-select-group .select-box {
  margin: 5px 0;
}
.insert-box .form-lang-select-group .select-box:before,
.insert-box .form-lang-select-group .select-box:after {
  content: " ";
  display: table;
}
.insert-box .form-lang-select-group .select-box:after {
  clear: both;
}
.insert-box .mail-again button {
  margin-top: 0;
  float: inherit;
}
.insert-box .mail-again p {
  float: left;
  margin: 8px 4px 0 0;
  color: #ec5464;
}
.insert-box .form-group.picture-group {
  padding: 10px;
  background: #e6e6e6;
}
.insert-box .form-group.picture-group > * {
  display: table-cell;
  vertical-align: top;
}
.insert-box .form-group.picture-group button {
  margin: 5px;
  float: right;
}
.insert-box .terms {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 200px;
  margin: 0 10px;
  padding: 15px;
  border: 1px solid #DCDCDC;
}
.insert-box .terms.open {
  overflow-y: scroll;
  height: 400px;
}
.insert-box .bootstrap-select {
  display: inline-block;
}
.insert-box .vertical_input {
  line-height: 32px;
  margin-left: 10px;
  display: inline-block;
}
@media screen and (max-width: 520px) {
  .insert-box .form-group > label {
    width: 100%;
  }
}
@media screen and (min-width: 521px) {
  .insert-box .form-group {
    display: table;
    width: 100%;
  }
  .insert-box .form-group > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  .insert-box .form-group > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  .insert-box .form-group > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  .insert-box .form-group > * {
    display: table-cell;
    vertical-align: middle;
  }
  .insert-box .form-group > * .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  .insert-box .form-group > label {
    width: 240px;
  }
}
.product_box {
  background: #ffffff;
  border: 1px solid #DCDCDC;
}
.product_box .insert-group header {
  padding-left: 0;
}
.product_box .insert-group .insert-box {
  margin: 0;
  text-align: center;
  border-left: 1px solid #DCDCDC;
}
.product_box .insert-group .insert-box.static {
  text-align: left;
}
.product_box .insert-group .insert-box.static.title {
  text-align: center;
}
.product_box .insert-group .insert-box.static header {
  padding-left: 20px;
}
.product_box .insert-group .insert-box section.cell-group {
  padding-left: 0;
  padding-right: 0;
}
.product_box .insert-group section {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .product_box .insert-group[data-type=static] .insert-box {
    width: 50%;
    float: left;
  }
  .product_box .insert-group[data-type=static] .insert-box.static {
    width: 100%;
  }
  .product_box .insert-group[data-type=static] .insert-box section {
    height: 30px;
  }
  .product_box .insert-group[data-type=static] .insert-box:first-child section {
    min-height: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .product_box .insert-group[data-type=static] .insert-box {
    width: 25%;
    float: left;
  }
  .product_box .insert-group[data-type=static] .insert-box.static {
    width: 100%;
  }
  .product_box .insert-group[data-type=static] .insert-box section {
    height: 30px;
  }
  .product_box .insert-group[data-type=static] .insert-box:first-child section {
    min-height: 70px;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .product_box .insert-group[data-type=static].col4 .insert-box {
    width: 50%;
  }
  .product_box .insert-group[data-type=static].col4 .insert-box:last-child {
    width: 100%;
  }
  .product_box .insert-group[data-type=static].col4 .insert-box.static {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .product_box .insert-group[data-type=static].col4 .insert-box {
    width: 33%;
  }
  .product_box .insert-group[data-type=static].col4 .insert-box:last-child {
    width: 34%;
  }
  .product_box .insert-group[data-type=static].col4 .insert-box.static {
    width: 100%;
  }
}
@media screen and (min-width: 1000px) {
  .product_box .insert-group[data-type=static] {
    display: table;
    width: 100%;
  }
  .product_box .insert-group[data-type=static] > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  .product_box .insert-group[data-type=static] > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  .product_box .insert-group[data-type=static] > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  .product_box .insert-group[data-type=static] .insert-box {
    display: table-cell;
    vertical-align: top;
    width: 150px;
  }
  .product_box .insert-group[data-type=static] .insert-box section {
    min-height: 70px;
  }
  .product_box .insert-group[data-type=static] .insert-box.static {
    width: auto;
    border: none;
  }
}
.product_box .insert-group[data-type=flexible] .insert-box.static header {
  text-align: center;
  padding-left: 0;
}
.product_box .insert-group[data-type=flexible] .code_info {
  margin-top: 10px;
}
.product_box .insert-group[data-type=flexible] .vertical_box .box {
  display: block;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .product_box .insert-group[data-type=flexible] .vertical_box .box {
    display: inline;
  }
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .product_box .insert-group[data-type=flexible] {
    padding: 10px 20px;
  }
  .product_box .insert-group[data-type=flexible] .insert-box {
    border: none;
    margin: 5px 0;
  }
  .product_box .insert-group[data-type=flexible] .insert-box section {
    padding: 0;
    text-align: left;
  }
  .product_box .insert-group[data-type=flexible] .insert-box section > div {
    padding: 0;
  }
  .product_box .insert-group[data-type=flexible] .txt_order {
    margin-left: 10px;
  }
  .product_box .insert-group[data-type=flexible] .img-box {
    float: left;
  }
  .product_box .insert-group[data-type=flexible] .img-box img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: 5px;
  }
  .product_box .insert-group[data-type=flexible] .code_info .txt_expiration span {
    display: block;
  }
}
@media screen and (min-width: 600px) {
  .product_box .insert-group[data-type=flexible] section.product {
    padding-left: 100px;
    position: relative;
  }
  .product_box .insert-group[data-type=flexible] section.product .img-box {
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: auto;
    margin-top: -35px;
  }
}
@media screen and (min-width: 600px) and (max-width: 1199px) {
  .product_box .insert-group[data-type=flexible] {
    display: table;
    width: 100%;
  }
  .product_box .insert-group[data-type=flexible] > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  .product_box .insert-group[data-type=flexible] > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  .product_box .insert-group[data-type=flexible] > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  .product_box .insert-group[data-type=flexible] .insert-box {
    display: table-cell;
    vertical-align: middle;
    width: 90px;
  }
  .product_box .insert-group[data-type=flexible] .insert-box section > span {
    display: block;
  }
  .product_box .insert-group[data-type=flexible] .insert-box .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  .product_box .insert-group[data-type=flexible] .insert-box section > div {
    padding: 0;
  }
  .product_box .insert-group[data-type=flexible] .insert-box.static {
    width: auto;
  }
  .product_box .insert-group[data-type=flexible] .code_info .txt_expiration span {
    display: block;
  }
}
@media screen and (min-width: 1000px) {
  .product_box .insert-group[data-type=flexible] {
    display: table;
    width: 100%;
  }
  .product_box .insert-group[data-type=flexible] > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  .product_box .insert-group[data-type=flexible] > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  .product_box .insert-group[data-type=flexible] > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  .product_box .insert-group[data-type=flexible] .insert-box {
    display: table-cell;
    vertical-align: middle;
    width: 150px;
  }
  .product_box .insert-group[data-type=flexible] .insert-box .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  .product_box .insert-group[data-type=flexible] .insert-box.static {
    width: auto;
  }
  .product_box .insert-group[data-type=flexible] .code_info {
    margin-left: 10px;
  }
}
#payment_form_div {
  margin-bottom: 60px;
  float: left;
  width: 100%;
}
#payment_form_div .cart_step a {
  color: #929292;
}
#payment_form_div .cart_step {
  padding: 10px;
}
#payment_form_div .cart_step div {
  padding: 10px 0;
  display: block;
  float: left;
}
#payment_form_div .cart_step span {
  font-weight: bold;
  font-size: 14px;
  margin-right: 10px;
}
#payment_form_div .cart_step span.active {
  color: #257dc1;
  font-size: 24px;
}
#payment_form_div .order_ok_box {
  margin-bottom: 20px;
}
#payment_form_div .product-info {
  color: #666666;
  line-height: 1.4em;
}
#payment_form_div .product-info .img-box a {
  margin-right: 10px;
}
#payment_form_div .product-info .title,
#payment_form_div .product-info .title a {
  font-size: 14px;
  color: #333333;
}
#payment_form_div .product-info .title {
  margin-bottom: 25px;
}
#content-order {
  padding-bottom: 100px;
}
#qna_form_div {
  padding-bottom: 100px;
}
#qna_form_div,
#qna_form_div a,
#qna_form_div pre {
  color: #666666;
}
#qna_form_div a.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.product_box.line .insert-group {
  line-height: 1.5em;
  border-bottom: 1px solid #DCDCDC;
}
.product_box.line .insert-group,
.product_box.line .insert-group a,
.product_box.line .insert-group pre {
  color: #666666;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .product_box.line .insert-group.hidden_320_599,
  .product_box.line .insert-group .hidden_320_599 {
    display: none;
  }
}
.product_box.line .insert-group .margin {
  margin: 10px !important;
}
.product_box.line .insert-group .padding {
  padding: 10px !important;
}
.product_box.line .insert-group .insert-box.title {
  color: #999999;
  font-size: 14px;
  background: #ececec;
}
.product_box.line .insert-group.strong .insert-box {
  background: #f4f4f4;
}
.product_box.line .insert-group.strong .insert-box header {
  color: #333333;
  font-size: 20px;
  height: inherit;
  border-bottom-width: 0px;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  .product_box.line .insert-group.strong {
    padding: 0;
    border: none;
  }
}
.product_box.line .insert-group .insert-box.border {
  border-bottom-width: 0;
}
.product_box.line .insert-group .status.a {
  color: #4fbfb6;
}
.product_box.line .insert-group.cursor {
  cursor: pointer;
}
.product_box.line .insert-group.answer {
  display: none;
}
.product_box.line .insert-group.answer,
.product_box.line .insert-group.answer section {
  color: #333333;
  background: #ececec;
}
.product_box.line .insert-group.answer > div {
  border-left: none;
}
.code_info {
  border: 1px solid #DCDCDC;
  border-radius: 6px;
  padding: 10px;
}
.xpay_caption {
  font-size: 11px;
  color: #929292;
}
#img_edit .modal-body {
  padding: 10px 0;
  overflow-y: scroll;
  max-height: 300px;
}
#img_edit .modal-footer {
  margin-top: 0;
  padding: 15px;
}
#img_edit .canvas-container {
  margin: auto;
}
.auth_help {
  margin: 7px 0 0;
  color: #929292;
  font-size: 12px;
}
.terms + .check-group {
  margin-top: 16px;
  margin-bottom: 0;
}
.system_language__tooltip {
  font-size: 12px;
  height: 30px;
  background: none;
  border: none;
}
#content-order {
  margin: 0 auto;
}
@media screen and (min-width: 320px) and (max-width: 649px) {
  #content-order {
    width: 320px;
  }
  #content-order #hots_box {
    display: none;
  }
}
@media screen and (min-width: 650px) and (max-width: 979px) {
  #content-order {
    width: 650px;
  }
}
@media screen and (min-width: 980px) and (max-width: 1199px) {
  #content-order {
    width: 980px;
  }
}
@media screen and (min-width: 1000px) {
  #content-order {
    width: 1190px;
  }
}
#content-store-wrap {
  margin: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  #content-store-wrap {
    margin: 0 5px;
  }
}
@media screen and (min-width: 1000px) {
  #content-store-wrap {
    width: 980px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 649px) {
  #content-store article.product.large {
    width: 100%;
    height: inherit;
  }
  #content-store article.product.large .img-box,
  #content-store article.product.large .desc {
    width: 100%;
  }
  #content-store article.product.large .img-box img {
    width: 100%;
  }
  #content-store article.product.large .region {
    margin-top: 20px;
  }
  #content-store article.product.large .price-group {
    position: static;
    padding: 0;
  }
}
@media screen and (min-width: 650px) {
  #content-store article.product.large {
    display: table;
    width: 100%;
  }
  #content-store article.product.large > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  #content-store article.product.large > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content-store article.product.large > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  #content-store article.product.large .desc {
    display: table-cell;
    vertical-align: top;
    width: 328px;
  }
  #content-store article.product.large .img-box {
    display: table-cell;
    vertical-align: top;
  }
  #content-store article.product.large .price-group > div:first-child {
    padding-right: 10px;
  }
  #content-store article.product.large .exchange {
    font-size: 34px;
    font-weight: bold;
    color: #473333;
  }
  #content-store article.product.large .region {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  #content-store article.product.large .title {
    font-size: 26px;
    height: 132px;
    line-height: 1.1em;
    overflow: hidden;
  }
  #content-store article.product.large .price {
    font-size: 34px;
  }
  #content-store article.product.large .price_desc {
    font-size: 16px;
  }
}
@media screen and (min-width: 650px) {
  #content-store #hots_box article.product.large .img-box img.web_pic {
    display: none;
  }
  #content-store #hots_box article.product.large .img-box img.thumb {
    display: block;
  }
}
@media screen and (min-width: 979px) {
  #content-store #hots_box article.product.large .img-box img.web_pic {
    display: block;
  }
  #content-store #hots_box article.product.large .img-box img.thumb {
    display: none;
  }
}
#content-store {
  margin: 10px auto 100px;
}
#content-store .btn-more-newsfeed {
  margin: 10px 0 0 0;
}
#content-store article.product {
  margin-top: 10px;
}
@media screen and (min-width: 320px) and (max-width: 649px) {
  #content-store {
    width: 320px;
  }
  #content-store #hots_box {
    display: none;
  }
}
@media screen and (min-width: 650px) and (max-width: 979px) {
  #content-store {
    width: 650px;
  }
  #content-store article.product:nth-child(2n+1) {
    margin-right: 10px;
  }
}
@media screen and (min-width: 980px) {
  #content-store {
    width: 980px;
  }
  #content-store article.product:nth-child(3n+1) {
    margin-right: 10px;
  }
  #content-store article.product:nth-child(3n+3) {
    margin-left: 10px;
  }
}
#content-timeline.add_recent {
  margin: 10px auto;
  padding-left: 0;
}
@media screen and (min-width: 1000px) {
  #content-timeline.add_recent {
    width: 980px;
  }
}
#content-order.add_recent {
  margin-top: 10px;
}
@media screen and (min-width: 320px) and (max-width: 649px) {
  #content-order.add_recent {
    width: 320px;
  }
}
@media screen and (min-width: 650px) and (max-width: 979px) {
  #content-order.add_recent {
    width: 650px;
  }
}
@media screen and (min-width: 980px) {
  #content-order.add_recent {
    width: 980px;
  }
}
#hots_box {
  position: relative;
  float: left;
  width: 100%;
}
#hots_box article.product.large {
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 650px) {
  #hots_box {
    height: 320px;
    overflow: hidden;
  }
}
nav.store {
  background: #f0f0f0;
  background: #F9F9F9;
  margin: 10px;
  border: 1px solid #DCDCDC;
}
nav.store .select_box > div {
  margin: 0 10px;
}
nav.store .select_box > div select {
  min-width: 150px;
  height: 30px;
}
nav.store .select_box > div:first-child {
  margin-left: 0;
}
nav.store .select_box > div:last-child {
  margin-right: 0;
}
nav.store .link_group div {
  text-align: center;
  float: left;
}
nav.store .link_group i {
  display: inline-block;
}
nav.store .link_group span,
nav.store .link_group i {
  vertical-align: middle;
  font-size: 14px;
}
nav.store .link_group i {
  margin-right: 5px;
}
nav.store .link_group a {
  color: #666666;
  display: block;
}
nav.store .link_temp {
  float: right;
}
nav.store .link_temp a {
  height: 30px;
  line-height: 30px;
  display: inline-block;
  font-size: 14px;
  color: #666666;
  margin: 0 10px;
}
nav.store .link_temp i {
  vertical-align: middle;
  margin-right: 3px;
}
@media screen and (max-width: 980px) {
  nav.store .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
  #content-order nav.store .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 150px;
  }
}
#content.step-width nav.store {
  margin: 0 auto;
}
@media screen and (min-width: 320px) and (max-width: 649px) {
  #content.step-width nav.store {
    width: 320px !important;
    display: table;
    width: 100%;
  }
  #content.step-width nav.store > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  #content.step-width nav.store > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.step-width nav.store > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  #content.step-width nav.store .select_box {
    display: table-cell;
    vertical-align: middle;
  }
  #content.step-width nav.store .select_box .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.step-width nav.store .select_box .bootstrap-select {
    width: 100%;
  }
  #content.step-width nav.store .select_box > div {
    margin: 0;
    padding: 10px;
  }
  #content.step-width nav.store .link_group {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
  }
  #content.step-width nav.store .link_group .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.step-width nav.store .link_group div {
    width: 100%;
    height: 91px;
    min-width: auto;
    display: table;
  }
  #content.step-width nav.store .link_group div:last-child {
    height: 92px;
  }
  #content.step-width nav.store .link_group div a {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #DCDCDC;
  }
  #content.step-width nav.store .link_group span {
    display: block;
    font-size: 14px;
  }
  #content.step-width nav.store .link_temp {
    width: 100%;
  }
  #content.step-width nav.store .link_temp a {
    margin: 0;
    width: 48%;
    display: inline-block;
  }
  #content.step-width nav.store .link_temp a:first-child span {
    border-right: none;
  }
}
@media screen and (min-width: 650px) and (max-width: 979px) {
  #content.step-width nav.store {
    width: 650px;
  }
  #content.step-width nav.store .select_box {
    padding: 10px;
    border-bottom: 1px solid #DCDCDC;
  }
  #content.step-width nav.store .select_box > div:first-child {
    display: inline-block;
    float: left;
  }
  #content.step-width nav.store .link_group {
    display: block;
  }
  #content.step-width nav.store .link_group div {
    width: 50%;
    padding: 7px;
  }
  #content.step-width nav.store .link_group div:last-child {
    border-left: 1px solid #DCDCDC;
  }
  #content.step-width nav.store .select_box > div:first-child select {
    min-width: 160px;
  }
}
@media screen and (min-width: 980px) and (max-width: 1199px) {
  #content.step-width nav.store {
    width: 980px;
  }
  #content.step-width nav.store .select_box {
    padding: 10px;
    border-bottom: 1px solid #DCDCDC;
  }
  #content.step-width nav.store .select_box > div:first-child {
    display: inline-block;
    float: left;
  }
  #content.step-width nav.store .link_group {
    display: block;
  }
  #content.step-width nav.store .link_group div {
    width: 50%;
    padding: 7px;
  }
  #content.step-width nav.store .link_group div:last-child {
    border-left: 1px solid #DCDCDC;
  }
  #content.step-width nav.store .select_box > div:first-child select {
    min-width: 160px;
  }
}
@media screen and (min-width: 1000px) {
  #content.step-width nav.store {
    width: 980px !important;
    display: table;
    width: 100%;
  }
  #content.step-width nav.store > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  #content.step-width nav.store > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.step-width nav.store > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  #content.step-width nav.store .select_box {
    padding: 10px;
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
  }
  #content.step-width nav.store .select_box .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.step-width nav.store .select_box > div:first-child {
    display: inline-block;
  }
  #content.step-width nav.store .link_group {
    display: table-cell;
    vertical-align: middle;
    width: 400px;
  }
  #content.step-width nav.store .link_group .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.step-width nav.store .link_group div {
    width: 200px;
    border-left: 1px solid #DCDCDC;
    padding: 10px;
  }
  #content.step-width nav.store .link_group {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 649px) {
  #content.flex-width nav.store {
    display: table;
    width: 100%;
  }
  #content.flex-width nav.store > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  #content.flex-width nav.store > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.flex-width nav.store > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  #content.flex-width nav.store .select_box {
    display: table-cell;
    vertical-align: middle;
  }
  #content.flex-width nav.store .select_box .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.flex-width nav.store .select_box .bootstrap-select {
    width: 100%;
  }
  #content.flex-width nav.store .select_box > div {
    margin: 0;
    padding: 10px;
  }
  #content.flex-width nav.store .link_group {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
  }
  #content.flex-width nav.store .link_group .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.flex-width nav.store .link_group div {
    width: 100%;
    height: 91px;
    min-width: auto;
    display: table;
  }
  #content.flex-width nav.store .link_group div:last-child {
    height: 92px;
  }
  #content.flex-width nav.store .link_group div a {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #DCDCDC;
  }
  #content.flex-width nav.store .link_group span {
    display: block;
    font-size: 14px;
  }
  #content.flex-width nav.store .link_temp {
    width: 100%;
  }
  #content.flex-width nav.store .link_temp a {
    margin: 0;
    width: 48%;
    display: inline-block;
  }
  #content.flex-width nav.store .link_temp a:first-child span {
    border-right: none;
  }
}
@media screen and (min-width: 650px) and (max-width: 999px) {
  #content.flex-width nav.store {
    margin: 0 5px;
  }
  #content.flex-width nav.store .select_box {
    padding: 10px;
    border-bottom: 1px solid #DCDCDC;
  }
  #content.flex-width nav.store .select_box > div:first-child {
    display: inline-block;
    float: left;
  }
  #content.flex-width nav.store .link_group {
    display: block;
  }
  #content.flex-width nav.store .link_group div {
    width: 50%;
    padding: 7px;
  }
  #content.flex-width nav.store .link_group div:last-child {
    border-left: 1px solid #DCDCDC;
  }
  #content.flex-width nav.store .select_box > div:first-child select {
    min-width: 160px;
  }
}
@media screen and (min-width: 1000px) {
  #content.flex-width nav.store {
    display: table;
    width: 100%;
    margin: 0 auto;
    width: 980px;
  }
  #content.flex-width nav.store > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  #content.flex-width nav.store > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.flex-width nav.store > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  #content.flex-width nav.store .select_box {
    padding: 10px;
    padding-left: 20px;
    display: table-cell;
    vertical-align: middle;
  }
  #content.flex-width nav.store .select_box .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.flex-width nav.store .select_box > div:first-child {
    display: inline-block;
  }
  #content.flex-width nav.store .link_group {
    display: table-cell;
    vertical-align: middle;
    width: 400px;
  }
  #content.flex-width nav.store .link_group .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content.flex-width nav.store .link_group div {
    width: 200px;
    border-left: 1px solid #DCDCDC;
    padding: 10px;
  }
  #content.flex-width nav.store .link_group {
    display: none;
  }
}
.item article.product {
  height: 320px;
}
article.product {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 320px;
  height: 420px;
  background: #ffffff;
  border: 1px solid #DCDCDC;
}
article.product .img-box {
  position: relative;
}
article.product .img-box .top_layer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: auto;
  height: 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}
article.product .img-box .top_layer p {
  font-size: 18px;
  color: #ffffff;
}
article.product .img-box .top_layer.red {
  background: rgba(255, 21, 21, 0.5);
}
article.product .img-box img {
  float: left;
  max-height: 400px;
}
article.product .desc,
div[data-model=product_cut] .product-box .desc {
  position: relative;
  padding: 20px;
}
article.product,
div[data-model=product_cut] .product-box,
article.product a,
div[data-model=product_cut] .product-box a,
article.product a:hover,
div[data-model=product_cut] .product-box a:hover {
  color: #333333;
}
article.product .region,
div[data-model=product_cut] .product-box .region {
  margin-bottom: 5px;
  color: #999999;
  font-size: 12px;
  display: block;
}
article.product .title,
div[data-model=product_cut] .product-box .title,
article.product .title_product,
div[data-model=product_cut] .product-box .title_product {
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4em;
}
article.product .title:before,
div[data-model=product_cut] .product-box .title:before,
article.product .title_product:before,
div[data-model=product_cut] .product-box .title_product:before,
article.product .title:after,
div[data-model=product_cut] .product-box .title:after,
article.product .title_product:after,
div[data-model=product_cut] .product-box .title_product:after {
  content: " ";
  display: table;
}
article.product .title:after,
div[data-model=product_cut] .product-box .title:after,
article.product .title_product:after,
div[data-model=product_cut] .product-box .title_product:after {
  clear: both;
}
article.product .title a,
div[data-model=product_cut] .product-box .title a,
article.product .title_product a,
div[data-model=product_cut] .product-box .title_product a {
  line-height: 1.3;
}
article.product .title,
div[data-model=product_cut] .product-box .title {
  margin-bottom: 10px;
}
article.product .title_product,
div[data-model=product_cut] .product-box .title_product {
  font-size: 20px;
  margin-bottom: 10px;
}
article.product .price,
div[data-model=product_cut] .product-box .price {
  line-height: 1;
  color: #ea5753;
  font-weight: bold;
  font-size: 27px;
}
article.product .price_desc,
div[data-model=product_cut] .product-box .price_desc {
  color: #999999;
  font-size: 12px;
  font-weight: normal;
}
article.product.large .price-group,
div[data-model=product_cut] .product-box.large .price-group {
  line-height: 1;
  width: 283px;
}
article.product.large .price-group > div,
div[data-model=product_cut] .product-box.large .price-group > div {
  margin-top: 10px;
}
article.product.large .price-group > div:first-child,
div[data-model=product_cut] .product-box.large .price-group > div:first-child {
  margin-top: 0;
}
article.product.normal .price-group,
div[data-model=product_cut] .product-box.normal .price-group {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  line-height: 1;
}
article.product.normal .price-group > div,
div[data-model=product_cut] .product-box.normal .price-group > div {
  margin-top: 10px;
}
article.product.normal .price-group > div:first-child,
div[data-model=product_cut] .product-box.normal .price-group > div:first-child {
  margin-top: 0;
}
#content-timeline article.product.large .img-box img.thumb {
  display: none;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  #content-timeline article.product.large {
    width: 100%;
    height: inherit;
  }
  #content-timeline article.product.large .img-box,
  #content-timeline article.product.large .desc {
    width: 100%;
  }
  #content-timeline article.product.large .img-box img {
    width: 100%;
  }
  #content-timeline article.product.large .region {
    margin-top: 20px;
  }
  #content-timeline article.product.large .price-group {
    position: static;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  #content-timeline article.product.large {
    display: table;
    width: 100%;
    overflow: hidden;
    height: 320px;
  }
  #content-timeline article.product.large > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  #content-timeline article.product.large > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  #content-timeline article.product.large > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  #content-timeline article.product.large .desc {
    display: table-cell;
    vertical-align: top;
    width: 328px;
  }
  #content-timeline article.product.large .img-box {
    display: table-cell;
    vertical-align: top;
  }
  #content-timeline article.product.large .price-group > div:first-child {
    padding-right: 10px;
  }
  #content-timeline article.product.large .exchange {
    font-size: 34px;
    font-weight: bold;
    color: #473333;
  }
  #content-timeline article.product.large .region {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  #content-timeline article.product.large .title {
    font-size: 26px;
    height: 132px;
    line-height: 1.1em;
    overflow: hidden;
  }
  #content-timeline article.product.large .price {
    font-size: 34px;
  }
  #content-timeline article.product.large .price_desc {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
  #content-timeline article.product.large div.desc {
    position: relative;
    width: 40%;
  }
  #content-timeline article.product.large .img-box {
    vertical-align: middle;
  }
}
article.product.large .remain_day {
  margin-top: 24px;
  font-size: 15px;
  color: #999999;
}
article.product.large .remain_day b {
  margin-right: 5px;
}
article.product.large .btn-group {
  margin-top: -24px;
  text-align: right;
  float: right;
}
article.product.large .btn-group button {
  float: left;
  z-index: 1;
  display: inline-block;
}
article.product.normal {
  position: relative;
}
article.product.normal .img-box {
  width: 100%;
  height: 292px;
  min-width: auto;
  overflow: hidden;
}
article.product.normal .img-box img {
  display: block;
  width: 100%;
  height: auto;
}
article.product.normal .img-box .category {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: auto;
  width: 96px;
  height: 96px;
  min-width: auto;
  color: #fff;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  background: rgba(255, 51, 51, 0.5);
}
article.product.normal .img-box .category.event {
  background: rgba(255, 51, 51, 0.5);
}
article.product.normal .img-box .category.donation {
  background: rgba(255, 150, 0, 0.5);
}
article.product.normal .img-box .category i {
  display: block;
}
article.product.normal .desc {
  position: relative;
  height: 126px;
  padding: 12px 20px 16px;
}
article.product.normal .btn-group {
  position: absolute;
  bottom: 20px;
  right: 10px;
  z-index: auto;
}
article.product.normal .btn-group button {
  float: left;
}
article.product.normal .btn-like {
  display: none;
}
article.product.normal .title {
  line-height: 1.4em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
article.product.normal .price-group {
  margin-top: 12px;
}
.product_box {
  color: #666666;
  margin-bottom: 20px;
}
.product_box .title,
.product_box .title a {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
}
.product_box .txt_order {
  color: #257dc1;
}
.product_box .expire_date,
.product_box .quantity,
.product_box .txt_expiration,
.product_box .txt_amount {
  color: #fc3232;
}
.product_box .thankyou {
  position: relative;
  margin: 80px auto;
  max-width: 640px;
}
.product_box .thankyou dt {
  padding-left: 265px;
  height: 200px;
  margin-bottom: 50px;
}
.product_box .thankyou dt p {
  padding: 30px 0 0 30px;
  font-size: 18px;
  color: #333333;
}
.product_box .thankyou dd {
  text-align: center;
}
.product_box .thankyou .donate_to {
  padding-bottom: 65px;
  font-size: 20px;
  color: #666666;
}
.product_box .thankyou .donate_to span {
  color: #73c0f9;
}
.product_box .thankyou .donate_notice {
  padding-bottom: 20px;
  font-size: 14px;
  color: #666666;
}
.product_box .thankyou .store-thankyou_illust {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .product_box .thankyou dt {
    padding-left: 0;
    text-align: center;
  }
  .product_box .thankyou .store-thankyou_en {
    display: inline-block;
  }
  .product_box .thankyou .store-thankyou_illust {
    display: none;
  }
}
.insert-box .input-points .btn-group {
  margin-top: 10px;
  margin-bottom: 5px;
}
.insert-box .input-points .check-group {
  display: block;
  margin-top: 0;
  margin-bottom: 5px;
}
.buy-box {
  position: relative;
}
.buy-box dl {
  border: 2px solid #DCDCDC;
  border-radius: 6px;
  z-index: 10;
  bottom: 0;
  background: #ffffff;
  height: 60px;
  padding: 10px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .buy-box dl {
    right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .buy-box dl {
    right: 20px;
  }
}
@media screen and (min-width: 1000px) {
  .buy-box dl {
    left: 50%;
    margin-left: 90px;
  }
}
.buy-box dt,
.buy-box dd {
  display: inline-block;
  margin: 0 5px;
}
.buy-box dt:last-child,
.buy-box dd:last-child {
  margin-left: 20px;
}
.buy-box dt {
  font-size: 16px;
  color: #999999;
}
.buy-box dd {
  font-size: 25px;
  color: #333333;
}
.feed[data-model=product] article.comment {
  background: #f6f6f6;
  padding: 20px;
}
.feed[data-model=product] article.comment > * {
  max-width: 800px;
}
.feed[data-model=product] article.comment .comment_group li {
  padding-left: 0;
}
#payment_form_div .caution {
  margin-left: 10px;
  color: #e23f42;
}
section[data-model=donor_rank] .person-rank {
  position: relative;
  padding-left: 74px;
  margin-bottom: 20px;
}
section[data-model=donor_rank] .person-rank img {
  position: absolute;
  top: 0;
  left: 24px;
  z-index: auto;
}
section[data-model=donor_rank] .person-rank dd.rank-info {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  padding-top: 10px;
  width: 24px;
  height: auto;
  min-width: auto;
  text-align: center;
}
section[data-model=donor_rank] .share_toggle {
  width: 20px;
  height: 20px;
  min-width: auto;
  border-radius: 4px;
  border: 1px solid #DCDCDC;
  background-color: #fff;
}
section[data-model=donor_rank] .share_toggle i {
  font-size: 12px;
}
.dropdown-menu.share-menu {
  min-width: inherit;
  padding-right: 4px;
  padding-left: 4px;
}
.dropdown-menu.share-menu li {
  float: left;
  margin-left: 4px;
}
#need_auth .modal-dialog {
  max-width: 480px;
}
#need_auth .modal-dialog ul {
  padding: 0 10px;
}
#need_auth .modal-dialog ul li {
  line-height: 25px;
}
#need_auth .modal-dialog .modal-body {
  min-height: 60px;
}
#need_auth .modal-dialog .modal-footer {
  border-top: 0;
}
#need_auth .go_to_auth {
  height: 34px;
  line-height: 34px;
  padding: 0 30px;
}
.store_auth_notice {
  margin-top: -10px;
  background-color: #f8f7d5;
  border: 1px solid #bbbbbb;
  color: #323232;
  min-height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.store_auth_notice.bottom_margin {
  margin-bottom: 10px;
}
a.sc-namecheck {
  margin-top: 10px;
  display: block;
  text-decoration: underline;
}
div[data-model=agree] section.flitto_store {
  min-height: 140px;
}
div[data-model=agree] section.flitto_store .store-store_thumbnail {
  margin: 0 20px 0 10px;
}
.email_valid_desc {
  clear: both;
  color: #257dc1;
}
#store_step {
  margin-bottom: 10px;
}
#store_step .insert-box {
  margin: 0;
}
#store_step,
#store_step a {
  color: #929292;
}
#store_step .cart_step {
  padding: 10px;
}
#store_step .cart_step div {
  padding: 10px 0;
  display: block;
  float: left;
}
#store_step .cart_step span {
  font-weight: bold;
  font-size: 14px;
  margin-right: 10px;
}
#store_step .cart_step span.active {
  color: #257dc1;
  font-size: 24px;
}
.noti_box .insert-group,
.noti_box .insert-group a,
.noti_box .insert-group pre {
  color: #333;
}
.noti_box .insert-group .insert-box.title {
  color: #999999;
  font-size: 14px;
  background: #ececec;
  margin-bottom: 0;
}
.noti_box .insert-group .insert-box.notifications {
  margin: 0;
  background: white;
}
.noti_box .insert-group .insert-box.notifications .noti-day {
  margin: 20px 19px 10px 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #cbcbcb;
  font-size: 13px;
}
.noti_box .insert-group .insert-box.notifications .noti-day .weekday {
  font-weight: bold;
  font-size: 11px;
}
.noti_box .insert-group .insert-box.notifications button.btn-init:hover {
  text-decoration: underline;
}
.noti_box .insert-group .insert-box.notifications ul li {
  position: relative;
  margin-left: 36px;
  padding-left: 59px;
}
.noti_box .insert-group .insert-box.notifications ul li a:hover {
  text-decoration: underline;
}
.noti_box .insert-group .insert-box.notifications ul li:last-child {
  border-bottom: 0;
}
.noti_box .insert-group .insert-box.notifications ul li.acked {
  background: none;
}
.noti_box .insert-group .insert-box.notifications ul li .name {
  font-weight: bold;
}
.noti_box .insert-group .insert-box.notifications ul li .noti-time {
  font-size: 12px;
  color: #929292;
}
.noti_box .insert-group .insert-box.notifications ul li img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  z-index: auto;
  border-radius: 50%;
}
#notice-page .dim {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#notice-page .item__link {
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#notice-page .item--select {
  width: 6px;
  height: 6px;
  background-color: #1880ff;
  border-radius: 50%;
  margin-right: 10px;
}
#notice-page .item--select-acked {
  background-color: rgba(153, 153, 153, 0.4);
}
#notice-page .item__photo-img {
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}
#notice-page .item__message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 90%;
}
@media (max-width: 786px) {
  #notice-page .item__message {
    width: 75%;
  }
}
#notice-page .subtitle {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.024px;
  color: #1a1a1a;
}
#notice-page .item__message-label {
  font-family: 'Pretendard';
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #8A8A8A;
}
#notice-page .item__duration {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #8A8A8A;
}
#notice-page .item__duration::before {
  font-family: 'Pretendard';
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #8A8A8A;
}
#notice-page .insert-group header {
  background: none;
  margin-bottom: 30px;
}
#notice-page .insert-group header p {
  font-size: 34px;
  font-weight: bold;
  color: #333333;
}
#notice-page .insert-group section.insert-box {
  background: none;
}
[data-model=faq-category] {
  position: absolute;
  top: 40px;
  left: 10px;
  z-index: auto;
}
[data-model=faq-category] button.open {
  font-weight: bold;
  color: #257dc1;
}
@media screen and (max-width: 639px) {
  [data-model=faq-category] {
    display: none;
  }
}
#content[data-view=faq] {
  margin-top: -10px;
}
#content[data-view=faq] .faq-content {
  max-width: 1000px;
  margin: 0 auto;
}
#content[data-view=faq] > nav {
  background: #FFFFFF;
}
#content[data-view=faq] > nav div {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
#content[data-view=faq] > nav a:not(.faq-category) {
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  margin: 0 10px;
}
#content[data-view=faq] > nav a:not(.faq-category).select {
  color: #257dc1;
  border-bottom: 2px solid #257dc1;
}
#content[data-view=faq] > nav #faq-categorys-mobile {
  display: none;
}
#content[data-view=faq] > nav #faq-categorys-mobile div.dropdown {
  width: 200px;
}
#content[data-view=faq] > nav #faq-categorys-mobile div.dropdown div.dropdown-menu {
  width: 200px;
}
@media screen and (max-width: 639px) {
  #content[data-view=faq] > nav #faq-categorys-mobile {
    z-index: 2;
    display: block;
    position: absolute;
    right: 20px;
    top: 15px;
  }
}
@media screen and (min-width: 640px) {
  #content[data-view=faq] .faq-content {
    padding: 0 10px 100px 260px;
  }
}
#faq_search {
  background-color: #ceddec;
}
#faq_search div {
  max-width: 1000px;
  padding: 45px 10px;
  background: url('/fcp/i/faq.png') bottom right no-repeat;
}
#faq_search form input {
  height: 50px;
  border: none;
  float: left;
  width: 250px;
  border-radius: 10px 0 0 10px;
  padding: 0 15px;
}
#faq_search form button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #a0b3dd;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  color: #FFFFFF;
  height: 50px;
  padding: 0 10px;
  border-radius: 0 10px 10px 0;
}
#faq_search form button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #a0b3dd;
}
#faq_search form button:active {
  background-color: #829bd2;
}
#faq_search form button[data-notclick="true"] {
  cursor: default;
}
#faq_search form button[data-notclick="true"]:active {
  background-color: #ececec;
}
.faq_box {
  margin: 0 10px 10px 0;
  color: #404040;
}
.faq_box .box_head {
  font-size: 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid #DCDCDC;
}
.faq_box .qna.open .question {
  color: #257dc1;
}
.faq_box .qna.open .answer {
  display: block;
}
.faq_box .qna:last-child .question {
  border-bottom-style: solid;
}
.faq_box .box_body {
  display: none;
}
.faq_box .box_body.open {
  display: block;
}
.faq_box .box_body .question {
  padding: 14px 50px 13px 0;
  font-weight: bold;
  color: #4b4b4b;
  border-bottom: 1px dashed #dadada;
}
.faq_box .box_body .question:hover {
  color: #257dc1;
}
.faq_box .box_body .question.open {
  border-bottom-style: solid;
}
.faq_box .box_body .question i {
  position: absolute;
  top: 50%;
  right: 15px;
  z-index: auto;
  margin-top: -8px;
}
.faq_box .box_body .question p {
  font-weight: normal;
}
.faq_box .box_body .answer {
  display: none;
  border-bottom: 1px solid #dadada;
  padding: 15px 20px;
  background: #DCDCDC;
  color: #4b4b4b;
}
@media screen and (max-width: 639px) {
  .faq_box .box_body {
    padding: 40px 10px 0;
  }
}
@media screen and (min-width: 640px) {
  .faq_box .box_body {
    padding-top: 40px;
  }
}
.faq_box .box_body[data-category_id=help_me] textarea,
.faq_box .box_body[data-category_id=help_me] input {
  border: none;
  resize: none;
  border-radius: 4px;
}
.faq_box .box_body[data-category_id=help_me] .box_head {
  border: none;
}
.faq_box .box_body[data-category_id=help_me] input {
  background: #fafafa;
}
.faq_box .box_body[data-category_id=help_me] .value {
  height: 40px;
  line-height: 40px;
  background: #fafafa;
  padding-left: 30px;
}
.faq_box .box_body[data-category_id=help_me] .value span {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: auto;
}
.faq_box .box_body[data-category_id=help_me] .value input {
  width: 100%;
}
.faq_box .box_body[data-category_id=help_me] .value.input,
.faq_box .box_body[data-category_id=help_me] .value.input input {
  background-color: #ffffff;
}
.faq_box .box_body[data-category_id=help_me] input {
  height: 40px;
}
.feed_november[data-model=event_item] article img {
  width: 100%;
}
.feed_november[data-model=event_item] article > div:last-child {
  padding: 10px;
}
@media screen and (min-width: 530px) {
  .feed_november[data-model=event_item] article {
    display: table;
    width: 100%;
  }
  .feed_november[data-model=event_item] article > .cell {
    display: table-cell;
    vertical-align: middle;
  }
  .feed_november[data-model=event_item] article > .cell .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  .feed_november[data-model=event_item] article > .cell-top {
    display: table-cell;
    vertical-align: top;
  }
  .feed_november[data-model=event_item] article > div:first-child {
    width: 250px;
    display: table-cell;
    vertical-align: middle;
  }
  .feed_november[data-model=event_item] article > div:first-child .dropdown-menu {
    top: inherit;
    left: inherit;
  }
  .feed_november[data-model=event_item] article > div:last-child {
    padding: 18px;
    display: table-cell;
    vertical-align: top;
  }
}
#content a.event_item {
  max-width: 700px;
  margin: 0 auto;
  display: block;
}
#content a.event_item:hover .feed_november,
#content a.event_item:focus .feed_november {
  border-color: #257dc1;
}
#content[data-model=event_join] .prize_img,
#content[data-model=event_end] .prize_img {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}
#content[data-model=event_join] article,
#content[data-model=event_end] article {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  #content[data-model=event_join] article,
  #content[data-model=event_end] article {
    padding: 20px 40px;
  }
}
#content[data-model=event_request] form article {
  max-width: 700px;
  margin: 0 auto;
  min-width: 100px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #fff;
  border-color: #c3e2fa;
  border-width: 2px;
}
#content[data-model=event_request] form article .past-time {
  font-size: 12px;
  fill: #999999;
}
#content[data-model=event_request] form article .past-time,
#content[data-model=event_request] form article .past-time:hover,
#content[data-model=event_request] form article .past-time:visited,
#content[data-model=event_request] form article .past-time:focus,
#content[data-model=event_request] form article .past-time a {
  color: #999999;
}
#content[data-model=event_request] form article .username {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-top: 5px;
  color: #666666;
  cursor: default;
}
#content[data-model=event_request] form article .tr .username,
#content[data-model=event_request] form article [data-model=req_tr_res] .username {
  margin-top: 0;
}
#content[data-model=event_request] form article[data-type=SO] article:first-child .username {
  margin-top: 15px;
}
#content[data-model=event_request] form article .comment .username {
  margin-top: 0;
}
#content[data-model=event_request] form article .field_name {
  border-radius: 3px;
  border: 1px solid #DCDCDC;
  font-size: 12px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-top: 5px;
  fill: #666666;
}
#content[data-model=event_request] form article .field_name__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
#content[data-model=event_request] form article .field_name__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
#content[data-model=event_request] form article .field_name,
#content[data-model=event_request] form article .field_name:hover,
#content[data-model=event_request] form article .field_name:visited,
#content[data-model=event_request] form article .field_name:focus,
#content[data-model=event_request] form article .field_name a {
  color: #666666;
}
#content[data-model=event_request] form article textarea {
  background-color: #f9f9f9;
  color: #666666;
  resize: none;
}
#content[data-model=event_request] form article pre {
  overflow: hidden;
  margin-bottom: 10px;
}
#content[data-model=event_request] form article pre.memo {
  margin-bottom: 0;
}
#content[data-model=event_request] form article > section article {
  padding: 20px;
  padding-top: 0;
  position: relative;
}
#content[data-model=event_request] form article > section article.border-top {
  padding-top: 20px;
}
#content[data-model=event_request] form article > section article:before,
#content[data-model=event_request] form article > section article:after {
  content: " ";
  display: table;
}
#content[data-model=event_request] form article > section article:after {
  clear: both;
}
#content[data-model=event_request] form article > section > article:first-child {
  padding-top: 20px;
}
#content[data-model=event_request] form article pre span.hi {
  background-color: #F0A61B;
  font-weight: bold;
  border-radius: 4px;
}
#content[data-model=event_request] form article .preview.photo {
  height: 100px;
  overflow: hidden;
}
#content[data-model=event_request] form article .trans-group.edit {
  display: none;
}
#content[data-model=event_request] form article img.br4 {
  border-radius: 50%;
}
#content[data-model=event_request] form article .username {
  color: #999999;
}
#content[data-model=event_request] form article .detail {
  position: relative;
}
#content[data-model=event_request] form article .exit_box {
  background-color: #ffffff;
  color: #666;
  font-size: 14px;
  padding: 0 10px;
  height: 30px;
  border: 1px solid #666;
  border-radius: 4px;
}
#content[data-model=event_request] form article .exit_box i {
  margin-right: 5px;
}
#content[data-model=event_request] form article .price_box {
  background-color: #20898c;
  color: #ffffff;
  font-size: 14px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  min-width: 50px;
  text-align: center;
}
#content[data-model=event_request] form article .point_box {
  background-color: #90bff8;
  color: #ffffff;
  font-size: 14px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
#content[data-model=event_request] form article .point_box.step0 {
  background-color: #73c0f9;
}
#content[data-model=event_request] form article .point_box.step1 {
  background-color: #73c0f9;
}
#content[data-model=event_request] form article .point_box.step2 {
  background-color: #4096ee;
}
#content[data-model=event_request] form article .point_box.step3 {
  background-color: #0072ca;
}
#content[data-model=event_request] form article .point_box.step4 {
  background-color: #003595;
}
#content[data-model=event_request] form article .btn-init.middle {
  border: 1px solid #DCDCDC;
  color: #DCDCDC;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  min-width: auto;
}
#content[data-model=event_request] form article .btn-init.middle i {
  height: 16px;
}
#content[data-model=event_request] form article p.memo,
#content[data-model=event_request] form article pre.memo {
  float: left;
  font-size: 12px;
  fill: #666666;
}
#content[data-model=event_request] form article p.memo,
#content[data-model=event_request] form article pre.memo,
#content[data-model=event_request] form article p.memo:hover,
#content[data-model=event_request] form article pre.memo:hover,
#content[data-model=event_request] form article p.memo:visited,
#content[data-model=event_request] form article pre.memo:visited,
#content[data-model=event_request] form article p.memo:focus,
#content[data-model=event_request] form article pre.memo:focus,
#content[data-model=event_request] form article p.memo a,
#content[data-model=event_request] form article pre.memo a {
  color: #666666;
}
#content[data-model=event_request] form article[data-type=DQ] .bar,
#content[data-model=event_request] form article[data-type=DR] .bar {
  background-color: #dcdcdc;
  height: 10px;
  border-radius: 4px;
  overflow: hidden;
}
#content[data-model=event_request] form article[data-type=DQ] .bar > div,
#content[data-model=event_request] form article[data-type=DR] .bar > div {
  height: 10px;
}
#content[data-model=event_request] form article[data-type=TR] .trans-group.edit,
#content[data-model=event_request] form article[data-type=LR] .trans-group.edit {
  padding: 10px;
}
#content[data-model=event_request] form article[data-type=TR] .trans-group.edit .countdown,
#content[data-model=event_request] form article[data-type=LR] .trans-group.edit .countdown {
  position: absolute;
  top: 60px;
  right: 20px;
  z-index: auto;
}
#content[data-model=event_request] form article[data-type=TR] .countdown,
#content[data-model=event_request] form article[data-type=LR] .countdown {
  padding: 2px 5px;
  display: none;
  background-color: #dcdcdc;
}
#content[data-model=event_request] form article[data-type=SO] .trans-form .bootstrap-select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
#content[data-model=event_request] form article[data-type=SO] .trans-form form {
  padding-left: 75px;
}
#content[data-model=event_request] form article[data-type=SO] .trans-form textarea {
  width: 100%;
}
#content[data-model=event_request] form article[data-type=SO] .scroll {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#content[data-model=event_request] form article[data-type=SO] .thumb {
  display: block;
  float: left;
  overflow: hidden;
  width: 100px;
  height: 100px;
  min-width: auto;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}
#content[data-model=event_request] form article[data-type=SO] .thumb > img {
  width: 100px;
  height: 100px;
  min-width: auto;
}
#content[data-model=event_request] form article[data-type=SO] .thumb img {
  display: inline-block;
  max-height: 100%;
  max-width: inherit;
}
#content[data-model=event_request] form article[data-type=SO] .thumb:last-child {
  margin-right: 0;
}
#content[data-model=event_request] form article[data-type=SO] .thumb span.action {
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: auto;
  top: inherit;
  color: #ffffff;
  font-size: 15px;
}
#content[data-model=event_request] form article[data-type=SO] .thumb span.action:before {
  text-shadow: 1px 1px 1px #aaaaaa;
}
#content[data-model=event_request] form article[data-type=TQ] .preview.photo,
#content[data-model=event_request] form article[data-type=TR] .preview.photo {
  display: block;
  float: left;
  overflow: hidden;
  width: 200px;
  height: 200px;
  min-width: auto;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}
#content[data-model=event_request] form article[data-type=TQ] .preview.photo:not(.iviewer_cursor) img,
#content[data-model=event_request] form article[data-type=TR] .preview.photo:not(.iviewer_cursor) img {
  display: inline-block;
}
#content[data-model=event_request] form article[data-type=TQ] .preview.photo:last-child,
#content[data-model=event_request] form article[data-type=TR] .preview.photo:last-child {
  margin-right: 0;
}
#content[data-model=event_request] form article[data-type=TQ] .preview.photo span.action,
#content[data-model=event_request] form article[data-type=TR] .preview.photo span.action {
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: auto;
  top: inherit;
  color: #ffffff;
  font-size: 30px;
}
#content[data-model=event_request] form article[data-type=TQ] .preview.photo span.action:before,
#content[data-model=event_request] form article[data-type=TR] .preview.photo span.action:before {
  text-shadow: 1px 1px 1px #aaaaaa;
}
#content[data-model=event_request] form article p.blinded,
#content[data-model=event_request] form article pre.blinded,
#content[data-model=event_request] form article div.blinded {
  background-color: #bfbfbf;
  font-size: 9pt;
  color: #ffffff;
  padding: 20px !important;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
}
#content[data-model=event_request] form article .no_img {
  text-align: center;
  background-color: #999999;
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
}
#content[data-model=event_request] form article article[data-view=comments] {
  background-color: #fcfcfc;
  border-top: 1px solid #dcdcdc;
  padding-top: 10px;
}
#content[data-model=event_request] form article article[data-view=comments] .cmt_title {
  height: 40px;
  line-height: 40px;
  padding-left: 5px !important;
}
#content[data-model=event_request] form article article[data-view=comments] .cmt_more {
  display: block;
  margin: 10px 0;
  padding-left: 5px !important;
  font-weight: bold;
}
#content[data-model=event_request] form article article[data-view=comments] .cmt_more:hover {
  cursor: pointer;
}
#content[data-model=event_request] form article article[data-view=comments] .cmt_first {
  fill: #999999;
  padding-top: 10px;
}
#content[data-model=event_request] form article article[data-view=comments] .cmt_first,
#content[data-model=event_request] form article article[data-view=comments] .cmt_first:hover,
#content[data-model=event_request] form article article[data-view=comments] .cmt_first:visited,
#content[data-model=event_request] form article article[data-view=comments] .cmt_first:focus,
#content[data-model=event_request] form article article[data-view=comments] .cmt_first a {
  color: #999999;
}
#content[data-model=event_request] form article article[data-view=comments] .cmt_first:hover {
  cursor: pointer;
}
#content[data-model=event_request] form article article[data-view=comments] ul li {
  margin-bottom: 5px;
}
#content[data-model=event_request] form article pre {
  min-height: 80px;
}
#content[data-model=event_request] .c_contents {
  font-weight: lighter;
}
#content[data-model=event_request] article.event_history {
  background-color: #fff;
  overflow: visible;
}
.feed[data-model=curator] {
  margin-top: -20px;
}
.feed[data-model=curator] .curator {
  position: relative;
  overflow: hidden;
  height: 280px;
  border: 1px solid #dcdcdc;
  border-bottom: none;
}
.feed[data-model=curator] .curator .username {
  font-size: 16px;
  display: inline-block;
  margin-top: 10px;
  line-height: 1;
}
.feed[data-model=curator] img {
  border-radius: 50%;
  -webkit-box-shadow: 1px 2px rgba(0, 0, 0, 0.22);
  box-shadow: 1px 2px rgba(0, 0, 0, 0.22);
}
.feed[data-model=curator] .info {
  padding: 20px 0;
  background-color: #ffffff;
  color: #777777;
  border: 1px solid #dcdcdc;
  border-top: none;
}
.bg_blur {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 270px;
  min-width: auto;
}
#flitto_pick_box {
  padding-bottom: 30px;
  margin-bottom: 20px;
}
#flitto_pick_box .item {
  overflow: hidden;
}
#flitto_pick_box .content {
  height: 358px;
  background-color: #ffffff;
  min-width: 321px;
}
#flitto_pick_box .content img {
  width: 100%;
  height: 100%;
}
#flitto_pick_box .content .flitto_pick {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: auto;
  width: 100%;
}
#flitto_pick_box .content .title {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 10px 20px;
}
#flitto_pick_box .content .title p {
  font-size: 18px;
  height: 50px;
  overflow: hidden;
  color: #ffffff;
}
.ad_box {
  float: left;
  background: white;
  border-radius: 5px;
  margin-left: 10px;
  width: 320px;
  height: 345px;
  min-width: auto;
  overflow: hidden;
}
@media screen and (max-width: 979px) {
  .ad_box {
    display: none;
  }
}
.ad_box img {
  margin-top: -30px;
}
.ad_box .region {
  color: #999999;
}
.ad_box p {
  color: #333333;
  height: 50px;
}
.ad_box div {
  padding: 5px 10px;
}
.content_top_banner {
  float: left;
  background: white;
  margin-left: 10px;
  width: 320px;
  overflow: hidden;
}
.content_top_banner .banner {
  padding: 20px 30px;
  font-weight: bold;
  width: 100%;
  height: 115px;
  min-width: auto;
  background: white;
  color: #2c6bb4;
  display: table;
}
.content_top_banner .banner p {
  display: table-cell;
  vertical-align: middle;
}
.content_top_banner .banner.blue {
  background: #2c6bb4;
  color: white;
}
.content_top_banner .banner.icon {
  padding-left: 100px;
}
.content_top_banner .banner.icon i {
  position: absolute;
  top: 30px;
  left: 20px;
  z-index: auto;
}
@media screen and (max-width: 935px) {
  .content_top_banner {
    display: none;
  }
}
@media screen and (max-width: 979px) {
  .content_top_banner {
    display: none;
  }
}
.content_top {
  margin: 0 auto;
  margin-bottom: 40px;
}
@media screen and (min-width: 980px) {
  .content_top {
    width: 980px;
  }
}
@media screen and (min-width: 650px) and (max-width: 979px) {
  .content_top {
    width: 650px;
  }
}
@media screen and (min-width: 500px) and (max-width: 649px) {
  .content_top {
    display: none;
  }
}
@media screen and (min-width: 330px) and (max-width: 499px) {
  .content_top {
    display: none;
  }
}
@media screen and (min-width: 320px) and (max-width: 329px) {
  .content_top {
    display: none;
  }
}
@media screen and (min-width: 160px) and (max-width: 319px) {
  .content_top {
    display: none;
  }
}
.content_list {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .content_list {
    width: 1003px;
  }
}
@media screen and (min-width: 650px) and (max-width: 979px) {
  .content_list {
    width: 662px;
  }
}
@media screen and (max-width: 649px) {
  .content_list {
    width: 321px;
  }
}
.cnt_list {
  font-size: 13px;
}
.cnt_list i {
  margin-right: 4px;
}
.cnt_list dl,
.cnt_list dt,
.cnt_list dd {
  font-weight: normal;
  display: inline;
}
@media screen and (max-width: 767px) {
  .cnt_list dt {
    display: none;
  }
}
.cnt_list dd:before {
  content: '(';
}
.cnt_list dd:after {
  content: ')';
}
@media screen and (max-width: 767px) {
  .cnt_list dd:before,
  .cnt_list dd:after {
    display: none;
  }
}
.cnt_bracket:before {
  content: '(';
}
.cnt_bracket:after {
  content: ')';
}
@media screen and (max-width: 767px) {
  .cnt_bracket:before,
  .cnt_bracket:after {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  .content_thumb {
    width: 321px;
    height: 287px;
    min-width: auto;
    margin-right: 20px;
  }
  .content_thumb img {
    width: 321px;
  }
  .content_thumb:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 650px) and (max-width: 979px) {
  .content_thumb {
    width: 321px;
    height: 287px;
    min-width: auto;
    margin-right: 20px;
  }
  .content_thumb img {
    width: 321px;
  }
  .content_thumb:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 649px) {
  .content_thumb {
    width: 321px;
    height: 287px;
    min-width: auto;
    margin-right: 0;
  }
  .content_thumb img {
    width: 321px;
  }
}
.bbs_name {
  max-width: 700px;
  margin: 10px auto 0;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  background: #DD635E;
  color: white;
}
.new_article {
  max-width: 700px;
  margin: 0 auto 20px;
  padding: 10px;
  background: white;
  border: 1px solid #ddd;
}
.new_article textarea {
  margin-bottom: 9px;
  overflow: hidden;
  resize: none;
  border-radius: 0;
  border: 1px solid #ddd;
}
.new_article button {
  border: 0;
  border-radius: 0;
  background: #353852;
  color: white;
}
#article_list {
  margin: 0 auto;
  max-width: 700px;
}
#article_list .article {
  margin-bottom: 15px;
  padding: 10px 0 0;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  border-radius: 2px;
}
#article_list .article .content_header {
  display: block;
  height: 50px;
  margin-bottom: 10px;
  padding: 0 10px;
}
#article_list .article .content_header .username {
  padding-top: 8px;
  color: #428bca;
}
#article_list .article .content_header .create_date {
  margin-top: 3px;
  color: #9197a3;
}
#article_list .article > .content {
  margin: 10px 0;
  padding: 0 10px;
  font-size: 14px;
  line-height: 1.38;
  word-wrap: break-word;
}
#article_list .article .comment_list {
  padding: 10px 10px 10px 29px;
  border-top: 1px solid #ddd;
  background: #f6f7f8;
}
#article_list .article .comment .comment_desc {
  margin-left: 41px;
}
#article_list .article .comment .username {
  float: left;
  color: #428bca;
}
#article_list .article .comment .create_date {
  color: #9197a3;
}
#article_list .article .new_comment form {
  padding: 0 40px;
}
#article_list .article .new_comment input {
  margin: 0;
  padding-top: 8px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 0;
  resize: none;
  font-size: 11px;
}
#article_list .article .new_comment button {
  height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  background: #353852;
  color: white;
}
body.modal-open {
  height: auto;
}
body.modal-open.iOS11_browser {
  position: fixed;
}
#change_pay_means.modal {
  overflow: scroll !important;
}
.barbox {
  text-align: center;
  position: relative;
}
.barbox span {
  padding: 0 10px;
  color: #c9c9c9;
  background: #fff;
  position: inherit;
}
.barbox .bar {
  position: absolute;
  top: 50%;
  background: #c9c9c9;
  height: 1px;
  width: 100%;
}
.modal-body {
  padding: 20px;
}
.modal-body p:last-child {
  margin-bottom: 0;
}
.modal.init .modal-header,
.modal.init .modal-body,
.modal.init .modal-content,
.modal.init .modal-footer {
  padding: 0;
}
.modal.init .modal-header {
  border-bottom: none;
}
.modal.init .modal-footer {
  border-top: none;
}
.modal.init .modal-footer.text-center {
  text-align: center;
}
.modal.init .modal-footer.text-left {
  text-align: left;
}
.modal.promote .modal-dialog {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}
.modal.promote .modal-content {
  padding: 20px;
}
.modal.promote .modal-body,
.modal.promote .modal-desc {
  padding-top: 20px;
}
.modal.promote .modal-header {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.modal.promote .modal-body .sub-title1 {
  font-size: 14px;
  color: #333333;
}
.modal.promote .modal-body .sub-title2 {
  padding-top: 10px;
  font-size: 12px;
  color: #666666;
}
.modal.promote .modal-footer {
  text-align: center;
  padding-top: 20px;
}
.modal.promote .form-group {
  position: relative;
}
.modal.promote .form-group .valid {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: auto;
  color: #257dc1;
}
.modal.flitto_confirm .modal-dialog {
  width: 400px;
}
.modal.flitto_confirm .modal-content {
  padding: 20px;
}
.modal.flitto_confirm .modal-header {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.modal.flitto_confirm .modal-body {
  font-size: 14px;
  color: #333333;
}
.modal.flitto_confirm .modal-footer {
  padding-top: 20px;
  text-align: right;
}
.modal.chicken {
  color: #666666;
}
.modal.chicken[data-size=sm] .modal-dialog {
  width: 320px;
}
.modal.chicken[data-size=sm] .modal-content {
  width: 320px;
}
.modal.chicken[data-size=lg] .modal-dialog {
  width: 600px;
}
.modal.chicken[data-size=lg] .modal-content {
  width: 600px;
}
.modal.chicken .modal-dialog {
  margin: 10px auto 0;
}
.modal.chicken .modal-content {
  border-radius: 2px;
}
.modal.chicken .modal-noti-close {
  position: relative;
  top: 20px;
  right: 20px;
  z-index: 1;
}
.modal.chicken .modal-header,
.modal.chicken .modal-body,
.modal.chicken .modal-footer {
  padding: 20px;
}
.modal.chicken .modal-header {
  font-weight: bold;
  font-size: 16px;
  color: #333333;
}
.modal.chicken .modal-header:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}
.modal.chicken .modal-header .close {
  font-size: 20px;
}
.modal.chicken .modal-footer {
  text-align: left;
  border-top: 1px solid #dcdcdc;
}
.modal.chicken .modal-footer.text-center {
  text-align: center;
}
.modal.chicken .modal-footer.text-right {
  text-align: right;
}
.modal.chicken .modal-footer p:not(:first-child) {
  margin-top: 10px;
}
.modal.chicken input[type=text],
.modal.chicken input[type=password],
.modal.chicken .bootstrap-select button {
  height: 40px;
  border-radius: 2px;
}
.modal.chicken form input.form-control {
  height: 40px;
}
.modal.chicken label {
  margin-bottom: 10px;
}
.modal.chicken textarea {
  resize: none;
  background-color: #ffffff;
}
.modal.chicken.mini_chicken .modal-header {
  padding-bottom: 0;
  border-bottom: none;
}
.modal.chicken.mini_chicken .modal-header + .modal-body {
  padding-top: 10px;
}
.modal.chicken.mini_chicken .modal-footer {
  padding-top: 0;
  border-top: none;
}
.modal.chicken.mini_chicken .modal-dialog {
  margin-top: 110px;
}
#emailSendModal .success_hidden {
  display: block;
}
#emailSendModal .success_visible {
  display: none;
}
#emailSendModal.success .success_hidden {
  display: none;
}
#emailSendModal.success .success_visible {
  display: block;
}
#sms input.error {
  border-color: #d52b2b;
}
#sms .msg1 {
  color: #d52b2b;
  padding-top: 10px;
  margin-bottom: 0;
  text-align: center;
  display: none;
}
#app_down .modal-dialog {
  padding-top: 200px;
  position: relative;
}
#app_down .img {
  position: absolute;
  top: -140px;
  left: 45px;
  z-index: -1;
  width: 220px;
  height: 200px;
  min-width: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/i/c/and.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #app_down .img {
    background-image: url("/i/c/and-2x.png");
    background-size: 220px 200px;
  }
}
#app_down .img[data-os=ISO] {
  background-image: url("/i/c/iphone.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #app_down .img[data-os=ISO] {
    background-image: url("/i/c/iphone-2x.png");
    background-size: 220px 200px;
  }
}
#lang_test_answer .trophy-back {
  background-image: url("/fcp/i/lang_test/modal_bg_lang_pattern.png");
  height: 180px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 35px;
}
#lang_test_answer .trophy-back .trophy-level {
  background-image: url("/fcp/i/lang_test/levelUp.png");
  background-size: cover;
  width: 130px;
  height: 100px;
  margin: 0 auto;
}
#lang_test_answer .trophy-back .trophy-pro {
  background-image: url("/fcp/i/lang_test/pass_pro.png");
  background-size: cover;
  width: 130px;
  height: 100px;
  margin: 0 auto;
}
#lang_test_answer .result-back {
  height: 100px;
  padding-top: 10px;
}
#lang_test_answer .result-back .result-fail {
  background-image: url("/fcp/i/lang_test/test_modal_fail.svg");
  background-size: cover;
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
.paperplane {
  /* older webkit */
  -webkit-transition: all 1500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 1500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 1500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 1500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* custom */
  margin-top: 45px;
}
.paperplane.up {
  margin-top: 35px;
}
#pro_tr_registered_guide_noti .guide-content {
  margin-top: 20px;
  line-height: 20px;
}
#signup_phone_modal .modal-body,
#signup_phone_modal .modal-footer {
  overflow: hidden;
}
#signup_phone_modal .modal-body > .cell-group-top,
#signup_phone_modal .modal-footer > .cell-group-top {
  width: 700px;
}
#signup_phone_modal input[type=text],
#signup_phone_modal input[type=password],
#signup_phone_modal .bootstrap-select button {
  height: 40px;
  border-radius: 2px;
}
#signup_phone_modal .before-check-captcha {
  display: inline-block;
  position: relative;
  width: 305px;
  margin-right: 47px;
}
#signup_phone_modal .after-check-captcha {
  display: inline-block;
  position: relative;
  width: 305px;
  height: 0;
}
.select-native-lang-guide {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  color: #666666;
}
.select-native-lang-guide span {
  display: inline-block;
  margin-left: 5px;
  margin-top: 2px;
}
.select-native-lang-guide.signup {
  align-items: flex-start;
}
.select-native-lang-guide.signup span {
  margin-top: 0;
}
.welcome {
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
}
.welcome-desc {
  margin-bottom: 20px;
}
.btn-email {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: #666666;
}
#qc_objection .band-textarea {
  border: 1px solid #dcdcdc;
  width: 100%;
  height: 94px;
  position: relative;
  margin: 10px 0;
}
#qc_objection .band-textarea.valid {
  border: 1px solid #ff6c65;
}
#qc_objection .band-textarea:hover {
  border: 1px solid #007aff;
}
#qc_objection .band-textarea textarea {
  padding: 10px !important;
  width: 100% !important;
  height: 70% !important;
  border: none;
  resize: none;
  outline: none;
  font-size: 0.875rem;
}
#qc_objection .band-textarea textarea::placeholder {
  color: #999999;
}
#qc_objection .band-textarea__text-count {
  position: absolute;
  bottom: 5px;
  right: 5px;
  text-align: right;
  font-size: 0.875rem;
}
#qc_objection .band-textarea .max-over {
  color: #FF6C65;
}
#qc_objection .limit-below-text {
  color: #FF6C65;
  font-size: 0.875rem;
}
#qc_objection .scroll-bar::-webkit-scrollbar {
  width: 15px;
  /* 세로축 스크롤바 길이 */
  height: 5px;
  /* 가로축 스크롤바 길이 */
}
#qc_objection .scroll-bar::-webkit-scrollbar-track-piece {
  background-color: #fff0;
}
#qc_objection .scroll-bar::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #fff0;
  border-right: 5px solid #dcdcdc;
}
#qc_objection .link.default {
  color: #666;
  text-decoration: underline;
  font-weight: normal;
  font-size: 0.875rem;
  fill: #666;
}
#qc_objection .link:hover {
  text-decoration: none;
}
#pro_lang_remove .modal-content {
  text-align: center;
  padding: 24px;
  width: 500px;
  margin: 0 auto;
}
#pro_lang_remove .pro-lang-remove__svg {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
#pro_lang_remove .pro-lang-remove__title {
  font-size: 18px;
  font-weight: bold;
  color: #1a1a1a;
  margin-top: 24px;
}
#pro_lang_remove .pro-lang-remove__description {
  font-size: 16px;
  color: #1a1a1a;
  margin-top: 24px;
}
#pro_lang_remove .pro-lang-remove__move {
  width: 100%;
  background-color: #0064e5;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 13px;
  text-align: center;
  border: none;
  margin-top: 32px;
  transition: background-color 0.2s ease-in-out;
}
#pro_lang_remove .pro-lang-remove__move:hover {
  background-color: #005acf;
}
#pro_lang_remove .pro-lang-remove__cancel {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  padding: 13px;
  text-align: center;
  background-color: #fff;
  color: #1a1a1a;
  border: none;
  margin-top: 8px;
  transition: background-color 0.2s ease-in-out;
}
#pro_lang_remove .pro-lang-remove__cancel:hover {
  background-color: rgba(90, 90, 90, 0.08);
}
[data-model=user_badge].notOwner dl {
  padding-top: 140px;
  text-align: center;
}
[data-model=user_badge].notOwner .abt0l0 {
  left: 50%;
  margin-left: -60px;
}
[data-model=user_badge].notOwner .ml5 {
  margin-left: 0 !important;
}
@media screen and (max-width: 499px) {
  [data-model=user_badge]:not(.notOwner) dl {
    padding-top: 140px;
    text-align: center;
  }
  [data-model=user_badge]:not(.notOwner) .abt0l0 {
    left: 50%;
    margin-left: -60px;
  }
  [data-model=user_badge]:not(.notOwner) .ml5 {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 500px) {
  [data-model=user_badge]:not(.notOwner) dl {
    padding-left: 140px;
  }
}
.feed_live_header {
  fill: #ffffff;
}
.feed_live_header,
.feed_live_header:hover,
.feed_live_header:visited,
.feed_live_header:focus,
.feed_live_header a {
  color: #ffffff;
}
.feed_live_header .live_list {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  border-radius: 4px;
}
.feed_live_header .live_list > li {
  display: inline-block;
}
.feed_live_header .live_list > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "|\00a0";
}
.feed_live_header .live_list > .active {
  color: #777;
}
.feed_live {
  max-width: 400px;
  min-width: 100px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  overflow: hidden;
}
.feed_live:hover {
  cursor: pointer;
}
.feed_live .username {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-top: 5px;
  color: #666666;
  cursor: default;
}
.feed_live .past-time {
  font-size: 12px;
  fill: #999999;
}
.feed_live .past-time,
.feed_live .past-time:hover,
.feed_live .past-time:visited,
.feed_live .past-time:focus,
.feed_live .past-time a {
  color: #999999;
}
.feed_live .tr .username,
.feed_live [data-model=req_tr_res] .username {
  margin-top: 0;
}
.feed_live .field_name {
  border-radius: 3px;
  border: 1px solid #DCDCDC;
  font-size: 12px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin-top: 5px;
  fill: #666666;
}
.feed_live .field_name__bottom--grey-highlight {
  border-bottom: 1px solid #333333;
}
.feed_live .field_name__bottom--grey-sub2 {
  border-bottom: 1px solid #dcdcdc;
}
.feed_live .field_name,
.feed_live .field_name:hover,
.feed_live .field_name:visited,
.feed_live .field_name:focus,
.feed_live .field_name a {
  color: #666666;
}
.feed_live textarea {
  background-color: #f9f9f9;
  color: #666666;
  resize: none;
}
.feed_live pre {
  overflow: hidden;
  margin-bottom: 10px;
}
.feed_live > section article {
  padding: 20px;
  padding-top: 0;
  position: relative;
}
.feed_live > section article.border-top {
  padding-top: 20px;
}
.feed_live > section article:before,
.feed_live > section article:after {
  content: " ";
  display: table;
}
.feed_live > section article:after {
  clear: both;
}
.feed_live > section > article:first-child {
  padding-top: 20px;
}
.feed_live pre span.hi {
  background-color: #F0A61B;
  font-weight: bold;
  border-radius: 4px;
}
.feed_live .preview.photo {
  height: 100px;
  overflow: hidden;
}
.feed_live .trans-group.edit {
  display: none;
}
.feed_live img.br4 {
  border-radius: 50%;
}
.feed_live .username {
  color: #999999;
}
.feed_live .detail {
  position: relative;
}
.feed_live .exit_box {
  background-color: #ffffff;
  color: #666;
  font-size: 14px;
  padding: 0 10px;
  height: 30px;
  border: 1px solid #666;
  border-radius: 4px;
}
.feed_live .exit_box i {
  margin-right: 5px;
}
.feed_live .price_box {
  background-color: #20898c;
  color: #ffffff;
  font-size: 14px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.feed_live .point_box {
  background-color: #90bff8;
  color: #ffffff;
  font-size: 14px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.feed_live .point_box.step0 {
  background-color: #73c0f9;
}
.feed_live .point_box.step1 {
  background-color: #73c0f9;
}
.feed_live .point_box.step2 {
  background-color: #4096ee;
}
.feed_live .point_box.step3 {
  background-color: #0072ca;
}
.feed_live .point_box.step4 {
  background-color: #003595;
}
.feed_live .btn-init.middle {
  border: 1px solid #DCDCDC;
  color: #DCDCDC;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  min-width: auto;
}
.feed_live .btn-init.middle i {
  height: 16px;
}
.feed_live p.memo,
.feed_live pre.memo {
  float: left;
  font-size: 12px;
  fill: #666666;
}
.feed_live p.memo,
.feed_live pre.memo,
.feed_live p.memo:hover,
.feed_live pre.memo:hover,
.feed_live p.memo:visited,
.feed_live pre.memo:visited,
.feed_live p.memo:focus,
.feed_live pre.memo:focus,
.feed_live p.memo a,
.feed_live pre.memo a {
  color: #666666;
}
.feed_live[data-type=DQ] .bar,
.feed_live[data-type=DR] .bar {
  background-color: #dcdcdc;
  height: 10px;
  border-radius: 4px;
  overflow: hidden;
}
.feed_live[data-type=DQ] .bar > div,
.feed_live[data-type=DR] .bar > div {
  height: 10px;
}
.feed_live[data-type=TR] .trans-group.edit .countdown,
.feed_live[data-type=LR] .trans-group.edit .countdown {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: auto;
}
.feed_live[data-type=TR] .countdown,
.feed_live[data-type=LR] .countdown {
  padding: 2px 5px;
  display: none;
  background-color: #dcdcdc;
}
.feed_live[data-type=SO] .username {
  margin-top: 15px;
}
.feed_live[data-type=SO] .trans-form .bootstrap-select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
.feed_live[data-type=SO] .trans-form form {
  padding-left: 75px;
}
.feed_live[data-type=SO] .trans-form textarea {
  width: 100%;
}
.feed_live[data-type=SO] .scroll {
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.feed_live[data-type=SO] .comment_box {
  padding-bottom: 10px;
}
.feed_live[data-type=SO] .comment_box.large .scroll {
  max-height: 600px;
}
.feed_live[data-type=SO] .thumb {
  display: block;
  float: left;
  overflow: hidden;
  width: 100px;
  height: 100px;
  min-width: auto;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}
.feed_live[data-type=SO] .thumb > img {
  width: 100px;
  height: 100px;
  min-width: auto;
}
.feed_live[data-type=SO] .thumb img {
  display: inline-block;
  max-height: 100%;
  max-width: inherit;
}
.feed_live[data-type=SO] .thumb:last-child {
  margin-right: 0;
}
.feed_live[data-type=SO] .thumb span.action {
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: auto;
  top: inherit;
  color: #ffffff;
  font-size: 15px;
}
.feed_live[data-type=SO] .thumb span.action:before {
  text-shadow: 1px 1px 1px #aaaaaa;
}
.feed_live[data-type=TQ] .preview.photo,
.feed_live[data-type=TR] .preview.photo {
  display: block;
  float: left;
  overflow: hidden;
  width: 200px;
  height: 200px;
  min-width: auto;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
  position: relative;
}
.feed_live[data-type=TQ] .preview.photo:not(.iviewer_cursor) img,
.feed_live[data-type=TR] .preview.photo:not(.iviewer_cursor) img {
  display: inline-block;
}
.feed_live[data-type=TQ] .preview.photo:last-child,
.feed_live[data-type=TR] .preview.photo:last-child {
  margin-right: 0;
}
.feed_live[data-type=TQ] .preview.photo span.action,
.feed_live[data-type=TR] .preview.photo span.action {
  position: absolute;
  bottom: 3px;
  right: 3px;
  z-index: auto;
  top: inherit;
  color: #ffffff;
  font-size: 30px;
}
.feed_live[data-type=TQ] .preview.photo span.action:before,
.feed_live[data-type=TR] .preview.photo span.action:before {
  text-shadow: 1px 1px 1px #aaaaaa;
}
.feed_live p.blinded,
.feed_live pre.blinded,
.feed_live div.blinded {
  background-color: #bfbfbf;
  font-size: 9pt;
  color: #ffffff;
  padding: 20px !important;
  text-align: center;
  cursor: pointer;
  margin-bottom: 5px;
}
.feed_live .no_img {
  text-align: center;
  background-color: #999999;
  padding: 20px;
  border-radius: 10px;
  color: #ffffff;
}
.lang_choice_box .btn.dropdown-toggle {
  border: none;
}
.lang_choice_box .btn.dropdown-toggle span.lang_org {
  display: none;
}
.lang_select_box {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: auto;
}
.lang_select_box .btn.dropdown-toggle {
  border: none;
}
.lang_select_box .btn.dropdown-toggle span.lang_org {
  display: none;
}
button .open-visible {
  display: none;
}
button.open .open-visible {
  display: inline-block;
}
button .open-hidden {
  display: inline-block;
}
button.open .open-hidden {
  display: none;
}
button .action-visible {
  display: none;
}
button.select .action-visible {
  display: inline-block;
}
button .action-hidden {
  display: inline-block;
}
button.select .action-hidden {
  display: none;
}
.global_noti {
  cursor: pointer;
  height: 50px;
  width: 100%;
  padding: 5px 20px;
  background-color: #ec5464;
  position: relative;
  margin-bottom: 10px;
}
.global_noti .close {
  float: left;
  margin-top: 2px;
  opacity: 1;
  filter: alpha(opacity=100);
  font-size: 30px;
  color: #ffffff;
  margin-right: 10px;
}
.global_noti i {
  margin-right: 10px;
  float: left;
}
.global_noti div {
  font-size: 16px;
  display: table;
  padding-right: 40px;
  height: 40px;
}
.global_noti a {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: auto;
}
.global_noti a button {
  background-color: #d0d1d2;
  padding: 7px;
  font-size: 16px;
  color: #404447;
}
.global_noti p {
  margin-bottom: 0;
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 400px) {
  .global_noti div p {
    font-size: 14px;
  }
}
#coupon_modal_content {
  overflow-y: auto;
  border: 10px solid #f55d4b;
  background-color: #fff;
}
#coupon_modal_content .print_btn,
#coupon_modal_content .close_btn {
  color: #f55d4b;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 40px;
  z-index: 1;
  width: 40px;
  height: 40px;
  min-width: auto;
}
#coupon_modal_content .print_btn {
  font-size: 24px;
}
#coupon_modal_content .close_btn {
  right: 0px;
  font-size: 50px;
}
.print_coupon {
  position: relative;
  line-height: 1.3;
}
.print_coupon .coupon_code {
  margin: 20px;
  color: #5f5f5f;
}
.print_coupon .coupon_code .no {
  float: left;
  padding-top: 18px;
  font-size: 30px;
  line-height: 30px;
}
.print_coupon .coupon_code .code {
  font-size: 50px;
  line-height: 54px;
}
.print_coupon .i_shipping {
  color: #5f5f5f;
  margin: 25px 20px 0;
  font-size: 25px;
  line-height: 25px;
}
.print_coupon .thumb {
  float: left;
  margin: 0 20px 0;
  width: 70px;
  height: 70px;
  overflow: hidden;
}
.print_coupon .thumb img {
  width: 70px;
}
.print_coupon .title {
  margin: 22px 0 0 10px;
  font-weight: bold;
  font-size: 14px;
  color: #5f5f5f;
}
.print_coupon .region {
  font-size: 12px;
  color: #4b4b4b;
}
.print_coupon .expire_date {
  font-size: 12px;
  color: #4b4b4b;
}
.print_coupon .product_info {
  clear: both;
}
.print_coupon .product_info .shop_title {
  margin: 22px 0 10px 20px;
  line-height: 26px;
  font-weight: bold;
  font-size: 22px;
  color: #3c3c3c;
}
.print_coupon .product_info .address {
  margin: 0 0 2px 20px;
  font-size: 14px;
  color: #3c3c3c;
}
.print_coupon .product_info .address .icon {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  float: left;
}
.print_coupon .product_info .address_tr {
  margin: 0 0 14px 40px;
  fonf-size: 14px;
  color: #3c3c3c;
}
.print_coupon .product_info .tel {
  margin: 0 0 0 20px;
  font-size: 14px;
  color: #3c3c3c;
}
.print_coupon .product_info .tel .icon {
  margin-right: 5px;
  width: 18px;
  height: 18px;
  float: left;
}
.print_coupon #map_canvas {
  height: 166px;
  margin: 14px 20px;
}
.print_coupon .customer_info {
  margin-bottom: 30px;
}
.print_coupon .customer_info:before,
.print_coupon .customer_info:after {
  content: " ";
  display: table;
}
.print_coupon .customer_info:after {
  clear: both;
}
.print_coupon .customer_info .title {
  margin: 10px 20px;
  font-size: 15px;
  color: #3c3c3c;
}
.print_coupon .customer_info .field {
  margin: 0 0 8px 20px;
  font-size: 14px;
  clear: both;
}
.print_coupon .customer_info .field .name {
  width: 120px;
  float: left;
  font-weight: bold;
  color: #5f5f5f;
}
.print_coupon .customer_info .field .value {
  color: #3c3c3c;
  overflow: hidden;
  float: left;
}
.btn-feeder {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  border: 2px solid #90bff8;
  border-radius: 6px;
  height: 40px;
  color: #90bff8;
  font-size: 16px;
  padding: 10px;
  height: 28px;
  line-height: 28px;
  padding: 0 2px;
}
.btn-feeder[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #ffffff;
}
.btn-feeder:active {
  background-color: #ebebeb;
}
.btn-feeder[data-notclick="true"] {
  cursor: default;
}
.btn-feeder[data-notclick="true"]:active {
  background-color: #ececec;
}
.permalink_tweet {
  padding: 5px;
}
.permalink_tweet > div {
  background-color: #dcdcdc;
  padding: 20px 0 10px;
  border-radius: 10px;
}
button.back span {
  height: 33px;
  line-height: 33px;
}
@media screen and (min-width: 451px) {
  button.back.online {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: auto;
  }
}
#content.feeder .color1,
#content.feeder .color1:hover,
#content.feeder .color1:active,
#content.feeder .color1:focus {
  color: #f6f6f5;
}
#content.feeder .color2,
#content.feeder .color2:hover,
#content.feeder .color2:active,
#content.feeder .color2:focus {
  color: #dcdcdc;
}
#content.feeder .color3,
#content.feeder .color3:hover,
#content.feeder .color3:active,
#content.feeder .color3:focus {
  color: #afb3ba;
}
#content.feeder .color4,
#content.feeder .color4:hover,
#content.feeder .color4:active,
#content.feeder .color4:focus {
  color: #90bff8;
}
#content.feeder .color5,
#content.feeder .color5:hover,
#content.feeder .color5:active,
#content.feeder .color5:focus {
  color: #2c6bb4;
}
#content.feeder .color6,
#content.feeder .color6:hover,
#content.feeder .color6:active,
#content.feeder .color6:focus {
  color: #113152;
}
#content.feeder .color7,
#content.feeder .color7:hover,
#content.feeder .color7:active,
#content.feeder .color7:focus {
  color: #ec5464;
}
#content.feeder .sort_box {
  background-color: #F9F9F9;
  padding-left: 10px;
}
#content.feeder .sort_box dt,
#content.feeder .sort_box dd {
  display: inline;
}
#content.feeder .sort_box button.select {
  color: #333333;
}
div.modal.v4 ul.list_box {
  margin: 0 -10px 0;
  background-color: #dcdcdc;
  padding: 10px;
  line-height: 1.34em;
}
div.modal.v4 c {
  color: #ec5464;
}
div.modal.v4 .modal-header {
  background-color: #2c6bb4;
  color: #ffffff;
  font-weight: bold;
}
div.modal.v4 .modal-header .close {
  color: #ffffff;
}
div.modal.v4 .modal-content {
  background-color: transparent;
}
div.modal.v4 .modal-body {
  background-color: #ffffff;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}
.flitto_rank {
  background-color: white;
  border: 1px solid #DCDCDC;
}
.flitto_rank header {
  font-weight: bold;
  padding: 20px;
}
.flitto_rank .rank_nav {
  padding: 10px 30px;
  font-size: 15px;
  position: relative;
  text-align: center;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.flitto_rank .rank_nav button:first-child {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: auto;
}
.flitto_rank .rank_nav button:last-child {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: auto;
}
.flitto_rank .rank_list ul li {
  padding: 20px;
  padding-bottom: 0;
}
.flitto_rank .rank_list ul li:last-child {
  padding-bottom: 20px;
}
.list_small {
  text-align: center;
}
.list_small .twitter_box {
  display: inline-block;
  margin: 8px;
}
@media screen and (max-width: 339px) {
  .list_small .twitter_box {
    margin: 2px;
  }
}
.searchbox {
  min-width: 250px;
  width: 320px;
}
.searchbox form {
  padding-right: 50px;
  height: 50px;
  position: relative;
}
.searchbox form input {
  width: 100%;
  height: 50px;
  min-width: auto;
  text-indent: 10px;
  border-radius: 10px 0 0 10px;
  border: 1px solid #afb3ba;
}
.searchbox form button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #113152;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  width: 50px;
  height: 50px;
  min-width: auto;
  border-radius: 0 10px 10px 0;
}
.searchbox form button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: #113152;
}
.searchbox form button:active {
  background-color: #0a1d30;
}
.searchbox form button[data-notclick="true"] {
  cursor: default;
}
.searchbox form button[data-notclick="true"]:active {
  background-color: #ececec;
}
@media screen and (max-width: 500px) {
  .searchbox {
    width: 220px;
    min-width: 220px;
  }
  #content.feeder .back {
    float: left;
  }
}
.sns_recommend {
  position: relative;
  background-color: #90bff8;
  padding: 10px;
  border-radius: 4px;
  overflow: hidden;
}
.sns_recommend .box {
  padding-left: 640px;
}
@media screen and (max-width: 980px) {
  .sns_recommend .box {
    padding-left: 480px;
  }
}
@media screen and (max-width: 820px) {
  .sns_recommend .box {
    padding-left: 320px;
  }
}
@media screen and (max-width: 660px) {
  .sns_recommend .box {
    padding-left: 160px;
  }
}
@media screen and (max-width: 500px) {
  .sns_recommend .box {
    padding-left: 0px;
  }
}
.sns_recommend .searchbox {
  width: 100%;
  height: 150px;
  min-width: auto;
}
.sns_recommend div.list_box {
  height: 150px;
  overflow: hidden;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: auto;
  width: 660px;
}
.sns_recommend div.list_box article {
  float: left;
  margin-right: 10px;
}
@media screen and (max-width: 980px) {
  .sns_recommend div.list_box {
    width: 480px;
  }
}
@media screen and (max-width: 820px) {
  .sns_recommend div.list_box {
    width: 320px;
  }
}
@media screen and (max-width: 660px) {
  .sns_recommend div.list_box {
    width: 160px;
  }
}
@media screen and (max-width: 500px) {
  .sns_recommend div.list_box {
    display: none;
  }
}
.vote_recommend {
  background-color: #90bff8;
  color: #113152;
  border-radius: 4px;
  overflow: hidden;
}
.vote_recommend header {
  padding: 15px 20px;
}
.vote_recommend .bar {
  background-color: #ffffff;
  width: 100%;
  height: 1px;
  min-width: auto;
  overflow: hidden;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
}
.vote_recommend .sort {
  height: 30px;
  padding: 0 20px;
  color: #ffffff;
}
.vote_recommend .sort dl {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #90bff8;
  padding-right: 10px;
}
.vote_recommend .sort dt,
.vote_recommend .sort dd {
  display: inline;
}
.vote_recommend .sort .select {
  color: #113152;
}
@media screen and (max-width: 999px) {
  .vote_recommend {
    width: 670px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 669px) {
  .vote_recommend {
    width: 340px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 339px) {
  .vote_recommend {
    width: 320px;
  }
}
.signup_recommend {
  background-color: #2c6bb4;
  border-radius: 4px;
  overflow: hidden;
  padding: 15px;
}
.signup_recommend dl,
.signup_recommend dl a {
  color: #ffffff;
}
.signup_recommend div {
  border-radius: 4px;
  background-color: #ffffff;
  text-align: center;
  height: 70px;
  overflow: hidden;
}
.signup_recommend .desc {
  display: table;
  width: 'inherit';
  height: 30px;
}
.btn-unfollow,
.btn-following {
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  overflow: hidden;
  width: 110px;
  height: 35px;
  min-width: auto;
  padding: 0;
}
.btn-unfollow.old,
.btn-following.old {
  width: 100px;
  height: 30px;
  min-width: auto;
}
.btn-unfollow i,
.btn-following i {
  margin-right: 5px;
  float: inherit;
  min-height: inherit;
}
.twitter_box[data-type=large] .btn-unfollow,
.twitter_box[data-type=middle] .btn-unfollow,
.twitter_box[data-type=large] .btn-following,
.twitter_box[data-type=middle] .btn-following,
.twitter_box[data-type=large] .btn-vote,
.twitter_box[data-type=middle] .btn-vote {
  width: 100%;
  max-width: 160px;
}
.twitter_box {
  text-align: center;
  background-color: #ffffff;
}
.twitter_box .name {
  color: #dcdcdc;
}
.twitter_box .img-group img {
  border-radius: 100px;
}
.twitter_box dt a {
  color: #333333;
}
.twitter_box dt a:hover {
  color: #2c6bb4;
}
.twitter_box .cnt-update {
  color: #1880FF;
}
.twitter_box[data-type=large] {
  border-radius: 2px;
  overflow: hidden;
  border: none;
}
.twitter_box[data-type=large] .empty {
  height: 200px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  overflow: hidden;
  background-color: #efefef;
}
.twitter_box[data-type=large] .social_box {
  font-size: 12px;
  color: #ffffff;
}
.twitter_box[data-type=large] .add {
  height: 200px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  overflow: hidden;
  background-color: #ffffff;
}
.twitter_box[data-type=large] dt,
.twitter_box[data-type=large] dd.name,
.twitter_box[data-type=large] dd.cnt {
  margin: 0 auto;
}
.twitter_box[data-type=large] dt,
.twitter_box[data-type=large] dd.name,
.twitter_box[data-type=large] dd.cnt,
.twitter_box[data-type=large] dt a,
.twitter_box[data-type=large] dd.name a,
.twitter_box[data-type=large] dd.cnt a {
  width: 155px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.twitter_box[data-type=large] .info {
  padding: 20px;
  padding-left: 140px;
  height: 140px;
  position: relative;
  margin-bottom: 0;
  border: 1px solid #dcdcdc;
  border-bottom-width: 0;
  border-radius: 2px 2px 0 0;
}
.twitter_box[data-type=large] .img-group {
  position: absolute;
  top: 19px;
  left: 20px;
  z-index: auto;
}
.twitter_box[data-type=large] .bottom_info {
  height: 60px;
  background-color: #f6f6f5;
  margin-left: 0;
  border: 1px solid #dcdcdc;
  border-radius: 0 0 2px 2px;
}
.twitter_box[data-type=large] .bottom_info li {
  width: 33%;
  padding: 0;
  float: left;
  text-align: center;
}
.twitter_box[data-type=large] .bottom_info li div {
  margin-top: 12px;
  border-right: 1px solid #dcdcdc;
}
.twitter_box[data-type=large] .bottom_info li:last-child div {
  border-right: none;
}
.twitter_box[data-type=nav] {
  border: none;
  text-align: left;
  background-color: #ffffff;
  border-bottom: 2px solid #257dc1;
  z-index: 100;
}
.twitter_box[data-type=nav] .info {
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px;
  padding-left: 70px;
  height: 70px;
  position: relative;
  margin-bottom: 0;
}
.twitter_box[data-type=nav] .img-group {
  position: absolute;
  top: 9px;
  left: 10px;
  z-index: auto;
}
.twitter_box[data-type=nav] .btn_box {
  float: right;
  margin-top: -24px;
}
.twitter_box[data-type=nav] .bottom_info {
  height: 16px;
  overflow: hidden;
}
.twitter_box[data-type=layer] {
  border: none;
}
.twitter_box[data-type=layer] dt {
  margin: 0 auto;
}
.twitter_box[data-type=layer].list_box {
  margin: 0 0 10px 10px;
  float: left;
}
.twitter_box[data-type=layer] .info {
  padding-top: 80px;
  position: relative;
  margin-bottom: 0;
}
.twitter_box[data-type=layer] .img-group {
  position: absolute;
  top: 0;
  left: 104px;
  z-index: auto;
}
.twitter_box[data-type=layer] .btn_box {
  margin-top: 10px;
}
.twitter_box[data-type=layer] .bottom_info {
  margin-top: 15px;
}
.twitter_box[data-type=middle] {
  border-radius: 4px;
  overflow: hidden;
  border: none;
  border: 1px solid #dcdcdc;
}
.twitter_box[data-type=middle] dt,
.twitter_box[data-type=middle] dd.name,
.twitter_box[data-type=middle] dd.cnt {
  margin: 0 auto;
}
.twitter_box[data-type=middle] dt,
.twitter_box[data-type=middle] dd.name,
.twitter_box[data-type=middle] dd.cnt,
.twitter_box[data-type=middle] dt a,
.twitter_box[data-type=middle] dd.name a,
.twitter_box[data-type=middle] dd.cnt a {
  width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.twitter_box[data-type=middle].list_box {
  width: 320px;
  margin: 0 0 10px 10px;
  float: left;
}
@media screen and (max-width: 339px) {
  .twitter_box[data-type=middle].list_box {
    margin: 0 0 10px 0;
  }
}
.twitter_box[data-type=middle] .info {
  padding: 10px;
  padding-left: 100px;
  height: 100px;
  position: relative;
  margin-bottom: 0;
}
.twitter_box[data-type=middle] .img-group {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: auto;
}
.twitter_box[data-type=middle] .btn_box {
  margin-top: 0;
}
.twitter_box[data-type=small] {
  border: none;
  width: 150px;
  height: 150px;
  min-width: auto;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #dcdcdc;
}
.twitter_box[data-type=small] dt,
.twitter_box[data-type=small] dd.name,
.twitter_box[data-type=small] dd.cnt {
  margin: 0 auto;
}
.twitter_box[data-type=small] dt,
.twitter_box[data-type=small] dd.name,
.twitter_box[data-type=small] dd.cnt,
.twitter_box[data-type=small] dt a,
.twitter_box[data-type=small] dd.name a,
.twitter_box[data-type=small] dd.cnt a {
  width: 110px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.twitter_box[data-type=small] .info {
  padding-top: 70px;
  position: relative;
  margin-bottom: 0;
}
.twitter_box[data-type=small] .img-group {
  position: absolute;
  top: 10px;
  left: 49px;
  z-index: auto;
}
.twitter_box[data-type=small].flexible {
  border: none;
  margin: 0;
  background-color: transparent;
  padding-bottom: 0;
  width: 25%;
  padding-right: 10px;
}
.twitter_box[data-type=small].flexible .img-group {
  left: 50%;
}
.twitter_box[data-type=small].flexible .img-group img {
  margin-left: -25px;
}
.twitter_box[data-type=small].flexible:last-child {
  padding-right: 0;
}
.twitter_box[data-type=small].flexible dl {
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  overflow: hidden;
  padding: 70px 20px 10px;
}
.twitter_box[data-type=small].flexible dl .btn-unfollow,
.twitter_box[data-type=small].flexible dl .btn-following {
  width: 100%;
}
@media screen and (max-width: 650px) {
  .twitter_box[data-type=small].flexible {
    width: 33.3%;
  }
  .twitter_box[data-type=small].flexible:nth-child(4) {
    display: none;
  }
  .twitter_box[data-type=small].flexible:nth-child(3) {
    padding-right: 0;
  }
}
@media screen and (max-width: 500px) {
  .twitter_box[data-type=small].flexible {
    width: 50%;
  }
  .twitter_box[data-type=small].flexible:nth-child(4) {
    display: none;
  }
  .twitter_box[data-type=small].flexible:nth-child(3) {
    display: none;
  }
  .twitter_box[data-type=small].flexible:nth-child(2) {
    padding-right: 0;
  }
}
.twitter_box[data-type=small1] {
  border: none;
  position: relative;
  width: 150px;
  height: 210px;
  min-width: auto;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  float: left;
}
.twitter_box[data-type=small1] dt,
.twitter_box[data-type=small1] dd.name,
.twitter_box[data-type=small1] dd.cnt {
  margin: 0 auto;
}
.twitter_box[data-type=small1] dt,
.twitter_box[data-type=small1] dd.name,
.twitter_box[data-type=small1] dd.cnt,
.twitter_box[data-type=small1] dt a,
.twitter_box[data-type=small1] dd.name a,
.twitter_box[data-type=small1] dd.cnt a {
  width: 110px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.twitter_box[data-type=small1] .info {
  padding-top: 90px;
  margin-bottom: 0;
}
.twitter_box[data-type=small1] .img-group {
  position: absolute;
  top: 20px;
  left: 44px;
  z-index: auto;
}
.twitter_box[data-type=small1] .btn_box {
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: auto;
}
.twitter_box[data-type=small1] .social {
  background-color: transparent;
  color: #777777;
}
.twitter_box[data-type=small2] {
  text-align: left;
  border: none;
}
.twitter_box[data-type=small2] dt,
.twitter_box[data-type=small2] dd.name,
.twitter_box[data-type=small2] dd.cnt,
.twitter_box[data-type=small2] dt a,
.twitter_box[data-type=small2] dd.name a,
.twitter_box[data-type=small2] dd.cnt a {
  width: 110px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.twitter_box[data-type=small2].list_box {
  margin: 0;
  min-width: 190px;
  display: inline-block;
}
.twitter_box[data-type=small2] .info {
  padding: 10px;
  padding-left: 70px;
  height: 70px;
  position: relative;
  margin-bottom: 0;
}
.twitter_box[data-type=small2] .img-group {
  position: absolute;
  top: 9px;
  left: 10px;
  z-index: auto;
}
.twitter_box[data-type=small2] .btn_box {
  margin-top: 0;
}
.s_max_w_100p svg {
  max-width: 100%;
}
.s_s14 svg {
  width: 14px;
  height: 14px;
  min-width: auto;
}
.s_s16 svg {
  width: 16px;
  height: 16px;
  min-width: auto;
}
.s_s20 svg {
  width: 20px;
  height: 20px;
  min-width: auto;
}
.s_s_h24 svg {
  height: 24px;
}
.s_s_h27 svg {
  height: 27px;
}
.s_s30 svg {
  width: 30px;
  height: 30px;
  min-width: auto;
}
.s_s40 svg {
  width: 40px;
  height: 40px;
  min-width: auto;
}
.s_s50 svg {
  width: 50px;
  height: 50px;
  min-width: auto;
}
.s_s60 svg {
  width: 60px;
  height: 60px;
  min-width: auto;
}
.s_s70 svg {
  width: 70px;
  height: 70px;
  min-width: auto;
}
.s_s80 svg {
  width: 80px;
  height: 80px;
  min-width: auto;
}
.s_s90 svg {
  width: 90px;
  height: 90px;
  min-width: auto;
}
.s_s100 svg {
  width: 100px;
  height: 100px;
  min-width: auto;
}
.s_s120 svg {
  width: 120px;
  height: 120px;
  min-width: auto;
}
.s_s_w180_h84 svg {
  width: 180px;
  height: 84px;
  min-width: auto;
}
.s_s140 svg {
  width: 140px;
  height: 140px;
  min-width: auto;
}
.s_w40 svg {
  width: 40px;
  height: auto;
  min-width: auto;
}
.s_w45 svg {
  width: 45px;
  height: auto;
  min-width: auto;
}
.s_w200 svg {
  width: 200px;
  height: auto;
  min-width: auto;
}
.s-vertical-middle svg {
  vertical-align: middle;
}
.modal svg .modal_path_hide {
  display: none;
}
.fill_fff,
.fill_fff path {
  fill: #ffffff;
}
.fill_ccc,
.fill_ccc path {
  fill: #cccccc;
}
.fill_a3c0ef,
.fill_a3c0ef path {
  fill: #A3C0EF;
}
.fill_white,
.fill_white path {
  fill: #ffffff;
}
.fill_android,
.fill_android path {
  fill: #96BF3E;
}
.fill_ios,
.fill_ios path {
  fill: #B6B7B7;
}
.fill_none,
.fill_none path {
  fill: none;
}
.fill_999,
.fill_999 path {
  fill: #999999;
}
.fill_points,
.fill_points path {
  fill: #257dc1;
}
.fill_one,
.fill_one path {
  fill: #20898c;
}
.fill_flitto,
.fill_flitto path {
  fill: #2B6EB5;
}
.badge_box .badge_color {
  fill: #dcdcdc;
}
.badge_box .badge_mark {
  fill: #ffffff;
}
.badge_box.gold .badge_color {
  fill: #ffc200;
}
.badge_box.silver .badge_color {
  fill: #b7bcb6;
}
.badge_box.bronze .badge_color {
  fill: #dd8266;
}
.badge_box.markDefault .badge_mark {
  fill: #dcdcdc;
}
.select_box button {
  background: #ffffff;
  padding-left: 10px;
}
.select_box button .text.left-padding {
  padding-left: 35px;
}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  margin-bottom: 0;
}
.form-control,
.product_box .insert-group .insert-box input {
  font-size: 14px;
}
button.dropdown-toggle {
  position: relative;
}
.bootstrap-select .dropdown-toggle {
  border-radius: 4px !important;
}
.bootstrap-select .dropdown-toggle:before {
  display: none;
}
.bootstrap-select .dropdown-menu {
  min-width: 100% !important;
  z-index: 1032;
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  padding-right: inherit;
}
.bootstrap-select .dropdown-toggle .filter-option {
  height: auto;
  margin-right: 0;
}
.bootstrap-select.arabic .dropdown-menu li small {
  padding-right: 0.5em;
  padding-left: 0;
}
button.dropdown-toggle::before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -2px;
  right: 7px;
  display: none;
}
button.dropdown-toggle::after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -2px;
  right: 8px;
  z-index: 1001;
  display: none;
}
.ghost-selectpicker .bootstrap-select button {
  background-color: transparent;
  border-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: auto;
  border: none;
}
.ghost-selectpicker .bootstrap-select button:hover {
  background-color: transparent;
}
.wrap-main .ghost-selectpicker button.dropdown-toggle,
.wrap-main .ghost-selectpicker button.dropdown-toggle:hover {
  color: #ffffff !important;
}
.wrap-main .ghost-selectpicker .bootstrap-select button,
.wrap-main .ghost-selectpicker .bootstrap-select button:hover {
  color: #ffffff !important;
}
/*
.navbar-flitto {
  .ghost-selectpicker {
    .bootstrap-select {
      button {
        &, &:hover {
          background-color: transparent !important;
          border-color: transparent !important;
        }
      }
    }
  }
}
*/
.ghost-selectpicker-sm .bootstrap-select button {
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.34em;
}
.ghost-selectpicker-sm .bootstrap-select li {
  font-size: 12px;
}
.input-group-addon.select_box {
  padding: 0;
  border: none;
}
.input-group-addon.select_box .bootstrap-select > button {
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.input-group-addon.select_box .bootstrap-select > button.disabled {
  opacity: 1;
  background-color: #eee;
}
.input-group-addon.submit_box {
  padding: 0;
}
.input-group-addon.submit_box button {
  padding: 6px 12px;
  background-color: transparent;
  border: none;
}
.visible-screen-lg {
  display: none;
}
@media screen and (min-width: 1000px) {
  .visible-screen-lg {
    display: inherit !important;
  }
}
@media screen and (min-width: 999px) {
  .hidden-screen-lg {
    display: none !important;
  }
}
.has-error .form-control,
.has-error .bootstrap-select .dropdown-toggle {
  border-color: #FF6C65 !important;
}
.has-error.form-group.has-danger .help-block.with-errors {
  color: #FF6C65 !important;
  font-size: 14px;
  margin: 5px 0 10px;
}
.has-error.form-group.has-danger .help-block.with-errors.error-sm {
  color: #FF6C65 !important;
  font-size: 12px;
  margin: 5px 0 10px;
}
.help-block.with-errors {
  margin: 0;
}
dl {
  margin-bottom: 0;
}
.navbar {
  margin-bottom: 0;
}
.nav.nav-tabs {
  margin-top: 0;
}
.nav.nav-tabs.nav-tabs-a {
  padding: 0px 10px;
}
.nav.nav-tabs.nav-tabs-a li button {
  padding: 19px;
  border: none;
  background-color: transparent;
}
.nav.nav-tabs.nav-tabs-a li button.active {
  border-bottom: 2px solid #145CE1;
}
label {
  font-weight: normal;
}
div[data-step=preview] .bootstrap-select .sub_name[data-req_type=free] {
  color: #999999;
}
div[data-step=preview] .bootstrap-select .sub_name[data-req_type=reco] {
  color: #145CE1;
}
.progress {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 0;
  background-color: #d9dae5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress-bar-default {
  background-color: #90b4da;
}
.progress-bar-gold {
  background-color: #ffc200;
}
.progress-bar-silver {
  background-color: #b7bcb6;
}
.progress-bar-bronze {
  background-color: #dd8266;
}
.border.table-bordered th,
.border.table-bordered td {
  border-color: #dcdcdc !important;
}
.form-group.has-feedback.has-error.has-danger button.form-control-feedback {
  pointer-events: inherit;
}
.datepicker {
  padding: 10px;
}
.datepicker .prev,
.datepicker .next {
  padding-bottom: 5px !important;
}
.datepicker .prev:hover,
.datepicker .next:hover {
  background-color: #fff;
}
.datepicker table {
  border-collapse: collapse;
}
.datepicker table .datepicker-switch {
  font-size: 12px;
}
.datepicker table th {
  padding: 0 !important;
}
.datepicker table td {
  width: 30px;
  height: 30px;
  line-height: 1.34em;
  vertical-align: bottom;
}
.datepicker table td {
  border: 1px solid #DCDCDC;
}
.datepicker table th.dow {
  font-size: 12px;
  color: #999999;
  font-weight: bold;
}
.datepicker table td.day.today:not(.active),
.datepicker table td.day.today:hover:not(.active) {
  background-color: #999999;
  border-radius: 0;
  background-image: none;
  color: #fff;
}
.datepicker table td.day.active {
  background-color: #71AEFF !important;
  border-radius: 0;
  background-image: none;
  color: #fff !important;
}
.datepicker table td.day.active:hover {
  background-image: none !important;
}
.datepicker table td.day.new,
.datepicker table td.day.old,
.datepicker table td.day.new:hover,
.datepicker table td.day.old:hover {
  color: #999999;
  background-color: #F9F9F9;
}
.datepicker table td.day.disabled {
  color: #DCDCDC !important;
}
.datepicker table span.month,
.datepicker table span.year {
  border-radius: 2px;
}
.datepicker table span.month.active,
.datepicker table span.year.active,
.datepicker table span.month.active:hover,
.datepicker table span.year.active:hover {
  background-image: none;
  background-color: #71AEFF !important;
  color: #fff !important;
}
.datepicker .datepicker-switch-box {
  height: 36px;
  padding: 0 5px;
  width: 150px;
}
.datepicker .datepicker-switch {
  height: 31px;
  display: table-cell;
  vertical-align: middle;
}
.datepicker .datepicker-years .datepicker-switch:hover {
  background-color: transparent !important;
  cursor: default !important;
}
.datepicker-dropdown:after,
.datepicker-dropdown:before {
  border: none;
}
.popover_dark .popover {
  background-color: rgba(51, 51, 51, 0.9);
  color: white;
  border-radius: 5px;
  box-shadow: none;
  border: none;
}
@media screen and (max-width: 500px) {
  .popover_dark .popover {
    min-width: 200px;
  }
}
.popover_dark .popover.top .arrow {
  border: none;
}
.popover_dark .popover.top .arrow:after {
  margin-left: 0;
  border-top-color: rgba(51, 51, 51, 0.9);
}
.popover_dark .popover.left .arrow:after {
  border-left-color: rgba(51, 51, 51, 0.9);
}
@media screen and (min-width: 768px) {
  .col-sm-pr15 {
    padding-right: 15px;
  }
  .col-sm-pl15 {
    padding-left: 15px;
  }
  .col-sm-pr30 {
    padding-right: 30px;
  }
  .col-sm-pl30 {
    padding-left: 30px;
  }
  .col-sm-border-right {
    border-right: 1px solid #DCDCDC;
  }
}
@media screen and (max-width: 767px) {
  .col-sm-pr15 {
    padding-right: 0;
  }
  .col-sm-pl15 {
    padding-left: 0;
  }
  .col-sm-pr30 {
    padding-right: 0;
  }
  .col-sm-pl30 {
    padding-left: 0;
  }
  .col-xs-mt10 {
    margin-top: 10px;
  }
}
.bootstrap-select-wp100 .bootstrap-select {
  width: 100% !important;
}
.flitto_form input[type=text],
.flitto_form input[type=email],
.flitto_form input[type=password],
.flitto_form select,
.flitto_form .bootstrap-select,
.flitto_form .bootstrap-select > button {
  height: 40px;
}
.flitto_form_sm input[type=text],
.flitto_form_sm input[type=email],
.flitto_form_sm input[type=password],
.flitto_form_sm select,
.flitto_form_sm .bootstrap-select,
.flitto_form_sm .bootstrap-select > button {
  height: 30px;
}
.flitto_form_sm_ie input[type=text],
.flitto_form_sm_ie input[type=email],
.flitto_form_sm_ie input[type=password],
.flitto_form_sm_ie select,
.flitto_form_sm_ie .bootstrap-select,
.flitto_form_sm_ie .bootstrap-select > button {
  height: 32px;
}
.search_sns_form input[type=text]::-ms-clear {
  display: none;
}
.search_sns_form .sc-search-button:hover {
  background-color: #F9F9F9 !important;
  cursor: pointer;
}
.search_sns_form .input-group .input-group-addon {
  background-color: white;
  width: 40px;
  padding: 0;
  border-color: #dcdcdc;
}
.search_sns_form .input-group .addon-left {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 20px;
}
.search_sns_form .input-group .addon-dividing {
  border-left-width: 0;
  border-right-width: 0;
  width: 10px;
}
.search_sns_form .input-group .addon-dividing-line {
  color: #dcdcdc;
}
.search_sns_form .input-group .addon-right {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 20px;
  padding-right: 15px;
  padding-left: 10px;
}
.search_sns_form .input-group .form-control {
  height: 40px;
  border-left: none;
  border-right: none;
  box-shadow: none;
  border-color: #dcdcdc;
  background-color: white;
}
.search_sns_form .input-group .form-control:focus {
  background-color: white;
  border-color: #dcdcdc;
  box-shadow: none;
}
.search_sns_form .input-group .form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
@media (max-width: 767px) {
  .search_sns_form {
    width: 100%;
  }
  .search_sns_form .input-group {
    width: 100%;
  }
}
.placeholder-gradient {
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%);
  background-size: 1000px 640px;
  position: relative;
}
.placeholder-gradient-dark {
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #f0f0f0 8%, #f4f4f4 38%, #f0f0f0 54%);
  background-size: 1000px 640px;
  position: relative;
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.embedWrap {
  margin-top: 85px;
}
.embedWrap #content-timeline {
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ffffff;
}
.embedWrap nav {
  height: 84px;
  width: 100%;
  background-color: #ffffff;
}
.embedWrap nav > div:first-child {
  padding: 8px;
}
.embedWrap nav ul {
  background-color: #dddfe3;
  width: 100%;
  margin: 0;
  height: 30px;
  overflow: hidden;
}
.embedWrap nav ul li {
  float: left;
  padding: 3px 2px;
}
.embedWrap nav ul li:first-child {
  padding-left: 0;
}
.embedWrap nav ul li:last-child {
  padding-right: 0;
}
.embedWrap .go_to_flitto {
  background-color: #ffffff;
  width: 100%;
  padding: 5px 0;
}
.embedWrap .go_to_flitto button i {
  margin-top: 2px;
}
.embedWrap .feed {
  margin-bottom: 0;
}
.embedWrap .tr_embed {
  padding: 8px;
  background-color: #f1f2f4;
  font-size: 12px;
  margin-bottom: 1px;
}
.embedWrap .tr_embed:last-child {
  margin-bottom: 0;
}
.embedWrap .follow_link {
  position: absolute;
  top: 7px;
  right: 0;
  z-index: auto;
}
.embedWrap .visible-250 {
  display: none;
}
@media screen and (max-width: 320px) {
  .embedWrap .visible-250 {
    display: inline-block;
  }
}
.embedWrap .hidden-250 {
  display: inline-block;
}
@media screen and (max-width: 320px) {
  .embedWrap .hidden-250 {
    display: none;
  }
}
.embedWrap #selectLangEmbed {
  position: relative;
}
.embedWrap #selectLangEmbed > button {
  height: 100%;
}
.embedWrap #selectLangEmbed > button:first-child {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
.embedWrap #selectLangEmbed > button:last-child {
  position: absolute;
  top: 0;
  right: 2px;
  z-index: auto;
}
.embedWrap #selectLangEmbed ul {
  padding: 0 6px;
}
@media screen and (max-width: 320px) {
  .embedWrap #selectLangEmbed ul {
    padding: 0 13px 0 18px;
  }
}
.embedWrap #selectLangEmbed ul button {
  border: 2px solid transparent;
  border-radius: 6px;
}
.embedWrap #selectLangEmbed ul button.select {
  border-color: #0a7dcb;
}
.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  overflow: auto;
  cursor: pointer;
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399FF;
}
.autocomplete-suggestions img {
  margin-right: 5px;
}
.dropdown-menu.min {
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
  min-width: 0;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .dropdown-menu {
    max-height: 240px;
    overflow: hidden;
    overflow-y: scroll;
  }
}
.t1 {
  top: 1px;
}
.rotate90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pull-inherit {
  float: inherit !important;
}
.not-allowed,
.not-allowed div,
.not-allowed input,
.not-allowed textarea,
.not-allowed input[disabled] {
  cursor: not-allowed;
}
.pointer,
.sc-userinfo {
  cursor: pointer;
}
span.emoji {
  background-image: url("/js/lib/emoji/lib/emoji.png");
}
.icon-textballoon,
.icon-share {
  color: #999999;
}
.rank .icon-share {
  color: #ffffff;
}
.icon-plus.round {
  background-color: #dcdcdc;
  width: 50px;
  height: 50px;
  min-width: auto;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  line-height: 50px;
  border-radius: 50%;
  font-size: 30px;
  color: #fff;
  text-align: center;
}
.icon-plus.round:before {
  margin-bottom: 6px;
  margin-left: 1px;
}
.icon-plus.round.small {
  width: 40px;
  height: 40px;
  min-width: auto;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  line-height: 40px;
  font-size: 20px;
}
.icon-point:before {
  margin-top: -3px;
}
.icon-long-double-arrow.left {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-long-arrow.left {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.img_tr0 {
  background-repeat: no-repeat;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 320px;
  height: 320px;
  min-width: auto;
  background-image: url('/i/main/tr0_img.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .img_tr0 {
    background-size: 320px 320px;
    background-image: url('/i/main/tr0_img-x2.png');
  }
}
.img_tr0 {
  background-repeat: no-repeat;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  width: 320px;
  height: 320px;
  min-width: auto;
  background-image: url('/i/main/tr0_img.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .img_tr0 {
    background-size: 320px 320px;
    background-image: url('/i/main/tr0_img-x2.png');
  }
}
.app_down_box {
  text-align: center;
  margin-bottom: -100px;
}
.app_down_box p {
  padding: 30px;
  width: 300px;
  color: #fff;
}
.app_down_box span {
  color: #ffdcdc;
}
.app_down_box button {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  /*
  &[disabled=disabled] { // transparent 경우 처리 해야 한다.
//    background-color: rgba(red(@bgColor), green(@bgColor), blue(@bgColor), .5);
  }
  */
  border: 1px solid #ffffff;
  color: #ffffff;
  width: 200px;
  border-radius: 4px;
  padding: 10px;
}
.app_down_box button[disabled=disabled] {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color: transparent;
}
.app_down_box button:active {
  background-color: rgba(0, 0, 0, 0);
}
.app_down_box button[data-notclick="true"] {
  cursor: default;
}
.app_down_box button[data-notclick="true"]:active {
  background-color: #ececec;
}
.app_down_box .bg {
  width: 300px;
  height: 400px;
  min-width: auto;
  margin: 0 auto;
}
.fb-like.of-hidden span {
  overflow: hidden;
}
input[type=radio] ~ span {
  cursor: pointer;
}
input[type=radio]:checked ~ span {
  font-weight: bold;
}
.oneline85 {
  width: 85px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.oneline140 {
  display: inline-block;
  width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.oneline200 {
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.oneline250 {
  width: 250px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.oneline300 {
  width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.oneline450 {
  width: 450px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.stroke {
  display: none;
  width: 100px;
  font-weight: bold;
  color: #fff;
  font-size: 24px;
  text-shadow: 2px 2px 0 #257dc1, /* Simulated effect for Firefox and Opera
         and nice enhancement for WebKit */ -1px -1px 0 #257dc1, 1px -1px 0 #257dc1, -1px 1px 0 #257dc1, 1px 1px 0 #257dc1;
}
.popover {
  border: 1px solid #dcdcdc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 1050 !important;
}
.level-tag {
  font-size: 10px;
  margin-right: 2px;
}
.level-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-right: 5px;
}
.level-container .level-wrapper {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.level-container.el-center {
  justify-content: flex-start;
  height: 100%;
}
.level-container.align-right {
  justify-content: flex-end;
}
.level-container:last-child {
  margin-right: 0;
}
.level-container .icon-tag__group {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  padding: 1px 8px;
  border-radius: 20px;
  background-color: #f0f0f0;
  font-size: 12px;
}
.level-container .icon-tag__group.level_pro {
  font-size: 34px;
  color: #20898c;
  background-color: inherit;
  padding: 0;
}
.level-container .icon-tag__group.certified.level_0 {
  color: #333333;
}
.level-container .icon-tag__group.certified.level_1 {
  color: #108e00;
}
.level-container .icon-tag__group.certified.level_2 {
  color: #108e00;
}
.level-container .icon-tag__group.certified.level_3 {
  color: #007ccd;
}
.level-container .icon-tag__group.certified.level_4 {
  color: #0036e6;
}
.level-container .icon-tag__group.certified.level_5 {
  color: #0036e6;
}
.level-container .icon-tag__group.certified.level_native {
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
}
.level-container .icon-tag__group.uncertified.level_0 {
  color: #333333;
  padding: 1px 8px;
}
.level-container .icon-tag__group .level-tag--improving {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 3px;
  height: 18px;
}
.level-container .icon-tag__group.deleted {
  color: #333333;
}
.level-container .icon-tag__group .deleted-tag {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 3px;
  color: #d7261c;
}
.level-container .icon-tag__group.level_pro_cn {
  width: auto;
  height: 18px;
  background-color: inherit;
  padding: 0;
}
.level-container .icon-tag__group.level_pro_cn img {
  margin-top: 2px;
  height: 100%;
}
.level-container .level-divide-pipe {
  width: 1px;
  height: 15px;
  display: inline-block;
  border-left: 1px solid #dcdcdc;
  margin: 0 10px;
}
.level-container .level-language {
  font-size: 12px;
  line-height: 1.3;
  margin-right: 5px;
  color: #333;
}
.level-star-tag {
  color: #FBBD48;
}
.level-none-tag {
  color: #CCCCCC;
}
.pro-tag {
  color: #20898c;
  font-size: 16px;
}
.pro-tag:not(:last-child) {
  padding-right: 16px;
}
.fit-content-left {
  float: left;
  clear: left;
}
.fit-content-right {
  float: right;
  clear: right;
}
.progress_wrap {
  height: 3px;
  width: 64px;
  background-color: #f0f0f0;
  border-radius: 4px;
  margin: 5px auto;
  overflow: hidden;
  margin-left: 0;
}
.progress_wrap .progrss_bar {
  height: 3px;
  float: left;
}
.img-instagram {
  width: 15px;
  height: 15px;
  min-width: auto;
  background-image: url("/fcp/src/resource/img/social/instagram.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .img-instagram {
    background-image: url("/fcp/src/resource/img/social/instagram@2x.png");
    background-size: 15px 15px;
  }
}
.open .caret,
button[aria-expanded=true] .caret {
  border-top-width: 0;
  border-bottom: 4px solid;
}
.img-flitto {
  width: 15px;
  height: 15px;
  min-width: auto;
  background-image: url("/fcp/src/resource/img/social/flitto_symbol.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .img-flitto {
    background-image: url("/fcp/src/resource/img/social/flitto_symbol@2x.png");
    background-size: 15px 15px;
  }
}
grammarly-ghost div {
  background-color: transparent !important;
}
.caustion-box header i {
  color: #FF6C65;
}
.caustion-box header .caustion-title {
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}
.caustion-box ul.caustion-list {
  margin-top: 5px;
  line-height: 20px;
  list-style-type: disc;
}
.caustion-box ul.caustion-list li {
  font-size: 12px;
  color: #666666;
  margin-left: 20px;
}
.cs-file-box .cs-drop-box {
  position: relative;
}
.cs-file-box .cs-dragblur {
  position: absolute;
  border: 1px dashed #1880FF;
  background-color: rgba(24, 128, 255, 0.1);
  text-align: center;
  z-index: 1;
  top: 0;
  display: none;
}
.cs-file-box .cs-file-list {
  list-style: none;
  display: none;
}
.cs-file-box .cs-file-input {
  padding: 20px;
  text-align: center;
  background-color: #fafafa;
}
.cs-file-box .cs-file-input > span {
  color: #999999;
}
.tr-container .user-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.tr-container .user-container .user-info {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.tr-container .user-container .user-info .user-image {
  margin-right: 10px;
}
.tr-container .func-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.tr-container .memo-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.text_pair_1 {
  display: inline-block;
  text-align: center;
  margin: 10px 0;
  padding: 0 10px;
  border-right: 1px solid #DCDCDC;
}
.text_pair_1 .c_contents {
  font-size: 25px;
  font-weight: bold;
  color: #333333;
  display: inherit;
  margin-bottom: 10px;
  height: 20px;
  line-height: 1em;
}
.text_pair_1 .c_unit {
  display: inherit;
}
.text_pair_1 .c_label {
  font-size: 12px;
  color: #666666;
  display: block;
}
.text_pair_1:last-child {
  border-right: none;
}
.text_pair_1-sm {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  padding: 0;
  border-right: 1px solid #DCDCDC;
}
.text_pair_1-sm .c_contents {
  font-weight: bold;
  color: #333333;
  display: inherit;
}
.text_pair_1-sm .c_unit {
  font-size: 10px;
  display: inherit;
}
.text_pair_1-sm .c_label {
  color: #666666;
  display: block;
}
.text_pair_1-sm:last-child {
  border-right: none;
}
.text_pair_2 {
  padding: 10px;
  color: #666666;
  background-color: #fafafa;
}
.text_pair_2 > span {
  float: right !important;
  font-size: 20px;
  color: #333;
  font-weight: bold;
  padding-right: 5px !important;
}
html[data-lang="ja"] .text_pair_2 > span {
  font-size: 14px;
}
/**
 * 'typo'는 원활한 layout 배치를 위해 display 영향을 미치는 넣지 않는다.
 */
.typo.stat {
  text-align: center;
  display: inline-block;
  line-height: 20px;
  border-right: 1px solid #DCDCDC;
}
.typo.stat:last-child {
  border-right: none;
}
.typo.stat .stat_value {
  display: inline-block;
  font-size: 25px;
  font-weight: bold;
  color: #333;
}
.typo.stat .stat_label {
  color: #666666;
  font-size: 12px;
}
.typo.stat .stat_unit {
  display: inline-block;
  font-size: 14px;
}
.typo.stat-sm .stat_value {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
}
.typo.stat-sm .stat_unit {
  font-size: 10px;
}
.typo.stat-reverse .stat_value,
.typo.stat-reverse .stat_label {
  color: white;
}
.typo.media .media_title {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}
.typo.media .media_desc {
  font-size: 14px;
  color: #666666;
  margin-top: 10px;
}
@media print {
  .print--hide {
    display: none;
  }
}

.p0 {
  padding: 0;
}
.p0i {
  padding: 0 !important;
}
.p1 {
  padding: 1px;
}
.p2 {
  padding: 2px;
}
.p3 {
  padding: 3px;
}
.p4 {
  padding: 4px;
}
.p5 {
  padding: 5px;
}
.p6 {
  padding: 6px;
}
.p7 {
  padding: 7px;
}
.p10 {
  padding: 10px;
}
.p11 {
  padding: 11px;
}
.p12 {
  padding: 12px;
}
.p13 {
  padding: 13px;
}
.p15 {
  padding: 15px;
}
.p20 {
  padding: 20px;
}
.p21 {
  padding: 21px;
}
.p20i {
  padding: 20px !important;
}
.p25 {
  padding: 25px;
}
.p30 {
  padding: 30px;
}
.p40 {
  padding: 40px;
}
.pt0 {
  padding-top: 0px;
}
.pt0i {
  padding-top: 0px !important;
}
.pt1 {
  padding-top: 1px;
}
.pt2 {
  padding-top: 2px;
}
.pt4 {
  padding-top: 4px;
}
.pt5 {
  padding-top: 5px;
}
.pt7 {
  padding-top: 7px;
}
.pt8 {
  padding-top: 8px;
}
.pt10 {
  padding-top: 10px;
}
.pt10i {
  padding-top: 10px !important;
}
.pt12 {
  padding-top: 12px;
}
.pt14 {
  padding-top: 14px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt23 {
  padding-top: 23px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pt35 {
  padding-top: 35px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.pt60 {
  padding-top: 60px;
}
.pt80 {
  padding-top: 80px;
}
.pt100 {
  padding-top: 100px;
}
.pl0 {
  padding-left: 0;
}
.pl1 {
  padding-left: 1px;
}
.pl0i {
  padding-left: 0 !important;
}
.pl3i {
  padding-left: 3px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl7 {
  padding-left: 7px;
}
.pl10 {
  padding-left: 10px;
}
.pl10i {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl20i {
  padding-left: 20px !important;
}
.pl23 {
  padding-left: 23px;
}
.pl30 {
  padding-left: 30px;
}
.pl40 {
  padding-left: 40px;
}
.pl50 {
  padding-left: 50px;
}
.pl70 {
  padding-left: 70px;
}
.pr0 {
  padding-right: 0;
}
.pr1 {
  padding-right: 1px;
}
.pr2 {
  padding-right: 2px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr30 {
  padding-right: 30px;
}
.pr40 {
  padding-right: 40px;
}
.pr50 {
  padding-right: 50px;
}
.pr10_last {
  padding-right: 10px;
}
.pr10_last:last-child {
  padding-right: 0;
}
.pl10_first {
  padding-left: 10px;
}
.pl10_first:first-child {
  padding-left: 0;
}
.pb0 {
  padding-bottom: 0;
}
.pb5 {
  padding-bottom: 5px;
}
.pb6 {
  padding-bottom: 6px;
}
.pb8 {
  padding-bottom: 8px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb10i {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb35 {
  padding-bottom: 35px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb60 {
  padding-bottom: 60px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb100 {
  padding-bottom: 100px;
}
.pr5 {
  padding-right: 5px !important;
}
.pb10_last {
  padding-bottom: 10px;
}
.pb10_last:last-child {
  padding-bottom: 0;
}
.pb20_last {
  padding-bottom: 20px;
}
.pb20_last:last-child {
  padding-bottom: 0;
}
.pb0_last20 {
  padding-bottom: 0;
}
.pb0_last20:last-child {
  padding-bottom: 20px;
}
.pdv80h0 {
  padding: 80px 0;
}
.pdv120h0 {
  padding: 120px 0;
}
.pdv80h20 {
  padding: 80px 20px;
}
.pdv160h0 {
  padding: 160px 0;
}
.pdv40h0 {
  padding: 40px 0;
}
.pdv20h70 {
  padding: 20px 70px;
}
.pdv0h70 {
  padding: 0px 70px;
}
.pdv080h90 {
  padding: 0px 90px 80px 90px;
}
.pdv0h90 {
  padding: 0px 90px;
}
.pdv11430h0 {
  padding: 114px 0 30px 0;
}
.pt0_first_10 {
  padding-top: 0;
}
.pt0_first_10:first-child {
  padding-top: 10px;
}
.empty_p0:empty {
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  .pr10-sm {
    padding-right: 10px;
  }
  .pl10-sm {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-pl10 {
    padding-left: 10px;
  }
  .col-sm-pr10 {
    padding-right: 10px;
  }
}
@media screen and (min-width: 1000px) {
  .lg-pr-205 {
    padding-right: 205px;
  }
}
@media screen and (max-width: 999px) {
  .md-pl-10 {
    padding-left: 10px;
  }
  .md-pr-10 {
    padding-right: 10px;
  }
}
@media screen and (max-width: 810px) {
  .xs-pl5 {
    padding-left: 5px;
  }
  .xs-pr5 {
    padding-right: 5px;
  }
}
@media screen and (max-width: 599px) {
  .visible-599-under {
    display: block !important;
  }
}
.pr5-600-under {
  padding-right: 5px;
}
@media screen and (max-width: 599px) {
  .pr5-600-under {
    padding-right: 0 !important;
  }
}
.pl5-600-under {
  padding-left: 5px;
}
@media screen and (max-width: 599px) {
  .pl5-600-under {
    padding-left: 0 !important;
  }
}
.ml-5-600-under {
  margin-left: -5px;
}
@media screen and (max-width: 599px) {
  .ml-5-600-under {
    margin-left: 0 !important;
  }
}
.mr-5-600-under {
  margin-right: -5px;
}
@media screen and (max-width: 599px) {
  .mr-5-600-under {
    margin-right: 0 !important;
  }
}

.m0 {
  margin: 0;
}
.m5 {
  margin: 5px;
}
.m10 {
  margin: 10px;
}
.m20 {
  margin: 20px;
}
.mt-2 {
  margin-top: -2px;
}
.mt-3 {
  margin-top: -3px;
}
.mt-4 {
  margin-top: -4px;
}
.mt-5 {
  margin-top: -5px;
}
.mt-6 {
  margin-top: -6px;
}
.mt-10 {
  margin-top: -10px;
}
.ml-10 {
  margin-left: -10px;
}
.ml-16 {
  margin-left: -16px;
}
.ml-20 {
  margin-left: -20px;
}
.mt0 {
  margin-top: 0;
}
.mt0i {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px;
}
.mt2 {
  margin-top: 2px;
}
.mt3 {
  margin-top: 3px;
}
.mt4 {
  margin-top: 4px;
}
.mt5 {
  margin-top: 5px;
}
.mt5i {
  margin-top: 5px !important;
}
.mt7 {
  margin-top: 7px;
}
.mt7i {
  margin-top: 7px !important;
}
.mt8 {
  margin-top: 8px;
}
.mt9 {
  margin-top: 9px;
}
.mt10 {
  margin-top: 10px !important;
}
.mt12 {
  margin-top: 12px;
}
.mt15 {
  margin-top: 15px;
}
.mt16 {
  margin-top: 16px;
}
.mt15i {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt70 {
  margin-top: 70px;
}
.mt80 {
  margin-top: 80px;
}
.mt100 {
  margin-top: 100px;
}
.mt200 {
  margin-top: 200px;
}
.ml0 {
  margin-left: 0;
}
.ml1 {
  margin-left: 1px;
}
.ml2 {
  margin-left: 2px;
}
.ml3 {
  margin-left: 3px;
}
.ml5 {
  margin-left: 5px;
}
.ml7 {
  margin-left: 7px;
}
.ml10 {
  margin-left: 10px;
}
.ml10i {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px;
}
.ml15i {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px;
}
.ml20i {
  margin-left: 20px !important;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px;
}
.mr0i {
  margin-right: 0 !important;
}
.mr3 {
  margin-right: 3px;
}
.mr4 {
  margin-right: 4px;
}
.mr5 {
  margin-right: 5px;
}
.mr6 {
  margin-right: 6px;
}
.mr5i {
  margin-right: 5px !important;
}
.mr8 {
  margin-right: 8px;
}
.mr10 {
  margin-right: 10px;
}
.mr10i {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb10-child > * {
  margin-bottom: 10px;
}
.mb3 {
  margin-bottom: 3px;
}
.mb13 {
  margin-bottom: 13px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb16 {
  margin-bottom: 16px;
}
.mb17 {
  margin-bottom: 17px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb46 {
  margin-bottom: 46px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mr5_last {
  margin-right: 5px;
}
.mr5_last:last-child {
  margin-right: 0;
}
.mb10_last {
  margin-bottom: 10px;
}
.mb10_last:last-child {
  margin-bottom: 0;
}
.mb20_last {
  margin-bottom: 20px;
}
.mb20_last:last-child {
  margin-bottom: 0;
}
.mb30_last {
  margin-bottom: 0;
}
.mb30_last:last-child {
  margin-bottom: 30px;
}
.wrap ul.mb10,
.wrap ol.mb10,
.wrap p.mb10 {
  margin-bottom: 10px;
}
p.mb15 {
  margin-bottom: 15px;
}
p.mb16 {
  margin-bottom: 16px;
}
p.mb20 {
  margin-bottom: 20px;
}
p.mb25 {
  margin-bottom: 25px;
}
p.mb30 {
  margin-bottom: 30px;
}
p.mb40 {
  margin-bottom: 40px;
}
p.mb50 {
  margin-bottom: 50px;
}
p.mb60 {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .xs-mr-10 {
    margin-right: 10px;
  }
}

.border-group-vertical .border:not(:last-child) {
  border-bottom-width: 0;
}
.border {
  border: 1px solid #DCDCDC;
}
.border-suggest_basic {
  border: 1px solid #1880FF;
}
.border-dashed {
  border: 1px dashed #DCDCDC;
}
.border-dotted {
  border: 1px dotted #DCDCDC;
}
.border-color-2c6bb4 {
  border-color: #2c6bb4;
}
.border-radius {
  border-radius: 4px;
}
.br0 {
  border-radius: 0;
}
.br2 {
  border-radius: 2px;
}
.br2i {
  border-radius: 2px !important;
}
.br3 {
  border-radius: 3px;
}
.br4 {
  border-radius: 4px;
}
.br4i {
  border-radius: 4px !important;
}
.br5 {
  border-radius: 5px;
}
.br10 {
  border-radius: 10px;
}
.br30 {
  border-radius: 30px;
}
.br50p {
  border-radius: 50%;
}
.br50pi {
  border-radius: 50% !important;
}
.bw3 {
  border-width: 3px;
}
.border-top {
  border-top: 1px solid #dcdcdc;
}
.border-top-none {
  border-top: none;
}
.border-right {
  border-right: 1px solid #dcdcdc;
}
.bb_dashed,
.border-dotted-bottom-last,
.border-dotted-bottom-last-parent > *:last-child {
  border-bottom: 1px dashed #DCDCDC;
}
.border_dashed-suggest_basic {
  border: 1px dashed #1880FF;
}
.bb_dashed-suggest_basic {
  border-bottom: 1px dashed #1880FF;
}
.bt_dotted {
  border-top: 1px dotted #dcdcdc;
}
.bt_dashed {
  border-top: 1px dashed #dcdcdc;
}
.bt_dashed_i {
  border-top: 1px dashed #dcdcdc !important;
}
.border-bottom,
.border-bottom-hidden-xs,
.border-bottom-last {
  border-bottom: 1px solid #dcdcdc;
}
.border-bottom-none-last:last-child {
  border-bottom: none;
}
.border-left,
.border-left-last-not-only:last-child:not(:only-child) {
  border-left: 1px solid #dcdcdc;
}
.border-left-i {
  border-left: 1px solid #dcdcdc !important;
}
.bl-dashed {
  border-left: 1px dashed #DCDCDC;
}
@media screen and (max-width: 767px) {
  .border-bottom-hidden-xs {
    border-bottom: none !important;
  }
}
.border-bottom-last:last-child {
  border-bottom: none;
}
.border-dotted-bottom-last:last-child {
  border-bottom: none;
}
.border-dotted-bottom-last-parent:last-child > *:last-child {
  border-bottom: none;
}
.border-multi {
  position: relative;
  margin: 5px;
}
.border-multi:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  border: 1px solid #DCDCDC;
  background-color: #ffffff;
}
.profile-border {
  border: 3px solid #dcdcdc;
  border-radius: 4px;
  overflow: hidden;
}
.border_bottom_999 {
  border-bottom: 1px solid #999999;
}
.border-right_white {
  border-right: 1px solid #ffffff;
}

.fs0 {
  font-size: 0px;
}
.fs8 {
  font-size: 8px;
}
.fs10 {
  font-size: 10px;
}
.fs11 {
  font-size: 11px;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px;
}
.fs14 {
  font-size: 14px;
}
.fs15 {
  font-size: 15px;
}
.fs16 {
  font-size: 16px;
}
.fs16i {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs20i {
  font-size: 20px !important;
}
.fs21 {
  font-size: 21px;
}
.fs22 {
  font-size: 22px;
}
.fs24 {
  font-size: 24px;
}
.fs25 {
  font-size: 25px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.fs34 {
  font-size: 34px;
}
.fs36 {
  font-size: 36px;
}
.fs38 {
  font-size: 38px;
}
.fs40 {
  font-size: 40px;
}
.bold {
  font-weight: bold;
}
.lighter {
  font-weight: lighter;
}
.fw_300 {
  font-weight: 300;
}
.fw200 {
  font-weight: 200;
}
.fw400 {
  font-weight: 400;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.normal {
  font-weight: normal;
}
.normal-i {
  font-weight: normal !important;
}
html[data-lang="fr"] .fs10_fr {
  font-size: 10px;
}
html[data-lang="fr"] .fs11_fr {
  font-size: 11px;
}
html[data-lang="es"] .fs10_es {
  font-size: 10px;
}
html[data-lang="es"] .fs11_es {
  font-size: 11px;
}
html[data-lang="ru"] .fs10_ru {
  font-size: 10px;
}
html[data-lang="ru"] .fs11_ru {
  font-size: 11px;
}
html[data-lang="ar"] .fs10_ar {
  font-size: 10px;
}
html[data-lang="ar"] .fs11_ar {
  font-size: 11px;
}
@media screen and (max-width: 768px) {
  .fs24-sm {
    font-size: 24px;
  }
}
.color-request-basics {
  color: #39add1;
}
.color-request-long {
  color: #e59a13;
}
.color-request-one {
  color: #20898c;
}
.color-facebook {
  color: #3c599a;
}
.color-twitter {
  color: #5fa9dd;
}
.color-naver {
  color: #58b049;
}
.color-gplus {
  color: #dd4b38;
}
.color-weibo {
  color: #d52b2b;
}
.color-me2day {
  color: #5b489d;
}
.color-instagram {
  color: #4e799d;
}
.color-email {
  color: #929292;
}
.color-kakao {
  color: #ffe812;
}
.color-flitto {
  color: #ffffff;
}
.c-fff,
.fc_fff {
  color: #ffffff;
}
.fc_main {
  fill: #257dc1;
}
.fc_main,
.fc_main:hover,
.fc_main:visited,
.fc_main:focus,
.fc_main a {
  color: #257dc1;
}
.fc_main_i {
  color: #257dc1 !important;
}
.fc_f {
  fill: #ffffff;
}
.fc_f,
.fc_f:hover,
.fc_f:visited,
.fc_f:focus,
.fc_f a {
  color: #ffffff;
}
.fc_a {
  fill: #aaaaaa;
}
.fc_a,
.fc_a:hover,
.fc_a:visited,
.fc_a:focus,
.fc_a a {
  color: #aaaaaa;
}
.fc_999 {
  fill: #999999;
}
.fc_999,
.fc_999:hover,
.fc_999:visited,
.fc_999:focus,
.fc_999 a {
  color: #999999;
}
.fc_333 {
  fill: #333333;
}
.fc_333,
.fc_333:hover,
.fc_333:visited,
.fc_333:focus,
.fc_333 a {
  color: #333333;
}
.fc_777 {
  fill: #777777;
}
.fc_777,
.fc_777:hover,
.fc_777:visited,
.fc_777:focus,
.fc_777 a {
  color: #777777;
}
.fc_c,
.fc_c a {
  color: #cccccc;
}
.fc_20 {
  color: #333333;
}
.fc_92 {
  color: #929292;
}
.fc_40,
.fc_40 a {
  color: #404040;
}
.fc_f6 {
  color: #f6f6f6;
}
.fc_bf {
  color: #bfbfbf;
}
.fc_666 {
  fill: #666666;
}
.fc_666,
.fc_666:hover,
.fc_666:visited,
.fc_666:focus,
.fc_666 a {
  color: #666666;
}
.fc_bf {
  color: #bfbfbf;
}
.fc_5c {
  color: #5c5c5c;
}
.fc_link {
  fill: #23527c;
}
.fc_link,
.fc_link:hover,
.fc_link:visited,
.fc_link:focus,
.fc_link a {
  color: #23527c;
}
.fc_info,
.fc_info:hover,
.fc_info:visited,
.fc_info a,
.fc_info a:hover {
  color: #ec5464;
}
.fc_one {
  color: #20898c;
}
.fc_pro {
  color: #20898C;
}
.fc_flitto {
  color: #2B6EB5;
}
.fc_flitto_i {
  color: #2B6EB5 !important;
}
.fc_warning {
  color: #ee673f;
}
.fc_error {
  color: #d52b2b;
}
.ti5 {
  text-indent: 5px;
}
.ti10 {
  text-indent: 10px;
}
.lh134em {
  line-height: 1.34em;
}
.lh1em {
  line-height: 1em;
}
.lh11 {
  line-height: 1.1;
}
.fs_heading1 {
  font-size: 34px;
  font-weight: bold;
  color: #333333;
}
.fs_heading2 {
  font-size: 34px;
  font-weight: normal;
  color: #333333;
}
.fs_heading3 {
  font-size: 34px;
  font-weight: lighter;
  color: #333333;
}
.fs_heading4 {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
.fs_heading5 {
  font-size: 16px;
  color: #666666;
}
.fs_heading6 {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
.fs_heading7 {
  font-size: 36px;
  font-weight: lighter;
  color: #666666;
}
.fs_heading8 {
  font-size: 34px;
  font-weight: lighter;
  color: #666666;
}
.fs_data1_highlight {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.fs_data1_suggest {
  font-size: 18px;
  font-weight: bold;
  color: #145CE1;
}
.fs_data2_highlight {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
.fs_data2_suggest {
  font-size: 14px;
  font-weight: bold;
  color: #145CE1;
}
.fs_paragraph1 {
  font-size: 14px;
  color: #333333;
}
.fs_paragraph2 {
  font-size: 14px;
  color: #666666;
}
.fs_paragraph3 {
  font-size: 14px;
  color: #999999;
}
.fs_paragraph4 {
  font-size: 14px;
  color: #DCDCDC;
}
.fs_paragraph1-s {
  font-size: 12px;
  color: #333333;
}
.fs_paragraph2-s {
  font-size: 12px;
  color: #666666;
}
.fs_paragraph3-s {
  font-size: 12px;
  color: #999999;
}
a.fs_paragraph3-s {
  fill: #999999;
}
a.fs_paragraph3-s,
a.fs_paragraph3-s:hover,
a.fs_paragraph3-s:visited,
a.fs_paragraph3-s:focus,
a.fs_paragraph3-s a {
  color: #999999;
}
.fs_paragraph4-s {
  font-size: 12px;
  color: #DCDCDC;
}
.fs_hover-line:hover {
  color: inherit !important;
  text-decoration: underline;
}
.color-doc {
  color: #1880FF;
}
.color-xls {
  color: #189427;
}
.color-pdf {
  color: #FF6C65;
}
.color-ppt {
  color: #ff601e;
}
.color-txt {
  color: #999999;
}
.color-img {
  color: #fd9d34;
}
.color-file_cattool {
  color: #00985e;
}
.color-smi {
  color: #666666;
}
.color-sound {
  color: #FF5394;
}
.color-zip {
  color: #4cc4ff;
}
.fc_666 b {
  color: #333333;
}
.fc_grey_sub_1 {
  color: #999999;
}
.fc_grey_sub_2 {
  color: #DCDCDC;
}
.fc_grey_basic {
  color: #666666;
}
a.fc_grey_basic {
  fill: #666666;
}
a.fc_grey_basic,
a.fc_grey_basic:hover,
a.fc_grey_basic:visited,
a.fc_grey_basic:focus,
a.fc_grey_basic a {
  color: #666666;
}
.fc_grey_highlight {
  color: #333333;
}
a.fc_grey_highlight {
  fill: #333333;
}
a.fc_grey_highlight,
a.fc_grey_highlight:hover,
a.fc_grey_highlight:visited,
a.fc_grey_highlight:focus,
a.fc_grey_highlight a {
  color: #333333;
}
.fc_suggest_basic {
  color: #1880FF;
}
a.fc_suggest_basic {
  fill: #1880FF;
}
a.fc_suggest_basic,
a.fc_suggest_basic:hover,
a.fc_suggest_basic:visited,
a.fc_suggest_basic:focus,
a.fc_suggest_basic a {
  color: #1880FF;
}
.fc_suggest_highlight {
  color: #145CE1;
}
.fc_warning_basic {
  color: #FF6C65;
}
.fc_warning_basic_i {
  color: #FF6C65 !important;
}
.fc_crowd_basic {
  color: #71AEFF;
}
.fc_pro_basic {
  color: #2D8879;
}
.fc_proofreading_pro_basic {
  color: #C95147;
}
.fc_point {
  color: #145CE1;
}
@media screen and (max-width: 767px) {
  .xs-fs14 {
    font-size: 14px;
  }
}

.bg-facebook {
  background-color: #3c599a;
}
.bg-twitter {
  background-color: #5fa9dd;
}
.bg-naver {
  background-color: #58b049;
}
.bg-gplus {
  background-color: #dd4b38;
}
.bg-weibo {
  background-color: #d52b2b;
}
.bg-weixin {
  background-color: #1dc122;
}
.bg-qq {
  background-color: #349ee8;
}
.bg-me2day {
  background-color: #5b489d;
}
.bg-instagram {
  background-color: #4e799d;
}
.bg-email {
  background-color: #929292;
}
.bg-flitto {
  background-color: #2B6EB5;
}
.bg-warning {
  background-color: #ee673f;
}
.bg-main {
  background-color: #257dc1;
}
.bg-white {
  background-color: #ffffff;
}
.bg-f9 {
  background-color: #F9F9F9;
}
.bg-grey_bg {
  background-color: #F9F9F9;
}
.bg-fa {
  background-color: #fafafa;
}
.bg-6 {
  background-color: #666666;
}
.bg-9 {
  background-color: #999999;
}
.bg-c {
  background-color: #cccccc;
}
.bg-e {
  background-color: #eeeeee;
}
.bg-foot {
  background-color: #ebf0f7;
}
.bg-dc {
  background-color: #DCDCDC;
}
.bg-ef {
  background-color: #efefef;
}
.bg-f9 {
  background-color: #F9F9F9;
}
.bg-grey_block {
  background-color: #f0f0f0;
}
.bg-p1 {
  background-color: #24cbff;
}
.bg-request-basics {
  background-color: #39add1;
}
.bg-request-long {
  background-color: #e59a13;
}
.bg-request-one {
  background-color: #20898c;
}
.bg-transparent {
  background-color: transparent;
}
.bg_suggest_basic {
  background-color: #1880FF;
}
.bg_warning_basic {
  background-color: #FF6C65;
}
.bg_suggest {
  background-color: #FAFCFF;
}
.bg_suggest_alpha {
  background-color: rgba(24, 128, 255, 0.1);
}
.bg_warning {
  background-color: #FFFBFB;
}
.bg_grey {
  background-color: #F9F9F9;
}
.bg-white-hover:hover {
  background-color: #ffffff;
}
.bg_grey--hover:hover {
  background-color: #F9F9F9;
}
.bg_grey--block:hover {
  background-color: #f0f0f0 !important;
}

.box_index {
  background: #666666;
  display: inline-block;
  color: #ffffff;
  border-radius: 2px;
  text-align: center;
  width: 1.34em;
  height: 1.34em;
  line-height: 1.6em;
}
.dp_ib {
  display: inline-block;
}
.dp_il {
  display: inline;
}
.dp_bl {
  display: block;
}
.dp_no {
  display: none;
}
.flag30_20-hidden {
  display: none;
}
.middle_line {
  padding-right: 10px;
  background-color: #F9F9F9;
}
.middle_line::before {
  content: ' ';
  width: 100%;
  height: 1px;
  min-width: auto;
  position: absolute;
  top: 14px;
  left: 0;
  z-index: -1;
  display: block;
  background-color: #afb3ba;
}
.vertical-top {
  vertical-align: top;
}
.vertical-middle {
  vertical-align: middle;
}
.vertical-bottom {
  vertical-align: bottom !important;
}
.vertical-baseline {
  vertical-align: baseline;
}
.cell_clear {
  display: inherit;
  vertical-align: inherit;
}
.cell-group {
  display: table;
  width: 100%;
}
.cell-box {
  display: table;
}
.cell-group-top {
  display: table;
  width: 100%;
}
.row-group {
  display: table-row;
}
.cell-group-middle {
  display: table;
  width: 100%;
}
.cell-group-bottom {
  display: table;
  width: 100%;
}
.cell,
.row-group > *,
.cell-group-middle > * {
  display: table-cell;
  vertical-align: middle;
}
.cell-top,
.cell-group-top > * {
  display: table-cell;
  vertical-align: top;
}
.cell-bottom,
.cell-group-bottom > * {
  display: table-cell;
  vertical-align: bottom;
}
.cell-group {
  display: table;
  width: 100%;
}
.cell-group > .cell {
  display: table-cell;
  vertical-align: middle;
}
.cell-group > .cell .dropdown-menu {
  top: inherit;
  left: inherit;
}
.cell-group > .cell-top {
  display: table-cell;
  vertical-align: top;
}
.scroll-bottom:before {
  content: "";
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0);
}
.scroll-y {
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
}
.scroll-y::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.scroll-y::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 991px) {
  .cell-group-md {
    display: table;
    width: 100%;
  }
  .cell-md {
    display: table-cell;
    vertical-align: middle;
  }
}
.bl {
  display: block;
}
.inline {
  display: inline;
}
.ib {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.empty-hide:empty {
  display: none;
}
.dp_hover .dp_hover--show {
  display: none;
}
.dp_hover:hover .dp_hover--hide {
  display: none;
}
.dp_hover:hover .dp_hover--show {
  display: block !important;
}
.dp_hover--reverse .dp_hover--hide {
  display: none;
}
.dp_hover--reverse .dp_hover--show {
  display: block;
}
.lodingComp {
  border-radius: 10px;
  padding: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  background: rgba(220, 220, 220, 0.5);
  z-index: 1;
  margin-top: -12px;
  margin-left: -12px;
}
.flex-align-item-center {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.flex-justify-content-space-between {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.hidden-after-2seconds {
  -webkit-animation: cssAnimationHiddenAfter2Seconds 2s forwards;
  animation: cssAnimationHiddenAfter2Seconds 2s forwards;
}
@keyframes cssAnimationHiddenAfter2Seconds {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes cssAnimationHiddenAfter2Seconds {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.opacity50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.visible-599-under,
.visible-600-over {
  display: none !important;
}
@media screen and (max-width: 599px) {
  .visible-599-under {
    display: block !important;
  }
}
@media screen and (min-width: 600px) {
  .visible-600-over {
    display: block !important;
  }
}
@media screen and (max-width: 599px) {
  .wp100-599-under {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .w250-600-over {
    width: 250px;
  }
}
@media screen and (max-width: 599px) {
  .wp100-600-under {
    width: 100%;
  }
}
@media screen and (min-width: 600px) {
  .ml5-600-over {
    margin-left: 5px;
  }
}
@media screen and (min-width: 600px) {
  .mr5-600-over {
    margin-right: 5px;
  }
}
.cell-group-600 {
  display: table;
  width: 100%;
}
.cell-group-600 > *:not(.row-group):not(.row-group-600) {
  display: table-cell;
}
@media screen and (max-width: 599px) {
  .cell-group-600 {
    display: inherit;
  }
  .cell-group-600 > *:not(.row-group):not(.row-group-600) {
    display: inherit;
  }
}
.cell-group-top-600 {
  display: table;
  width: 100%;
}
.cell-group-top-600 > *:not(.row-group):not(.row-group-600) {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 599px) {
  .cell-group-top-600 {
    display: inherit;
  }
  .cell-group-top-600 > *:not(.row-group):not(.row-group-600) {
    display: inherit;
    vertical-align: inherit;
  }
}
.row-group-600 {
  display: table-row;
}
.row-group-600 > * {
  display: table-cell;
}
@media screen and (max-width: 599px) {
  .row-group-600 {
    display: inherit;
  }
  .row-group-600 > * {
    display: inherit;
  }
}
@media screen and (min-width: 600px) {
  .flex-600-over {
    display: flex;
  }
}
.col-600-4 {
  width: 33.33%;
}
@media screen and (max-width: 599px) {
  .col-600-4 {
    width: inherit;
  }
}
.col-600-6 {
  width: 50%;
}
@media screen and (max-width: 599px) {
  .col-600-6 {
    width: inherit;
  }
}
.ib-600 {
  display: inline-block;
}
@media screen and (max-width: 599px) {
  .ib-600 {
    display: inherit;
  }
}
.pro-request-content {
  position: relative;
}
.pro-request-content::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 20;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  border-left: 1px solid #dcdcdc;
}

#assessment label {
  margin-bottom: 0;
}
#assessment input[type=radio] {
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 500px) {
  #assessment .cell-group {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  #assessment .cell-group .cell {
    display: block;
    width: 100%;
  }
}
#assessment .cell-group .cell:first-child {
  width: 210px;
  height: 40px;
}
#assessment .cell-group .cell:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
#assessment .cell-group .cell:last-child img {
  width: 16px;
  height: 16px;
}
#assessment .cell-group .cell:last-child label {
  display: flex;
  align-items: center;
}
#assessment .cell-group .cell:last-child label span {
  margin-top: 2px;
}

.mejs-container:focus {
  outline: none;
}
.mejs-container .mejs-controls {
  background: #F9F9F9;
}
.mejs-container .mejs-controls .mejs-time {
  color: #666;
}
.mejs-container .mejs-controls .mejs-time .mejs-currenttime {
  display: inline-block;
  width: 31px;
}
.mejs-container .mejs-controls .mejs-button button {
  background-image: url("/fcp/i/mediaelement/controls.png");
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-slider {
  background: #DCDCDC;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-slider:focus {
  outline: none;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-slider .mejs-time-loaded {
  background: #DCDCDC;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-slider .mejs-time-current {
  background: #1880FF;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-slider .mejs-time-float {
  background-color: rgba(0, 0, 0, 0.225);
  border: none;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-slider .mejs-time-float .mejs-time-float-current {
  color: #333;
  padding-top: 1px;
}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-slider .mejs-time-float .mejs-time-float-corner {
  border: solid 5px rgba(0, 0, 0, 0.225);
  border-color: rgba(0, 0, 0, 0.225) transparent transparent;
  top: 17px;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: #DCDCDC;
}
.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #1880FF;
}
.mejs__container:focus {
  outline: none;
}
.mejs__container .mejs__controls {
  background: #F9F9F9;
}
.mejs__container .mejs__controls .mejs__time {
  color: #666;
}
.mejs__container .mejs__controls .mejs__time .mejs__currenttime {
  display: inline-block;
  width: 31px;
}
.mejs__container .mejs__controls .mejs__button button {
  background-image: url("/fcp/i/mediaelement/controls.png");
}
.mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider {
  background: #DCDCDC;
}
.mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider:focus {
  outline: none;
}
.mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider .mejs__time-loaded {
  background: #DCDCDC;
}
.mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider .mejs__time-current {
  background: #1880FF;
}
.mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider .mejs__time-float {
  background-color: rgba(0, 0, 0, 0.225);
  border: none;
}
.mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider .mejs__time-float .mejs__time-float-current {
  color: #333;
  padding-top: 1px;
}
.mejs__container .mejs__controls .mejs__time-rail .mejs__time-slider .mejs__time-float .mejs__time-float-corner {
  border: solid 5px rgba(0, 0, 0, 0.225);
  border-color: rgba(0, 0, 0, 0.225) transparent transparent;
  top: 17px;
}
.mejs__container .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-total {
  background: #DCDCDC;
}
.mejs__container .mejs__controls .mejs__horizontal-volume-slider .mejs__horizontal-volume-current {
  background: #1880FF;
}

.el-center {
  margin: 0 auto;
}
.el-center_i {
  margin: 0 auto !important;
}
.wp100 {
  width: 100%;
}
.wp50 {
  width: 50%;
}
.m_wp100 {
  max-width: 100%;
}
.hp100 {
  height: 100%;
}
.max-width {
  max-width: 1024px;
}
.abr0 {
  position: absolute;
  top: auto;
  right: 0;
  z-index: auto;
}
.abt0l0 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
}
.abb0l0 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: auto;
}
.abb3l3 {
  position: absolute;
  bottom: 3px;
  left: 3px;
  z-index: auto;
}
.abt0r0 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: auto;
}
.abt20r20 {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: auto;
}
.abt5pr0 {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: auto;
}
.abb0r0 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: auto;
}
.abb5r10 {
  position: absolute;
  bottom: 5px;
  right: 10px;
  z-index: auto;
}
.z1 {
  z-index: 1;
}
.pos_re {
  position: relative;
}
.pos_ab {
  position: absolute;
}
.lg-pull-right {
  float: right !important;
}
@media (max-width: 768px) {
  .lg-pull-right {
    float: none !important;
  }
}

.crowd__aside {
  width: 300px;
  background-color: #ffffff;
  border: 1px solid #DCDCDC;
  padding: 20px;
}
.crowd__aside .aside__header {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  padding: 8px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #DCDCDC;
}
.crowd__aside .step-arrow {
  min-width: auto;
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #1880FF;
}
.crowd__aside ul li {
  margin: 20px 0;
}
.crowd__aside ul li > i {
  font-size: 10px;
  color: #999999;
  font-weight: normal;
}
.crowd__aside ul li .list-title {
  font-size: 14px;
  color: #666666;
}
.crowd__aside ul li .lang-arrow {
  min-width: auto;
  width: 0;
  height: 0;
  display: inline-block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #999999;
}
.crowd__aside ul li .list-detail {
  font-size: 12px;
  background-color: #F9F9F9;
  text-align: right;
  padding: 10px;
  margin-top: 5px;
}
.crowd__aside ul li .list-option {
  font-size: 18px;
  font-weight: bold;
  color: #145CE1;
  background-color: #F9F9F9;
  text-align: right;
  padding: 10px;
  margin-top: 5px;
}
.crowd__aside ul li.active .list-title {
  font-weight: bold;
  color: #333333;
}
.crowd__aside ul li.active .list-detail {
  color: #333333;
}
.pro__aside {
  width: 300px;
  background-color: #ffffff;
  border: 1px solid #DCDCDC;
  padding: 20px;
}
.pro__aside .aside__table {
  margin-bottom: 20px;
}
.pro__aside .aside__table:last-child {
  margin-bottom: 0;
}
.pro__aside .aside__table th,
.pro__aside .aside__table td {
  vertical-align: middle;
  padding: 4px 0;
}
.pro__aside .aside__table thead tr th {
  border-bottom: none;
}
.pro__aside .aside__table thead tr td {
  text-align: right;
}
.pro__aside .aside__table tbody tr th {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
  border-top: none;
}
.pro__aside .aside__table tbody tr td {
  font-size: 12px;
  color: #666666;
  font-weight: bold;
  border-top: none;
  text-align: right;
}
.pro__aside .aside__table tfoot tr th {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}
.pro__aside .aside__table tfoot tr td {
  font-size: 14px;
  color: #1880FF;
  font-weight: bold;
  text-align: right;
}
.pro__aside .aside__table__setting {
  text-align: right;
}
.pro__aside .aside__table__setting i {
  font-size: 16px;
  color: #999999;
  font-weight: normal;
}
.pro__aside .aside__header {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  padding: 8px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #DCDCDC;
}
.pro__aside .aside__radio,
.pro__aside .aside__checkbox {
  margin-bottom: 10px;
}
.pro__aside .aside__radio label,
.pro__aside .aside__checkbox label {
  font-weight: normal;
}
.pro__aside th.p10,
.pro__aside td.p10 {
  padding: 10px;
}
.pro__aside th.pt5,
.pro__aside td.pt5 {
  padding-top: 5px;
}
.pro__aside th.pt10,
.pro__aside td.pt10 {
  padding-top: 10px;
}
.pro__aside th.pb5,
.pro__aside td.pb5 {
  padding-bottom: 5px;
}
.pro__aside th.pl0,
.pro__aside td.pl0 {
  padding-left: 0;
}
.pro__aside th.pr0,
.pro__aside td.pr0 {
  padding-right: 0;
}
.pro__aside td.fs_heading6 {
  font-size: 14px !important;
  font-weight: bold !important;
  color: #333333 !important;
}
.pro-stat__aside {
  background-color: #ffffff;
  border: 1px solid #DCDCDC;
  padding: 20px;
}
.pro-stat__aside .aside__table {
  margin-bottom: 20px;
}
.pro-stat__aside .aside__table:last-child {
  margin-bottom: 0;
}
.pro-stat__aside .aside__table th,
.pro-stat__aside .aside__table td {
  vertical-align: middle;
  padding: 4px 0;
}
.pro-stat__aside .aside__table thead tr th {
  border-bottom: none;
}
.pro-stat__aside .aside__table thead tr td {
  text-align: right;
}
.pro-stat__aside .aside__table tbody tr th {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
  border-top: none;
}
.pro-stat__aside .aside__table tbody tr td {
  font-size: 12px;
  color: #666666;
  font-weight: bold;
  border-top: none;
  text-align: right;
}
.pro-stat__aside .aside__table tfoot tr th {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}
.pro-stat__aside .aside__table tfoot tr td {
  font-size: 14px;
  color: #1880FF;
  font-weight: bold;
  text-align: right;
}
.pro-stat__aside .aside__table__setting {
  text-align: right;
}
.pro-stat__aside .aside__table__setting i {
  font-size: 16px;
  color: #999999;
  font-weight: normal;
}
.pro-stat__aside .aside__self_description > header {
  text-align: center;
  border-bottom: 1px solid #DCDCDC;
  line-height: 0.1em;
  margin: 10px 0 20px;
  color: #999999;
}
.pro-stat__aside .aside__self_description > header span {
  background-color: #ffffff;
  padding: 0 10px;
}
.pro-stat__aside .aside__self_description > p {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}
.crowd-stat__aside {
  background-color: #ffffff;
  border: 1px solid #DCDCDC;
  padding: 20px;
}
.crowd-stat__aside .aside__table {
  margin-bottom: 20px;
}
.crowd-stat__aside .aside__table:last-child {
  margin-bottom: 0;
}
.crowd-stat__aside .aside__table th,
.crowd-stat__aside .aside__table td {
  vertical-align: middle;
  padding: 4px 0;
}
.crowd-stat__aside .aside__table thead tr th {
  border-bottom: none;
}
.crowd-stat__aside .aside__table thead tr td {
  text-align: right;
}
.crowd-stat__aside .aside__table tbody tr th {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
  border-top: none;
}
.crowd-stat__aside .aside__table tbody tr td {
  font-size: 12px;
  color: #666666;
  font-weight: bold;
  border-top: none;
  text-align: right;
}
.crowd-stat__aside .aside__table tfoot tr th {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}
.crowd-stat__aside .aside__table tfoot tr td {
  font-size: 14px;
  color: #1880FF;
  font-weight: bold;
  text-align: right;
}
.crowd-stat__aside .aside__table__setting {
  text-align: right;
}
.crowd-stat__aside .aside__table__setting i {
  font-size: 16px;
  color: #999999;
  font-weight: normal;
}
.dashboard__aside .aside__table {
  margin-bottom: 20px;
}
.dashboard__aside .aside__table:last-child {
  margin-bottom: 0;
}
.dashboard__aside .aside__table th,
.dashboard__aside .aside__table td {
  vertical-align: middle;
  padding: 4px 0;
}
.dashboard__aside .aside__table thead tr th {
  border-bottom: none;
}
.dashboard__aside .aside__table thead tr td {
  text-align: right;
}
.dashboard__aside .aside__table tbody tr th {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
  border-top: none;
}
.dashboard__aside .aside__table tbody tr td {
  font-size: 12px;
  color: #666666;
  font-weight: bold;
  border-top: none;
  text-align: right;
}
.dashboard__aside .aside__table tfoot tr th {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}
.dashboard__aside .aside__table tfoot tr td {
  font-size: 14px;
  color: #1880FF;
  font-weight: bold;
  text-align: right;
}
.dashboard__aside .aside__table__setting {
  text-align: right;
}
.dashboard__aside .aside__table__setting i {
  font-size: 16px;
  color: #999999;
  font-weight: normal;
}
.archives__aside .active {
  color: #333333;
  font-weight: bold;
  background-color: #f0f0f0;
}
.archives__aside a,
.archives__aside button {
  font-size: 12px;
  padding: 10px 5px;
  width: 100%;
  text-align: left;
  color: #666666;
}
.archives__aside a > i,
.archives__aside button > i {
  margin-right: 5px;
}
.archives__aside a:hover,
.archives__aside button:hover {
  background-color: #f0f0f0;
}
.archives__aside hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #DCDCDC;
}
.chat__aside {
  width: 300px;
}
.chat__aside .chat__user-info {
  background-color: #ffffff;
  border: 1px solid #DCDCDC;
  padding: 20px;
  text-align: center;
}
.chat__aside .chat__user-info > p {
  margin-bottom: 10px;
  text-align: left;
}
.chat__aside .chat__safe-msg {
  padding: 20px;
}

.chat--left .chat__img {
  position: absolute;top: 0;left: 0;z-index: auto;
}
.chat--right .chat__img {
  position: absolute;top: 0;right: 0;z-index: auto;
}
.chat {
  position: relative;
  margin-bottom: 20px;
}
.chat__img {
  width: 60px;
}
.chat__content {
  border: 1px solid #DCDCDC;
  background-color: #ffffff;
  color: #999999;
  padding: 12px 20px;
}
.chat__content--msg {
  font-size: 14px;
  color: #333333;
  margin-bottom: 5px;
}
.chat__content--timer {
  font-size: 12px;
  color: #999999;
}
.chat__arrow {
  position: absolute;
  top: 15px;
}
.chat--left .chat__content {
  margin-left: 75px;
}
.chat--left .chat__arrow {
  left: 64px;
}
.chat--right .chat__content {
  margin-right: 75px;
}
.chat--right .chat__arrow {
  right: 64px;
}

.notify {
  margin-bottom: 20px;
}
.notify__header {
  border: 1px solid #DCDCDC;
  padding: 20px;
  background-color: #FFFBFB;
}
.notify__symbol {
  font-size: 12px;
  color: #FF6C65;
  margin-right: 3px;
}
.notify__title {
  font-size: 14px;
  color: #333333;
}
.notify__time {
  font-size: 12px;
  color: #999999;
}
.notify__body {
  border: 1px solid #DCDCDC;
  padding: 20px;
  background-color: white;
  line-height: 20px;
  border-top: none;
}
.notify__warning {
  background-color: #F9F9F9;
  border: 1px solid #dcdcdc;
  padding: 20px;
  margin-top: 20px;
}
#notify--email.notify__header,
#notify--sms.notify__header {
  background-color: #d7261c;
  border: none;
}
.noti-youTube {
  background-color: #ff6066;
}
.noti-youTube > article {
  width: 1024px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.noti-youTube.moblie > article {
  width: 100%;
}
.noti-youTube.moblie .content {
  margin-right: 10px;
  padding: 0 20px;
}
.noti-youTube.moblie .content span {
  font-size: 0.75rem;
  line-height: 1rem;
}
.noti-youTube.moblie .content b {
  display: block;
}
.noti-youTube.moblie .noti-button-close {
  margin-right: 10px;
}
.noti-youTube .content {
  cursor: pointer;
  margin-right: 20px;
  padding: 0 10px;
  flex: 1;
  color: #fff;
  display: flex;
  align-items: center;
}
.noti-youTube .content svg {
  width: 60px;
}
.noti-youTube .content span {
  font-size: 1rem;
  margin-left: 10px;
}
.noti-youTube .content b {
  margin-right: 5px;
}
.noti-youTube .noti-button-close {
  margin-left: auto;
  margin-right: 20px;
  padding: 5px 6px 6px;
  color: #666;
  border: none;
  background: none;
  font-size: 1.5rem;
}
.internal-management-regulations__section {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(26, 26, 26, 0.08);
}
.internal-management-regulations__section:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.internal-management-regulations__section-h1 {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.002em;
  color: #000;
}
.internal-management-regulations__section-dl {
  margin-top: 32px;
}
.internal-management-regulations__section-dt {
  margin-top: 32px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.002em;
  color: #000;
}
.internal-management-regulations__section-dt:first-of-type {
  margin-top: 0;
}
.internal-management-regulations__section-dd {
  margin-top: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.002em;
  color: #000;
}
.internal-management-regulations__section-ol {
  padding: 8px 0 8px 30px;
}
.internal-management-regulations__section-ol > li {
  list-style: auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.002em;
  color: #000;
}

.compact-info__username {
  color: #666666;
  font-weight: bold;
}
.compact-info__lang-pair span:last-child {
  font-weight: bold;
}
.compact-info__page {
  color: #333333;
}
.compact-info__page > span {
  padding: 3px;
  background-color: #F9F9F9;
}
.compact-info {
  color: #666666;
  list-style: none;
  font-size: 12px;
}
.compact-info > li {
  display: inline-block;
}
.compact-info > li + li:before {
  padding: 0 5px;
  color: #999999;
  content: "|";
}
.compact-info .lang-arrow {
  width: 0;
  height: 0;
  min-width: auto;
  display: inline-block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #999999;
}
.compact-info .compact-info__price > span {
  font-weight: bold;
  color: #145CE1;
}
.compact-info .compact-info__type > div {
  display: inline;
  border: 1px solid #DCDCDC;
  border-radius: 20px;
  padding: 3px 10px 3px 10px;
  font-weight: bold;
}
.compact-info .compact-info__type > div:not(:first-of-type) {
  margin-left: 3px;
}
.compact-info .compact-info__type > div.compact-info__service-type {
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.compact-info .compact-info__type > div.tc {
  padding: 2px 8px;
  border-radius: 11px;
  border: solid 1px #fb493f;
  background-color: #ffffff;
  color: #fb493f;
}
.compact-info--me {
  color: #666666;
  list-style: none;
  font-size: 12px;
}
.compact-info--me > li {
  display: inline-block;
}
.compact-info--me > li + li:before {
  padding: 0 5px;
  color: #999999;
  content: "|";
}
.compact-info--me .lang-arrow {
  width: 0;
  height: 0;
  min-width: auto;
  display: inline-block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #999999;
}
.compact-info--me .compact-info__price > span {
  color: #666666;
  font-weight: bold;
}
.compact-info--me .compact-info__type > div {
  display: inline;
  border: 1px solid #DCDCDC;
  border-radius: 20px;
  padding: 3px 10px 3px 10px;
  font-weight: bold;
}
.compact-info--me .compact-info__type > div:not(:first-of-type) {
  margin-left: 3px;
}
.compact-info--me .compact-info__type > div.tc {
  padding: 2px 8px;
  border-radius: 11px;
  border: solid 1px #fb493f;
  background-color: #ffffff;
  color: #fb493f;
}
.lang-pair-info {
  color: #666666;
  font-size: 12px;
}
.lang-pair-info .lang-arrow {
  width: 0;
  height: 0;
  min-width: auto;
  display: inline-block;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #999999;
}
.lang-pair-info span:last-child {
  font-weight: bold;
}

.arcade-landing {
  min-height: 1200px;
  padding: 0 !important;
  margin-bottom: 0;
  margin-top: 64px;
}
.arcade-landing .advantages__title,
.arcade-landing .advantages__subtitle,
.arcade-landing .advantages__item-title,
.arcade-landing .advantages__item-desc {
  line-height: 1.4em !important;
}
.arcade-landing .jumbo {
  max-width: 1024px;
  min-height: 530px;
  padding: 100px 0 120px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .arcade-landing .jumbo {
    flex-direction: column;
    padding: 40px 0 30px 0;
  }
}
.arcade-landing .jumbo-title > .title {
  min-width: 315px;
  max-width: 473px;
  min-height: 96px;
  word-break: break-word;
  word-break: keep-all;
}
.arcade-landing .jumbo-title .groups .flink {
  padding: 0;
  margin: 0;
  text-decoration: none;
  line-height: 1.4em;
}
.arcade-landing .jumbo-title .groups-btn {
  display: block;
}
.arcade-landing .jumbo-title .groups-btn .fbtn-lg {
  width: 115px;
  height: 60px;
}
.arcade-landing .jumbo-title .groups.mobile {
  display: none;
}
@media (max-width: 767px) {
  .arcade-landing .jumbo-title > .title {
    padding: 0 30px;
    text-align: center;
    font-size: 2rem;
  }
  .arcade-landing .jumbo-title .groups {
    display: none;
  }
  .arcade-landing .jumbo-title .groups-btn {
    text-align: center;
  }
  .arcade-landing .jumbo-title .groups-btn .fbtn-lg {
    width: 105px;
    height: 50px;
  }
  .arcade-landing .jumbo-title .groups.mobile {
    display: block;
    text-align: center;
    margin: 25px 0 30px 0;
  }
  .arcade-landing .jumbo-title .groups.mobile .flink-suggest {
    font-size: 1rem;
  }
}
.arcade-landing .jumbo-img {
  position: relative;
  max-width: 478px;
  max-height: 357px;
}
.arcade-landing .jumbo-img--02 {
  position: absolute;
  bottom: 12px;
  right: 92px;
}
.arcade-landing .jumbo-img--03 {
  position: absolute;
  top: 31px;
  left: 32px;
}
@media (max-width: 767px) {
  .arcade-landing .jumbo-img--01 {
    width: 320px;
  }
  .arcade-landing .jumbo-img--02 {
    height: 110px;
    right: 60px;
    bottom: 8px;
  }
  .arcade-landing .jumbo-img--03 {
    height: 150px;
    top: 10px;
    left: 10px;
  }
}
.arcade-landing .advantages {
  padding: 70px 0 0 0;
  max-width: 684px;
  margin: 0 auto;
}
.arcade-landing .advantages__subtitle {
  margin: 0;
  text-align: center;
  color: #0064e5;
  font-size: 14px;
  font-weight: bold;
}
.arcade-landing .advantages__title {
  text-align: center;
  color: #222222;
  font-size: 28px;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #dcdcdc;
  word-break: break-word;
  word-break: keep-all;
}
.arcade-landing .advantages__list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px;
  border-bottom: 1px solid #dcdcdc;
}
.arcade-landing .advantages__list-item .img {
  width: 150px;
  height: 150px;
}
.arcade-landing .advantages__list-item .img img {
  width: 100%;
}
.arcade-landing .advantages__list-item .desc {
  width: 384px;
}
.arcade-landing .advantages__list-item .desc .advantages__item-title {
  font-size: 24px;
  color: #222222;
  font-weight: normal;
  padding: 0;
  margin: 0 0 10px 0;
  word-break: break-word;
  word-break: keep-all;
}
.arcade-landing .advantages__list-item .desc .advantages__item-title .bold {
  font-weight: bold;
  border-bottom: 3px solid rgba(24, 128, 255, 0.2);
  box-shadow: inset 0 -14px 0 rgba(24, 128, 255, 0.2);
}
.arcade-landing .advantages__list-item .desc .advantages__item-desc {
  font-size: 16px;
  color: #474747;
  font-weight: normal;
  padding: 0;
  margin: 0;
  word-break: break-word;
  word-break: keep-all;
}
.arcade-landing .group-btn {
  margin-top: 40px;
  margin-bottom: 100px;
  text-align: center;
}
.arcade-landing .group-btn .fbtn-lg {
  width: 115px;
  height: 60px;
}
@media (max-width: 767px) {
  .arcade-landing .advantages {
    padding: 60px 30px 0 30px;
  }
  .arcade-landing .advantages__title {
    font-size: 1.7rem;
    border-bottom: 0;
    padding-bottom: 0;
  }
  .arcade-landing .advantages__list-item {
    flex-direction: column;
    padding: 40px 0;
  }
  .arcade-landing .advantages__list-item:last-child {
    padding-bottom: 60px;
  }
  .arcade-landing .advantages__list-item .img {
    margin-bottom: 30px;
  }
  .arcade-landing .advantages__list-item .desc {
    width: 100%;
    text-align: center;
  }
  .arcade-landing .advantages__list-item .desc .advantages__item-title {
    font-weight: normal;
    font-size: 1.3rem;
  }
  .arcade-landing .advantages__list-item .desc .advantages__item-desc {
    font-size: 1rem;
  }
  .arcade-landing .group-btn {
    margin-top: 0;
    padding: 40px 30px 0 30px;
  }
}

.dialog-mask {
  position: fixed;
  z-index: 1050;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: auto;
}
.dialog-mask .dialog-container {
  width: 75%;
  height: auto;
  margin: 20px auto;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
}
.dialog-mask .dialog-container.whole {
  position: fixed;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: unset;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0.96;
  transition: unset;
  box-shadow: unset;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
  padding-bottom: 20px;
}
.dialog-mask .dialog-container.whole .dialog-header {
  margin: 0 20px;
  padding: 20px 0;
  border-bottom: none;
  font-size: 18px;
}
.dialog-mask .dialog-container.whole .dialog-body {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
.dialog-mask .dialog-container .dialog-header {
  padding: 20px;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dialog-mask .dialog-container .dialog-header h1 {
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  line-height: normal;
}
.dialog-mask .dialog-container .dialog-header button .icon-close {
  font-size: 20px;
}
.dialog-mask .dialog-container .dialog-header button .icon-close:hover {
  color: #666;
}
.dialog-enter {
  opacity: 0;
}
.dialog-leave-active {
  opacity: 0;
}
.dialog-enter .dialog-container,
.dialog-leave-active .dialog-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.grecaptcha-badge {
  visibility: hidden;
}