<style>

@charset "UTF-8";

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* box-sizing: border-box; */
  /* -webkit-font-smoothing: antialiased; */
  -moz-osx-font-smoothing: grayscale;
}

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body,
html {
  width: 100%;
  height: 100%;
  /* background: #f5f5f5 */
}

body::-webkit-scrollbar {
  display: none
}

body,
button,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
input,
li,
ol,
p,
ul {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}

input[type=number],
input[type=password],
input[type=tel],
input[type=text],
textarea {
  -webkit-appearance: none;
  border-radius: 0
}

body,
button,
h1,
h2,
h3,
h4,
input,
pre,
textarea {
  font-family: AppleSDGothicNeo-Light, Lato, "Noto Sans KR", HelveticaNeue-Light, 'Malgun Gothic', '맑은 고딕', sans-serif;
  font-size: 14px;
  color: #000;
}

body {
  min-width: 320px;
  /* color: #000; */
  /* word-wrap: break-word; */
  /* word-break: break-all; */
}

#accessibility,
caption,
legend {
  font-size: 0;
  line-height: 0;
  text-indent: -5000px
}

fieldset,
iframe,
img {
  border: 0 none;
  vertical-align: top;
}

button {
  margin: 0;
  padding: 0;
  border: 0 none;
  outline: 0;
  cursor: pointer
}

fieldset {
  font-size: 0
}

li,
ol,
ul {
  list-style: none;
}

a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

address,
em,
i {
  font-style: normal
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  display: none
}

b,
strong {
  font-weight: 400
}

pre {
  left: 0;
  margin: 0;
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 1.8
}

input::placeholder,
textarea::placeholder {
  color: rgba(0, 0, 0, .48)
}

.hidden {
  display: none;
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both
}

.blind {
  overflow: hidden;
  position: absolute;
  margin: -1px;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0)
}

.clear:after {
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
  content: ''
}

.en {
  font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light
}

.text_overflow1 {
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
  /* white-space: nowrap; */
}

.text_overflow2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word
}

.text_overflow3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word
}

.thumb {
  position: relative;
  width: 100%;
  height: 100%
}

.thumb:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(0, 0, 0, .04);
  content: ''
}

.thumb .image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.txt {
  overflow: hidden;
}

.txt .tit {
  /* overflow: hidden; */
  font-size: 15px;
}

.source {
  overflow: hidden;
  font-size: 12px;
  line-height: 1.3;
  font-weight: normal;
}

.source span {
  margin-right: 3px;
  color: #888
}

.video_in_wrap {
  position: relative
}

.video_view {
  display: block;
  overflow: hidden;
  position: relative;
  padding-top: 56%;
  width: 100%;
  height: 0
}

.video_player {
  display: none;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 56%;
  width: 100%;
  height: 0
}

.video_player_fixed {
  display: block;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 56%;
  width: 100%;
  height: 0;
  z-index: 1
}

.video_view .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 100%;
  height: auto
}

.video_view:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .12) url(/inc/svg/ico_play_24_w.svg) 50% 50% no-repeat;
  background-size: 48px 48px;
  content: ''
}

.thumb_video:after {
  background: rgba(0, 0, 0, .12) url(/inc/svg/ico_play_24_w.svg) 50% 50% no-repeat;
  background-size: 24px 24px
}

.txt_hint {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(0, 0, 0, .48)
}

.txt_indent {
  font-size: 0;
  text-indent: -9999px;
  line-height: 0
}

.d_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  /* display: flex; */
}

.j_between {
  /* -webkit-box-pack: justify !important; */
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  /* justify-content: space-between !important; */
}

.a_center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important
}

.j-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important
}

.j_center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}

.character_888 {
  color: #888
}

.character_w {
  color: #fff
}

.color-w {
  color: #fff
}

.color-w48 {
  color: rgba(255, 255, 255, .48)
}

.color-w88 {
  color: rgba(255, 255, 255, .88)
}

.notiplus_wrap {
  display: block;
  min-width: 320px;
  margin: 0 auto;
  background: #f5f5f5
}

.contents_wrap {
  display: block;
  max-width: 1152px;
  margin: 0 auto
}

.wrap_view_fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.article_wrap {
  overflow: hidden;
  background-color: #fff
}

.box {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-bottom: 2px solid #f8f8f8
}

.box:last-child {
  border-bottom: none
}

.box .box_tit {
  padding: 20px 20px 16px;
  font-size: 17px;
  line-height: 17px;
  font-weight: 600
}

.headline_view {
  position: relative;
  padding: 12px 20px 26px
}

.headline_view .tit {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3
}

.headline_view .source {
  margin-top: 5px
}

.article_wrap .banner_view {
  padding: 0;
  height: auto;
  font-size: 0;
  position: relative
}

.article_view {
  padding: 0 20px 48px;
  font-size: 16px;
  line-height: 1.8
}

.article_view .interestNews_view {
  padding: 25px 0 23px
}

.article_view table {
  width: 100%
}

.article_view table img {
  margin: 0 -20px 12px
}

.article_view img {
  width: calc(100% + 40px);
  height: auto;
  margin: 0 -20px 0
}

.article_view img+googleAD_wrap {
  margin: 0
}

.article_view p {
  margin: 0 0 20px
}

.article_view p:last-child {
  margin: 0
}

.article_view p img {
  margin-bottom: 0
}

.article_view iframe[name=adtext]+.googleAD_wrap {
  margin-top: 0
}

.pannel img {
  margin-bottom: 0
}

.pannel {
  margin-bottom: 28px
}

.pannel .caption {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.5;
  color: #888;
  text-align: left
}

.shoppingBox {
  padding: 28px 0
}

.shoppingBox li,
.shoppingBox ol,
.shoppingBox ul {
  list-style: none !important
}

.shoppingBox .thumb {
  overflow: hidden;
  padding-top: 100%;
  height: 0
}

.shoppingBox .thumb .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.shoppingBox .txt .tit {
  font-size: 14px !important
}

.banner_view {
  margin-top: 0;
  padding: 28px 20px 0
}

.banner_view .link_banner {
  display: block;
  overflow: hidden
}

.banner_view .banner_background {
  display: block;
  width: 100%;
  font-size: 0;
  text-align: center;
  background-size: 1px 100px;
  background-repeat: repeat-x
}

.banner_view .image {
  max-width: 100%;
  max-height: 100px
}

.googleAD_wrap {
  display: block;
  overflow: hidden;
  margin: 20px 0;
  padding: 0;
  font-size: 0;
  text-align: center
}

.interestNews_view {
  padding: 25px 0 0
}

.interestNews_view .box_tit {
  margin: 2px 0 4px;
  font-size: 15px;
  font-weight: 600;
  line-height: normal
}

.interest_news .link_news {
  display: block;
  overflow: hidden;
  padding: 5px 0;
  font-size: 16px;
  line-height: normal;
  text-overflow: ellipsis;
  white-space: nowrap
}

.interest_news li:before {
  float: left;
  width: 2px;
  height: 2px;
  margin: 12px 7px 0 1px;
  background-color: rgba(0, 0, 0, .2);
  content: ''
}

.image_view {
  position: relative;
  margin: 0 -20px
}

.image_view img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0
}

.image_view .caption {
  display: block;
  margin: 12px 0 0;
  padding: 0 20px;
  font-size: 12px;
  line-height: 1.5;
  color: #888
}

.image_view .caption .txt-dexc {
  margin-bottom: 0
}

.press_news {
  overflow: hidden;
  margin: 0 20px;
  padding: 20px 0 16px
}

.press_news .thumb {
  overflow: hidden;
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 8px;
  border-radius: 36px
}

.press_news .thumb:after {
  border-radius: 36px
}

.press_news .txt {
  position: relative;
  padding: 0 100px 0 0
}

.press_news .txt .tit {
  display: block;
  font-size: 17px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap
}

.press_news .txt .tit_desc {
  display: block;
  overflow: hidden;
  margin-top: 4px;
  font-size: 14px;
  line-height: 17px;
  color: #888;
  text-overflow: ellipsis;
  white-space: nowrap
}

.btn_subsc {
  position: absolute;
  top: 3px;
  right: 0;
  width: 88px;
  height: 34px;
  border-radius: 34px;
  font-size: 13px;
  line-height: 36px;
  text-align: center
}

.btn_subsc .ico_image {
  display: inline-block;
  overflow: hidden;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  background: url(/inc/images/icon_subscription_v2.png) 0 0 no-repeat;
  background-size: 163px 16px;
  vertical-align: top
}

.press_news .kakaotalk .ico_image {
  width: 14px;
  height: 13px;
  margin: 11px 4px 0 0;
  background-position: 0 0
}

.press_news .facebook .ico_image {
  width: 7px;
  height: 13px;
  margin: 10px 6px 0 0;
  background-position: -24px 0
}

.press_news .telegram .ico_image {
  width: 10px;
  height: 10px;
  margin: 12px 6px 0 0;
  background-position: -57px 0
}

.press_news .youtube .ico_image {
  width: 14px;
  height: 13px;
  margin: 10px 6px 0 0;
  background-position: -77px 0
}

.press_news .kakao-channel .ico_image {
  width: 14px;
  height: 16px;
  margin: 10px 6px 0 0;
  background-position: -149px 0
}

.press_news .instagram .ico_image {
  width: 14px;
  height: 15px;
  margin: 10px 6px 0 0;
  background-position: -125px 0
}

.press_news .naver-poste .ico_image {
  width: 14px;
  height: 16px;
  margin: 10px 6px 0 0;
  background-position: -101px 0
}

.press_news .kakaotalk {
  color: #000;
  background-color: #feeb00
}

.press_news .facebook {
  color: #fff;
  background-color: #4267b2
}

.press_news .telegram {
  color: #fff;
  background-color: #32afed
}

.press_news .youtube {
  color: #fff;
  background-color: red
}

.press_news .kakao-channel {
  color: #000;
  background-color: #fae100
}

.press_news .instagram {
  color: #fff;
  background: url(/inc/images/image_instagram.jpg) 0 0 no-repeat;
  background-size: cover
}

.press_news .naver-poste {
  color: #fff;
  background-color: #00c73c
}

.list_news {
  overflow: hidden;
  padding: 0 20px 20px
}

.list_news li {
  display: block;
  overflow: hidden;
  position: relative
}

.list_news>li+li {
  margin-top: 14px
}

.link_news {
  display: block;
  overflow: hidden
}

.list_news li:first-child .link_news {
  padding-top: 0
}

.list_news_bottom,
.list_news_top {
  padding: 28px 20px 48px
}

.list_news_col {
  overflow: hidden;
  padding: 0 20px 46px
}

.list_news_col li {
  display: block;
  overflow: hidden
}

.list_news_col li:first-child .link_news {
  padding-top: 0
}

.list_news_col .txt {
  padding: 0 16px 11px 0
}

.list_news_col li:last-child .txt {
  padding: 0 16px 0 0
}

.list_news_col .googleAD {
  position: relative;
  padding: 15px 0 14px;
  font-size: 0;
  text-align: center
}

.list_news_col_2 {
  overflow: hidden;
  padding: 0 15px 20px
}

.list_news_col_2 li {
  float: left;
  width: 50%;
  padding: 0 5px;
  margin-bottom: 20px
}

.list_news_col_2 li:nth-last-child(-n+2) {
  margin-bottom: 0
}

.list_news_col_2 .link_news {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 50%;
  box-sizing: content-box
}

.list_news_col_2 .thumb {
  position: absolute;
  top: 0;
  overflow: hidden;
  padding-top: 50%;
  width: 100%;
  height: 0
}

.list_news_col_2 .thumb .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 100%;
  height: auto
}

.list_news_col_2 .txt {
  height: 74px;
  padding: 0 16px 0 0
}

.list_news_col_3 {
  overflow: hidden;
  margin: 0 -5px !important;
  padding: 0 !important
}

.list_news_col_3 li {
  float: left;
  width: 33.33%
}

.list_news_col_3 .link_news {
  padding: 0 5px
}

.list_news_col_3 .txt {
  height: 64px;
  padding: 0 12px 0 0
}

.list_news_col_3 .tit {
  padding-top: 12px !important;
  font-size: 14px;
  line-height: 1.3 !important;
  text-align: left
}

.thumbLeft .thumb {
  overflow: hidden;
  float: left;
  width: 72px;
  height: 72px
}

.thumbLeft .txt {
  padding: 0 12px 0
}

.thumbLeft .txt .tit {
  padding-top: 8px;
  line-height: 1.35
}

.thumbLeft .source {
  padding-top: 3px
}

.thumbRight .thumb {
  overflow: hidden;
  float: right;
  width: 72px;
  height: 72px
}

.thumbLeft .thumb .image,
.thumbRight .thumb .image {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: auto;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.thumbLeft .thumb .image.porrtrait,
.thumbRight .thumb .image.portrait {
  width: 100%;
  height: auto
}

.thumbRight .txt {
  padding: 0 24px 0 0
}

.thumb_1609 .thumb {
  overflow: hidden;
  width: 128px;
  height: 72px
}

.thumb_1609 .thumb .image {
  width: 100%;
  height: auto
}

.none_source .link_news,
.none_source .txt {
  height: 54px
}

.list_news_col_2 li:nth-child(2n+1) {
  clear: both
}

.list_news_col_2 .variable_row {
  height: auto
}

.list_news_col_2 .variable_row .txt {
  height: auto;
  padding: 0 16px 0 0
}

.video_wrap .headline_view {
  padding: 24px 20px 24px
}

.thumbRight .txt .tit {
  padding-top: 6px;
  font-size: 16px;
  line-height: 1.35
}

.thumbRight .source {
  padding-top: 3px
}

.thumbRight_80 .thumb {
  width: 80px;
  height: 80px;
  border-radius: 6px
}

.thumbRight_80 .txt .tit {
  padding-top: 10px;
  font-size: 17px;
  font-weight: 600
}

.thumbTop .txt .tit {
  padding-top: 12px;
  font-size: 16px;
  line-height: 1.35
}

.thumbTop .source {
  padding-top: 4px
}

.swipe_wrap {
  overflow: hidden
}

.swipe_wrap .list_news_col_3 {
  float: left
}

.pageNav {
  height: 10px;
  padding: 2px 0;
  font-size: 0;
  text-align: center
}

.pageNav .pageNum {
  display: inline-block;
  overflow: hidden;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  line-height: 0;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: rgba(0, 0, 0, .06);
  text-indent: -5000px;
  vertical-align: top
}

.pageNav .selected {
  background: #000
}

.more {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 62px;
  background-color: #fff;
  border-top: 2px solid #f8f8f8;
  line-height: 64px;
  text-align: center
}

.more:after {
  display: inline-block;
  width: 6px;
  height: 13px;
  margin: 24px 0 0 7px;
  background: url(/inc/images/icon_subscription.png) 0 0 no-repeat;
  background-size: 91px 16px;
  background-position: -41px 0;
  vertical-align: top;
  content: ''
}

.footer {
  width: 100%;
  height: 196px;
  margin: 0 auto;
  padding-top: 35px;
  background: #f8f8f8;
  text-align: center
}

.footer .policy {
  display: block;
  padding: 0 0 6px;
  font-size: 12px
}

.footer .policy a {
  position: relative;
  padding: 0 0 0 10px;
  color: #555
}

.footer .policy a:first-child {
  padding: 0
}

.footer .policy a:first-child:before {
  display: none
}

.footer .policy a:before {
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 2px;
  width: 2px;
  height: 2px;
  background: rgba(0, 0, 0, .2);
  content: ''
}

.footer .copyright {
  font-size: 11px;
  color: #888
}

.fixed {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  z-index: 2;
  user-select: none;
  transition: bottom .25s ease-in-out
}

.sns_view {
  height: 80px;
  margin: 0 10px;
  padding: 0 8px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background: rgba(248, 248, 248, .98)
}

.sns_view .ico_area {
  float: left;
  width: 20%;
  height: 100%;
  text-align: center
}

.share_view .sns_ico,
.sns_view .sns_ico {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  margin: 16px auto 0;
  background: url(/inc/images/icon_view_20210722.png) 0 0 no-repeat;
  background-size: 280px 48px;
  line-height: 0;
  text-indent: -9999px
}

.share_view .link_talk,
.sns_view .link_talk {
  background-color: #feeb00;
  background-position: 0 0
}

.share_view .link_story,
.sns_view .link_story {
  background-color: #fae100;
  background-position: -58px 0
}

.share_view .link_facebook,
.sns_view .link_facebook {
  background-color: #4267b2;
  background-position: -116px 0
}

.share_view .link_line,
.sns_view .link_line {
  background-color: #4ecd00;
  background-position: -174px 0
}

.share_view .link_url,
.sns_view .link_url {
  background-color: #9e9fa1;
  background-position: -232px 0
}

.sns_view .badge {
  display: none;
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  font-family: HelveticaNeue;
  line-height: 19px;
  text-indent: initial !important;
  color: #fff;
  background: #f33349;
  -webkit-border-radius: 9px;
  border-radius: 9px
}

.share_view {
  overflow: hidden;
  text-align: center;
  font-size: 0
}

.share_view .ico_area {
  display: inline-block;
  margin: 0 4px;
  width: 48px;
  height: 48px;
  background: 0 0;
  border: 0 none;
  vertical-align: top
}

.share_view .sns_ico {
  margin: 0;
  border-radius: 50%;
  vertical-align: top
}

.fixed_emoji {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 10px;
  width: 100%;
  z-index: 2;
  user-select: none;
  transition-property: transform, opacity;
  transition: .25s ease-in-out
}

.emoji_view {
  height: 80px;
  margin: 0 10px;
  padding: 0 8px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background: rgba(248, 248, 248, .98)
}

.emoji_view .ico_area {
  position: relative;
  float: left;
  width: 20%;
  height: 100%;
  text-align: center
}

.emoji_view .emoji_ico {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
  margin: 10px auto 0;
  background: url(/inc/images/icon_emoji.png) 0 0 no-repeat;
  background-size: cover;
  line-height: 0;
  text-indent: -9999px;
  z-index: 1;
  transition: transform .25s ease
}

.emoji_view .link_like {
  background-position: 0 0;
  background: url(/inc/images/icon_like_moderate.gif) 0 0 no-repeat;
  background-size: cover
}

.emoji_view .link_funny {
  background-position: 0 0;
  background: url(/inc/images/icon_funny.gif) 0 0 no-repeat;
  background-size: cover
}

.emoji_view .link_crazy {
  background-position: 0 0;
  background: url(/inc/images/icon_crazy.gif) 0 0 no-repeat;
  background-size: cover
}

.emoji_view .link_dislike {
  background-position: 0 0;
  background: url(/inc/images/icon_dislike.gif) 0 0 no-repeat;
  background-size: cover
}

.emoji_view .link_share {
  background-position: -192px 0
}

.emoji_view .count {
  display: block;
  font-size: 11px;
  font-family: HelveticaNeue;
  line-height: 12px;
  color: #000
}

.emoji_view .label {
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  padding: 5px 8px 4px;
  background: rgba(0, 0, 0, .8);
  border-radius: 12px;
  font-size: 11px;
  color: #fff;
  white-space: nowrap
}

.emoji_view .focus .label {
  top: -18px;
  opacity: 1;
  transition: .25s ease-in-out
}

.emoji_view .focus .emoji_ico {
  transform: scale(1.2);
  transition: transform .25s ease
}

.fixed_hide {
  bottom: -90px;
  transition: all .25s ease-in-out
}

.emoji_hide {
  opacity: 0;
  transform: scale(.9);
  visibility: hidden;
  transition: all .25s ease-in-out
}

.powered-by-cryptochart {
  position: absolute;
  top: 47px;
  right: 14px;
  display: inline-block;
  overflow: hidden;
  width: 90px;
  height: 21px;
  line-height: 0;
  background: url(/inc/images/logo_cryptochart.png) 10px 5px no-repeat;
  background-size: 70px auto;
  text-indent: -5000px;
  vertical-align: top
}

.market_price_card {
  position: relative;
  float: left;
  margin: 0 10px 0 0;
  padding: 24px;
  width: 300px;
  height: 186px;
  border-radius: 8px;
  background: #328eec
}

.market_price_card .txt {
  margin: 8px 0 0 0;
  color: #fff
}

.market_price_card .txt .tit {
  margin: 0 72px 2px 0;
  font-size: 18px
}

.market_price_card .txt .desc {
  margin: 0 72px 12px 0;
  font-size: 12px
}

.market_price_card .txt .desc strong {
  margin-right: 4px;
  font-weight: 600;
  letter-spacing: .4px
}

.market_price_card .txt .price {
  font-size: 28px
}

.market_price_card .txt .price em {
  margin-left: 6px;
  font-size: 20px;
  color: rgba(255, 255, 255, .6)
}

.market_price_card .txt .fluctuation {
  margin-top: -1px;
  font-size: 14px
}

.market_price_card .txt .fluctuation span em {
  margin-left: 1px;
  font-size: 12px
}

.market_price_card .txt .up {
  color: #4ce28a
}

.market_price_card .txt .down {
  color: #f26670
}

.market_price_card .txt .stay {
  color: rgba(255, 255, 255, .4)
}

.market_price_card .txt .fluctuation .ico {
  display: inline-block;
  overflow: hidden;
  width: 6px;
  height: 6px;
  margin: 6px 0 0 5px;
  line-height: 0;
  background: url(/inc/images/icon_fluctuation.png) 0 0 no-repeat;
  background-size: 48px auto;
  text-indent: -5000px;
  vertical-align: top
}

.market_price_card .txt .up .ico {
  background-position: 0 0
}

.market_price_card .txt .down .ico {
  background-position: -11px 0
}

.market_price_card .txt .stay .ico {
  background-position: -22px 0
}

.market_price_card .txt .source {
  position: absolute;
  bottom: 24px
}

.market_price_card .txt .source span {
  color: rgba(255, 255, 255, .6)
}

.market_price_card .thumb {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 48px;
  height: 48px
}

.market_price_card .thumb:after {
  border: none
}

.crypto_news {
  padding: 20px 20px 18px
}

.card_more {
  display: block;
  float: left;
  width: 124px;
  height: 186px;
  padding: 58px 0 0 0;
  text-align: center
}

.card_more:before {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto 10px;
  background: url(/inc/images/icon_fluctuation.png) 0 0 no-repeat;
  background-size: 48px auto;
  background-position: 0 -11px;
  content: ''
}

.box_more {
  margin: 0 20px;
  width: auto;
  border-top: 1px solid #f8f8f8
}

.box:empty {
  display: none
}

.box+.banner_view {
  padding: 0
}

.celeb_style_area {
  margin-bottom: 24px
}

.headline_view .link_set {
  overflow: hidden;
  display: inline-block;
  margin-top: -5px;
  margin-left: 4px;
  vertical-align: top
}

.link_set .link_store {
  display: block;
  float: left;
  margin: 0 2px;
  width: 28px;
  height: 28px;
  background: url(/inc/images/icon_store.png) 0 0 no-repeat;
  background-size: auto 28px;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 50%;
  text-indent: -9999px
}

.link_set .link_store:first-child {
  margin-left: 0
}

.link_set .link_google {
  background-position: -1px -1px
}

.link_set .link_appstore {
  background-position: -35px -1px
}

.link_set .link_facebook {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='28' height='27.8305' rx='13.9152' fill='white'/%3e%3cellipse cx='13.4348' cy='12.544' rx='8.38647' ry='8.53935' fill='%231877F2'/%3e%3cpath d='M22.8696 12.0967C22.8696 7.07222 18.646 3 13.4348 3C8.22354 3 4 7.07222 4 12.0967C4 16.638 7.44959 20.4011 11.9606 21.0833V14.7263H9.56505V12.0967H11.9606V10.0926C11.9606 7.8131 13.3684 6.55342 15.5244 6.55342C16.5564 6.55342 17.6362 6.73109 17.6362 6.73109V8.96974H16.4458C15.2738 8.96974 14.909 9.67154 14.909 10.3911V12.0967H17.5256L17.1073 14.7263H14.909V21.0833C19.42 20.4011 22.8696 16.638 22.8696 12.0967Z' fill='white'/%3e%3c/svg%3e");
  background-position: -1px
}

.link_newspic {
  display: inline-block;
  margin-right: 4px;
  width: auto;
  height: 100%;
  font-size: 0
}

.link_newspic svg {
  height: 20px
}

.link_newspic .newspic_slogan {
  display: inline-block;
  margin-top: 1px;
  font-size: 15px;
  font-weight: 400;
  vertical-align: top;
  letter-spacing: -.04px
}

.link_newspic .newspic_slogan::before {
  display: inline-block;
  margin: 3px 6px 0 8px;
  width: 1px;
  height: 12px;
  background: rgba(0, 0, 0, .08);
  vertical-align: top;
  content: ''
}

.signature_color {
  background: linear-gradient(to right, #ff3040, #801c88);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.thumb {
  background: rgba(0, 0, 0, .04) url(/inc/svg/logo_w.svg) 50% 52% no-repeat;
  background-size: 68%
}

.article_col_2_box {
  margin: 0 0 0 -5px;
  padding: 0 0 28px;
  width: calc(100% + 10px)
}

.article_col_2_box p {
  margin: 0
}

.omit_wrap {
  position: relative;
  max-height: 600px;
  overflow: hidden;
}

.omit_wrap .continue_reading {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 24px;
  width: 100%;
  height: 120px;
  background: linear-gradient(to top, #fff, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0));
  box-sizing: content-box
}

.omit_wrap .continue_reading::after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 48px;
  background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
  content: ''
}

.omit_wrap .continue_reading .more {
  position: absolute;
  bottom: 24px;
  left: 50%;
  width: 120px;
  height: 48px;
  line-height: 50px;
  border: 0;
  border-radius: 48px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16), 0 6px 20px 0 rgba(0, 0, 0, .1);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1
}

.omit_wrap .continue_reading .more::after {
  margin-top: 17px
}

.omit_wrap .continue_reading .btn_partners {
 width: calc(100% - 48px);
 max-width: 327px;
 height: 52px;
 padding: 0;
 line-height: 53px;
}
.omit_wrap .continue_reading .btn_partners::after{
  background: url(/inc/svg/ico_arrow_24_w.svg) 0 0 no-repeat;
  background-position: center;
  background-size: 16px;
  vertical-align: unset;
}
.link_cmt {
  display: inline-block;
  margin-top: 12px;
  padding: 0 15px;
  height: 34px;
  line-height: 31px;
  background: 0 0;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 17px;
  font-size: 0;
  vertical-align: top
}

.link_cmt .ico_cmt {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  margin: 4px 1px 0 0;
  background: url(/inc/svg/ico_comment_small_24_bk.svg) 0 0 no-repeat;
  opacity: .24;
  line-height: 0;
  text-indent: -9999px;
  vertical-align: top
}

.link_cmt .en {
  font-size: 14px;
  color: #000
}

.link_report {
  display: inline-block;
  position: relative;
  margin: 12px 0 0 2px;
  width: 34px;
  height: 34px;
  background: 0 0;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 50%
}

.link_report .ico_area {
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 24px;
  height: 24px;
  opacity: .24;
  line-height: 0;
  text-indent: -9999px
}

.link_report .ico_report {
  background: url(/inc/svg/ico_report_24_bk.svg) 0 0 no-repeat
}

.article_btns_view {
  position: relative;
  float: right;
  margin-top: 12px;
  font-size: 0
}

.article_btns_view .btn_element {
  display: inline-block;
  margin-left: 4px;
  width: 34px;
  height: 34px;
  background: 0 0;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 50%
}

.article_btns_view .btn_element:last-child {
  margin-left: 12px
}

.article_btns_view .btn_element .ico_area {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  opacity: .24;
  line-height: 0;
  text-indent: -9999px
}

.article_btns_view .btn_element .ico_recommend,
.article_btns_view .btn_element .ico_unrecommend {
  background-color: #000;
  mask: url(/inc/svg/ico_recommend_small_24_bk.svg) 0 0 no-repeat;
  -webkit-mask: url(/inc/svg/ico_recommend_small_24_bk.svg) 0 0 no-repeat
}

.article_btns_view .btn_element .ico_share {
  background: url(/inc/svg/ico_share_small_24_bk.svg) 0 0 no-repeat
}

.article_btns_view .btn_element .ico_font {
  opacity: .36;
  background-color: #000;
  mask: url(/inc/svg/ico_font_24_bk.svg) 0 0 no-repeat;
  -webkit-mask: url(/inc/svg/ico_font_24_bk.svg) 0 0 no-repeat
}

.font_ly {
  position: absolute;
  top: 42px;
  right: 0
}

.font_box {
  overflow: hidden;
  padding: 24px 18px;
  width: 268px;
  border: 1px solid rgba(0, 0, 0, .08);
  background: #fff
}

.font_box li {
  float: left;
  padding: 0 6px
}

.font_box li button {
  margin: 0 !important
}

.font_box li button.selected {
  background: #141414;
  border: 0
}

.font_box li button.selected .ico_font {
  background: #fff
}

.font_box li .btn_element .ico_font {
  opacity: 1
}

.font_box li .btn_element .f1 {
  transform: scale(.8)
}

.font_box li .btn_element .f2 {
  transform: scale(.9)
}

.font_box li .btn_element .f3 {
  transform: scale(1)
}

.font_box li .btn_element .f4 {
  transform: scale(1.1)
}

.font_box li .btn_element .f5 {
  transform: scale(1.2)
}

.ico_unrecommend {
  transform: scaleY(-1)
}

.article_btns_view_bottom {
  margin: -8px 0 40px;
  text-align: center
}

.banner_view+.article_btns_view_bottom {
  margin: 24px 0 72px
}

.article_btns_view_bottom .link_cmt {
  margin-top: 20px;
  padding: 0 20px;
  height: 48px;
  line-height: 46px;
  border-radius: 24px
}

.article_btns_view_bottom .link_cmt .ico_recommend,
.article_btns_view_bottom .link_cmt .ico_unrecommend {
  display: inline-block;
  position: relative;
  margin: 11px 4px 0 0;
  width: 24px;
  height: 24px;
  background-color: #000;
  mask: url(/inc/svg/ico_recommend_small_24_bk.svg) 0 0 no-repeat;
  -webkit-mask: url(/inc/svg/ico_recommend_small_24_bk.svg) 0 0 no-repeat;
  opacity: .24;
  line-height: 0;
  text-indent: -9999px;
  vertical-align: top
}

.article_btns_view_bottom .link_cmt .en {
  color: #888
}

.link_cmt_box {
  display: block;
  margin: 0 20px;
  padding: 13px;
  height: 44px;
  border: 1px solid rgba(0, 0, 0, .08);
  box-sizing: border-box
}

.cmt_wrap {
  position: relative;
  padding: 0 20px 0
}

.cmt_wrap button {
  background: 0 0;
  border: 0 none;
  vertical-align: top
}

.cmt_wrap .more {
  border-top: 1px solid rgba(0, 0, 0, .08);
  font-size: 0
}

.cmt_wrap .more span {
  font-size: 14px
}

.cmt_wrap .more::after {
  margin: 25px 0 0 8px;
  transform: rotate(90deg)
}

.cmt_wrap .empty {
  padding: 88px 0 60px;
  line-break: 1.35;
  text-align: center
}

.cmt_wrap .btn_refresh {
  position: absolute;
  top: 7px;
  right: 10px;
  width: 36px;
  height: 36px
}

.btn_refresh .ico_area {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 0;
  text-indent: -9999px;
  vertical-align: top
}

.btn_refresh .ico_refresh {
  background: url(/inc/svg/ico_refresh_24_bk.svg) 0 0 no-repeat;
  transform: rotate(0)
}

.btn_refresh .ani_rotate {
  transform: rotate(360deg);
  transition: .4s linear
}

.press_news .btn_refresh {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  width: auto;
  padding: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important
}

.press_news .btn_refresh .ico_refresh {
  background-size: 22px;
  width: 20px;
  height: 20px;
  opacity: .24;
  margin: -2px 2px 0 0
}

.sorting_view {
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.sorting_view li {
  float: left;
  margin-left: 16px
}

.sorting_view li:first-child {
  margin: 0
}

.sorting_view li.selected .sorting_element {
  color: #000
}

.sorting_view .sorting_element {
  display: inline-block;
  padding: 16px 0 14px;
  color: rgba(0, 0, 0, .24)
}

.cmt_view li {
  padding-top: 14px;
  min-height: 36px
}

.cmt_view li:last-child {
  padding-bottom: 20px
}

.cmt_view .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  margin: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%
}

.cmt_view .thumb::after {
  display: none
}

.cmt_view .cmt_info {
  position: relative;
  margin-left: 52px
}

.cmt_view .cmt_info p {
  font-size: 16px;
  line-height: 1.35
}

.cmt_view .cmt_info .nickname {
  padding: 9px 0 7px;
  max-width: 176px;
  font-size: 14px;
  font-weight: 600
}

.cmt_view .cmt_info .source {
  display: block;
  padding: 4px 0 3px;
  font-size: 12px;
  color: #888
}

.cmt_view .cmt_info .source .btn_report::before {
  display: inline-block;
  margin: 3px 5px 0 4px;
  width: 1px;
  height: 10px;
  background: rgba(0, 0, 0, .16);
  vertical-align: top;
  content: ''
}

.cmt_view .cmt_info .btn_reply {
  display: inline-block;
  padding: 0 0 4px
}

.cmt_view .cmt_info .btn_reply span {
  font-size: 12px
}

.cmt_view .cmt_info .ico_area {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 24px;
  height: 24px;
  opacity: .24;
  line-height: 0;
  text-indent: -9999px;
  vertical-align: top
}

.cmt_view .cmt_info .btn_empathy {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0
}

.cmt_view .cmt_info .btn_empathy .en {
  font-size: 12px;
  color: #888;
  line-height: 24px
}

.cmt_view .cmt_info .btn_empathy .ico_empathy {
  background-color: #000;
  mask: url(/inc/svg/ico_empathy_small_24_bk.svg) 0 0 no-repeat;
  -webkit-mask: url(/inc/svg/ico_empathy_small_24_bk.svg) 0 0 no-repeat
}

.cmt_view .cmt_info .btn_del {
  position: absolute;
  top: -2px;
  right: -10px;
  width: 36px;
  height: 36px
}

.cmt_view .cmt_info .btn_del .ico_del {
  background: url(/inc/svg/ico_delete_small_24_bk.svg) 0 0 no-repeat
}

.reply_wrap {
  margin: 14px 0 4px -20px;
  padding: 16px 20px 4px;
  width: 100vw;
  background: #f5f5f5
}

.reply_wrap .cmt_wrap {
  padding: 0
}

.reply_wrap .sorting_view li {
  padding: 0
}

.reply_wrap .reply_view li {
  position: relative;
  padding-left: 18px
}

.reply_wrap .reply_view li::before {
  position: absolute;
  top: 24px;
  left: 0;
  display: inline-block;
  margin: 0;
  width: 8px;
  height: 8px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  opacity: .16;
  vertical-align: top;
  content: ''
}

.fixed {
  bottom: 0
}

.cmt_box_wrap {
  overflow: hidden;
  padding: 4px;
  padding-left: 16px;
  background: rgba(248, 248, 248, .98)
}

.cmt_box_wrap .link_cmt_box {
  position: relative;
  float: left;
  margin: 0;
  padding: 16px 0;
  width: calc(100% - 208px);
  height: 48px;
  border: 0;
  font-size: 0
}

.cmt_box_wrap .link_cmt_box::before {
  display: inline-block;
  margin-top: -4px;
  margin-right: 6px;
  width: 24px;
  height: 24px;
  background: url(/inc/svg/ico_edit_24_bk.svg) 0 0 no-repeat;
  opacity: .24;
  vertical-align: top;
  content: ''
}

.cmt_box_wrap .cmt_box_btn_view {
  float: right;
  font-size: 0
}

.cmt_box_wrap .cmt_box_btn_view .btn_bounds {
  margin-left: 4px;
  width: 48px;
  height: 48px;
  border: 0 none;
  background: 0 0;
  vertical-align: top
}

.cmt_box_wrap .cmt_box_btn_view .btn_bounds .ico_bounds {
  display: block;
  position: relative;
  margin: 4px auto 0;
  width: 24px;
  height: 24px;
  opacity: .24;
  line-height: 0;
  text-indent: -9999px
}

.cmt_box_wrap .cmt_box_btn_view .btn_bounds .ico_cmt {
  background: url(/inc/svg/ico_comment_24_bk.svg) 0 0 no-repeat
}

.cmt_box_wrap .cmt_box_btn_view .btn_bounds .ico_recommend,
.cmt_box_wrap .cmt_box_btn_view .btn_bounds .ico_unrecommend {
  background-color: #000;
  mask: url(/inc/svg/ico_recommend_24_bk.svg) 0 0 no-repeat;
  -webkit-mask: url(/inc/svg/ico_recommend_24_bk.svg) 0 0 no-repeat
}

.cmt_box_wrap .cmt_box_btn_view .btn_bounds .ico_share {
  background-image: url(/inc/svg/ico_share_24_bk.svg)
}

.article_btns_view .btn_motion,
.cmt_box_wrap .cmt_box_btn_view .btn_motion {
  position: relative;
  overflow: hidden
}

.cmt_box_wrap .cmt_box_btn_view .btn_share .ico_share_motion {
  background-image: url(/inc/images/img_partners_motion.gif);
  background-size: 40px;
  background-position: -10px -12px;
  opacity: 1;
  position: absolute;
  top: 3px;
  left: 13px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat
}

.article_btns_view .btn_element .ico_share_motion {
  background-image: url(/inc/images/img_partners_motion_w.gif);
  background-size: 40px;
  background-position: -10px -12px;
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 0;
  text-indent: -9999px;
  left: 5px;
  top: 4px
}

.cmt_box_wrap .cmt_box_btn_view .btn_bounds .en {
  font-size: 11px;
  line-height: 12px;
  vertical-align: top
}

.cmt_warning_txt {
  margin: 12px 24px;
  line-height: 1.5;
  color: rgba(0, 0, 0, .72)
}

.cmt_warning_txt i {
  font-size: 16px
}

.selected .ico_empathy,
.selected .ico_recommend,
.selected .ico_unrecommend {
  background-color: #ff6078 !important;
  opacity: 1 !important
}

.floating_ly {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.floating_ly .share_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 208px;
  height: 218px;
  background: #fff
}

.floating_ly .share_wrap .share_view {
  padding: 0 20px;
  text-align: left
}

.floating_ly .share_wrap .share_view .ico_area {
  margin: 4px
}

.floating_ly .box_tit {
  padding: 32px 24px 8px;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 600
}

.ly_dim {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, .6)
}

.ly_close {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  border: 0 none;
  background: url(/inc/svg/ico_close_24_bk.svg) 8px 8px no-repeat;
  background-size: 24px
}

.ly-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.ly-base {
  padding: 28px 30px;
  width: 264px;
  background: #141414
}

.ly-container {
  padding: 0 10px 16px 10px
}

.ly-title {
  padding: 12px 0 0;
  font-size: 24px;
  line-height: 1.35;
  font-weight: 600
}

.ly-title .ico {
  margin-bottom: 8px
}

.ly-body {
  padding: 8px 0 0;
  font-size: 14px;
  line-height: 1.55
}

.ly-body p {
  padding: 4px 0 0
}

.ly-body .label {
  padding: 12px 0 0
}

.ly-btn {
  margin: 0 2px;
  padding: 14px 8px;
  min-width: 40px;
  height: 48px;
  background: 0 0;
  font-weight: 700
}

.ly-btn .conf strong {
  font-weight: 700
}

.ly-btn .conf:after {
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  content: ''
}

[data-role=invalid-access] .ly-body,
[data-role=result-layer] .ly-body {
  padding-bottom: 12px
}

.black_ly {
  z-index: 2
}

.black_ly .ly_dim {
  background: rgba(0, 0, 0, .82)
}

.black_ly .btn_close {
  position: absolute;
  bottom: -48px;
  left: 0;
  right: 0;
  width: 100%;
  height: 48px;
  background: 0 0
}

.black_ly .btn_close span {
  font-size: 12px;
  font-weight: 700
}

.black_ly .txt_notice {
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 264px;
  height: 32px;
  background: 0 0
}

.black_ly .txt_notice p {
  font-size: 11px;
  line-height: 16px
}

.report_wrap {
  overflow: scroll;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: #fff
}

.report_wrap h3 {
  padding: 56px 20px 20px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600
}

.report_wrap .cmt_info {
  margin: 0 20px;
  padding: 0 32px 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.report_wrap .cmt_info .cmt_item {
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 1.35
}

.report_wrap .cmt_info .cmt_item .tit {
  float: left;
  width: 40px;
  font-weight: 600
}

.report_wrap h4 {
  padding: 28px 20px 16px;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 600
}

.reason_wrap {
  margin: 0 20px
}

.reason_wrap li {
  padding-bottom: 10px
}

.reason_wrap li span {
  position: relative;
  display: block;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.35
}

.reason_wrap li .input_single {
  display: block;
  margin: 8px 20px 0;
  padding: 13px;
  height: 44px;
  border: 1px solid rgba(0, 0, 0, .08);
  box-sizing: border-box
}

.reason_wrap li .input_single input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0 none;
  background-color: transparent;
  outline: 0;
  box-sizing: border-box
}

.reason_wrap li input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0
}

.reason_wrap li input[type=radio]+label span::before {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  margin: 0;
  width: 16px;
  height: 16px;
  background: url(/inc/images/icon_radio.png) 0 0 no-repeat;
  background-size: 32px 16px;
  content: ''
}

.reason_wrap li input[type=radio]:checked+label span::before {
  background-position-x: -16px
}

.report_wrap .btns_set {
  margin: 24px auto 96px;
  text-align: center
}

.report_wrap .btns {
  display: inline-block;
  margin: 0 2px;
  width: 76px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, .08);
  background: #fff;
  vertical-align: top;
  font-size: 16px;
  color: rgba(0, 0, 0, .88)
}

.report_wrap .btn_conf {
  background: #141414;
  font-size: 16px;
  color: #fff
}

.report_wrap .btn_close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 48px;
  height: 48px;
  background: 0 0;
  border: 0 none
}

.report_wrap .ico_area {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 0;
  text-indent: -9999px;
  vertical-align: top
}

.report_wrap .ico_close {
  background: url(/inc/svg/ico_close_24_bk.svg) 0 0 no-repeat;
  background-size: 24px 24px
}

.banner_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.banner_store {
  padding: 104px 28px 28px;
  width: 240px;
  background: #fff url(/inc/images/ico_launcher.png) 152px 32px no-repeat;
  background-size: 60px 60px
}

.banner_store p {
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 1.45
}

.banner_store .btn_store {
  overflow: hidden;
  display: block;
  margin-top: 16px;
  width: 100%;
  height: 48px;
  background: #000;
  text-align: center
}

.banner_store .btn_store span {
  font-size: 14px;
  line-height: 50px;
  color: #fff
}

.banner_store .btn_store span:after {
  display: inline-block;
  margin: 16px 0 0 2px;
  width: 16px;
  height: 16px;
  background: url(/inc/svg/ico_arrow_24_w.svg) 0 0 no-repeat;
  background-size: cover;
  vertical-align: top;
  content: ''
}

.banner_store .btn_close {
  position: absolute;
  bottom: -48px;
  left: 0;
  right: 0;
  width: 100%;
  height: 48px;
  background: 0 0
}

.banner_store .btn_close span {
  font-size: 12px;
  text-decoration: underline;
  color: #fff
}

.banner_thumb {
  padding: 0 0 28px;
  background-image: none
}

.banner_thumb .thumb {
  height: 160px
}

.banner_thumb p {
  padding: 20px 28px 8px;
  font-size: 14px;
  line-height: 1.45
}

.banner_thumb .btn_store {
  margin: 16px 28px 0;
  width: calc(100% - 56px)
}

[contenteditable=true]:empty:before {
  display: block;
  color: rgba(0, 0, 0, .48);
  content: attr(placeholder)
}

.cmt_write_box {
  display: block;
  z-index: 102;
  top: auto
}

.cmt_edit_wrap {
  padding: 20px 20px 10px;
  background: #fff
}

.cmt_edit_wrap .profile_area {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.cmt_edit_wrap .profile_area .forms {
  float: left;
  display: table;
  width: calc(100% - 92px)
}

.cmt_edit_wrap .profile_area .input_single {
  display: table-cell;
  padding: 10px 0 9px 8px
}

.cmt_edit_wrap .profile_area .input_single:first-child {
  padding: 0
}

.cmt_edit_wrap .profile_area .input_single input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0 none;
  background-color: transparent;
  outline: 0;
  box-sizing: border-box
}

.cmt_edit_wrap .gender_selection {
  float: right
}

.cmt_edit_wrap .gender_selection input[type=checkbox] {
  display: none
}

.cmt_edit_wrap .gender_selection input[type=checkbox]+label span {
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  background-size: cover;
  opacity: .24;
  border-radius: 50%;
  text-indent: -9999px;
  cursor: pointer
}

.cmt_edit_wrap .gender_selection input[type=checkbox]:checked+label span {
  opacity: 1
}

.cmt_edit_wrap .conf_area {
  position: relative;
  padding: 16px 0
}

.cmt_edit_wrap .conf_area .txt_hint {
  position: absolute;
  top: 16px
}

.cmt_edit_wrap .conf_area .input_mult {
  overflow: auto;
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 60px;
  max-height: 100px;
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  opacity: 1;
  resize: none;
  border: 0 none;
  outline: 0
}

.cmt_edit_wrap .regist_area {
  position: relative
}

.cmt_edit_wrap .regist_area .txt_byte {
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  color: #888
}

.cmt_edit_wrap .btn_conf {
  display: inline-block;
  float: right;
  width: 56px;
  height: 36px;
  border: 0 none;
  background: #141414;
  opacity: .24;
  vertical-align: top;
  transition: opacity .12s ease-in-out
}

.cmt_edit_wrap .register {
  opacity: 1
}

.cmt_edit_wrap .btn_conf .btn_txt {
  font-size: 14px;
  color: #fff
}

.cmt_edit_wrap .profile_logIn .forms {
  float: right;
  width: calc(100% - 40px)
}

.cmt_edit_wrap .profile_logIn .input_single:first-child {
  padding: 10px 0 9px 8px
}

.cmt_edit_wrap .profile_logIn .input_single:last-child {
  display: none
}

.cmt_edit_wrap .profile_logIn .gender_selection {
  float: left
}

.cmt_edit_wrap .profile_logIn .gender_selection input[type=checkbox]+label span {
  opacity: 1
}

.cmt_edit_wrap .profile_logIn .gender_selection label:last-child {
  display: none
}

span.female {
  background: url(/inc/images/image_profile_female_256.png) 0 0 no-repeat
}

span.male {
  margin-left: 8px;
  background: url(/inc/images/image_profile_male_256.png) 0 0 no-repeat
}

.toast_msg_wrap_fixed {
  display: block;
  position: fixed;
  top: -80px;
  left: 0;
  right: 0;
  z-index: 1001;
  width: 100%;
  user-select: none;
  transition: top .25s ease-in-out
}

.toast_msg_wrap {
  top: 0
}

.toast_msg_view {
  display: block;
  margin: 8px;
  padding: 12px 16px;
  background: rgba(20, 20, 20, .96);
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center
}

.toast_msg_view .toast_txt {
  font-size: 14px;
  color: #fff
}

.cmt_box_w {
  display: none;
  position: relative
}

.ani_empathy {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1001;
  transform: translate(-50%, -50%);
  width: 160px;
  height: 160px;
  background-size: 4000px auto;
  animation: empathy .96s steps(25) infinite
}

.fixed-widget-wrapper {
  position: fixed;
  z-index: 11;
  visibility: visible;
  opacity: 1
}

.widget .title {
  padding: 20px 20px 16px
}

.widget .powered-by {
  top: 16px
}

.widget-tooltip {
  position: fixed;
  left: 4px;
  right: 4px;
  bottom: 60px;
  padding: 16px 76px 16px 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background: #141414;
  opacity: 0;
  visibility: hidden;
  transition-duration: .2s;
  transition-property: opacity, visibility
}

.widget-tooltip.visible {
  visibility: visible;
  opacity: 1
}

.widget-tooltip.visible .btn_close {
  opacity: 1;
  top: -36px
}

.widget-tooltip .dark-title {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(255, 255, 255, .88)
}

.widget-tooltip .dark-anchor {
  display: inline-block;
  margin-top: 8px;
  padding: 6px 8px 5px;
  background: #fff;
  border-radius: 2px;
  font-size: 14px;
  line-height: 1.4;
  color: #000
}

.widget-tooltip .btn_close {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: #141414;
  border: 0 none;
  border-radius: 18px;
  vertical-align: top;
  opacity: 0;
  transition-duration: .2s;
  transition-delay: .2s;
  transition-property: opacity, top
}

.widget-tooltip .ico_area {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 0;
  text-indent: -9999px;
  vertical-align: top
}

.widget-tooltip .ico_close {
  background: url(/inc/svg/ico_close_24_w.svg) 4px 4px no-repeat;
  background-size: 16px 16px
}

.canvas-wrap .block-anchor {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1
}

.canvas-wrap {
  position: relative;
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 28px;
  background-color: #fff;
  box-shadow: 0 2px 4px 2px rgb(0 0 0 / 16%);
  margin: 0 0 12px 12px;
  border: 3px solid #f9f9f9
}

.canvas-wrap span#procent {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-image: url(/inc/images/icon_coin.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  font-size: 0;
  text-indent: -9999px
}

.canvas-wrap .mark-point {
  color: #fff;
  background: #141414;
  border-radius: 4px;
  position: absolute;
  top: -32px;
  min-width: 96%;
  width: 100%;
  left: 2%;
  text-align: center;
  font-size: 11px;
  padding: 4px 0;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  box-shadow: 0 2px 4px 2px rgb(0 0 0 / 16%)
}

.canvas-wrap .mark-point:before {
  content: '';
  border-top: 4px solid #141414;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -5px
}

.canvas-wrap .mark-coin {
  opacity: 0;
  min-width: 96%;
  width: 100%;
  height: auto;
  text-align: center;
  position: absolute;
  top: -55px;
  left: 1px;
  color: #fd8703;
  font-size: 12px;
  background: #fff;
  border-radius: 4px;
  line-height: 1.4;
  letter-spacing: -.5px;
  padding: 1px 0;
  box-shadow: 0 2px 4px 2px rgb(0 0 0 / 14%)
}

.canvas-wrap .mark-coin .ico-coin {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px
}

.canvas-wrap .mark-coin img {
  width: 100%;
  height: auto
}

.canvas-wrap .btn-close {
  width: 18px;
  height: 18px;
  position: absolute;
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .16);
  top: -8px;
  right: -21px;
  border-radius: 50%;
  background: #fff url(/inc/svg/ico_close_gr.svg) 5px 5px no-repeat
}

.tag_view {
  display: block;
  margin-bottom: 8px;
  font-size: 0
}

.tag_view a {
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  color: #0058ff
}

.adpick_promotion .link_store {
  display: block;
  min-width: 320px;
  min-height: 548px;
  width: 100vw;
  height: 100vh
}

.adpick_promotion .adpick_launcher {
  position: absolute;
  top: 60px;
  left: 28px;
  width: 52px;
  height: 52px;
  background: url(/inc/images/ico_app_launcher.png) 0 0 no-repeat;
  background-size: cover;
  filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, .24))
}

.adpick_promotion .adpick_hd {
  position: absolute;
  top: 132px;
  left: 30px;
  width: 242px;
  height: 132px;
  background: url(/inc/svg/adpick_hd.svg) 0 0 no-repeat;
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, .24))
}

.adpick_promotion .adpick_des {
  position: absolute;
  bottom: 126px;
  left: 30px;
  width: 230px;
  height: 60px;
  background: url(/inc/svg/adpick_des.svg) 0 0 no-repeat;
  filter: drop-shadow(0 0 12px rgba(0, 0, 0, .24))
}

.adpick_promotion .adpick_btn {
  position: absolute;
  bottom: 48px;
  left: 50%;
  width: 192px;
  height: 60px;
  transform: translateX(-50%);
  background: #141414 url(/inc/svg/adpick_btn.svg) 50% 22px no-repeat;
  border-radius: 30px;
  filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, .24))
}

.adpick_promotion .btn_close {
  position: absolute;
  top: 56px;
  right: 8px;
  width: 32px;
  height: 32px;
  background: #141414;
  border: 0 none;
  border-radius: 18px;
  vertical-align: top
}

.adpick_promotion .ico_area {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 0;
  text-indent: -9999px;
  vertical-align: top
}

.adpick_promotion .ico_close {
  background: url(/inc/svg/ico_close_24_w.svg) 4px 4px no-repeat;
  background-size: 16px 16px
}

.floting-tooltip {
  position: fixed;
  right: 6px;
  bottom: 68px;
  z-index: 11
}

.floting-tooltip .tooltip-box {
  height: 42px;
  background: #0073f0;
  border-radius: 30px
}

.floting-tooltip .tooltip-box::before {
  display: block;
  position: absolute;
  right: 16px;
  bottom: -7px;
  width: 14px;
  height: 9px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 8.5C7 4.9 2.33333 1.33333 0 0H7H14C11.6667 1.33333 7 4.9 7 8.5Z' fill='%230073F0'/%3e%3c/svg%3e");
  content: ''
}

.tooltip-box .modal-anchor {
  display: block;
  padding: 12px 48px 12px 20px;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #fff
}

.tooltip-box .btn_close {
  position: absolute;
  top: 5px;
  right: 6px;
  width: 32px;
  height: 32px;
  background: 0 0;
  opacity: .8
}

.tooltip-box .ico_area {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 0;
  text-indent: -9999px;
  vertical-align: top
}

.tooltip-box .ico_close {
  background: url(/inc/svg/ico_close_24_w.svg) 4px 4px no-repeat;
  background-size: 16px 16px
}

.link_photo_wrap {
  position: relative
}

.link_photo {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: rgba(20, 20, 20, .48)
}

.link_photo span {
  overflow: hidden;
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
  background: url(/inc/svg/ico_zoom_24_w.svg) no-repeat;
  line-height: 0;
  text-indent: -9999px
}

.caption-photo {
  position: fixed;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 16px 10px 52px;
  min-width: 232px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background: rgba(20, 20, 20, .6);
  border-radius: 4px
}

.caption-photo::after {
  display: block;
  position: absolute;
  top: 19px;
  left: 16px;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  background: url(/inc/svg/ico_zoom_24_w.svg) -1px -1px no-repeat;
  content: ''
}

.origin_photo {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.single_line_box {
  padding: 11px 18px;
  width: 100%;
  background: rgba(56, 132, 228, .98)
}

.banner_view .ly_close {
  top: 50px;
  width: 24px;
  height: 24px;
  background: url(/inc/svg/ico_close_24_w.svg) 6px 6px no-repeat;
  background-size: 12px
}

.link_quiz {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 66px;
  z-index: 11
}

.btn_quiz {
  display: block;
  padding-top: 16px;
  width: 132px;
  height: 48px;
  border-radius: 24px;
  background: #141414;
  color: #fff;
  text-align: center
}

.btn_quiz span::after {
  display: inline-block;
  margin-left: 1px;
  width: 16px;
  height: 16px;
  background: url(/inc/svg/ico_arrow_24_w.svg) 0 0 no-repeat;
  background-size: cover;
  transform: rotate(90deg);
  vertical-align: top;
  content: ''
}

.link_copy {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 66px;
  z-index: 11
}

.btn_copy {
  display: block;
  width: 132px;
  height: 48px;
  border-radius: 24px;
  background: #f8f8f8;
  color: #333;
  text-align: center;
  border: 1px solid rgb(0 0 0 / 8%)
}

.btn_copy span::before {
  display: inline-block;
  margin-right: 6px;
  width: 12px;
  height: 12px;
  background: url(/inc/svg/ico_link_gr.svg) 0 0 no-repeat;
  background-size: cover;
  vertical-align: unset;
  content: ''
}

.header_fixed {
  position: fixed;
  top: 0;
  z-index: 2;
  margin: 0 !important;
  /* padding:12px 0 0 20px; */
  width: 100%;
  height: auto;
  background: #fff;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, .08);
  transform: translateX(-20px)
}
.header_fixed .logo_h1{
  margin:12px 20px 8px 20px
}
.header_fixed .logo_h1+.keyword_wrap{
  margin-top: -8px;
}
.banner_fixed {
  z-index: 2
}

.comments_wrap {
  overflow: scroll;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: #fff
}

.comments_wrap .cmt_none {
  display: none;
  padding: 12px 0 0 0;
  font-size: 14px;
  line-height: 22px
}

.comments_wrap h3 {
  padding: 56px 0 0;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600
}

.comments_wrap .btn_close {
  position: fixed;
  top: 4px;
  right: 4px;
  width: 48px;
  height: 48px;
  background: 0 0;
  border: 0 none
}

.comments_wrap .ico_area {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 0;
  text-indent: -9999px;
  vertical-align: top
}

.comments_wrap .ico_close {
  background: url(/inc/svg/ico_close_24_bk.svg) 0 0 no-repeat;
  background-size: 24px 24px
}

.comments_wrap .cmt_wrap {
  padding-bottom: 0
}

.comments_wrap .cmt_view li:last-child {
  padding-bottom: 0
}

.comments_wrap .reply_wrap {
  margin: 14px 0 0 -20px;
  padding: 0 20px 14px;
  width: 100vw
}

.my_comments {
  position: absolute;
  top: 18px;
  right: 20px;
  padding: 2px 0;
  background: 0 0
}

.comments_ly {
  z-index: 101
}

.report_ly {
  z-index: 101
}

.share_ly {
  z-index: 102
}

.store_ly {
  z-index: 1001
}

.modal_wrap {
  overflow: auto;
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff
}

.modal_wrap .cmt_info .cmt_item .tit {
  width: 54px
}

.modal_wrap .reason_wrap li .input_single {
  margin: 8px 0 0
}

.request_wrap {
  margin: 0 20px;
  padding: 6px 0 8px;
  font-weight: 400
}

.request_wrap .link_item {
  display: block;
  font-size: 12px;
  line-height: 20px;
  color: #3884e4;
  text-decoration: underline
}

.request_wrap p {
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
  color: #484848
}

.partner_wrap h3 {
  padding: 56px 20px 12px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600
}

.partner_wrap .disc {
  padding: 0 20px 24px;
  font-size: 14px;
  line-height: 22px
}

.partner_wrap .radio_wrap {
  margin: 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.partner_wrap .radio_wrap li {
  float: left;
  margin: 0 24px 24px 0
}

.partner_wrap .radio_wrap li span {
  position: relative;
  display: block;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.35
}

.partner_wrap .radio_wrap li .input_single {
  display: block;
  margin: 8px 20px 0;
  padding: 13px;
  height: 44px;
  border: 1px solid rgba(0, 0, 0, .08);
  box-sizing: border-box
}

.partner_wrap .radio_wrap li .input_single input {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0 none;
  background-color: transparent;
  outline: 0;
  box-sizing: border-box
}

.partner_wrap .radio_wrap li input[type=radio] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0
}

.partner_wrap .radio_wrap li input[type=radio]+label span::before {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  margin: 0;
  width: 16px;
  height: 16px;
  background: url(/inc/images/icon_radio.png) 0 0 no-repeat;
  background-size: 32px 16px;
  content: ''
}

.partner_wrap .radio_wrap li input[type=radio]:checked+label span::before {
  background-position-x: -16px
}

.partner_wrap .textfield_wrap {
  margin: 0 20px;
  padding: 30px 0 0
}

.partner_wrap .textfield_wrap .input-single {
  display: block;
  position: relative;
  padding-top: 20px;
  margin-bottom: 30px
}

.partner_wrap .textfield_wrap li:last-child .input-single {
  margin-bottom: 16px
}

.partner_wrap .textfield_wrap .input-single>label {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  color: #484848;
  font-size: 12px;
  line-height: 16px
}

.partner_wrap .textfield_wrap .input-single>input {
  display: block;
  margin: 0;
  padding: 0 0 1px;
  width: 100%;
  height: 24px;
  background-color: transparent;
  outline: 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  font-size: 16px;
  box-sizing: content-box
}

.partner_wrap .textfield_wrap .input-single>.input-textfield {
  overflow: auto;
  display: block;
  margin: 0;
  padding: 0 0 1px;
  width: 100%;
  min-height: 24px;
  max-height: 72px;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  opacity: 1;
  resize: none;
  border: 0 none;
  outline: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .08);
  box-sizing: content-box
}

.partner_wrap .notice_wrap {
  margin: 0 20px
}

.partner_wrap .notice_wrap .input-single {
  display: block;
  padding: 14px 0;
  height: 48px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.35
}

.partner_wrap .notice_wrap .input-single input[type=checkbox] {
  display: none
}

.partner_wrap .notice_wrap .input-single input[type=checkbox]+label {
  color: rgba(0, 0, 0, .24)
}

.partner_wrap .notice_wrap .input-single input[type=checkbox]:checked+label {
  color: #000
}

.partner_wrap .notice_wrap .input-single input[type=checkbox]+label::before {
  display: inline-block;
  margin: 0 8px 0 0;
  width: 20px;
  height: 20px;
  vertical-align: top;
  border: 1px solid rgba(0, 0, 0, .12);
  content: ''
}

.partner_wrap .notice_wrap .input-single input[type=checkbox]:checked+label::before {
  background: #000 url(/inc/svg/ico_check_20_w.svg) 0 0 no-repeat;
  border: 0 none
}

.partner_wrap .notice_wrap .notice-list {
  padding: 16px 0 8px;
  border-top: 1px solid rgba(0, 0, 0, .08);
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.partner_wrap .notice_wrap .notice-list li {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 20px;
  color: #484848
}

.partner_wrap .btns_set {
  margin: 32px auto 96px;
  text-align: center
}

.partner_wrap .btns {
  display: inline-block;
  margin: 0 2px;
  width: 76px;
  height: 48px;
  border: 1px solid rgba(0, 0, 0, .08);
  background: #fff;
  vertical-align: top;
  font-size: 16px;
  color: rgba(0, 0, 0, .88)
}

.partner_wrap .btn_conf {
  background: #141414;
  font-size: 16px;
  color: #fff
}

.partner_wrap .btn_close {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 48px;
  height: 48px;
  background: 0 0;
  border: 0 none
}

.partner_wrap .ico_area {
  display: inline-block;
  position: relative;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 0;
  text-indent: -9999px;
  vertical-align: top
}

.partner_wrap .ico_close {
  background: url(/inc/svg/ico_close_24_bk.svg) 0 0 no-repeat;
  background-size: 24px 24px
}

.related_news_wrap {
  position: relative;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, .08)
}

.related_news_wrap .ly_close {
  top: 0;
  width: 24px;
  height: 24px;
  background: url(/inc/svg/ico_close_24_bk.svg) 6px 6px no-repeat;
  background-size: 12px
}

.related_news {
  padding: 12px 24px 12px 20px
}

.related_news .link_news {
  padding: 0
}

.related_news .thumb {
  width: 128px;
  height: 72px
}

.related_news .thumb .image {
  width: 100%;
  height: 100%
}

.related_news .txt .tit {
  padding-top: 6px;
  font-size: 16px
}

.related_news .source {
  padding-top: 3px
}

.contents_f1 .headline_view .tit {
  font-size: 24px
}

.contents_f1 .article_view {
  font-size: 17px
}

.contents_f1 .cmt_view .cmt_info .comment {
  font-size: 17px
}

.contents_f2 .headline_view .tit {
  font-size: 26px
}

.contents_f2 .article_view {
  font-size: 18px
}

.contents_f2 .cmt_view .cmt_info .comment {
  font-size: 18px
}

.contents_f2 .plink_box .info .tit {
  font-size: 16px
}

.contents_f2 .plink_box .info .desc,
.contents_f2 .plink_box .info .link_url,
.contents_f2 .plink_box .sublink a {
  font-size: 14px
}

.contents_f3 .headline_view .tit {
  font-size: 28px
}

.contents_f3 .article_view {
  font-size: 19px
}

.contents_f3 .cmt_view .cmt_info .comment {
  font-size: 19px
}

.contents_f3 .plink_box .info .tit {
  font-size: 17px
}

.contents_f3 .plink_box .info .desc,
.contents_f3 .plink_box .info .link_url,
.contents_f3 .plink_box .sublink a {
  font-size: 15px
}

.contents_f4 .headline_view .tit {
  font-size: 30px
}

.contents_f4 .article_view {
  font-size: 21px
}

.contents_f4 .cmt_view .cmt_info .comment {
  font-size: 21px
}

.contents_f4 .plink_box .info .tit {
  font-size: 17px
}

.contents_f4 .plink_box .info .desc,
.contents_f4 .plink_box .info .link_url,
.contents_f4 .plink_box .sublink a {
  font-size: 15px
}

.contents_f5 .headline_view .tit {
  font-size: 32px
}

.contents_f5 .article_view {
  font-size: 24px
}

.contents_f5 .cmt_view .cmt_info .comment {
  font-size: 24px
}

.contents_f5 .plink_box .info .tit {
  font-size: 18px
}

.contents_f5 .plink_box .info .desc,
.contents_f5 .plink_box .info .link_url,
.contents_f5 .plink_box .sublink a {
  font-size: 16px
}

.plink_box {
  padding: 15px 5px;
  line-height: 1.35;
  font-size: 14px;
}

.plink_box .txt {
  padding-bottom: 8px;
}

.plink_box .tit {
  font-weight: 600;
}

.plink_box .tit span {
  font-size: 86%;
  color: #888;
  font-weight: 400
}

.plink_box .ico {
  width: 32px;
  height: 12px;
  position: relative;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.plink_box .ico_info {
  width: 16px;
  height: 16px;
}

.plink_box .thumb {
  width: 72px;
  height: 72px;
  margin-left: 12px;
  flex: 1 0 auto;
}

.plink_box .plink_list>li {
  padding: 16px 0;
  border-top: 1px solid rgba(0, 0, 0, .08);
}

.plink_box .plink_list>li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.plink_box .info {
  min-width: calc(100% - 84px);
}

.plink_box .info .tit {
  font-size: 15px;
  font-weight: 600;
  margin-right: 6px;
}

.plink_box .info .link_url {
  font-size: 12px;
  color: #3884e4;
  max-width: 80%;
  float: left;
}

.plink_box .info .link_url+.ico {
  margin-left: 4px
}

.plink_box .info .desc {
  font-size: 13px;
  color: #888;
  line-height: 1.5;
  margin-top: 4px;
  word-break: break-word;
  float: left;
}

.plink_box .sublink {
  margin-top: 4px
}

.plink_box .sublink ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.plink_box .sublink li {
  position: relative
}

.plink_box .sublink li+li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 8px;
  background-color: #dbdbdb;
  margin-top: -4px
}

.plink_box .sublink a {
  font-size: 13px;
  padding: 0 8px
}

.plink_box .sublink li:first-child a {
  padding-left: 0
}

.ico_info {
  background-image: url(/inc/images/ico_info.png);
}

.ico_npay {
  background-image: url(/inc/images/ico_npay.png)
}

.ico_nplus {
  background-image: url(/inc/images/ico_nplus.png)
}

.ico_nlogin {
  background-image: url(/inc/images/ico_nlogin.png)
}

.ico_ntalk {
  background-image: url(/inc/images/ico_ntalk.png)
}

.ico_coin {
  width: 60px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url(/inc/svg/ico_pick_coin.svg)
}

.keyword_wrap {
  height: 44px;
  font-family: AppleSDGothicNeo-Regular;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgb(0 0 0 / .02);
  display: flex;
  align-items: center;
  margin-bottom: 16px
}

.header_fixed .keyword_wrap{
  margin-bottom:0;
  margin-left: 20px;
}
.keyword_wrap .tlt {
  font-size: 13px
}

.keyword_wrap .tlt strong {
  color: #ff3043;
  font-weight: 700
}

.keyword_wrap .ico_live:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 16px;
  margin-left: 3px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: sub;
  background-image: url(/inc/svg/ico_live.svg)
}

.keyword_wrap .keyword_list li {
  width: auto !important
}

.keyword_wrap .keyword_list li+li {
  margin-left: 8px
}

.keyword_wrap .keyword {
  height: 30px;
  line-height: 1;
  display: inline-block;
  font-size: 12px;
  color: #121212;
  padding: 8px 16px;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 24px
}

.keyword_wrap .keyword::before {
  content: '';
  width: 9px;
  height: 9px;
  margin-right: 3px;
  display: inline-block;
  mask-image: url(/inc/svg/ico_tag.svg);
  -webkit-mask-image: url(/inc/svg/ico_tag.svg)
}

.keyword_wrap li:nth-child(5n-4) .keyword::before {
  background-color: #ff3040
}

.keyword_wrap li:nth-child(5n-3) .keyword::before {
  background-color: #e12c51
}

.keyword_wrap li:nth-child(5n-2) .keyword::before {
  background-color: #cb285e
}

.keyword_wrap li:nth-child(5n-1) .keyword::before {
  background-color: #a02176
}

.keyword_wrap li:nth-child(5n) .keyword::before {
  background-color: #801c88
}
.keyword_wrap .keyword_list { margin:0 }

p+#naver-shoppingbox-div {
  margin-top: -24px
}

.aside_wrap {
  background: #fff;
  position: relative
}

.aside_wrap .googleAD_wrap+div {
  border-top: 2px solid #f8f8f8
}

.aside_wrap .box .adsbygoogle {
  margin: 20px auto
}

.border_none {
  border: none
}

.p20 {
  padding: 20px
}

.p20_15 {
  padding: 20px 15px
}

.p10 {
  padding: 10px
}

.p7 {
  padding: 7px 0 7px 7px
}

.p5 {
  padding: 5px
}

.list_widget>div {
  width: 100%;
  height: 0;
  position: relative
}

.list_widget iframe {
  width: 100%;
  height: 100%;
  position: absolute
}

.list_widget_row_2>div {
  padding-bottom: calc(100% * 4 / 5)
}

.list_widget_row_4>div {
  padding-bottom: calc(100% * 16 / 9)
}

.animated {
  animation-duration: 1s;
  animation-iteration-count: infinite
}

.bounceUpDown {
  animation-name: bounceUpDown;
  transform-origin: center bottom;
  animation-timing-function: ease-in-out
}

.bounceDown {
  animation-name: bounceDown;
  transform-origin: center bottom;
  animation-timing-function: ease-in-out
}

.bounceDouble {
  animation: bounceDouble 1.8s .5s 1;
  -webkit-animation: bounceDouble 1.8s .5s 1
}

.unreal {
  animation: unreal 2s .8s both;
  -webkit-animation: unreal 2s .8s both
}

.fixed .partners_share_wrap {
  position: relative;
  background: #fff;
  width: 180px;
  height: 56px;
  border-radius: 48px;
  border: 1px solid rgba(61, 69, 75, .16);
  box-shadow: 0 12px 48px 0 rgba(205, 205, 205, .2);
  margin: 0 auto 12px;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}

.partners_share_wrap li+li {
  margin-left: 12px
}

.fixed .partners_share_wrap li+li {
  margin-left: 16px
}

.partners_share_wrap li {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  background-color: #f7f8f8;
  margin-bottom: 0
}

.partners_share_wrap li .btn {
  line-height: 36px;
  background-color: transparent;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.partners_share_wrap li i {
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  vertical-align: middle
}

.partners_share_wrap li .ic-np-kakao {
  width: 20px;
  height: 20px;
  background-size: 20px 20px
}

.bottom_bar_pc .partners_share_wrap li .ic-np-kakao {
  width: 22px;
  height: 22px;
  background-size: 22px 22px
}

.ic-np-link-copy {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0841 10.6632C11.8979 10.6632 11.7117 10.5918 11.5699 10.45C11.2854 10.1656 11.2854 9.70591 11.5699 9.42158L13.5081 7.48336C14.1773 6.82068 14.5446 5.9348 14.5446 4.98713C14.5446 3.03945 12.9597 1.45467 11.012 1.45467C10.065 1.45467 9.17913 1.82196 8.51805 2.4889L6.57756 4.42939C6.29323 4.71372 5.83351 4.71372 5.54918 4.42939C5.26486 4.14493 5.26486 3.68535 5.54918 3.40088L7.48741 1.46266C8.42137 0.520047 9.67374 0 11.012 0C13.7619 0 15.9991 2.2372 15.9991 4.98713C15.9991 6.3262 15.4791 7.57858 14.5337 8.51466L12.5976 10.45C12.4558 10.5918 12.2703 10.6632 12.0841 10.6632Z' fill='%235A6670'/%3e%3cpath d='M4.98713 16.0001C2.2372 16.0001 0 13.7629 0 11.013C0 9.67405 0.520047 8.42154 1.46559 7.48559L3.40168 5.55016C3.68601 5.26583 4.14573 5.26583 4.43006 5.55016C4.71439 5.83449 4.71439 6.29421 4.43006 6.57854L2.49183 8.5169C1.82196 9.17944 1.45467 10.0653 1.45467 11.013C1.45467 12.9607 3.03945 14.5456 4.98713 14.5456C5.93413 14.5456 6.82001 14.1783 7.48109 13.5114L9.42158 11.5709C9.70591 11.2864 10.1656 11.2864 10.45 11.5709C10.7344 11.8552 10.7344 12.3149 10.45 12.5992L8.51173 14.5376C7.57791 15.4801 6.3254 16.0001 4.98713 16.0001Z' fill='%235A6670'/%3e%3cpath d='M5.08974 11.6365C4.90356 11.6365 4.71738 11.5653 4.57555 11.4234C4.29122 11.1391 4.29122 10.6794 4.57555 10.3951L10.3941 4.57653C10.6784 4.2922 11.1381 4.2922 11.4225 4.57653C11.7069 4.86099 11.7069 5.32057 11.4225 5.6049L5.60393 11.4234C5.46223 11.5653 5.27592 11.6365 5.08974 11.6365Z' fill='%235A6670'/%3e%3c/svg%3e")
}

.ic-np-facebook {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.34236 4.58339V6.62098H9.69231L9.24928 9.93206H6.34236V18H2.82142V9.93206H0V6.62098H2.82142V3.73689C2.82142 -1.18478 9.69231 0.171117 9.69231 0.171117V3.0552H7.92795C6.23355 3.0552 6.34236 4.58339 6.34236 4.58339Z' fill='%231977f2'/%3e%3c/svg%3e")
}

.ic-np-naver {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.2298 8.52035L5.29406 0H0.374023V15.9196H5.53148V7.39925L11.454 15.9196H16.374V0H11.2298V8.52035Z' fill='%233EB95F'/%3e%3c/svg%3e")
}

.ic-np-more {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='5' viewBox='0 0 24 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.374023 4.37514L0.374023 0.625086C0.374023 0.279927 0.65395 1.2236e-08 0.999109 2.73234e-08L4.74917 1.91244e-07C5.0941 2.06321e-07 5.37402 0.279927 5.37402 0.625086L5.37402 4.37514C5.37402 4.72007 5.0941 5 4.74917 5L0.999109 5C0.65395 5 0.374023 4.72007 0.374023 4.37514Z' fill='%23BABDBF'/%3e%3cpath d='M9.37402 4.37514L9.37402 0.625086C9.37402 0.279927 9.65395 1.2236e-08 9.99888 2.73134e-08L13.7489 1.91234e-07C14.0941 2.06321e-07 14.374 0.279927 14.374 0.625086L14.374 4.37514C14.374 4.72007 14.0941 5 13.7489 5L9.99888 5C9.65395 5 9.37402 4.72007 9.37402 4.37514Z' fill='%23BABDBF'/%3e%3cpath d='M18.374 4.37514L18.374 0.625086C18.374 0.279927 18.6542 1.22454e-08 18.9991 2.73221e-08L22.749 1.91235e-07C23.0939 2.06312e-07 23.374 0.279927 23.374 0.625086L23.374 4.37514C23.374 4.72007 23.0939 5 22.749 5L18.9991 5C18.6542 5 18.374 4.72007 18.374 4.37514Z' fill='%23BABDBF'/%3e%3c/svg%3e")
}

.ic-np-kakao {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.9622 0.6875C4.87522 0.6875 0.75 4.059 0.75 8.21706C0.75 10.9233 2.49928 13.2968 5.11985 14.6239C4.92548 15.3689 4.42282 17.3198 4.31893 17.7356C4.19494 18.2553 4.50324 18.2449 4.70431 18.1063C4.86181 17.9954 7.2277 16.3322 8.24978 15.6149C8.80272 15.7016 9.37576 15.7432 9.95885 15.7432C15.0458 15.7432 19.1711 12.3717 19.1711 8.21359C19.1744 4.059 15.0525 0.6875 9.9622 0.6875Z' fill='%23381E1E'/%3e%3cpath d='M7.10005 6.69849H5.03815C4.94515 6.69849 4.85596 6.73543 4.7902 6.80119C4.72444 6.86695 4.6875 6.95614 4.6875 7.04914C4.6875 7.14213 4.72444 7.23132 4.7902 7.29708C4.85596 7.36284 4.94515 7.39979 5.03815 7.39979H5.7084V9.86968C5.70879 9.96033 5.74497 10.0472 5.80907 10.1113C5.87317 10.1754 5.96 10.2115 6.05065 10.2119H6.12553C6.21612 10.2115 6.30287 10.1753 6.36685 10.1112C6.43084 10.0471 6.46686 9.96027 6.46705 9.86968V7.39979H7.10005C7.19305 7.39979 7.28224 7.36284 7.348 7.29708C7.41375 7.23132 7.4507 7.14213 7.4507 7.04914C7.4507 6.95614 7.41375 6.86695 7.348 6.80119C7.28224 6.73543 7.19305 6.69849 7.10005 6.69849V6.69849Z' fill='%23FEEB00'/%3e%3cpath d='M12.0551 9.55246H11.0963V7.02996C11.0979 6.97901 11.0892 6.92827 11.0708 6.88073C11.0524 6.8332 11.0246 6.78985 10.9891 6.75325C10.9536 6.71665 10.9112 6.68755 10.8642 6.66768C10.8173 6.64781 10.7668 6.63757 10.7159 6.63757C10.6649 6.63757 10.6144 6.64781 10.5675 6.66768C10.5206 6.68755 10.4781 6.71665 10.4426 6.75325C10.4071 6.78985 10.3794 6.8332 10.3609 6.88073C10.3425 6.92827 10.3339 6.97901 10.3354 7.02996V9.74897C10.3358 9.76944 10.3379 9.78984 10.3417 9.80997C10.3375 9.82992 10.3355 9.85023 10.3354 9.8706C10.3354 9.91244 10.3436 9.95388 10.3596 9.99254C10.3756 10.0312 10.399 10.0663 10.4286 10.0959C10.4582 10.1255 10.4933 10.149 10.532 10.165C10.5707 10.1809 10.6121 10.1892 10.654 10.1891H12.0551C12.1377 10.1863 12.2159 10.1515 12.2733 10.0922C12.3307 10.0328 12.3628 9.95339 12.3628 9.87078C12.3628 9.78817 12.3307 9.7088 12.2733 9.64941C12.2159 9.59002 12.1377 9.55525 12.0551 9.55246V9.55246Z' fill='%23FEEB00'/%3e%3cpath d='M15.1194 9.66824L14.051 8.26491L15.0164 7.29916C15.0476 7.26798 15.0723 7.23097 15.0892 7.19023C15.106 7.1495 15.1147 7.10583 15.1147 7.06174C15.1147 7.01765 15.106 6.97399 15.0892 6.93325C15.0723 6.89251 15.0476 6.8555 15.0164 6.82432C14.9852 6.79314 14.9482 6.76841 14.9075 6.75154C14.8667 6.73466 14.8231 6.72598 14.779 6.72598C14.7349 6.72598 14.6912 6.73466 14.6505 6.75154C14.6097 6.76841 14.5727 6.79314 14.5415 6.82432L13.3464 8.01946V7.02996C13.348 6.97901 13.3393 6.92827 13.3209 6.88073C13.3025 6.8332 13.2747 6.78985 13.2393 6.75325C13.2038 6.71665 13.1613 6.68755 13.1144 6.66768C13.0674 6.64781 13.017 6.63757 12.966 6.63757C12.915 6.63757 12.8646 6.64781 12.8176 6.66768C12.7707 6.68755 12.7282 6.71665 12.6927 6.75325C12.6572 6.78985 12.6295 6.8332 12.6111 6.88073C12.5927 6.92827 12.584 6.97901 12.5856 7.02996V9.83261C12.5886 9.93146 12.6301 10.0252 12.7011 10.0941C12.7721 10.1629 12.8671 10.2014 12.966 10.2014C13.0649 10.2014 13.1599 10.1629 13.2309 10.0941C13.3019 10.0252 13.3433 9.93146 13.3464 9.83261V8.96767L13.5637 8.75071L14.5744 10.077C14.6286 10.1492 14.7093 10.197 14.7987 10.2098C14.8882 10.2226 14.979 10.1993 15.0513 10.1451C15.1235 10.0909 15.1713 10.0102 15.1841 9.92078C15.1969 9.83135 15.1736 9.74051 15.1194 9.66824Z' fill='%23FEEB00'/%3e%3cpath d='M10.0511 9.75912L9.0233 6.94661L9.02002 6.94369C8.95427 6.77238 8.76433 6.64746 8.5386 6.64746C8.28767 6.64746 8.0802 6.80087 8.03892 7.0014C8.03159 7.01648 8.02513 7.03197 8.01957 7.04779L7.01071 9.75912C6.99198 9.80208 6.9823 9.84845 6.9823 9.89532C6.9823 9.94219 6.99196 9.98856 7.01069 10.0315C7.02942 10.0745 7.05681 10.1131 7.09116 10.145C7.1255 10.1769 7.16605 10.2014 7.21028 10.2169C7.25451 10.2324 7.30146 10.2387 7.34821 10.2352C7.39495 10.2318 7.44048 10.2187 7.48195 10.1968C7.52342 10.175 7.55993 10.1448 7.58921 10.1082C7.61849 10.0716 7.6399 10.0294 7.65211 9.98412L7.82671 9.48517H9.23333L9.40792 9.98412C9.43791 10.0694 9.50054 10.1393 9.58206 10.1784C9.66357 10.2175 9.75729 10.2227 9.84258 10.1927C9.92788 10.1627 9.99777 10.1001 10.0369 10.0185C10.076 9.93703 10.0811 9.84332 10.0511 9.75802V9.75912ZM8.04988 8.84925L8.52253 7.50035C8.52801 7.50035 8.53239 7.50035 8.53787 7.50035L9.00979 8.84743L8.04988 8.84925Z' fill='%23FEEB00'/%3e%3c/svg%3e")
}

.bottom_bar_pc {
  display: none;
  width: 180px;
  left: 50%;
  transform: translateX(-50%)
}

.bottom_bar_pc .partners_share_wrap {
  width: 240px;
  height: 72px
}

.bottom_bar_pc .partners_share_wrap li {
  width: 48px;
  height: 48px
}

.bottom_bar_pc .partners_share_wrap li .btn {
  line-height: 48px
}

.bottom_bar_pc .partners_share_wrap li+li {
  margin-left: 20px
}

.source_partners {
  font-size: 84%;
  color: #888
}

.source_partners::before {
  content: '';
  width: 2px;
  height: 2px;
  display: inline-block;
  background: #666;
  vertical-align: super;
  margin-right: 5px
}

.source_partners a {
  color: #3884e4;
  text-decoration: underline
}

.flag {
  position: absolute
}

.flag-point {
  top: -14px;
  left: 50%;
  transform: translateX(-50%)
}

.flag label {
  width: auto;
  padding: 3px 8px;
  border-radius: 24px;
  font-size: 13px;
  display: inline-block;
  line-height: 1
}

.thumb .flag-point {
  top: 8px;
  left: 8px;
  transform: translateX(0)
}

.thumb .flag label {
  border-radius: 4px
}

.flag strong {
  font-weight: 700
}

.flag-point .point {
  background: #21252b
}

.flag-point .point-1 {
  border: 1px solid #40cea3;
  color: #40cea3
}

.flag-point .point-2 {
  border: 1px solid #ffca35;
  color: #ffca35
}

.flag-point .point-3 {
  border: 1px solid #9e8aff;
  color: #b8aaff
}

.flag-point .point-4 {
  border: 1px solid #3f9bff;
  color: #5aa9ff
}

.flag-point .point-5 {
  border: 1px solid #ff514f;
  color: #ff6664
}

.flag-point .point::before {
  content: '';
  background-image: url(../images/ico_coins.svg);
  background-size: contain;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 1px;
  background-repeat: no-repeat
}

.widget_wrap {
  position: fixed;
  top: 0;
  z-index: 2
}

.facebook_widget {
  text-align: center;
  background: #fff;
  width: 100%
}

.bottom_ly {
  z-index: 12;
  visibility: hidden;
  opacity: 0;
  display: block
}

.bottom_ly.visible {
  visibility: visible;
  opacity: 1
}

.bottom_ly .ly_wrap {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0
}

.bottom_ly .ly_container {
  min-width: 320px;
  width: 100%;
  border-radius: 8px 8px 0 0;
  background: #fff;
  padding: 32px 24px 48px 24px;
  text-align: center
}

.bottom_ly .ly_close {
  top: 20px;
  right: 20px
}

.radio_round {
  position: relative
}

.radio_round input[type=radio] {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12Z' fill='%233D454B' fill-opacity='0.16'/%3e%3c/svg%3e");
  width: 20px;
  height: 20px;
  display: inline-block;
  background-size: 20px 20px;
  background-repeat: no-repeat
}

.radio_round input[type=radio]:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z' fill='white'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17ZM23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12Z' fill='%233289CF'/%3e%3c/svg%3e")
}

.radio_round label {
  font-weight: 700;
  font-size: 16px;
  color: #3d454b;
  margin-left: 8px;
  cursor: pointer
}

.bg_secondary {
  background-color: #eff8ff
}

.txt_secondary {
  color: #0073f0
}

.btn_partners {
  width: 100%;
  padding: 16px;
  color: #fff;
  background-color: #0073f0;
  font-size: 16px
}

.ly_partners .box_radio {
  padding: 20px 12px;
  border-radius: 8px
}

.ly_partners .box_radio:first-child {
  margin-top: 28px
}

.ly_partners .img_share {
  padding: 16px 0 0 0
}

.ly_partners .img_share img {
  width: 100%;
  max-width: 280px
}

.ly_partners .img_share p {
  margin-top: 16px;
  font-size: 15px;
  line-height: 18px
}

.ly_partners .btn_partners {
  margin-top: 12px
}

.ly_partners_tlt {
  font-size: 20px;
  text-align: left
}

.ly_partners .share_view {
  margin: 28px 0
}

.ly_partners button[data-role=tooltip] {
  background: 0 0
}

.ly_partners button[data-role=tooltip] i {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8.00001 1.06666C4.17083 1.06666 1.06667 4.17082 1.06667 7.99999C1.06667 11.8292 4.17083 14.9333 8.00001 14.9333C11.8292 14.9333 14.9333 11.8292 14.9333 7.99999C14.9333 4.17082 11.8292 1.06666 8.00001 1.06666ZM7.46666 3.73333H8.53333V4.8H7.46666V3.73333ZM7.46666 5.86666H8.53333V12.2667H7.46666V5.86666Z' fill='%23C1C3C6'/%3e%3c/svg%3e");
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: top
}

.share_view_link {
  padding: 8px 12px;
  background: #f6f6f6;
  font-size: 13px;
  border-radius: 8px;
  position: relative;
  height: 52px;
  text-align: left
}

.share_view_link .btn {
  padding: 12px;
  background: #1c2023;
  font-size: 12px;
  color: #fff;
  width: 104px;
  position: absolute;
  right: 12px;
  top: 7px
}

.share_view_link .link {
  width: 66%;
  background: 0 0;
  height: 100%
}

.ly_partners .link_partners {
  font-size: 13px;
  font-weight: 700;
  color: #1c2023;
  margin-top: 28px;
  display: block;
  text-align: center;
  word-break: keep-all
}

.ly_partners .link_partners strong {
  text-decoration: underline
}

.ly_partners strong {
  font-weight: 700
}

.partners_tooltip {
  position: absolute;
  top: 20px;
  width: 100%;
  max-width: 310px;
  height: auto;
  font-size: 12px;
  padding: 16px 20px;
  background: #3d454b;
  color: #fff;
  text-align: left;
  border-radius: 4px;
  -webkit-box-shadow: 0 16px 16px -16px rgba(0, 0, 0, .25);
  box-shadow: 0 16px 16px -16px rgba(0, 0, 0, .25);
  margin-top: 4px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  line-height: 1.5;
  word-break: keep-all
}

.partners_tooltip.visible {
  visibility: visible;
  opacity: 1
}

.partners_tooltip .txt {
  width: 250px
}

.partners_tooltip .btn_close {
  background: url(/inc/svg/ico_close_24_w.svg) 1px 1px no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  opacity: .56
}

.ly_partners .link_banner {
  margin-top: 8px;
  position: relative;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite
}

.ly_partners .link_partners+.link_banner {
  margin-top: 20px
}

.ly_partners .link_partners+.link_banner::after {
  content: '';
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.59309 1.39247C9.37244 0.621121 10.6276 0.621121 11.4069 1.39247L18.6674 8.57851C19.9374 9.83543 19.0473 12 17.2605 12H2.73949C0.952704 12 0.0626426 9.83543 1.33259 8.57852L8.59309 1.39247Z' fill='%2332ABC6'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 28px;
  height: 16px;
  left: 50%;
  top: -8px;
  transform: translateX(-50%)
}

.partners_guide {
  display: none
}

.widgetAD_wrap {
  margin: 40px auto
}

.widgetAD_wrap .tlt {
  font-size: 15px;
  font-weight: 700;
  color:000;
}

.widgetAD_wrap .tingle_list {
  margin: 16px 0 12px 0
}

.widgetAD_wrap .tingle_list ul li {
  width: 112px
}

.widgetAD_wrap .flag {
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .56);
  padding: 4px 6px;
  font-size: 11px;
  color: #fff;
  line-height: 1
}

.tingle_list .thumb {
  width: 112px;
  height: 112px;
  overflow: hidden
}

.tingle_list .thumb:after {
  border: 1px solid rgba(0, 0, 0, .08)
}

.tingle_list .thumb .image {
  margin: 0
}

.tingle_list .info {
  margin-top: 8px
}

.tingle_list .info .price,
.tingle_list .info .tit {
  font-size: 13px;
  font-weight: 700
}

.tingle_list .source span {
  font-size: 12px;
  line-height: 16px;
  color: #666;
  display: block
}

.tingle_list .source span+span {
  margin-top: 2px
}

.tingle_list .price {
  margin-top: 4px
}

.tingle_container .tingle_info {
  border-top: 1px solid rgba(0, 0, 0, .04);
  font-size: 12px;
  color: #555;
  padding: 8px 0
}

.logo_tingle::after {
  content: '';
  display: inline-block;
  width: 34px;
  height: 12px;
  background: url(/inc/images/logo_tingle.png) no-repeat;
  background-size: contain;
  vertical-align: sub;
  margin-right: 2px
}

@media only screen and (min-width:340px) {
  .ly_partners .share_view .sns_ico {
    width: 56px;
    height: 56px;
    background-size: 326px 56px
  }

  .ly_partners .share_view .ico_area {
    width: 56px;
    height: 56px;
    margin: 0 8px
  }

  .ly_partners .share_view .link_facebook {
    background-position: -135px 0
  }

  .ly_partners .share_view .link_story {
    background-position: -67px 0
  }

  .ly_partners .share_view .link_line {
    background-position: -202px 0
  }

  .ly_partners .link_partners {
    font-size: 15px
  }
}

@keyframes bounceUpDown {
  0% {
    transform: translate3d(0, 0, 0)
  }

  50% {
    transform: translate3d(0, -2px, 0)
  }

  100% {
    transform: translate3d(0, 0, 0)
  }
}

@keyframes bounceDown {
  0% {
    transform: translate3d(0, 0, 0)
  }

  100% {
    transform: translate3d(0, -5px, 0)
  }
}

@keyframes empathy {
  100% {
    background-position: -4000px
  }
}

@-webkit-keyframes images-change {
  50% {
    opacity: 0;
    background-image: none
  }

  100% {
    opacity: 1;
    background-image: url(/inc/images/image_starbucks.png)
  }
}

@-webkit-keyframes bounceDouble {

  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0)
  }

  40% {
    -webkit-transform: translateY(-20px)
  }

  60% {
    -webkit-transform: translateY(-15px)
  }
}

@keyframes bounceDouble {

  0%,
  100%,
  20%,
  50%,
  80% {
    transform: translateY(0)
  }

  40% {
    transform: translateY(-20px)
  }

  60% {
    transform: translateY(-15px)
  }
}

@keyframes unreal {
  0% {
    opacity: 0;
    transform: translateY(0)
  }

  50% {
    opacity: 1;
    transform: translateY(-10px)
  }

  100% {
    opacity: 0;
    transform: translateY(-10px)
  }
}

@-webkit-keyframes unreal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0)
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(-10px)
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-10px)
  }
}

@-webkit-keyframes bounce {

  0%,
  100%,
  20%,
  50%,
  80% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  40% {
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
  }

  60% {
    -ms-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
  }
}

@keyframes bounce {

  0%,
  100%,
  20%,
  50%,
  80% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  40% {
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
  }

  60% {
    -ms-transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
  }
}

@media only screen and (max-width:767px) {
  .bottom_ly .ly_wrap {
    transform: translateY(100px);
    transition: transform .3s ease-out
  }

  .bottom_ly.visible .ly_wrap {
    transform: translateY(0)
  }

  .box_share {
    overflow: hidden;
    margin-top: 6px
  }

  .list_news .box_share {
    padding-left: 12px
  }

  .box_share .partners_share_wrap li {
    width: 28px;
    height: 28px;
    border-radius: 2px
  }

  .box_share .partners_share_wrap li .btn {
    line-height: 28px
  }

  .box_share .partners_share_wrap li i {
    width: 12px;
    height: 12px;
    background-size: 12px 12px
  }

  .box_share .partners_share_wrap .ic-np-kakao {
    width: 16px;
    height: 16px;
    background-size: 16px 16px
  }

  .list_partners.thumb_1609 .thumb {
    width: 96px;
    height: 96px
  }

  .list_partners.thumb_1609 .image {
    width: 172% !important
  }

  .list_partners.thumb_1609 .txt .tit {
    padding-top: 2px
  }

  .list_partners.list_news_col_2 .link_news,
  .list_partners.list_news_col_2 .txt {
    height: auto
  }
}

@media only screen and (min-width:768px) {
  .contents_wrap {
    margin-bottom: 0;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    place-content: stretch flex-start;
    flex-direction: row;
    justify-content: space-between
  }

  .article_wrap {
    float: left;
    width: 64%;
    clear: both;
    border: none
  }

  .aside_wrap {
    width: calc(36% - 10px);
    height: 100%
  }

  .aside_wrap.sticky {
    position: static;
    height: auto
  }

  .aside_wrap.sticky .aside {
    width: 100%;
    position: sticky;
    top: 0
  }

  .more {
    border: none
  }

  .emoji_wrap,
  .sns_wrap {
    width: 480px;
    margin: 0 auto
  }

  .box_more {
    border-top: 1px solid #f8f8f8
  }

  .video_wrap .banner_view .banner_background {
    padding: 10px 0
  }

  .video_player_fixed {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: initial
  }

  .cmt_box_w {
    display: block;
    border-top: 10px solid #f5f5f5
  }

  .cmt_box_w .box_tit {
    padding: 49px 20px 16px;
    font-size: 17px;
    line-height: 17px;
    font-weight: 600
  }

  .cmt_box_w .cmt_edit_wrap {
    margin: 0 20px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .08)
  }

  .bottom_bar,
  .cmt_box_m,
  .cmt_write_box,
  .floting-tooltip {
    display: none
  }

  .reply_wrap {
    margin-left: 0;
    width: auto
  }

  .reply_wrap .cmt_edit_wrap {
    margin: 4px 0 0 0
  }

  .report_wrap {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 375px;
    height: fit-content
  }

  .comments_wrap {
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 720px;
    height: calc(100vh - 120px)
  }

  .comments_wrap .reply_wrap {
    width: calc(100% + 40px)
  }

  .comments_wrap .btn_close {
    position: absolute;
    z-index: 1
  }

  .comments_wrap>.cmt_wrap {
    overflow-y: auto;
    padding-bottom: 0;
    height: 100%
  }

  .modal_wrap {
    overflow: auto;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translate(0, 0);
    width: 100%;
    height: 100%
  }

  .canvas-wrap {
    bottom: 30px
  }

  .widget-tooltip {
    bottom: 4px
  }

  .adpick_promotion .link_store {
    width: 360px;
    height: 615px
  }

  .aside_wrap .googleAD_wrap+div+div {
    border-top: 2px solid #f8f8f8
  }

  .bottom_bar_pc {
    display: inline-block;
    margin-bottom: 16px
  }

  .bottom_ly .ly_wrap {
    top: 50%;
    left: 50%;
    width: 450px;
    transform: translate(-50%, -50%);
    bottom: auto
  }

  .bottom_ly .ly_container {
    border-radius: 0;
    padding: 32px 28px
  }

  .ly_partners .img_share img {
    min-width: 324px
  }

  .ly_partners .img_share p {
    font-size: 17px;
    line-height: 21px
  }

  .ly_partners .btn_partners {
    font-size: 14px;
    width: 152px;
    padding: 14px
  }

  .radio_round label {
    font-size: 18px
  }

  .partners_guide {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: auto;
    z-index: 3;
    padding: 20px;
    transition: bottom .5s .5s cubic-bezier(.1, 1.2, .3, 1);
    display: block
  }

  .partners_guide__text {
    background-color: rgb(0 115 240 / 88%);
    border-radius: 24px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 24px;
    padding: 20px;
    flex-direction: column;
    position: relative;
    transition: height .5s 0s cubic-bezier(.1, 1.2, .3, 1), background-color .5s 0s cubic-bezier(.1, 1.2, .3, 1)
  }

  .partners_guide__text i {
    font-size: 27px;
    margin-bottom: 8px
  }

  .partners_guide.minimized {
    -webkit-animation: bounce 2s linear;
    animation: bounce 2s linear
  }

  .partners_guide.minimized .partners_guide__text {
    height: 92px;
    font-size: 19px;
    text-align: left;
    display: block
  }

  .partners_guide.minimized .partners_guide__text i {
    font-size: 19px
  }

  .partners_guide .ly_close {
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    background: url(/inc/svg/ico_close_24_w.svg) 8px 8px no-repeat;
    display: none
  }

  .partners_guide.minimized .ly_close {
    display: block
  }

  .partners_guide.end {
    height: auto
  }

  .box_share {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s;
    z-index: 2
  }

  .box ul li:hover .box_share {
    visibility: visible;
    opacity: 1
  }

  .box_share .partners_share_wrap {
    height: 100%;
    width: 100%;
    border-radius: 4px;
    background: linear-gradient(270deg, rgba(61, 69, 75, .16) 0, rgba(255, 255, 255, 0) 100%)
  }

  .list_news_col_2 .partners_share_wrap {
    background: linear-gradient(0deg, rgb(61 69 75 / 8%) 0, rgb(0 0 0 / 24%) 100%)
  }

  .box_share .partners_share_wrap .d_flex {
    height: 100%
  }

  .list_news .partners_share_wrap .d_flex {
    justify-content: flex-end;
    padding-right: 12px
  }

  .list_news_col_2 .partners_share_wrap .d_flex {
    justify-content: center
  }
}

</style>