@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&family=Teko:wght@300&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;}
html:lang(zh_TW) * {font-family: "\5FAE\8EDF\6B63\9ED1\9AD4",Microsoft JhengHei,Arial,Helvetica,sans-serif !important;}
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;}

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;}

/* layout */
#wrap {overflow:hidden;width:100%;line-height:1.1em;word-break:break-all;}
#wrap img {max-width:100%;}
#container {position:relative;width:1026px;margin:0 auto;background-color:#fff;/*mdnf 한정 css*/z-index:0;}
#header {position:relative;left:1px;z-index:100;float:left;width:273px;height:100%;padding:50px 25px;background-color:#fff;border-right:1px solid #d1d1d1;box-sizing:border-box;}
#contents {overflow-x:hidden;position:relative;float:left;width:100%;min-height:1240px;padding:70px 0 160px;/* border-left:1px solid #d1d1d1; */ box-sizing:border-box;}
#footer {position:absolute;left:0;bottom:0;width:100%;padding:50px 0;}
#container .bg-left {position:absolute;right:100%;top:0;}
#container .bg-right {position:absolute;left:100%;top:0;}
#container::after {display:block;clear:both;content:"";}

/* header */
#header .game-title {margin-bottom:70px;text-align:center;}
#header .game-title img {width:122px;height:122px;border-radius:50%;}
#header h1 {margin:20px 0 5px;font-size:30px;}
#header p {font-size:25px;}
.search-input {position:relative;height:40px;border:1px solid #333;box-sizing:border-box;}
.search-input input[type="text"] {width:80%;height:100%;margin-left:5px;border:0;}
.search-input .btn-search {overflow:hidden;position:absolute;right:0;top:0;width:38px;height:38px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-search.gif);text-indent:-9999px;}
#header .btn-write {display:block;width:100%;height:60px;margin:10px 0 30px;font-size:18px;font-weight:500;color:#fff;line-height:60px;text-align:center;text-indent:-12px;}
#header .btn-write::before {display:inline-block;width:30px;height:28px;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;}
.menu > li > a {overflow:hidden;display:block;position:relative;min-height:35px;padding:18px 0 10px 30px;font-size:16px;font-weight:500;line-height:1.2em;box-sizing:border-box;}
.menu > li > a.toggle::after {position:absolute;right:5px;top:0;width:9px;height:42px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-toggle.gif);background-size:100% 200%;content:"";}
.menu > li > a.open {padding-bottom:2px;}
.menu > li > a.open::after {background-position-y:-100%;}
.menu > li > a + .sub-depth {overflow:hidden;height:0;padding-left:40px;}
.menu > li > a.open + .sub-depth {height:auto;}
.menu > li > a.open + .sub-depth > li:nth-child(1) > a {padding-top:8px;}
.menu .sub-depth > li > a {display:block;font-size:14px;padding-bottom:10px;}
.menu > li > a .icon {position:absolute;left:0;top:16px;width:30px;height:22px;text-align:center;}
.top-util {position:absolute;left:100%;top:0;width:1026px;height:70px;border-bottom:1px solid #d1d1d1;}
.top-util .inner {position:absolute;right:30px;top:20px;}
.top-util .btn-myprofile {overflow:hidden;display:inline-block;height:30px;}
.top-util .btn-myprofile .profile-img {display:inline-block;width:30px;height:100%;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-profile.gif);border:0;vertical-align:middle}
.top-util .btn-myprofile .profile-img.none-profile {background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/profile-img-bg.gif);}
.top-util .btn-myprofile #userName {margin-left:5px;font-size:14px;}
.top-util .btn-login {margin-left:16px;font-size:14px;}
.top-util select {display:none;min-width:65px;height:30px;padding:2px 4px;margin-left:10px;font-size:14px;border:0;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/arrow-select.gif) right center no-repeat;-webkit-appearance:none;appearance:none;}
.top-util select::-ms-expand {display:none;}

#header {width:0;left:0;padding:0;}
#header .game-title,
#header .search-input,
#header .btn-write,
#header .menu {display:none;}
.top-util .board-title h2 {font-size:18px;line-height:70px;text-align:center;}
.btn-write {float:right;width:140px;height:40px;margin-top:10px;font-size:16px;font-weight:500;color:#fff;text-align:center;}
.btn-write::before {display:inline-block;width:24px;height:22px;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-bottom;}

/* for editor */
.note-editor.note-frame {height:100%;margin-bottom:0;border:0;border-radius:0;box-shadow:none;}
.note-editor.note-frame .note-placeholder {padding:10px 0 0 10px;color:#999;line-height:1.4em;}
.note-editor.note-frame .note-editing-area {height:100%;}
.note-editor.note-frame .note-editing-area .note-editable {height:100%;padding:30px;}
.note-editor.note-frame .note-editing-area .note-editable hr {display:none;}
.note-editor h1,
.note-editor h2,
.note-editor h3,
.note-editor h4,
.note-editor h5,
.note-editor h6,
.note-editor p {line-height:normal;}
.note-editor ul,
.note-editor ol {overflow:hidden;padding:inherit;}
.note-editor ul li {list-style:disc;}
.note-editor ol li {list-style:decimal;}
.note-editor .survey-area li {list-style:none;}

/* for CK editor */
.note-editor h1 {font-size:36px;}
.note-editor h2 {font-size:30px;}
.note-editor h3 {font-size:24px;}
.note-editor h4 {font-size:18px;}
.note-editor h5 {font-size:14px;}
.note-editor h6 {font-size:12px;}
.note-editor small {font-size:85%;}
.note-editor code,
.note-editor kbd,
.note-editor pre,
.note-editor samp {font-family:Menlo, Monaco, Consolas, "Courier New", monospace;}
.note-editor code {padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px;}
.note-editor 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);}
.note-editor kbd kbd {padding:0;font-size:100%;font-weight:bold;box-shadow:none;}
.note-editor blockquote {font-size:inherit;}
.note-editor ul,
.note-editor ol {padding:0 0 0 18px;margin-bottom:0;}
.note-editor li {overflow:visible !important;}
.note-editor a {color:#337ab7;}
.note-editor a:focus, .note-editor a:hover {color:#23527c;text-decoration:underline;}
.note-editor img {height:auto !important;}
.note-editor details > summary::before {content:'▶';margin-right:5px;}
.note-editor details[open] > summary::before {content:'▼';margin-right:5px;}
.view-box .note-editor {overflow-x:auto !important;}

/* common style & board default */
input[type="text"] {height:44px;padding:0 10px;border:1px solid #d1d1d1;}
textarea {padding:0 10px;border:1px solid #d1d1d1;resize:none;}

.btn-basic {width:105px;height:45px;padding:0;background-color:#fff;border:1px solid #333;border-radius:0;}
a.btn-basic {line-height:44px;text-align:center;}
.btn-scroll {position:absolute;top:400px;right:-38px;z-index:10;opacity:0;}
.btn-scroll > button {overflow:hidden;display:block;width:38px;height:38px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-arrow-top.gif);text-indent:-9999px;}
.btn-scroll .btn-bottom {margin-top:-1px;transform:rotate(180deg);}
.btn-cancel {opacity:0.6;}
.headline {color:#999;}

.select-box {position:relative;}
.sel-txt {overflow:hidden;position:relative;z-index:502;width:100%;height:44px;padding:0 26px 0 16px;background:#fff;border:1px solid #d1d1d1;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.sel-txt::after {display:block;position:absolute;right:10px;top:0;width:14px;height:100%;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/arrow-select.gif) 0 center no-repeat;content:'';opacity:0.4;transition:all 0.5s;-webkit-transition:all 0.5s;transform-origin:center center;-webkit-transform-origin:center center;}
.sel-txt.on {border-color:#333;color:#333;}
.sel-txt.on::after {opacity:1;transform:rotateX(180deg);-webkit-transform:rotateX(180deg);}
.sel-txt.disabled {color:#a5a5a5;cursor:default;}
.sel-txt.arrow-none::after {display:none;}

.custom-select {display:none;overflow-x:hidden;position:absolute;z-index:501;width:100%;max-height:500px;margin-top:-1px;background-color:#fff;border:1px solid #d1d1d1;box-sizing:border-box;}
.custom-select.on {display:block;}
.custom-select li button {overflow:hidden;width:100%;padding:0 8px 0 16px;line-height:44px;box-sizing:border-box;color:#999;text-align:left;white-space:nowrap;text-overflow:ellipsis;}
.custom-select li button:hover {background-color:#f4f4f4;}
.custom-select li .depth2 li button {padding-left:40px;line-height:30px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-reply-line.png) 20px -12px no-repeat;}
.custom-select li .depth2 li button:hover {background-color:#f4f4f4;}

.article-info {padding-left:8px;font-size:12px;color:#999;}
.article-info dd {display:inline-block;line-height:17px;}
.article-info dd.writer {display:block;position:relative;}
.article-info dd.writer > a,
.article-info dd.writer > button {font-size:inherit;color:inherit;line-height:inherit;}
.article-info dd.writer > a:hover,
.article-info dd.writer > button:hover {text-decoration:underline;}
.article-info dd > span {position:relative;padding-left:24px;margin-right:10px;}
.article-info dd > span::before {position:absolute;left:0;top:20%;width:20px;height:14px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-list.png);content:"";}
.article-info dd span.date {padding-left:0;}
.article-info dd span.date::before {background-image:none;}
.article-info dd span.count-likes::before {background-position-x:-100%;}
.article-info dd span.count-comment {position:relative;top:0;width:auto;padding-left:24px;text-align:left;}
.article-info dd span.count-comment::before {position:absolute;width:20px;height:14px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-list.png);background-position-x:-200%;}

#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;}
#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;}

.list-box h3,
.sticky-box h3 {overflow:hidden;position:relative;max-width:750px;padding-left:8px;margin-bottom:5px;font-size:14px;font-weight:normal;line-height:1.3em;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;box-sizing:border-box;}
.list-box li img,
.list-box li iframe,
.sticky-box li img,
.sticky-box li iframe {width:100%;min-height:100%;}
.sticky-box {position:relative;}
.sticky-box .controller {position:absolute;right:0;bottom:0;width:100px;}
.sticky-box .controller::after {display:block;clear:both;content:"";}
.sticky-box .controller .paging {float:left;font-size:12px;line-height:30px;}
.sticky-box .controller .arrow {float:right;}
.sticky-box .controller .arrow button {overflow:hidden;float:left;width:30px;height:30px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-arrow-paging.gif);text-indent:-9999px;}
.sticky-box .controller .arrow button.btn-next {background-position-x:-100%;}

.type-list > li {position:relative;height:61px;padding:12px 0 8px;border-bottom:1px solid #f4f4f4;box-sizing:border-box;}
.type-list .article-info dd.writer {display:inline;margin-right:30px;}
.type-list .article-info dd span.count-comment {position:absolute;right:0;top:12px;width:70px;padding:0;margin:0;text-align:center;}
.type-list .article-info dd span.count-comment::before {display:block;position:static;width:30px;height:24px;margin:0 auto;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-list-comment.png);background-position-x:-200%;}
.type-media {padding-top:20px;}
.type-media::after {display:block;clear:both;content:"";}
.type-media > li {float:left;width:306px;height:270px;margin-bottom:50px;}
.type-media > li:nth-child(2),
.type-media > li:nth-child(5),
.type-media > li:nth-child(8),
.type-media > li:nth-child(11),
.type-media > li:nth-child(14) {margin:0 24px;}
.type-media > li .media-thumb {overflow:hidden;position:relative;width:100%;height:173px;margin-bottom:12px;}
.type-media > li h3 {width:100%;height:2.6em;margin-bottom:10px;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.list-thumb {overflow:hidden;position:absolute;right:80px;bottom:6px;width:84px;height:48px;border:1px solid #f4f4f4;box-sizing:border-box;}
.list-thumb > .icon-play {background-size:16px auto;}

.icon-play {position:absolute;left:0;top:0;width:100%;height:100%;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-play.png) center center no-repeat;background-color:rgba(0, 0, 0, 0.2);}
.icon-new {position:absolute;left:1px;top:1px;width:4px;height:4px;margin-left:0;margin-top:0;background-color:#f0473a;border-radius:50%;}

.controller .paging.dot {position:absolute;left:0;width:100%;text-align:center;}
.controller .paging.dot span {display:inline-block;width:13px;height:13px;margin:0 8px;background-color:#c6c9d0;border-radius:50%;cursor:pointer;}
.controller .paging.dot span.swiper-pagination-bullet-active {background-color:#fff;opacity:1;}

.list-paging {clear:both;padding:50px 0;text-align:center;}
.list-paging > button {padding:0 15px;font-size:14px;color:#d5d5d5;}
.list-paging > button.on {color:#333;}
.list-paging > button.prev,
.list-paging > button.next {overflow:hidden;display:inline-block;width:30px;height:30px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-arrow-paging.gif);text-indent:-9999px;}
.list-paging > button.next {background-position-x:-100%;}
.list-paging > button.disable {display:none;}

.section-top {padding:30px 30px 20px;}
.section-top .sticky-box h3 {width:100%;margin-bottom:10px;font-weight:500;}
.section-bot {clear:both;padding:0 30px;}

.section-banners {display:none;overflow:hidden;position:relative;height:200px;margin:20px 30px;}
.section-banners.on {display:block;}
.section-banners.on + div {border-top:1px solid #d1d1d1;}
.section-banners img {width:100%;min-height:100%;}
.section-banners .paging {position:absolute;left:0;bottom:10px;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;}

.tab-box {overflow:hidden;box-sizing:border-box;}
.tab-box ul::after {display:block;clear:both;content:"";}
.tab-box li {float:left;width:auto;}
.tab-box li button {height:43px;padding:0 3px 12px;font-size:18px;font-weight:500;}
.tab-box li button.key-color {border-bottom:4px solid;}

.profile-img {overflow:hidden;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/profile-img-bg.gif);background-size:100% auto;border:1px solid #e9e9e9;border-radius:50%;box-sizing:border-box;}
.profile-img > img {width:100%;height:100%;background-color:#fff;border-radius:50%;}

.result-none {padding:4em 0;text-align:center;color:#999;}

#imgInput {left:auto;top:auto;} /* for IE */

.txt {word-break:keep-all;word-wrap:break-word;}

/* main */
.main .section-top::after {display:block;clear:both;content:"";}
.main .section-top .main-banner-box {position:relative;float:left;width:550px;height:372px;}
.main .section-top .main-banner-box .inner {width:100%;height:100%;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/banner-default-main.png) left center no-repeat;background-size:562px auto;}
.main .section-top .main-banner-box li img {width:100%;min-height:100%;}
.main .section-top .main-banner-box .controller .arrow button {overflow:hidden;position:absolute;top:44%;width:40px;height:50px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-arrow-banner.png);font-size:20px;color:#fff;text-indent:-9999px;}
.main .section-top .main-banner-box .controller .arrow button.btn-next {right:0;background-position-x:-100%;}
.main .section-top .main-banner-box .controller .arrow button.swiper-button-disabled {opacity:0;}
.main .section-top .main-banner-box .controller .paging {position:absolute;left:0;bottom:27px;width:100%;text-align:center;}
.main .section-top .main-banner-box .controller .paging span {display:inline-block;width:30px;height:2px;margin:0 2px;background-color:rgba(0, 0, 0, 0.4);}
.main .section-top .main-banner-box .controller .paging span.swiper-pagination-bullet-active {background-color:#e7ebee;}
.main .section-top .sticky-box {float:right;width:386px;height:372px;}
.main .section-top .sticky-box li {position:relative;height:66px;padding-top:12px;padding-bottom:10px;border-top:1px solid #f4f4f4;}
.main .section-top .sticky-box li:nth-child(1) {padding-top:0;border:0;}
.main .section-top .sub-banner-box {clear:both;padding:20px 0;}
.main .section-top .sub-banner-box ul::after {display:block;clear:both;content:"";}
.main .section-top .sub-banner-box li {overflow:hidden;float:left;width:100%;height:100px;}
.main .section-top .sub-banner-box li img {width:100%;min-height:100%;}
.main .section-top .sub-banner-box .banner-2 li {width:482px;}
.main .section-top .sub-banner-box .banner-2 li:nth-child(2) {float:right;}
.main .section-top .sub-banner-box .banner-3 li {width:33.13%;max-width:320px;}
.main .section-top .sub-banner-box .banner-3 li:nth-child(2) {margin:0 0.3%;}
.main .section-top .iframe-wrap {height:543px;padding:10px 0;}
.main .section-bot .tab-box {position:relative;left:-30px;width:1026px;height:54px;padding:10px 30px 0;border-bottom:1px solid #d1d1d1;}
.main .section-bot .tab-box .arrow > button {overflow:hidden;position:absolute;bottom:7px;width:120px;height:44px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-tabs-arrow.png);text-indent:-9999px;}
.main .section-bot .tab-box .arrow > button.btn-left {left:-1px;}
.main .section-bot .tab-box .arrow > button.btn-right {right:-1px;background-position-x:-100%;}
.main .section-bot .tab-box .arrow > button.swiper-button-disabled {opacity:0;cursor:default;}
.main .section-bot .tab-box .arrow > button.btn-left.swiper-button-disabled {left:-90px;}
.main .section-bot .tab-box .arrow > button.btn-right.swiper-button-disabled {right:-90px;}

/* board list */
.board-list .section-top {display:none;background-color:#fafafa;}
.board-list .section-top.on {display:block;position:relative;z-index:2;}
.board-list .section-top .sticky-box {overflow-x:visible;overflow-y:initial;padding-bottom:40px;}
.board-list .section-top .sticky-box .swiper-slide {overflow-x:visible;overflow-y:initial;}
.board-list .section-top .sticky-box .swiper-slide > li {float:left;position:relative;width:50%;height:82px;box-sizing:border-box;}
.board-list .section-top .sticky-box .swiper-slide > li:nth-child(1) {padding-right:30px;}
.board-list .section-top .sticky-box .swiper-slide > li:nth-child(2) {padding-left:30px;border-left:1px solid #f4f4f4;}
.board-list .section-top .sticky-box h3 {height:2.6em;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.board-list .section-top .sticky-box h3.with-img {width:268px;}
.board-list .section-top .sticky-box .list-thumb {right:30px;top:0;bottom:unset;width:142px;height:80px;}
.board-list .section-top .sticky-box li:nth-child(2) .list-thumb {right:0;}
.board-list .list-box {width:966px;padding-top:20px;}
.board-list .list-box > ul {border-top:1px solid #eaecef;}

/* board list - search */
.board-list .search-area {position:relative;z-index:1;padding:30px 30px 0;}
.board-list .search-area::after {display:block;clear:both;content:"";}
.board-list .search-area .select-box {display:none;float:left;width:446px;margin-right:10px;}
.board-list .search-area .search-select {position:relative;float:left;width:135px;margin-left:600px;}
.board-list .search-area .headline-box {float:left;position:absolute;left:30px;top:30px;width:135px;}
.board-list .search-area .search-input {float:right;width:221px;height:44px;border:1px solid #d1d1d1;}
.board-list .search-area .search-input .btn-search {top:2px;opacity:0.3;}
.board-list .search-area .count {display:none;clear:both;padding-top:65px;}
.board-list.search .section-top {display:none;}
.board-list.search .search-area {width:100%;box-sizing:border-box;}
.board-list.search .search-area .count {display:block;}

/* board view */
.board-view .title-box::after {display:block;clear:both;content:"";}
.board-view .title-box h2 {font-size:14px;font-weight:normal;}
.board-view .title-box h3 {overflow:hidden;margin-bottom:20px;font-size:20px;font-weight:500;line-height:1.4em;}
.board-view .title-box .profile-img {float:left;width:38px;height:38px;margin-right:6px;}
.board-view .title-box .article-info {float:left;width:918px;margin-top:4px;}
.board-view .btn-box {float:right;position:relative;}
.board-view .btn-box button,.board-view .btn-box a {padding:0 5px;font-size:12px;color:#999;}
.board-view .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");}
.board-view .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");}
.board-view .view-box {padding-top:30px;padding-right:60px;border-top:1px solid #f4f4f4;}
.board-view .view-box .txt {overflow:hidden;line-height:1.6em;padding-bottom:40px;}
.board-view .view-box .txt a {color:#337ab7;}
.board-view .view-box .txt a:hover {color:#23527c;text-decoration:underline;}
.board-view .view-box .txt img.sticker {max-width:84px !important;}
.board-view .view-box .survey-area {position:relative;padding:30px 70px 0 30px;}
.board-view .view-box .survey-area > h3 {font-size:2em;}
.board-view .view-box .survey-area > div {overflow-x:auto !important;padding:30px 40px;margin-left:-20px;background-color:#fcfcfc;border-bottom:1px solid #f5f5f5;}
.board-view .view-box .survey-area > div .question {font-weight:500;}
.board-view .view-box .survey-area > div .question > span {font-size:1.2em;}
.board-view .view-box .survey-area textarea {height:100px;}
.board-view .view-box .survey-area textarea,
.board-view .view-box .survey-area input[type="text"] {width:705px}
.board-view .view-box .survey-area .question + ul,
.board-view .view-box .survey-area .question + ol {padding-right:0;padding-left:35px;}
.board-view .view-box .survey-area li {position:relative;padding:5px 0;}
.board-view .view-box .survey-area li input + label {position:relative;padding-left:30px;font-weight:normal;}
.board-view .view-box .survey-area li input + label span {overflow:initial;position:absolute;left:4px;top:16px;width:0;height:0;margin-top:-8px;border:0 solid #fff;}
.board-view .view-box .survey-area li input + label span::after {position:absolute;left:-4px;top:-4px;width:18px;height:18px;border:1px solid #d1d1d1;content:"";}
.board-view .view-box .survey-area li input[type="radio"] + label span,
.board-view .view-box .survey-area li input[type="radio"] + label span::after {border-radius:50%;}
.board-view .view-box .survey-area li input:checked + label span {left:1px;top:13px;width:16px;height:16px;border-width:3px;}
.board-view .view-box .survey-area input[type="radio"],
.board-view .view-box .survey-area input[type="checkbox"] {position:absolute;left:0;top:0;width:1px;height:1px;border:0;visibility:hidden;}
.board-view .view-box .survey-area .question + textarea,
.board-view .view-box .survey-area .question + input[type="text"] {margin-left:35px;}
.board-view .view-box .survey-area .btn-survey-reg {display:block;width:175px;height:55px;margin:90px auto 0;}
.board-view .view-box .survey-area textarea.essay {margin-top:35px;}
.board-view .view-box .survey-area .reg-txt {display:none;}
.board-view .view-box .survey-area.done .reg-txt {display:block;z-index:100;width:100%;height:100%;padding-top:20%;background-color:#fff;}
.board-view .view-box .survey-area.done .reg-txt > p {padding-top:140px;font-size:25px;font-weight:500;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-done.gif) center 0 no-repeat;line-height:1.3em;text-align:center;}
.board-view .view-box .attached-files {margin:60px 0;}
.board-view .view-box .attached-files li {margin-bottom:10px;width:50%;background-color:#fafafa;}
.board-view .view-box .attached-files li a {display:block;position:relative;padding:20px 60px;color:#999;}
.board-view .view-box .attached-files li a::before {position:absolute;left:20px;top:20px;width:22px;height:22px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-collection.png);background-position-x:-100%;content:'';}
.board-view .view-box .attached-files li a::after {position:absolute;right:20px;top:20px;width:22px;height:22px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-collection.png);background-position-x:-300%;content:'';}
.board-view .view-box .hashtag {overflow:hidden;margin:60px 0;}
.board-view .view-box .hashtag li {display:inline;/* for IE */ display:contents;margin-right:8px;}
.board-view .view-box .hashtag li button {display:inherit;text-align:left;}
.board-view .view-box .share {text-align:center;}
.board-view .view-box .share > button {min-width:58px;height:44px;padding:0 20px;margin:0 4px;color:#6a6a6a;border:1px solid #d1d1d1;border-radius:22px;}
.board-view .view-box .share .btn-like {position:relative;padding-left:40px;}
.board-view .view-box .share .btn-like::before {position:absolute;left:15px;top:35%;width:20px;height:16px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-heart.gif);content:"";}
.board-view .view-box .share .btn-like.on::before {background-position-y:-100%;}

.board-view .reply-box {padding:20px 0;}
.board-view .reply-box .reply-input {margin:15px 0 0;}
.board-view .comment-style .reply-none {clear:both;padding:20px 0 60px;margin-bottom:80px;color:#999;border-bottom:1px solid #eee;text-align:center;}
.board-view .comment-style .txt * {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 .txt .reply-input2,
.board-view .comment-style .txt .reply-input2 .sticker-area {overflow:initial;vertical-align:middle;}
.board-view .comment-style .txt .reply-input2 .sticker-area .sticker-tab li button img,
.board-view .comment-style .txt .reply-input2 .sticker-area .sticker-list li button img {display:inline;max-width:100% !important;}
.board-view .comment-style .reply {position:relative;padding:20px 0;border-bottom:1px solid #f4f4f4;}
.board-view .comment-style .reply .profile-img {overflow:visible;position:absolute;left:0;top:20px;width:38px;height:38px;}
.board-view .comment-style .reply .icon-best {position:absolute;left:-1px;top:32px;width:38px;height:17px;padding:0 5px;background-color:#FE2960;border:1px solid #000;border-radius:999px;font-size:11px;color:#fff;text-align:center;letter-spacing:-0.4px;}
.board-view .comment-style .reply .txt-area {position:relative;padding-left:52px;}
.board-view .comment-style .reply .txt-area::after {display:block;clear:both;content:"";} /* for copy text */
.board-view .comment-style .reply .txt-area .article-info {padding-left:0;}
.board-view .comment-style .reply .txt-area > .article-info::after {display:block;clear:both;content:"";}
.board-view .comment-style .reply .txt-area > .article-info dd.writer {float:left;}
.board-view .comment-style .reply .txt-area .txt {margin:5px 110px 15px 0;}
.board-view .comment-style .reply .txt-area .txt.box2 {display:none;}
.board-view .comment-style .reply .txt-area .txt img {max-width:240px !important;height:auto!important;cursor:pointer;}
.board-view .comment-style .reply .txt-area .txt img.sticker {max-width:84px !important;}
.board-view .comment-style .reply .txt-area .util .article-info {display:inline-block;}
.board-view .comment-style .reply .txt-area .util .btn-reply-like {position:relative;padding-left:20px;margin-right:15px;}
.board-view .comment-style .reply .txt-area .util .btn-reply-like::before {position:absolute;left:0;top:20%;width:15px;height:12px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-heart.gif) center 0;background-size:100% auto;content:"";mix-blend-mode:darken;}
.board-view .comment-style .reply .txt-area .util .btn-reply-like.on::before {background-position-y:-100%;}
.board-view .comment-style .reply .txt-area .util .btn-rereply {font-size:12px;color:#999;}

.board-view .popular-comments-box {margin-top:10px;}
.board-view .popular-comments-box .reply {padding-left:15px;background-color:#F6F7F9;border-bottom-color:#EAEAEA;}
.board-view .popular-comments-box .reply .profile-img {left:15px;}
.board-view .popular-comments-box .rereply-list .reply {padding-left:65px;}
.board-view .popular-comments-box .rereply-list .reply .profile-img {left:65px;}

.board-view .rereply-list .reply {padding-left:52px;}
.board-view .rereply-list .reply .profile-img {left:52px;}
.board-view .rereply-list .reply.txt-delete {background-position-y:10px;}
.board-view .reply-input > div,.board-view .reply-input2 > div  {position:relative;min-height:90px;margin-bottom:10px;}
.board-view .reply-input > div .btn-reply-reg,
.board-view .reply-input2 > div .btn-rereply-reg {position:absolute;right:0;top:0;width:116px;height:90px;}
.board-view .reply-input2 .btn-edit-cancel {position:absolute;right:0;top:0;padding:0 5px;font-size:12px !important;color:#999 !important;}
.board-view .note-editor {position:relative;}
.board-view .note-editor.note-frame {overflow:hidden;width:100%;min-height:90px;border:1px solid #d1d1d1;border-radius:0;}
.board-view .note-editor.note-frame .note-editing-area {width:88%;min-height:80px;padding:0 10px;}
.board-view .note-editor.note-frame .note-editing-area .note-editable {padding:8px 10px;}
.board-view .note-editor.note-frame .note-editing-area .note-editable * {color:#333 !important;}
.board-view .note-editor.note-frame .note-editing-area .note-editable img {max-width:80px !important;}
.board-view .note-editor.note-frame .note-editing-area .note-editable img.sticker {max-width:84px !important;}
.board-view .removable-item img.attachment {width:80px;height:80px;border:1px solid #d1d1d1;}
.board-view .removable-item > .btn-attachment-delete {right:10px;top:10px;opacity:0.7;}
.board-view .reply-input .nologin-disabled {overflow:hidden;width:100%;min-height:90px;padding:0 0 50px 20px;border:1px solid #999;border-radius:0;}
.board-view .reply-input .btn-add-image + label,
.board-view .reply-input2 .btn-add-image2 + label {position:relative;padding-left:26px;font-size:14px;font-weight:normal;opacity:0.7;}
.board-view .reply-input .btn-add-image + label::before,
.board-view .reply-input2 .btn-add-image2 + label::before {position:absolute;left:0;top:50%;width:22px;height:22px;margin-top:-11px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-collection.png);background-position-x:-400%;content:'';}
.board-view .view-box .survey-area .btn-survey-reg.off {background-color: #e0e0e0; color:#fff;border:1px solid #e0e0e0;}
.board-view .view-box .survey-area.period-end li input + label {opacity:0.4;}
.board-view #urlCopy{display:block;position:absolute;left:-99999px;top:0;}
.board-view .section-more .list-box {position:relative;clear:both;margin:30px 30px 50px;}
.board-view .section-more .list-box h2 {padding-bottom:12px;font-size:18px;font-weight:500;}
.board-view .section-more .list-box .btn-all-list {overflow:hidden;position:absolute;right:25px;top:0;width:22px;height:22px;font-size:0;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-collection.png);text-indent:-9999px;}
.board-view .section-more .list-box .inner {overflow-x:visible;overflow-y:initial;border-top:1px solid #d1d1d1;}
.board-view .section-more .list-box .inner .type-list {overflow-x:visible;overflow-y:initial;margin-top:0;}
.board-view .section-more .list-box .inner li.current {background-color:#f4f4f4;}
.board-view .section-more .list-box .banners {position:relative;padding:30px 0 100px;}
.board-view .section-more .list-box .banners li {float:left;width:312px;height:217px;border:0;}
.board-view .section-more .list-box .banners .controller .arrow button {overflow:hidden;position:absolute;top:114px;width:40px;height:50px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-arrow-banner.png);font-size:20px;color:#fff;text-indent:-9999px;}
.board-view .section-more .list-box .banners .controller .arrow button.btn-prev {left:-5px;}
.board-view .section-more .list-box .banners .controller .arrow button.btn-next {right:-5px;background-position-x:-100%;}
.board-view .section-more .list-box .banners .controller .arrow button.swiper-button-disabled {opacity:0;}
.board-view .section-more .list-box .banners .controller .paging {position:absolute;left:0;bottom:66px;width:100%;text-align:center;}
.board-view .section-more .list-box .banners .controller .paging span {display:inline-block;width:30px;height:2px;margin:0 2px;background-color:rgba(0, 0, 0, 0.4);}
.board-view .section-more .list-box .banners .controller .paging span.swiper-pagination-bullet-active {background-color:#e7ebee;}

/* 댓글 권한 - admin */
.board-view.authority-admin .reply-input,
.board-view.authority-admin .reply-none {display:none;}
/* 댓글 권한 - none */
.board-view.authority-none .reply-box {display:none;}

/* board write */
.attachment-list::after {display:block;clear:both;content:"";}
.attachment-list li {float:left;position:relative;}
.attachment-list li.select {border:3px solid;}
.attachment-list li > img {width:100%;min-height:100%;cursor:pointer;}
.btn-attachment-delete {overflow:hidden;position:absolute;right:0;top:0;width:20px;height:20px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-attachment-delete.png);text-indent:-9999px;}
.board-write .section-top {position:relative;padding:14px 30px 12px;}
.board-write .section-bot {padding-top:0;}
.board-write .tit-box {padding:14px 0;border-top:1px solid #eaecef;}
.board-write .tit-box::after {display:block;clear:both;content:"";}
.board-write .tit-box .headline-box {float:left;position:relative;width:135px;}
.board-write .tit-box .tit-input {float:right;width:831px;padding-left:30px;font-size:20px;border:0;}
.board-write .cont-input {height:470px;border-top:1px solid #eaecef;border-bottom:1px solid #eaecef;}
.board-write .cont-input .note-editor.note-frame .note-editing-area {height:90%;}
.board-write .note-editor.note-frame .note-placeholder {padding:30px;}
.board-write .note-editor.note-frame .note-editable img.sticker {max-width:84px !important;}
.board-write .app-list .btn-pop-link {margin-left:-1px;}
.board-write .hashtag {display:none;padding:0 10px;}
.board-write .hashtag,
.board-write .hashtag-input {width:100%;min-height:50px;padding-left:20px;border:0;border-bottom:1px solid #eaecef !important;}
.board-write .hashtag.on {display:block;}
.board-write .hashtag li {display:inline-block;position:relative;padding-right:15px;margin-right:8px;line-height:48px;}
.board-write .hashtag li:before {display:inline-block;padding-right:2px;content:'#';}
.board-write .hashtag li .hashtag-delete {/* position:absolute;right:0;top:7px;*/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;}
.board-write .attachment-list {display:none;padding:20px;border-bottom:1px solid #eaecef !important;}
.board-write .attachment-list.on {display:block;}
.board-write .attachment-list li {overflow:hidden;width:80px;height:80px;margin-right:10px;}
.board-write .notice-txt {padding-top:20px;font-size:16px;color:#999;}
.board-write .btn-box {margin:20px 0 30px;text-align:center;}
.board-write .btn-cancel {margin-right:10px;color:#999;border-color:#999;}
.board-write .sticker-area {display:none;padding:15px 23px;border-bottom:1px solid #eaecef;}
.board-write .sticker-area.on {display:block;}
.board-write .sticker-area .btn-sticker {width:auto;padding-left:28px;background-repeat:no-repeat;}
.board-write .sticker-area span {color:#a5a5a5;}
.board-write .sticker-area .sticker-box {top:45px;}
.board-write .dropdown-menu {padding:0;}
.board-write .auto-save-txt {padding-top:15px;font-size:12px;color:#999;text-align:right;}

/* profile */
.profile .profile-box {position:relative;width:440px;margin:35px auto;text-align:center;}
.profile .profile-box .profile-img {width:106px;height:106px;margin:0 auto 10px;}
.profile .profile-box .btn-upload {position:absolute;left:55%;top:70px;width:34px;height:34px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-edit-profile.png);text-indent:-9999px;}
.profile .profile-box .profile-nickname .nickname {font-size:25px;}
.profile .profile-box .profile-nickname .nickname .btn-setting {display:none;}
.profile .profile-box .profile-nickname .nick-input {position:relative;margin-top:15px;}
.profile .profile-box .profile-nickname .nick-input > input {width:440px;padding-left:20px;margin-bottom:10px;}
.profile .profile-box .profile-nickname .nick-input .btn-delete {display:none;overflow:hidden;position:absolute;right:20px;top:14px;width:17px;height:17px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-delete.gif);background-size:100% auto;text-indent:-9999px;}
.profile .profile-box .profile-nickname .nick-input .btn-delete.on {display:block;}
.profile .profile-box .validation-txt {height:32px;font-size:13px;color:#f0473a;line-height:1.3em;}
.profile .btn-box {text-align:center;}
.profile .btn-box .btn-confirm {opacity:0.6;}
.profile .btn-box .btn-confirm.on {opacity:1;}

/* footer */
#footer {margin:0 auto;padding-bottom:48px;color:#888888;text-align:center;}
#footer .tospp {font-size:13px;}
#footer .tospp > i {margin:0 5px;font-style:normal;color: #d6d6d6;}
#footer .tospp > a:last-child {font-weight:700;}
#footer .logo-nexon {margin-top:21px;}
#footer .logo-nexon img {width:73px;height:26px;margin-right:5px;object-fit: contain;}
#footer .logo-nexon span {display:inline-block;vertical-align:top;font-size: 11px; color:#8b8b8b; text-align: left;margin-top:1px;font-weight: 300;}


/* popup */
.popup {display:none;overflow-y:auto;position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);opacity:0;}
.popup .inner {position:absolute;top:10%;left:50%;width:680px;padding:40px 40px 30px;margin-left:-340px;margin-bottom:100px;background-color:#fff;border:1px solid #696969;box-sizing:border-box;}
.popup .inner > h2 {font-size:30px;font-weight:500;}
.popup .inner > h2 small {font-size:20px;color:inherit;}
.popup .inner > h2 + p {margin:10px 0 20px;color:#999;}
.popup .inner p {color:#999;}
.popup .inner .btn-close.icon {overflow:hidden;position:absolute;right:40px;top:40px;width:26px;height:26px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-close.gif);text-indent:-9999px;}
.popup .btn-box {margin-top:30px;text-align:center;}
.popup .btn-box button {margin:0 4px;}
.default-pop {z-index:1002;}
.default-pop .inner {width:460px;margin-left:-230px;padding:40px 35px 30px;text-align:center;}
.default-pop .inner > p {margin-bottom:30px;font-size:16px;font-weight:300;color:#333;line-height:1.5em;}
.default-pop .inner > p ul {text-align:left;}
.default-pop .inner > p ul li {margin-left:12px;text-indent:-12px;}
.confirm-pop {z-index:1001;}
.confirm-pop .inner {width:460px;margin-left:-230px;padding:40px 35px 30px;text-align:center;}
.confirm-pop .inner > h2 {font-size:24px;}
.confirm-pop .inner > h2 + p,
.confirm-pop .inner > p {margin:20px 0 30px;font-size:16px;font-weight:300;color:#333;line-height:1.5em;}
.badge-alert-pop {z-index:1001;}
.badge-alert-pop .inner {width:550px;height:350px;margin-left:-275px;padding:100px 40px 0;text-align:center;}
.badge-alert-pop .inner > p {margin-bottom:10px;font-size:20px;font-weight:500;color:#333;line-height:1.3em;}
.badge-alert-pop .btn-box {position:absolute;left:0;bottom:105px;width:100%;}
.share-pop .share-box {position:relative;width:100%;margin-top:25px;}
.share-pop .share-box > input {width:494px;border-right:0;}
.share-pop .share-box .btn-copy {position:absolute;right:0;top:0;height:44px;}
.report-pop .report-note {margin:15px 0 20px;}
.report-pop .report-note p {font-size:14px;color:#999;line-height:1.3em;}
.report-pop .report-note p.note2 {color:#e93323;}
.report-pop .report-box {width:100%;padding:25px 30px 30px;margin-bottom:40px;background-color:#f4f4f4;box-sizing:border-box;}
.report-pop .report-box dl {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #d1d1d1;}
.report-pop .report-box dl::after {display:block;clear:both;content:"";}
.report-pop .report-box dl:nth-child(2) {margin-bottom:10px;}
.report-pop .report-box dt {float:left;width:70px;color:#999;}
.report-pop .report-box dd {float:left;width:468px;}
.report-pop .report-box dd.post-tit {overflow:hidden;}
.report-pop .report-box dd.post-tit  span {font-size:14px;font-weight:500;}
.report-pop .report-box .select-box {margin-top:44px;}
.report-pop .report-box .select-box .custom-select {width:100%;left:0;top:44px;}
.report-pop .report-box .select-box textarea {display:none;width:100%;height:92px;padding-top:5px;border-top:0;box-sizing:border-box;}
.add-image-pop .inner {width:670px;margin-left:-335px;}
.add-image-pop .img-box {overflow-y:auto;position:relative;width:593px;height:434px;margin-bottom:25px;background-color:#fafafa;}
.add-image-pop .notice-txt {margin-bottom:30px;}
.add-image-pop .file-upload {width:100%;height:100%;opacity:0;cursor:pointer;}
.add-image-pop .attachment-list {position:absolute;left:0;top:0;}
.add-image-pop .attachment-list li {overflow:hidden;width:142px;height:142px;margin:1px;background-color:#fafafa;}
.add-image-pop .attachment-list li .btn-attachment-delete {display:none;}
.add-image-pop .attachment-list li.select {border:1px solid;}
.add-image-pop .attachment-list li.select .btn-attachment-delete {display:block;}
.add-image-pop .btn-add-image {position:absolute;left:32px;bottom:30px;padding-left:26px;font-weight:normal;line-height:45px;}
.add-image-pop .btn-add-image::before {position:absolute;left:0;top:50%;width:22px;height:22px;margin-top:-11px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-collection.png);background-position-x:-200%;content:'';}
.add-image-pop .btn-add-image > small {margin-left:10px;font-size:12px;}
.add-image-pop .btn-add-image > small span {color:#e93323;}
.add-link-pop ul {margin:25px 0 20px;}
.add-link-pop ul::after {display:block;clear:both;content:"";}
.add-link-pop li {float:left;margin-right:20px;}
.add-link-pop li input {position:absolute;left:0;top:0;width:1px;height:1px;border:0;visibility:hidden;}
.add-link-pop li input + label {position:relative;padding-left:26px;font-weight:normal;}
.add-link-pop li input + label span {position:absolute;left:4px;top:16px;width:0;height:0;margin-top:-9px;border:0 solid #fff;}
.add-link-pop li input + label span::after {position:absolute;left:-4px;top:-4px;width:18px;height:18px;border:1px solid #d1d1d1;content:"";}
.add-link-pop li input[type="radio"] + label span,
.add-link-pop li input[type="radio"] + label span::after {border-radius:50%;}
.add-link-pop li input:checked + label span {left:1px;top:13px;width:16px;height:16px;border-width:3px;}
.add-link-pop .link-input {width:100%;}
.add-link-pop .link-input + p {margin:15px 0 10px;}
.add-link-pop .btn-confirm {opacity:0.6;}
.add-link-pop .btn-box .btn-confirm.on {opacity:1;}
.add-hyperLink-pop dt {font-weight:500;}
.add-hyperLink-pop h2 {margin-bottom:25px;}
.add-hyperLink-pop input[type="text"] {width:100%;height:50px;margin:10px 0 20px;}
.add-hyperLink-pop input[type="checkbox"] {position:absolute;left:0;top:0;width:1px;height:1px;border:0;visibility:hidden;}
.add-hyperLink-pop input[type="checkbox"] + label {position:relative;padding-left:30px;font-weight:normal;color:#747477;}
.add-hyperLink-pop input[type="checkbox"] + label span:nth-child(1) {position:absolute;left:0;top:0;width:22px;height:22px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/forum-web/pc/icon-basic.png) -14px center no-repeat;background-size:32px auto;background-color:transparent;}
.add-hyperLink-pop input[type="checkbox"] + label span:nth-child(1)::after {position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #eaeaea;background-color:#fff;content:"";}
.add-hyperLink-pop input[type="checkbox"]:checked + label span:nth-child(1)::after {display:none;}
.profile-pop .inner {min-height:400px;padding:40px 40px 55px;}
.profile-pop .inner > p {margin-bottom:30px;}
.profile-pop .profile-box {position:relative;margin-bottom:35px;}
.profile-pop .profile-box::after {display:block;clear:both;content:"";}
.profile-pop .profile-box .profile-img {float:left;width:106px;height:106px;margin:0 30px 0 10px;}
.profile-pop .profile-box .btn-upload {position:absolute;left:82px;top:70px;width:34px;height:34px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-edit-profile.png);text-indent:-9999px;}
.profile-pop .profile-box .profile-nickname {float:left;padding-top:10px;}
.profile-pop .profile-box .profile-nickname .nickname {font-size:25px;}
.profile-pop .profile-box .profile-nickname .nickname .btn-setting {display:none;}
.profile-pop .profile-box .profile-nickname .nick-input {position:relative;margin-top:15px;}
.profile-pop .profile-box .profile-nickname .nick-input > input {width:440px;padding-left:20px;margin-bottom:10px;}
.profile-pop .profile-box .profile-nickname .nick-input .btn-delete {display:none;overflow:hidden;position:absolute;right:20px;top:14px;width:17px;height:17px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-delete.gif);background-size:100% auto;text-indent:-9999px;}
.profile-pop .profile-box .profile-nickname .nick-input .btn-delete.on {display:block;}
.profile-pop .profile-box .validation-txt {font-size:13px;color:#f0473a;line-height:1.3em;}
.profile-pop .btn-box .btn-confirm {opacity:0.6;}
.profile-pop .btn-box .btn-confirm.on {opacity:1;}
.sanctions-pop {z-index:1002;}
.sanctions-pop .inner > h2 {font-size:30px;font-weight:500;}
.sanctions-pop .sanctions-box {padding:30px;margin-bottom:30px;background-color:#f4f4f4;}
.sanctions-pop .sanctions-box::after {display:block;clear:both;content:"";}
.sanctions-pop .sanctions-box .profile-img {float:left;width:86px;height:86px;margin:0 30px 20px 0;}
.sanctions-pop .sanctions-box .nickname {float:left;width:418px;font-size:23px;font-weight:500;line-height:88px;}
.sanctions-pop .sanctions-box .nickname .btn-setting {display:none;}
.sanctions-pop .sanctions-box .info {clear:both;}
.sanctions-pop .sanctions-box .info dl {border-top:1px solid #d5d5d5;font-size:14px;}
.sanctions-pop .sanctions-box .info dl::after {display:block;clear:both;content:"";}
.sanctions-pop .sanctions-box .info dt {padding:15px 0;color:#999;}
.sanctions-pop .sanctions-box .info dd {padding:15px 0;}
.sanctions-pop .sanctions-box .info .left {float:left;width:70px;}
.sanctions-pop .sanctions-box .info .right {float:left;width:466px;font-weight:500;}
.sanctions-pop .sanctions-box .info .clear {clear:both;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
.sanctions-pop .sanctions-box .info .color-red {color:#e93323;}
.sanctions-pop .sanctions-box .info .txt {padding-bottom:0;}
.sanctions-pop .sanctions-box .info .reason-list li {margin-bottom:20px;}
.sanctions-pop .sanctions-box .info .reason-list li:last-child {margin-bottom:0;}
.sanctions-pop .sanctions-box .info .reason-list li .day {display:block;margin-bottom:1px;font-weight:500;}

/* director event */
.director-section {display:none;position:relative;padding:50px 70px 40px;margin:60px 0 50px;background-color:#f4f4f4;}
.director-section.on {display:block;}
.director-section .director-tit {padding-bottom:15px;border-bottom:2px solid #313237;font-size:23px;font-weight:500;}
.director-section .director-wrap .swiper-wrapper {overflow:hidden;}
.director-section .director-wrap .paging {padding-top:27px;text-align:center;}
.director-section .director-wrap .paging .swiper-pagination-bullet {display:inline-block;width:30px;height:2px;margin:0 3px;background-color:#e0e0e1;}
.director-section .director-wrap .paging .swiper-pagination-bullet-active {background-color:#6a6a6a;}
.director-section .director-btn {position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-arrow-director.png);cursor:pointer;}
.director-section .director-next {right:10px;background-position-x:-100%;}
.director-section .director-prev {left:10px;}
.director-section .director-next.swiper-button-disabled,
.director-section .director-prev.swiper-button-disabled {opacity:0;cursor:initial;}
.director-section .box {display:block;position:relative;padding:13px 40px 13px 64px;background:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-best.png) 10px center no-repeat;background-size:38px auto;border-bottom:1px solid #d1d1d1;transition:all 0.5s;cursor:pointer;}
.director-section .box:after {display:block;content:'';position:absolute;right:0;top:50%;width:40px;height:30px;margin-top:-15px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-arrow-director.png);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 .reply-cont .txt,
.director-section .box.on .txt-area .reply-cont .txt * {color:#333 !important;}
.director-section .box.on .txt-area .date {display:inline-block;}
.director-section .box.on .txt-area .writer,
.director-section .box.on .txt-area .btn-reply-like .like-count {opacity:1;}
.director-section .txt-area {overflow:hidden;}
.director-section .txt-area p {line-height:1.2em;}
.director-section .txt-area .reply-cont {float:left;width:520px;padding-right:20px;}
.director-section .txt-area .reply-cont .txt,
.director-section .txt-area .reply-cont .txt * {font-family:'Noto Sans KR', Helvetica, sans-serif !important;font-size:14px !important;color:#6a6a6a !important;line-height:1.3em !important;}
.director-section .txt-area .ellipsis,
.director-section .txt-area .ellipsis * {overflow:hidden;height:1.2em;text-overflow:ellipsis;white-space:nowrap;}
.director-section .txt-area .reply-info {display:table;float:left;position:relative;width:200px;}
.director-section .txt-area .reply-info div {display:table-cell;vertical-align:middle;}
.director-section .txt-area .writer {display:inline-block;width:124px;padding-right:24px;box-sizing:border-box;font-size:12px;color:#999;vertical-align:middle;opacity:0.7;}
.director-section .txt-area .writer.ellipsis,
.director-section .txt-area .writer.ellipsis * {height:1.4em;}
.director-section .txt-area .date {display:none;font-size:12px;color:#999;}
.director-section .txt-area .btn-reply-like {display:inline-block;position:relative;padding-left:22px;box-sizing:border-box;font-size:12px;color:#999;vertical-align:middle;}
.director-section .txt-area .btn-reply-like::before {position:absolute;left:0;top:20%;width:20px;height:11px;margin:1px 2px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-heart.png);background-size:17px auto;background-repeat: no-repeat;content:"";}
.director-section .txt-area .btn-reply-like.on::before {background-position:0 -13px;}
.director-section .txt-area .btn-reply-like .like-count {opacity:0.7;}

/* sticker */
.sticker-area {display:inline-block;position:relative;min-height:auto !important;vertical-align:text-top;}
.sticker-area .btn-sticker {width:18px;height:18px;margin-right:10px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/icon-sticker.png);}
.sticker-area .sticker-box {display:none;position:absolute;left:0;top:28px;z-index:1;width:539px;background-color:#fff;border:1px solid #d1d1d1;box-sizing:border-box;}
.sticker-area .sticker-box.on {display:block;}
.sticker-area .sticker-tab {position:relative;height:49px;border-bottom:1px solid #f5f5f5;}
.sticker-area .sticker-tab .tab-inner {height:100%;padding:0 38px;}
.sticker-area .sticker-tab li {width:auto;padding:10px 4px 7px;margin:0 6px;border-bottom:3px solid transparent;}
.sticker-area .sticker-tab li.on {border-color:#1a2e3b;}
.sticker-area .sticker-tab li button {overflow:hidden;width:28px;height:28px;}
.sticker-area .sticker-tab .arrow button {position:absolute;top:0;width:38px;height:100%;background-color:#fff;text-indent:-9999px;}
.sticker-area .sticker-tab .arrow button::before {position:absolute;left:14px;top:15px;width:10px;height:18px;background-image:url(https://dszw1qtcnsa5e.cloudfront.net/bin/live/console-community-view/assets/web/pc/btn-arrow-sticker.png);content:'';}
.sticker-area .sticker-tab .arrow button.btn-left {left:0;}
.sticker-area .sticker-tab .arrow button.btn-right {right:0;}
.sticker-area .sticker-tab .arrow button.btn-right::before {background-position-x:-100%;}
.sticker-area .sticker-list {overflow-y:auto;height:384px;padding:10px 5px;box-sizing:border-box;}
.sticker-area .sticker-list ul {overflow:hidden;display:none;}
.sticker-area .sticker-list ul.on {display:block;}
.sticker-area .sticker-list li {overflow:hidden;float:left;width:84px;height:84px;margin:0 9px 10px;}
.sticker-area .sticker-list li button {width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:100% auto;}


/* 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:24px 0 0 3px}
.qna-profile-wrapper .qna-profile-info h3 {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:0;}
.article-info.qna-article-info {display: flex;}
.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: 38px;min-width:38px;height: 38px;margin-top: 24px;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 {width:116px;height:90px;}
.type-qna .contents-box {margin: 12px 0 0 50px}
.type-qna .hashtag {margin: 5px 0 0 50px}
.type-qna .total {margin: 21px 0 0 50px; cursor: pointer;}
.type-qna .qna-board-item {padding-bottom:24px;border-bottom: 1px solid #eaecef;}
.type-qna .reply-input-container.none {display: none}
.type-qna .reply-text-area {background-color:#f9f9f9;border: 1px solid #999;width:100%;height:90px;padding:12px;box-sizing: border-box;}
.type-qna .reply-input-wrapper {display:flex;align-self:center;margin:9px 0 9px 50px;position: relative}
.type-qna .comment-name {margin-right: 2px}

.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-list {margin-left: 50px}
.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:20px 0;border-bottom:1px solid #f4f4f4;}
.type-qna .reply-list .reply .profile-img {position:absolute;left:0;top:20px;width:38px;height:38px;}
.type-qna .reply-list .reply .txt-area {position:relative;padding-left:52px;}
.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 110px 15px 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 .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 {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-box {float:right;position:relative;}
.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 50px; 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: 38px;height: 38px;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{padding:3px 0 10px}
.qna-adopt-wrapper .emphasize{font-weight:700;color: #ef5d5d;padding-bottom: 10px}
.qna-adopt-wrapper .reply {margin: 0 0 0 43px;}
/* .qna-adopt-wrapper .reply .txt-area .txt.box1 {margin: 12px 0 12px 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;padding-left: 9px}
.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:5px 110px 15px 0;}
.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 .btn-reply-like {position:relative;padding-left:20px;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:24px 50px 0;}
.qna-board-item .qna-write-wrapper #qna-write-contents {width: 840px;border-bottom:none;}
.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 {position: absolute;bottom: 12px;right: 112px;}

.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;}


/* mdnf gnb 스타일 */
* {margin: 0;padding:0}
ul {list-style: none;}
/* mdnf gnb (폰트는 Noto Sans KR와 Teko 사용) */
header h1.logo a, header .btn_ytb {display: block;text-indent: -9999px;overflow: hidden;background-image: url("https://lwi.nexon.com/m_dnf/event/2021/1125_5EDBE39D723C8DE7/spr_community.png");background-repeat: no-repeat;}
header {position: absolute;top: 0;left: 0;width: 100%;height: 90px;background-color: #232323;z-index: 30;}
header a {text-decoration: none;font-family: 'Noto Sans KR', sans-serif;font-weight: 400;}
header h1.logo {position: absolute;top: 1px;left: 16px;width: 152px;height: 90px;}
header h1.logo a {display: block;width: 100%;height: 100%;background-position: 0 0;}
header .btn_ytb {position: absolute;right: 24px;top: 16px;width: 58px;height: 58px;background-position: -168px 0;}
header .util .btn_ytb:hover {background-position-y: -60px;}
header nav {position: absolute;top: 30px;left: 215px;}
header nav > ul > li {position: relative;float: left;margin: 0 23px 0 22px;z-index: 21;}
header nav > ul > li a {color: #fff!important;font-size: 18px;line-height: 27px;opacity: 0.8;z-index: 22;position: relative;}
header nav > ul > li:hover {z-index: 20;}
header nav > ul > li:hover a, header nav > ul > li.on a {opacity: 1;font-weight: 500;}
header nav > ul > li:hover ul,
header nav > ul >li.on ul {display: block;}
header nav ul ul {display: none;position: absolute;top: 0;right: 0;width: 202px;z-index: 10;padding-top: 47px;}
header nav ul ul::before {content: "";position: absolute;top: 44px;right: 9px;width: 208px;height: 32px;background-color: #fff;z-index: 1;transform: skewX(-15deg);}
header nav ul ul::after {content: "";position: absolute;top: 34px;right: 0px;width: 16px;height: 42px;background: url("https://lwi.nexon.com/m_dnf/event/2021/1125_5EDBE39D723C8DE7/bg_nav_edge.png") 0 0 no-repeat;}
header nav ul ul li {position: relative;float: left;z-index: 10;margin: 0 10px;}
header nav ul ul li a {color: #999!important;font-size: 15px;line-height: 26px;}
header nav ul ul li:hover a, header nav ul ul li.on a {color: #000!important;}
header nav ul ul li:hover a::before, header nav ul ul li.on a::before {background-color: #000 !important;}
header nav .n3 ul {width: 154px;}
header nav .n3 ul::before {width: 160px;}
header nav .n4 li:nth-child(2) a::before {content: "pre";width: 16px;height: 11px;line-height: 11px;font-family: "Teko", sans-serif;font-size: 12px;display: inline-block;vertical-align: middle;background-color: #999;color: #fff;text-align: center;letter-spacing: 0.05em;font-weight: 400;}
header nav ul li a {letter-spacing: -0.05em;}
/* 211219 추가 css : new아이콘 */
header nav > ul > li.new a::after {content: '';display: inline-block;width: 18px;height: 12px;margin:-4px 0 0 6px;vertical-align: middle;background: url('https://lwi.nexon.com/m_dnf/event/2021/1125_5EDBE39D723C8DE7/ico_new.png') no-repeat;}

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