@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
/* Original file: files/cache/assets/compiled/f901bd531df05a712260b0c2277c4773d894cef3.rhymix.scss.min.css */

body,table,input,textarea,select,button{font-family:sans-serif;font-size:12px}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}body{position:relative}body.rx_modal_open{overflow:hidden;position:fixed}a img{border:0}[hidden]{display:none}.xe_content,.rhymix_content{font-family:나눔고딕, NanumGothic, Malgun Gothic, sans-serif;font-size:16px;line-height:160%;word-break:normal;word-wrap:break-word;overflow-wrap:anywhere}.xe_content p,.rhymix_content p{margin:0 0 0px 0;line-height:160%}.xe_content p span,.rhymix_content p span{line-height:160%}.xe_content img,.xe_content video,.rhymix_content img,.rhymix_content video{max-width:100%;height:auto}.xe_content table,.rhymix_content table{font:inherit}.xe_content blockquote,.rhymix_content blockquote{padding:2px 0;border-style:solid;border-color:#ccc;border-width:0;border-left-width:5px;padding-left:20px;padding-right:8px}.xe_content blockquote:lang(ar),.xe_content blockquote:lang(arc),.xe_content blockquote:lang(dv),.xe_content blockquote:lang(ha),.xe_content blockquote:lang(he),.xe_content blockquote:lang(khw),.xe_content blockquote:lang(ks),.xe_content blockquote:lang(ku),.xe_content blockquote:lang(ps),.xe_content blockquote:lang(fa),.xe_content blockquote:lang(ur),.xe_content blockquote:lang(yi),.rhymix_content blockquote:lang(ar),.rhymix_content blockquote:lang(arc),.rhymix_content blockquote:lang(dv),.rhymix_content blockquote:lang(ha),.rhymix_content blockquote:lang(he),.rhymix_content blockquote:lang(khw),.rhymix_content blockquote:lang(ks),.rhymix_content blockquote:lang(ku),.rhymix_content blockquote:lang(ps),.rhymix_content blockquote:lang(fa),.rhymix_content blockquote:lang(ur),.rhymix_content blockquote:lang(yi){border-left-width:0px;border-right-width:5px;padding-left:8px;padding-right:20px}.xe_content ul,.rhymix_content ul{list-style-type:disc}.xe_content ol,.rhymix_content ol{list-style-type:decimal}.xe_content ul,.xe_content ol,.rhymix_content ul,.rhymix_content ol{display:block;margin-left:1em;margin-right:0;padding-left:25px;padding-right:0}.xe_content ul:lang(ar),.xe_content ul:lang(arc),.xe_content ul:lang(dv),.xe_content ul:lang(ha),.xe_content ul:lang(he),.xe_content ul:lang(khw),.xe_content ul:lang(ks),.xe_content ul:lang(ku),.xe_content ul:lang(ps),.xe_content ul:lang(fa),.xe_content ul:lang(ur),.xe_content ul:lang(yi),.xe_content ol:lang(ar),.xe_content ol:lang(arc),.xe_content ol:lang(dv),.xe_content ol:lang(ha),.xe_content ol:lang(he),.xe_content ol:lang(khw),.xe_content ol:lang(ks),.xe_content ol:lang(ku),.xe_content ol:lang(ps),.xe_content ol:lang(fa),.xe_content ol:lang(ur),.xe_content ol:lang(yi),.rhymix_content ul:lang(ar),.rhymix_content ul:lang(arc),.rhymix_content ul:lang(dv),.rhymix_content ul:lang(ha),.rhymix_content ul:lang(he),.rhymix_content ul:lang(khw),.rhymix_content ul:lang(ks),.rhymix_content ul:lang(ku),.rhymix_content ul:lang(ps),.rhymix_content ul:lang(fa),.rhymix_content ul:lang(ur),.rhymix_content ul:lang(yi),.rhymix_content ol:lang(ar),.rhymix_content ol:lang(arc),.rhymix_content ol:lang(dv),.rhymix_content ol:lang(ha),.rhymix_content ol:lang(he),.rhymix_content ol:lang(khw),.rhymix_content ol:lang(ks),.rhymix_content ol:lang(ku),.rhymix_content ol:lang(ps),.rhymix_content ol:lang(fa),.rhymix_content ol:lang(ur),.rhymix_content ol:lang(yi){padding-left:0px;padding-right:25px;margin-left:0;margin-right:1em}.xe_content li,.rhymix_content li{display:list-item}@media screen{img,video{max-width:none}}.xe-clearfix:before,.xe-clearfix:after{content:" ";display:table}.xe-clearfix:after{clear:both}.xe-widget-wrapper{overflow:hidden}#rhymix_popup_menu,#popup_menu_area{position:absolute;z-index:9999;margin:10px 0;padding:0;border:1px solid #eeeeee;border-radius:2px;font-size:12px;box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);background:#fff;min-width:80px}#rhymix_popup_menu ul,#popup_menu_area ul{margin:0;padding:0;list-style:none}#rhymix_popup_menu li,#popup_menu_area li{margin:0;padding:0;line-height:1.5}#rhymix_popup_menu a,#popup_menu_area a{display:block;padding:5px;text-decoration:none;color:#212121}#rhymix_popup_menu a:hover,#rhymix_popup_menu a:active,#rhymix_popup_menu a:focus,#popup_menu_area a:hover,#popup_menu_area a:active,#popup_menu_area a:focus{background:#eeeeee;outline:none}@media screen and (max-width:400px){#rhymix_popup_menu,#popup_menu_area{min-width:120px;max-width:95%;font-size:13px}#rhymix_popup_menu a,#popup_menu_area a{display:block;padding:10px;text-decoration:none;color:#212121}}.editable_preview{width:100%;min-height:240px;max-height:440px;box-sizing:border-box;margin:0;padding:6px;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);overflow-y:auto;cursor:text}.editable_preview p{margin-bottom:0px !important}.editable_preview_iframe{width:100%;height:440px;box-sizing:border-box;margin:0 0 -4px 0;padding:0;border:0}#rhymix_alert{display:none;position:fixed;left:50%;bottom:20%;min-width:250px;max-width:500px;background-color:#000;color:#fff;font-size:16px;text-align:center;opacity:0.6;padding:12px 20px;border:1px solid #fff;border-radius:10px;transform:translateX(-50%);z-index:999999999}#rhymix_debug_button{display:none;position:fixed;left:0;bottom:40px;background:#eeeeee;background:linear-gradient(to bottom, #f4f4f4 0%, #eaeaea 100%);border:1px solid #ccc;border-left:0;border-top-right-radius:4px;border-bottom-right-radius:4px;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.18), 0 0 6px 0 rgba(0, 0, 0, 0.12);z-index:1073741824}#rhymix_debug_button.visible{display:block}@media print{#rhymix_debug_button.visible{display:none}}#rhymix_debug_button:hover{background:#dddddd;background:linear-gradient(to bottom, #e8e8e8 0%, #d9d9d9 100%)}#rhymix_debug_button a{display:block;font:bold 12px/14px Arial, sans-serif;color:#444;text-decoration:none;padding:4px 8px}#rhymix_debug_button a.has_errors{color:#f44336}#rhymix_debug_panel{display:none;position:fixed;left:0;top:0;max-width:100%;height:100%;overflow-y:scroll;background:#fcfcfc;box-sizing:border-box;border-right:1px solid #ccc;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.18), 0 0 8px 0 rgba(0, 0, 0, 0.12);z-index:1073741824}#rhymix_debug_panel .debug_header{clear:both;width:100%;height:36px;background:#444444;background:linear-gradient(to right, #222222 0%, #444444 40%, #eeeeee 100%);position:relative}#rhymix_debug_panel .debug_header h2{font:bold 16px/20px Arial, sans-serif;color:#fcfcfc;position:absolute;left:10px;top:10px;margin:0;padding:0}#rhymix_debug_panel .debug_header .debug_maximize{font:normal 20px/24px Arial, sans-serif;text-decoration:none;color:#444444;position:absolute;right:32px;top:6px}#rhymix_debug_panel .debug_header .debug_close{font:normal 28px/28px Arial, sans-serif;text-decoration:none;color:#444444;position:absolute;right:10px;top:4px}#rhymix_debug_panel .debug_header .debug_close:hover{color:#f44336}#rhymix_debug_panel .debug_page{clear:both;margin:12px 10px;font:normal 12px/16px Arial, NanumBarunGothic, NanumGothic, "Malgun Gothic", sans-serif}#rhymix_debug_panel .debug_page .debug_page_header{padding-bottom:8px;border-bottom:1px solid #ddd;position:relative;cursor:pointer}#rhymix_debug_panel .debug_page .debug_page_header h3{color:#444;font:inherit;font-size:14px;font-weight:bold;margin:0;padding:0}#rhymix_debug_panel .debug_page .debug_page_header h3 .error_count{display:inline-block;margin-left:6px;border-radius:4px;padding:2px 6px;font-size:12px;line-height:12px;background:#f44336;color:#ffffff}#rhymix_debug_panel .debug_page .debug_page_collapse{display:block;position:absolute;right:0;top:0;color:#999;font-size:10px;line-height:12px;text-decoration:none;padding:2px 2px}#rhymix_debug_panel .debug_page .debug_page_body{margin:8px 4px 8px 10px}#rhymix_debug_panel .debug_page .debug_page_body h4{color:#444;font:inherit;font-size:13px;font-weight:bold;margin:0 0 8px 0;padding:0}#rhymix_debug_panel .debug_page .debug_entry{font-family:Consolas, "Courier New", monospace;color:#444;margin-left:38px;margin-bottom:8px;text-indent:-28px;word-wrap:break-word;word-break:break-all}#rhymix_debug_panel .debug_page .debug_entry.pre_wrap{white-space:pre-wrap}#rhymix_debug_panel .debug_page .debug_entry ul.debug_metadata{margin:0 0 0 -16px;padding:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_metadata li{list-style:disc;margin:0;padding:0;text-indent:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace{margin:4px 0 0 16px;padding:0}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li{list-style:disc;margin:0;padding:0;text-indent:0;color:#888}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li ul{padding-left:20px}#rhymix_debug_panel .debug_page .debug_entry ul.debug_backtrace li ul li{list-style:circle}.btnArea{clear:both;margin:10px 0;padding:0;text-align:right}.btnArea:after{clear:both;display:block;content:""}.btn{display:inline-block;margin:0;padding:0 12px !important;height:24px !important;overflow:visible;border:1px solid #bbbbbb;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#a2a2a2;border-radius:2px;text-decoration:none !important;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:top;line-height:24px !important;font-family:inherit;font-size:12px;color:#333333;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn:hover,.btn:active,.btn[disabled]{color:#333;background-color:#e6e6e6}.btn>a,.btn>button,.btn>input,.btn>span{display:inline-block;margin:0 -12px !important;padding:0 12px !important;overflow:visible;width:auto;height:24px;border:0;vertical-align:top;text-decoration:none !important;line-height:24px;font-family:inherit;font-size:12px;color:#333;cursor:pointer;background:none}input.btn,button.btn{height:26px !important}.btn-group{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;font-size:0}.btn-group+.btn-group{margin-left:5px}.btn-group>.btn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-group>.btn+.btn{margin-left:-1px}.btn-group>.btn:first-child{margin-left:0;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}.btn-group>.btn:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active{z-index:2}.rhymix_button_wrapper{clear:both;margin:10px 0;padding:0;text-align:right}.rhymix_button_wrapper:after{clear:both;display:block;content:""}.rhymix_button{display:inline-block;margin:0;padding:0 12px !important;height:24px !important;overflow:visible;border:1px solid #bbbbbb;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#a2a2a2;border-radius:2px;text-decoration:none !important;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:top;line-height:24px !important;font-family:inherit;font-size:12px;color:#333333;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.rhymix_button:hover,.rhymix_button:active,.rhymix_button[disabled]{color:#333;background-color:#e6e6e6}.rhymix_button>a,.rhymix_button>button,.rhymix_button>input,.rhymix_button>span{display:inline-block;margin:0 -12px !important;padding:0 12px !important;overflow:visible;width:auto;height:24px;border:0;vertical-align:top;text-decoration:none !important;line-height:24px;font-family:inherit;font-size:12px;color:#333;cursor:pointer;background:none}input.rhymix_button,button.rhymix_button{height:26px !important}.message{position:relative;margin:1em 0;padding:0 1em;border:1px solid #ddd;border-radius:4px;line-height:1.4;font-size:13px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#f8f8f8}.message p{margin:1em 0 !important}.message.info{border-color:#BCE8F1;color:#3A87AD;background-color:#D9EDF7}.message.error{border-color:#EED3D7;color:#B94A48;background-color:#F2DEDE}.message.update{border-color:#D6E9C6;color:#468847;background-color:#DFF0D8}body>.message{margin:1em}.rhymix_message{position:relative;margin:1em 0;padding:0 1em;border:1px solid #ddd;border-radius:4px;line-height:1.4;font-size:13px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#f8f8f8}.rhymix_message p{margin:1em 0 !important}.rhymix_message.info{border-color:#BCE8F1;color:#3A87AD;background-color:#D9EDF7}.rhymix_message.error{border-color:#EED3D7;color:#B94A48;background-color:#F2DEDE}.rhymix_message.update{border-color:#D6E9C6;color:#468847;background-color:#DFF0D8}body>.rhymix_message{margin:1em}/* sourceMappingURL=f901bd531df05a712260b0c2277c4773d894cef3.rhymix.scss.min.map */

/* Original file: files/cache/assets/compiled/ac832cb3808f99f894b94bb965ef6a267f52df87.layout.scss.css */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 14px;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
  /* [수정] 전체 배경색을 연한 회색으로 변경 */
  background: #f0f2f5;
}
a {
  text-decoration: none;
  color: inherit;
  transition: color 0.2s;
}
button {
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
}
ul, ol {
  list-style: none;
}
.container {
  max-width: 100rem;
  margin: 0 auto;
  padding: 0 2.5rem;
}
.rb-header {
  position: sticky;
  top: 0;
  /* [수정] 헤더 배경을 완전 흰색으로 변경 (회색 배경과 구분 위해) */
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
  z-index: 1000;
  transition: all 0.3s;
}
.rb-header.scrolled {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.rb-header .header-inner {
  max-width: 100rem;
  margin: 0 auto;
  padding: 0 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6rem;
}
.rb-header .header-left {
  display: flex;
  align-items: center;
  gap: 2.9rem;
  flex: 1;
}
.rb-header .header-right {
  display: flex;
  align-items: center;
  gap: 1.1rem;
}
.logo {
  margin: 0;
  font-size: 0;
}
.logo a {
  display: block;
}
.logo img {
  height: 2rem;
  display: block;
}
.logo span {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  line-height: 2rem;
}
.logo .logo-mo {
  display: none;
}
.mobile-menu-toggle {
  display: none;
  gap: 0.4rem;
  padding: 0.6rem;
}
.mobile-menu-toggle.button {
  flex-direction: column;
}
.mobile-menu-toggle span.hamburger-line {
  width: 1.6rem;
  height: 2px;
  background: #333;
  border-radius: 2px;
  transition: all 0.3s;
}
.gnb-menu ul {
  display: flex;
  gap: 2.3rem;
}
.gnb-menu .gnb-item {
  position: relative;
}
.gnb-menu .gnb-item > a {
  font-size: 1.2rem;
  font-weight: 500;
  color: #131313;
  white-space: nowrap;
  display: block;
  padding: 1.4rem 0;
  font-weight: bold;
}
.gnb-menu .gnb-item > a:hover {
  color: #5865f2;
}
.gnb-menu .gnb-item.has-submenu .submenu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-27%);
  background: white;
  border-radius: 0.6rem;
  padding: 2.3rem;
  min-width: 15rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s, visibility 0.1s;
  z-index: 100;
  margin-top: 0.3rem;
}
.gnb-menu .gnb-item.has-submenu .submenu .submenu-title {
  padding: 0 0 0.8rem 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #161617;
  letter-spacing: -0.02rem;
}
.gnb-menu .gnb-item.has-submenu .submenu a {
  display: block;
  padding: 0.3rem 0;
  font-size: 1rem;
  color: #aeb1b4;
  white-space: nowrap;
  transition: color 0s;
  font-weight: bold;
}
.gnb-menu .gnb-item.has-submenu .submenu a:hover {
  color: #161617;
}
.gnb-menu .gnb-item.has-submenu:hover .submenu {
  opacity: 1;
  visibility: visible;
}
.search-toggle {
  width: 2.9rem;
  height: 2.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  border-radius: 0.6rem;
  transition: all 0.2s;
}
.search-toggle img, .search-toggle svg {
  width: 20px;
  height: 20px;
}
.search-toggle:hover {
  background: #f1f3f5;
  color: #333;
}
.user-actions {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}
.user-actions .user-link {
  padding: 0.6rem 1.1rem;
  font-size: 1rem;
  font-weight: 500;
  color: #495057;
  border-radius: 0.4rem;
  transition: all 0.2s;
}
.user-actions .user-link:hover {
  background: #f1f3f5;
  color: #333;
}
.user-actions .btn-signup {
  padding: 0.6rem 1.4rem;
  font-size: 1rem;
  font-weight: 600;
  color: white;
  background: #000;
  border-radius: 0.4rem;
  transition: all 0.2s;
}
.user-actions .btn-signup:hover {
  background: #333;
}
.write-toggle {
  width: 2.9rem;
  height: 2.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  border-radius: 0.6rem;
  transition: all 0.2s;
}
.write-toggle:hover {
  background: #f1f3f5;
  color: #333;
}
.search-box {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-bottom: 1px solid #e9ecef;
  padding: 1.1rem 0;
  display: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.search-box.active {
  display: block;
}
.search-box .search-inner {
  max-width: 100rem;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.9rem;
}
.search-box .search-input {
  flex: 1;
  padding: 0.9rem 1.1rem;
  font-size: 1.1rem;
  border: 1px solid #dee2e6;
  border-radius: 0.6rem;
  outline: none;
}
.search-box .search-input:focus {
  border-color: #5865f2;
}
.search-box .search-submit {
  width: 3.1rem;
  height: 3.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: white;
  border-radius: 0.6rem;
  transition: background 0.2s;
}
.search-box .search-submit img, .search-box .search-submit svg {
  width: 20px;
  height: 20px;
}
.search-box .search-submit:hover {
  background: #333;
}
.search-box .search-close {
  width: 3.1rem;
  height: 3.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #868e96;
  border-radius: 0.6rem;
  transition: all 0.2s;
}
.search-box .search-close:hover {
  background: #f1f3f5;
  color: #333;
}
.mobile-menu-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  transition: opacity 0.3s;
}
.mobile-menu-overlay.active {
  display: block;
  opacity: 1;
}
.mobile-menu {
  position: fixed;
  top: 0;
  left: -21.4rem;
  width: 21.4rem;
  height: 100%;
  background: white;
  z-index: 1000;
  overflow-y: auto;
  transition: left 0.3s;
  box-shadow: 2px 0 12px rgba(0, 0, 0, 0.15);
}
.mobile-menu.active {
  left: 0;
}
.mobile-menu .mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem;
  border-bottom: 1px solid #e9ecef;
}
.mobile-menu .mobile-menu-header h2 {
  font-size: 1.3rem;
  font-weight: 600;
}
.mobile-menu .mobile-menu-header .mobile-menu-close {
  width: 2.6rem;
  height: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: #868e96;
  border-radius: 50%;
  transition: all 0.2s;
}
.mobile-menu .mobile-menu-header .mobile-menu-close:hover {
  background: #f1f3f5;
  color: #333;
}
.mobile-menu .mobile-menu-list {
  padding: 1.1rem 0;
}
.mobile-menu .mobile-menu-item {
  border-bottom: 1px solid #f1f3f5;
}
.mobile-menu .mobile-menu-item:last-child {
  border-bottom: none;
}
.mobile-menu .mobile-menu-item > a {
  display: block;
  padding: 1.1rem 1.4rem;
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
  transition: all 0.2s;
}
.mobile-menu .mobile-menu-item > a:hover {
  background: #f8f9fa;
  color: #5865f2;
}
.mobile-menu .mobile-menu-item.has-submenu .mobile-menu-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.1rem 1.4rem;
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
  text-align: left;
  transition: all 0s;
}
.mobile-menu .mobile-menu-item.has-submenu .mobile-menu-toggle span {
  text-align: left;
  white-space: nowrap;
}
.mobile-menu .mobile-menu-item.has-submenu .mobile-menu-toggle:hover {
  background: #f8f9fa;
  color: #5865f2;
}
.mobile-menu .mobile-menu-item.has-submenu .mobile-menu-toggle .arrow-icon {
  width: 18px;
  height: 18px;
  transition: transform 0.3s;
  color: #868e96;
  margin-left: auto;
}
.mobile-menu .mobile-menu-item.has-submenu.open .mobile-menu-toggle {
  background: #f8f9fa;
  color: #5865f2;
}
.mobile-menu .mobile-menu-item.has-submenu.open .mobile-menu-toggle .arrow-icon {
  transform: rotate(180deg);
}
.mobile-menu .mobile-menu-item.has-submenu.open .mobile-submenu {
  max-height: 35.7rem;
  opacity: 1;
}
.mobile-menu .mobile-menu-item .mobile-submenu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s;
  background: #fafbfc;
}
.mobile-menu .mobile-menu-item .mobile-submenu li a {
  display: block;
  padding: 0.9rem 1.4rem 0.9rem 2.9rem;
  font-size: 1rem;
  color: #495057;
  transition: all 0.2s;
}
.mobile-menu .mobile-menu-item .mobile-submenu li a:hover {
  background: #f1f3f5;
  color: #5865f2;
}
.mobile-menu .mobile-menu-auth {
  padding: 1.4rem;
  border-top: 1px solid #e9ecef;
  display: flex;
  gap: 0.6rem;
}
.mobile-menu .mobile-menu-auth a {
  flex: 1;
  padding: 0.7rem;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.4rem;
}
.mobile-menu .mobile-menu-auth a.mobile-login {
  color: #495057;
  border: 1px solid #dee2e6;
}
.mobile-menu .mobile-menu-auth a.mobile-login:hover {
  background: #f8f9fa;
}
.mobile-menu .mobile-menu-auth a.mobile-signup {
  color: white;
  background: #000;
}
.mobile-menu .mobile-menu-auth a.mobile-signup:hover {
  background: #333;
}
.content-wrapper {
  padding: 2.5rem 0 1.7rem;
  min-height: calc(100vh - 5.7rem);
}
.content-layout {
  display: grid;
  grid-template-columns: 18rem 1fr;
  gap: 5rem;
  align-items: start;
}
.content-layout.no-sidebar {
  grid-template-columns: 1fr;
}
.sidebar-right {
  position: sticky;
  top: 7.4rem;
}
.control-btn, .more-btn {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #868e96;
  background: #fff;
  /* [수정] 버튼 배경 흰색 */
  border: 1px solid #e9ecef;
  /* [수정] 버튼 테두리 */
  border-radius: 0.4rem;
  transition: all 0.2s;
}
.control-btn:hover, .more-btn:hover {
  background: #f8f9fa;
  color: #333;
  border-color: #dee2e6;
}
.more-btn {
  width: auto;
  padding: 0 0.9rem;
  font-size: 0.9rem;
  font-weight: 500;
}
.badge-new, .badge-soon, .badge-doing, .badge-idle {
  padding: 2px 0.6rem;
  font-size: 0.8rem;
  font-weight: 700;
  border-radius: 0.3rem;
  text-transform: uppercase;
}
.badge-new {
  background: #51cf66;
  color: white;
}
.badge-soon {
  background: #5865f2;
  color: white;
}
.badge-doing {
  background: #339af0;
  color: white;
}
.badge-idle {
  background: #e9ecef;
  color: #868e96;
}
.progress-bar {
  height: 0.6rem;
  background: #e9ecef;
  border-radius: 0.3rem;
  overflow: hidden;
}
.progress-bar.small {
  height: 0.4rem;
}
.progress-bar .progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #5865f2, #845ef7);
  border-radius: 0.3rem;
  transition: width 0.3s;
}
.main-content {
  min-height: 42.9rem;
  /* [수정] 본문 영역을 흰색 박스로 변경 */
  background: #fff;
  /* 흰색 배경 */
  border-radius: 0.3rem;
  /* 둥근 모서리 */
  padding: 1rem;
  /* 내부 여백 */
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  /* 살짝 그림자 */
  border: 1px solid rgba(0, 0, 0, 0.03);
  /* 미세한 테두리 */
}
@media (max-width: 1024px) {
  /* 모바일에서의 본문 박스 처리 */
  .content-layout {
    grid-template-columns: 1fr;
  }
  .rb-header .header-inner {
    height: 4rem;
  }
  .sidebar-left, .sidebar-right {
    display: none;
  }
  .gnb-menu {
    display: none;
  }
  .mobile-menu-toggle {
    display: flex;
  }
  .logo .logo-pc {
    display: none;
  }
  .logo .logo-mo {
    display: block;
  }
  .user-actions .user-link, .user-actions .btn-signup {
    display: none;
  }
  .header-left {
    gap: 1.1rem;
  }
  .content-wrapper {
    padding: 1.5rem 0;
    /* 모바일에서 상하 여백 줄임 */
  }
  .main-content {
    padding: 1.5rem;
    /* 내부 여백 축소 */
    border-radius: 0.8rem;
    /* 모서리 둥글기 축소 */
  }
}
@media (max-width: 768px) {
  html {
    font-size: 13px;
  }
  .container {
    padding: 0 1.4rem;
  }
  .rb-header .header-inner {
    padding: 0 1.4rem;
    height: 3.5rem;
    gap: 0.7rem;
  }
  .logo img {
    height: 1.5rem;
  }
  .logo span {
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
  .header-left {
    gap: 0.5rem;
  }
  .header-right {
    gap: 0.7rem;
  }
  .search-toggle, .write-toggle {
    width: 2.4rem;
    height: 2.4rem;
  }
  .search-toggle img, .search-toggle svg, .write-toggle img, .write-toggle svg {
    width: 18px;
    height: 18px;
  }
  .mobile-menu-toggle {
    padding: 0.4rem;
  }
  .mobile-menu-toggle span.hamburger-line {
    width: 1.4rem;
  }
}
@media (max-width: 480px) {
  html {
    font-size: 12px;
  }
  .container {
    padding: 0 1.1rem;
  }
  .rb-header .header-inner {
    padding: 0 1.1rem;
    height: 3.2rem;
    gap: 0.5rem;
  }
  .logo img {
    height: 1.3rem;
  }
  .logo span {
    font-size: 1.2rem;
    line-height: 1.3rem;
  }
  .header-left {
    gap: 0.4rem;
  }
  .header-right {
    gap: 0.5rem;
  }
  .search-toggle, .write-toggle {
    width: 2rem;
    height: 2rem;
  }
  .search-toggle img, .search-toggle svg, .write-toggle img, .write-toggle svg {
    width: 16px;
    height: 16px;
  }
  .mobile-menu-toggle {
    padding: 0.3rem;
  }
  .mobile-menu-toggle span.hamburger-line {
    width: 1.2rem;
  }
}
/* sourceMappingURL=ac832cb3808f99f894b94bb965ef6a267f52df87.layout.scss.map */

/* Original file: files/cache/assets/compiled/1200c245d15af812777a2b4fc6ca39323b1acc16.login-modal.scss.css */

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  padding: 1.4rem;
}
.modal-overlay.active {
  opacity: 1;
  visibility: visible;
}
.modal-overlay .modal-container {
  background: white;
  border-radius: 1.1rem;
  width: 100%;
  max-width: 28.6rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  transform: translateY(-2rem);
  transition: transform 0.3s;
  max-height: calc(100vh - 2.8rem);
  overflow-y: auto;
}
.modal-overlay.active .modal-container {
  transform: translateY(0);
}
.modal-overlay .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.7rem 2rem;
  border-bottom: 1px solid #f1f3f5;
}
.modal-overlay .modal-header .modal-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #212529;
  margin: 0;
}
.modal-overlay .modal-header .modal-close {
  width: 2.6rem;
  height: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #868e96;
  border-radius: 50%;
  transition: all 0.2s;
}
.modal-overlay .modal-header .modal-close:hover {
  background: #f1f3f5;
  color: #495057;
}
.modal-overlay .modal-header .modal-close img, .modal-overlay .modal-header .modal-close svg {
  width: 1.4rem;
  height: 1.4rem;
}
.modal-overlay .modal-body {
  padding: 2rem;
}
.modal-overlay .form-group {
  margin-bottom: 1.4rem;
}
.modal-overlay .form-group .form-label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: #495057;
  margin-bottom: 0.6rem;
}
.modal-overlay .form-group .form-input {
  width: 100%;
  padding: 0.9rem 1.1rem;
  font-size: 1rem;
  color: #212529;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.6rem;
  outline: none;
  transition: all 0.2s;
  font-family: inherit;
}
.modal-overlay .form-group .form-input::placeholder {
  color: #adb5bd;
}
.modal-overlay .form-group .form-input:focus {
  background: white;
  border-color: #5865f2;
  box-shadow: 0 0 0 3px rgba(88, 101, 242, 0.1);
}
.modal-overlay .validator-message {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.9rem 1.1rem;
  margin-bottom: 1.4rem;
  border-radius: 0.6rem;
  font-size: 0.9rem;
  line-height: 1.4;
  animation: shake 0.4s ease-in-out;
}
.modal-overlay .validator-message img, .modal-overlay .validator-message svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.modal-overlay .validator-message.error {
  background: #fee;
  border: 1px solid #fcc;
  color: #c00;
}
.modal-overlay .validator-message.error img, .modal-overlay .validator-message.error svg {
  stroke: #c00;
}
.modal-overlay .validator-message span {
  flex: 1;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-0.5rem);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(0.5rem);
  }
}
.modal-overlay .form-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.7rem;
}
.modal-overlay .form-options .checkbox-label {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
  user-select: none;
}
.modal-overlay .form-options .checkbox-label input[type="checkbox"] {
  width: 1.1rem;
  height: 1.1rem;
  cursor: pointer;
  accent-color: #5865f2;
}
.modal-overlay .form-options .checkbox-label span {
  font-size: 0.9rem;
  color: #495057;
}
.modal-overlay .form-options .link-text {
  font-size: 0.9rem;
  color: #868e96;
  transition: color 0.2s;
}
.modal-overlay .form-options .link-text:hover {
  color: #5865f2;
}
.modal-overlay .btn-login {
  width: 100%;
  padding: 0.9rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: white;
  background: #5865f2;
  border: none;
  border-radius: 0.6rem;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}
.modal-overlay .btn-login:hover {
  background: #4752c4;
}
.modal-overlay .btn-login:active {
  transform: scale(0.98);
}
.modal-overlay .form-footer {
  margin-top: 1.7rem;
  padding-top: 1.7rem;
  border-top: 1px solid #f1f3f5;
  text-align: center;
}
.modal-overlay .form-footer .footer-text {
  font-size: 0.9rem;
  color: #868e96;
  margin-right: 0.4rem;
}
.modal-overlay .form-footer .link-signup {
  font-size: 0.9rem;
  color: #5865f2;
  font-weight: 600;
  transition: color 0.2s;
}
.modal-overlay .form-footer .link-signup:hover {
  color: #4752c4;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .modal-overlay {
    padding: 0;
  }
  .modal-overlay .modal-container {
    max-width: 100%;
    border-radius: 0;
    max-height: 100vh;
  }
  .modal-overlay .modal-header {
    padding: 1.4rem 1.4rem;
  }
  .modal-overlay .modal-body {
    padding: 1.4rem;
  }
}
/* sourceMappingURL=1200c245d15af812777a2b4fc6ca39323b1acc16.login-modal.scss.map */

/* Original file: modules/board/skins/paper_board/css/board.css */

.new_wrap .best_cmt	{display: none;}

/* reset */
.pp_bd input, .pp_bd button, .pp_bd textarea	{outline: none; margin: 0}
.pp_bd textarea	{resize: vertical;}
.pp_bd button, .pp_bd input[type=button]	{cursor: pointer; padding: 0; margin: 0;-webkit-font-smoothing: subpixel-antialiased !important;}
.pp_bd button	{background: none; border: none;}
.pp_bd h1, .pp_bd h2:not(.w_headline), .pp_bd h3, .pp_bd h4, .pp_bd h5	{padding: 0; margin: 0; font-weight: normal;}
.pp_bd p	{padding: 0; margin: 0;}
.pp_bd a	{text-decoration: none;}
.pp_bd ol, .pp_bd ul	{list-style: none; padding: 0; margin: 0;}
.pp_bd .xe_content ul,
.pp_bd .xe_content ol	{list-style-type: initial; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px;}
.pp_bd .xe_content ol	{list-style-type: decimal;}
.pp_bd .xe_content table	{border-collapse: collapse;}
.pp_bd .xe_content table td,
.pp_bd .xe_content table th	{padding: 10px; border: 1px solid #e5e5e5;}
.pp_bd .xe_content table th	{background-color: #f7f7f7;}

/* basic style */
.pp_align_center	{position: absolute; left: 50%; z-index: 300;}
.pp_dummy	{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #333; opacity: 0.3; z-index: 199;}
.navy_pop .pp_dummy	{background-color: #FFF; opacity: 0.6;}
.pp_loading	{display: none; position: fixed; top: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; border-radius: 5px; overflow: hidden; z-index: 200; text-align: center;}
.pp_loading::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.5; z-index: -1;}
.pp_loading svg	{margin-top: 10px; margin-left: 3px;}
.pp_done	{display: none; position: fixed; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background-color: rgba(0,0,0,0.5); border-radius: 5px; font-size: 26px; line-height: 50px; text-align: center; color: #FFF; z-index: 200;}
.pp_warn	{position: fixed; bottom: 10%; height: 32px; line-height: 32px; margin-top: -16px; background-color: rgba(0,0,0,0.5); color: #FFF; opacity: 0; white-space: nowrap;}

.pp_bd .ppbt	{display: inline-block; height: 32px; box-sizing: border-box; border-radius: 2px; text-align: center; letter-spacing: 0; vertical-align: middle; white-space: nowrap;}
.pp_bd .ppbt2	{min-width: 80px;}
.pp_bd .ppbt.ppbt_mini	{height: 26px; line-height: 23px; padding: 0 8px;}
button.ppbt.ppbt_mini	{line-height: 100%;}
.pp_bd .bt_mono	{transition-property: background-color, border; transition-duration: 0.2s; transition-timing-function: ease-in; letter-spacing: 0;}
.pp_bd .bt_color	{transition-property: background-color, border; transition-duration: 0.2s; transition-timing-function: ease-in; letter-spacing: 0;}
.pp_bd .ppbt i,
.pp_bd .ppbt svg	{line-height: 100%;}
.pp_bd .ppbt i+span,
.pp_bd .ppbt svg+span	{margin-left: 5px;}
.pp_bd .ppbt_right .ppbt	{margin-left: 3px;}
.pp_bd .ppbt_left .ppbt	{margin-right: 3px;}
.pp_bd .ppbt_center .ppbt	{margin: 0 1.5px;}
.pp_bd .hide	{display: block; visibility: hidden; padding: 0; margin: 0; height: 0; width: 0; overflow: hidden;}

.ppip	{display: inline-block; height: 32px; line-height: 32px; padding: 0 10px; box-sizing: border-box; border-radius: 2px; transition-property: background-color, border; transition-duration: 0.2s; transition-timing-function: ease-in; vertical-align: middle;}
.ppip:focus	{background-color: #FFFFE9 !important; border: 1px solid #E8E8D3;}

.pppf	{display: inline-block; width: 40px; height: 40px; background: #FFF url("../../../../modules/board/skins/paper_board/images/profile.png") no-repeat center center; background-size: cover; overflow: hidden;}
.pppf.small	{width: 30px; height: 30px;}
.pppf.round	{border-radius: 50%;}
.pppf.lined	{position: relative;}
.pppf.lined::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid rgba(0,0,0,0.1); z-index: 1;}
.pppf.round.lined::after	{border-radius: 50%;}
.pppf .pf_img	{width: 100%; height: auto;}

.pp_bd .pnt_col	{color: #E25E5E;}
.pp_bd .pnt_star	{font: 14px "Verdana"; vertical-align: middle;}
.pp_bd .pp_link	{color: #4BB089}
.pp_bd .pp_link2	{color: #4BB089; text-decoration: underline;}
.pp_bd .pp_transition	{transition-duration: 0.2s;}
.pp_bd textarea	{resize: vertical; box-sizing: border-box; font-size: 13px;}
.pp_bd .xe_content	{word-break: break-all;}
.pp_bd .xe_content a	{color: #4BB089;}
.pp_bd .closed .open	{display: inline-block;}
.pp_bd .closed .close	{display: none;}
.pp_bd .opened .open	{display: none;}
.pp_bd .opened .close	{display: inline-block;}

.pp_bd h1, .pp_bd h2, .pp_bd h3, .pp_bd h4	{font-weight: normal;}

/* board start */
.pp_bd	{position: relative; line-height: normal;}
.pp_bd,
.pp_bd a	{color: #333;}
.bd_header	{position: relative;}

/* pp dropdown */
.pp_dropdown	{display: inline-block; position: relative;}
.pp_dropdown>ul	{display: none; position: absolute; top: 100%; left: 0; min-width: 100%; box-sizing: border-box; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0, 0.15); text-align: left; font-size: 11px; z-index: 10;}
.pp_dropdown a	{color: #999; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease-in;}
.pp_dropdown a:hover	{color: #333;}

/* list footer */
.list_footer	{margin-top: 15px;}
.list_footer .bt_write	{float: right; margin-right: 0;}

.list_footer .paging	{position: relative; margin-top: 15px; height: 48px; padding: 0 36px; box-sizing: border-box; background-color: #FFF; border-radius: 5px; text-align: center; font-size: 12px;}
.list_footer .paging .paging_wrap	{padding-top: 15px;}
.list_footer .paging .bt_last	{margin-left: 5px;}
.list_footer .paging .bt_first	{margin-right: 5px;}
.list_footer .paging .bt_prev	{display: inline-block; position: absolute; top: 0; left: 0; max-width: 16px; height: 46px; line-height: 46px; padding: 0 10px; text-align: center; cursor: default;}
.list_footer .paging .bt_next	{left: auto; right: 0; border-right: none !important;}
.list_footer .paging .bt_prev.active	{transition-property: color; transition-duration: 0.2s; transition-timing-function: ease-in; cursor: pointer;}
.list_footer .paging .bt_prev.active:hover	{color: #E25E5E;}
.paging .page_num	{display: inline-block; margin: 0 3px; padding: 3px 6px 2px; font-size: 12px; line-height: 100%;}
.paging .page_num.on	{border-radius: 2px; background-color: #FFF4F4; border: 1px solid #F5E1E1;}

.manage_article	{display: none;}

/* list */
.ppno_document	{text-align: center;}
.list_search_key	{position: relative; padding: 20px 15px;}
.list_search_key .ppbt_area	{position: absolute; right: 15px; top: 15px;}

.list_wrap .list_ctg,
.list_wrap .list_ctg a	{color: #596476;}

.list_wrap .list_icon.new,
.ppatc .list_icon.new	{background-color: #E25E5E;}
.list_wrap .list_icon.updated,
.ppatc .list_icon.updated	{background-color: #4BB089;}

.list_wrap .list_thumb	{position: relative;}
.list_wrap .list_thumb::after	{content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #000; opacity: 0.1;}
.list_wrap .list_link	{display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 10;}

.extra_table	{width: 100%; border-collapse: collapse; margin-top: 10px; background-color: #FFF;}
.extra_table caption	{display: none;}
.extra_table th	{white-space: nowrap;}

/* list notice */
.notice_list	{position: relative; margin-bottom: -1px; z-index: 1;}
.notice_list>ul>li	{position: relative;}
.notice_list>ul>li:last-child	{border-bottom: none;}
.notice_list .notice_txt	{position: absolute; display: inline-block;}
.notice_list li.hided_notice	{display: none;}
.notice_list li.notice_toggle	{text-align: center;}
.notice_list li.closed .notice_close,
.notice_list li.opened .notice_open	{display: none;}
.notice_list li.opened .notice_close,
.notice_list li.closed .notice_open	{display: inline-block;}

/* list default */
.ld>ul>li.now_reading	{position: relative;}
.ld>ul>li.now_reading::after	{content: ''; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background-color: #E25E5E;}
.ld .list_thumb.youtube_thumb	{overflow: hidden;}
.ld .list_thumb.youtube_thumb img	{width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ld .list_thumb .youtube_mark	{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 22px; color: #FFF; z-index: 1;}
.ld .list_thumb .youtube_mark svg	{font-size: 22px;}
.ld .list_vote i,
.ld .list_vote svg	{opacity: 0.5;}

/* list gallery */
.pp_gallery>ul>li	{display: inline-block; position: relative;}
.pp_gallery .list_unit .list_icon	{position: absolute; right: 0; top: 0; width: 21px; height: 21px; line-height: 21px; border-radius: 0; font-size: 10px; z-index: 5;}
.pp_gallery .pp_check	{position: absolute; left: 10px; top: 10px; z-index: 20;}
.pp_gallery .list_thumb	{display: block; overflow: hidden;}
.pp_gallery .list_thumb.youtube_thumb img	{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.pp_gallery .list_thumb img,
.pp_gallery .list_thumb .no_image	{display: block; position: absolute; left: 0; top: 0;}
.pp_gallery .list_thumb .no_image	{width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat;}
.pp_gallery .list_thumb .no_image>i,
.pp_gallery .list_thumb .no_image>svg	{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #DDD;}
.pp_gallery .list_thumb .list_secret>i,
.pp_gallery .list_thumb .list_secret>svg	{color: #FFF !important; opacity: 0.7;}
.pp_gallery .list_info2	{display: inline-block; position: absolute; right: 10px; bottom: 10px; background-color: rgba(255,255,255,0.6); z-index: 5;}
.pp_gallery .list_info2>span	{display: inline-block; margin-right: 5px;}
.pp_gallery .list_info2 i,
.pp_gallery .list_info2 svg	{margin-right: 3px;}
.pp_gallery .list_info2 .list_read i,
.pp_gallery .list_info2 .list_read svg	{opacity: 0.4;}

.pp_gallery .list_info,
.pp_gallery .list_info a	{color: #888;}
.pp_gallery .list_info	{position: relative;}
.pp_gallery .list_info:empty	{display: none;}
.pp_gallery .list_info li	{display: inline-block; margin-right: 10px;}
.pp_gallery .list_info li:last-child	{margin-right: 0;}
.pp_gallery .list_summary	{margin: 10px 0 5px; padding: 6px 0; word-break: break-all; color: #888;}

.use_bnw .list_thumb img	{-webkit-filter: grayscale(100%); filter: grayscale(100%); transition-property: filter; transition-duration: 0.3s;}
.use_bnw .list_unit:hover .list_thumb img	{-webkit-filter: none; filter: none;}

/* list gallery1 */
.lg .list_body	{padding-top: 10px;}
.lg .list_ctg	{margin-bottom: 3px;}
.lg .list_info	{padding-top: 5px;}
.lg .list_info .pppf	{width: 20px; height: 20px; margin-right: 2px; vertical-align: middle;}
.lg .list_info .pp_rating	{display: inline-block;}

.box_list .lg.normal_info .list_body	{border-top: none !important;}
.box_list .normal_info .list_body	{padding: 10px; background-color: #FFF;}
.box_list .normal_info .list_summary	{margin: 10px -10px 0; padding: 10px 10px 0; border-bottom: none;}
.box_list .normal_info .list_info	{margin: 0 -10px -10px; margin-top: 10px; padding: 10px;}
.box_list .normal_info .list_info.has_profile	{padding: 7px 10px;}

/* list gallery2 */
.lg2 .list_unit	{text-align: center;}
.lg2 .list_unit>div	{position: relative;}
.lg2 .pppf	{position: relative; margin-bottom: -20px; z-index: 10;}
.lg2 .list_body	{padding: 20px 10px; border-bottom: none !important; background-color: #FFF;}
.lg2.has_profile .list_body	{padding-top: 30px;}
.lg2 .list_info	{padding-top: 5px;}
.lg2 .list_summary	{margin: 10px -10px; padding: 6px 15px; text-align: left; word-break: break-all;}
.lg2.hided_info .pppf	{box-shadow: 0 3px 10px rgba(0,0,0, 0.2);}
.lg2.hided_info .pppf::after	{content: none;}

/* list faq */
.lf .list_unit	{margin-bottom: 15px;}
.lf .list_unit>div	{background-color: #FFF; border-radius: 5px; overflow: hidden;}
.lf header	{position: relative;}
.lf header::before	{content: ''; position: absolute; left: 0; top: 0; width: 55px; height: 100%; background-color: #FFF; z-index: 1;}
.lf header::after	{content: ''; position: absolute; left: 55px; top: 0; width: 1px; height: 100%; z-index: 2;}
.lf header h1	{display: inline-block; position: relative; box-sizing: border-box; line-height: 140%; vertical-align: middle; z-index: 4;}
.lf header .list_ctg	{position: relative; margin-right: 5px; z-index: 12;}
.lf .faq_txt	{display: inline-block; position: relative; text-align: center; font-size: 28px; vertical-align: middle; z-index: 3;}
.lf header .faq_txt.txt_en	{color: #CCC;}
.lf header i,
.lf header svg	{position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #CCC; z-index: 3;}
.lf .pp_check	{position: absolute; top: 50%; transform: translateY(-50%); z-index: 11;}

.lf_notice .notice_txt>span	{opacity: 0.7;}
.lf_notice.notice_color-yellow header	{background-color: #FFFFE9;}
.lf_notice.notice_color-cyan header	{background-color: #F4FCFA;}
.lf_notice.notice_color-lavender header	{background-color: #FAF8FF;}

.lf .list_body	{display: none; position: relative; padding: 15px 15px 15px 70px;}
.lf .list_body .faq_txt	{position: absolute; left: 0; top: 0;}
.lf .list_ctrl	{margin-top: 10px;}
.lf .list_ctrl a	{margin-right: 10px;}

/* atc */
.ppatc_header .ppatc_ctg	{color: #596476;}
.ppatc_ctrl_wrap	{position: absolute; z-index: 2;}
.ppatc_ctrl_wrap .bt_ctrl	{display: inline-block; color: #CCC; vertical-align: middle;}
.ppatc_ctrl	{display: inline-block; width: 0; overflow: hidden; transition-property: width; vertical-align: middle;}
.ppatc_ctrl>div	{background-color: #FFFFE9; border: 1px solid #E8E8D3; border-radius: 2px; white-space: nowrap;}

.ppatc_ex td	{word-break: break-all;}

.ppatc_tags	{margin-top: 20px;}
.ppatc_tags li	{display: inline-block; margin-right: 5px;}
.ppatc_tags a	{display: inline-block; padding: 4px 10px; border-radius: 12px; transition-property: background-color; transition-duration: 0.2s; transition-timing-function: ease-in;}

.ppatc_buttons	{margin-top: 20px; text-align: center;}
.ppatc_buttons>ul	{display: inline-block;}
.ppatc_buttons>ul>li	{display: inline-block; margin: 0 2.5px;}
.ppatc_buttons button	{display: inline-block; height: 28px; line-height: 28px; padding: 0 10px; border-radius: 2px; transition-property: background-color, color, border-color; transition-duration: 0.2s; transition-timing-function: ease-in; vertical-align: middle;}
.ppatc_buttons .bt_vote	{border: 1px solid #E25E5E; background-color: #FFF; color: #E25E5E;}
.ppatc_buttons .bt_vote.submitted	{background-color: #E25E5E; color: #FFF !important;}
.ppatc_buttons .voted_count,
.ppatc_buttons .declared_count	{margin-left: 10px;}
.ppatc_buttons .bt_blame	{border: 1px solid #666; background-color: #FFF; color: #666;}
.ppatc_buttons .bt_blame.submitted	{background-color: #666; color: #FFF !important;}

.ppatc_buttons.big_button button	{min-width: 65px; height: 62px; border-width: 2px; border-radius: 5px;}
.ppatc_buttons.big_button button:hover	{border-width: 2px;}
.ppatc_buttons.big_button .voted_count,
.ppatc_buttons.big_button .declared_count	{display: block; margin-left: 0;}

.ppatc_share .link_text	{display: inline-block; width: 65px;}
.ppatc_share .ppip	{width: calc(100% - 65px);}
.ppatc_share2	{margin-bottom: 10px; text-align: center;}
.ppatc_share2 a	{display: inline-block; width: 40px; height: 40px; margin: 0 5px 10px; overflow: hidden;}
.ppatc_share2 img	{width: 40px; height: 40px;}

.ppatc_sign	{}
.ppatc_sign .pppf	{vertical-align: middle; margin-right: 3px;}
.ppatc_sign .point_bar	{position: absolute; left: auto; right: 0; top: 5px; height: 20px; width: calc(100% - 130px); padding-left: 10px; border-radius: 10px; line-height: 20px; overflow: hidden;}
.ppatc_sign .current_point	{position: absolute; left: 0; top: 0; height: 20px; background-color: #D3D8F4;}
.ppatc_sign .module	{position: relative; z-index: 1;}
.ppatc_sign .point	{position: absolute; right: 10px;}
.ppatc_sign	.sign_body img	{max-width: 100%; height: auto;}

.ppatc .show_author_document	{display: none; margin: 0; background-color: transparent;}
.ppatc .show_author_document h2	{padding: 0 0 10px; background-color: transparent; color: #333;}
.ppatc .show_author_document h2 i,
.ppatc .show_author_document h2 svg	{display: none;}
.ppatc .show_author_document ul	{border: none;}
.ppatc .show_author_document ul li	{margin-bottom: 5px;}
.ppatc .show_author_document ul li a	{height: auto;}
.ppatc .show_author_document ul li a:hover .title,
.ppatc .show_author_document .mark.popular,
.ppatc .show_author_document .mark.newest	{color: #333;}
.ppatc .show_author_document .mark.popular	{background-color: #D3D8F4;}
.ppatc .show_author_document .part	{display: inline-block; padding-top: 5px;}

.has_showContent::before	{content: ''; position: absolute; left: 50%; width: 1px; height: calc(100% + 25px); z-index: 1;}
.has_showContent .ppatc_sign	{padding-right: 15px;}
.has_showContent .ppatc_sign,
.has_showContent .show_author_document	{display: inline-block; width: 50%; box-sizing: border-box; vertical-align: top;}
.has_showContent .show_author_document h2	{box-sizing: border-box;}

.bt_who	{width: 250px; margin: 15px auto 15px; text-align: center; cursor: pointer;}
.bt_who:empty	{display: none;}
.bt_who .pppf	{vertical-align: middle; margin-right: 3px;}

.bt_who + .ppatc_who	{margin-top: 0;}
.ppatc_who	{display: none;}
.ppatc_who.show	{display: block;}
.ppatc_who ul	{text-align: center; font-size: 11px; line-height: 140%;}
.ppatc_who li	{display: inline-block; width: 55px; margin-bottom: 13px; vertical-align: top; word-break: break-all;}
.vote_nickname	{word-break: break-all;}

.ppatc_youtube	{position: relative; height: 0; padding-bottom: 56.25%; margin-bottom: 15px;}
.ppatc_youtube iframe	{position: absolute; width: 100%; height: 100%;}

/* send message */
.send_msg .msg_form	{display: none;}
.send_msg.on .msg_form	{display: block;}
.send_msg input.ppip	{width: 100%; margin-bottom: 10px;}
.send_msg textarea.ppip	{width: 100%; height: 150px; padding: 7px 10px; line-height: 160%; resize: none;}
.send_msg .send_success	{text-align: center;}
.send_msg .inner i,
.send_msg .inner svg	{margin-bottom: 20px; font-size: 42px; color: #CCC;}
.navy_pop .send_msg .inner i,
.navy_pop .send_msg .inner svg	{color: #B4B9C1;}

/* rating */
.pp_rating	{display: inline-block; position: relative; font-size: 15px;}
.pp_rating>span	{display: inline-block; position: absolute; left: 0; top: 0; z-index: 1; white-space: nowrap; overflow: hidden;}
.pp_rating::after	{content: '★★★★★';}
.pp_rating>span::after	{content: '★★★★★'; color: #ffd803;}

/* comment */
.ppcmt_member_only	{text-align: center;}
.ppcmt_member_only a	{margin: 0 5px;}
.ppcmt	{margin-top: 20px;}
.ppcmt .ppcmt_title	{position: relative; padding: 12px 15px;}
.ppcmt .ppcmt_title_buttons	{position: absolute; right: 5px; top: 0;}
.ppcmt .ppcmt_title_buttons>ul	{display: inline-block;}
.ppcmt .ppcmt_title_buttons>ul>li	{display: inline-block;}
.ppcmt .ppcmt_title_buttons li button	{display: inline-block;}
.ppcmt .declared_count	{font-size: 11px; margin-left: 3px;}
.ppcmt .ppbt_cmt_write	{padding: 10px; transition-property: color;}
.ppcmt .ppbt_cmt_write:hover	{color: #333;}

.ppcmt_notice	{position: relative; padding: 10px 15px 10px 50px; margin-top: 20px; background-color: #FFF; line-height: 160%;}
.ppcmt_notice svg	{position: absolute; left: 15px; top: 10px; width: 20px;}

.ppcmt_unit	{position: relative;}
.ppcmt_unit .pppf	{position: absolute; left: 0; top: 0; z-index: 1;}

.ppcmt_header	{box-sizing: border-box; height: 30px;}
.my_cmt .ppcmt_header	{background-color: #FFFFE9; border: 1px solid #E8E8D3;}
.best_cmt .ppcmt_header	{background-color: #FFF4F4; border: 1px solid #F5E1E1;}
.best_cmt .ppcmt_header .writer	{border: 1px solid #F5E1E1;}
.ppcmt_header .secret_icon	{height: 13px;}
.ppcmt_header .secret_icon svg	{width: 16px; vertical-align: middle; fill: #888;}
.ppcmt_header .writer	{background-color: #FFF; margin-left: 3px;}
.ppcmt_header .ppcmt_date	{margin-left: 5px; opacity: 0.5;}
.ppcmt_header .ppcmt_date .pp_time	{top: 0;}
.ppcmt_header .ppcmt_ip 	{margin-left: 5px; opacity: 0.5;}
.ppcmt_header .ppcmt_ip a:hover	{text-decoration: underline;}
.ppcmt_rank	{display: inline-block; padding: 2px 4px; margin: -1px 3px 0 -2px; border-radius: 2px; color: #FFF; z-index: 5;}
.ppcmt_rank1	{background-color: #D4AF37;}
.ppcmt_rank2	{background-color: #A9A9A9;}
.ppcmt_rank3	{background-color: #B08D55;}
.ppcmt_new	{display: inline-block; margin-left: 1x; width: 4px; height: 4px; border-radius: 2px; background-color: #E25E5E; vertical-align: top;}

.ppcmt_body .parent	{padding: 15px 15px 0; margin-bottom: -5px; color: #888;}
.ppcmt_body .parent.to_me	{text-decoration: underline;}
.ppcmt_body .parent i,
.ppcmt_body .parent svg	{color: #CCC;}
.ppcmt_body .xe_content	{padding: 12px 15px;}
.ppcmt_secret	{padding: 15px;}
.ppcmt_secret .ppcmt_guest	{margin-top: 10px;}

.ppcmt .best_cmt_txt	{display: inline-block; margin-right: 3px; background-color: #E25E5E; border-radius: 2px; text-transform: uppercase; color: #FFF;}
.ppcmt_buttons .bt_mono	{display: inline-block; margin-right: -1px; padding: 0 6px; line-height: 20px;}
.ppcmt_buttons .bt_mono:hover	{position: relative; z-index: 1;}
.ppcmt_vote i,
.ppcmt_vote svg	{margin-right: 3px;}
.pp_bd .ppcmt_vote .ppbt_vote	{color: #E25E5E;}
.pp_bd .ppcmt_vote .ppbt_blame	{color: #666;}
.ppcmt_vote .ppbt_vote.submitted	{border: 1px solid #E25E5E; background-color: #E25E5E;}
.ppcmt_vote .ppbt_vote.submitted,
.ppcmt_vote .ppbt_blame.submitted	{position: relative; color: #FFF !important; z-index: 2;}

.ppcmt_bottom:empty	{display: none;}
.ppcmt_prev,
.ppcmt_reload,
.ppcmt .page_line	{margin-top: 20px;}
.cmt_delete .instant_delete,
.ppcmt_prev,
.ppcmt_next,
.ppcmt_reload	{text-align: center;}

.ppcmt .paging	{margin-top: 15px; margin-bottom: -5px; text-align: right; font-size: 12px;}
.ppcmt .paging a	{display: inline-block; opacity: 0.5;}
.ppcmt .paging a.on,
.ppcmt .paging a:hover	{opacity: 1.0;}
.ppcmt .paging .bt_prev	{margin-right: 5px; font-size: 13px;}
.ppcmt .paging .bt_next	{margin-right: 0; margin-left: 5px;}

.deleted_cmt .ppcmt_body,
.deleted_cmt .pppf	{opacity: 0.5;}

/* comment bubble */
.ppcmt_bubble .ppcmt_unit	{margin-top: 20px; padding-left: 55px;}
.ppcmt_bubble .ppcmt_unit.no_profile	{padding-left: 0;}
.ppcmt_bubble .ppcmt_unit.reply	{margin-left: 55px;}
.ppcmt_bubble .ppcmt_body	{position: relative; background-color: #FFF; border-radius: 5px;}
.ppcmt_bubble .ppcmt_body::before	{content:''; position: absolute; right: 100%; top: 12px; width: 0; height: 0; border: 6px solid transparent;}
.ppcmt_bubble .ppcmt_body::after	{content:''; position: absolute; right: 100%; top: 13px; width: 0; height: 0; border: 5px solid transparent;}
.ppcmt_bubble .no_profile .ppcmt_body::before,
.ppcmt_bubble .no_profile .ppcmt_body::after	{content: none;}
.ppcmt_bubble .ppcmt_header	{margin: -1px -1px 0; padding: 10px 15px; height: auto; border-radius: 5px 5px 0 0;}
.ppcmt_bubble .ppcmt_buttons	{position: relative; padding: 0 15px 15px;}
.ppcmt_bubble .ppcmt_vote	{position: absolute; right: 16px; top: 0;}

.ppcmt_bubble .my_cmt .ppcmt_body::before	{border-right: 6px solid #E0E0CC;}
.ppcmt_bubble .my_cmt .ppcmt_body::after	{border-right: 5px solid #FFFFE9;}
.ppcmt_bubble .best_cmt .ppcmt_body::before	{border-right: 6px solid #EACDCD;}
.ppcmt_bubble .best_cmt .ppcmt_body::after	{border-right: 5px solid #FFF4F4;}

/* comment line */
.ppcmt_line .ppcmt_notice	{margin-bottom: 20px;}
.ppcmt_line .ppcmt_unit	{margin-top: 15px;}
.ppcmt_line .ppcmt_unit.reply	{margin-left: 30px;}
.ppcmt_line .ppcmt_header	{padding: 7px 0 0 38px;}
.ppcmt_line .no_profile .ppcmt_header	{padding-left: 10px;}
.ppcmt_line .ppcmt_body .parent	{padding: 0 0 10px 0; margin-top: -5px;}
.ppcmt_line .ppcmt_body .xe_content	{padding: 12px 0 0;}
.ppcmt_line .ppcmt_secret	{padding: 15px 0 0;}
.ppcmt_line .ppcmt_buttons	{display: none; float: right; white-space: nowrap;}
.ppcmt_line .ppcmt_dot	{display: inline-block; width: 1px; height: 8px; background-color: #333; margin: 2px 0 0 7px; opacity: 0.1;}

.ppcmt_line .ppcmt_prev,
.ppcmt_line .ppcmt_reload,
.ppcmt_line .ppcmt .page_line	{margin-top: 15px;}

/* comment basic */
.ppcmt_basic.has_top .ppcmt_list	{margin-top: 20px;}
.ppcmt_basic .page_line	{margin-top: 0; height: 15px;}
.ppcmt_basic .ppcmt_unit:first-of-type	{margin-top: -1px;}
.ppcmt_basic .ppcmt_unit.best_cmt	{background-color: #FFF4F4; border-top: 1px solid #F5E1E1;}
.ppcmt_basic .ppcmt_unit.reply	{border-top: none;}
.ppcmt_basic .pppf	{top: 15px; left: 15px}
.ppcmt_basic .ppcmt_header	{position: relative; height: auto; border: none; background-color: transparent;}
.ppcmt_basic .ppcmt_buttons	{position: relative; padding: 0 0 15px;}
.ppcmt_basic .ppcmt_vote	{position: absolute; right: 0; top: 0;}

/* comment write */
.ppcmt_not_permitted	{padding: 15px; margin-top: 20px; text-align: center;}
.ppcmt_not_permitted i,
.ppcmt_not_permitted svg	{font-size: 16px; vertical-align: middle; margin: 0 3px 2px 0; color: #888;}
.ppcmt_write_unit	{margin-top: 20px;}
.ppcmt_write_unit textarea	{display: block; padding: 12px 15px; border: none; resize: none; overflow: hidden;}
.ppcmt_write	{position: relative;}
.ppcmt_write h3	{padding: 10px 15px;}
.ppcmt_write h3 i,
.ppcmt_write h3 svg	{font-size: 13px;}
.ppcmt_editor_buttons	{position: absolute; right: 15px; top: 9px; white-space: nowrap;}
.ppcmt_editor_buttons .pp_radio	{margin-left: 5px;}
.ppcmt_editor_buttons .pp_radio>span	{width: 14px; height: 14px; margin-bottom: 3px;}
.ppcmt_write_input	{background-color: #FFF; border-top: none !important;}
.ppcmt_write_input.editor_ver	{padding: 10px 10px 0;}
.ppcmt_write_ex	{position: relative; padding-top: 10px; min-height: 32px;}
.ppcmt_write_ex .ppbt_area	{position: absolute; right: 0; top: 10px;}
.ppcmt_user_info,
.ppcmt_write_option	{display: inline-block; vertical-align: middle;}
.ppcmt_write_option .pp_check	{margin-right: 5px;}
.ppcmt_user_info .ppip	{width: 150px; margin-right: 5px;}

.ppcmt_line .ppcmt_write_unit	{margin-top: 15px;}

.ppcmt_write_re	{display: none; position: relative;}
.ppcmt_write_re .ppcmt_form	{height: 0; overflow: hidden;}
.ppcmt_write_re .go_editor	{margin-left: 10px; vertical-align: middle;}
.ppcmt_write_re .go_editor i,
.ppcmt_write_re .go_editor svg	{font-size: 12px;}

.ppcmt_write_sp .ppcmt_unit	{margin-top: 0; margin-bottom: 20px;}
.ppcmt_write_sp.ppcmt_line .ppcmt_unit	{margin-bottom: 15px;}
.ppcmt_write_sp .ppcmt_write	{margin-top: 0;}
.ppcmt_write_sp .text_ver textarea	{overflow: auto;}

.ppcmt_write_sp.ppcmt_basic .ppcmt_unit	{margin-bottom: 0;}
.ppcmt_write_sp.ppcmt_basic .ppcmt_body	{padding: 15px 0 0 55px;}
.ppcmt_write_sp.ppcmt_basic .pppf	{left: 0;}

/* sticker */
.ppcmt .fa-star,
.ppcmt .star_on	{color: #4BB089;}
.ppcmt .star_on	{margin: 0 2px 0 3px;}
.ppcmt_write .bt_sticker .star_on	{display: none;}
.ppcmt_write .bt_sticker .star_off	{display: inline-block;}
.ppcmt_write .bt_sticker.on .star_on	{display: inline-block;}
.ppcmt_write .bt_sticker.on .star_off	{display: none;}
.stk_display	{position: relative; margin-top: 15px; background-color: #FFF; clear: both;}
.ppcmt_bubble .skt_diplay	{margin-top: 20px;}
.display-toggle	{display: none;}

.ppcmt_write .stk_display .bt_close	{display: none;}
.ppcmt_write_re .stk_display .bt_close	{display: inline-block;}

.sticker_pack	{position: relative; padding: 15px 50px 0; height: auto !important;}
.sticker_pack .bt_module,
.sticker_pack>ul>li	{display: inline-block; vertical-align: middle; text-align: center;}
.sticker_pack .bt_module	{position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);}
.sticker_pack .bt_left	{left: 0;}
.sticker_pack .bt_right	{right: 0;}
.sticker_pack .bt_module,
.sticker_pack>ul>li	{display: inline-block; vertical-align: middle; text-align: center;}
.sticker_pack>ul>li a	{display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: #FFF; position: relative; margin: 0 15px 15px 0;}
.sticker_pack>ul>li a::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #000; opacity: 0.1;}
.sticker_pack>ul>li.on a::after	{border: 3px solid #000; opacity: 0.3;}
.sticker_pack div>img	{width:40px; height:40px; object-fit: cover;}
.sticker_pack .bt_module a	{display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.sticker_pack a svg	{width: 22px; margin-top: 8px;}

.no_sticker	{padding: 25px;}
.stk_body	{text-align: center;}
.stk_body>ul>li	{display: inline-block;}
.stk_body>ul>li a	{display: inline-block; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.stk_body>ul>li a::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #000; opacity: 0.1;}

.stk_cmt_reply .stk_display	{margin-top: 0;}
.stk_cmt_reply .stk_display::before	{content: none;}
.stk_cmt_reply .stk_display::after	{content: none;}

.sticker_pack>ul>li.on	{position: relative;}


/* write */
.ppwrite_ex .pp_check + label	{display: inline-block; vertical-align: middle;}
.ppwrite_ex_timeline	{display: none;}
.ppwrite_ctg	{position: relative;}
.disable_click	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.5; z-index: 5;}

/* bd message */
.ppbd_message	{margin: 0 auto; padding: 25px 0; background-color: #FFF; text-align: center;}
.ppbd_message h3	{margin-bottom: 25px;}
.ppbd_message .ppip	{margin-bottom: 25px;}

/* pp message */
.pp_message .message_target	{color: #888;}

.navy_pop .pp_message	{background-color: #596476; color: #FFF;}
.navy_pop .pp_message h3	{border-bottom: 1px solid #636D7E;}
.navy_pop .pp_message .message_target	{color: #FFF; opacity: 0.7;}
.navy_pop .pp_message .ppbt_area .ppbt	{margin: 0 5px; background-color: #697383; border: 1px solid #88909C; color: #FFF;}
.navy_pop .pp_message .pp_check>span	{background-color: transparent; border: 1px solid #88909C;}
.navy_pop .pp_message .ppip	{background-color: transparent; border: 1px solid #727B8A; color: #FFF;}
.navy_pop .pp_message .ppip:focus	{background-color: #697383 !important; border: 1px solid #B4B9C1;}
.navy_pop .pp_message .ppip::placeholder	{color: #B4B9C1;}

/* pp check */
.pp_check	{display: inline-block; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; vertical-align: middle;}
.pp_check input	{position: absolute; opacity: 0; left: -9999px;}
.pp_check>span	{display: inline-block; width: 16px; height: 16px; line-height: 16px; margin-right: 5px; border-radius: 3px; background-color: #FFF; text-align: center; -webkit-transition-duration: .4s; -webkit-transition-property: background-color;}
.pp_check input + span>span	{opacity: 0;}
.pp_check input:checked	 + span	{background-color: #4BB089; border: 1px solid #4BB089;}
.pp_check input:checked + span>span	{opacity: 1; color: #FFF;}
.pp_radio span	{border-radius: 50% !important;}

/* sk ctn */
.sk_ctn	{display: none;}
.sk_ctn	.sk_ctn_inner {position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 0 30px; box-sizing: border-box; background-color: rgba(0,0,0,0.9); z-index: 99; overflow: auto; -webkit-overflow-scrolling: touch; color: #FFF;}
.sk_ctn .message	{display: none;}
.sk_ctn section:first-of-type,
.sk_ctn h1	{display: none; margin: 0;}
.sk_ctn section:last-of-type	{}
.pp_bd .sk_ctn section h2	{margin-bottom: 30px; padding: 20px 0; border: 1px solid #555; font-weight: normal; text-align: center; font-size: 18px; letter-spacing: 0.15em; font-family: 'IropkeBatangM', 'IropkeBatangOTFM', 'NanumMyeongjo', 'Batang', serif; cursor: pointer;}
.sk_ctn .x_control-group	{display: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255, 255, 255, 0.1)}
.sk_ctn .x_control-label	{letter-spacing: 0.15em;}
.sk_ctn .x_controls	{margin-top: 15px; overflow: hidden;}
.sk_ctn .x_controls label	{margin-right: 10px; line-height: 180%;}
.sk_ctn .pp_check>span	{background-color: rgba(255, 255, 255, 0.1); border: 1px solid #555;}
.sk_ctn .x_controls textarea,
.sk_ctn .x_controls input[type=text],
.sk_ctn .x_controls input[type=file]	{position: relative; display: block; width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid rgba(255,255,255,0.3); background-color: rgba(255,255,255,0.1); line-height: 140%; color: #FFF; z-index: 1;}
.sk_ctn .x_controls textarea:focus,
.sk_ctn .x_controls input[type=text]:focus	{border: 1px solid rgba(255,255,255,1.0);}
.sk_ctn .x_icon-question-sign	{display: none;}
.sk_ctn .x_help-block	{display: block; margin-top: 10px; font-size: 12px; opacity: 0.5;}
.sk_ctn .bt_area	{padding-bottom: 60px; text-align: center;}
.sk_ctn .ppbt	{margin: 0 10px; width: 80px; background-color: transparent !important; border: 1px solid #555 !important;}
.sk_ctn .ppbt i,
.sk_ctn .ppbt svg	{color: #CCC}

.ac_mobile .x_control-group	{display: none;}

/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
 
.clearfix:after {
    clear: both;
}

.sk_ctn	{display: none;}

/* ice blue */
.forest_green .pp_bd .bt_color	{border: 1px solid #3f956b; background-color: #69b395; color: #FFF;}

.forest_green .pp_bd .pnt_col,
.forest_green .paging .bt_prev.active:hover,
.forest_green .ppatc_buttons .bt_vote,
.forest_green .ppcmt_vote .ppbt_vote	{color: #f189a9;}
.forest_green .list_wrap .list_icon.new,
.forest_green .ppatc .list_icon.new,
.forest_green .ld>ul>li.now_reading::after,
.forest_green .ppatc_buttons .bt_vote.submitted,
.forest_green .ppcmt_new,
.forest_green .ppcmt .best_cmt_txt,
.forest_green .ppcmt_vote .ppbt_vote.submitted	{background-color: #f189a9;}
.forest_green .ppatc_buttons .bt_vote,
.forest_green .ppcmt_vote .ppbt_vote.submitted	{border-color: #f189a9;}

.forest_green .ppatc_buttons .bt_blame	{border-color: #666; color: #666;}
.forest_green .ppatc_buttons .bt_blame.submitted	{background-color: #666;}

.forest_green .ppatc_sign .current_point	{background-color: #D0E0FF;}
.forest_green .ppatc .show_author_document .mark.popular	{background-color: #D0E0FF;}

/* sweet ginger */
.sweet_ginger .pp_bd .bt_color	{border: 1px solid #7389bf; background-color: #8a9dca; color: #FFF;}

.ppatc_buttons .bt_blame	{border: 1px solid #666; color: #666;}
.ppatc_buttons .bt_blame.submitted	{background-color: #666;}

.sweet_ginger .ppatc_sign .current_point,
.sweet_ginger .ppatc .show_author_document ul li a .mark.popular	{background-color: #D0EFE4;}

/* 닉네임 옆 경험치 바 */
.pp_exp_wrap{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:10px;
  vertical-align:middle;
}

.pp_exp_lv{
  font-size:11px;
  font-weight:700;
  line-height:1;
}

.pp_exp_bar{
  display:inline-block;
  width:90px;
  height:6px;
  background:#e9e9e9;
  border-radius:999px;
  overflow:hidden;
  vertical-align:middle;
}

.pp_exp_fill{
  display:block;
  height:100%;
  background:#ff5b5b;
}
/* 닉네임 + 경험치 정렬 보정 */
.ppatc_nickname{
  display: flex;
  align-items: center;   /* ← 이게 핵심 */
}

.pp_exp_wrap{
  transform: translateY(-2px); /* -1px ~ -2px 사이 추천 */
}

.ppatc_nickname .nickname{
  font-size: 1.10em;
  font-weight: 600;
}

/* 경험치바 색상(드롭다운과 비슷한 파랑)로 강제 덮어쓰기 */
.pp_exp_bar{
  background:#e9ecf3 !important;
}

.pp_exp_fill{
  background: linear-gradient(90deg, #4f7cff 0%, #6a8dff 100%) !important;
}

/* ✅ 리스트(목록)에서 작성자(프로필/닉네임) 흐림 현상 강제 해제 */
.pp_bd .list_author,
.pp_bd td.list_author,
.pp_bd .list_author * ,
.pp_bd td.list_author * {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* 닉네임 색도 너무 연하면 조금 진하게 */
.pp_bd .list_author a,
.pp_bd td.list_author a {
  color: #222 !important;
}

/* 프로필 이미지도 선명하게 */
.pp_bd .list_author img,
.pp_bd td.list_author img {
  opacity: 1 !important;
  filter: none !important;
}

/* [PC] 리스트 작성자(프로필+닉네임) 크기 업 */
@media (min-width: 1025px){
  /* 프로필 이미지 */
  .pplist .pppf img,
  .pplist .pf_img{
    width: 24px;
    height: 24px;
  }

  /* 닉네임 텍스트 */
  .pplist .ppatc_nickname,
  .pplist .ppatc_nickname a,
  .pplist .ppatc_nickname span{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
  }
}

/* Original file: modules/board/skins/paper_board/css/b_grey.css */

/* basic style */
a.bt_mono,
button.bt_mono	{border: 1px solid #e5e5e5; background-color: #FFF;}
a.bt_color,
button.bt_color	{border: 1px solid #e5e5e5; background-color: #f7f7f7;}
.pp_bd .ppip	{border: 1px solid #e5e5e5; background-color: #f7f7f7;}

/* board start */
.bd_header .bd_desc	{color: #AAA;}
.list_footer .paging	{border: 1px solid #e5e5e5;}
.list_footer .paging .bt_prev	{border-right: 1px solid #e5e5e5;}
.list_footer .paging .bt_next	{border-left: 1px solid #e5e5e5;}
.paging .bt_prev	{color: #AAA;}
.list_search_key .bt_cancel	{color: #AAA;}

.extra_table	{border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.extra_table tr	{border-bottom: 1px dotted #e5e5e5;}
.extra_table th	{background-color: #f9f9f9; border-right: 1px solid #EEE;}

/* list notice */
.notice_list	{border: 1px solid #EEE; background-color: #f9f9f9;}
.notice_list>ul>li	{border-bottom: 1px solid #EEE;}

/* list default */
.ld>ul>li.now_reading	{background-color: #f9f9f9;}

/* list gallery */
.pp_gallery .list_thumb	{background-color: #f7f7f7;}
.pp_gallery .list_summary	{border-top: 1px dotted #e5e5e5; border-bottom: 1px dotted #e5e5e5;}
.box_list .normal_info .list_body	{border: 1px solid #e5e5e5;}
.box_list .normal_info .list_info	{border-top: 1px dotted #e5e5e5;}
.lg2 .list_body	{border: 1px solid #EEE;}

/* list faq */
.lf .list_unit>div	{border: 1px solid #e5e5e5;}
.lf header::after	{border-left: 1px dashed #e5e5e5;}
.lf header.opened	{background-color: #f7f7f7;}
.lf_notice.notice_color-mono header	{background-color: #f9f9f9;}
.lf .list_body	{border-top: 1px solid #e5e5e5;}

/* atc */
.ppatc_tags a	{background-color: #EEE;}
.ppatc_tags a:hover	{background-color: #DDD;}
.ppatc_buttons .bt	{border: 1px solid #e5e5e5; background-color: #f7f7f7;}
.ppatc_sign .point_bar	{background-color: #EEE;}
.ppatc .show_author_document ul li a .mark.newest	{background-color: #EEE;}
.has_showContent::before	{background-color: #EEE;}
.pp_rating::after	{color: #DDD;}

/* comment */
.ppcmt .ppcmt_title	{background-color: #f7f7f7;}
.ppcmt .ppbt_cmt_write	{color: #888;}
.ppcmt_notice	{border: 1px solid #EEE;}
.ppcmt_notice svg	{fill: #888;}
.ppcmt_header	{background-color: #f7f7f7; border: 1px solid #e5e5e5;}
.ppcmt_header .writer	{border: 1px solid #DDD;}
.ppcmt_vote .ppbt_blame.submitted	{border: 1px solid #666; background-color: #666;}
.ppcmt .page_line	{border-top: 1px dotted #DDD;}

/* comment bubble */
.ppcmt_bubble .ppcmt_body	{border: 1px solid #e5e5e5;}
.ppcmt_bubble .ppcmt_body::before	{border-right: 6px solid #d5d5d5;}
.ppcmt_bubble .ppcmt_body::after	{border-right: 5px solid #f7f7f7;}

/* comment basic */
.ppcmt_basic .page_line	{border-top: 1px solid #EEE; background-color: #f9f9f9;}
.ppcmt_basic .ppcmt_unit	{border-top: 1px solid #EEE;}
.ppcmt_basic .reply .ppcmt_body	{border: 1px solid #e5e5e5; background-color: #f9f9f9;}

/* comment write */
.ppcmt_not_permitted	{padding: 15px; margin-top: 20px; border: 1px solid #EEE;}
.ppcmt_write h3	{border: 1px solid #e5e5e5; background-color: #f7f7f7;}
.ppcmt_write h3 i,
.ppcmt_write h3 svg	{color: #888;}
.ppcmt_write_input	{border: 1px solid #e5e5e5;}
.ppcmt_write_re textarea	{border: 1px solid #e5e5e5;}
.ppcmt_write_re .go_editor i,
.ppcmt_write_re .go_editor svg	{color: #888;}

/* sticker */
.stk_display	{border: 1px solid #e5e5e5;}
.sticker_pack	{background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5;}
.sticker_pack i,
.sticker_pack svg	{color: #888;}
.sticker_pack>ul>li.on::before	{border-bottom: 11px solid #DDD;}

/* bd message */
.ppbd_message	{border: 1px solid #e5e5e5;}

/* pp check */
.pp_check>span	{border: 1px solid #e5e5e5;}