/* Common */
article.window {display: none; overflow-x: hidden; overflow-y: auto; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1000; -webkit-overflow-scrolling: touch;}
article.window.active {display: block;}
article.window .container {width: 100%;}

.window-outer {display: table; width: 100%; height: 100%;}
.window-inner {display: table-cell; line-height: 0; text-align: center; vertical-align: middle;}
.window-wrapper {display: inline-block; width: 360px; background-color: #fff; line-height: normal; text-align: left;}
@media (min-width: 778px) {
  .window-wrapper {width: 290px; border-radius: 6px;}
}

section.window-header-title .close {position: absolute; right: 12px; top: 20px;}
section.window-header-title .close .item {overflow: hidden; width: 40px; height: 40px; background: transparent url('../../assets/images/common/close.png') no-repeat center center / contain; text-indent: -1000px; cursor: pointer;}
@media (min-width: 778px) {
  section.window-header-title .close {right: 6px; top: 6px;}
}


/* Account */
article.window.account {background-color: #fff;}
@media (min-width: 778px) {
  article.window.account {background-color: rgba(0, 0, 0, 0.4);}
}

article.window.account section.window-header-title .container {padding: 63px 38px 0 38px;}
article.window.account section.window-header-title h2.title .item {padding: 37px 0; text-align: center;}
article.window.account section.window-header-title h2.title p.font {color: #000; font-size: 20px; line-height: 1.2; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.account section.window-header-title h2.title p.font {font-family: 'NanumSquare-Bold';}
@media (min-width: 778px) {
  article.window.account section.window-header-title .container {padding: 30px 18px 0 18px;}
  article.window.account section.window-header-title h2.title .item {padding: 37px 0 38px 0;}
  article.window.account section.window-header-title h2.title p.font {color: #2a2a2a; font-size: 18px; line-height: 1.33;}
}

article.window.account section.window-body-account .container {padding: 51px 38px 156px 38px;}
article.window.account section.window-body-account .account > ul {list-style: none; padding: 0; margin: -4px 0;}
article.window.account section.window-body-account .account > ul > li {padding: 4px 0;}
article.window.account section.window-body-account .account > ul > li .item {padding: 16px 24px 16px 47px; background-repeat: no-repeat; background-position: 24px 12px; background-size: 24px 24px; text-align: center; cursor: pointer;}
article.window.account section.window-body-account .account > ul > li.twitter .item {background-color: #00aced; background-image: url('../../assets/images/common/sns-type02-twitter.png');}
article.window.account section.window-body-account .account > ul > li.google .item {background-color: #f44336; background-image: url('../../assets/images/common/sns-type02-google.png');}
article.window.account section.window-body-account .account > ul > li.facebook .item {background-color: #315095; background-image: url('../../assets/images/common/sns-type02-facebook.png');}
article.window.account section.window-body-account .account > ul > li.kakao .item {background-color: #ffcd00; background-image: url('../../assets/images/common/sns-type02-kakao.png');}
article.window.account section.window-body-account .account > ul > li.line .item {background-color: #00b900; background-image: url('../../assets/images/common/sns-type02-line.png');}
article.window.account section.window-body-account .account > ul > li.wechat .item {background-color: #2dc100; background-image: url('../../assets/images/common/sns-type02-wechat.png');}
article.window.account section.window-body-account .account > ul > li p.font {color: #fff; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.account section.window-body-account .account > ul > li p.font {font-family: 'NanumSquare-Bold';}
@media (min-width: 778px) {
  article.window.account section.window-body-account .container {padding: 61px 18px 65px 18px;}
  article.window.account section.window-body-account .account > ul {margin: -3px 0;}
  article.window.account section.window-body-account .account > ul > li {padding: 3px 0;}
  article.window.account section.window-body-account .account > ul > li .item {padding: 14px 16px 13px 34px; background-repeat: no-repeat; background-position: 16px 8px;}
  article.window.account section.window-body-account .account > ul > li p.font {font-size: 12px; line-height: 1.09;}
}

article.window.account section.window-footer-signIn .signIn {position: absolute; left: 0; bottom: 120px; width: 100%; line-height: 0; text-align: center;}
article.window.account section.window-footer-signIn .signIn .wrap {display: inline-block;}
article.window.account section.window-footer-signIn .signIn .wrap:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
article.window.account section.window-footer-signIn .signIn .wrap .caption {float: left;}
article.window.account section.window-footer-signIn .signIn .wrap .caption p.font {color: rgba(53, 53, 53, 0.5); font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] article.window.account section.window-footer-signIn .signIn .wrap .caption p.font {font-family: 'NanumSquare-Regular';}
article.window.account section.window-footer-signIn .signIn .wrap .button {float: left; padding-left: 6px;}
article.window.account section.window-footer-signIn .signIn .wrap .button .item {cursor: pointer;}
article.window.account section.window-footer-signIn .signIn .wrap .button p.font {color: #e6186c; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold'; text-decoration: underline;}
html[lang="ko_KR"] article.window.account section.window-footer-signIn .signIn .wrap .button p.font {font-family: 'NanumSquare-Bold';}
@media (min-width: 778px) {
  article.window.account section.window-footer-signIn .signIn {bottom: 22px;}
  article.window.account section.window-footer-signIn .signIn .wrap .caption p.font,
  article.window.account section.window-footer-signIn .signIn .wrap .button p.font {font-size: 12px; line-height: 1.09;}
}


/* Membership Terms */
article.window.membershipTerms {background-color: #fff;}
@media (min-width: 778px) {
  article.window.membershipTerms {background-color: rgba(0, 0, 0, 0.4);}
}

@media (min-width: 778px) {
  article.window.membershipTerms .window-wrapper {width: 353px;}
}

article.window.membershipTerms section.window-header-title .container {padding: 75px 16px 0 16px;}
article.window.membershipTerms section.window-header-title h2.title .item {text-align: center;}
article.window.membershipTerms section.window-header-title h2.title p.font {color: #000; font-size: 20px; line-height: 1.1; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.membershipTerms section.window-header-title h2.title p.font {font-family: 'NanumSquare-Bold';}
@media (min-width: 778px) {
  article.window.membershipTerms section.window-header-title .container {padding: 20px 22px 0 22px;}
  article.window.membershipTerms section.window-header-title h2.title .item {padding: 16px 0;}
  article.window.membershipTerms section.window-header-title h2.title p.font {color: #2a2a2a; font-size: 18px; line-height: 1.33;}
}

article.window.membershipTerms section.window-body-check.total:after {display: block; width: calc(100% - 32px); height: 1px; margin: 0 auto; background-color: #ececec; content: '';}
article.window.membershipTerms section.window-body-check .container {padding: 7px 16px 0 16px;}
article.window.membershipTerms section.window-body-check.total .container {padding: 32px 16px 21px 16px;}
article.window.membershipTerms section.window-body-check h3.title > label {display: block; position: relative;}
article.window.membershipTerms section.window-body-check h3.title > label input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
article.window.membershipTerms section.window-body-check h3.title > label .item {padding: 11px 40px 11px 0; background: transparent url('../../assets/images/common/checkbox-type01-none.png') no-repeat right center / 40px 40px;}
article.window.membershipTerms section.window-body-check h3.title > label input:checked + .item {background-image: url('../../assets/images/common/checkbox-type01-checked.png');}
article.window.membershipTerms section.window-body-check h3.title > label p.font {color: #272727; font-size: 16px; line-height: 1.13; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.membershipTerms section.window-body-check h3.title > label p.font {font-family: 'NanumSquare-Bold';}
article.window.membershipTerms section.window-body-check .container .content {padding-top: 5px;}
article.window.membershipTerms section.window-body-check .container .content .wrap {overflow: auto; height: 68px; padding: 10px 16px; background-color: #f8f8fa;}
@media (min-width: 778px) {
  article.window.membershipTerms section.window-body-check.total:after {width: calc(100% - 44px);}
  article.window.membershipTerms section.window-body-check .container {padding: 7px 22px 0 22px;}
  article.window.membershipTerms section.window-body-check.total .container {padding: 6px 22px 21px 22px;}
}

article.window.membershipTerms section.window-body-caption .container {padding: 5px 16px 0 16px;}
article.window.membershipTerms section.window-body-caption .caption .item {text-align: center;}
article.window.membershipTerms section.window-body-caption .caption p.font {color: #e6186c; font-size: 12px; line-height: 1.09; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] article.window.membershipTerms section.window-body-caption .caption p.font {font-family: 'NanumSquare-Regular';}
@media (min-width: 778px) {
  article.window.membershipTerms section.window-body-caption .container {padding: 5px 22px 0 22px;}
}

article.window.membershipTerms section.window-footer-register .container {padding: 68px 16px 20px 16px;}
article.window.membershipTerms section.window-footer-register .register .item {padding: 20px 0; border-radius: 6px; background-color: #e51a6c; text-align: center; cursor: pointer;}
article.window.membershipTerms section.window-footer-register .register p.font {color: #fff; font-size: 14px; line-height: 1.15; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.membershipTerms section.window-footer-register .register p.font {font-family: 'NanumSquare-Bold';}
@media (min-width: 778px) {
  article.window.membershipTerms section.window-footer-register .container {padding: 31px 22px 26px 22px;}
  article.window.membershipTerms section.window-footer-register .register .item {padding: 19px 0; background-color: #e6186c;}
  article.window.membershipTerms section.window-footer-register .register p.font {font-size: 15px; line-height: 1.14;}
}


/* Banner */
article.window.banner .window-wrapper {width: 290px; border-radius: 6px;}

article.window.banner section.window-body-image .image .item {overflow: hidden; height: 430px; border-radius: 6px 6px 0 0; background-color: #666; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -1000px;}
article.window.banner section.window-body-image .button {display: none; position: absolute; left: 20px; bottom: 20px; width: calc(100% - 40px);}
article.window.banner section.window-body-image .button.active {display: block;}
article.window.banner section.window-body-image .button .item {padding: 9px 50px; border-radius: 22px; text-align: center; cursor: pointer;}
article.window.banner section.window-body-image .button p.font {font-size: 16px; line-height: 1.63; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.banner section.window-body-image .button p.font {font-family: 'NanumSquare-ExtraBold';}

article.window.banner section.window-footer-close {display: block; padding: 8px 16px 8px 4px;}
@supports (display: flow-root) {article.window.banner section.window-footer-close {display: flow-root;}}
article.window.banner section.window-footer-close .container:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
article.window.banner section.window-footer-close .today {float: left;}
article.window.banner section.window-footer-close .today > label {display: block; position: relative;}
article.window.banner section.window-footer-close .today > label input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
article.window.banner section.window-footer-close .today > label .item {padding: 6px 0 7px 32px; background: transparent url('../../assets/images/common/checkbox-type02-none.png') no-repeat left center / 32px 32px;}
article.window.banner section.window-footer-close .today > label input:checked + .item {background-image: url('../../assets/images/common/checkbox-type02-checked.png');}
article.window.banner section.window-footer-close .today > label p.font {color: #aeadbb; font-size: 12px; line-height: 1.59; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] article.window.banner section.window-footer-close .today > label p.font {font-family: 'NanumSquare-Regular';}
article.window.banner section.window-footer-close .close {float: right; padding: 6px 0 7px 0;}
article.window.banner section.window-footer-close .close .item {cursor: pointer;}
article.window.banner section.window-footer-close .close p.font {color: #e94168; font-size: 13px; line-height: 1.47; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.banner section.window-footer-close .close p.font {font-family: 'NanumSquare-Bold';}


/* Vote */
article.window.vote .window-wrapper {width: 290px; border-radius: 6px;}

article.window.vote section.window-header-title .close {top: 6px; right: 6px;}

article.window.vote section.window-header-title .container {padding: 30px 27px 24px 27px;}
article.window.vote section.window-header-title h2.title .item {padding: 26px 0; text-align: center;}
article.window.vote section.window-header-title h2.title p.font {color: #2a2a2a; font-size: 18px; line-height: 1.33; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] article.window.vote section.window-header-title h2.title p.font {font-family: 'NanumSquare-Regular';}
article.window.vote section.window-header-title h2.title p.font em,
article.window.vote section.window-header-title h2.title p.font strong {font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.vote section.window-header-title h2.title p.font em,
html[lang="ko_KR"] article.window.vote section.window-header-title h2.title p.font strong {font-family: 'NanumSquare-Bold';}
article.window.vote section.window-header-title h2.title p.font strong {color: #e51a6c;}

article.window.vote section.window-body-sns:before {display: block; width: calc(100% - 54px); height: 1px; margin: 0 auto; background-color: rgba(151, 151, 151, 0.2); content: '';}
article.window.vote section.window-body-sns .container {padding: 13px 0 29px 0;}
article.window.vote section.window-body-sns h3.title {padding: 0 27px;}
article.window.vote section.window-body-sns h3.title .item {text-align: center;}
article.window.vote section.window-body-sns h3.title p.font {color: rgba(42, 42, 42, 0.68); font-size: 12px; line-height: 1.67; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] article.window.vote section.window-body-sns h3.title p.font {font-family: 'NanumSquare-Regular';}
article.window.vote section.window-body-sns .sns {padding-top: 12px; line-height: 0; text-align: center;}
article.window.vote section.window-body-sns .sns > ul {display: inline-block; list-style: none; padding: 0; margin: 0;}
article.window.vote section.window-body-sns .sns > ul:after {display: block; clear: both; height: 0; font-size: 0; line-height: 0; content: '';}
article.window.vote section.window-body-sns .sns > ul > li {float: left; padding: 0 10px;}
article.window.vote section.window-body-sns .sns > ul > li .item {overflow: hidden; width: 46px; height: 46px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; text-indent: -1000px; cursor: pointer;}
article.window.vote section.window-body-sns .sns > ul > li.twitter .item {background-image: url('../../assets/images/common/sns-type01-twitter.png');}
article.window.vote section.window-body-sns .sns > ul > li.kakao .item {background-image: url('../../assets/images/common/sns-type01-kakao.png');}
article.window.vote section.window-body-sns .sns > ul > li.line .item {background-image: url('../../assets/images/common/sns-type01-line.png');}
article.window.vote section.window-body-sns .sns > ul > li.url .item {background-image: url('../../assets/images/common/sns-type01-url.png');}

article.window.vote section.window-body-state {margin-top: -1px;}
article.window.vote section.window-body-state:before {display: block; width: calc(100% - 54px); height: 1px; margin: 0 auto; background-color: rgba(151, 151, 151, 0.2); content: '';}
article.window.vote section.window-body-state .container {padding: 1px 27px 16px 27px;}
article.window.vote section.window-body-state .state .item {padding: 14px 0; text-align: center;}
article.window.vote section.window-body-state .state p.font {color: #2a2a2a; font-size: 15px; line-height: 1.6; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] article.window.vote section.window-body-state .state p.font {font-family: 'NanumSquare-Regular';}
article.window.vote section.window-body-state .state p.font strong {color: #e51a6c; font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.vote section.window-body-state .state p.font strong {font-family: 'NanumSquare-ExtraBold';}

article.window.vote section.window-footer-vote .vote {padding: 8px 70px 8px 27px; background-repeat: no-repeat; background-position: right bottom; background-size: 70px 56px; cursor: pointer;}
article.window.vote section.window-footer-vote.charge .vote {background-color: #e51a6c; background-image: url('../../assets/images/common/window-vote-charge.png');}
article.window.vote section.window-footer-vote.free .vote {border-radius: 0 0 6px 6px; background-color: #4a91f6; background-image: url('../../assets/images/common/window-vote-free.png');}
article.window.vote section.window-footer-vote .vote .item {padding: 11px 0;}
article.window.vote section.window-footer-vote .vote p.font {color: #fff; font-size: 15px; line-height: 1.2; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] article.window.vote section.window-footer-vote .vote p.font {font-family: 'NanumSquare-Regular';}
article.window.vote section.window-footer-vote .vote p.font em {font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.vote section.window-footer-vote .vote p.font em {font-family: 'NanumSquare-Bold';}


/* Certification */
article.window.certification {background-color: #fff;}
article.window.certification .window-wrapper {width: 360px; border-radius: 0;}
@media (min-width: 778px) {
  article.window.certification {background-color: rgba(0, 0, 0, 0.4);}
}

article.window.certification section.window-header-title .close {right: 12px; top: 12px;}

article.window.certification section.window-header-title .container {padding: 30px 16px 6px 16px;}
article.window.certification section.window-header-title h2.title .item {padding: 26px 0; text-align: center;}
article.window.certification section.window-header-title h2.title p.font {color: #2a2a2a; font-size: 18px; line-height: 1.33; font-family: 'NotoSans-Regular';}
html[lang="ko_KR"] article.window.certification section.window-header-title h2.title p.font {font-family: 'NanumSquare-Regular';}
article.window.certification section.window-header-title h2.title p.font em {font-family: 'NotoSans-Bold';}
html[lang="ko_KR"] article.window.certification section.window-header-title h2.title p.font em {font-family: 'NanumSquare-Bold';}

article.window.certification section.window-body-image:before {display: block; width: calc(100% - 32px); height: 1px; margin: 0 auto; background-color: #ececec; content: '';}
article.window.certification section.window-body-image .container {padding: 24px 16px 0 16px;}
article.window.certification section.window-body-image .image {line-height: 0; text-align: center;}
article.window.certification section.window-body-image .image .item {display: inline-block; overflow: hidden; width: 200px; height: 360px; background-color: #2a2a2a; background-repeat: no-repeat; background-position: center center; background-size: cover; text-indent: -1000px;}

article.window.certification section.window-footer-download .container {padding: 45px 16px 20px 16px;}
article.window.certification section.window-footer-download .download {padding: 11px; border: 1px solid #e51a6c; border-radius: 28px; line-height: 0; text-align: center; cursor: pointer;}
article.window.certification section.window-footer-download .download .item {display: inline-block; padding: 6px 32px 7px 0; background: transparent url('../../assets/images/common/window-certification-download.png') no-repeat right center / 32px 32px;}
article.window.certification section.window-footer-download .download p.font {color: #e51a6c; font-size: 14px; line-height: 1.36; font-family: 'NotoSans-Bold';}