@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, small, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {padding:0;margin:0;font-size:100%;}
article, aside, figcaption, figure, video, audio, footer, header, hgroup, menu, nav, section {display:block;}
body, input, button, textarea, select, table {font-family:Noto Sans KR, Helvetica, sans-serif;font-size:15px;color:#17191d;}
html:lang(ja) * {font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif" !important;}
html:lang(zh_TW) * {font-family: "\5FAE\8EDF\6B63\9ED1\9AD4",Microsoft JhengHei,Arial,Helvetica,sans-serif !important;}
html:lang(th) * {font-family: Arial,sans-serif,Helvetica Neue,Helvetica !important;}
img, fieldset, button {border:0;}
li {list-style:none;}
h1, h2, h3, h4, h5, h6, p {line-height:100%;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:bold;}
a {text-decoration:none;color:#17191d;}
a:hover, a:focus, a:active {text-decoration:none;}
img {vertical-align:middle;}
table {table-layout:fixed;border-collapse:collapse;border-spacing:0;}
caption, legend {width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;visibility:hidden;}
dt {font-weight:normal;}
input {padding:0;margin:0;line-height:100%;outline:0;border:0;box-sizing:border-box;}
input[type=text]::-ms-clear {display:none;}
button, label {cursor:pointer;}
button {position:relative;background-color:transparent;outline:0;}
a, button, label, input, select, textarea {outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a:focus, a:hover {color:inherit;}
::-webkit-input-placeholder {font-size:14px;color:#c7c8cc;}
:-moz-placeholder {font-size:14px;color:#c7c8cc;}
::-moz-placeholder {font-size:14px;color:#c7c8cc;}
:-ms-input-placeholder {font-size:14px;color:#c7c8cc;}

.blind {overflow:hidden;display:block;position:absolute;left:0;top:0;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;visibility:hidden;}

html {overflow-x:hidden;overflow-y:inherit;}
html.pop-open {overflow-y:hidden;}
body {overflow:hidden;width:100%;min-width:100%;position:relative;background:#fff;word-break:break-all;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
html.not_scroll, body.not_scroll {overflow:hidden;}

.swiper-container-horizontal {overflow:hidden;}
.swiper-wrapper {width:2000%; /* for IE */width:max-content;height:100%;}
.swiper-wrapper:after {display:block;clear:both;content:"";}
.swiper-slide {overflow:hidden;position:relative;float:left;width:100%;height:100%;}
.swiper-button-disabled {opacity:0.5;}

/* layout */
#wrap {overflow-x:hidden;width:100%;min-width:320px;background-color:#f9f9f9;}
#wrap img {max-width:100%;}

#header {position:relative;width:100%;min-height:50px;box-sizing:border-box;}
#container:after {display:block;clear:both;content:"";}
#contents {position:relative;min-width:320px;max-width:750px;margin:0 auto;}
#footer {font-size:12px;background-color:#222426;text-align:center;}

/* header */
#header .fix-item {position:fixed;left:0;top:0;z-index:1001;width:100%;height:50px;background-color:inherit;}
#header .fix-item::after {display:block;clear:both;content:'';}
#header .fix-item .left {float:left;}
#header .fix-item .left .btn-gnb-toggle {display:block;z-index:1;width:50px;height:50px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-hamberger3.png) center center no-repeat;background-size:100% auto;}
#header .fix-item.key-color-bg .left .btn-gnb-toggle {background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-hamberger.png) 15px 15px no-repeat;background-size:23px auto;}
#header .fix-item .left .game-title {display:none;position:absolute;left:0;top:0;width:100%;text-align:center;}
#header .fix-item .right {float:right;}
#header .game-title a {display:block;margin:0 100px;}
#header .game-title h1 {overflow:hidden;font-weight:400;color:#fff;line-height:50px;text-overflow:ellipsis;white-space:nowrap;}
#header .game-title .logo-community {width:26px;height:26px;margin:-2px 5px 0 0;border-radius:50%;}
#header .top-bg {position:relative;height:220px;background-position:30% 0;background-size:auto 100%;background-repeat:no-repeat;}
/*#header .top-bg::after {position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 7%, rgba(0,0,0,0.1) 17%, rgba(0,0,0,0) 35%);content:'';}*/
#header .page-title {padding:12px 15px;box-shadow:0 5px 8px 0 rgba(0, 0, 0, 0.16);}
#header .page-title .game-title a {margin:0;}
#header .page-title .game-title h1 {font-size:18px;}
#header .page-title .game-title .logo-community {width:38px;height:38px;}
#header .fix-item.key-color-bg .left .game-title {display:block;}

#gnb {position:absolute;left:-100%;top:0;z-index:9999;width:100%;min-height:100vh;opacity:0;}
#gnb .bg {position:fixed;left:-100%;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;}
#gnb .inner {overflow-y:auto;position:absolute;left:-100%;top:0;width:290px;height:100%;padding-bottom:60px;background-color:#fff;box-sizing:border-box;}
#gnb.on {left:0;opacity:1;transition:opacity 0.2s;}
#gnb.on .bg {left:0;opacity:1;transition:opacity 0.2s;}
#gnb.on .inner {left:0;transition:left 0.25s;}
#gnb .top {position:relative;padding:16px 20px 20px;color:#fff;text-align:center;}
#gnb .top .btn-gnb-close {position:absolute;left:10px;top:8px;width:30px;height:30px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-close.png);background-size:30px auto;}
#gnb .top .logo-nexon {display:inline-block;width:81px;height:13px;margin-bottom:40px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/logo-nexon-gnb.png);background-size:auto 100%;text-indent:-9999px;}
#gnb .top .profile-box .btn-myprofile {display:none;margin-bottom:26px;color:#fff;}
#gnb .top .profile-box .btn-myprofile span {display:block;}
#gnb .top .profile-box .btn-myprofile .grade-icon {top:-2px;}
#gnb .top .profile-box .profile-img {width:72px;height:72px;margin-right:0;}
#gnb .top .profile-box .txt {margin-bottom:22px;font-size:14px;font-weight:lighter;line-height:1.57;}
#gnb .top .btn-login {height:32px;padding:0 18px;margin-bottom:16px;background-color:#fff;border-radius:20px;font-size:12px;line-height:1;}
#gnb .top .btn-login svg {margin-right:2px;vertical-align:text-top;}
#gnb .top.login .profile-box .btn-myprofile {display:inline-block;}
#gnb .top.login .profile-box .btn-myprofile + p {display:none;}
#gnb .top.login .btn-login {padding:0 11px;margin-bottom:0;background:transparent;border:1px solid rgba(255,255,255,0.4);font-weight:300;color:#fff;}
#gnb .top.login .btn-login svg {transform:rotate(180deg);fill:#fff;}
#gnb .top.login .btn-login span {color:#fff !important;}
#gnb .top.login .btn-login:hover, #gnb .top .btn-login:focus {background-color:#fff;opacity:1;}
#gnb .top.login .btn-login:hover svg, #gnb .top .btn-login:focus svg {fill:#17191d;}
#gnb .top.login .btn-login:hover span, #gnb .top .btn-login:focus span {color:#17191d !important;}
#gnb .top .btn-attend-box {position:relative;display:inline-block;margin-right:6px;}
#gnb .top .btn-attend-box .btn-attend {height:32px;padding:0 13px;font-size:12px;line-height:1;background-color:rgba(255,255,255,0.2);color:#fff;border-radius:20px;}
#gnb .top .btn-attend-box .btn-attend:hover {background-color:rgba(255,255,255,0.4);}
#gnb .top .btn-attend-box .btn-attend::before {display:inline-block;width:13px;height:13px;margin-right:2px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-attend.png);background-size:cover;content:"";vertical-align:-2px;}
#gnb .top .btn-attend-box .btn-attend.disabled {color:rgba(255, 255, 255, 0.3);background-color:rgba(29,29,29,0.3);}
#gnb .top .btn-attend-box .btn-attend.disabled:hover {color:rgba(255, 255, 255, 0.3);background-color:rgba(29,29,29,0.3);}
#gnb .top .btn-attend-box .btn-attend.disabled::before {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-attend-disabled.png);}
#gnb .top .btn-attend-box .attend-tooltip {position:absolute;left:0px;top:105%;padding:3.5px 8px;font-size:9px;font-weight:300;text-align:left;color:#fff;background-color:#959cbc;box-shadow:0 2px 1px 0 rgba(0,0,0,0.1);border-radius:2px;white-space:nowrap;}
#gnb .top .btn-attend-box .attend-tooltip::after {content:"";position:absolute;left:35px;top:-5px;width:0;height:0;border:6px solid transparent;border-top-width:0;border-bottom-color:#959cbc;}
#gnb .menu {padding:15px;}
#gnb .menu li a {display:block;position:relative;}
#gnb .menu .icon-box {position:absolute;right:234px;top:50%;margin-top:-13px;}
#gnb .menu .icon-box .icon-new {left:-4px;}
#gnb .menu > li {position:relative;}
#gnb .menu > li > a {padding:11px 15px 11px 32px;font-size:16px;color:#000;}
#gnb .menu > li > a .icon-img {overflow:hidden;display:block;width:24px;height:24px;text-align:center;}
#gnb .menu > li > a .icon-img img {vertical-align:text-bottom;}
#gnb .menu > li > a .tit {overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
#gnb .menu > li > .btn-toggle {position:absolute;right:0;top:0;width:30px;height:45px;}
#gnb .menu > li > .btn-toggle::before {display:block;position:absolute;right:0;top:50%;width:13px;height:1px;background-color:#17191d;content:'';}
#gnb .menu > li > .btn-toggle::after {display:block;position:absolute;right:6px;top:50%;margin-top:-6px;width:1px;height:13px;background-color:#17191d;content:'';}
#gnb .menu > li > .open + .btn-toggle::after {display:none;}
#gnb .menu .sub-depth {padding:4px 0 8px;}
#gnb .menu .sub-depth.off {display:none;}
#gnb .menu .sub-depth > li > a {padding:3px 0 3px 32px;font-size:14px;color:#737881;}
#gnb .menu .sub-depth > li > a .icon-box .icon-new {left:-2px;top:6px;}

/* footer */
#footer .select-community {position:relative;padding-top:22px;}
#footer .select-community button {height:40px;padding:0 16px 0 22px;background-color:#303234;border-radius:25px;font-size:inherit;font-weight:300;color:#f8f9fa;opacity:0.8;}
#footer .select-community button::after {display:inline-block;width:20px;height:20px;margin:-4px 0 0 4px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-arrow-select.png) 0 0 no-repeat;background-size:100% auto;vertical-align:middle;content:'';}
#footer .select-community ul {display:none;position:absolute;left:50%;bottom:50px;margin-left:-75px;}
#footer .select-community ul.on {display:block;}
#footer .select-community li {background-color:#17191d;}
#footer .select-community li a {display:block;overflow:hidden;width:150px;height:40px;padding:9px 5px;color:#fff;box-sizing:border-box;opacity:0.8;white-space:nowrap;text-overflow:ellipsis;}
#footer .select-community li a:hover {font-weight:bold;background-color:rgba(255, 255, 255, 0.1);opacity:1;}
#footer .footer-link {padding:22px 0 20px;}
#footer .footer-link a {color:#f8f9fa;font-weight:300;opacity:0.7;}
#footer .footer-link a.bold {font-weight:500;}
#footer .footer-link a.bold::before {display:inline-block;height:12px;margin:0 9px;border-left:1px solid rgba(255,255,255,0.2);vertical-align:text-bottom;content:'';}
#footer .footer-link a.cookie-policy {display:block;}
#footer .logo-nexon {margin-top:36px; line-height: normal;}
#footer .logo-nexon img {width:73px;height:26px;object-fit: contain;}
#footer .logo-nexon span {display:inline-block;vertical-align:top;margin-left:2px;height:15px;font-size: 11px; color:#626465; text-align: left;margin-top:1px;}
#footer p {padding-bottom:19px;box-sizing:border-box;font-size:11px;font-weight:lighter;color:#f8f9fa;opacity:0.3;}


/* common */
.profile-box .profile-info {display:inline-block;position:relative;margin:0 auto 12px;text-align:center;}
.profile-img {overflow:hidden;position:relative;width:100px;height:100px;margin:0 auto;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-profile.png) center center no-repeat #fff;background-size:100% auto;border:2px solid #fff;border-radius:50%;box-sizing:border-box;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.14) inset;}
.profile-img img {width:100%;height:100%;background-color:#fff;}
.top-button button {position:absolute;top:0;width:50px;height:50px;}
.top-button button::after {display:inline-block;width:20px;height:20px;margin-top:2px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-basic-black.png);background-size:auto 100%;content:'';}
.top-button button.right::after {background-position-x:-100%;}
.top-button button.left {left:0;}
.top-button button.right {right:0;}
.top-button button span {display:inline-block;width:0;height:0;text-indent:-9999px;}
.btn-search {width:50px;height:50px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-search3.png) 0 0 no-repeat;background-size:100% 100%;text-indent:-9999px;}
.key-color-bg .btn-search {background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-search.png) 11px 13px no-repeat;background-size:24px auto;}
.btn-fixed {position:fixed;right:15px;bottom:20px;z-index:999;}
.btn-fixed.on .btn-write {display:none;}
.btn-fixed button,
.btn-fixed a {display:block;width:40px;height:40px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-fixed.png);background-size:auto 100%;border-radius:50%;text-indent:-9999px;}
.btn-fixed .btn-top {margin-bottom:10px;box-shadow:0 0 7px 0 rgba(21, 22, 23, 0.13);opacity:0;}
.btn-fixed .btn-bottom {margin-bottom:10px;box-shadow:0 0 7px 0 rgba(21, 22, 23, 0.13);opacity:0;transform:rotate(180deg);}
.btn-fixed .btn-write {background-position-x:-100%;box-shadow:0 0 7px 0 rgba(21, 22, 23, 0.13);}
.btn-fixed .btn-faq {line-height:40px;color:#fff;background-image:none;text-indent:-1px;box-shadow: 0 0 7px 0 rgb(21 22 23 / 13%);}
.btn-box {margin-top:32px;text-align:center;}
.btn-box button {width:45%;max-width:138px;height:50px;margin:0 4px;border-radius:5px;color:#fff;}
.btn-box button::before {display:inline-block;position:relative;left:0;top:2px;width:16px;height:16px;margin-right:8px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-basic.png);background-size:auto 100%;content:'';}
.btn-box button.right::before {background-position-x:-100%;}
.btn-box button.left {background-color:#9fa1a7;}
.btn-box button.left:hover {background-color:#737881;}
.btn-box button.right {background-color:#000;}
.btn-camera {width:40px;height:40px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-view-camera.png) 0 0 no-repeat;background-size:100% auto;border:solid 1px #eaeaea;border-radius:50%;text-indent:-9999px;}
.btn-link {width:40px;height:40px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-link.png);background-size:100% auto;text-indent:-9999px;}
.btn-link:hover {background-position-y:-100%;}
.result-none {clear:both;padding:112px 20px 67px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-empty.png) center 67px no-repeat #fff;background-size:41px auto;font-size:12px;color:#696969;line-height:1.5em;text-align:center;}
.icon-new {position:absolute;left:-5px;top:0;width:5px;height:5px;background-color:#ff6060;border-radius:50%;}
.headline {font-weight:bold;}
.pick::before {display:inline-block;content:'';width:14px;height:15px;margin-right:5px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-pick-on.png) 0 0 no-repeat;background-size:100% auto;vertical-align:middle;}
.grade-icon {display:inline-block;position:relative;width:22px;height:15px;margin-right:3px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;vertical-align:bottom;}
.icon-exclamation {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-exclamation.png);background-size: 16px 16px;background-position: center center;position:relative;top:5px;left:5px;float:left;width:16px;height:16px;}
.icon-exclamation:active,
.icon-exclamation:hover {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-exclamation-hover.png);}
.icon-afreeca {display:block;width:18px;height:18px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/qa/console-community-view/assets/forum-web/m/icon-afreeca.png) center center no-repeat #fff;background-size:15px auto;border:1px solid #e8ebf2;border-radius:50%;}
.icon-youtube {display:block;width:18px;height:18px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/qa/console-community-view/assets/forum-web/m/icon-youtube.png) center center no-repeat #fff;background-size:15px auto;border:1px solid #e8ebf2;border-radius:50%;}
.icon-twitch {display:block;width:18px;height:18px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/qa/console-community-view/assets/forum-web/m/icon-twitch.png) center center no-repeat #fff;background-size:15px auto;border:1px solid #e8ebf2;border-radius:50%;}

.select-box {position:relative;}
.custom-select {display:block;position:relative;width:100%;height:50px;padding:0 40px 0 20px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-dropdown2.png) 96% center no-repeat;background-size:20px auto;border:1px solid #c7c8cc;border-radius:5px;box-sizing:border-box;font-size:14px;color:#747477;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.custom-select:focus {color:#17191d;}
.custom-select:disabled {opacity:0.35;}

.bread-crumb {padding:10px 15px;background-color:#fff;border-bottom:1px solid #ededed;font-size:14px;}
.bread-crumb a {color:#000;opacity:0.6;line-height:28px;}
.bread-crumb a.btn-go-home {display:inline-block;width:28px;height:28px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-home.png);background-size:100% auto;text-indent:-9999px;opacity:1;}
.bread-crumb span {margin:0 10px;font-family:Serif;font-size:12px;color:#000;line-height:28px;opacity:0.6;}

/* 썸머노트(에디터) */
.note-editor.note-frame {margin-bottom:0;border:none;box-shadow:none;}
.note-editor.note-frame .note-editing-area .note-editable {padding:12px 4%;box-sizing:border-box;}
.note-editor.note-frame .note-status-output {padding:0;}
.note-editor.note-frame .note-placeholder {padding:10px 4%;font-family:'Noto Sans KR';color:#d4d4d4;}

.main-contents h1,
.main-contents h2,
.main-contents h3,
.main-contents h4,
.main-contents h5,
.main-contents h6,
.main-contents p {line-height:normal;}
.main-contents ul li {list-style:disc;}
.main-contents ol li {list-style:decimal;}
.main-contents .survey-area li {list-style:none;}

/* for CK editor */
.main-contents h1 {font-size:24px;}
.main-contents h2 {font-size:21px;}
.main-contents h3 {font-size:18px;}
.main-contents h4 {font-size:15px;}
.main-contents h5 {font-size:12px;}
.main-contents h6 {font-size:10px;}
.main-contents small {font-size:85%;}
.main-contents code,
.main-contents kbd,
.main-contents pre,
.main-contents samp {font-family:Menlo, Monaco, Consolas, "Courier New", monospace;}
.main-contents code {padding:2px 4px;font-size:90%;color: #2f3337;background-color: #f6f6f6;border-radius:4px;}
.main-contents kbd {padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);}
.main-contents kbd kbd {padding:0;font-size:100%;font-weight:bold;box-shadow:none;}
.main-contents blockquote {font-size:inherit;}
.main-contents ul,
.main-contents ol {padding:0 0 0 18px;margin-bottom:0;}
.main-contents li {overflow:visible !important;}
.main-contents a {color:#337ab7;}
.main-contents a:focus, .main-contents a:hover {color:#23527c;text-decoration:underline;}
.main-contents img {height:auto !important;}
.main-contents {overflow-x:auto !important;}
.main-contents details > summary::before {content:'▶';margin-right:5px;}
.main-contents details[open] > summary::before {content:'▼';margin-right:5px;}

/* board common */
.box > div {display:none;margin-bottom:30px;}
.box > div.on {display:block;}
/*.box > div::after {display:block;content:'';height:1px;background-color:#eaeaea;}*/
.box h2 {padding:0 15px 15px;font-size:18px;font-weight:bold;color:#000;line-height:1.5em;}
.box .inner {overflow:hidden;}
.box .inner li .thumb {float:right;position:relative;width:92px;}
.box .inner li .thumb i {display:block;overflow:hidden;position:relative;padding-top:56.3%;border-radius:5px;}
.box .inner li .thumb img {position:absolute;left:0;top:0;width:100%;}
.box .inner li .thumb .icon-play {position:absolute;left:0;top:0;width:100%;height:100%;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-play.png) center center no-repeat rgba(1,1,1,0.2);background-size:36px auto;border-radius:5px;}
.box .inner li .link-area {position:relative;margin-bottom:10px;}
.box .inner li .link-area .key-color {overflow:hidden;display:block;margin:3px 0 5px;line-height:1.46;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;}
.box .inner li .link-area h3 {display:-webkit-box;overflow:hidden;height:3em;font-size:14px;font-weight:normal;line-height:1.43;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.box.banner .inner {overflow:hidden;position:relative;margin:0;}
.box.banner .swiper-slide a {display:block;position:relative;}
/*.box.banner .swiper-slide a::after {position:absolute;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.1) 16%, rgba(0,0,0,0) 35%);content:'';}*/
.box.banner .swiper-slide i {display:block;position:relative;padding-top:24.6%;}
.box.banner .swiper-slide img {position:absolute;left:0;top:0;width:100%;min-height:100%;}

.list-box {position:relative;margin-bottom:10px;border-bottom:1px solid #eaeaea;}
.list-box.border-none {border-bottom:none;}
.list-box .inner {border-top:1px solid #eaeaea;}
.list-box .btn-all-list {position:absolute;right:15px;top:4px;font-size:14px;font-weight:500;}
.list-box .btn-all-list::after {display:inline-block;width:14px;height:10px;margin-left:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath d='M1426.3 397.766a.909.909 0 0 0-1.286 0l-4.358 4.358-4.358-4.358a.909.909 0 0 0-1.286 1.286l5 5a.909.909 0 0 0 1.286 0l5-5a.909.909 0 0 0 .002-1.286z' transform='translate(-1412.448 -395.522)' style='fill:%23000'/%3E%3C/svg%3E") center center no-repeat;background-size:100% auto;content:'';transform:rotate(-90deg);}
.list-box ul {overflow:hidden;background-color:#fff;}
.list-box li {position:relative;padding:15px 0 15px 5px;margin:0 15px;border-top:1px solid #eaeaea;box-sizing:border-box;font-size:12px;}
.list-box li:first-child {border-top:none;}
.list-box li .writer,
.list-box li .writer a {color:#9fa1a7;}
.list-box .type-list li .thumb {margin-left:20px;}
.list-box .type-list li .thumb .icon-play {background-size:25px auto;}
.list-box .type-media {margin:10px 10px 0;background-color:transparent;}
.list-box .type-media li {float:left;width:48.6%;padding:0;margin:10px 0 0;background-color:#fff;border:solid 1px #eaeaea;}
.list-box .type-media li:nth-child(even) {float:right;}
.list-box .type-media li .link-area {float:none;margin-bottom:0;}
.list-box .type-media li .thumb {float:none;width:auto;max-width:none;margin-bottom:10px;}
.list-box .type-media li .thumb i {border-radius:0;}
.list-box .type-media li a > span {display:block;position:relative;margin:0 11px 8px;}
.list-box .type-media li .writer {overflow:hidden;display:block;margin:0 11px;white-space:nowrap;text-overflow:ellipsis;}
.list-box .type-media .article-info {height:57px;margin:0 11px 10px;}
.list-box .type-media .article-info dd span.date {display:block;padding:0;margin:0 0 4px;}
.list-box .type-media .article-info dd span.date::after {display:none;}
.list-box .type-media .article-info dd span.count-likes {margin-right:0;}
.list-box .type-media .article-info dd span.count-comment {display:block;}

.list-box .type-summary {margin-bottom:30px;background-color:transparent;}
.list-box .type-summary li {padding:20px;margin-top:10px;background-color:#fff;border:1px solid #e8ebf2;}
.list-box .type-summary li:first-child {margin-top:16px;}
.list-box .type-summary li h3 {overflow:hidden;display:block;padding-left:0;margin-bottom:12px;font-size:16px;font-weight:500;line-height:1.5em;white-space:nowrap;text-overflow:ellipsis;}
.list-box .type-summary li > a {position:relative;}
.list-box .type-summary li > div {overflow:hidden;}
.list-box .type-summary .icon-new {left:-7px;}
.list-box .type-summary .summary {overflow:hidden;display:-webkit-box;height:110px;margin:12px 0 24px;font-size:14px;color:#666;line-height:1.57em;letter-spacing:-0.5px;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.list-box .type-summary .summary.list-thumb {position:relative;}
.list-box .type-summary .summary.list-thumb img {width:100%;}
.list-box .type-summary .summary.list-thumb > .icon-play {position:absolute;left:0;top:0;width:100%;height:100%;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-play.png) center center no-repeat rgba(1,1,1,0.2);background-size:36px auto;border-radius:5px;}
.list-box .type-summary .profile-img {float:left;width:38px;height:38px;margin-right:8px;}
.list-box .type-summary .creators-info {display:flex;margin-bottom:4px;}
.list-box .type-summary .creators-grade {display:inline-block;height:18px;}
.list-box .type-summary .creators-grade img {height:100%;}
.list-box .type-summary .creators-channels {display:flex;margin-left:4px;}
.list-box .type-summary .creators-channels span {margin-right:2px;}
.list-box .type-summary .article-info {float:left;width:calc(100% - 46px);padding-left:0;line-height:1.9em;clear:initial;}
.list-box .type-summary .article-info dd.writer {width:100%;margin-bottom:4px;color:#333;}
.list-box .type-summary .article-info dd.date {display:inline-block;margin-right:7px;}
.list-box .type-summary .article-info dd.etc {display:inline-block;}
.list-box .type-summary .article-info dd > span {margin-right:7px;}
.list-box .type-summary .btn-support {display:flex;justify-content:center;align-items:center;width:100%;height:40px;margin-top:14px;background-color:#ecf5ff;font-size:14px;color:#0076ff;clear:both;}
.list-box .type-summary .btn-support:hover {background-color:#d6e9ff;}

.type-creators {position:relative;padding:24px 15px 28px;}
.type-creators .creators-top {display:flex;justify-content:space-between;margin-bottom:16px;}
.type-creators .creators-top > div {display:flex;align-items:center;}
.type-creators .creators-top .creators-title {font-size:16px;font-weight:700;color:#000;}
.type-creators .creators-top .icon-exclamation {float:none;top:0;}
.type-creators .creators-top .option {display:inline-block;}
.type-creators .creators-top .option .custom-select {width:auto;height:auto;padding:0 16px 0 0;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-dropdown.png) right center no-repeat;background-size:13px auto;border:none;box-sizing:border-box;font-weight:500;color:#17191d;}
.type-creators ul {display:grid;grid-template-columns:repeat(2, 49%);gap:8px 7px;}
.type-creators li {padding:16px 12px;background-color:#fff;border:1px solid #e8ebf2;text-align:center;}
.type-creators .creators-grade {display:block;height:20px;margin-bottom:3px;}
.type-creators .creators-grade img {height:100%;}
.type-creators .creators-name {overflow:hidden;display:block;font-size:15px;white-space:nowrap;text-overflow:ellipsis;}
.type-creators .creators-profile {width:100px;height:100px;margin:12px auto 0;}
.type-creators .creators-profile img {width:100%;min-height:100%;border-radius:50%;}
.type-creators .creators-channels {display:flex;justify-content:center;margin:-17px auto 20px;}
.type-creators .creators-channels span {width:28px;height:28px;margin:0 2px;background-size:20px auto;box-sizing:border-box;}
.type-creators .creators-count {font-size:12px;color:#8f96a3;}
.type-creators .btn-support {display:flex;justify-content:center;align-items:center;width:100%;height:40px;margin-top:20px;background-color:#ecf5ff;color:#0076ff;}
.type-creators .btn-support:hover {background-color:#d6e9ff;}
.type-creators .btn-creators-more {position:relative;width:100%;height:40px;margin-top:8px;background-color:#fff;border:1px solid #e8ebf2;color:#747a86;text-align:center;}
.type-creators .btn-creators-more::after {display:inline-block;content:'';position:relative;top:1px;width:13px;height:12px;margin-left:7px;background-image:url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 1H6v4.5H1.5v1H6V11h1V6.5h4.5v-1H7V1z' fill='%23747a86'/%3E%3C/svg%3E%0A");}
.type-creators .btn-creators-more:hover {border-color:#d2d6e0;color:#333;}
.type-creators .btn-creators-more:hover::after {background-image:url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 1H6v4.5H1.5v1H6V11h1V6.5h4.5v-1H7V1z' fill='%23333'/%3E%3C/svg%3E%0A");}

.topic-box .inner {overflow:inherit;margin:0;}
.topic-box .result-none {border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.topic-box .main-boards {overflow:hidden;}
.topic-box .main-boards > li {position:relative;height:102px;padding:14px 16px;margin:0 15px 10px 15px;background-color:#fff;border:1px solid #eaeaea;box-sizing:border-box;}
.topic-box h3 {overflow:hidden;position:relative;height:40px;font-weight:bold;color:#000;line-height:38px;text-overflow:ellipsis;white-space:nowrap;}
.topic-box h3 .icon-new {left:0;}
.topic-box h3 .icon-img {overflow:hidden;display:inline-block;width:38px;height:38px;margin-right:7px;margin-left:4px;box-sizing:border-box;text-align:center;vertical-align:top;}
.topic-box h3 .icon-img > img {vertical-align:text-bottom;}
.topic-box h3::after {display:none;width:21px;height:21px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-title.png);background-size:auto 100%;vertical-align:text-bottom;content:'';}
.topic-box a.web-link h3::after {display:inline-block;margin-left:4px;background-position-x:-100%;}
.topic-box a + p {overflow:hidden;margin-top:15px;font-size:13px;color:#9fa1a7;line-height:1.46em;text-overflow:ellipsis;white-space:nowrap;}
.topic-box .btn-go-group {display:none;position:absolute;right:16px;bottom:17px;z-index:1;padding-left:45px;background:linear-gradient(to right, rgba(255, 255,255, 0.4), rgba(255, 254,255, 1) 20%);font-size:11px;}
.topic-box .btn-go-group::before {position:absolute;left:20px;top:-4px;color:#17191d;content:'. . .';}
.topic-box .btn-go-group::after {display:inline-block;width:11px;height:9px;margin-left:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath d='M1426.3 397.766a.909.909 0 0 0-1.286 0l-4.358 4.358-4.358-4.358a.909.909 0 0 0-1.286 1.286l5 5a.909.909 0 0 0 1.286 0l5-5a.909.909 0 0 0 .002-1.286z' transform='translate(-1412.448 -395.522)' style='fill:%23000'/%3E%3C/svg%3E") center center no-repeat;background-size:100% auto;content:'';transform:rotate(-90deg);}
.topic-box .more .btn-go-group {display:block;}
.topic-box .sub-boards {overflow:hidden;height:1.46em;margin-top:10px;}
.topic-box .sub-boards li {display:inline;}
.topic-box .sub-boards li a {position:relative;font-size:13px;line-height:1.46em;}
.topic-box .sub-boards li a::after {display:inline-block;height:10px;margin:0 13px;border-right:1px solid #bebebe;content:'';}
.topic-box .sub-boards li a.web-link {position:relative;padding-right:24px;}
.topic-box .sub-boards li a.web-link::after {position:absolute;top:0;right:0;width:18px;height:100%;margin-left:0;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-target.png) 0 center no-repeat;background-size:18px auto;border-right:none;}
.topic-box .sub-boards li:last-child a:not(.web-link)::after {display:none;}
.topic-box .sub-boards li a .icon-new {left:-6px;top:2px;}
.topic-box .btn-view-all {display:none;position:relative;width:113px;height:40px;padding-right:20px;margin:15px auto 0;font-size:14px;font-weight:500;border:1px solid #d1d1d1 !important;border-radius:20px;}
.topic-box .btn-view-all.block {display:block;}
.topic-box .btn-view-all::after {position:absolute;right:18px;top:0;width:16px;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath d='M1426.3 397.766a.909.909 0 0 0-1.286 0l-4.358 4.358-4.358-4.358a.909.909 0 0 0-1.286 1.286l5 5a.909.909 0 0 0 1.286 0l5-5a.909.909 0 0 0 .002-1.286z' transform='translate(-1412.448 -395.522)' style='fill:%23000'/%3E%3C/svg%3E") center center no-repeat;background-size:100% auto;content:'';transition:all 0.5s;-webkit-transition:all 0.5s;transform-origin:center center;-webkit-transform-origin:center center;}
.topic-box .btn-view-all.on::after {transform:rotateX(180deg);-webkit-transform:rotateX(180deg);}

.sticky-box {position:relative;border-bottom:1px solid #eaeaea;}
.sticky-box .inner {background-color:#fff;border-top:1px solid #eaeaea;}
.sticky-box .swiper-wrapper {overflow:hidden;}
.sticky-box ul {overflow:hidden;}
.sticky-box li {position:relative;padding:15px;border-top:1px solid #eaeaea;box-sizing:border-box;font-size:12px;}
.sticky-box li:first-child {border-top:none;}
.sticky-box li a {display:block;}
.sticky-box .type-media li .link-area {margin-bottom:0;}
.sticky-box .type-media li .thumb {width:130px;margin-left:20px;}
.sticky-box .type-media li .article-info {display:inline-block;}
.sticky-box .type-media li .article-info dd span.date {display:block;padding:0;margin:5px 0 2px;}
.sticky-box .type-media li .article-info dd span.date::after {display:none;}
.sticky-box .controller {position:absolute;right:15px;top:0;}
.sticky-box .controller .paging {display:inline-block;position:static;width:auto;margin:0 11px;font-size:16px;color:#9fa1a7;line-height:28px;letter-spacing:-2px;}
.sticky-box .controller .paging span {display:inline;margin:0;background-color:transparent;border-radius:0;opacity:1;}
.sticky-box .controller > button {overflow:hidden;width:28px;height:28px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-arrow-paging.png);background-size:200% auto;text-indent:-9999px;}
.sticky-box .controller > button:hover {background-position-y:-100%;}
.sticky-box .controller > button.btn-next {background-position-x:-100%;}
.sticky-box .controller > button.swiper-button-disabled {opacity:1;}

.article-info {font-size:12px;color:#9fa1a7;clear:both;}
.article-info dd {line-height:1.5;}
.article-info dd > span {display:inline-block;position:relative;padding-left:20px;margin-right:10px;line-height:1.5em;}
.article-info dd > span::before {content:'';position:absolute;left:0;top:0;width:20px;height:20px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-list.png);background-size:auto 100%;opacity:0.7;}
.article-info dd span.writer {display:block;padding-left:0;margin:0 0 2px;font-size:13px;color:#707070;}
.article-info dd span.writer::before {display:none;}
.article-info dd span.date {padding:0 8px 0 0;margin-right:4px;}
.article-info dd span.date::before {display:none;}
.article-info dd span.date::after {content:'';position:absolute;top:50%;right:0;width:1px;height:10px;margin-top:-5px;background-color:#e3e3e3;}
.article-info dd span.count-read::before {}
.article-info dd span.count-likes::before {background-position-x:-100%;}
.article-info dd span.count-comment::before {background-position-x:-200%;}

.paging {position:absolute;left:0;bottom:5px;width:100%;text-align:center;}
.paging span {display:inline-block;width:8px;height:7px;margin:0 3px 0 2px;background-color:#c6c9d0;border-radius:50%;opacity:0.5;}
.paging span.swiper-pagination-bullet {text-indent:-9999px;}
.paging span.swiper-pagination-bullet-active {background-color:#fff;opacity:1;}

.main-contents, .txt-area {word-break:keep-all;word-wrap:break-word;}
html:lang(ja) .main-contents, html:lang(ja) .txt-area {word-break:initial;}

/* main */
.main #contents {padding-top:30px;}
.main .popular-box ul {margin:0 15px;}
.main .popular-box li {float:left;width:auto;padding:7px 14px;margin-right:10px;border-radius:4px;opacity:0.6;}
.main .popular-box li:hover {opacity:1;}
.main .popular-box li a {color:#fff;}
.main .section-bot .list-box {margin-bottom:10px;}
.main .iframe-wrap {position:relative;padding-top:56.3%;}
.main .iframe-wrap iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.main .banner .main-banner-box {margin-bottom:30px;}
.main .banner .main-banner-box .inner,
.main .banner .sub-banner-box .inner {margin:0 15px;border-radius:5px;}
.main .banner .event-banner-box {margin-bottom:10px;}
.main .banner .event-banner-box .swiper-slide i {padding-top:24.07%;}
.main .banner .paging span {background-color:#efeff1;}
.main .main-banner-box.add-banner {margin-bottom:11px;border-bottom:none;}
.main .main-banner-box.add-banner::after {display:none;}
/*.main .main-banner-box.add-banner .inner {margin-bottom:11px;}*/
.main .main-banner-box.add-banner + .sub-banner-box {margin-bottom:30px;}
#wrap.main .banner .sub-banner-box .inner.height-fix {height:84px;}
#wrap.main .banner .sub-banner-box .inner.height-fix .swiper-container {height:100%;}
#wrap.main .banner .sub-banner-box .inner.height-fix .swiper-slide i {height:100%;padding-top:0;}
#wrap.main .banner .sub-banner-box .inner.height-fix .swiper-slide img {left:50%;width:auto;max-width:none;height:100%;}
#wrap.main .banner .sub-banner-box .inner.height-fix.one .swiper-slide img {margin-left:-528px;}
#wrap.main .banner .sub-banner-box .inner.height-fix.two .swiper-slide img {margin-left:-259px;}

@media(min-width:519px) {
    #wrap.main .banner .sub-banner-box .inner.height-fix.two {height:auto;}
    #wrap.main .banner .sub-banner-box .inner.height-fix.two .swiper-slide i {padding-top:16.18%;}
    #wrap.main .banner .sub-banner-box .inner.height-fix.two .swiper-slide img {left:0;width:100%;max-width:100%;height:auto;min-height:100%;margin-left:0;}
}

/* 검색 */
.search-area {display:none;}
.search-area::after {display:block;content:'';height:1px;background-color:#eaeaea;}
.search-area .inner {padding:20px 15px;background-color:#fff;}
.search-area .select-box {margin-bottom:10px;}
.search-area .search-select {position:relative;margin-bottom:10px;}
/* 검색 팝업 */
.search-pop {display:none;position:fixed;left:0;top:0;z-index:10000;width:100%;min-width:320px;height:100%;background:#fff;box-sizing:border-box;}
.search-pop.on {display:block;}
.search .search-pop {display:block;height:auto;}
/* 검색 공통 */
.search-top {position:relative;height:50px;box-sizing:border-box;}
.search-top .btn-search-close {position:absolute;left:0;top:0;width:50px;height:50px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-close4.png) center center no-repeat;background-size:20px auto;text-indent:-9999px;}
.search-top .search-input {width:70%;height:50px;margin-left:50px;background-color:transparent;box-sizing:border-box;font-size:15px;font-weight:300;color:#fff;}
.search-top .search-input::-webkit-input-placeholder {font-size:15px;color:rgba(255,255,255,0.4);}
.search-top .search-input:-moz-placeholder {font-size:15px;color:rgba(255,255,255,0.4);}
.search-top .search-input::-moz-placeholder {font-size:15px;color:rgba(255,255,255,0.4);}
.search-top .search-input:-ms-input-placeholder {font-size:15px;color:rgba(255,255,255,0.4);}
.search-top .search-cancel {display:none;position:absolute;right:45px;top:50%;width:15px;height:15px;margin-top:-7px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-close2.png) no-repeat;background-size:100% auto;text-indent:-9999px;}
.search-top .search-cancel.on {display:block;}
.search-top .btn-search {position:absolute;right:0;top:0;}

/* 게시글 리스트 */
.board-list .page-title .title-box {padding:20px 15px 30px;}
.board-list .page-title .title-box h2 {padding-bottom:20px;border-bottom:1px solid #c3c3c3;font-size:18px;color:#000;line-height:1.5em;text-align:center;}
.board-list .page-title .title-box h2 .icon {display:block;overflow:hidden;width:40px;height:40px;margin:0 auto 10px;}
.board-list .page-title .title-box.title-creators {padding-bottom:22px;}
.board-list .page-title .title-box.title-creators h2 {padding-bottom:0;border-bottom:none;}
.board-list .topic-box .main-boards > li {height:auto;}
.board-list .options {padding:0 15px 10px;}
.board-list .options::after {display:block;content:'';clear:both;}
.board-list .options > div {position:relative;display:inline-block;}
.board-list .options > div .custom-select {width:auto;height:auto;padding:0 14px 0 0;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-dropdown.png) right center no-repeat;background-size:13px auto;border:none;box-sizing:border-box;font-size:15px;font-weight:500;color:#17191d;}
.board-list .options .result-info {display:none;float:left;}
.board-list .options .result-info span {font-size:16px;color:#747477;}
.board-list .options .result-info .count {color:#17191d;}
.board-list .options .bar {display:inline-block;width:1px;height:15px;margin:0 12px;background-color:#c9c9c9;}
.board-list .list-box {margin-bottom:10px;}
.board-list .creators-intro {display:flex;justify-content:space-between;align-items:center;position:relative;padding:20px 12px 20px 20px;margin:0 15px;background-color:#fff;border:1px solid #e8ebf2;}
.board-list .creators-intro p {padding-top:38px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/qa/console-community-view/assets/web/m/img-creators.png) no-repeat;background-size:150px auto;font-size:12px;color:#51555d;line-height:1.67em;}
.board-list .creators-intro a {display:block;width:30px;height:30px;background:url("data:image/svg+xml,%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='m8.072 6.965 5 5-5 5 1.414 1.414 6.414-6.415L9.486 5.55 8.072 6.965z' fill='%23333'/%3E%3C/svg%3E%0A") center center no-repeat #f7f8fd;border-radius:50%;text-indent:-9999px;}
.board-list .creators-intro a:hover {background-color:#e8ebf6;}
.board-list.search .page-title {display:none;}
.board-list.search .search-area {display:block;}
.board-list.search .options {padding:29px 15px 16px;}
.board-list.search .result-info {display:block;}
.board-list.search .headline-default {display:none;}
.board-list.search .bar {display:none;}
.board-list.search .filter-box {float:right;}

/* 글쓰기 */
.board-write #contents {background-color:#fff;}
.board-write .page-title {position:relative;height:50px;border-bottom:1px solid #eaeaea;text-align:center;}
.board-write .page-title h1 {font-size:15px;font-weight:bold;line-height:50px;}
.board-write .section-top {padding:20px 15px;border-bottom:1px solid #eaeaea;}
.board-write .select-box {margin-bottom:20px;}
.board-write input[type="text"] {width:100%;height:50px;padding-left:20px;border:1px solid #c7c8cc;border-radius:5px;box-sizing:border-box;font-size:14px;}
.board-write .tit-box .headline-box {margin-bottom:10px;}
.board-write .cont-input {border-bottom:1px solid #eaeaea;}
.board-write .editor-summernote {min-height:140px;border:none;font-size:14px;outline:none;resize:none;}
.board-write .note-editor.note-frame .note-editing-area .note-editable {height:423px;padding:20px 15px;background-color:#f9f9f9;font-size:14px;}
.board-write .note-editor.note-frame .note-editing-area .note-editable p {line-height:1.71;}
.board-write .note-editor.note-frame .note-editing-area .note-editable img.sticker {max-width:63px !important;}
.board-write .note-editor.note-frame .note-placeholder {padding:20px 15px;}
.board-write iframe {height:150px;}
/*.board-write .copyright-txt {padding:15px;font-size:12px;color:#999;line-height:1.3em;}*/
.board-write .section-mid {padding:20px 15px;}
.board-write .auto-save-txt {display:none;padding-bottom:15px;font-size:12px;color:#aaa;text-align:right;}
.board-write .hashtag-list {display:none;overflow:hidden;}
.board-write .hashtag-list.on {display:block;margin-bottom:12px;}
.board-write .hashtag-list li {float:left;position:relative;padding:6px 26px 7px 10px;margin:0 10px 8px 0;border:1px solid #eaeaea;border-radius:16px;font-size:12px;}
.board-write .hashtag-list li::before {display:inline-block;padding-right:2px;content:'#';}
.board-write .hashtag-list li .hashtag-delete {position:absolute;right:4px;top:0;width:22px;height:100%;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-close5.png) center center no-repeat;background-size:13px auto;text-indent:-9999px;opacity:0.6;}
.board-write .hashtag-hidden[type="text"] {display:block;width:100%;height:1px;padding:0;margin:0;border:none;font-size:0;line-height:0;text-indent:-9999px;}
.board-write .app-list {overflow:hidden;margin-top:10px;}
.board-write .app-list li {float:left;margin-right:6px;line-height:1em;}
.board-write .app-list li .btn-camera {opacity:0.8;}
.board-write .attachment-list {display:none;overflow-y:auto;max-height:164px;padding:15px;margin-bottom:10px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.board-write .attachment-list.on {display:block;}
.board-write .attachment-list li {position:relative;float:left;margin:0 6px 6px 0;}
.board-write .attachment-list li:nth-child(4) {margin-right:0;}
.board-write .attachment-list li.on .attachment-thumb::after {display:block;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-star.png) center center no-repeat rgba(23,25,29,0.5);background-size:25px auto;}
.board-write .attachment-list .attachment-btn {display:block;width:82px;height:82px;}
.board-write .attachment-list .attachment-thumb {overflow:hidden;display:inline-block;position:relative;height:100%;background-color:#fff;border-radius:5px;}
.board-write .attachment-list .attachment-thumb img {width:100%;min-height:100%;}
.board-write .attachment-list .attachment-delete {position:absolute;right:5px;top:5px;width:19px;height:19px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-close3.png) no-repeat;background-size:100% auto;text-indent:-9999px;}
.board-write .btn-sticker,
.board-write .btn-code {margin:0;border:solid 1px #ddd;border-radius:50%;opacity:0.8;}
.board-write .sticker-box {position:static;background-color:#fff;box-shadow:none;}
.board-write .sticker-tab {border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.board-write .sticker-tab .arrow button {background-color:#fff;}

/* 게시글 뷰 공통 */
.board-view .profile-img {float:left;width:50px;height:50px;margin-right:10px;background-size:100% auto;border:solid 1px #ededed;box-shadow:none;}
.board-view .profile-img::after {display:none;}
.board-view .btn-right-box {position:absolute;right:15px;bottom:22px;}
.board-view .btn-right-box button,
.board-view .btn-right-box select {width:22px;height:22px;text-indent:-9999px;}
.board-view .btn-right-box .btn-report {background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-report.png) 0 0 no-repeat;background-size:22px auto;opacity:0.3;}
.board-view .btn-right-box .btn-report:hover {opacity:1;}
.board-view .btn-right-box .btn-more {background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-more.png) center center no-repeat;background-size:3px auto;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.board-view .btn-like {position:relative;height:40px;padding:0 14px 0 37px;margin:0 2px;border:solid 1px #eaeaea;border-radius:20px;}
.board-view .btn-like::before {position:absolute;left:13px;top:50%;width:22px;height:22px;margin-top:-11px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-heart.png);background-size:100% auto;content:'';}
.board-view .btn-like::after {position:absolute;right:0;top:-15px;font-size:12px;color:#ff6060;content:'+1';opacity:0;}
.board-view .btn-like.on {border-color:#ff6060;font-weight:bold;color:#ff6060;}
.board-view .btn-like.on::before {background-position-y:-100%;}
.board-view .btn-like.press::before {animation:likePlusBefore 1s;}
.board-view .btn-like.press::after {animation:likePlusAfter 1s;}
.board-view .result-none {clear:both;padding:30px 0 35px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-reply2.png) center top no-repeat;background-size:24px auto;font-size:12px;color:#9fa1a7;text-align:center;}
.board-view .btn-reply-more {display:none;width:calc(100% - 30px);height:56px;margin:0 15px;border-top:1px solid #c3c3c3;font-size:14px;text-align:center;}
.board-view .btn-reply-more.on {display:block;}
/* 게시글 뷰 */
.board-view #contents {background-color:#fff;border-bottom:1px solid #eaeaea;}
.board-view .page-title {border-bottom:1px solid #eaeaea;}
.board-view .page-title .bread-crumb {background-color:transparent;}
.board-view .page-title .bread-crumb a.key-color {font-weight:bold;opacity:1;}
.board-view .page-title .title-box {position:relative;padding:26px 15px 20px;background-color:#fff;}
.board-view .page-title .title-box::after {display:block;content:'';clear:both;}
.board-view .page-title h3 {margin-bottom:10px;font-size:24px;font-weight:500;line-height:1.5em;}
.board-view .page-title h3.pick::before {width:22px;height:23px;margin-right:12px;vertical-align:initial;}
.board-view .page-title .article-info {clear:initial;padding:5px 25px 0 0;font-size:14px;}
.board-view .page-title .article-info dd > span {display:inline;}
.board-view .page-title .article-info dd span.date {padding:0;margin-right:20px;}
.board-view .page-title .article-info dd span.date::after {display:none;}
.board-view .page-title .article-info .grade-icon {top:-2px;}
/*.board-view .view-box {border-bottom:10px solid #f9f9f9;}*/
/*.board-view .view-box::after {display:block;content:'';height:1px;background-color:#eaeaea;}*/
.board-view .view-box .main-contents {overflow:hidden;position:relative;min-height:200px;padding:30px 15px 50px;}
.board-view .view-box .main-contents a {color:#337ab7;}
.board-view .view-box .main-contents a:hover {color:#23527c;text-decoration:underline;}
.board-view .view-box .main-contents p {position:relative;}
.board-view .view-box .main-contents img.sticker {max-width:63px !important;}
.board-view .view-box .main-contents .iframe-wrap {position:relative;padding-top:56.3%;}
.board-view .view-box .main-contents iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.board-view .view-box .main-contents table {width:100% !important;}
.board-view .view-box .main-contents table th,
.board-view .view-box .main-contents table td {width:auto !important;}
.board-view .view-box .main-contents .pick-box {padding:14px 16px;margin-top:20px;background-color:#eaf1ff;border-radius:5px;}
.board-view .view-box .main-contents .pick-box > p.pick {margin-bottom:0;}
.board-view .view-box .main-contents .pick-box > p.pick::before {width:18px;height:19px;vertical-align:bottom;}
.board-view .view-box .main-contents .pick-box .pick-comment {margin-top:20px;}
.board-view .view-box .main-contents .pick-box .profile-img {width:40px;height:40px;}
.board-view .view-box .main-contents .pick-box .profile-img > img {height:100% !important;}
.board-view .view-box .main-contents .pick-box .txt-area {padding-left:52px;font-size:14px;}
.board-view .view-box .main-contents .pick-box .txt-area::after {display:block;clear:both;content:'';}
.board-view .view-box .main-contents .pick-box .txt-area .writer {display:block;}
.board-view .view-box .main-contents .pick-box .txt-area .date {font-size:12px;color:#9fa1a7;}
.board-view .view-box .main-contents .pick-box .txt-area .reply-cont {margin-top:10px;}
.board-view .view-box .main-contents .pick-box .txt-area .reply-cont::after {display:block;clear:both;content:'';} /* for copy text */
.board-view .view-box .main-contents .pick-box .txt-area .reply-cont * {overflow:hidden;font-family:'Noto Sans KR', Helvetica, sans-serif !important;font-size:14px !important;line-height:1.4em !important;}
.board-view .view-box .main-contents .pick-box .txt-area .reply-cont *:not(pre, pre code, pre code span){color:#17191d !important;}
.board-view .view-box .main-contents .pick-box .txt-area .reply-cont img {display:block;max-width:82px!important;height:auto!important;margin-top:19px;border-radius:5px;}
.board-view .view-box .btn-filedown {padding-left:0;margin-top:20px;}
.board-view .view-box .btn-filedown li {margin-top:5px;list-style:none;}
.board-view .view-box .btn-filedown li:first-child {margin-top:0;}
.board-view .view-box .btn-filedown li a {display:block;position:relative;padding:15px 45px 15px 41px;background-color:#f9f9f9;border-radius:4px;color:#17191d;}
.board-view .view-box .btn-filedown li a::before {position:absolute;left:15px;top:50%;width:20px;height:20px;margin-top:-10px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-file.png);background-size:100% auto;content:'';}
.board-view .view-box .btn-filedown li a::after {position:absolute;right:15px;top:50%;width:24px;height:24px;margin-top:-12px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-down.png);background-size:100% auto;opacity:0.4;content:'';}
.board-view .view-box .btn-filedown li a:hover::after {opacity:1;}
.board-view .view-box .hashtag {padding:0 15px 20px;}
.board-view .view-box .hashtag li {display:inline-block;}
.board-view .view-box .hashtag button {padding:6px 10px;margin:6px 6px 0 0;border:solid 1px #eaeaea;border-radius:16px;font-size:12px;}
.board-view .view-box .hashtag button:hover {background-color:#eaeaeb;}
.board-view .view-box .share {position:relative;padding:20px 0;margin:0 15px;border-top:1px solid #eaeaea;text-align:center;}
.board-view .view-box .share button {vertical-align:middle;}
.board-view .view-box .share .btn-url-copy {margin:0 2px;}
.board-view .view-box .share #urlCopy {display:block;position:absolute;left:-99999px;top:0;}
/* 댓글 */
/*.board-view .reply-box {border-bottom:1px solid #eaeaea;}*/
/*.board-view .reply-box::after {display:block;content:'';height:1px;background-color:#eaeaea;}*/
.board-view .reply-area {padding:10px 15px 30px;}
.board-view .total {position:relative;padding-left:20px;font-size:14px;font-weight:500;line-height:1.25;}
.board-view .total::before {position:absolute;left:0;top:0;width:14px;height:100%;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-reply.png) left center no-repeat;background-size:100% auto;content:'';}
.board-view .total span {vertical-align:middle;}
.board-view .total .key-color {font-size:16px;font-weight:bold;}
.board-view .reply-wrap {margin-top:12px;}
.board-view .reply-input {border-top-width:2px;border-top-style:solid;background-color:#f9f9f9;}
.board-view .reply-input .note-placeholder,
.board-view .reply-input input[type="text"] {width:100%;padding:15px 20px;box-sizing:border-box;}
.board-view .reply-input .nologin-disabled {background-color:#f9f9f9;}
.board-view .note-editor.note-frame {background-color:#f9f9f9;}
.board-view .note-editor.note-frame .note-attachments {padding:0 10px;}
.board-view .note-editor.note-frame .note-editing-area .note-editable {height:93px;padding:15px 20px;background-color:#f9f9f9;}
.board-view .note-editor.note-frame .note-editing-area .note-editable img {max-width:82px !important;}
.board-view .note-editor.note-frame .note-editing-area .note-editable img.sticker {max-width:63px !important;}
.board-view .note-editor.note-frame .removable-item {}
.board-view .note-editor.note-frame .removable-item img.attachment {width:82px;height:82px;border-radius:5px;}
.board-view .note-editor.note-frame .removable-item .btn-attachment-delete {position:absolute;right:16px;top:16px;width:19px;height:19px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-close.png) 0 0 no-repeat rgba(0, 0, 0, 0.4);background-size:100% auto;border-radius:50%;text-indent:-9999px;}
.board-view .reply-input .reply-btn {position:relative;}
.board-view .reply-input .reply-btn > div:first-child {padding:5px 15px 5px 16px;}
.board-view .reply-input .reply-btn .input-wrap {display:inline-block;position:relative;vertical-align:middle;}
.board-view .reply-input .reply-btn #imgInputWrap {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;}
.board-view .reply-input .reply-btn #imgInput {border:none;outline:0;}
.board-view .reply-input .reply-btn #imgInput:hover {background-position-y:100%;}
.board-view .reply-input .reply-btn .btn-reply-reg {float:right;width:32px;height:32px;margin-top:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cdefs%3E%3Cstyle%3E .cls-2%7Bfill:none;stroke:%23fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:1.5px%7D %3C/style%3E%3C/defs%3E%3Cg transform='translate(0)'%3E%3Crect width='32' height='32' fill='%23000' rx='5' transform='translate(0)'/%3E%3Cg transform='translate(10.758 10.058)'%3E%3Cpath d='M867.38 322.287l-13.2-5.942 2.641 5.942-2.641 5.942z' class='cls-2' transform='translate(-854.176 -316.345)'/%3E%3Cpath d='M0 0L8.412 0' class='cls-2' transform='translate(2.828 5.942)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.board-view .reply-input .reply-btn .btn-reply-reg:hover {opacity:0.8;}
.board-view .reply-list .filter-box {display:none;margin:0 0 14px 15px;}
.board-view .reply-list .filter-box.on {display:block;}
.board-view .reply-list .filter-box .custom-select {width:auto;min-width:75px;height:auto;padding:0 14px 0 0;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-dropdown.png) right center no-repeat;background-size:13px auto;border:none;font-size:13px;font-weight:500;color:#17191d;}
.board-view .reply-list li {padding:0 15px;}
.board-view .reply-list li.my-comment > div {background-color:#f9f9f9;}
.board-view .reply-list li > div {position:relative;padding:20px 10px;border-top:1px solid #eaeaea;}
.board-view .reply-list li > div::after {display:block;clear:both;content:'';}
.board-view .reply-list li:first-child > div {border-color:#c3c3c3;}
.board-view .reply-list li:last-child {margin-bottom:26px;}
.board-view .reply-list li .profile-img {width:40px;height:40px;margin-right:12px;}
.board-view .reply-list li .txt-area {padding-left:52px;font-size:14px;}
.board-view .reply-list li .txt-area::after {display:block;clear:both;content:'';}
.board-view .reply-list li .txt-area .writer {display:block;}
.board-view .reply-list li .txt-area .writer .grade-icon {top:-1px;}
.board-view .reply-list li .txt-area .date {font-size:12px;color:#9fa1a7;}
.board-view .reply-list li .txt-area .reply-cont {margin:10px 0 20px;}
.board-view .reply-list li .txt-area .reply-cont::after {display:block;clear:both;content:'';} /* for copy text */
.board-view .reply-list li .txt-area .reply-cont * {overflow:hidden;font-family:'Noto Sans KR', Helvetica, sans-serif !important;font-size:14px !important;line-height:1.4em !important;}
.board-view .reply-list li .txt-area .reply-cont *:not(pre, pre code, pre code span) {color:#17191d !important;}
.board-view .reply-list li .txt-area .reply-cont img {max-width:82px !important;height:auto!important;border-radius:5px;}
.board-view .reply-list li .txt-area .reply-cont img.sticker {max-width:63px !important;}
.board-view .reply-list li .txt-area .btn-rereply {height:32px;padding-left:39px;font-size:12px;color:#9fa1a6;}
.board-view .reply-list li .txt-area .btn-rereply::before {position:absolute;left:0;top:0;width:33px;height:32px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-arrow-reply.png) 0 0 no-repeat;background-size:100% auto;content:'';}
.board-view .reply-list li .txt-area .btn-rereply:hover {color:#17191d;}
.board-view .reply-list li .txt-area .btn-rereply:hover::before {background-position-y:100%;}
.board-view .reply-list li .txt-area .btn-like {float:right;height:32px;padding:0 15px 0 30px;margin:0;font-size:12px;}
.board-view .reply-list li .txt-area .btn-like::before {left:11px;width:18px;height:18px;margin-top:-8px;}
.board-view .reply-list li .txt-area .btn-reply-pick {float:right;width:32px;height:32px;margin-right:5px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-pick-off.png) center center no-repeat;background-size:15px auto;border:1px solid #eaeaea;border-radius:50%;}
.board-view .reply-list li .txt-area .btn-reply-pick.on {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-pick-on.png);background-size:13px auto;border-color:#3077ff;}
.board-view .reply-list li .txt-area .pick-tooltip {position:absolute;right:0;bottom:67px;z-index:1;padding:15px 12px;background-color:#fff;border:solid 1px #eaeaea;box-shadow:0 5px 6px 0 rgba(0, 0, 0, 0.1);font-size:13px;line-height:1.46;}
.board-view .reply-list li .txt-area .pick-tooltip::after {content:'';position:absolute;right:77px;bottom:-7px;width:0;height:0;border:7px solid transparent;border-bottom-width:0;border-top-color:#fff;}
.board-view .reply-list li .txt-area .pick-tooltip p {display:inline;}
.board-view .reply-list li .txt-area .pick-tooltip i::before {width:13px;height:14px;margin-right:0;}
.board-view .reply-list li .txt-area .pick-tooltip .pick-close {margin-left:5px;width:15px;height:15px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-close5.png);background-size:100% auto;text-indent:-9999px;vertical-align:middle;opacity:0.6;}
.board-view .reply-list li .btn-right-box {top:20px;right:10px;bottom:initial;}
.board-view .reply-list li.depth2 > div {padding-left:40px;}
.board-view .reply-list li.depth2 .profile-img {width:32px;height:32px;}
.board-view .reply-list li.depth2 .txt-area {padding-left:44px;}
.board-view .reply-list li.reply-delete {color:#9fa1a7;}
.board-view .reply-list li.reply-delete > div {padding:12px 10px 12px 19px;font-size:14px;}
.board-view .reply-list li.reply-delete.depth2 > div {padding-left:70px;}
.board-view .reply-list li.reply-delete.depth2 > div::before {position:absolute;left:34px;top:50%;width:33px;height:32px;margin-top:-16px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-arrow-reply.png) 0 100% no-repeat;background-size:100% auto;content:'';opacity:0.2;}
/* 댓글 권한 - admin/none */
.board-view.authority-admin .reply-input,
.board-view.authority-admin .reply-none {display:none;}
.board-view.authority-none .reply-box {display:none;}
/* 답글쓰기 */
.board-view .reply-wrap.on {position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;margin-top:0;background-color:#fff;}
.board-view .reply-wrap.on .add h4 {padding:17px 0;border-bottom:1px solid #eaeaea;text-align:center;}
.board-view .reply-wrap.on .add .btn-close {position:absolute;left:0;top:0;width:50px;height:50px;}
.board-view .reply-wrap.on .add .reply-list li {background-color:#f9f9f9;}
.board-view .reply-wrap.on .add .reply-list li > div {border-top:none;}
.board-view .reply-wrap.on .reply-input {position:absolute;left:0;bottom:0;width:100%;}
.board-view .reply-wrap.on .sticker-box {position:static;}
/* 최신글/다음글 리스트 */
.board-view .section-more .box.banner > div {margin:10px 0;}
.board-view .section-more .list-box {border-bottom:none;}
.board-view .section-more .list-box h2 {padding:30px 55px 15px 17px;line-height:1.5;}
.board-view .section-more .list-box .btn-write {position:absolute;right:15px;top:23px;width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'19\' height=\'18\'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:none%7D.cls-2%7Bfill:%23737881%7D %3C/style%3E%3C/defs%3E%3Cg id=\'write_ico\' transform=\'translate(-.281 .194)\'%3E%3Cpath class=\'cls-1\' transform=\'translate(1.281 -.194)\' d=\'M0 0h18v18H0z\'/%3E%3Cg transform=\'translate(.379 .631)\'%3E%3Cg%3E%3Cpath class=\'cls-1\' transform=\'translate(-.098 .175)\' d=\'M0 0h17v17H0z\'/%3E%3Cpath data-name=\'Icon awesome-pen\' class=\'cls-2\' d=\'m8.225 2.638 3.622 3.622-7.865 7.865-3.229.356a.679.679 0 0 1-.753-.75L.363 10.5l7.862-7.862zm5.862-.538L12.386.4a1.359 1.359 0 0 0-1.921 0L8.865 2l3.622 3.62 1.6-1.6a1.359 1.359 0 0 0 0-1.921z\' transform=\'translate(.733 1.22)\'/%3E%3C/g%3E%3Crect class=\'cls-2\' width=\'10\' height=\'2\' rx=\'1\' transform=\'translate(7.902 14.175)\'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center center no-repeat #fff;background-size:19px auto;border:1px solid #eaeaea;border-radius:4px;}
.board-view .section-more .list-box .btn-write:hover {opacity:0.8;}
.board-view .section-more .list-box .inner {min-height:auto;}
.board-view .section-more .list-box .swiper-wrapper {overflow:hidden;background-color:#fff;border-bottom:1px solid #eaeaea;}
.board-view .section-more .list-box li {margin:0 15px;}
.board-view .section-more .list-box li .link-area h3:hover {text-decoration:underline;}
.board-view .section-more .list-box .paging {position:relative;bottom:0;padding-top:7px;}
.board-view .section-more.creators-more .list-box {margin-top:20px;}
.board-view .section-more.creators-more .list-box .inner {border-top:none;}
.board-view .section-more.creators-more .list-box .swiper-wrapper {background-color:transparent;border-bottom:none;}
.board-view .section-more.creators-more .list-box ul {margin-top:0;}
.board-view .section-more.creators-more .list-box li {padding:20px;margin-top:0;}
.board-view .section-more.creators-more .list-box li dd.writer {float:left;}
.board-view .section-more.creators-more .paging-box {display:flex;justify-content:center;align-items:center;padding-top:12px;}
.board-view .section-more.creators-more .paging-box div {display:inline-block;}
.board-view .section-more.creators-more .paging {width:auto;padding:0 6px;color:#a1a7b5;line-height:32px;}
.board-view .section-more.creators-more .paging span {display:initial;margin:0;background-color:transparent;border-radius:0;opacity:1;}
.board-view .section-more.creators-more .paging .swiper-pagination-current {color:#0076ff;}
.board-view .section-more.creators-more .swiper-button-prev {width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m3.854 7.465 5.6 6.3 1.046-.93L5.313 7 10.5 1.165 9.454.235l-5.6 6.3a.7.7 0 0 0 0 .93z' fill='%23A1A7B5'/%3E%3C/svg%3E%0A") center center no-repeat;}
.board-view .section-more.creators-more .swiper-button-next {width:32px;height:32px;background:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m10.323 7.465-5.6 6.3-1.046-.93L8.863 7 3.677 1.165l1.046-.93 5.6 6.3a.7.7 0 0 1 0 .93z' fill='%23A1A7B5'/%3E%3C/svg%3E%0A") center center no-repeat;}
.board-view .section-more.creators-more .swiper-button-prev:hover,
.board-view .section-more.creators-more .swiper-button-next:hover {background-color:#e8ebf2;}
/* 설문 */
.board-view .view-box .survey-area .survey-list {overflow-x:auto !important;}
.board-view .view-box .survey-area .survey-list.period-end .answer label {opacity:0.4;}
.board-view .view-box .survey-area .survey-list > div {margin-top:30px;}
.board-view .view-box .survey-area .question {margin-bottom:15px;font-weight:bold;}
.board-view .view-box .survey-area .answer {padding-left:0;}
.board-view .view-box .survey-area .answer li {position:relative;padding:14px 20px;margin-top:10px;background-color:#f9f9f9;border-radius:5px;}
.board-view .view-box .survey-area .answer li:first-child {margin-top:0;}
.board-view .view-box .survey-area .answer input {position:absolute;left:0;top:0;opacity:0;}
.board-view .view-box .survey-area .answer input:checked + label::after {display:block;}
.board-view .view-box .survey-area .answer input[type="radio"] + label::before,
.board-view .view-box .survey-area .answer input[type="radio"] + label::after {border-radius:50%;}
.board-view .view-box .survey-area .answer label {display:block;position:relative;width:100%;padding-left:27px;box-sizing:border-box;font-size:14px;font-weight:normal;line-height:1.6em;}
.board-view .view-box .survey-area .answer label::before {position:absolute;left:0;top:50%;width:22px;height:22px;margin-top:-11px;border:1px solid #c7c8cc;content:'';}
.board-view .view-box .survey-area .answer label::after {display:none;position:absolute;left:5px;top:50%;width:12px;height:12px;margin-top:-6px;content:'';}
.board-view .view-box .survey-area .answer .survey-etc {padding:7px;margin-top:15px;background-color:#fff;border:none;border-radius:0;}
.board-view .view-box .survey-area .answer.essay {height:126px;padding:14px 15px;background-color:#f9f9f9;border:none;}
.board-view .view-box .survey-area textarea {width:100%;border-radius:5px;box-sizing:border-box;resize:none;outline:none;}
.board-view .view-box .survey-area textarea:disabled {background-color:#f9f9f9;opacity:0.6;}
.board-view .view-box .survey-area .btn-survey {display:block;width:100%;height:50px;margin-top:10px;background-color:#17191d;border-radius:5px;font-size:16px;color:#fff;}
.board-view .view-box .survey-area .btn-survey.off {background-color:#cecccd;}
.board-view .view-box .main-contents .survey-complete {padding-top:180px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-done.png) center 43px no-repeat;background-size:142px auto;font-size:14px;color:#696969;text-align:center;line-height:1.57;}
.board-view .view-box .main-contents .survey-complete strong {display:block;font-size:18px;font-weight:bold;color:#17191d;}
/* 신고하기 */
.report {display:none;overflow-y:auto;position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;background-color:#fff;box-sizing:border-box;}
.report.on {display:block;}
.report .top {position:relative;height:50px;border-bottom:1px solid #eaeaea;text-align:center;}
.report .top h2 {font-size:15px;font-weight:bold;line-height:50px;}
.report .bottom {max-width:750px;}
.report .report-note {position:relative;z-index:1;padding:14px 15px 13px 35px;background-color:#f2f8ff;font-size:12px;color:#075bbe;line-height:1.5;}
.report .report-note::before {position:absolute;left:15px;top:50%;width:14px;height:14px;margin-top:-7px;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cg transform='rotate(180 7 7)'%3E%3Ccircle fill='%23075bbe' cx='7' cy='7' r='7'/%3E%3Cpath fill='%23fff' d='M6 3h2v5H6zM6 9h2v2H6z'/%3E%3C/g%3E%3C/svg%3E");content:'';}
.report .report-box {padding:0 15px 25px;}
.report .report-box dl {padding-top:25px;}
.report .report-box dt {margin-bottom:10px;font-weight:500;}
.report .report-box dd {font-size:14px;color:#747477;}
.report .etc-input {display:none;width:100%;min-height:160px;padding:20px;background-color:#f9f9f9;border:none;border-top:1px solid #eaeaea;box-sizing:border-box;font-size:14px;line-height:1.57;resize:none;}
.report .etc-input.on {display:block;}

/* 프로필 */
.profile .icon-setting {position:absolute;right:0;bottom:0;width:29px;height:29px;background-position:center center;background-repeat:no-repeat;background-color:#fff;background-size:12px auto;border:1px solid #eaeaea;border-radius:50%;box-sizing:border-box;text-indent:-9999px;}
.profile .section-top .key-color-bg {height:180px;}
.profile .section-top .profile-box {min-height:180px;margin:94px 15px 40px;background-color:#fff;border-radius:5px;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.16);text-align:center;}
.profile .section-top .profile-box .profile-info {margin:-64px auto 15px;}
.profile .section-top .profile-box .btn-setting {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239fa1a7' viewBox='0 0 8.5 8.5'%3E%3Cpath d='M4.827 1.547l2.125 2.126-4.615 4.614-1.894.212a.4.4 0 01-.442-.442l.211-1.9 4.615-4.61zm3.44-.316l-1-1a.8.8 0 00-1.127 0l-.939.941 2.127 2.127.939-.939a.8.8 0 000-1.127z'/%3E%3C/svg%3E");}
.profile .profile-box .profile-name {display:block;font-size:18px;font-weight:bold;}
.profile .profile-box .profile-name .grade-icon {top:-3px;width:27px;height:16px;margin-right:4px;}
.profile .profile-box .date {font-size:12px;color:#9fa1a7;}
.profile .profile-box .btn-grade-history {position:relative;padding-left:24px;font-size:12px;color:#9fa1a7;}
.profile .profile-box .btn-grade-history::before {position:absolute;left:12px;top:50%;width:1px;height:13px;margin-top:-7px;background-color:#737881;content:'';opacity:0.2;}
.profile .profile-box .game-info {margin:7px 10px 0;}
.profile .profile-box .game-info dd span {display:inline-block;position:relative;padding-left:11px;margin-left:11px;font-size:13px;}
.profile .profile-box .game-info dd span::before {content:'';position:absolute;bottom:2px;left:0;width:1px;height:14px;margin-top:-7px;background:#737881;opacity:0.2;}
.profile .profile-box .game-info dd span.game-nickname {padding-left:0;margin-left:0;}
.profile .profile-box .game-info dd span.game-nickname::before {display:none;}
/*.profile .profile-box .badge-box {display:none;position:relative;margin:25px 0 0;}*/
/*.profile .profile-box .badge-box.on {display:block;}*/
/*.profile .profile-box .badge-box.more .inner {overflow:initial;height:auto;}*/
/*.profile .profile-box .badge-box.more .badge-more {color:#17191d;}*/
/*.profile .profile-box .badge-box.more .badge-more::after {border-top-color:#17191d;transform:rotateX(180deg);}*/
/*.profile .profile-box .badge-box .inner {overflow:hidden;height:20px;margin:0 22px;}*/
/*.profile .profile-box .badge-box ul {display:flex;flex-wrap:wrap;justify-content:center;}*/
/*.profile .profile-box .badge-box li {overflow:hidden;width:20px;height:20px;margin:0 2px 5px 3px;}*/
/*.profile .profile-box .badge-box li img {vertical-align:top;}*/
/*.profile .profile-box .badge-box .badge-more {display:none;width:100%;height:42px;margin-top:20px;border-top:1px solid #eaeaea;font-size:13px;color:#9b9b9b;text-align:center;}*/
/*.profile .profile-box .badge-box .badge-more::after {content:'';position:relative;left:2px;top:12px;width:0;height:0;border:4px solid transparent;border-bottom-width:0;border-top-color:#9b9b9b;transition:all 0.5s;}*/
/*.profile .profile-box .badge-box .badge-more.on {display:block;}*/
.profile .profile-box .etc-info {overflow:hidden;padding:12px 15px 11px;margin-top:20px;background-color:#efefef;border-top:1px solid #eaeaea;border-radius:0 0 5px 5px;}
.profile .profile-box .etc-info.margin-none {margin-top:0;}
.profile .profile-box .etc-info .left {float:left;width:49%;border-right:1px solid rgba(115,120,129,0.2);}
.profile .profile-box .etc-info .right {float:right;width:50%;}
.profile .profile-box .etc-info dt {font-size:13px;font-weight:500;color:#000;}
.profile .profile-box .etc-info dd {font-size:16px;font-weight:bold;}
.profile .section-bot .tab-box {display:block;margin:0 15px;border-bottom:none;}
.profile .section-bot .tab-box ul {overflow:hidden;}
.profile .section-bot .tab-box li {float:left;margin-right:15px;}
.profile .section-bot .tab-box li button {padding:14px 5px;border-bottom:2px solid transparent;font-weight:500;}
.profile .section-bot .tab-box li button.on {color:#000;}
.profile .icon-info {width:14px;height:14px;margin:-1px 0 0 30px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-info.png);background-size:100% auto;text-indent:-9999px;vertical-align:middle;}
.profile .icon-info.btn-info1::before {position:absolute;left:-20px;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#737881;opacity:0.2;content:"";}
.profile .icon-info.btn-info1::after {position:absolute;left:-12px;top:50%;width:5px;height:1px;background-color:#737881;opacity:0.3;content:"";}
.profile .mod-info {margin:10px 0 15px;font-size:13px;}
.profile .mod-info span:nth-child(1)::after {display:inline-block;height:10px;margin:0 10px;border-right:1px solid #eaeaea;content:"";}
.profile .mod-info span:nth-child(1).not-slash::after {display:none;}
.profile .mod-info span:nth-child(2) {position:relative;}
.profile .mod-info .btn-edit-job {overflow:hidden;width:30px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239fa1a7' viewBox='0 0 8.5 8.5'%3E%3Cpath d='M4.827 1.547l2.125 2.126-4.615 4.614-1.894.212a.4.4 0 01-.442-.442l.211-1.9 4.615-4.61zm3.44-.316l-1-1a.8.8 0 00-1.127 0l-.939.941 2.127 2.127.939-.939a.8.8 0 000-1.127z'/%3E%3C/svg%3E") center center no-repeat;background-color:#fff;background-size:14px auto;text-indent:-9999px;}
.profile .mod-link a {padding:7px 35px;margin:0 3px;font-size:12px;border:1px solid;border-radius:4px;}
.profile .mod-link a:hover {color:#fff !important;}

/* 프로필 설정 */
#profileEditPop .pop-tit {margin-bottom:25px;}
#profileEditPop .pop-tit .btn-info2 {display:none;margin:-3px 0 0 0px;}
#profileEditPop .pop-tit .btn-info2.on {background-position-y:-100%;}
#profileEditPop .pop-tit .btn-info2.block {display:inline-block;}
#profileEditPop .info-txt {display:none;position:absolute;left:50%;top:57px;z-index:1;width:305px;padding:10px;margin-left:-152px;background-color:rgba(23,25,29,0.9);box-sizing:border-box;text-align:left;}
#profileEditPop .info-txt.on {display:block;}
#profileEditPop .info-txt::before {content:'';position:absolute;left:240px;top:-7px;width:0;height:0;border:7px solid transparent;border-top-width:0;border-bottom-color:rgba(23,25,29,0.9);}
html:lang(ja) #profileEditPop .info-txt::before {content:'';position:absolute;left:222px;top:-7px;width:0;height:0;border:7px solid transparent;border-top-width:0;border-bottom-color:rgba(23,25,29,0.9);}
html:lang(ko) #profileEditPop .info-txt::before {content:'';position:absolute;left:196px;top:-7px;width:0;height:0;border:7px solid transparent;border-top-width:0;border-bottom-color:rgba(23,25,29,0.9);}
html:lang(th) #profileEditPop .info-txt::before {content:'';position:absolute;left:220px;top:-7px;width:0;height:0;border:7px solid transparent;border-top-width:0;border-bottom-color:rgba(23,25,29,0.9);}
html:lang(zh_TW) #profileEditPop .info-txt::before {content:'';position:absolute;left:188px;top:-7px;width:0;height:0;border:7px solid transparent;border-top-width:0;border-bottom-color:rgba(23,25,29,0.9);}
#profileEditPop .info-txt p {margin-left:7px;font-size:11px;font-weight:lighter;color:#fff;text-indent:-7px;}
#profileEditPop .info-txt p:first-child {margin-bottom:6px;}
#profileEditPop .info-txt p::before {content:'•';margin-right:3px;}
#profileEditPop .profile-box .profile-info {margin-bottom:12px;}
#profileEditPop .profile-box .profile-info .profile-img {width:118px;height:118px;}
#profileEditPop .profile-box .profile-info .btn-camera {right:-5px;width:34px;height:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 37'%3E%3Cpath fill='%239fa1a7' d='M20.75 11.928h-4.5l-1.373 1.546h-2.379a1.528 1.528 0 00-1.5 1.546v8.5a1.528 1.528 0 001.5 1.546h12a1.528 1.528 0 001.5-1.546v-8.5a1.528 1.528 0 00-1.5-1.546H22.12z'/%3E%3Cpath fill='%239fa1a7' d='M18.551 15.388a3.46 3.46 0 11-3.46 3.46 3.46 3.46 0 013.46-3.46z'/%3E%3Cpath fill='%23fff' d='M18.551 16.588a2.263 2.263 0 00-2.26 2.26 2.263 2.263 0 002.26 2.26 2.263 2.263 0 002.26-2.26 2.263 2.263 0 00-2.26-2.26m0-1.2a3.46 3.46 0 11-.001 6.921 3.46 3.46 0 01.001-6.921z'/%3E%3C/svg%3E");background-size:34px auto;}
#profileEditPop .profile-box .badge-setting {display:none;position:relative;margin-top:6px;text-align:center;}
#profileEditPop .profile-box .badge-setting.on {display:block;}
#profileEditPop .profile-box .badge-setting .btn-badge-open {position:relative;padding-right:15px;font-size:12px;}
#profileEditPop .profile-box .badge-setting .btn-badge-open::after {content:'';position:absolute;right:0;top:8px;width:0;height:0;border:4px solid transparent;border-bottom-width:0;border-top-color:#333;transition:all 0.5s;}
#profileEditPop .profile-box .badge-setting .btn-badge-open.on::after {transform:rotateX(180deg);}
#profileEditPop .profile-box .badge-setting .btn-badge-open.on + .badge-list {display:block;}
#profileEditPop .profile-box .badge-setting .badge-list {display:none;position:absolute;left:50%;top:23px;z-index:1;width:152px;height:214px;padding:14px;margin-left:-76px;background-color:#fff;border-radius:4px;box-shadow:0 0 8px 0 rgba(0,0,0,0.16);box-sizing:border-box;}
#profileEditPop .profile-box .badge-setting .badge-list ul {display:flex;flex-wrap:wrap;}
#profileEditPop .profile-box .badge-setting .badge-list li {overflow:hidden;width:50px;height:50px;margin:6px;}
#profileEditPop .profile-box .badge-setting .badge-list li:hover {margin:4px;border:2px solid #0c77ff;box-shadow:3px 5px 6px 0 rgba(0,0,0,0.2);}
#profileEditPop .profile-box .badge-setting .badge-list li button {width:50px;height:50px;background-size:100% auto;}
#profileEditPop p {font-size:12px;font-weight:300;color:#9fa1a7;line-height:1.5;}
#profileEditPop p.msg {padding-left:20px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-error.png) left 2px no-repeat;background-size:14px auto;color:#ff6060;text-align:left;}
#profileEditPop .nick-input {position:relative;margin:24px 0 5px;}
#profileEditPop .nick-input input {width:100%;height:50px;padding:0 20px;border:solid 1px #c7c8cc;border-radius:5px;font-size:14px;letter-spacing:-0.35px;}
#profileEditPop .nick-input input::-webkit-input-placeholder {color:#747477;}
#profileEditPop .nick-input input:-moz-placeholder {color:#747477;}
#profileEditPop .nick-input input::-moz-placeholder {color:#747477;}
#profileEditPop .nick-input input:-ms-input-placeholder {color:#747477;}
#profileEditPop .nick-input input.warning {border-color:#ff6060;}
#profileEditPop .nick-input .btn-delete {display:none;position:absolute;right:10px;top:50%;width:15px;height:15px;margin-top:-7px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-close.png) no-repeat rgba(181,181,181,0.5);background-size:100% auto;border-radius:50%;text-indent:-9999px;}
#profileEditPop .nick-input .btn-delete.on {display:block;}
.edit-job-pop h2 + p {margin-bottom:10px;text-align:left;}

/* pop */
.pop {display:none;overflow-y:auto;position:fixed;left:0;top:0;z-index:2000;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.pop.on {display:block;}
.pop .pop-inner {position:relative;top:16%;width:93%;min-width:260px;max-width:480px;padding:30px;margin:0 auto;background-color:#fff;border-radius:5px;text-align:center;box-sizing:border-box;}
.pop .pop-tit {margin-bottom:30px;font-size:20px;font-weight:bold;text-align:center;}
/*.pop .pop-close {position:absolute;left:4%;top:17px;width:17px;height:17px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-close.png) no-repeat;background-size:100% auto;}*/

#movPop .video-type {margin-bottom:26px;}
#movPop .video-type::after {display:block;content:'';clear:both;}
#movPop .video-type li {float:left;position:relative;margin-right:24px;}
#movPop .video-type li input {position:absolute;left:0;top:0;height:100%;margin:0;opacity:0;}
#movPop .video-type li input:checked + label {font-weight:bold;color:#17191d;}
#movPop .video-type li input:checked + label::after {display:block;}
#movPop .video-type li label {position:relative;padding-left:30px;font-size:14px;font-weight:300;color:#9fa1a7;line-height:1.71;text-align:left;vertical-align:middle;}
#movPop .video-type li label::before {position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-12px;border:1px solid #c7c8cc;border-radius:50%;content:'';}
#movPop .video-type li label::after {display:none;position:absolute;left:5px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;content:'';}
#movPop .video-input {margin-bottom:10px;}
#movPop .video-input #videoLinkInput {}
#movPop .video-input .pop-ok {position:absolute;right:0;top:0;width:16%;height:100%;border:1px solid #ccc;font-size:14px;}
#movPop .notice-txt li {margin:0 0 3px 12px;font-size:12px;color:#9fa1a7;text-align:left;text-indent:-12px;}
#movPop .notice-txt li span {margin-left:5px;}

#sanctionsPop .pop-inner {top:15%;}
#sanctionsPop .pop-tit {margin-bottom:10px;}
#sanctionsPop .nick-txt {margin-bottom:30px;font-size:13px;color:#747477;line-height:1.4;}
#sanctionsPop .sanctions-box {margin-bottom:30px;border-top:1px solid #747477;}
#sanctionsPop .user-info {padding:15px 0;border-bottom:solid 1px #eaeaea;}
#sanctionsPop .user-info::after {display:block;clear:both;content:'';}
#sanctionsPop .user-info .profile-img {float:left;width:40px;height:40px;margin-right:10px;border:solid 1px #ededed;}
#sanctionsPop .user-info .profile-name {float:left;padding-top:10px;font-weight:bold;}
#sanctionsPop dl {padding:15px 0;border-bottom:1px solid #eaeaea;text-align:left;}
#sanctionsPop dt {margin-bottom:10px;font-weight:500;}
#sanctionsPop dd {font-size:14px;color:#747477;line-height:1.57;}
#sanctionsPop .reason-list li {margin-top:10px;}
#sanctionsPop .reason-list li .day {display:block;color:#ff6060;}
#sanctionsPop .btn-box button {width:138px;}

#gradePolicyPop .pop-inner {text-align:left;}
#gradePolicyPop h2 {padding-bottom:0;margin-bottom:25px;text-align:center;}
#gradePolicyPop span.guide-text {padding-bottom:0;margin:10px 0 20px;font-size:14px;display:block;}
#gradePolicyPop .start-date {font-size:14px;color:#858585;}
#gradePolicyPop .start-date .black {color:#333;}
#gradePolicyPop .pop-box {overflow-y:auto;max-height:400px;padding-bottom:1px;margin-top:14px;}
#gradePolicyPop table {width:100%;border:1px solid #c7c8cc;font-size:14px;font-weight:500;text-align:center;}
#gradePolicyPop th {padding:15px 0;background-color:#f9f9fb;border:1px solid #d1d1d1;font-weight:500;color:#747477;}
#gradePolicyPop th:nth-child(1) {width:90px;}
#gradePolicyPop td {padding:9px 17px;border:1px solid #d1d1d1;color:#747477;}
#gradePolicyPop td.icon i {display:block;width:100%;height:28px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;}
#gradePolicyPop td.name {font-weight:300;}
#gradePolicyPop td.name strong {font-weight:500;color:#333;}

#gradeHistoryPop .pop-inner {text-align:left;}
#gradeHistoryPop h2 {padding-bottom:0;margin-bottom:0;text-align:center;}
#gradeHistoryPop span.guide-text {padding-bottom:0;margin:10px 0 20px;font-size:14px;display:block;}
#gradeHistoryPop .pop-box {overflow-y:auto;max-height:400px;}
#gradeHistoryPop li {margin-bottom:30px;font-size:14px;color:#747477;text-align:left;}
#gradeHistoryPop li .black {color:#333;}
#gradeHistoryPop li > div {margin-top:15px;border:1px solid #d1d1d1;}
#gradeHistoryPop li dl {display:flex;flex-wrap:wrap;padding:4px 10px;}
#gradeHistoryPop li dl:first-child {background-color:#f9f9fb;}
#gradeHistoryPop li dl:first-child dd {padding:4px 0;color:#747477;}
#gradeHistoryPop li dl:nth-child(2) {padding-top:10px;}
#gradeHistoryPop li dl:nth-child(5) {padding-bottom:10px;}
#gradeHistoryPop li dt {min-width:86px;margin-right:15px;}
#gradeHistoryPop li dd {color:#333;}
#gradeHistoryPop .btn-box {margin-top:30px;}
#gradeHistoryPop .reference-date {line-height:28px;}

/* director event */
.director-section {display:none;padding:50px 0 25px;}
.director-section.on {display:block;}
.director-section .director-tit {padding:0 10px 18px;font-size:18px;font-weight:500;color:#0177ff;}
.director-section .director-wrap .swiper-wrapper {overflow:hidden;}
.director-section .director-wrap .paging {padding:16px 0;background-color:#f2f2f2;text-align:center;}
.director-section .director-wrap .paging .swiper-pagination-bullet {display:inline-block;;width:8px;height:8px;margin:0 4px;background-color:#c2c2c2;border-radius:50%;}
.director-section .director-wrap .paging .swiper-pagination-bullet-active {background-color:#0077fe;}
.director-section .box {display:block;position:relative;padding:11px 10px 11px 48px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-best.png) 10px center no-repeat #f2f2f2;background-size:28px auto;border-bottom:1px solid #fff;transition:all 0.5s;}
.director-section .box:after {display:block;content:'';position:absolute;right:10px;top:50%;width:27px;height:30px;margin-top:-15px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-arrow-director.png);background-size:auto 100%;background-position-x:-100%;}
.director-section .box.on {display:block;background-color:#e5e5e5;}
.director-section .box.on:after {background-position-x:0;}
.director-section .box.on .txt-area .date {display:inline-block;}
.director-section .txt-area {float:none;width:85%;}
.director-section .txt-area p {margin-bottom:6px;line-height:1.2em;}
.director-section .txt-area .reply-cont * {font-family:'Noto Sans KR', Helvetica, sans-serif !important;font-size:15px !important;color:#333 !important;line-height:1.4em !important;}
.director-section .txt-area .ellipsis,
.director-section .txt-area .ellipsis * {overflow:hidden;height:1.2em;margin-bottom:6px;text-overflow:ellipsis;white-space:nowrap;}
.director-section .txt-area .reply-info {position:relative;color:#999;}
.director-section .txt-area .writer {display:inline-block;margin-right:9px;font-size:13px;vertical-align:middle;}
.director-section .txt-area .date {display:none;margin-right:9px;font-size:13px;vertical-align:middle;}
.director-section .txt-area .btn-reply-like {position:relative;padding-left:16px;margin:0;font-size:13px;color:#999;line-height:1.2em;vertical-align:middle;}
.director-section .txt-area .btn-reply-like::before {position:absolute;left:0;top:50%;width:12px;height:11px;margin-top:-5px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-heart.png);background-size:12px auto;content:'';}
.director-section .txt-area .btn-reply-like.on::before {background-position-y:-100%;}

/* sticker */
.btn-sticker {display:none;width:40px;height:40px;margin-right:10px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-sticker.png);background-size:100% auto;vertical-align:middle;}
.btn-sticker.on {display:inline-block;}
.btn-sticker.on:hover {background-position-y:-100%;}
.sticker-box {display:none;position:absolute;left:0;top:50px;z-index:1;width:100%;background-color:#f9f9f9;box-shadow:0 4px 4px -4px rgba(0, 0, 0, 0.1);}
.sticker-box.on {display:block;}
.sticker-tab {position:relative;height:40px;}
.sticker-tab .tab-inner {height:100%;padding:0 40px;}
.sticker-tab li {width:auto;padding:4px 8px;}
.sticker-tab li.on {background-color:#eaeaea;}
.sticker-tab li button {overflow:hidden;width:32px;height:32px;}
.sticker-tab .arrow button {position:absolute;top:0;width:40px;height:100%;background-color:#f9f9f9;text-indent:-9999px;}
.sticker-tab .arrow button::before {position:absolute;left:11px;top:11px;width:18px;height:18px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/btn-arrow-sticker.png);background-size:auto 100%;content:'';}
.sticker-tab .arrow button.btn-left {left:0;}
.sticker-tab .arrow button.btn-right {right:0;}
.sticker-tab .arrow button.btn-right::before {background-position-x:-100%;}
.sticker-list {overflow-y:auto;height:240px;padding:15px 4px 15px 5px;box-sizing:border-box;}
.sticker-list ul {overflow:hidden;display:none;}
.sticker-list ul.on {display:block;}
.sticker-list li {overflow:hidden;float:left;width:64px;height:64px;margin:0 10px 15px;}
.sticker-list li button {width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:100% auto;}
.sticker-list li button:hover {border:1px solid #000;border-radius:4px;}

/* alarm */
#header .icon-alarm.on {display: initial;}
#alarm.on {display:block;}
#alarm .alarm-list .alarm-header .button-container .btn-clear.on {display:inline-block;}
#header .icon-alarm {display:none;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-alarm3.png) center center no-repeat;background-size:50px 50px;width:50px;height:50px;position:absolute;right:50px;top:0;z-index:1000;}
#header .key-color-bg .icon-alarm {background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-alarm.png) center center no-repeat;background-size:32px 32px;}
#header .icon-alarm .badge {display:inline-block;position:relative;top:-12px;right:-12px;font-size:12px;color:#fff;font-weight: 700;background-color:#ff5555;border-radius: 8px;min-width:16px;height:16px;line-height:16px;padding: 0 4px;box-sizing: border-box;}
#alarm {display:none;position:fixed;overflow-y:auto;left:0;top:0;width:100%;height:100%;background-color:#f9f9f9;box-sizing: border-box;z-index:1001;}
#alarm .alarm-header {height:50px;position:fixed;width:100%;z-index:9;}
#alarm .alarm-list .alarm-container {padding-top:51px;}
#alarm .alarm-list, #alarm .alarm-setting {display:none;}
#alarm .alarm-list.on, #alarm .alarm-setting.on {display:block;}
#alarm .alarm-list .alarm-header {border-bottom:1px solid #f0f0f0;}
#alarm .alarm-header p {font-size:17px;line-height:25px;color:#fff;display: block;text-align:center;padding-top:11px;}
#alarm .alarm-list .alarm-header .btn-close {position:absolute;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-alarm-close.png) center center no-repeat;background-size:24px 24px;width:50px;height:50px;}
#alarm .alarm-list .alarm-header .button-container {right:0;top:0;position: absolute;}
#alarm .alarm-list .alarm-header .button-container .btn-clear {display:none;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-alarm-clean.png) center center no-repeat;background-size:26px 26px;width:50px;height:50px;}
#alarm .alarm-list .alarm-header .button-container .btn-alarm-setting {background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-alarm-setting2.png) center center no-repeat;background-size:26px 26px;width:50px;height:50px;}
#alarm .alarm-list .alarm-container .alarm-empty {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#alarm .alarm-list .alarm-container .alarm-empty .icon-alarm {margin:0 auto;width:32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CclipPath id='i54ioq3ila'%3E%3Cpath style='fill:none' d='M0 0h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg style='clip-path:url(%23i54ioq3ila)'%3E%3Cg%3E%3Cg style='clip-path:url(%23i54ioq3ila)'%3E%3Cpath d='M26.314 23.587h-.581v-8a9.706 9.706 0 0 0-8.951-9.662v-1.67a.75.75 0 0 0-1.5 0v1.667a9.707 9.707 0 0 0-8.949 9.662v8H5.75a.75.75 0 0 0 0 1.5h2.79c.988.042 2.289.06 3.734.063a3.782 3.782 0 0 0 7.52-.063h6.52a.75.75 0 0 0 0-1.5' style='fill:%23CCCCD0'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
#alarm .alarm-list .alarm-container .alarm-empty p {font-size:14px;margin-top:4px;line-height:20px;color:#9fa1a7;}
#alarm .alarm-list .alarm-container .alarm-content {height: 95px;padding: 15px;border-bottom: 1px solid #f0f0f0;box-sizing: border-box;}
#alarm .alarm-list .alarm-container .alarm-content:last-child {border-bottom: none;}
#alarm .alarm-list .alarm-container .alarm-content.done {opacity: .5;}
#alarm .alarm-list .alarm-container .alarm-content .content-area .content-title {overflow:hidden;height:40px;font-size:14px;color:#17191d;display: block;line-height:20px;}
#alarm .alarm-list .alarm-container .alarm-content .content-area .content-date {display:inline-block;font-size:12px;color:#9fa1a7;line-height:17px;margin-top:8px;}
#alarm .alarm-list .alarm-container .alarm-content .content-thumb {float:right;position: relative;width:92px;margin-left:16px;height:56px;}
#alarm .alarm-list .alarm-container .alarm-content .content-thumb img {width: 92px;max-height:56px;border-radius: 4px;}
#alarm .alarm-setting .alarm-header .btn-back {position:absolute;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-arrow-left.png) center center no-repeat;width:50px;height:50px;}
#alarm .alarm-setting .alarm-container {padding: 66px 15px 0;}
#alarm .alarm-setting .alarm-container .setting-item {background-color: #fff;border: 1px solid #eaeaea;border-radius: 4px;padding:24px 15px;margin-bottom:8px;}
#alarm .alarm-setting .alarm-container .setting-item p {display: inline-block;font-size:14px;color:#17191d;line-height:20px;}
#alarm .alarm-setting .alarm-container .setting-item .switch {float:right;position: relative;display: inline-block;width: 48px;height: 24px;}
#alarm .alarm-setting .alarm-container .setting-item .switch input {opacity: 0;width: 0;height: 0;}
#alarm .alarm-setting .alarm-container .setting-item .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #d8d9dd;border-radius: 12px;-webkit-transition: .4s;transition: .4s;}
#alarm .alarm-setting .alarm-container .setting-item .slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 2px;bottom: 2px;background-color: #fff;border-radius: 50%;-webkit-transition: .4s;transition: .4s;}
#alarm .alarm-setting .alarm-container .setting-item input:checked + .slider:before {-webkit-transform: translateX(24px);-ms-transform: translateX(24px);transform: translateX(24px);}

/* 게임정보 */
.game-info-box {padding: 15px;border-radius:5px;margin: 20px 10px 0;}
.game-info-box .header-section {overflow:hidden;}
.game-info-box .header-section .title {float:left;font-size:15px;line-height: 21px;font-weight: 700;margin-bottom:18px;}
.game-info-box .header-section .game-info-button {float:right;padding:3px 12px;margin-bottom:15px;color:#fff;font-weight: 500;font-size:13px;line-height:20px;}
.game-info-box .game-info-container {display:inline-block;text-align: initial;width:100%;}
.game-info-box .game-info-container .empty-text {font-size: 14px;color:#a1a2a8;line-height: 20px;margin-bottom:30px;text-align: center;}
.game-info-box .game-info-item {line-height:16px;margin-top:5px;width:100%;}
.game-info-box .game-info-item:first-child {margin-top:0;}
.game-info-box .game-info-item .title {display:inline-block;width:100px;font-size:12px;line-height:17px;font-weight:500;color:#2e3031;}
.game-info-box .game-info-item .desc {display:inline-block;font-size:12px;color:#575758;line-height:17px;}
.badge-box {margin: 10px 10px 0;padding:15px 15px 1px;border-radius:5px;}
.badge-box .header-section .title {float:left;font-size:15px;line-height: 21px;font-weight: 700;margin-bottom:15px;}
.badge-box .header-section .badge-more {float:right;margin-bottom:14px;color:#949498;font-weight: 500;font-size:14px;line-height:20px;}
.badge-box .header-section .badge-more:hover, .badge-box .header-section .badge-more:active {color:#575758;}
.badge-box .header-section .badge-more .icon-arrow {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-arrow-right.png);background-size: 14px 14px;background-position: center center;position:relative;top:2px;display: inline-block;width:14px;height:14px;}
.badge-box .header-section .badge-more:hover .icon-arrow, .badge-box .header-section .badge-more:active .icon-arrow {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-arrow-right-hover.png);}
.badge-box ul {display:inline-block;width:100%;max-height:44px;overflow:hidden;}
.badge-box ul li {float:left;margin-right:14px;margin-bottom:14px;}
.badge-box ul li:last-child {margin-right:0;}
.badge-box ul li img {width:30px;height:30px;}
.game-info-pop .pop-inner, .badge-pop .pop-inner {text-align: center;padding: 20px 15px;}
.game-info-pop .pop-inner h2, .badge-pop .pop-inner h2 {font-size:18px;line-height:26px;font-weight:500;color:#17191d;margin-bottom:0;}
.game-info-pop .pop-inner h2 {margin-bottom:12px;}
.game-info-pop .pop-inner .desc {width:245px;margin:0 auto;font-size: 13px;line-height:22px;color:#747477;display: block;text-align: center;word-break: keep-all;}
.game-info-pop .content-container, .badge-pop .badge-container {margin-top:20px;display:inline-block;max-height:410px;border: 1px solid #e4e5e8;border-radius: 5px;}
.game-info-pop .content-container {margin-top:18px;width:100%;}
.game-info-pop .content-container .header-section {border-bottom:1px solid #e4e5e8;}
.game-info-pop .content-container .header-section {float:left;}
.game-info-pop .content-container .header-box {border-bottom:1px solid #e4e5e8;border-right: 1px solid #e4e5e8;padding:9px 15px;background-color:#f9f9fb;float:left;font-size:11px;font-weight:500;line-height:16px;color:#747477;box-sizing: border-box;}
.game-info-pop .content-container .header-box .sort {width:15px;height:15px;background-color:#e2e2e3;padding:2px;}
.game-info-pop .content-container .header-box .sort:first-child {margin: 0 2px 0 5px;}
.game-info-pop .content-container .header-box .sort:hover, .game-info-pop .content-container .header-box .sort:active {background-color: #bebec1;}
.game-info-pop .content-container .header-box .sort .sort-asc {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-triangle-down.png);background-size: 11px 11px;background-position: center center;display: block;width:11px;height:11px;}
.game-info-pop .content-container .header-box .sort .sort-desc {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-triangle-up.png);background-size: 11px 11px;background-position: center center;display: block;width:11px;height:11px;}
.game-info-pop .content-container .body {max-height:375px;overflow:auto;width:100%;}
.game-info-pop .content-container .body .content-item {border-bottom:1px solid #e4e5e8;float:left;width:100%;}
.game-info-pop .content-container .body .content-item:last-child {border-bottom:none;}
.game-info-pop .content-container .content-item .box {height:43px;border-right:1px solid #e4e5e8;font-size:10px;float:left;box-sizing: border-box;font-weight:500;line-height:15px;color:#333;}
.game-info-pop .content-container .content-item .box .text {font-size:11px;font-weight:500;line-height:16px;color:#333;}
.game-info-pop .content-container .content-item .box .text.only-title {padding:7px 0;}
.game-info-pop .content-container .content-item .box .sub-text {font-size:10px;line-height:15px;color:#747477;}
.game-info-pop .content-container .content-item .box .sub-text.divide:after {position: relative;;top: 1px;width: 1px;height: 8px;background-color: #bebec3;content: "";display: inline-block;margin:0 5px;}
.game-info-pop .content-container .content-item .box .checkbox {background-color:#e7e7ea;width:20px;height:20px;padding:3px;border-radius: 50%;}
.game-info-pop .content-container .content-item .box .checkbox .icon-choice {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-check-disabled.png);background-size: 14px 14px;background-position: center center;display: block;width:14px;height:14px;}
.game-info-pop .content-container .content-item .box .checkbox.selected .icon-choice {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-check-selected.png);background-size: 14px 14px;background-position: center center;display: block;width:14px;height:14px;}
.game-info-pop .content-container .header-box:first-child {width:30%;}
.game-info-pop .content-container .content-item .box:first-child {width:30%;padding: 14px 0;}
.game-info-pop .content-container .header-box:nth-child(2) {width:50%;}
.game-info-pop .content-container .content-item .box:nth-child(2) {width:50%;padding: 6px 0;}
.game-info-pop .content-container .header-box:last-child {border-right:none;width:20%;}
.game-info-pop .content-container .content-item .box:last-child {border-right:none;width:20%;padding: 12px 0;}
.badge-pop .pop-inner {width: 332px;}
.badge-pop .pop-inner h2 > span {font-weight: 700;}
.badge-pop .badge-container {margin-top:18px;padding:15px;width:100%;box-sizing: border-box;overflow-y:auto;}
.badge-pop .badge-container .badge-item {width:82px;height:82px;float:left;margin-right:12px;margin-top:15px;}
.badge-pop .badge-container .badge-item:nth-child(3n) {margin-right:0;}
.badge-pop .badge-container .badge-item:first-child, .badge-pop .badge-container .badge-item:nth-child(2), .badge-pop .badge-container .badge-item:nth-child(3){margin-top: 0;}
.badge-pop .badge-container .badge-item img {width: 45px; height:45px;margin-bottom:6px;}
.badge-pop .badge-container .badge-item .badge-title {height:30px;overflow:hidden;word-wrap:break-word;font-size:10px;color: #747477;text-align: center;word-break: keep-all;line-height: 15px;}
.badge-pop .badge-container.active {background-color: #f9f9fb;}
.badge-pop .btn-sort-group {display:none;}
.badge-pop .btn-badge-sort {float:right;padding:3px 10px 4px 11px;margin-top:20px;border:solid 1px #e4e5e8;font-size:14px;color:#747477;}
.badge-pop .badge-sort-desc {display:none;margin-top:10px;padding:0 15px;font-size:13px;line-height:18px;color:#858585;}
.game-info-pop .btn-box, .badge-pop .btn-box {margin-top:20px;}

/* 상세글 추가 정보 */
.view-box .game-info-box {padding:15px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;margin:0 15px;}
.view-box .game-info-box.empty-badge {border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;margin-bottom:20px;}
.view-box .game-info-box .header-section .icon-gameinfo {float:left;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-gameinfo.png);background-size: 16px 16px;background-position: center center;width:16px;height:16px;display: inline-block;}
.view-box .game-info-box .header-section .game-info-nickname {float:left;font-size:12px;font-weight:700;margin-left:2px;line-height: 17px;}
.view-box .game-info-box .header-section .title {margin-left:5px;font-size:12px;font-weight:700;color:#333;line-height:17px;margin-bottom:0;}
.view-box .game-info-box .header-section .icon-exclamation {top: 0;}
.view-box .game-info-box .game-info-container {margin-top:12px;padding: 0 18px;}
.view-box .game-info-box .game-info-container .empty-text {margin:10px 0;font-size:12px;line-height:17px;}
.view-box .game-info-box .game-info-item {margin-top:5px;}
.view-box .game-info-box .game-info-item:first-child {margin-top:0;}
.view-box .game-info-box .game-info-item .title,
.view-box .game-info-box .game-info-item .desc {font-size: 11px;line-height:16px;}
.view-box .share + .badge-box, .view-box .creators-box + .badge-box {border-radius: 5px;padding: 15px 15px 3px;}
.view-box .share + .badge-box::before, .view-box .creators-box + .badge-box::before {display: none;}
.view-box .badge-box {border-top-left-radius: 0;border-top-right-radius: 0;padding:15px 15px 3px 33px;margin:0 15px 10px;}
.view-box .badge-box:before {display:block;content:"";height: 1px;width: 100%;background-color: #ddd;position: relative;top: -15px;left: 0;}
.view-box .badge-box .header-section .title,
.view-box .badge-box .header-section .badge-more {font-size: 11px;font-weight:500;line-height: 16px;margin-bottom:12px;}
.view-box .badge-box .header-section .badge-more .icon-arrow {background-size: 12px 12px;width:12px;height:12px;}
.view-box .badge-box ul {max-height:38px;}
.view-box .badge-box ul li {margin-bottom:12px;}
.view-box .badge-box ul li img {width:26px;height:26px;}
.view-box .creators-box {padding:15px;margin:0 15px;background-color:#fbfcff;border-radius:5px;}
.view-box .creators-box + .badge-box, .view-box .creators-box + .game-info-box {margin-top:8px;}
.view-box .creators-box .box {display:flex;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e8ebf2;}
.view-box .creators-box .box > div {display:block;margin:0;}
.view-box .creators-box .creators-grade {display:block;height:18px;margin-bottom:3px;}
.view-box .creators-box .creators-grade img {height:100%;vertical-align:top;}
.view-box .creators-box .creators-name {display:block;font-weight:700;}
.view-box .creators-box .creators-code {font-size:12px;color:#999;}
.view-box .creators-box .profile-img {width:52px;height:52px;}
.view-box .creators-box dl {display:grid;grid-template-columns:50% auto;row-gap:8px;font-size:12px;}
.view-box .creators-box dt {color:#2e3031;}
.view-box .creators-box dd {color:#575758;text-align:right;}
.view-box .creators-box .creators-channels {display:flex;align-items:center;justify-content:right;}
.view-box .creators-box .creators-channels span {margin-left:10px;background-color:transparent;background-size:100% auto;border:none;}
.view-box .creators-box .btn-support {display:flex;justify-content:center;align-items:center;width:100px;height:36px;margin:20px auto 0;border:1px solid #0076ff;border-radius:50px;font-size:14px;color:#0076ff;}
.view-box .creators-box .btn-support:hover {border-color:#0064fa;color:#0064fa;}

.btn-code {display:inline-block;width:40px;height:40px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-code.png);background-size:100% auto;opacity:1;}
.reply-btn .btn-code {margin-left: 10px;vertical-align: middle;}
#codePop .editor-container,
#codePop .editor-area {height:180px;}

/* msw 긴급공지 관련 CSS */
#msw-banner div {box-sizing: border-box;}

/* 통합공지 */
.batch-notice {display:none;position:fixed;left:0;top:0;z-index:1001;width:100%;height:76px;background-color:#535969;text-align:center;}
.batch-notice .swiper-slide {display:flex;align-items:center;height:52px;padding:12px 16px 0;box-sizing:border-box;}
.batch-notice .swiper-slide .icon-notice {display:inline-block;width:24px;height:24px;margin-right:10px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-batch-notice.png) no-repeat left center;background-size:100% auto;}
.batch-notice .swiper-slide span {overflow:hidden;display:-webkit-box;width:100%;font-size:14px;font-weight:500;color:#fff;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.batch-notice .swiper-pagination {position:absolute;left:0;bottom:8px;width:100%;}
.batch-notice .swiper-pagination-bullet {display:inline-block;width:5px;height:5px;margin:0 3px;background-color:#fff;opacity:0.4;border-radius:50%;cursor:pointer;}
.batch-notice .swiper-pagination-bullet-active {opacity:1;}
#header .batch-notice.on {display:block;}
#header .batch-notice.on + .fix-item {top:76px;}
#header .batch-notice.on + .fix-item #gnb {top:-76px;}
#header .batch-notice.on + .fix-item + .top-bg {padding-top:76px;}
#batch-notice-pop .pop-inner {padding:20px 24px 26px;box-sizing:border-box;border-radius:initial;text-align:left;}
#batch-notice-pop .title {padding:0 22px 11px 0;font-size:18px;font-weight:500;line-height:1.5em;}
#batch-notice-pop .date {font-size:14px;color:#6a6a6a;}
#batch-notice-pop .content-box {overflow-y:auto;height:268px;padding:16px;margin-top:20px;box-sizing:border-box;border:1px solid #edeef1;font-size:13px;}
#batch-notice-pop .controller {padding-top:22px;text-align:center;}
#batch-notice-pop .swiper-pagination {display:inline-block;margin:0 21px;vertical-align:super;}
#batch-notice-pop .swiper-pagination-bullet {display:inline-block;width:8px;height:8px;margin:0 5px;background-color:#e4e5e8;border-radius:50%;cursor:pointer;}
#batch-notice-pop .swiper-pagination-bullet-active {background-color:#9fa1a7;}
#batch-notice-pop .btn-nav {display:inline-block;width:10px;height:20px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-batch-arrow.png) no-repeat;background-size:100% auto;cursor:pointer;}
#batch-notice-pop .btn-nav.swiper-button-prev {transform: rotate(180deg);}
#batch-notice-pop .pop-close {position:absolute;right:12px;top:12px;width:24px;height:24px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/m/icon-batch-close.png) no-repeat;background-size:100% auto;text-indent:-9999px;}

/* simplebar - custom scrollbar */
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.2;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;}

/* like animation */
@keyframes likePlusBefore {
    50% {transform:scale(1.1);}
}
@keyframes likePlusAfter {
    0% {opacity:1;}
    100% {opacity:0;transform:translate(0px, -10px);}
}

@media(max-width:480px) {
    .badge-box ul {max-height:88px;}
    .view-box .badge-box ul {max-height:76px;}
}