@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:14px;color:#333;}
img, fieldset, button {border:0;}
li {list-style:none;}
a {text-decoration:none;color:#333;}
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;}
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:#999;}
:-moz-placeholder {font-size:14px;color:#999;opacity:1;}
::-moz-placeholder {font-size:14px;color:#999;opacity:1;}
:-ms-input-placeholder {font-size:14px !important;color:#999 !important;}
audio::-webkit-media-controls-time-remaining,
audio::-webkit-media-controls-current-time-display {line-height:14px;}

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;}
dt {font-weight:normal;}
.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;}
.default-bg-color {background-color:#fff;}
body {overflow:hidden;width:100%;min-width:1300px;position:relative;background:#ffffff;}
.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;}

body, input, button, textarea, select, table {font-size:15px;color:#333;}
a {color:#333;}
::-webkit-input-placeholder {font-size:15px;}
:-moz-placeholder {font-size:15px;}
::-moz-placeholder {font-size:15px;}
:-ms-input-placeholder {font-size:15px !important;}

html.not-scroll, body.not-scroll {overflow:hidden;}
body {min-width:100%;word-break:break-all;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
#wrap {overflow-x:hidden;width:100%;min-width:320px;}
#wrap img {max-width:100%;}

#container::after {display:block;clear:both;content:"";}
#container .header {position:fixed;left:0;top:0;z-index:1001;width:100%;height:55px;background-color:#fff;border-bottom:1px solid #ddd;box-sizing:border-box;text-align:center;}
#container .header h1 {display:block;overflow:hidden;font-size:18px;line-height:55px;white-space:nowrap;text-overflow:ellipsis;margin:0 75px;}
#container .header button {position:absolute;top:19px;text-indent:-99999px;cursor:pointer;}
#container .header .btn-left {left:15px;}
#container .header .btn-right {right:15px;top:18px;}
#container .header .btn-menu {width:20px;height:20px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-collection.png);background-size:auto 100%;background-position-x:-400%;}

#gnb {position:absolute;left:-100%;top:0;z-index:9999;width:100%;min-height:100vh;opacity:0;}
#gnb .gnb-bg {position:fixed;left:-100%;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);opacity:0;}
#gnb .gnb-inner {overflow-y:auto;position:absolute;left:-100%;top:0;width:275px;height:100%;padding-bottom:60px;background-color:#fff;box-sizing:border-box;}
#gnb.on {left:0;opacity:1;transition:opacity 0.2s;}
#gnb.on .gnb-bg {left:0;opacity:1;transition:opacity 0.2s;}
#gnb.on .gnb-inner {left:0;transition:left 0.25s;}
#gnb .menu-user {position:relative;background-color:#f2f2f2;border-bottom:1px solid #ddd;}
#gnb .menu-user button,
#gnb .menu-user a {position:absolute;top:17px;background-size:100% auto;text-indent:-99999px;}
#gnb .menu-user .btn-menu-close {left:15px;}
#gnb .menu-user .btn-go-setting {right:15px;width:20px;height:20px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-collection.png);background-size:auto 100%;background-position-x:-600%;}
#gnb .menu-user .menu-profile {padding:25px 0;}
#gnb .menu-user .menu-profile .btn1 {display:block;position:static;top:0;width:65%;margin:0 auto;text-indent:0;}
#gnb .menu-user .menu-profile .profile-img {display:block;width:60px;height:60px;margin:0 auto 10px;}
#gnb .menu-user .menu-profile .profile-img.profile-logo {width:97px;height:auto;background:none;}
#gnb .menu-user .menu-profile .profile-img img {background-color:#f2f2f2;}
#gnb .menu-user .menu-profile .profile-name {width:100%;font-size:15px;line-height:19px;text-align:center;}
#gnb .menu-user .menu-profile .profile-name.color-gray {color:#999;}
#gnb .menu-user .menu-profile .profile-login {position:static;top:0;padding:5px 32px;background:#3392ff;font-size:12px;color:#fff;text-indent:0;}
#gnb .menu-user .menu-profile .profile-login.profile-logout {padding:4px 10px;margin-top:9px;background:#fff;border:1px solid #e1e1e1;color:#999;line-height:17px;}
#gnb .menu-user .menu-profile .btn-attend-box {position:relative;display:inline-block;margin-right:6px;}
#gnb .menu-user .menu-profile .btn-attend-box .btn-attend {position:static;top:0;padding:4px 10px;margin-top:9px;border:1px solid #e1e1e1;color:#fff;font-size:12px;text-indent:0;line-height:17px;}
#gnb .menu-user .menu-profile .btn-attend-box .btn-attend:hover {opacity:0.7;}
#gnb .menu-user .menu-profile .btn-attend-box .btn-attend::before {display:inline-block;width:12px;height:12px;margin:2px 2px 2px 0;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-attend.png);background-size:cover;content:"";vertical-align:text-top;}
#gnb .menu-user .menu-profile .btn-attend-box .btn-attend.disabled {color:rgba(255, 255, 255, 0.7);background-color:#a9acb9;}
#gnb .menu-user .menu-profile .btn-attend-box .btn-attend.disabled:hover {opacity:1;}
#gnb .menu-user .menu-profile .btn-attend-box .btn-attend.disabled::before {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-attend-disabled.png);}
#gnb .menu-user .menu-profile .btn-attend-box .attend-tooltip {position:absolute;left:0px;top:105%;padding:3px 6px;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 .menu-user .menu-profile .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 .gnb-list {padding:15px;text-align:left;}
#gnb .gnb-list li a {display:block;position:relative;}
#gnb .gnb-list li a .icon-box {display:inline-block;vertical-align:sub;}
#gnb .gnb-list li a .icon-box .icon-img {overflow:hidden;display:block;width:22px;height:22px;text-align:center;}
#gnb .gnb-list li a .icon-box .icon-img img {vertical-align:text-bottom;}
#gnb .gnb-list li.popular-board > a .icon-img:not(.default-none) {margin-top:3px;background-image:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.7668 12.6667C18.0084 11.45 19.2668 9.99167 19.2668 8.08333C19.2668 6.86776 18.7839 5.70197 17.9243 4.84243C17.0648 3.98289 15.899 3.5 14.6834 3.5C13.2168 3.5 12.1834 4.125 10.9334 5.375C9.68343 4.125 8.6501 3.5 7.18343 3.5C5.96786 3.5 4.80207 3.98289 3.94252 4.84243C3.08298 5.70197 2.6001 6.86776 2.6001 8.08333C2.6001 10 3.8501 11.4583 5.1001 12.6667L10.9334 18.5L16.7668 12.6667Z' stroke='%231A2E3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
#gnb .gnb-list li a .icon-new {left:-7px;top:6px;}
#gnb .gnb-list > li > a {padding:5px 0;font-size:17px;font-weight:500;}
#gnb .gnb-list > li > a.group {position:relative;}
#gnb .gnb-list > li > a.group::before {display:block;position:absolute;right:0;top:50%;margin-top:-1px;width:12px;height:2px;background-color:#909090;content:'';}
#gnb .gnb-list > li > a.group.open::after {display:block;position:absolute;right:5px;top:50%;margin-top:-6px;width:2px;height:12px;background-color:#909090;content:'';}
#gnb .gnb-list .sub-depth {padding:4px 0 8px;}
#gnb .gnb-list .sub-depth > li > a {padding:5px 0 5px 24px;font-size:14px;color:#666;}
#gnb .gnb-list .sub-depth > li > a .icon-new {left:17px;top:8px;}
#gnb .lang-option {display:none;position:relative;padding:15px;margin-bottom:30px;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:left;}
#gnb .lang-option label {font-size:15px;font-weight:500;}
#gnb .lang-option #lang-select {position:absolute;right:15px;top:13px;min-width:70px;height:30px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/arrow-select.png) right center no-repeat;background-size:9px auto;border:0;font-size:12px;color:#666;appearance:none;-webkit-appearance:none;}
#gnb .lang-option #lang-select::-ms-expand {display:none;}

/* common */
#contents{overflow-x:hidden;min-width:320px;max-width:750px;padding-top:55px;margin:0 auto;}
.profile-img-wrap {background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/profile-img.png) no-repeat;background-size:100% auto;border-radius:100%;}
.profile-img {overflow:hidden;width:100%;height:100%;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/profile-img.png) no-repeat;background-size:100% auto;border-radius:100%;}
.profile-img img {width:100%;height:100%;background-color:#fff;border-radius:100%;}
.icon-search {width:20px;height:20px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-collection.png);background-size:auto 100%;background-position-x:-500%;text-indent:-9999px;}
.icon-close {width:17px;height:17px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/btn-close.png) no-repeat;background-size:100% auto;text-indent:-9999px;}
.article-info {padding-left:5px;font-size:12px;color:#585858;}
.article-info::after {display:block;content:'';clear:both;}
.article-info dd.writer {position:relative;}
.article-info dd.writer > a,
.article-info dd.writer > button {font-size:inherit;color:inherit;line-height:inherit;text-align:left;}
.article-info dd.writer > a:hover,
.article-info dd.writer > button:hover {text-decoration:underline;}
.article-info dd.etc {overflow:hidden;}
.article-info dd.etc span {float:left;position:relative;padding-left:15px;margin-right:6px;}
.article-info dd.etc span::before {position:absolute;left:0;top:22%;width:13px;height:12px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-list.png) 0 center no-repeat;background-size:300% auto;content:"";}
.article-info dd.etc span.count-read::before {background-position-x:50%;}
.article-info dd.etc span.count-likes::before {background-position-x:100%;}
.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:46px;height:46px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/btn-fixed.png);background-size:auto 100%;text-indent:-9999px;}
.btn-fixed .btn-top {margin-bottom:1px;opacity:0;}
.btn-fixed .btn-bottom {margin-bottom:1px;background-position-x:-100%;opacity:0;}
.btn-fixed .btn-write {background-position-x:-200%;}
.btn-fixed .btn-faq {width:40px;height:39px;margin:3px 0 5px 3.5px;line-height:39px;border-radius:50%;color:#fff;background-color:rgb(51,146,255);background-image:none;text-indent:-1px;box-shadow:0 2px 2px rgb(0 0 0 / 19%), 0 2px 2px rgb(0 0 0 / 23%);}
.icon-camera{width:20px;height:20px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-collection.png);background-size:auto 100%;background-position-x:-200%;text-indent:-9999px;outline:none;}
.icon-attach{width:20px;height:20px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-collection.png);background-size:auto 100%;background-position-x:-100%;text-indent:-9999px;}
.result-none {display:none;padding:50px 0;text-align:center;}
.result-none.on {display:block;}
.icon-new {position:absolute;left:0;top:0;width:4px;height:4px;background-color:#f0473a;border-radius:50%;}
.headline {color:#999;}
.grade-icon {display:inline-block;position:relative;top:2px;width:20px;height:13px;margin-right:3px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;}
.profile-box .badge-icon-left { position: relative; top: -1px;width: 17px; height: 17px;}
.profile-box .badge-icon-right { position: relative; top: -1px;width: 17px; height: 17px;}
.badge-icon-left {display:inline-block;width:15px;height:15px;margin-right:3px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;vertical-align:bottom;}
.badge-icon-right {display:inline-block;width:15px;height:15px;margin-left:3px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;vertical-align:bottom;}
.pick::before {display:inline-block;content:'';width:20px;height:20px;margin-right:2px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-pick-22-mo.png) 0 0 no-repeat;background-size:100% auto;vertical-align:-5px;}
.main-contents,
.txt-area {word-break:keep-all;word-wrap:break-word;}
.icon-exclamation {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/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/web/m/icon-exclamation-hover.png);}
.icon-afreeca {display:block;width:18px;height:18px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/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/live/console-community-view/assets/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/live/console-community-view/assets/web/m/icon-twitch.png) center center no-repeat #fff;background-size:15px auto;border:1px solid #e8ebf2;border-radius:50%;}
.icon-chzzk {display:block;width:18px;height:18px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-chzzk.png) center center no-repeat #fff;background-size:15px auto;border:1px solid #e8ebf2;border-radius:50%;}
.icon-soop {display:block;width:18px;height:18px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-soop.png) center center no-repeat #fff;background-size:15px auto;border:1px solid #e8ebf2;border-radius:50%;}

#wrap .list-style-option {display:none;position:absolute;left:0;top:19px;z-index:1;width:max-content;background-color:#fff;border:1px solid #ddd;}
#wrap .list-style-option.active {display:block;}
#wrap .list-style-option a,
#wrap .list-style-option button {display:block;width:100%;padding:12px 14px;box-sizing:border-box;font-size:12px;color:#575758;text-align:center;white-space:nowrap;}
#wrap .list-style-option a:hover,
#wrap .list-style-option a:focus,
#wrap .list-style-option button:hover,
#wrap .list-style-option button:focus {background-color:#ddd;}
#wrap .list-block-option {right:0;left:initial;}

#footer .footer-inner {padding:18px 0 14px;background-color:#f4f4f4;text-align:center;}
#footer ul {margin-bottom:6px;}
#footer ul li {display:inline-block;margin:0 2px 4px;}
#footer ul li a,
#footer ul li button {display:inline-block;padding:4px 11px;background-color:#fff;border:1px solid #e1e1e1;font-size:12px;color:#666;}
#footer ul li a.bold {font-weight:bold;}
#footer p {padding-top:8px;font-size:12px;color:rgba(0,0,0,0.5);}
#footer .logo-nexon {margin-top:20px;}
#footer .logo-nexon img {width:85px;height:30px;margin-right:5px;object-fit: contain;}
#footer .logo-nexon span {display:inline-block;vertical-align:top;font-size: 13px; color:#8b8b8b; text-align: left;font-weight: 300;}

/* 썸머노트(에디터) */
.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:#c7254e;background-color:#f9f2f4;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 details > summary::before {content:'▶';margin-right:5px;}
.main-contents details[open] > summary::before {content:'▼';margin-right:5px;}
.view-cont .main-contents {overflow-x:auto !important;}

/* 메인 */
.main .img-box .inner {overflow:hidden;position:relative;}
.main .img-box .swiper-slide i {display:block;position:relative;padding-top:40%;}
.main .img-box .swiper-slide img {position:absolute;left:0;top:0;width:100%;min-height:100%;}
.main .img-box .paging {position:absolute;left:0;bottom:12px;width:100%;text-align:center;}
.main .img-box .paging span {display:inline-block;width:8px;height:8px;margin:0 4px;background-color:rgba(0, 0, 0, 0.4);border-radius:50%;}
.main .img-box .paging span.swiper-pagination-bullet-active {background-color:#e7ebee;}
.main .iframe-wrap {position:relative;padding-top:56.3%;margin:5px 0 10px;border-top:1px solid #e5e5e5;}
.main .iframe-wrap iframe {position:absolute;left:0;top:0;width:100%;height:100%;border-top:10px solid #f2f2f2;}

.main .popular-boards-box h2 {border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:20px;font-weight:bold;}
.main .popular-boards-box h2 span {display:block;padding:25px 15px 10px;border-top:10px solid #f2f2f2;}
.main .popular-boards-box .inner {padding:0;}
.main .popular-boards-box ul:not(.list-style-option) > li {position:relative;min-height:100px;padding:15px 0;border-bottom:1px solid #f4f4f4;box-sizing:border-box;}
.main .popular-boards-box ul:not(.list-style-option) > li.reply-delete {min-height:auto;}
.main .popular-boards-box li h3 {overflow:hidden;display:-webkit-box;position:relative;padding-left:5px;margin-bottom:5px;font-size:16px;font-weight:500;line-height:22px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main .popular-boards-box li dd {float:left;line-height:18px;}
.main .popular-boards-box li .article-info {color:#999;}
.main .popular-boards-box li dd.writer {margin-right:8px;}
.main .popular-boards-box li dd.date {margin-right:8px;}
.main .popular-boards-box li.add-thumb .left {width:70%;}
.main .popular-boards-box li.add-thumb .list-thumb {overflow:hidden;position:absolute;right:0;top:15%;width:85px;height:70%;}
.main .popular-boards-box li.add-thumb .list-thumb i {display:block;position:relative;width:100%;padding-top:56.3%;}
.main .popular-boards-box li.add-thumb .list-thumb img {position:absolute;left:0;top:0;width:100%;min-height:100%;}
.main .popular-boards-box .paging span {background-color:transparent;}

.main .popular-boards-box .controller {padding:14px 0;text-align:center;}
.main .popular-boards-box .controller .paging {display:inline-block;position:static;width:auto;margin:0 12px;font-size:16px;color:#9fa1a7;line-height:28px;letter-spacing:-2px;}
.main .popular-boards-box .controller .paging span {display:inline;margin:0 3px;background-color:transparent;border-radius:0;opacity:1;}
.main .popular-boards-box .controller .paging .swiper-pagination-current {color:#333;}
.main .popular-boards-box .controller > button {overflow:hidden;width:24px;height:24px;text-indent:-9999px;}
.main .popular-boards-box .controller > button.btn-prev {background-image: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='M17.0608 5.00011L10.0608 12.0001L17.0608 19.0001L16.0001 20.0608L7.93945 12.0001L16.0001 3.93945L17.0608 5.00011Z' fill='%23333333'/%3E%3C/svg%3E%0A");}
.main .popular-boards-box .controller > button.btn-next {background-image: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='M6.93945 5.00011L13.9395 12.0001L6.93945 19.0001L8.00011 20.0608L16.0608 12.0001L8.00011 3.93945L6.93945 5.00011Z' fill='%23333333'/%3E%3C/svg%3E%0A");}
.main .popular-boards-box .controller .swiper-button-disabled {opacity:0.3;}

.main .popular-boards-box .wrapper-result-none {width:100%;}
.main .popular-boards-box .wrapper-result-none .result-none {display:block;padding:80px 0;color:#999;}
.main .popular-boards-box .wrapper-result-none + .controller {display:none;}

/* sticky */
.sticky-box .inner {overflow-x:visible;overflow-y:initial;position:relative;padding:20px 0 34px;margin:0 15px;box-sizing:border-box;}
.sticky-box .inner .swiper-wrapper {position:relative;z-index:1;}
.sticky-box .swiper-slide {overflow:initial;}
.sticky-box .swiper-slide > a {overflow:hidden;}
.sticky-box h3 {overflow:hidden;position:relative;padding-left:5px;margin-bottom:3px;font-size:16px;font-weight:500;color:#333;line-height:1.3em;}
.sticky-box .list-thumb {float:left;width:46%;text-align:right;}
.sticky-box .list-thumb i {display:block;overflow:hidden;position:relative;padding-top:56.3%;}
#wrap .sticky-box .list-thumb img {position:absolute;left:0;top:0;width:100%;}
.sticky-box dd.writer {float:left;margin-right:8px;}
.sticky-box dd.date {float:left;}
.sticky-box .paging {position:absolute;left:0;bottom:8px;width:100%;text-align:center;}
.sticky-box .paging span {display:inline-block;width:8px;height:8px;margin:0 4px;background-color:rgba(0, 0, 0, 0.2);border-radius:50%;}
.sticky-box .paging span.swiper-pagination-bullet-active {background-color:#0177ff;}
/* sticky 미디어 타입 */
.sticky-box .type-media h3 {display:-webkit-box;position:relative;float:right;width:51%;padding-left:5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.sticky-box .type-media .article-info {float:right;width:51%;}
.sticky-box .type-media dd.etc {padding-top:2px;clear:both;}

.section-banners {display:none;overflow:hidden;position:relative;height:78px;}
.section-banners.on {display:block;}
.section-banners img {width:100%;min-height:100%;}
.section-banners .paging {position:absolute;left:0;bottom:7px;width:100%;text-align:center;}
.section-banners .paging span {display:inline-block;width:8px;height:8px;margin:0 4px;background-color:#e4e5e8;border-radius:50%;cursor:pointer;}
.section-banners .paging span.swiper-pagination-bullet-active {background-color:#9fa1a7;}

/* 게시글 리스트 공통 */
.section-list {padding-bottom:130px;}
.section-list .tab-box .inner {position:relative;padding:0 15px;border-bottom:1px solid #e5e5e5;box-sizing:border-box;}
.section-list .tab-box ul {width:1000%;width:max-content;}
.section-list .tab-box ul::after {display:block;clear:both;content:"";}
.section-list .tab-box li {float:left;width:auto;margin-left:20px;}
.section-list .tab-box li:first-child {margin-left:0;}
.section-list .tab-box li button {padding:24px 5px 3px 8px;border-bottom:3px solid transparent;font-size:20px;color:#666;letter-spacing:-0.5px;}
.section-list .tab-box li button.on {border-color:#333;font-weight:bold;color:#333;}
.section-list .tab-box li button .icon-new {top:26px;width:5px;height:5px;}
.section-list .tab-box .arrow button {display:block;overflow:hidden;position:absolute;bottom:0;width:46px;height:100%;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/tab-side.png);background-size:92px auto;text-indent:-9999px;}
.section-list .tab-box .arrow button.btn-left {left:0;}
.section-list .tab-box .arrow button.btn-right {right:0;background-position-x:-100%;}
.section-list .tab-box .arrow button.swiper-button-disabled {display:none;cursor:default;opacity:0;}
.section-list .sticky-box {border-bottom:1px solid #e5e5e5;}
.list-box ul:not(.list-style-option) {padding:0 15px;}
.list-box ul:not(.list-style-option) > li {position:relative;min-height:100px;padding:15px 0;border-bottom:1px solid #f4f4f4;box-sizing:border-box;}
.list-box ul:not(.list-style-option) > li.reply-delete {min-height:auto;}
.list-box li h3 {overflow:hidden;display:-webkit-box;position:relative;padding-left:5px;margin-bottom:5px;font-size:16px;font-weight:500;line-height:22px;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-box li dd {float:left;line-height:18px;}
.list-box li .article-info {color:#999;}
.list-box li dd.writer {margin-right:8px;}
.list-box li dd.date {margin-right:8px;}
/* 썸네일 추가 */
.list-box li.add-thumb .left {width:70%;}
.list-box li.add-thumb .list-thumb {overflow:hidden;position:absolute;right:0;top:15%;width:85px;height:70%;}
.list-box li.add-thumb .list-thumb i {display:block;position:relative;width:100%;padding-top:56.3%;}
.list-box li.add-thumb .list-thumb img {position:absolute;left:0;top:0;width:100%;min-height:100%;}
.icon-play i {overflow:hidden;}
.icon-play i::after {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-play3.png) center center no-repeat rgba(1,1,1,0.2);background-size:26px auto;content:'';}
.sticky-box .icon-play i::after {background-size:37px auto;}

/* 미디어 타입 */
.list-box .type-media::after {display:block;content:'';clear:both;}
.list-box .type-media > li {float:left;width:50%;box-sizing:border-box;}
.list-box .type-media > li:nth-child(odd) {padding:20px 1.6% 20px 0;}
.list-box .type-media > li:nth-child(even) {padding:20px 0 20px 1.6%;}
.list-box .type-media > li .list-thumb {overflow:hidden;position:relative;margin-bottom:8px;}
.list-box .type-media > li .list-thumb i {display:block;position:relative;width:100%;padding-top:56.3%;}
.list-box .type-media > li .list-thumb img {position:absolute;left:0;top:0;width:100%;min-height:100%;}
.list-box .type-media > li .list-thumb.icon-play ::after {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-play3.png);background-color:rgba(1,1,1,0.2);background-size:37px auto;}
.list-box .type-media > li .left {height:103px;}
.list-box .type-media > li dd {display:inline;float:none;}
.list-box .type-media > li dd.etc {display:block;padding-top:2px;clear:both;}

.list-box ul.type-summary {margin-top:20px;}
.list-box ul.type-summary > li {padding:20px;margin-top:16px;border:1px solid #e8ebf2;}
.list-box ul.type-summary > li h3 {overflow:hidden;display:block;padding-left:0;margin-bottom:12px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;}
.list-box ul.type-summary > li > a {position:relative;}
.list-box ul.type-summary > li > div::after {display:block;content:'';clear:both;}
.list-box .type-summary .icon-new {left:-7px;}
.list-box .type-summary .summary {overflow:hidden;display:-webkit-box;height:110px;margin:12px 0 24px;color:#666;line-height:1.47em;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 i::after {background-size:36px auto;}
.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 a {margin-right:2px;}
.list-box .type-summary .article-info {float:left;width:calc(100% - 46px);padding-left:0;line-height:1.9em;}
.list-box .type-summary .article-info dd.writer {width:100%;margin-bottom:4px;color:#333;}
.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;color:#0076ff;clear:both;}
.list-box .type-summary .btn-support:hover {background-color:#d6e9ff;}

.type-creators {position:relative;padding:24px 15px 28px;border-bottom:10px solid #f2f2f2;}
.type-creators::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e5e5e5;}
.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 button {font-size:12px;color:#b1b7c4;}
.type-creators .creators-top .option button:hover,
.type-creators .creators-top .option button.selected {color:#333;}
.type-creators .creators-top .option .bar {display:inline-block;width:1px;height:10px;margin:0 8px;background-color:#ddd;}
.type-creators ul {display:grid;grid-template-columns:repeat(2, 49%);gap:10px 7px;}
.type-creators li {padding:16px 12px;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 {overflow:hidden;width:100px;height:100px;margin:12px auto 0;border-radius:50%;}
.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 a {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:16px;border:1px solid #e8ebf2;color:#666;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='%23666'/%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");}

.select-box {position:relative;margin:15px 15px 7px;}
.custom-select {width:100%;padding:10px 9% 10px 4%;font-size:14px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/arrow-select.png) right center no-repeat;background-size:9px auto;background-position:96% center;border:1px solid #d7d7d7;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.custom-select.anonymous {background:none;}
.search #selectBoard.sel-txt {display:block;position:relative;width:100%;height:42px;padding:10px 9% 8px 4%;font-size:14px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/arrow-select.png) right center no-repeat #fff;background-size:9px auto;background-position:96% center;border:1px solid #d7d7d7;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;}
.search #searchBoardList.custom-select {position:absolute;left:0;top:0;opacity:0;}

/* 검색 */
.search-area {display:none;border-bottom:1px solid #eee;}
.search-area .search-select {position:relative;margin:7px 15px 20px;}
.search-area .search-select #selectCategory {display:block;position:relative;width:100%;height:42px;padding:10px 9% 8px 4%;font-size:14px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/arrow-select.png) right center no-repeat #fff;background-size:9px auto;background-position:96% center;border:1px solid #d7d7d7;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;}
.search-area .search-select .custom-select {position:absolute;left:0;top:0;opacity:0;}
.search-area .result-info {padding:0 15px 9px;font-size:14px;}
.search-area .result-info::after {display:block;clear:both;content:'';}
.search-area .result-info .count {float:left;padding-top:8px;}
.search-area .result-info .headline-box {float:right;padding-top:0;border-bottom:none;}
.search-area .result-info .headline-box .custom-select {padding:6px 20px 6px 15px;}
/* 검색 팝업 */
.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:55px;border-bottom:1px solid #ddd;box-sizing:border-box;}
.search-top .btn-back {position:absolute;left:15px;top:18px;}
.search-top .search-input {width:65%;padding:14px 0 0;margin-left:45px;box-sizing:border-box;font-size:18px;color:#373737;line-height:24px;}
.search-top .search-input::-webkit-input-placeholder {font-size:18px;}
.search-top .search-input:-moz-placeholder {font-size:18px;}
.search-top .search-input::-moz-placeholder {font-size:18px;}
.search-top .search-input:-ms-input-placeholder {font-size:18px !important;}
.search-top .search-cancel {display:none;position:absolute;right:45px;top:50%;width:20px;height:20px;margin-top:-10px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/btn-close2.png) no-repeat;background-size:100% auto;text-indent:-9999px;opacity:0.3;}
.search-top .search-cancel.on {display:block;}
.search-top .btn-search {position:absolute;right:15px;top:18px;}

/* 게시글 리스트 */
.board-list .sticky-box-wrap {display:none;border-bottom:10px solid #f2f2f2;}
.board-list .sticky-box-wrap.on {display:block;}
.board-list .options {border-bottom:1px solid #eee;}
.board-list .headline-box,
.board-list .filter-box {position:relative;display:inline-block;padding-top:10px;}
.board-list .headline-box .custom-select,
.board-list .filter-box .custom-select {width:130px;padding:15px 20px 15px 15px;border:none;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;}
.board-list .creators-intro {display:flex;justify-content:space-between;align-items:center;position:relative;padding:20px 12px 20px 20px;background-color:#f7f8fd;border-bottom:10px solid #f2f2f2;}
.board-list .creators-intro::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e5e5e5;}
.board-list .creators-intro p {padding-top:38px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/img-creators.png) no-repeat;background-size:150px auto;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 #e8ebf6;border-radius:50%;text-indent:-9999px;}
.board-list .creators-intro a:hover {background-color:#dbdfef;}
.board-list.search #header {display:none;}
.board-list.search .section-list {padding-bottom:0;}
.board-list.search .search-area {display:block;}
.board-list.search .headline-default {display:none;}
.board-list.search .default-area {display:none;}
.board-list.search .options {display:none;}
.board-list.search #footer {display:none;}

/* 글쓰기 */
.board-write #container .header .btn-reg {top:0;height:100%;font-size:15px;text-indent:0;}
.board-write .select-box {padding:0;margin:0;}
.board-write .select-box .custom-select {display:block;height:50px;padding:0 9% 0 15px;font-size:16px;border:none;border-bottom:1px solid #e5e5e5;text-overflow:ellipsis;white-space:nowrap;}
.board-write input,
.board-write textarea {width:100%;padding:13px 15px;box-sizing:border-box;}
.board-write .tit-box {position:relative;border-bottom:1px solid #e5e5e5;}
.board-write .tit-box::after {display:block;clear:both;content:"";}
.board-write .tit-box .nick-input {border-bottom:1px solid #e5e5e5;}
.board-write .tit-box .headline-box {float:left;width:42%;}
.board-write .tit-box .headline-box select {padding:13px 22px 13px 15px;border:none;font-size:15px;text-overflow:ellipsis;white-space:nowrap;}
.board-write .tit-box .tit-input {float:left;width:58%;font-size:15px;}
.board-write .cont-input {border-top:5px solid #f2f2f2;}
.board-write .editor-summernote {min-height:140px;border:none;font-size:15px;outline:none;resize:none;}
.board-write .note-editor.note-frame .note-editing-area .note-editable {min-height:400px;padding:15px;}
.board-write .note-editor.note-frame .note-editing-area .note-editable p {line-height:1.3em;}
.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:15px;}
.board-write .copyright-txt {padding:15px;border-bottom:1px solid #e5e5e5;font-size:12px;color:#999;line-height:1.3em;}
.board-write .hashtag-list {display:none;overflow:hidden;border-bottom:1px solid #e5e5e5;}
.board-write .hashtag-list.on {display:block;padding:10px 15px 5px;}
.board-write .hashtag-list li {float:left;position:relative;padding:5px 30px 5px 10px;margin:0 5px 5px 0;background:#f5f5f5;border-radius:20px;color:#666;line-height:1em;}
.board-write .hashtag-list li::before {display:inline-block;padding-right:2px;content:'#';}
.board-write .hashtag-list li .hashtag-delete {position:absolute;right:0;top:0;width:31px;height:26px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/btn-close.png) center center no-repeat;background-size:9px auto;text-indent:-9999px;vertical-align:middle;opacity:0.4;}
.board-write .hashtag-hidden {display:block;width:100%;height:1px;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999px;}
.board-write .hashtag-input {border-bottom:1px solid #e5e5e5;font-size:15px;-webkit-border-radius:0;-webkit-appearance:none;}
.board-write .attachment-list {background:#fff;}
.board-write .attachment-list li {position:relative;background:#f2f2f2;border-bottom:1px solid #e5e5e5;}
.board-write .attachment-list li.on .attachment-thumb::after {display:block;content:'';position:absolute;left:0;top:0;width:20px;height:20px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-star.jpg) no-repeat;background-size:100% auto;}
.board-write .attachment-list .attachment-btn {display:block;width:92%;padding:7px 0 5px;margin:0 auto;border-top:1px solid #f5f5f5;text-align:left;}
.board-write .attachment-list .attachment-thumb {overflow:hidden;display:inline-block;position:relative;width:45px;height:45px;margin-right:7px;background-color:#fff;box-sizing:border-box;}
.board-write .attachment-list .attachment-thumb img {width:100%;min-height:100%;}
.board-write .attachment-list span {font-size:13px;color:#999;vertical-align:text-top;}
.board-write .attachment-list .attachment-delete {position:absolute;right:4%;top:50%;width:20px;height:20px;margin-top:-9px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/btn-close2.png) no-repeat;background-size:100% auto;text-indent:-9999px;opacity:0.3;}
.board-write .section-bot {display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #e5e5e5;}
.board-write .app-list {overflow:hidden;}
.board-write .app-list li {float:left;margin-right:14px;line-height:1em;}
.board-write .app-list input {width:20px;height:20px;padding:0;border-radius:0;outline:none;}
.board-write .auto-save-txt {font-size:12px;color:#999;}
.board-write .btn-sticker {margin:0;opacity:1;}
.board-write .sticker-box {position:static;border:none;}

/* 게시글 뷰 */
/* 뷰 공통 */
.board-view .btn-right {position:absolute;right:0;top:0;}
.board-view .btn-right .btn-more {width:25px;height:14px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-more.png) right center no-repeat;background-size:auto 100%;text-indent:-9999px;}
.board-view .btn-right .btn-block {width:23px;height:23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cpath d='M41.628 42.02h23v23h-23z' transform='translate(-41.628 -42.02)' style='fill:none'/%3E%3Cpath d='M45.645 58.591v-4.857a6.116 6.116 0 0 1 2.924-5.591 6.05 6.05 0 0 1 6.284 0 6.116 6.116 0 0 1 2.924 5.591v4.857h2.1v1.619H43.544v-1.619zm1.517-4.857h1.517A3.141 3.141 0 0 1 51.71 50.5v-1.623a4.712 4.712 0 0 0-4.549 4.857zm3.791-9.714h1.517v2.428h-1.518zm6.655 2.273 1.074 1.144-1.612 1.718L56 48.011zm-12.867 1.144 1.074-1.144 1.6 1.716-1.074 1.147z' transform='translate(-40.211 -41.615)' style='fill:%23ccccd0'/%3E%3C/svg%3E%0A");}
.board-view .btn-right .btn-block:hover {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cpath d='M41.628 42.02h23v23h-23z' transform='translate(-41.628 -42.02)' style='fill:none'/%3E%3Cpath d='M45.645 58.591v-4.857a6.116 6.116 0 0 1 2.924-5.591 6.05 6.05 0 0 1 6.284 0 6.116 6.116 0 0 1 2.924 5.591v4.857h2.1v1.619H43.544v-1.619zm1.517-4.857h1.517A3.141 3.141 0 0 1 51.71 50.5v-1.623a4.712 4.712 0 0 0-4.549 4.857zm3.791-9.714h1.517v2.428h-1.518zm6.655 2.273 1.074 1.144-1.612 1.718L56 48.011zm-12.867 1.144 1.074-1.144 1.6 1.716-1.074 1.147z' transform='translate(-40.211 -41.615)' style='fill:%23575758'/%3E%3C/svg%3E%0A");}
.board-view .btn-right .list-style-option {top:22px !important;}
.board-view .more-list {display:none;position:absolute;right:0;top:0;z-index:1;width:92px;padding:5px 0;background:#fff;border:1px solid #ddd;}
.board-view .more-list.on {display:block;}
.board-view .more-list button,
.board-view .more-list a {display:block;width:100%;padding:5px 15px;box-sizing:border-box;font-size:14px;text-align:center;}
.board-view .comment-style {clear:both;/*border-bottom:1px solid #eee;*/}
.board-view .comment-style > li {padding:15px 0 13px;border-top:1px solid #eee;}
.board-view .comment-style > li .box {position:relative;}
.board-view .comment-style > li .box::after {display:block;clear:both;content:'';}
.board-view .comment-style > li .profile-img {overflow:visible;float:left;width:35px;height:35px;margin-right:10px;}
.board-view .comment-style > li .icon-best {position:absolute;left:0;top:29px;width:35px;height:15px;padding:0 5px;background-color:#FE2960;border:1px solid #000;border-radius:999px;font-size:10px;color:#fff;text-align:center;letter-spacing:-0.4px;line-height:13px;}
.board-view .comment-style > li.depth2 .icon-best {left:-3px;top:24px;}
.board-view .comment-style > li .txt-area {float:left;width:75%;}
.board-view .comment-style > li .txt-area .reply-cont {margin-bottom:5px;font-size:14px;}
.board-view .comment-style > li .txt-area .reply-cont::after {display:block;clear:both;content:'';} /* for copy text */
.board-view .comment-style > li .txt-area .reply-cont * {overflow:hidden;font-family:'Noto Sans KR', Helvetica, sans-serif !important;font-size:14px !important;color:#333 !important;line-height:1.4em !important;}
.board-view .comment-style > li .txt-area .reply-cont img {max-width:82px!important;height:auto!important;}
.board-view .comment-style > li .txt-area .reply-cont img.sticker {max-width:63px !important;}
.board-view .comment-style > li .txt-area > span {margin-right:6px;font-size:12px;color:#999;line-height:1.3em;}
.board-view .comment-style > li .txt-area .writer {position:relative;margin-bottom:2px;font-size:14px;}
.board-view .comment-style > li .txt-area .writer > a,
.board-view .comment-style > li .txt-area .writer > button {font-size:14px;color:#999;}
.board-view .comment-style > li .txt-area .reply-likes {position:relative;padding:0 20px 0 16px;font-size:12px;color:#999;}
.board-view .comment-style > li .txt-area .reply-likes::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/web/m/icon-heart.png);background-size:12px auto;content:'';}
.board-view .comment-style > li .txt-area .reply-likes.on::before {background-position-y:-100%;}
.board-view .comment-style > li .txt-area .btn-rereply {font-size:12px;color:#999;}
.board-view .comment-style > li .btn-right {top:4px;}
.board-view .comment-style > li.reply-delete,
.board-view .comment-style > li.reply-delete.depth2 {padding:20px 0;color:#999;border-top:1px solid #eee;}
.board-view .comment-style > li.reply-delete + .depth2 {padding-top:15px;border-top:1px solid #eee;}
.board-view .comment-style > li.depth1 + .depth2 {padding-top:15px;border-top:1px solid #eee;}
.board-view .comment-style > li.depth2 {padding:0 0 13px;border-top:none;}
.board-view .comment-style > li.depth2 .box {padding-left:45px;}
.board-view .comment-style > li.depth2 .profile-img {width:29px;height:29px;}
.board-view .comment-style > li.depth2 .txt-area {width:73%;padding-top:0;}
.board-view .reply-none {display:none;clear:both;padding:42px 0;border-top:1px solid #eee;font-size:15px;color:#bbb;text-align:center;}
.board-view .reply-none.on {display:block;}
.board-view .btn-reply-more {display:none;width:100%;height:65px;border-top:1px solid #eee;font-size:15px;color:#333;text-align:center;}
.board-view .btn-reply-more.on {display:block;}

.board-view .popular-comments-box {width:calc(100% + 30px);margin-left:-15px;margin-top:13px;}
.board-view .popular-comments-box .comment-style > li {padding-left:15px;padding-right:15px;background-color:#F6F7F9;border-bottom-color:#EAEAEA;}
.board-view .popular-comments-box .comment-style > li .profile-img {position:relative;}
.board-view .popular-comments-box .comment-style > li.depth2:first-child {padding-top:15px;}

/* -- //뷰 공통 -- */
.board-view .view-area {padding:17px 15px 0;}
.board-view .view-top {position:relative;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e5e5e5;}
.board-view .view-top::after {display:block;clear:both;content:'';}
.board-view .view-top h2 > a {font-size:13px;font-weight:normal;color:#3392ff;}
.board-view .view-top h2 > a::after {display:inline-block;width:5px;height:10px;margin:-1px 0 0 4px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-arrow-right.png) no-repeat;background-size:100% auto;vertical-align:middle;content:'';}
.board-view .view-top h3 {overflow:hidden;padding:8px 0 12px;font-size:19px;font-weight:500;line-height:1.4em;}
.board-view .view-top .profile-img {float:left;width:40px;height:40px;margin-right:10px;}
.board-view .view-top .article-info {float:left;width:calc(100% - 80px);padding-top:2px;margin-right:25px;font-size:13px;}
.board-view .view-top .article-info dd.writer {margin-bottom:2px;}
.board-view .view-top .article-info dd.date {display:inline;margin-right:8px;}
.board-view .view-top .article-info dd.etc {display:inline;}
.board-view .view-top .article-info dd.etc span {float:none;}
.board-view .view-top .article-info dd.etc span.count-read {display:inline-block;}
.board-view .view-top .btn-right {top:auto;bottom:14px;}
.board-view .view-top .more-list {top:22px;}
.board-view .view-top .more-list::before {display:block;position:absolute;left:0;top:-25px;width:82px;height:24px;content:'';}
.board-view .view-cont .main-contents {overflow:hidden;position:relative;min-height:100px;}
.board-view .view-cont .main-contents a {color:#337ab7;}
.board-view .view-cont .main-contents a:hover {color:#23527c;text-decoration:underline;}
.board-view .view-cont .main-contents p {position:relative;}
.board-view .view-cont .main-contents img.sticker {max-width:63px !important;}
.board-view .view-cont .main-contents .iframe-wrap {position:relative;padding-top:56.3%;margin-bottom:10px;}
.board-view .view-cont .main-contents .iframe-wrap iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.board-view .view-cont .main-contents .iframe-wrap.type-square {padding-top:100%;}
.board-view .view-cont .main-contents table {width:100% !important;}
.board-view .view-cont .main-contents table th,
.board-view .view-cont .main-contents table td {width:auto !important;}
.board-view .view-cont .btn-filedown {margin:10px 0 30px 45%;}
.board-view .view-cont .btn-filedown li {margin-top:4px;}
.board-view .view-cont .btn-filedown li:first-child {margin-top:0;}
.board-view .view-cont .btn-filedown li a {display:block;position:relative;padding:6px 10px 5px 36px;background-color:#e1e1e1;border-radius:3px;font-size:13px;color:#666;}
.board-view .view-cont .btn-filedown li a::before {position:absolute;left:10px;top:50%;width:20px;height:20px;margin-top:-10px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-collection.png);background-size:auto 100%;background-position-x:-300%;content:'';}
.board-view .view-cont .hashtag {padding:10px 0 15px;}
.board-view .view-cont .hashtag button {overflow:hidden;padding:2px 11px 0px 0px;font-size:15px;color:#3392ff;text-align:left;}
.board-view .share {padding:20px 0;text-align:center;}
.board-view .share > button {min-width:58px;height:35px;padding:0 20px;margin:0 4px;border:1px solid #d1d1d1;border-radius:22px;font-size:14px;}
.board-view .share #urlCopy {display:block;position:absolute;left:0;top:0;width:1px;height:1px;text-indent:-9999px;}
.board-view .share .thread-likes {position:relative;padding-left:40px;}
.board-view .share .thread-likes::before {position:absolute;left:15px;top:50%;width:22px;height:22px;margin-top:-11px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-like.png);background-size:100% auto;content:'';}
.board-view .share .thread-likes.on::before {background-position-y:-100%;}
.board-view .share .btn-dislike {position:relative;padding-left:40px;}
.board-view .share .btn-dislike::before {position:absolute;left:15px;top:50%;width:22px;height:22px;margin-top:-11px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-hate.png);background-size:100% auto;content:'';}
.board-view .share .btn-dislike.on::before {background-position-y:-100%;}
.board-view .btn-list {width:150px;height:40px;margin:25px auto 80px;border:1px solid #1a2e3b;font-size:14px;}
.board-view .forum-height {padding:10px 0;}
/* 최신글/다음글 리스트 */
.board-view .section-more {padding-bottom:70px;border-top:1px solid #e5e5e5;}
.board-view .section-more .more-top {overflow:hidden;padding:23px 15px 7px 20px;border-top:10px solid #f2f2f2;border-bottom:1px solid #e5e5e5;}
.board-view .section-more .more-top h2 {overflow:hidden;float:left;width:calc(100% - 95px);font-size:17px;font-weight:bold;line-height:initial;white-space:nowrap;text-overflow:ellipsis;}
.board-view .section-more .more-top .btn-all-list {float:right;width:33px;height:25px;margin-right:5px;}
.board-view .section-more .more-top .btn-all-list::before {display:inline-block;width:20px;height:20px;margin-top:2px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-collection.png);background-size:auto 100%;content:'';}
.board-view .section-more .more-box {overflow-x:visible;overflow-y:initial;position:relative;clear:both;margin:0 15px;}
.board-view .section-more .more-box .paging {text-align:center;}
.board-view .section-more .more-box .paging .swiper-pagination-bullet {display:inline-block;width:8px;height:8px;margin:14px 3px 0;background-color:#ccc;border-radius:50%;text-indent:-9999px;}
.board-view .section-more .more-box .paging .swiper-pagination-bullet-active {background-color:#0177ff;}
.board-view .section-more .more-box.banner-type {padding-top:20px;}
.board-view .section-more .more-box.banner-type .swiper-slide {overflow:hidden;}
.board-view .section-more .more-box.banner-type .swiper-slide i {display:block;position:relative;padding-top:67.86%;}
.board-view .section-more .more-box.banner-type .swiper-slide img {position:absolute;left:0;top:0;width:100%;min-height:100%;}
.board-view .section-more .more-box.banner-type .swiper-slide.default {background-color:#e5e9ec;}
.board-view .section-more .more-box.banner-type .swiper-slide.default img {min-height:auto;padding-top:5%;}
.board-view .section-more .list-box {overflow-x:visible;overflow-y:initial;}
.board-view .section-more .list-box .swiper-slide {overflow-x:visible;overflow-y:initial;padding:0 0 1px;box-sizing:initial;}
.board-view .section-more .list-box .swiper-slide > li {min-height:78px;padding:10px 0;border-color:#eee;}
.board-view .section-more .list-box .swiper-slide > li::after {display:block;content:'';clear:both;}
.board-view .section-more .list-box .swiper-slide > li.current {background:#f4f4f4;}
.board-view .section-more .list-box .swiper-slide > li a {overflow:hidden;min-height:auto;}
.board-view .section-more .list-box .swiper-slide > li .left {float:left;width:82%;}
.board-view .section-more .list-box .swiper-slide > li h3 {display:block;margin-bottom:1px;font-size:14px;line-height:initial;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1;-webkit-box-orient:initial;}
.board-view .section-more .list-box .swiper-slide > li .article-info {color:#999;}
.board-view .section-more .list-box .swiper-slide > li dd.writer {float:none;}
.board-view .section-more .list-box .swiper-slide > li .right.count-comment {display:inline-block;position:absolute;right:5px;top:50%;width:33px;padding:22px 0 0;margin:-20px 0 0;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/count-comment.png) center 0 no-repeat;background-size:18px auto;font-size:12px;color:#999;text-align:center;}
.board-view .section-more .list-box .swiper-slide > li .right.count-comment::before {display:none;}
.board-view .section-more.creators-more .list-box {margin-top:20px;}
.board-view .section-more.creators-more .list-box > ul {margin-top:0;}
.board-view .section-more.creators-more .list-box > ul > li {padding:20px;margin-top:0;}
.board-view .section-more.creators-more .list-box > ul > li dd.writer {float:left;}
.board-view .section-more.creators-more .more-box .paging-box {display:flex;width:100%;justify-content:center;align-items:center;padding-top:12px;}
.board-view .section-more.creators-more .more-box .paging-box div {display:inline-block;}
.board-view .section-more.creators-more .more-box .paging {padding:0 6px;color:#a1a7b5;line-height:32px;}
.board-view .section-more.creators-more .more-box .paging .swiper-pagination-current {color:#0076ff;}
.board-view .section-more.creators-more .more-box .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 .more-box .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 .more-box .swiper-button-prev:hover,
.board-view .section-more.creators-more .more-box .swiper-button-next:hover {background-color:#e8ebf2;}
/* 설문 */
.board-view .view-cont .survey-area .survey-list{overflow-x:auto !important;margin:15px 0;font-size:13px;color:#252525;}
.board-view .view-cont .survey-area .survey-list.period-end .answer label{opacity:0.4;}
.board-view .view-cont .survey-area .survey-list > p{padding:10px 0;margin:0;}
.board-view .view-cont .survey-area .survey-list > div{margin-bottom:24px;}
.board-view .view-cont .survey-area .survey-list > div .question{font-size:18px;}
.board-view .view-cont .survey-area .question{margin-bottom:10px;font-weight:500;}
.board-view .view-cont .survey-area textarea{width:100%;box-sizing:border-box;font-size:13px;resize:none;outline:none;}
.board-view .view-cont .survey-area .answer li{position:relative;margin-bottom:10px;}
.board-view .view-cont .survey-area .answer input{position:absolute;left:0;top:0;opacity:0;}
.board-view .view-cont .survey-area .answer input:checked + label::before{background-position-x:-100%;}
.board-view .view-cont .survey-area .answer label{display:block;position:relative;width:100%;padding-left:27px;box-sizing:border-box;font-size:15px;font-weight:normal;line-height:1.6em;}
.board-view .view-cont .survey-area .answer label::before {position:absolute;left:0;top:50%;width:19px;height:19px;margin-top:-9px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-radio.png);background-size:auto 100%;content:'';}
.board-view .view-cont .survey-area .answer .survey-etc{padding:7px;margin-top:12px;border:1px solid #ccc;}
.board-view .view-cont .survey-area .answer.essay{height:140px;padding:8px 10px;border:1px solid #ccc;}
.board-view .view-cont .survey-area textarea:disabled{background-color:#e8e8e8;opacity:0.6;}
.board-view .view-cont .survey-area .btn-survey{display:block;width:150px;height:40px;margin:0 auto 60px;background:#3392ff;font-size:14px;color:#fff;}
.board-view .view-cont .survey-area .btn-survey.off{background:#cecccd;}
.board-view .view-cont .main-contents .survey-complete {padding:100px 0;margin-bottom:3px;font-size:18px;color:#666;text-align:center;line-height:2em;letter-spacing:-0.5px;}
.board-view .view-cont .main-contents .survey-complete strong {display:block;font-size:30px;font-weight:normal;color:#3392ff;}
/* 댓글보기 */
.board-view .view-reply .header {display:none;}
.board-view .reply-inner::after {display:block;clear:both;content:'';}
.board-view .reply-tit {display:none;}
.board-view .reply-input {margin-bottom:25px;}
.board-view .reply-input .nick-input {width:100%;padding:10px 4%;margin-bottom:5px;border:1px solid #ccc;}
.board-view .reply-input .nick-input::placeholder {color:#d4d4d4;}
.board-view .reply-input .reply-box {position:relative;min-height:33px;border:1px solid #ccc;}
.board-view .reply-input .nologin-disabled {display:block;width:100%;min-height:62px;padding:10px 4%;background-color:#fafafa;border:none;resize:none;}
.board-view .reply-input .nologin-disabled::-webkit-input-placeholder {font-size:15px;color:#d4d4d4;}
.board-view .reply-input .nologin-disabled:-moz-placeholder {font-size:15px;color:#d4d4d4;}
.board-view .reply-input .nologin-disabled::-moz-placeholder {font-size:15px;color:#d4d4d4;}
.board-view .reply-input .nologin-disabled:-ms-input-placeholder {font-size:15px;color:#d4d4d4;}
.board-view .reply-input .input-admin {display:none;/*position:absolute;left:0;bottom:0;width:100%;height:50px;padding-left:4%;border-top:1px solid #e5e5e5;box-sizing:border-box;*/}
.board-view .reply-input .input-admin.on {display:block;}
.board-view .reply-input .reply-btn {position:relative;}
.board-view .reply-input .reply-btn.disabled {background-color:#fafafa;}
.board-view .reply-input .reply-btn::after {display:block;clear:both;content:'';}
.board-view .reply-input .reply-btn .left {float:left;}
.board-view .reply-input .reply-btn .right {float:right;}
.board-view .reply-input .reply-btn .input-wrap {display:inline-block;vertical-align:middle;position:relative;}
.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 {display:inline-block;border-radius:0;vertical-align:middle;opacity:0.3;outline:none;}
.board-view .reply-input .reply-btn .btn-reply-reg {padding:7px 10px 7px 7px;font-weight:bold;color:#ddd;vertical-align:middle;}
.board-view .reply-input .reply-btn .btn-reply-reg.on {color:#3392ff;}
.board-view .reply-input .note-editor.note-frame .note-editing-area {min-height:62px;}
.board-view .reply-input .note-editor.note-frame .note-editing-area .note-editable * {font-family:'Noto Sans KR', Helvetica, sans-serif !important;font-size:15px !important;color:#333 !important;line-height:1.3em !important;}
.board-view .reply-input .note-editor.note-frame .note-editing-area .note-editable img {max-width:45px !important;}
.board-view .reply-input .note-editor.note-frame .note-editing-area .note-editable img.sticker {max-width:63px !important;}
.board-view .color-blue {color:#3392ff;}
.board-view .reply-count {float:left;padding-left:20px;margin-bottom:10px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-reply.png) 0 center no-repeat;background-size:16px auto;font-size:14px;}
.board-view .btn-reply {float:right;margin-bottom:10px;font-size:14px;}
.board-view .reply-input.anonymous .nologin-disabled,
.board-view .reply-input.anonymous .note-editor.note-frame .note-editing-area {min-height:126px;}
/* 댓글 권한 - admin */
.board-view.authority-admin .reply-input,
.board-view.authority-admin .reply-none {display:none;}
/* 댓글 권한 - none */
.board-view.authority-none .reply-input,
.board-view.authority-none .reply-count,
.board-view.authority-none .btn-reply,
.board-view.authority-none .reply-none,
.board-view.authority-none .reply-list,
.board-view.authority-none .btn-reply-more {display:none;}
/* 댓글모두보기 */
.board-view .view-reply.on {overflow-y:auto;position:fixed;left:0;top:0;z-index:1001;width:100%;min-width:320px;height:100%;min-height:100%;padding-top:55px;background:#fff;box-sizing:border-box;}
.board-view .view-reply.on .header {display:block;padding:16px 0;}
.board-view .view-reply.on .header .btn-back {left:15px;}
.board-view .view-reply.on .header h2 {font-size:16px;color:#000;text-align:center;}
.board-view .view-reply.on .reply-inner {overflow-y:auto;max-width:750px;height:100%;padding:0 15px;margin:0 auto;}
.board-view .view-reply.on .reply-tit {display:block;overflow:hidden;margin:15px 0;font-size:19px;font-weight:500;color:#333;line-height:1.3em;letter-spacing:-0.5px;white-space:nowrap;text-overflow:ellipsis;}
.board-view .view-reply.on .reply-input {margin:0;}
.board-view .view-reply.on .thread-likes,
.board-view .view-reply.on .btn-dislike,
.board-view .view-reply.on .reply-count,
.board-view .view-reply.on .btn-reply {display:none;}
.board-view .view-reply.on .reply-list {margin-bottom:70px;}
.board-view .view-reply.on .reply-list > li:first-child {border-top:none;}
/* 답글쓰기 */
.board-view .view-reply.re-write {z-index:1001;}
.board-view .view-reply.re-write .reply-tit {display:none;}
.board-view .view-reply.re-write .reply-list {display:none;}
.board-view .view-reply.re-write .reply-list.add-rereply {display:block;margin-bottom:0;}
.board-view .view-reply.re-write .reply-input {margin-bottom:15px;}

/* 채택 */
.board-view .view-cont .main-contents .pick-box {padding:14px 16px;margin-top:20px;background-color:#eaf1ff;border-radius:5px;}
.board-view .view-cont .main-contents .pick-box .black {font-weight:700; color:#1f2124;}
.board-view .view-cont .main-contents .pick-box > p.pick {margin-bottom:0;}
.board-view .view-cont .main-contents .pick-box > p.pick::before {width:18px;height:19px;vertical-align:bottom;}
.board-view .view-cont .main-contents .pick-box .pick-comment {margin-top:20px;}
.board-view .view-cont .main-contents .pick-box .profile-img {float:left;width:40px;height:40px;margin-left:10px;background-size:100% auto;border:solid 1px #ededed;box-shadow:none;}
.board-view .view-cont .main-contents .pick-box .profile-img > img {height:100% !important;}
.board-view .view-cont .main-contents .pick-box .profile-img::after {display:none;}
.board-view .view-cont .main-contents .pick-box .txt-area {padding-left:62px;font-size:14px;}
.board-view .view-cont .main-contents .pick-box .txt-area::after {display:block;clear:both;content:'';}
.board-view .view-cont .main-contents .pick-box .txt-area .writer {display:block;font-size:12px;color:#999;}
.board-view .view-cont .main-contents .pick-box .txt-area .date {font-size:12px;color:#9fa1a7;margin-right:15px;}
.board-view .view-cont .main-contents .pick-box .txt-area .reply-cont {margin-top:10px;}
.board-view .view-cont .main-contents .pick-box .txt-area .reply-cont::after {display:block;clear:both;content:'';} /* for copy text */
.board-view .view-cont .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-cont .main-contents .pick-box .txt-area .reply-cont *:not(pre, pre code, pre code span){color:#17191d !important;}
.board-view .view-cont .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-cont .main-contents .pick-box .txt-area .like-count {font-size:12px;}
.board-view .view-cont .main-contents .pick-box .txt-area .like-count::before {display:inline-block;width:22px;height:22px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/pc/icon-heart.png);background-size:100% auto;content:"";vertical-align:-5px;}
/*.board-view .view-cont .main-contents .pick-box .profile-img {float:left;width:50px;height:50px;margin-right:12px;background-size:100% auto;border:solid 1px #ededed;box-shadow:none;}*/

.board-view .reply-list li .box {position: relative;}
.board-view .reply-list li .btn-reply-pick {position:absolute;bottom:0;right:0;width:32px;height:32px;border:1px solid #eaeaea;border-radius:50%;}
.board-view .reply-list li .btn-reply-pick::before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background-image: url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-pick-enable-15-mo.png);}
.board-view .reply-list li .btn-reply-pick.on {position:absolute;bottom:0;right:0;color:#3077ff;border-color:#3077ff;}
.board-view .reply-list li .btn-reply-pick.on::before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background-image: url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-pick-select-15-mo.png);}

.board-view .reply-list li .pick-tooltip {position:absolute;right:0;bottom:45px;z-index:1;padding:15px 18px;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 .pick-tooltip::after {content:"";position:absolute;right:10px;bottom:-7px;width:0;height:0;border:7px solid transparent;border-bottom-width:0;border-top-color:#fff;}
.board-view .reply-list li .pick-tooltip p {display:inline;}
.board-view .reply-list li .pick-tooltip i::before {width:13px;height:13px;margin-right:0;vertical-align:middle;}
.board-view .reply-list li .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/pc/btn-close2.png);background-size:100% auto;text-indent:-9999px;vertical-align:middle;opacity:0.6;}
.board-view .reply-list li .pick-tooltip .pick-close:hover {opacity:1;}

/* 신고하기 */
.report {display:none;overflow-y:auto;position:fixed;left:0;top:0;z-index:10001;width:100%;height:100%;background:#fff;box-sizing:border-box;}
.report.on {display:block;}
.report .header {padding:16px 0;}
.report .header .btn-back {left:15px;}
.report .header h2 {font-size:16px;color:#000;text-align:center;}
.report .report-cont {max-width:750px;padding:55px 0 50px;margin:0 auto;}
.report .box {padding:15px 15px 16px;border-bottom:1px solid #e5e5e5;}
.report .box dt {display:none;}
.report .box dd.post-tit {overflow:hidden;margin-bottom:3px;font-size:16px;font-weight:500;}
.report .box dd.post-tit span {font-size:16px;font-weight:500;}
.report .box dd.post-writer {font-size:13px;color:#999;}
.report #reason-select {padding:0 15px;border-top:5px solid #f2f2f2;}
.report #reason-select li {border-top:1px solid #eee;}
.report #reason-select li:first-child {border-top:none;}
.report #reason-select li.on {background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-check.png) right center no-repeat;background-size:18px auto;}
.report #reason-select li button {width:100%;padding:14px 22px 14px 0;font-size:16px;font-weight:500;text-align:left;}
.report .etc-input {display:block;width:92%;min-height:70px;padding:8px 10px;margin:0 auto 15px;border:1px solid #ccc;box-sizing:border-box;resize:none;}
.report .report-note {padding:0 15px 25px;}
.report .report-note p {font-size:13px;color:#999;line-height:1.3em;}
.report .report-note p.note2 {color:#e93323;}
.report #report-reg {display:block;width:150px;height:40px;margin:0 auto;background:#3392ff;font-size:14px;color:#fff;}

/* 프로필 */
.profile .profile-default {min-height:390px;}
.profile .profile-box {padding:40px 0 20px;}
.profile .profile-box .profile-img-wrap {position:relative;width:120px;height:120px;margin:0 auto;}
.profile .profile-box .profile-img-wrap .icon-camera {position:absolute;right:0;bottom:0;width:35px;height:35px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-collection2.png);background-size:auto 100%;background-position-x:-100%;}
.profile .profile-box .user-info dd {text-align:center;}
.profile .profile-box .user-info dd.profile-name {margin:15px 0 12px;font-size:20px;line-height:1em;}
.profile .profile-box .user-info dd.profile-name .grade-icon {top:-1px;width:28px;height:17px;margin-right:3px;vertical-align:bottom;}
.profile .profile-box .user-info dd > span {position:relative;padding-left:18px;margin-right:10px;font-size:13px;color:#999;}
.profile .profile-box .user-info dd > span::before {position:absolute;left:0;top:3px;width:14px;height:14px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/common/icon-profile.png);background-size:auto 100%;content:"";}
.profile .profile-box .user-info dd > span.count-thread::before {background-position-x:-100%;}
.profile .profile-box .user-info dd > span.count-comment::before {background-position-x:-200%;}
.profile .profile-box .user-info dd .btn-grade-history {font-size:13px;font-weight:300;color:#999;}
/*.profile .profile-box .user-info .game-info {margin-bottom:15px;}*/
/*.profile .profile-box .user-info .game-info span {padding-left:6px;margin:0 0 0 6px;color:#666;}*/
/*.profile .profile-box .user-info .game-info span::before {top:50%;width:1px;height:10px;margin-top:-5px;background-color:#ccc;background-image:none;content:"";}*/
/*.profile .profile-box .user-info .game-info span.game-nickname {font-size:13px;color:#333;}*/
/*.profile .profile-box .user-info .game-info span.game-nickname, .profile .profile-box .user-info .game-info span.game-level {padding-left:0;margin-left:0;}*/
/*.profile .profile-box .user-info .game-info span.game-nickname::before, .profile .profile-box .user-info .game-info span.game-level::before {display:none;}*/
/*.profile .profile-box .user-info .game-info .btn-grade-history {position:relative;padding-left:15px;}*/
/*.profile .profile-box .user-info .game-info .btn-grade-history::before {position:absolute;left:7px;top:50%;width:1px;height:10px;margin-top:-5px;background-color:#ccc;content:'';}*/
.profile .profile-box .user-info .btn-info {width:14px;height:14px;margin:-1px 0 0 20px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/common/icon-profile.png);background-size:auto 100%;background-position-x:-300%;text-indent:-9999px;vertical-align:middle;}
.profile .profile-box .user-info .btn-info::before {position:absolute;left:-20px;top:50%;width:1px;height:14px;margin-top:-6px;background-color:#e5e5e5;content:"";}
.profile .profile-box .user-info .btn-info::after {position:absolute;left:-12px;top:50%;width:5px;height:1px;background-color:#d0d0d0;content:"";}
/*.profile .badge-box {display:none;position:relative;margin:0 24px 35px;}*/
/*.profile .badge-box.on {display:block;}*/
/*.profile .badge-box.more .inner {overflow:initial;height:auto;}*/
/*.profile .badge-box.more .badge-more::after {transform:rotateX(180deg);}*/
/*.profile .badge-box.add {display:block;}*/
/*.profile .badge-box.add .inner {padding-right:23px;}*/
/*.profile .badge-box.add ul {justify-content:flex-start;}*/
/*.profile .badge-box.add .badge-more {position:absolute;right:0;top:3px;}*/
/*.profile .badge-box .inner {overflow:hidden;height:20px;}*/
/*.profile .badge-box ul {display:flex;flex-wrap:wrap;justify-content:center;}*/
/*.profile .badge-box li {overflow:hidden;width:20px;height:20px;margin:0 1px 3px 2px;}*/
/*.profile .badge-box li img {vertical-align:top;}*/
/*.profile .badge-box .badge-more {display:none;width:15px;height:15px;border:1px solid #ccc;text-align:center;}*/
/*.profile .badge-box .badge-more::after {content:'';position:absolute;left:3px;top:5px;width:0;height:0;border:4px solid transparent;border-bottom-width:0;border-top-color:#999;transition:all 0.5s;}*/
/*.profile .badge-box .badge-more.on {display:block;}*/
.profile .section-list .tab-box {margin-top:25px;}
.profile .section-list .tab-box ul {margin:0 auto;}
.profile .section-list .tab-box li {margin-left:22px;}
.profile .section-list .tab-box li:first-child {margin-left:0;}
.profile .section-list .tab-box li button {padding:17px 15px 3px;font-size:18px;}
.profile .profile-edit {display:none;}
.profile .withdrawn-member {padding-top:75px;margin-top:120px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/common/icon-forum.png) center 0 no-repeat;background-size:60px auto;font-size:16px;text-align:center;}
/* 프로필 설정 */
.profile.setting #header {display:none;}
.profile.setting .profile-default {display:none;}
.profile.setting .profile-edit {display:block;padding-bottom:100px;}
.profile.setting #contents .profile-edit .header {position:absolute;left:0;top:0;width:100%;padding:16px 0;}
.profile.setting .profile-edit .header h2 {font-size:18px;color:#000;text-align:center;}
.profile.setting .profile-edit .header .btn-info {display:none;position:initial!important;width:14px;height:14px;margin-left:5px;background-image:url('https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/common/icon-profile.png');background-position-x:-300%;background-size:auto 100%;vertical-align:-1px;}
.profile.setting .profile-edit .header .btn-info.block {display:inline-block;}
.profile.setting .profile-edit .profile-box {padding-top:95px;}
.profile.setting .profile-edit .tooltip {display:none;position:absolute;left:50%;top:45px;width:306px;padding:8px;margin-left:-153px;text-align:left;background-color:#17191d;box-sizing:border-box;z-index:1001;}
.profile.setting .profile-edit .tooltip.on {display:block;}
.profile.setting .profile-edit .tooltip li {padding-left:10px;margin-bottom:6px;font-size:11px;color:#fff;text-indent:-7px;}
.profile.setting .profile-edit .tooltip::after {position:absolute;right:102px;top:-10px;border-top:0px solid transparent;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #17191d;content:"";}
.profile.setting .profile-img-wrap .icon-camera {background-position-x:0;}
.profile.setting .badge-setting {display:none;position:relative;margin-top:6px;text-align:center;}
.profile.setting .badge-setting.on {display:block;}
.profile.setting .badge-setting .btn-badge-open {position:relative;padding-right:15px;font-size:13px;color:#999;}
.profile.setting .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:#999;transition:all 0.5s;}
.profile.setting .badge-setting .btn-badge-open.on::after {transform:rotateX(180deg);}
.profile.setting .badge-setting .btn-badge-open.on + .badge-list {display:block;}
.profile.setting .badge-setting .badge-list {display:none;position:absolute;left:50%;top:23px;z-index:1;width:146px;height:200px;padding:8px;margin-left:-73px;background-color:#fff;border:1px solid #ccc;box-sizing:border-box;}
.profile.setting .badge-setting .badge-list ul {display:flex;flex-wrap:wrap;}
.profile.setting .badge-setting .badge-list li {overflow:hidden;width:50px;height:50px;margin:7px;}
.profile.setting .badge-setting .badge-list li:hover {margin:5px;border:2px solid #0c77ff;box-shadow:3px 5px 6px 0 rgba(0,0,0,0.2);}
.profile.setting .badge-setting .badge-list li button {width:50px;height:50px;background-size:100% auto;}
.profile.setting .nick-input {overflow:hidden;padding:7px 0;margin:0 30px 12px;border-bottom:1px solid #e5e5e5;}
.profile.setting .nick-input input {width:90%;font-size:20px;}
.profile.setting .nick-input .btn-delete {display:none;float:right;width:20px;height:20px;margin-top:5px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/btn-close2.png) no-repeat;background-size:100% auto;text-indent:-9999px;opacity:0.3;}
.profile.setting .nick-input .btn-delete.on {display:block;}
.profile.setting .msg {margin:0 30px;font-size:14px;color:#ff6600;}
.profile.setting .btn-nick-reg {display:block;width:150px;height:40px;margin:100px auto 0;background:#3392ff;font-size:14px;color:#fff;}
.profile.setting .btn-fixed {display:none;}

/* 유저제재 */
.user-sanctions .sanctions-inner {padding-bottom:100px;margin:0 15px;text-align:center;}
.user-sanctions .profile-box {padding:40px 0 50px;margin-bottom:25px;border-bottom:1px solid #e5e5e5;}
.user-sanctions .profile-box .profile-img-wrap {position:relative;width:100px;height:100px;margin:0 auto 10px;}
.user-sanctions .profile-box .profile-name {font-size:20px;color:#222;}
.user-sanctions .nick-txt {margin-bottom:25px;font-size:14px;color:#666;}
.user-sanctions dl {border:1px solid #e5e5e5;font-size:14px;text-align:left;}
.user-sanctions dt {padding:10px 15px;border-top:1px solid #e5e5e5;color:#999;}
.user-sanctions dt:first-child {border-top:none;}
.user-sanctions dd {padding:10px 15px;border-top:1px solid #e5e5e5;}
.user-sanctions dd .color-red {color:#e93323;}
.user-sanctions .reason-list li {padding-bottom:20px;}
.user-sanctions .reason-list li .day {display:block;}
.user-sanctions .btn-ok {display:block;width:150px;height:40px;margin:25px auto 0;background:#3392ff;color:#fff;}

/* 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.4);}
.pop.on{display:block;}
.pop .pop-inner{position:relative;top:20%;width:94%;min-width:260px;max-width:480px;padding-bottom:20px;margin:0 auto;background:#fff;text-align:center;}
.pop .pop-tit{padding:17px 0;background:#f2f2f2;border-bottom:1px solid #e5e5e5;font-size:16px;font-weight:500;color:#333;}
.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/web/m/btn-close.png) no-repeat;background-size:100% auto;text-indent:-9999px;}
.pop .btn-box {margin-top:30px;text-align:center;}
.pop .btn-box button {margin:0 4px;}

/* #movPop{display:block;opacity:1;} */
#movPop .video-type{overflow:hidden;width:92%;margin:12px auto 8px;}
#movPop .video-type li{float:left;position:relative;margin-right:20px;}
#movPop .video-type li input{position:absolute;left:0;top:0;opacity:0;}
#movPop .video-type li input:checked + label::before{background-position-x:-100%;}
#movPop .video-type li label{position:relative;padding-left:23px;font-size:13px;font-weight:500;color:#252525;line-height:26px;vertical-align:middle;}
#movPop .video-type li label::before {position:absolute;left:0;top:50%;width:19px;height:19px;margin-top:-9px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-radio.png);background-size:auto 100%;content:'';}
#movPop .video-input{position:relative;width:92%;margin:0 auto 8px;text-align:left;}
#movPop .video-input #videoLinkInput{width:81.5%;padding:8px 3%;border:1px solid #ccc;}
#movPop .video-input .pop-ok{position:absolute;right:0;top:0;width:16%;height:100%;border:1px solid #ccc;font-size:14px;}
#movPop .pop-txt{width:90%;margin:0 auto 3px;font-size:12px;color:#aaa;text-align:left;line-height:1.3em;}

#gradePolicyPop .pop-inner {text-align:left;}
#gradePolicyPop h2 {text-align:center;}
#gradePolicyPop span.guide-text {display:block;font-size:14px;padding: 20px 20px 0;}
#gradePolicyPop .start-date {display:block;padding:20px 20px 15px;font-size:14px;color:#858585;}
#gradePolicyPop .start-date .black {color:#333;}
#gradePolicyPop .pop-box {overflow-y:auto;max-height:400px;padding-bottom:1px;margin:0 20px;}
#gradePolicyPop table {width:100%;border:1px solid #c7c8cc;font-size:14px;font-weight:500;text-align:center;}
#gradePolicyPop th {padding:12px 0;background-color:#fafafa;border:1px solid #e6e6e6;font-weight:500;color:#333;}
#gradePolicyPop th:nth-child(1) {width:100px;}
#gradePolicyPop td {padding:10px;border:1px solid #e6e6e6;color:#999;}
#gradePolicyPop td.icon i {display:block;width:100%;height:26px;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:#666;}
#gradePolicyPop .pop-close {left:initial;right:4%;}

#gradeHistoryPop .pop-inner {text-align:left;}
#gradeHistoryPop h2 {text-align:center;}
#gradeHistoryPop span.guide-text {display:block;font-size:14px;padding: 10px 20px 0;}
#gradeHistoryPop .pop-box {overflow-y:auto;max-height:400px;padding:0 20px;margin-top:20px;}
#gradeHistoryPop li {margin-bottom:20px;font-size:14px;color:#999;text-align:left;}
#gradeHistoryPop li .black {color:#666;}
#gradeHistoryPop li > div {margin-top:15px;border:1px solid #e6e6e6;}
#gradeHistoryPop li dl {display:flex;flex-wrap:wrap;padding:4px 10px;}
#gradeHistoryPop li dl:first-child {padding:8px 10px;background-color:#fafafa;}
#gradeHistoryPop li dl:first-child dd {padding:4px 0;color:#666;}
#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 .pop-close {left:initial;right:4%;}
#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/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/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/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:20px;height:20px;margin:8px 0 0 8px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-sticker.png);background-size:100% auto;opacity:0.35;}
.btn-sticker.on {display:inline-block;}
.sticker-box {display:none;position:absolute;left:0;top:40px;z-index:1;width:100%;background-color:#fff;border:1px solid #d1d1d1;}
.sticker-box.on {display:block;}
.sticker-tab {position:relative;height:37px;border-bottom:1px solid #eee;}
.sticker-tab .tab-inner {height:100%;padding:0 29px;}
.sticker-tab li {width:auto;padding:7px 13px;}
.sticker-tab li.on {background-color:#efefef;}
.sticker-tab li button {overflow:hidden;width:22px;height:22px;}
.sticker-tab .arrow button {position:absolute;top:0;width:29px;height:100%;background-color:#fff;text-indent:-9999px;}
.sticker-tab .arrow button::before {position:absolute;left:11px;top:12px;width:7px;height:13px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/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:250px;padding:8px 2px;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 8px;}
.sticker-list li button {width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:100% auto;}

/* 메인 레이아웃 type1 */
.main-type1 .section-list .list-title {display:none;}
.main-type1 .section-list .tab-box {border-top:1px solid #e5e5e5;}
.main-type1 .section-list .tab-box .inner {border-top:10px solid #f2f2f2;}
.main-type1 .section-banner {display:none;}

/* 메인 레이아웃 type2 */
.main-type2 .img-box .swiper-slide i {padding-top:69.6%;}
.main-type2 .img-box .swiper-slide.default {background-color:#e5e9ec;}
.main-type2 .img-box .swiper-slide.default img {min-height:auto;padding-top:5%;}
.main-type2 .section-list {padding-bottom:0;}
.main-type2 .section-list .tab-box {display:none;}
.main-type2 .section-list .list-title {border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;font-size:20px;font-weight:bold;}
.main-type2 .section-list .list-title span {display:block;padding:25px 15px 10px;border-top:10px solid #f2f2f2;}
.main-type2 .section-list .list-title.type-media {border-bottom:none;}
.main-type2 .section-list .list-title.type-media span {padding-bottom:25px;border-bottom:none;}
.main-type2 .list-box .type-media li {border-bottom:none;}
.main-type2 .list-box .type-media li:nth-child(odd),
.main-type2 .list-box .type-media li:nth-child(even) {padding-top:0;}
.main-type2 .section-banner {display:block;border-top:1px solid #e5e5e5;}
.main-type2 .section-banner ul {padding:25px 15px;border-top:10px solid #f2f2f2;}
.main-type2 .section-banner li {overflow:hidden;margin-bottom:5px;}
.main-type2 .section-banner i {display:block;position:relative;padding-top:26.57%;}
.main-type2 .section-banner img {position:absolute;left:0;top:0;width:100%;min-height:100%;}
.main-type2 .section-banner li.default {background-color:#e5e9ec;}
.main-type2 .section-banner li.default img {width:auto;height:100%;transform:translate(57%, 0);}

/* 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/web/m/icon-alarm.png);background-size:auto 100%;width:26px;height:26px;top:14px !important;right:45px;text-indent:initial !important;}
#header .icon-alarm .badge {position:relative;top:-12px;right:-12px;font-size:12px;color:#fff;font-weight: 700;background-color:#ff5555;border-radius: 8px;min-width:16px;display: inline-block;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 {border-bottom:1px solid #ddd;position:fixed;width:100%;background:#fff;z-index:9;}
#alarm .alarm-list .alarm-container {padding-top:55px;}
#alarm .alarm-list, #alarm .alarm-setting {display:none;}
#alarm .alarm-list.on, #alarm .alarm-setting.on {display:block;}
#alarm .alarm-header p {font-size:18px;font-weight:700;line-height:26px;color:#000;display: block;text-align:center;padding:13px 0 15px;}
#alarm .alarm-list .alarm-header .btn-close {position:absolute;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-alarm-close.png) center center no-repeat;background-size:17px 17px;width:50px;height:55px;}
#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/web/m/icon-alarm-clean.png) center center no-repeat;background-size:21px 21px;width:39px;height:55px;}
#alarm .alarm-list .alarm-header .button-container .btn-alarm-setting {background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-alarm-setting2.png) center center no-repeat;background-size:21px 21px;width:39px;height:55px;margin-right:6px;}
#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/web/m/icon-arrow-left.png) center center no-repeat;width:50px;height:55px;}
#alarm .alarm-setting .alarm-container {padding: 70px 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 {background-color:#0c77ff;}
#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: 0 15px;}
.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 15px 0;padding:15px 15px 3px;border-radius:5px;}
.badge-box .header-section .title {float:left;font-size:15px;line-height: 21px;font-weight: 700;margin-bottom:5px;}
.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/web/m/icon-arrow-right2.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/web/m/icon-arrow-right2-hover.png);}
.badge-box ul {display:inline-block;width:100%;overflow: hidden;max-height:26px;padding: 10px 0px;}
.badge-box ul li {float:left;margin-right:15px;margin-bottom:12px;position:relative}
.badge-box ul li .badge {position: absolute; top: -8px; right: -8px;max-width: 32px;background-color: #ff6060;border-radius: 8px;color: white;font-size: 12px;font-weight: bold;padding: 2px 5px;width: auto;line-height: 100%;}
.badge-box ul li:last-child {margin-right:0;}
.badge-box ul li img {width:32px;height:32px;}
.game-info-pop .pop-inner, .badge-pop .pop-inner {text-align: center;padding-bottom:15px;}
.game-info-pop .pop-inner h2, .badge-pop .pop-inner h2 {font-size:16px;line-height:24px;font-weight:500;color:#333;padding:13px 0;}
.game-info-pop .pop-inner .btn-box, .badge-pop .pop-inner .btn-box {margin:0;}
.game-info-pop .pop-inner .btn-box > button, .badge-pop .pop-inner .btn-box > button {margin:0;text-indent:-9999px;position:absolute;top:14px;background-size: 22px 22px;background-position: center center;display: block;width:22px;height:22px;}
.game-info-pop .pop-inner .btn-box .btn-cancel, .badge-pop .pop-inner .btn-box .btn-cancel {left:14px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-cancel4.png);}
.game-info-pop .pop-inner .btn-box .btn-ok, .badge-pop .pop-inner .btn-box .btn-ok {right:14px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-ok.png);}
.game-info-pop .pop-inner .pop-box, .badge-pop .pop-inner .pop-box {max-height:375px;padding:0 15px;}
.game-info-pop .pop-inner .desc {word-break:keep-all;font-size: 14px;line-height:20px;color:#999;display: block;margin: 0 15px;text-align: left;}
.game-info-pop .pop-inner h2 {margin-bottom:15px;}
.game-info-pop .content-container, .badge-pop .badge-container {margin-top:10px;display:inline-block;max-height:355px;border: 1px solid #ccc;}
.game-info-pop .content-container {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 #ccc;border-right: 1px solid #ccc;padding:12px 15px;background-color:#f2f2f2;float:left;font-size:14px;font-weight:500;line-height:20px;color:#333;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/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/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:315px;overflow:auto;width:100%;}
.game-info-pop .content-container .body .content-item {border-bottom:1px solid #ccc;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:60px;border-right:1px solid #ccc;font-size:14px;float:left;box-sizing: border-box;font-weight:500;line-height:20px;color:#666;}
.game-info-pop .content-container .content-item .box .text {font-size:14px;font-weight:500;line-height:20px;color:#666;}
.game-info-pop .content-container .content-item .box .text.only-title {padding:10px 0;}
.game-info-pop .content-container .content-item .box .sub-text {font-size:14px;line-height:20px;color:#999;}
.game-info-pop .content-container .content-item .box .sub-text.divide:after {position: relative;;top: 1px;width: 1px;height: 12px;background-color: #bebec3;content: "";display: inline-block;margin:0 5px;}
.game-info-pop .content-container .content-item .box .checkbox {background-color:#e7e7ea;width:22px;height:22px;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/web/m/icon-check-disabled.png);background-size: 16px 16px;background-position: center center;display: block;width:16px;height:16px;}
.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/web/m/icon-check-selected.png);background-size: 16px 16px;background-position: center center;display: block;width:16px;height:16px;}
.game-info-pop .content-container .header-box:first-child {width:30%;}
.game-info-pop .content-container .content-item .box:first-child {width:30%;padding: 20px 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: 10px 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: 18px 0;}
.badge-pop .pop-inner {width: 320px;}
.badge-pop .pop-inner h2 {padding: 13px 40px;}
.badge-pop .badge-container {margin-top:18px;padding:10px 8px;width:100%;box-sizing: border-box;overflow-y:auto;}
.badge-pop .badge-container .badge-item .badge {position: absolute; top: -8px; right: 11px;max-width: 32px;background-color: #ff6060;border-radius: 8px;color: white;font-size: 12px;font-weight: bold;padding: 2px 5px;width: auto;line-height: 100%;}
.badge-pop .badge-container .badge-item {position:relative;width:85px;height:85px;float:left;margin-right:8px;margin-top:12px;}
.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:5px;}
.badge-pop .badge-container .badge-item .badge-title {height:30px;overflow:hidden;word-wrap:break-word;font-size:10px;color: #666;text-align: center;word-break: keep-all;line-height: 15px;}
.badge-pop .badge-container.active {background-color: #f9f9fb;}
.badge-pop .pop-inner .btn-box .btn-sort-cancel, .badge-pop .pop-inner .btn-box .btn-sortedBadge-submit {display:none;}
.badge-pop .btn-badge-sort {padding:3px 10px 4px 11px;margin-top:20px;margin-right:15px;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;}

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

/* 통합공지 */
.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/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;}
#container .batch-notice.on {display:block;}
#container .batch-notice.on + .header {top:76px;}
#container .batch-notice.on + .header #gnb {top:-76px;}
#container .batch-notice.on + .header + #contents {padding-top:131px;}
#batch-notice-pop .pop-inner {padding:20px 24px 26px;box-sizing:border-box;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/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 {left:initial;right:12px;top:12px;width:24px;height:24px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-batch-close.png) no-repeat;background-size:100% auto;}

.main-banner-pop.on {display:flex;justify-content:center;align-items:center;}
.main-banner-pop .pop-inner {position:relative;top:0;width:100%;padding:36px 0 0;background-color:transparent;}
.main-banner-pop .pop-inner .swiper-slide img {width:100%;min-height:100%;}
.main-banner-pop .pop-inner .pop-close {top:0;right:12px;left:initial;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 30 30'%3E%3Cpath d='M12 13.266 1.267 24 0 22.734 10.734 12 0 1.266 1.267 0 12 10.733 22.734 0 24 1.266 13.267 12 24 22.734 22.734 24z' transform='translate(3 3)' style='fill:%23fff;stroke:transparent;stroke-miterlimit:10'/%3E%3C/svg%3E%0A");}
.main-banner-pop .pop-inner .btn-today {padding-top:12px;color:#fff;text-decoration:underline;}
.main-banner-pop .pop-box {position:relative;}
.main-banner-pop .paging {position:absolute;left:0;bottom:20px;z-index:1;width:100%;text-align:center;}
.main-banner-pop .paging span {display:inline-block;width:8px;height:8px;margin:0 4px;background-color:#e4e5e8;border:solid 1px rgba(0, 0, 0, 0.1);border-radius:50%;cursor:pointer;}
.main-banner-pop .paging span.swiper-pagination-bullet-active {background-color:#9fa1a7;}

/* 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}

@media(max-width:480px) {
    .badge-box ul {max-height:70px;}
    .view-cont .badge-box ul {max-height:76px;}
    .board-write iframe {height:240px;}
}

@media(max-width:420px) {
  .board-write iframe {height:190px;}
}

@media(max-width:370px) {
  .board-write iframe {height:150px;}
}

/* toggle */
.toggleSwitch {width: 44px;height: 20px;display: block;position: relative;border-radius: 30px;background-color: #949498;cursor: pointer;}
.toggleSwitch .toggleButton {width: 16px;height: 16px;position: absolute;top: 50%;left: 4px;transform: translateY(-50%);border-radius: 50%;background: #fff;}
.toggleSwitch.active .toggleButton {left: calc(100% - 20px);background: #fff !important;}
.toggleSwitch,
.toggleButton {transition: all 0.2s ease-in;}
.game-info-toggle {display: flex;justify-content: space-between;align-items: center;}
.separator-line {width: 100%;height: 1px;background-color: #000;opacity: 0.06;margin-top: 19px;margin-bottom: 16px;}


/* QNA Board List*/
.qna-profile-wrapper {display:flex; flex-direction:row}
.qna-profile-wrapper .qna-profile-info {position:relative;width:100%;display:flex;flex-direction:column;margin:12px 0 0 3px}
.qna-profile-wrapper .qna-profile-info h3 {margin-right:25px;font-size: 18px;font-weight: 700;}
.qna-profile-wrapper .qna-profile-info .headline,
.qna-profile-wrapper .qna-profile-info .qna-title {color: #333;}
.qna-profile-wrapper .qna-profile-info .btn-box {position:absolute;right:0;top:3px;}
.qna-article-info.article-info {padding-left:0;margin-top:8px;line-height:1.6em;}
.qna-article-info.article-info dd {display:inline;float:none;}
.qna-article-info .writer {margin-right: 8px;}
.qna-article-info .btn-box {margin-left:auto;position:relative;}
.qna-article-info .btn-box button,.type-qna .btn-box a {padding:0 5px;font-size:12px;color:#999;}
.qna-article-info .btn-box .btn-block {position:absolute;right:0;top:-3px;width:23px;height:23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cpath d='M41.628 42.02h23v23h-23z' transform='translate(-41.628 -42.02)' style='fill:none'/%3E%3Cpath d='M45.645 58.591v-4.857a6.116 6.116 0 0 1 2.924-5.591 6.05 6.05 0 0 1 6.284 0 6.116 6.116 0 0 1 2.924 5.591v4.857h2.1v1.619H43.544v-1.619zm1.517-4.857h1.517A3.141 3.141 0 0 1 51.71 50.5v-1.623a4.712 4.712 0 0 0-4.549 4.857zm3.791-9.714h1.517v2.428h-1.518zm6.655 2.273 1.074 1.144-1.612 1.718L56 48.011zm-12.867 1.144 1.074-1.144 1.6 1.716-1.074 1.147z' transform='translate(-40.211 -41.615)' style='fill:%23ccccd0'/%3E%3C/svg%3E%0A");}
.qna-article-info .btn-box .btn-block:hover {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cpath d='M41.628 42.02h23v23h-23z' transform='translate(-41.628 -42.02)' style='fill:none'/%3E%3Cpath d='M45.645 58.591v-4.857a6.116 6.116 0 0 1 2.924-5.591 6.05 6.05 0 0 1 6.284 0 6.116 6.116 0 0 1 2.924 5.591v4.857h2.1v1.619H43.544v-1.619zm1.517-4.857h1.517A3.141 3.141 0 0 1 51.71 50.5v-1.623a4.712 4.712 0 0 0-4.549 4.857zm3.791-9.714h1.517v2.428h-1.518zm6.655 2.273 1.074 1.144-1.612 1.718L56 48.011zm-12.867 1.144 1.074-1.144 1.6 1.716-1.074 1.147z' transform='translate(-40.211 -41.615)' style='fill:%23575758'/%3E%3C/svg%3E%0A");}

.qna-profile-icon-q-background {width: 32px;min-width:32px;height: 32px;margin-top: 8px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-q.png) center center no-repeat;background-size:100% auto;line-height: 32px;object-fit: contain;border-radius: 50%;font-size: 19px;text-align: center;color:#fff;}

.type-qna .hashtag li { display: contents;}
.type-qna .btn-basic.btn-reply-reg {padding:0 12px 8px 10px;font-size: 15px;font-weight: bold;color: #ccc;}
.type-qna .contents-box {margin: 12px 0 0 0px}
.type-qna .hashtag {margin: 5px 0 0 -15px}
.type-qna .total {margin: 21px 0 9px; cursor: pointer;}
.type-qna .reply-input-container.none {display: none}
.type-qna .reply-text-area {width:100%;height:60px;padding:12px 12px 0;background-color:transparent;border:none;box-sizing: border-box;resize: none;}
.type-qna .reply-input-wrapper {position:relative;margin:9px 0;background-color:#f9f9f9;border: 1px solid #999;text-align:right;}
.type-qna .comment-name {margin-right: 2px}

.type-qna .reply-list ul {padding:0;}
.type-qna .reply-list .li-reply-input {padding:0;}
.type-qna .reply-list .rereply-list .reply {padding-left:52px;}
.type-qna .reply-list .rereply-list .reply .profile-img {left:52px;}
.type-qna .reply-list .rereply-list .reply.txt-delete {background-position-y:10px;}

.type-qna .btn-list {float:right;margin-bottom:40px;}
.type-qna .reply-input > div,.type-qna .reply-input2 > div  {position:relative;min-height:90px;margin-bottom:10px;}
.type-qna .reply-input > div .btn-reply-reg,
.type-qna .reply-input2 > div .btn-rereply-reg {position:absolute;right:0;top:0;width:116px;height:90px;}
.type-qna .reply-input2 .btn-edit-cancel {position:absolute;right:0;top:0;padding:0 5px;font-size:12px !important;color:#999 !important;}

.type-qna .reply-box {padding:20px 0;}
.type-qna .reply-box .reply-input {margin:15px 0 0;}
.type-qna .reply-list .reply-none {clear:both;padding:20px 0 60px;margin-bottom:80px;color:#999;border-bottom:1px solid #eee;text-align:center;}
.type-qna .reply-list .txt * {overflow:hidden;font-family:Noto Sans KR, Helvetica, sans-serif !important;font-size:14px !important;color:#333 !important;line-height:1.4em !important;}
.type-qna .reply-list .txt .reply-input2,
.type-qna .reply-list .txt .reply-input2 .sticker-area {overflow:initial;vertical-align:middle;}
.type-qna .reply-list .txt .reply-input2 .sticker-area .sticker-tab li button img,
.type-qna .reply-list .txt .reply-input2 .sticker-area .sticker-list li button img {display:inline;max-width:100% !important;}
.type-qna .reply-list .reply {position:relative;padding:0;}
.type-qna .reply-list .reply .profile-img {position:absolute;left:0;top:0;width:35px;height:35px;}
.type-qna .reply-list .reply .txt-area {position:relative;padding-left:45px;}
.type-qna .reply-list .reply .txt-area::after {display:block;clear:both;content:"";} /* for copy text */
.type-qna .reply-list .reply .txt-area .article-info {padding-left:0;}
.type-qna .reply-list .reply .txt-area > .article-info::after {display:block;clear:both;content:"";}
.type-qna .reply-list .reply .txt-area > .article-info dd.writer {float:left;}
.type-qna .reply-list .reply .txt-area .txt {margin:5px 10% 12px 0;}
.type-qna .reply-list .reply .txt-area .txt.box2 {display:none;}
.type-qna .reply-list .reply .txt-area .txt img {max-width:240px !important;height:auto!important;cursor:pointer;}
.type-qna .reply-list .reply .txt-area .txt img.sticker {max-width:84px !important;}
.type-qna .reply-list .reply .txt-area .util .article-info {display:inline-block;}
.type-qna .reply-list .reply .txt-area .util .article-info dd {float:none;display:inline;}
.type-qna .reply-list .reply .txt-area .util .article-info .date {margin-right:20px}

.type-qna .reply-list .reply .txt-area .util .btn-reply-like {position:relative;padding-left:20px;margin-right:15px;}
.type-qna .reply-list .reply .txt-area .util .btn-reply-like::before {position:absolute;left:0;top:11%;width:15px;height:14px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-thumbsup-off.png) center 0;background-size:100% auto;content:"";}
.type-qna .reply-list .reply .txt-area .util .btn-reply-like.on::before {position:absolute;left:0;top:11%;width:15px;height:14px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-thumbsup-on.png) center 0;background-size:100% auto;content:"";}
.type-qna .reply-list .reply .txt-area .util .btn-rereply {padding:0;font-size:12px;color:#999;}
.type-qna .reply-list .reply .txt-area .util .btn-reply-pick {float:right;padding:0 12px;font-size:12px;border:1px solid #eaeaea;border-radius:20px;background-position-y:0;background-size:100% auto;line-height:30px;}
.type-qna .reply-list .reply .txt-area .util .btn-reply-pick.pick::before {width:15px;height:15px;background-position-y:0;vertical-align:-2px;background-image: url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-pick-enable-15-pc.png);}
.type-qna .reply-list .reply .txt-area .util .btn-reply-pick.on {color:#3077ff;border-color:#3077ff;}
.type-qna .reply-list .reply .txt-area .util .btn-reply-pick.on::before {width:15px;height:15px;background-image: url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-pick-select-15-pc.png);}
.type-qna .reply-list .reply .txt-area .util .pick-tooltip {position:absolute;right:0;bottom:45px;z-index:1;padding:15px 18px;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;}
.type-qna .reply-list .reply .txt-area .util .pick-tooltip::after {content:"";position:absolute;right:60px;bottom:-7px;width:0;height:0;border:7px solid transparent;border-bottom-width:0;border-top-color:#fff;}
.type-qna .reply-list .reply .txt-area .util .pick-tooltip p {display:inline;}
.type-qna .reply-list .reply .txt-area .util .pick-tooltip i::before {width:13px;height:13px;margin-right:0;vertical-align:middle;}
.type-qna .reply-list .reply .txt-area .util .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/pc/btn-close2.png);background-size:100% auto;text-indent:-9999px;vertical-align:middle;opacity:0.6;}
.type-qna .reply-list .reply .txt-area .util .pick-tooltip .pick-close:hover {opacity:1;}
.type-qna .reply-list .like-count {font-size:12px;color:#999;}

.type-qna .btn-right {position:absolute;right:0;top:3px;}
.type-qna .btn-right .btn-more {width:25px;height:14px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/m/icon-more.png) right center no-repeat;background-size:auto 100%;text-indent:-9999px;}
.type-qna .btn-right .btn-block {width:23px;height:23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cpath d='M41.628 42.02h23v23h-23z' transform='translate(-41.628 -42.02)' style='fill:none'/%3E%3Cpath d='M45.645 58.591v-4.857a6.116 6.116 0 0 1 2.924-5.591 6.05 6.05 0 0 1 6.284 0 6.116 6.116 0 0 1 2.924 5.591v4.857h2.1v1.619H43.544v-1.619zm1.517-4.857h1.517A3.141 3.141 0 0 1 51.71 50.5v-1.623a4.712 4.712 0 0 0-4.549 4.857zm3.791-9.714h1.517v2.428h-1.518zm6.655 2.273 1.074 1.144-1.612 1.718L56 48.011zm-12.867 1.144 1.074-1.144 1.6 1.716-1.074 1.147z' transform='translate(-40.211 -41.615)' style='fill:%23ccccd0'/%3E%3C/svg%3E%0A");}
.type-qna .btn-right .btn-block:hover {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cpath d='M41.628 42.02h23v23h-23z' transform='translate(-41.628 -42.02)' style='fill:none'/%3E%3Cpath d='M45.645 58.591v-4.857a6.116 6.116 0 0 1 2.924-5.591 6.05 6.05 0 0 1 6.284 0 6.116 6.116 0 0 1 2.924 5.591v4.857h2.1v1.619H43.544v-1.619zm1.517-4.857h1.517A3.141 3.141 0 0 1 51.71 50.5v-1.623a4.712 4.712 0 0 0-4.549 4.857zm3.791-9.714h1.517v2.428h-1.518zm6.655 2.273 1.074 1.144-1.612 1.718L56 48.011zm-12.867 1.144 1.074-1.144 1.6 1.716-1.074 1.147z' transform='translate(-40.211 -41.615)' style='fill:%23575758'/%3E%3C/svg%3E%0A");}
.type-qna .btn-right .list-style-option {top:22px !important;}
.type-qna .btn-right .more-list {display:none;position:absolute;right:0;top:25px;z-index:1;width:92px;padding:5px 0;background:#fff;border:1px solid #ddd;}
.type-qna .btn-right .more-list.on {display:block;}
.type-qna .btn-right .more-list button,
.type-qna .btn-right .more-list a {display:block;width:100%;padding:5px 15px;box-sizing:border-box;font-size:14px;color:#333;text-align:center;}
.type-qna .btn-right .more-list #urlCopy {display:block;position:absolute;left:0;top:0;width:1px;height:1px;text-indent:-9999px;}

.type-qna .btn-reply-more {display:none;width:100%;height:65px;border-top:1px solid #eee;font-size:15px;color:#333;text-align:center;}
.type-qna .btn-reply-more.on {display:block;}

.type-qna .btn-box {position:relative;}
.type-qna .btn-box.right-action {float: right}
.type-qna .btn-box button,.type-qna .btn-box a {padding:0 5px;font-size:12px;color:#999;}
.type-qna .btn-box .btn-block {position:absolute;right:0;top:-3px;width:23px;height:23px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cpath d='M41.628 42.02h23v23h-23z' transform='translate(-41.628 -42.02)' style='fill:none'/%3E%3Cpath d='M45.645 58.591v-4.857a6.116 6.116 0 0 1 2.924-5.591 6.05 6.05 0 0 1 6.284 0 6.116 6.116 0 0 1 2.924 5.591v4.857h2.1v1.619H43.544v-1.619zm1.517-4.857h1.517A3.141 3.141 0 0 1 51.71 50.5v-1.623a4.712 4.712 0 0 0-4.549 4.857zm3.791-9.714h1.517v2.428h-1.518zm6.655 2.273 1.074 1.144-1.612 1.718L56 48.011zm-12.867 1.144 1.074-1.144 1.6 1.716-1.074 1.147z' transform='translate(-40.211 -41.615)' style='fill:%23ccccd0'/%3E%3C/svg%3E%0A");}
.type-qna .btn-box .btn-block:hover {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cpath d='M41.628 42.02h23v23h-23z' transform='translate(-41.628 -42.02)' style='fill:none'/%3E%3Cpath d='M45.645 58.591v-4.857a6.116 6.116 0 0 1 2.924-5.591 6.05 6.05 0 0 1 6.284 0 6.116 6.116 0 0 1 2.924 5.591v4.857h2.1v1.619H43.544v-1.619zm1.517-4.857h1.517A3.141 3.141 0 0 1 51.71 50.5v-1.623a4.712 4.712 0 0 0-4.549 4.857zm3.791-9.714h1.517v2.428h-1.518zm6.655 2.273 1.074 1.144-1.612 1.718L56 48.011zm-12.867 1.144 1.074-1.144 1.6 1.716-1.074 1.147z' transform='translate(-40.211 -41.615)' style='fill:%23575758'/%3E%3C/svg%3E%0A");}

.qna-adopt-wrapper {margin: 20px 0 0 0px; padding: 16px; background-color: #f7fbff;}
.qna-adopt-wrapper .qna-adopt-profile-a {display:flex;font-size: 14px;color: #333}
.qna-adopt-wrapper .qna-profile-icon-a-background {width:32px;min-width:32px;height:32px;margin-right:12px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-a.png) center center no-repeat #ef5d5d;background-size:100% auto;line-height: 32px;object-fit: contain;border-radius: 50%;font-size: 19px;text-align: center;color:#fff;}
.qna-adopt-wrapper .description{display:inline-block;font-weight:700;}
.qna-adopt-wrapper .emphasize{display:inline-block;color:#ef5d5d;}
.qna-adopt-wrapper .reply {padding-top:8px;}
.qna-adopt-wrapper .reply .profile-img {position:absolute;left:0;top:20px;width:38px;height:38px;}
.qna-adopt-wrapper .reply .txt-area {position:relative;}
.qna-adopt-wrapper .reply .txt-area::after {display:block;clear:both;content:"";} /* for copy text */
.qna-adopt-wrapper .reply .txt-area .article-info {padding-left:0;}
.qna-adopt-wrapper .reply .txt-area > .article-info::after {display:block;clear:both;content:"";}
.qna-adopt-wrapper .reply .txt-area > .article-info dd.writer {float:left;}
.qna-adopt-wrapper .reply .txt-area .txt {margin:4px 0 12px;}
.qna-adopt-wrapper .reply .txt-area .txt.box2 {display:none;}
.qna-adopt-wrapper .reply .txt-area .txt img {max-width:240px !important;height:auto!important;cursor:pointer;}
.qna-adopt-wrapper .reply .txt-area .txt img.sticker {max-width:84px !important;}
.qna-adopt-wrapper .reply .txt-area .util .article-info {display:inline-block;}
.qna-adopt-wrapper .reply .txt-area .util .article-info .date {margin-right:20px}
.qna-adopt-wrapper .reply .txt-area .util .btn-reply-like {position:relative;padding-left:18px;margin-right:15px;}
.qna-adopt-wrapper .reply .txt-area .util .btn-reply-like::before {position:absolute;left:0;top:11%;width:15px;height:14px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-thumbsup-off.png) center 0;background-size:100% auto;content:"";}
.qna-adopt-wrapper .reply .txt-area .util .btn-reply-like.on::before {position:absolute;left:0;top:11%;width:15px;height:14px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-thumbsup-on.png) center 0;background-size:100% auto;content:"";}
.qna-adopt-wrapper .reply .txt-area .util .btn-rereply {font-size:12px;color:#999;}
.qna-adopt-wrapper .reply .txt-area .util .btn-reply-pick {float:right;padding:0 12px;font-size:12px;border:1px solid #eaeaea;border-radius:20px;background-position-y:0;background-size:100% auto;line-height:30px;}
.qna-adopt-wrapper .reply .txt-area .util .btn-reply-pick.pick::before {width:15px;height:15px;background-position-y:0;vertical-align:-2px;background-image: url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-pick-enable-15-pc.png);}
.qna-adopt-wrapper .reply .txt-area .util .btn-reply-pick.on {color:#3077ff;border-color:#3077ff;}
.qna-adopt-wrapper .reply .txt-area .util .btn-reply-pick.on::before {width:15px;height:15px;background-image: url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-pick-select-15-pc.png);}
.qna-adopt-wrapper .reply .txt-area .util .pick-tooltip {position:absolute;right:0;bottom:45px;z-index:1;padding:15px 18px;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;}
.qna-adopt-wrapper .reply .txt-area .util .pick-tooltip::after {content:"";position:absolute;right:60px;bottom:-7px;width:0;height:0;border:7px solid transparent;border-bottom-width:0;border-top-color:#fff;}
.qna-adopt-wrapper .reply .txt-area .util .pick-tooltip p {display:inline;}
.qna-adopt-wrapper .reply .txt-area .util .pick-tooltip i::before {width:13px;height:13px;margin-right:0;vertical-align:middle;}
.qna-adopt-wrapper .reply .txt-area .util .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/pc/btn-close2.png);background-size:100% auto;text-indent:-9999px;vertical-align:middle;opacity:0.6;}
.qna-adopt-wrapper .reply .txt-area .util .pick-tooltip .pick-close:hover {opacity:1;}


.qna-board-item .qna-write-wrapper {padding: 0px 50px}
.qna-board-item .qna-write-wrapper #qna-write-contents {width: 840px;}
.qna-board-item .qna-write-wrapper .qna-cancel-btn {width: 160px;height:44px; color: black;border: 1px solid #333;}
.qna-board-item .qna-write-wrapper .qna-write-btn-wrapper {margin-bottom: 24px}
.qna-write-wrapper {padding: 58px 50px}
.qna-write-wrapper .qna-write-head-wrapper {display:flex;flex-direction:row;align-items:center;}
.qna-write-head-wrapper .qna-headline-box {position: absolute; width: 200px}
.qna-write-wrapper .custom-select {width: 200px}
.qna-write-title-input {margin-left: 10px; width: 100%}
.qna-write-title-input input {width: calc(100% - 200px); margin-left: 200px}
.qna-write-wrapper .qna-write-contents {margin-top: 10px; position: relative}
.qna-write-wrapper #qna-write-contents {width: 900px; height: 134px; padding: 12px}

.qna-headline-box {width: 30%}
.qna-write-tags input{width: 100%;margin-top: -3px;}
.qna-write-btn-wrapper { display: flex; justify-content:center; margin-top:10px; gap: 20px}
.qna-write-btn {width: 160px;height:44px; color: white}
.qna-write-btn::before {display: inline-block;width: 20px;height:21px;background-image: url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-write.png);background-size: cover;content: "";vertical-align: text-top;}

.qna-write-length-wrapper {position: absolute;bottom: 12px;right: 12px;}
.qna-reply-write-length-wrapper {display:inline-block;}

.hashtag-write-list {display:none;min-height: 40px;margin-top: -3px;padding-left: 11px;}
.hashtag-write-list.key-color {border: 1px solid #d1d1d1;border-color: #d1d1d1 !important;}
.hashtag-write-list.on {display:flex}
.qna-write-hash-item {display: inline-block;position: relative;padding-right: 15px;margin-right: 8px;line-height: 40px;}
.qna-write-hash-item .hashtag-delete {width: 12px;height: 12px;margin-left: 5px;background: url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-delete.gif) center center no-repeat;background-size: 100% auto;text-indent: -9999px;vertical-align: middle;}

/* image는 ui.common에서 설정해 줌 */
.ico-link-new-window-wrapper {display:flex}
.ico-link-new-window { display: inline-block; min-width: 16px; height: 14px; margin: 2px 0 0 2px}

.sticky-box .left.external-link {float:right; width: 51%;}
.sticky-box .left.external-link .article-info{float: none; width:100%}
.sticky-box .left.external-link .ico-link-new-window-wrapper h3 {float: none; width: auto}