@charset "UTF-8";

/* Original file: files/cache/assets/compiled/d9b50d4b13418f9e74eb0db304b1566a5476541a.rhymix.scss.css */

/* Element Reset */
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;
}
/* Content Default Styles */
.xe_content, .rhymix_content {
  font-family: 나눔고딕, NanumGothic, Malgun Gothic, sans-serif;
  font-size: 14px;
  line-height: 160%;
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  /* lists */
}
.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;
  }
}
/* Clearfix */
.xe-clearfix:before, .xe-clearfix:after {
  content: " ";
  display: table;
}
.xe-clearfix:after {
  clear: both;
}
.xe-widget-wrapper {
  overflow: hidden;
}
/* Popup Menu Area */
#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 */
.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;
}
/* alert */
#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;
}
/* Debug */
#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;
}
/* Button (for XE compatibility) */
.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 (for XE compatibility) */
.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=d9b50d4b13418f9e74eb0db304b1566a5476541a.rhymix.scss.map */

/* Original file: layouts/jungo.v2/css/default.css */

@font-face {
    font-family: 'Outfit';
    /* 아파치가 차단하지 않는 /files/ 경로로 강제 우회 호출 */
    src: url('/files/font/Outfit-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.main-lst-icon { display: none !important; }
a{color:#404040;text-decoration:none;font-family:'Outfit',"GmarketSansLight", "Noto Sans KR", "Noto"}
body {padding:0;margin:0px}
.bgbg{webkit-box-shadow:0px 7px 10px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0px 7px 10px 1px rgba(0,0,0,0.2);
box-shadow:0px 7px 10px 1px rgba(0,0,0,0.2);}
.bgbg3{webkit-box-shadow:0px 0px 18px rgba(0,0,0,0.1);
-moz-box-shadow:0px 0px 18px rgba(0,0,0,0.1);
box-shadow:0px 0px 18px rgba(0,0,0,0.1)}
/* Site Layout - Header */ 

.header{margin:0;padding:0;}

.hea{position:relative;width:1130px;margin:0px auto;padding:0;height:100px;}
.hea .site-logo{position:absolute;height:80px;left:4px;top:20px; margin:0;padding:0;}
.hea .k2{position:absolute;width:280px;right:0px;top:35px; margin:0;padding:0;}
.m0_1 .update{ top:0px; margin:0px 0 0 12px;  padding:0 0 5px 0px;}
.m0_1 .update2{font-weight:700;margin:3px 3px 0 0;float:left;font-size:13px;color:#696969;}

.m0_1{position:relative;margin:0;padding:0 0 0 22px;border-top:0px solid #ccc} 
.m0_1 ul{list-style:none;margin:0px 0;padding:0;zoom:1}
.m0_1 ul:after{content:"";display:block;clear:both}
.m0_1 li{float:right;margin:0;padding:0;position:relative;line-height: 11px;border-left:1px solid #fff;border-right:1px solid #cccccc}
.m0_2{position:relative;margin:0px;padding:0;top:80px} 
.m0_1 .m0a1{border-left:0}
.m0_1 .m0a3{border-right:0;}

.m0_1 li .m0a{font-size: 13px;font-weight: 700;padding: 0px 14px;font-family: 나눔고딕, NG;}
.m0_1 li .m0a .m0a1_1{font-size:18px;color:#51aef6}
.m0_1 li .m0a .m0a1_2{font-size:18px;color:#f54886}
.m0_1 li .m0a .m0a1_3{font-size:18px;color:#666}
.m0_1 li .m0a .m0a1_4{font-size:18px;color:#f7f7f7}
.m0_1 li .m0a .m0a1_5{font-size:18px;color:#2ac37c}
.m0_1 li .m0a .m0a1_6{font-size:17px;color:#872ccc}
.m0_1 li .m0a .m0a1_7{padding:0;}

#searchWrap{position:absolute; left:284px; top:46px; display: flex;align-items: center;z-index:30}
#searchWrap .searchbg{position:absolute; padding:0; margin:0}
#searchWrap .searchArea{width: 370px; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-grow: 1;} 
#searchWrap .searchArea .textinput{ width: 100%;max-width: 370px; margin: 0 3px; font-weight: 500; font-size: 16px; border:0; display: inline-block;
    padding: 5px 10px;line-height: 1.5;border-radius: 4px; border-width: 1px; border-style: solid;border-color: #ededed; -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
	
#searchWrap .searchArea .textinput:disabled {cursor: no-drop;opacity: 0.7;background-color: #f8f8f8;}
#searchWrap .searchArea .textinput {border-color: #ddd;}
#searchWrap .searchArea .textinput:hover {border-color: #cccccc;}
#searchWrap .searchArea .textinput:focus {border-color:#0090ff; outline: none;}

#searchWrap .searchArea .search_btn
{display: inline-block; cursor: pointer; font-size: 14px; font-weight: 500;width: 60px;line-height: 1.4; text-align: center;
    padding: 6px 14px; border-radius: 4px; border-width: 1px; border-style: solid; border-color: #ededed; text-decoration: none !important;
    -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; color: white !important;
    border-color: #3493ff !important; background-color: #2990e4 !important;}
	

.gnbsitemap_0{float:right;margin:0 4px 0;padding:0 16px;line-height:28px;background:#f54886;border:1px solid #e67ba1;border-bottom: 0;z-index:20}
.gnbsitemap_0:hover{background:#ea0356}
.gnbsitemap_0 a{color:#fff;font-size:12px;letter-spacing:-1px;text-decoration:none; margin:0;}
.gnbsitemap0{float:right;margin:0 4px 0 0;padding:0 16px;line-height:28px;background:#51aef7;border:1px solid #43aafa;border-bottom: 0;z-index:20}
.gnbsitemap0:hover{background:#1784da}
.gnbsitemap0 a{color:#fff;font-size:12px;letter-spacing:-1px;text-decoration:none; margin:0;}
.gnbsitemap2{float:right;margin:0 0 0 4px;padding:0 16px;line-height:28px;background:#7e858a;border:1px solid #7e858a;z-index:20}
.gnbsitemap2:hover{background:#969696}
.gnbsitemap2 a{color:#fff;font-size:12px;letter-spacing:-1px;text-decoration:none; margin:0;}
.gnbsitemap4{float:right;margin:9px 0 0 40px;padding:0 16px;line-height:28px;background:#7e858a;border:1px solid #7e858a;z-index:20}
.gnbsitemap4:hover{background:#969696}
.gnbsitemap4 a{color:#fff;font-size:12px;letter-spacing:-1px;text-decoration:none; margin:0;}

.hea .gnbsitemap1{position:absolute;top:175px;padding:10px 10px 0;margin:0;border:3px solid #999; border-bottom:3px solid #999;background:#fff;z-index:30}
.hea .gnbsitemap1 ul{list-style:none;margin:0;padding:0;}
.hea .gnbsitemap1 li{position:relative;width:98%;float:left;display:block;padding:14px;border-bottom:1px solid #eee; margin:0}
.hea .gnbsitemap1 li a{float:left;color:#000;font-size: 14px;text-decoration:none; margin:0 10px 0;padding:6px 0 4px 6px;font-weight:bold}
.hea .gnbsitemap1 li:hover{}
.hea .gnbsitemap1 li a:hover{color:#000}
.hea .gnbsitemap1 li span a{float:left;letter-spacing:-1px;color:#666;text-decoration:none; margin:0 18px 0 6px;padding:5px 2px 2px;font-weight:200}

.gnbsitemap2_0{width:1130px;padding:2px 0;height:36px;margin:4px auto;background:#fff}
.gnbsitemap2_0 ul,.gnbsitemap3 ul{list-style:none;margin:0;padding:0;}
.gnbsitemap2_0 li{position:relative;float:right;display:block;padding:5px;border:1px solid #ddd; margin:0 4px;}
.gnbsitemap2_0 li a{float:left;font-size: 14px;color:#555;text-decoration:none; margin:0 4px 0;padding:4px 0 2px 0px;font-weight:bold}
.gnbsitemap2_0 li a:hover{color:#000}

.gnbsitemap3{position:relative;width:1130px;margin:0px auto;padding:0;}
.gnbsitemap3 li{position:relative;float:right;display:block;padding:5px;}
.gnbsitemap3 li a{float:left;font-size:12px;color:#555;text-decoration:none; margin:0 10px 0;padding:4px 0 2px 6px}

/* Site Layout - Content Body */
.bodymain{position:relative;width:1130px;margin:0 auto; z-index:1; padding:0;display: flex;align-items: stretch;}
.bodymain:after{content:"";display:block;clear:both}

.content{background: #fff;padding: 8px 20px 20px;border: 1px solid #ddd;border-bottom: 0;border-left: 1px solid #ddd;flex: 1;}
.content a{font-family: 'Outfit', "Noto Sans KR", sans-serif,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
.content:after {display: block;clear: both;content: ''}


/* Site Layout - Footer */
.footer11{position:relative; width:100%;margin:30px auto 0; padding:0px;height:110px;float:left;}
.footer{position:relative;margin:0 auto;min-width:1150px;width: 100%; padding:0; clear:both;border-top:1px solid #ddd;background:#f1f1f1}
.footer .googletop2{position:relative;padding:0;min-width:1130px; margin:0;background:#545454;}
.footer .googletop{position:relative;padding:0;min-width:1130px; margin:0;background:#666;}
.footer .googletop .footer1{position:relative; width:1050px;min-width:1130px; margin:0px auto; text-align:right; padding:10px 0}
.footer .googletop .footer1 a{color:#fff;text-decoration:none}
.footer .googletop .footer1 a.footerRss{color:#fff;padding-left:14px;background:url("../../../../layouts/jungo.v2/images/iconRss.gif") no-repeat left 2px}

.footer11 .footer01{width:280px;float:left;text-align:center;margin:0px;padding:5px 0;line-height:92px;height:100px}
.footer11 .footer01 a{color: #989393;}
.footer11 .footer02{width:250px;float:left;text-align:center;margin:0px;padding:5px 0;line-height:92px;height:100px}
.footer11 .footer02 a{color: #989393;}
 
.footer .footer2{position:relative;padding:0;width:1130px;margin:0 auto;height:200px;}
.footer .footer2 ul{list-style:none;float:left;margin:0;padding:0px;zoom:1}
.footer .footer2 ul:after{content:"";display:block;clear:both}
.footer .footer2 li{float:left;margin:0;padding:18px 16px 32px;border-right: 1px solid #ddd;}
.footer .footer2 li a{color:#ececec;}
.footer .footer2 li .footer2_1{padding:10px 0 0 0;}
.footer .footer2 li .footer2_1 a{font-weight:700;font-size:14px;color:#555;margin-left: 4px;}


.footer .footer3{position:relative;margin:0 ;padding:0;border-bottom: 1px solid #ddd;background:#fff}
.footer .footer3 ul{margin: 0 auto;width: 1130px;list-style:none;padding:0;zoom:1}
.footer .footer3 ul:after{content:"";display:block;clear:both}
.footer .footer3 li{float:left;margin:0;border-right: 1px solid #ddd;padding:8px 16px}
.footer .footer3 li a{}
.footer .footer3 li .footer2_1{padding:10px 0 0 0;}
.footer .footer3 li .footer2_1 a{font-weight:700;font-size:16px;color:#555;margin-left: 4px;}
.footer .footer3 li:last-child{border-right:0} 
/* end bclgcolorset */
.footer .googletop2 .copyright0{position:relative;width:1130px;margin:0px auto 0;padding:10px 0 0;height:60px;text-align:right;background:#545454}
.footer .googletop2 .copyright0 a{color:#ddd;} 
/* end bclgcolorset */
/* 1. PC 환경 설정 (수정 없음) */
.btn_top {
  display: none; position: fixed; left: 50%; bottom: 60px; z-index: 10000 !important;
  width: 48px; height: 48px; background: #1a72bb; font-size: 24px; color: #fff; text-align: center; opacity: 0.8;
  margin-left: 564px; border-radius: 4px; 
  transition: background-color 0.2s, opacity 0.2s;
}
.btn_top:hover { background: #047bc3; color: #fff; text-decoration: none; opacity: 1; }
.btn_top i { line-height: 48px; }

/* Original file: layouts/jungo.v2/css/slide.css */

/* 톱 메뉴 전체 최소폭 유지 프레임 */
.hea2, .tm1, .topmns1 { min-width: 400px; }
.topmns1 { width: 105px; padding: 0; margin: 14px 0 0 272px; position: absolute;  z-index: 1; }
/* 메뉴 리스트 최적화 */
.topmns1 ul { list-style: none; display: flex; align-items: center; margin: 0; padding: 0; }
/* 개별 메뉴 스타일 */
.topmns1 li { padding: 8px 20px; }
.topmns1 li a { color: #6a6a6a; white-space: nowrap; font-size: 13px; text-decoration: none; }
.topmns1 li.active a { color: #000; }
/* 특수 케이스 처리 */
.topmns1 li.first { padding: 4px 14px 2px; }
.topmns1 li.active:last-child { padding: 4px 10px 2px; border-right: 1px solid #dfdfdf; }
.topmns_login {width: 100%;  margin: 0;    padding: 0; border-bottom: 1px solid #ddd; }


/* 1. 최우측 구석 고정용 absolute 컨테이너 (정석 가로 플렉스 균등 정렬) */
.custom_standalone_register_container {
    position: absolute; top: 26px; right: 0px; 
    width: 390px; height: 60px; z-index: 2;
    display: flex; flex-direction: row; 
    justify-content: flex-start; gap: 6px; 
    box-sizing: border-box;
}

/* 5개 버튼 기둥들이 동일한 가로 지분과 여백을 상속받도록 완전히 일원화 */
.custom_standalone_btn_wrap,
.custom_standalone_btn {
    flex: 1; 
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 2px; background: transparent; border: none; cursor: pointer; text-decoration: none;
    box-sizing: border-box; margin: 0; padding: 0; text-align: center; width: 100%;
}
.custom_standalone_btn_wrap { position: relative; } 

/* 2. 아이콘 주머니 박스 규격화 */
.register_circle_plus { display: flex; align-items: center; justify-content: center; width: 100%; height: 32px; box-sizing: border-box; }
.register_bottom_text { font-size: 11.5px; font-weight: 600; letter-spacing: -0.3px; white-space: nowrap; text-align: center; width: 100%; display: block; }

/* 🎨 [독립 일원화] 5번 판매등록 전용: 속이 가득 찬 시그니처 레드 동그라미 단추 테마 */
.custom_standalone_btn_wrap .register_circle_plus { background-color: #d32f2f; width: 24px; height: 24px; border-radius: 50%; margin: 4px auto; }
.custom_standalone_btn_wrap .register_circle_plus i { color: #ffffff; font-size: 11px; font-weight: bold; }
.custom_standalone_btn_wrap .register_bottom_text { color: #d32f2f; }

/* 📂 서브 링크 4형제 체제 (나눔, 구매, 구인, 알림 병합) : 속이 비어 있는 완전한 선형(Outline) 24px 가로 나열 체제 고정 */
.share_link_btn .register_circle_plus, 
.buy_link_btn .register_circle_plus, 
.job_link_btn .register_circle_plus,
.alert_link_btn .register_circle_plus { background-color: transparent; border: none; border-radius: 0; margin: 0 auto; }

.share_link_btn .register_circle_plus i, 
.buy_link_btn .register_circle_plus i, 
.job_link_btn .register_circle_plus i,
.alert_link_btn .register_circle_plus i { color: #7e858a; font-size: 24px; font-weight: normal; transition: color 0.15s ease; }

.share_link_btn .register_bottom_text, 
.buy_link_btn .register_bottom_text, 
.job_link_btn .register_bottom_text,
.alert_link_btn .register_bottom_text { color: #546e7a; transition: color 0.15s ease; }

/* ⚡ 마우스 호버 효과 가드 (오직 5번 판매등록 버튼만 원형 배경이 검은색으로 변하도록 제한) */
.custom_standalone_btn_wrap:not(.ncenterlite_btn_wrap) .custom_standalone_btn:hover .register_circle_plus { background-color: #222222; }
.custom_standalone_btn_wrap:not(.ncenterlite_btn_wrap) .custom_standalone_btn:hover .register_bottom_text { color: #222222; }

/* 서브 링크 3형제 마우스 호버 고정 선언 (나눔, 구매, 구인) -> 마우스 오버 시 변화 없음 */
.share_link_btn:hover .register_circle_plus i, .buy_link_btn:hover .register_circle_plus i, .job_link_btn:hover .register_circle_plus i { color: #7e858a; }
.share_link_btn:hover .register_bottom_text, .buy_link_btn:hover .register_bottom_text, .job_link_btn:hover .register_bottom_text { color: #546e7a; }

/* 4번 알림 버튼 마우스 오버(호버) 시 효과 설정 (종 아이콘과 글자 전체가 판매등록 버튼 색상(#d32f2f)으로 선명하게 점등) */
.alert_link_btn:hover .register_circle_plus i,
.alert_link_btn:hover .register_bottom_text,
.alert_link_btn:hover .register_bottom_text * {
    color: #d32f2f !important;
}

/* 괄호 형태 개수 가로 수평 정렬용 텍스트 가이드 */
.alert_link_btn .alert_text_menu_container { display: inline-flex; align-items: center; justify-content: center; gap: 2px; width: 100%; }


/* ==========================================================================
   📂 [내부 패널] 클릭 시 펼쳐지는 하방 독립 레이어 (판매등록 패널 뼈대 완벽 공유)
   ========================================================================== */
/* ① 알림창 전용 목록 레이어 패널 규격화 */
.custom_standalone_btn_wrap .custom_standalone_detail {
    position: absolute; top: 62px; right: 0; width: 340px; /* 알림 리스트에 최적화된 컴팩트 너비 */
    background-color: #ffffff; border: 1px solid #e9ecef; border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1); padding: 14px; box-sizing: border-box;
}

/* ② 판매등록 전용 거대 바둑판 패널 규격 원본 보존 */
.custom_standalone_btn_wrap > .custom_standalone_detail { width: 890px; }

.custom_standalone_grid_wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 10px; width: 100%; }

/* 알림 패널 헤더 및 리스트 목록 스타일링 */
.alert_panel_header { display: flex; justify-content: space-between; align-items: center; padding: 4px 2px 10px 2px; border-bottom: 2px solid #f1f3f5; }
.alert_total_title { font-size: 11.5px; color: #495057; font-weight: 600; }
.panel_unread_count { color: #d32f2f; font-weight: 700; }
.alert_clear_all_btn { background: none; border: none; color: #868e96; font-size: 11px; cursor: pointer; text-decoration: underline; padding: 2px; font-weight: 600; }
.alert_clear_all_btn:hover { color: #212529; }
.custom_ncenterlite_wrapper { width: 100%; max-height: 380px; overflow-y: auto; }
.custom_alert_list_box { list-style: none; padding: 0; margin: 8px 0 0 0; }
.alert_item_li { border-bottom: 1px solid #f8f9fa; padding: 10px 6px; font-size: 11.5px; line-height: 1.4; transition: background 0.15s; text-align: left; }
.alert_item_li:hover { background-color: #f8f9fa; }
.alert_item_li:last-child { border-bottom: none; }
.alert_item_li.is_unread { background-color: #fff5f5; font-weight: 600; }
.alert_link_click { text-decoration: none; color: #343a40; display: block; }
.alert_text_content { display: block; word-break: break-all; }
.alert_regdate { display: block; font-size: 10.5px; color: #adb5bd; margin-top: 4px; font-weight: 500; }
.no_alert_message { padding: 30px 0; color: #868e96; font-size: 11.5px; text-align: center; width: 100%; font-weight: 500; }

/* 코어가 body 바로 밑에 강제로 주입한 중복 알림창만 원천 차단 */
body > #nc_container:not(.custom_bell_popup),
body > #nc_container {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 내가 치환 코드로 감싸놓은 커스텀 패널 내부의 알림창은 정상 출력 */
#ncenterlite_Detail_Panel #nc_container,
.custom_standalone_register_container #nc_container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
/* 메뉴 4개가 담기는 거대 라운드 사각형 번들 상자 (판매등록 순정 코드 원본 복구) */
.custom_register_bundle_box {
    display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 22px; gap: 4px 6px;                           
    padding: 12px 14px; background-color: #ffffff; border: 1.5px solid #aeb5bc; border-radius: 14px; margin: 0;
}
.custom_register_bundle_box li { list-style: none; }

/* 상자 내부의 개별 텍스트 링크 메뉴 스타일 */
.custom_register_bundle_box li a {
    display: flex; align-items: center; gap: 4px; height: 100%; color: #333333; text-decoration: none;
    font-size: 11.5px; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.15s ease;
}
.custom_register_bundle_box li a:hover { color: #d32f2f; }
.custom_register_bundle_box li a i { font-size: 11px; color: #cbd5e1; }
.custom_register_bundle_box li a:hover i { color: #d32f2f; }

/* Original file: layouts/jungo.v2/css/me.css */

.lnb { width: 198px; float: left; padding: 20px 0; text-align: center; }

/* 1. 외곽 박스 및 리스트 */
.lnb-left-menu {padding: 10px 0;}
.lnb-left-menu ul { list-style: none; padding: 0; margin: 0; }
/* 2. 메뉴 항목 및 3번째 항목 숨김 */
.lnb-left-menu ul li { display: block; margin-bottom: 3px;  transition: background-color 0.15s ease; }

/*  4번째 li만 정확히 숨김 */
.lnb-left-menu ul li:nth-child(4) { display: none; }
/* 3. 링크 텍스트 및 아이콘 */
.lnb-left-menu ul li a { display: flex; align-items: center; gap: 8px; padding: 10px 12px; font: 400 13px -apple-system, BlinkMacSystemFont, "Noto Sans KR", sans-serif; letter-spacing: -0.3px; color: #475569; text-decoration: none; transition: all 0.15s ease-in-out; }
.lnb-left-menu ul li a i { font-size: 14px; color: #cbd5e1; }

.lnb-left-menu ul li:hover { background-color: #f1f5f9; }
.lnb-left-menu ul li:hover a { color: #0f172a; }
.lnb-left-menu ul li:hover a i { color: #6b7277; }
.lnb-left-menu ul li.on2 {background-color: #6b7277; }
.lnb-left-menu ul li.on2 a {color: #ffffff;    font-weight: 700;}
.lnb-left-menu ul li.on2 a i {color: #ffffff;}

.lnb00 { width: 200px; padding: 0; background-color: #ffffff}
.lnb00 img { vertical-align: top; }
.lnb00>ul { position: relative; margin:0; list-style: none; padding: 0; }
.lnb00>ul>li { display: block; padding:0px 12px; margin: 0; background-color: transparent; }
.lnb00>ul>li>a, .lnb00>ul>li>span {display: block; padding: 5px 6px !important; line-height: 20px !important; font-size: 13px; color: #333; text-decoration: none;
    font-weight: 400 !important; font-family: inherit !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; }
.lnb00>ul>li>a i { margin-right: 0px; font-size: 13px; vertical-align: middle; }
.lnb00>ul>li>a>span { width: 6px; height: 2px; float: left; margin: 10px 16px 0 0px; background-color: #ccc; }
.lnb00 ul li .color { font-size: 13px; }
.lnb00 ul li .color4 { color: #fb0a8d; }
.lnb00>ul>li.on1 { display: block !important;  background-color: #6b7277 !important; }
.lnb00>ul>li.on1>a { color: #ffffff !important; }
.lnb00>ul>li:hover { background-color: #6b7277 !important; border-color: #6b7277 !important; }
.lnb00>ul>li:hover>a { color: #ffffff !important; }


#menu_Detail.Tap_Detail { display: block !important; clear: both; }
.columnLefts { position: relative; width: 200px; background: #fff;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.columnLefts:after { display: block; clear: both; content: ''; }
.columnLefts .side01_2{width:238px;float:left;text-align:center;margin:0px;padding:0;height:250px;border:1px solid #ddd;border-top:0;border-bottom:0;}

/* --------------------------------==========================================
   📂 jnb 물품 메뉴 1차 대분류(li1 / a1) 완전 투명 양식
   --------------------------------========================================== */
#jnb_wrp { z-index: 20; width: 100%; float: left; border: none;  background: transparent; padding: 10px 0 0 0; }
#jnb { margin: 0; padding: 0; } 
#jnb li { position: relative; list-style: none; }

/* 🔧 [핵심 수정] 아래선(border-bottom) 및 모든 선들을 완벽히 삭제하여 보기 싫은 여백 분할 현상 완전 차단 */
#jnb .li1 { 
    display: block; border: none; 
    border-bottom: none; /* 👈 보기 싫던 아래쪽 테두리선 완전 삭제 */
    border-radius: 0; 
    margin: 0; 
    transition: background 0.2s; 
}

/* 1차 메뉴 개별 링크 텍스트 서식 */
#jnb .a1 { display: flex; align-items: center; gap: 10px;
    font-size: 13px;
    font-weight: 500; padding: 5px 30px; text-decoration: none; color: #4a5568;  transition: all 0.15s ease-in-out; }

/* ⚡ [마우스 호버 효과] 마우스 올리면 전체가 각진 차콜 카드로 반전 + 글씨 흰색 전환 */
#jnb .li1:hover { background-color: #6b7277; }
#jnb .li1:hover .a1 { color: #ffffff; padding-left: 18px; } /* 호버 시 글자 우측 부드러운 전진 */

/* 현재 활성화된 1차 메뉴 (.on 상태) 테마 컬러 일치 고정 */
#jnb .a1.on { color: #ffffff; background-color:; border-radius: 0; color: #000;padding-left: 18px;}


/* ==========================================================================
   📂 [최종 마감] 간격 제로 및 그림자 완전 삭제형 2차·3차 패널 서식
   ========================================================================== */
#jnb ul { 
    display: none; 
    width: 180px;            /* 세부 목록 가로폭 고정 */
    background-color: #ffffff; 
    border: 1px solid #ced4da; /* 1차 메뉴판 호버 컬러와 톤을 맞춘 단정한 테두리선 */
    border-radius: 0;        /* 1차 메뉴판의 각진 형태와 일치화 */
    box-shadow: none;        /* 👈 [요청 반영] 마우스 올릴 때 나오던 그림자 효과 100% 완전 삭제 */
    position: absolute; 
    top: 0;                  /* 1차 항목과 세로 머리 높이 칼같이 일치 */
    
    /* 🔧 [마우스 사라짐 완벽 박멸] 1차 메뉴판 우측 벽면에 틈새 없이 자석처럼 100% 강제 밀착 */
    left: 199px;             /* 👈 1차 jnb_wrp 가로폭인 239px 지점에 보더 틈새 없이 칼같이 부착 */
    z-index: 999; 
    padding: 4px 0;          /* 위아래 슬림 패딩 조율 */
    margin: 0; 
    box-sizing: border-box;
}

#jnb .li2:first-child { display: none; }

/* 2차, 3차 내부의 개별 링크 글씨 서식 (각진 디자인 통일) */
#jnb .ul2 a, #jnb .ul3 a { 
    display: flex; align-items: center; justify-content: space-between; width: 100%; height: 26px; padding: 0 12px;         
    text-decoration: none; white-space: nowrap; color: #4a5568; border-radius: 0; box-sizing: border-box; transition: all 0.15s ease-in-out; 
}
#jnb .ul2 b { position: static; font-size: 10px; color: #a0aec0; font-weight: normal; }

/* ⚡ [마우스 호버 효과] 배경색 스윽 깔리며 레드로 전환 + 오른쪽 3px 부드러운 전진 모션 */
#jnb .ul2 a:hover, #jnb .ul3 a:hover { background-color: #f7fafc; color: #d32f2f; padding-left: 15px; }

/* 활성화 상태 서식 고정 */
#jnb .ul2 .on .a2, #jnb .a3.on { color: #ffffff; background-color: #6b7277; }

/* 🔧 [3차 소분류 사라짐 완벽 박멸] 2차 박스 우측 벽면에 틈새 없이 칼같이 이어 붙임 */
#jnb .ul3 { 
    top: -5px;               /* 2차 상자 패딩 오차 보정 */
    left: 178px;             /* 👈 2차 상자 가로폭(180px)에서 보더 두께를 계산하여 빈틈없이 강제 밀착 고정 */
}
.ui_font { font-family: "Noto Sans KR", sans-serif; }

/* Original file: modules/isx/tpl/css/jquery.autocomplete.css */

/**
 * @fileOverview CSS for jquery-autocomplete, the jQuery Autocompleter
 * @author <a href="mailto:dylan@dyve.net">Dylan Verheul</a>
 * @license MIT | GPL | Apache 2.0, see LICENSE.txt
 * @see https://github.com/dyve/jquery-autocomplete
 */
.acResults {
	padding: 0px;
	border: 1px solid #ddd;
	color: #666666;
	background-color: White;
	overflow: hidden;
	z-index:2000;
}

.acResults ul {
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
	list-style: none;	
}

.acResults ul li {
	margin: 0px;
	padding: 5px 8px;
	cursor: pointer;
	display: block;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.acLoading {
	background : url("../../../../modules/isx/tpl/css/indicator.gif") right center no-repeat;
}

.acSelect {
	background-color: #F5F5F5;
	color: #666666;
}

.acResults div {
	position:relative;
	text-align:right;
	border-top:1px solid #ddd;
	background:#f7f7f7;
	padding:5px;
	color:#666;
}

.acResults span:hover {
	cursor:pointer;
	text-decoration:underline;
}

.acResult span {
	cursor:pointer;
}

/* Original file: modules/popup_manager/tpl/css/popup_manager.css */

.popup-manager-popup {
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	overflow: hidden;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.popup-manager-header {
	background: #f8f9fa;
	padding: 12px 15px;
	border-bottom: 1px solid #eee;
	user-select: none;
}

.popup-manager-title {
	font-weight: 600;
	font-size: 14px;
	color: #333;
}

.popup-manager-content {
	max-height: 70vh;
	overflow-y: auto;
	line-height: 1.6;
}

.popup-manager-content img {
	max-width: 100%;
	height: auto;
}

.popup-manager-close-bar {
	background: #f8f9fa;
	padding: 10px 15px;
	border-top: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.popup-manager-hide-label {
	font-size: 13px;
	color: #666;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
}

.popup-manager-hide-label input[type="checkbox"] {
	margin: 0;
}

.popup-close-btn {
	padding: 6px 16px;
	border: 1px solid #ccc;
	background: #fff;
	cursor: pointer;
	border-radius: 4px;
	font-size: 13px;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.popup-close-btn:hover {
	background: #f0f0f0;
	border-color: #bbb;
}

/* Mobile responsive */
@media (max-width: 768px) {
	.popup-manager-popup {
		left: 10px !important;
		right: 10px;
		width: auto !important;
		max-width: calc(100% - 20px);
	}
}

/* Original file: widgets/junggonala_login/skins/junggo_login2/css/white.css */

.card_header { 
    display: flex; 
    align-items: center; 
    position: relative; 
    padding: 10px 4px;
    width: 70%;	
}

.user_avatar { 
    width: 32px; 
    height: 32px; 
    background: #f1f4f6; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin: 0 5px;
}
.user_avatar i { 
    font-size: 32px; 
    color: #bcc4cc; 
}

.user_meta { 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
}

/* ===================================================
   [로그인 전] 기존 스타일 유지
   =================================================== */
.quick_login_wrap { 
    display: flex; 
    gap: 12px;
    padding:10px 14px;
    width: 200px; 
    box-sizing: border-box; 
}
.quick_login_wrap a { 
    flex: 1; 
    text-align: center; 
    padding: 6px; 
    border: 1px solid #bcbcbc;
    text-decoration: none; 
    font-size: 12px; 
    transition: all 0.2s ease; 
    color: #546e7a;  border-radius: 4px; 
}
.quick_login_wrap a:hover { 
    background: #ddd; 
}
.quick_login_wrap .wrap2{}

/* ===================================================
   [로그인 후] 아이콘 탑재형 드롭다운 스타일
   =================================================== */
.after_login_wrap { 
    display: flex; 
    align-items: center; 
    gap: 0px; 
    white-space: nowrap; 
	
}

/* 유저 닉네임 */
.after_login_wrap .user_nick { 
    font-size: 12px; 
    color:#555; 
    font-weight: 400; 
}

/* 관리자 이동 버튼 */
.after_login_wrap .btn_admin_go {
    display: block; 
    font-size: 10px; 
    color: #0284c7; 
    background: #f0f9ff; 
    padding: 0 2px; 
    border-radius: 4px; 
    margin-left: 0px;
    text-decoration: none; 
    vertical-align: middle; 
    transition: all 0.15s ease;
}
.after_login_wrap .btn_admin_go:hover { 
    background: #e0f2fe; 
    color: #0369a1; 
}

/* 마이메뉴 버튼 */
.after_login_wrap .dropbtn {
    background: none; 
    border: none; 
    padding: 6px 7px; 
    cursor: pointer; 
    font-family: inherit;
    font-size: 12px; 
background: #7e858a;
    color: #fff; 
    letter-spacing: -0.3px; 
    transition: color 0.15s ease-in-out;
	border-radius: 6px;
}
.after_login_wrap .dropbtn:hover { 
    color: #e7e7e7; 
}

.after_login_wrap .dropdown { padding: 0 6px 0 0;display: inline-block; }

/* 
   [★ 오류 해결] 드롭다운 본체 박스 
   평소에는 display: none으로 숨겨두되, 
   자바스크립트의 display = "block" 명령을 방해하지 않도록 !important를 완전히 제거했습니다.
*/
.dropdown-content {
    position: fixed; 
    background: #ffffff; 
    border: none; 
    border-radius: 8px; 
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.03); 
    min-width: 150px; 
    z-index: 99999999; 
    display: none; /* !important를 지워서 JS가 제어할 수 있게 원복 */
    overflow: hidden; 
    padding: 5px; 
    padding-top: 6px; 
}

/* 드롭다운 내부 메뉴 링크 전체 공통 정렬 */
.dropdown-content a {
    display: flex; 
    align-items: center; 
    gap: 10px; 
    padding: 8px 10px; 
    font-size: 13px; 
    text-decoration: none;
    border-bottom: none; 
    border-radius: 5px; 
    transition: all 0.1s ease-in-out;
}
.dropdown-content a:hover { 
    background: #f5f5f7; 
}

/* 메뉴 글자 기본 색상 */
.dropdown-content .menu_text { 
    color: #444444; 
    font-weight: 400; 
    transition: color 0.1s; 
}
.dropdown-content a:hover .menu_text { 
    color: #111111; 
    font-weight: 500; 
}

/* 아이콘 폰트(XEIcon) 전용 스타일 */
.dropdown-content .icon_wrapper {
    display: inline-flex; 
    align-items: center; 
    justify-content: center;
    font-size: 15px; 
    width: 20px; 
    text-align: center;
}
/* 아이콘 고유 컬러 매칭 */
.dropdown-content .c_blue { color: #3b82f6; }   
.dropdown-content .c_green { color: #10b981; }  
.dropdown-content .c_orange { color: #f97316; } 
.dropdown-content .c_pink { color: #ec4899; }   

/* 마이메뉴 내부 내장 로그아웃 단독 스타일 */
.dropdown-content .btn_logout_menu {
    margin-top: 5px; 
    padding-top: 10px;
    border-top: 1px solid #f1f5f9; 
}
.dropdown-content .btn_logout_menu .icon_wrapper { 
    color: #a3a3a3; 
    font-size: 14px; 
}
.dropdown-content .btn_logout_menu .menu_text { 
    color: #888888; 
}

/* 로그아웃 호버 시 반응 */
.dropdown-content .btn_logout_menu:hover { 
    background: #fff1f2; 
}
.dropdown-content .btn_logout_menu:hover .icon_wrapper,
.dropdown-content .btn_logout_menu:hover .menu_text { 
    color: #df2c2c; 
    font-weight: 500; 
}

/* Original file: widgets/content/skins/junggo/css/widget.css */

.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}

.widgetContainer .open{ display:block !important;}
.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;}
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;}
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}

ul.widgetA { margin:0; padding:0; list-style:none; }
ul.widgetA li { margin:0; padding:0; list-style:none; }
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td.title{ width:100%; white-space:normal;}
.widgetTableA td .board{ padding-right:5px;}
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.summary{ white-space:normal;}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;}


.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
.widgetTabC li{ list-style:none; border-bottom:1px solid; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none;}

dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;}

.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url("../../../../widgets/content/skins/junggo/img/white/buttonWidgetNavigation.gif"); border:1px solid #999; cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}



/* widgetThumb */
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; text-decoration:none;}
.widgetThumb .thumb img{ display:block; width:100%;}
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetThumb .title{ display:block;}
.widgetThumb .author{ display:block;}
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}

.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; }
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; overflow:hidden; }
.widgetZineA li p{ margin:0; padding:0;}
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.titleArea .board{ padding-right:5px;}
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
.widgetZineA li p.authorArea{ margin-left:120px;}
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
.widgetZineA li .thumb img{ position:relative; width:100%;}
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6;  filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
.widgetZineA li .category{ padding-right:5px; font-weight:normal;}
.widgetZineA li .title{ font-weight:bold;}
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetZineA li .author{ margin-right:10px;}
.widgetZineA li .date{ font:11px Tahoma;}
.widgetZineA li .hour{ font:11px Tahoma;}

.widgetTabC{ border-color:#e5e5e5;}
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetTabC li a{ color:#333;}
.widgetTabC li a:hover,
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
.widgetTabA{ border-color:#666;}
.widgetTabA li,
.widgetTabA li a{ background-image:url("../../../../widgets/content/skins/junggo/img/white/buttonWidgetTab.gif");}
.widgetTabA li a{ color:#333;}

.widgetA a.board { color:#333; padding-right:5px; background:url("../../../../widgets/content/skins/junggo/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .notice{ color:#ff1a1a; background:url("../../../../widgets/content/skins/junggo/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .category{ color:#333; background:url("../../../../widgets/content/skins/junggo/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .replyNum a{ color:#ff1a1a;}
.widgetA .trackbackNum a{ color:#66c;}
.widgetA .author { color:#333;}
.widgetA .date{ color:#333;}
.widgetA .hour{ color:#888;}

.widgetTableA td.title a{ color:#333;}
.widgetTableA td .board{ color:#333; background:url("../../../../widgets/content/skins/junggo/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url("../../../../widgets/content/skins/junggo/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url("../../../../widgets/content/skins/junggo/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#333;}
.widgetTableA td .date{ color:#333;}
.widgetTableA td .hour{ color:#888;}



.widgetThumb{ color:#333;}
.widgetThumb a{ color:#333;}
.widgetThumb .hour{ color:#888;}

.widgetZineA li .board{ color:#333; background:url("../../../../widgets/content/skins/junggo/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetZineA li .title{ color:#666;}
.widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetZineA li .trackbackNum a{ color:#66c;}
.widgetZineA li .author{ color:#333;}
.widgetZineA li .category{ color:#333; background:url("../../../../widgets/content/skins/junggo/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetZineA li .date{ color:#333;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}

.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ color:#999;}
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li,
.widgetContainer.black .widgetTabA li a{ background-image:url("../../../../widgets/content/skins/junggo/img/black/buttonWidgetTab.gif");}
.widgetContainer.black .widgetTabA li a{ color:#999;}

.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url("../../../../widgets/content/skins/junggo/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url("../../../../widgets/content/skins/junggo/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url("../../../../widgets/content/skins/junggo/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableA td .author { color:#999;}
.widgetContainer.black .widgetTableA td .date{ color:#999;}
.widgetContainer.black .widgetTableA td .hour{ color:#888;}



.widgetContainer.black .widgetThumb{ color:#999;}
.widgetContainer.black .widgetThumb a{ color:#999;}
.widgetContainer.black .widgetThumb .hour{ color:#888;}

.widgetContainer.black .widgetZineA li .board{ color:#999; background:url("../../../../widgets/content/skins/junggo/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ color:#999;}
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineA li .author{ color:#999;}
.widgetContainer.black .widgetZineA li .category{ color:#999; background:url("../../../../widgets/content/skins/junggo/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetZineA li .date{ color:#999;}
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}
/* ==========================================================
   [교정본] 테이블형 셋업 (구조 무너짐 방지 및 우측 날짜 정렬 완결)
   ========================================================== */

/* 1. 테이블 기본 명세를 허물어 인라인 플렉스 행을 품을 수 있도록 뼈대 변환 */
.main-tbl-container { 
    width: 100% !important; 
    border-collapse: collapse; 
    border-spacing: 0; 
    border: none !important; 
}
.main-tbl-container,
.main-tbl-container tbody { 
    display: block !important; 
    width: 100% !important; 
}

/* 2. 한 줄(tr) 전체를 플렉스로 정의하여 제목-닉네임-날짜를 양끝 정렬 기조로 강제 배치 */
.main-tbl-container tr { 
    display: flex !important; 
    align-items: center !important; 
    justify-content: space-between !important; 
    width: 100% !important; 
    padding: 0 !important; 
    border: 0 !important; 
    box-sizing: border-box; 
    border-bottom:0 !important; /* 가독성을 위한 은은한 가로 경계 실선 */
}
.main-tbl-container tr:last-child { border-bottom: none !important; }

/* 3. td 고유의 칸막이 속성을 해제하고 유연한 플렉스 정렬 상자로 전환 */
.main-tbl-container td { 
    display: inline-flex !important; 
    align-items: center !important; 
    padding: 0; 
    border: none !important; 
    box-sizing: border-box; 
}

/* 4. [방 1] 제목 구역 셀 - 남은 여백폭을 전부 흡수하여 가장 넓게 쓰도록 유연폭 설정 */
.main-tbl-title-cell { 
    flex: 1 !important; 
    min-width: 0 !important; 
}

/* HTML에서 넘어온 핵심 구조선: 배지 및 제목 좌측 밀착 + 모바일 날짜와 양끝 분할 */
.main-tbl-content-flex { 
    display: flex !important; 
    align-items: center !important; 
    justify-content: space-between !important; 
    width: 100% !important; 
    padding:2px 0 !important; 
    gap: 8px; 
    box-sizing: border-box; 
}

/* 배지와 제목 텍스트를 위아래 2줄 수직 스택 구조로 다듬는 안착선 */
.main-tbl-left-side { 
   
    flex: 1 !important; 
    min-width: 0 !important; 
}
.main-lst-badge-group { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; flex-shrink: 0; }
.main-lst-title-group {display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; min-width: 0 !important; }
.main-lst-title-group a{ font-size: 13px; color: #535353 !important;}

/* 5. [방 2] 작성자 닉네임 셀 - 기존 100px 고정폭을 지키며 우측 정렬 */
.main-tbl-user-cell { 
    display: inline-flex !important; 
    justify-content: flex-end !important; 
    width: 100px !important; 
    max-width: 100px !important; 
    flex-shrink: 0 !important; 
    text-align: right; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    margin-left: 16px !important; 
}

/* 6. [방 3] PC 전용 날짜 셀 - 전체 줄에서 완벽하게 가장 오른쪽 벽면 끝으로 밀착 */
.main-tbl-time-cell { 
    display: inline-flex !important; 
    justify-content: flex-end !important; 
    width: 75px !important; 
    max-width: 75px !important; 
    flex-shrink: 0 !important; 
    text-align: right; 
    margin-left: 12px !important; 
}

/* 7. 모바일 전용 반응형 구역 (날짜 양끝 분할 완결) */
.main-tbl-right-side.m-only { display: none !important; } /* 기본 PC 화면에서는 모바일 날짜 숨김 */

@media (max-width: 768px) {
    /* 모바일에서는 줄 내부 요소를 세로로 흐르게 보정 */
    .main-tbl-container tr { 
        position: relative !important; 
        flex-direction: column !important; 
        align-items: flex-start !important; 
        gap: 6px !important; 
        padding: 12px 8px !important;
    }
    .main-tbl-title-cell { width: 100% !important; }
    
    /* 모바일용 날짜방을 우측 하단 구석 벽면에 자석처럼 밀착 고정 */
    .main-tbl-right-side.m-only { 
        position: absolute !important; 
        right: 8px !important; 
        bottom: 12px !important; 
        display: inline-block !important; 
    }
    
    /* PC 온리 셀렉터들은 숨겨서 중복 노출 파괴 */
    .pc-only, .main-tbl-user-cell, .main-tbl-time-cell { display: none !important; }
}

.main-lst-icon img[src*="file"], 
.main-lst-icon img[src*="update"] { 
    display: none !important; 
}
/* 페이징 제어 */
.main-lst-nav { text-align: center; margin-top: 10px; clear: both; width: 100%; }
.main-lst-nav button { background: #fff; border: 1px solid #e2e8f0; padding: 3px 10px; font-size: 11.5px; color: #4a5568; cursor: pointer; border-radius: 4px; margin: 0 2px; }

/* ==========================================================
   ★ [핵심 정정] 디바이스 스위치 조건문 (PC 화면 제어)
   ========================================================== */
.m-only { display: none !important; } /* PC에서는 제목옆 날짜를 절대 숨김 */
.pc-only { display: block !important; }
td.pc-only { display: table-cell !important; }

/* ==========================================================
   ★ 모바일 반응형 2줄 구조 및 날짜 위치 교정 (768px 이하)
   ========================================================== */
@media screen and (max-width: 768px) {
    /* 모바일에서는 중복 방지를 위해 반대로 스위칭 */
    .m-only { display: inline-block !important; } /* 모바일에서만 제목옆 날짜 활성화 */
    .pc-only { display: none !important; }       /* 모바일에서 우측끝 날짜 차단 */
    
    .main-lst-meta-user, .main-tbl-user-cell, .main-lst-tag { display: none !important; }
    
    /* 상하 2줄 레이아웃 전환 */
    .main-lst-content, .main-tbl-content-flex { flex-direction: column; align-items: flex-start; gap: 4px; padding: 8px 2px; }
    .main-tbl-container td { display: block; width: 100% !important; }
    
    /* 1단 배지 정렬 */
    .main-lst-badge-group { display: flex; width: 100%; margin-bottom: 1px; gap: 4px; }
    
    /* 2단 제목 정렬 및 모바일 전용 날짜 앵커 배치 */
    .main-lst-title-group { display: inline-flex; width: 100%; max-width: 100%; align-items: center; }
    .main-lst-title, .main-tbl-link { font-size: 13.5px; max-width: calc(100% - 75px) !important; }
    
    /* 제목 뒤로 들어간 모바일 날짜 디자인 미세 조정 */
    .main-lst-title-group .main-lst-date { font-size: 10.5px; color: #b2b2b2; margin-left: auto; flex-shrink: 0; white-space: nowrap; }
    .main-lst-loc { display: inline-block !important; font-size: 10px; margin-left: 4px; max-width: 55px; padding: 0 3px; }
}


/* 기본 컨테이너 하우징 */
.prd-widget-list { display: block; list-style: none; padding: 0 !important; margin: 0 auto !important; box-sizing: border-box; width: 100% !important; max-width: 100%; }
.prd-widget-list::after { content: ""; display: block; clear: both; }
.prd-widget-list li { float: left; margin: 0 10px 24px 10px; box-sizing: border-box; vertical-align: top; }
.prd-widget-list li.clear-left { clear: left; }

/* 상품 카드 프레임 */
.prd-card-item { display: flex; flex-direction: column; background: #ffffff; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; height: 100%; }

/* 섬네일 하우징 및 절대위치 설정 */
.prd-thumb-wrap { display: block; position: relative; overflow: hidden; background-color: #f8f9fa; width: 100% !important; }
.prd-thumb-inner { position: relative; width: 100%; height: 100%; overflow: hidden; }

/* [화질개선] 고해상도 모바일 디스플레이에서 압축된 이미지가 번지는 현상을 억제합니다 */
.prd-img { 
    display: block; 
    object-fit: cover; 
    width: 100%; 
    image-rendering: -webkit-optimize-contrast;
    image-rendering: auto;
}

/* 이미지 내부 우측 하단 정렬 하우징 공간 */
.prd-thumb-meta-right {
    position: absolute; bottom: 8px; right: 8px;
    box-sizing: border-box;
    display: flex; justify-content: flex-end; align-items: center; gap: 4px;
    pointer-events: none;
    z-index: 0;
    max-width: calc(100% - 16px);}

/* 지역명 불투명 다크 뱃지 */
.badge-img-loc { 
    display: inline-block; padding: 2px 6px; border-radius: 4px; 
    font-size: 10px; font-weight: 500; 
    background: rgba(33, 37, 41, 0.85); color: #ffffff !important; 
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 65%; 
    letter-spacing: -0.3px; flex-shrink: 0;
}

/* 거래 방식 배송 디자인 미니 캡슐 배지 세트 */
.badge-img-type { display: inline-block; padding: 2px 5px; border-radius: 4px; font-size: 10px; font-weight: bold; letter-spacing: -0.2px; flex-shrink: 0; }
.badge-img-type.type-direct { background: rgba(241, 243, 245, 0.95); color: #495057; }
.badge-img-type.type-safe { background: rgba(227, 250, 252, 0.95); color: #0b7285; }
.badge-img-type.type-delivery { background: rgba(227, 250, 252, 0.95); color: #0b7285; }
.badge-img-type.type-free { background: rgba(255, 23, 23, 0.95); color: #ffffff; }
.badge-img-type.type-all { background: rgba(243, 240, 255, 0.95); color: #5f3dc4; }

/* 판매완료 심플 오버레이 */
.prd-sold-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; color: #ffffff; z-index: 2; }
.prd-sold-mask span { font-size: 13px; font-weight: bold; background: rgba(0, 0, 0, 0.7); padding: 5px 12px; border-radius: 4px; }
.prd-thumb-wrap.is-sold .prd-img { opacity: 0.6; }

/* NO IMAGE 백업 박스 */
.prd-thumb-inner.no-img { display: flex; align-items: center; justify-content: center; background-color: #f1f3f5; }
.prd-no-text { font-size: 11px; color: #adb5bd; font-weight: bold; }

/* 하단 정보 텍스트 영역 여백 가이드 */
.prd-body-content { padding: 12px 10px; display: flex; flex-direction: column; box-sizing: border-box; }

/* 상단 가격 및 시간 라인 */
.prd-info-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.prd-price { font-size: 15px; color: #111111; font-weight: 700; letter-spacing: -0.2px; }
.prd-status { font-size: 12px; font-weight: bold; }
.prd-status.status-ing { color: #f76707; }
.prd-status.status-end { color: #868e96; }
.prd-date { font-size: 11px; color: #999999; }

/* 하단 상품 제목 (2줄 고정) */
.prd-title-box { display: block; height: 36px; overflow: hidden; }
.prd-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; color: #4e524a; line-height: 1.4; text-decoration: none; font-weight: 400; letter-spacing: -0.4px; }
.prd-title:hover { text-decoration: underline; color: #ff6f0f; }
.prd-reply-count a { font-size: 11px; font-weight: bold; color: #ff6f0f; text-decoration: none; margin-left: 2px; }

/* 소속 라벨 시스템 배지 */
.prd-badge-board { position: absolute;bottom: 10px; left: 6px; background: rgba(0, 0, 0, 0.6); color: #ffffff; font-size: 9px; padding: 1px 4px; border-radius: 3px; z-index: 2; }
.prd-nav-wrap { text-align: center; margin-top: 16px; clear: both; }
.prd-nav-wrap button { background: #ffffff; border: 1px solid #e2e8f0; padding: 5px 14px; font-size: 12px; color: #4a5568; cursor: pointer; border-radius: 4px; margin: 0 2px; }

/* ==========================================================
   ★ 모바일 환경 고성능 반응형 그리드 분기 (가로 2열 배열)
   ========================================================= */
@media screen and (max-width: 768px) {
    .prd-widget-list { width: 100% !important; padding: 0 6px !important; }
    .prd-widget-list li { width: calc(50% - 10px) !important; margin: 0 5px 14px 5px !important; clear: none !important; }
    .prd-widget-list li:nth-child(2n+1) { clear: left !important; }
    
    .prd-card-item { border-radius: 8px; }
    .prd-thumb-wrap { height: auto !important; aspect-ratio: 1 / 1; }
    .prd-img { height: 100% !important; }
    .prd-body-content { padding: 10px 6px; }
    
    .prd-info-row { margin-bottom: 4px; }
    .prd-title-box { height: 34px; }
    .prd-title { font-size: 12px; line-height: 1.4; }
    .prd-price { font-size: 14px; }
    .prd-date { font-size: 10px; }
    .prd-status { font-size: 11px; }
    .prd-thumb-meta-right { bottom: 6px; right: 6px; max-width: calc(100% - 12px); gap: 3px; }
    .badge-img-loc { font-size: 9px; padding: 1px 4px; border-radius: 3px; }
    .badge-img-type { font-size: 9px; padding: 1px 4px; border-radius: 3px; }
}