@charset "UTF-8";

/* Original file: files/cache/assets/compiled/9d9538ef218066ea89d2d2214bc2648374a6a020.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;
}
a img {
  border: 0;
}
[hidden] {
  display: none;
}
/* Content Default Styles */
.xe_content, .rhymix_content {
  font-family: inherit;
  font-size: 15px;
  line-height: 160%;
  word-break: normal;
  word-wrap: break-word;
  /* 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_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=9d9538ef218066ea89d2d2214bc2648374a6a020.rhymix.scss.map */

/* Original file: layouts/default/default.layout.css */

/* Reset */
html,body{min-height:100%}
body{margin:0}

/* Skin to content */
.skip{margin:0}
.skip>a{display:block;text-align:center;line-height:28px;height:1px;overflow:hidden}
.skip>a:focus{height:auto}

/* Layout */
.container,
.footer>p{width:960px;margin:0 auto}
.header{position:relative;z-index:2;zoom:1;margin:0 0 17px 0}
.header>.side{position:absolute;z-index:2;right:0;bottom:57px;zoom:1}
.visual{position:relative;z-index:1;overflow:hidden;width:100%;margin:0 0 20px 0}
.body{position:relative;z-index:1}
.header:after,
.body:after{content:"";display:block;clear:both}
.content{padding:0 0 40px 0;zoom:1}
.content>*:first-child{margin-top:0}
.content img{max-width:100%;height:auto}

/* Header */
.header>h1{display:inline-block;*display:inline;zoom:1;margin:19px 0}
.header>h1>a,
.header>h1 img{display:block}
.header>h1>a{font-size:32px;text-decoration:none;color:#333}

/* Footer */
.footer{padding:25px 0 80px 0;background:#f8f8f8;border-top:1px solid #f4f4f4;color:#666}
.footer p{font-size:12px}
.footer a{text-decoration:none;color:#666}
.footer a:hover,
.footer a:focus{text-decoration:underline}

/* Login */
.account{margin-right:15px !important}

/* Search */
.header .search{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:0}
.header .search>input{font-size:12px;vertical-align:top;border-radius:2px}
.header .search>input[type="text"]{background:#e5e6e8;border:1px solid #dedede;height:21px;line-height:21px;padding:0 4px;margin:0 -6px 0 0;width:126px}
.header .search>input[type="submit"]{background:#484d51;border:1px solid #272b30;color:#fff;height:23px;line-height:23px;padding:0 15px;margin:0;cursor:pointer;box-shadow:0 1px 0 #6d7174 inset}

/* GNB */
.gnb{position:relative;z-index:1;border:1px solid #080808;font-size:13px;height:31px;clear:both;background-color:#080808;background:-webkit-linear-gradient(top, #2e2d32, #0c0c0e);background:-moz-linear-gradient(top, #2e2d32, #0c0c0e);background:-o-linear-gradient(top, #2e2d32, #0c0c0e);background:-ms-linear-gradient(top, #2e2d32, #0c0c0e);background:linear-gradient(top, #2e2d32, #0c0c0e);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#2e2d32, endColorStr=#0c0c0e)}
.gnb:before{content:"";display:block;background:#3e3e40;width:100%;height:1px}
.gnb ul{margin:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>ul{position:absolute;top:32px;left:-1px;right:-1px;background:#464d5d;opacity:.98;filter:alpha(opacity=98);height:0}
.gnb.open>ul{height:auto;border-bottom:1px solid #333}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{position:relative;top:-32px;float:left;margin:0 -1px -8px 0}
.gnb>ul>li>a{display:block;border-left:1px solid #3e3e40;border-right:1px solid #3e3e40;line-height:32px;padding:0 20px;color:#fff;position:relative}
.gnb>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;background:#080808;overflow:hidden}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{border-top:1px solid #4a505c;line-height:30px;padding-bottom:1px;background-color:#2f333b;background:-webkit-linear-gradient(top, #383c45, #0c0d0f);background:-moz-linear-gradient(top, #383c45, #0c0d0f);background:-o-linear-gradient(top, #383c45, #0c0d0f);background:-ms-linear-gradient(top, #383c45, #0c0d0f);background:linear-gradient(top, #383c45, #0c0d0f);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#383c45, endColorStr=#0c0d0f)}
.gnb ul ul{display:block;position:relative;z-index:2;padding:0 20px;margin:0 0 0 -1px;border-left:1px solid #424856;height:0;overflow:hidden}
.gnb.open ul ul{margin-top:6px}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#4b5265}
.gnb.open ul ul{padding:13px 20px;height:auto}
.gnb>ul>li:first-child>ul{border:0}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:20px;font-size:12px;color:#fff}
.gnb ul ul a:hover,
.gnb ul ul a:focus{text-decoration:underline}

/* Visial */
.visual>.list{position:relative;width:300%;left:-100%;z-index:1}
.visual>.list:after{content:"";display:block;clear:both}
.visual>.list.total1{width:auto;left:0}
.visual img{display:block;max-width:100%;height:auto;margin:0 auto}
.visual a{display:block;float:left;position:relative;color:#fff;text-decoration:none;font-family:Corbel,Arial,Helvetica,sans-serif}
.visual a[href=""]{cursor:default}
.visual .total1 a{float:none}
.visual .total2 a,
.visual .total3 a{width:33.33%;}
.visual a>p{margin:-24px 0 0 0;padding:0 100px;position:absolute;top:50%;left:0;right:0;text-align:center;font-size:47px;letter-spacing:-1px;line-height:1}
.visual.sub a>p{font-size:32px;text-align:left}
.visual>button{zoom:1;border:0;background:url("../../../../layouts/default/blank.gif");cursor:pointer;width:100px;position:absolute;z-index:2;top:0;bottom:0;margin:0;padding:0;color:#fff}
.visual>button:hover,
.visual>button:focus{background-color:rgba(0,0,0,.25)}
.visual>button>i{position:absolute;top:50%;left:50%;width:25px;height:50px;background:url("../../../../layouts/default/slideNav.png") no-repeat;margin:-25px 0 0 -12px;zoom:1}
.visual>.prev{left:0}
.visual>.next{right:0}
.visual>.prev>i{background-position:0 0}
.visual>.next>i{background-position:-25px 0}

/* LNB */
.body.sub .lnb{float:left;width:210px;margin:0 0 40px 0}
.body.sub .content{float:right;width:720px}
.body.sub .lnb>h1{margin:0;position:relative;z-index:2}
.body.sub .lnb>h1>a{display:block;line-height:36px;padding:0 18px;border-radius:3px;color:#fff;text-decoration:none;font-size:14px;border:1px solid #939395;background-color:#19191b;background:-webkit-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-moz-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-o-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:-ms-linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);background:linear-gradient(top, #2d2c31, #0c0c0e 80%, #131418 80%);zoom:1}
.body.sub .lnb ul{list-style:none;margin:0;padding:0}
.body.sub .lnb ul a{display:block;text-decoration:none;color:#333;font-size:13px}
.body.sub .lnb>ul{position:relative;z-index:1;border:1px solid #dcdcdc;padding:1px;margin:-1px 0 0 0;border-radius:3px}
.body.sub .lnb>ul>li>a{line-height:36px;padding:0 10px 0 18px;border-top:1px solid #eee}
.body.sub .lnb>ul>li.active>a,
.body.sub .lnb>ul>li>a:hover,
.body.sub .lnb>ul>li>a:focus{background:#f5f5f5;color:#3192d7}
.body.sub .lnb>ul>li:first-child>a{border-top:0}
.body.sub .lnb ul ul{padding:10px 0;border-top:1px solid #eee}
.body.sub .lnb li li>a{line-height:20px;padding:0 10px 0 25px}
.body.sub .lnb li li.active>a,
.body.sub .lnb li li>a:hover,
.body.sub .lnb li li>a:focus{background:#f5f5f5;color:#3192d7}

/* Original file: widgets/login_info/skins/default/default.login.css */

.account {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
.account>a,
.account>.info .logout {
	display: inline-block;
	background: #f7f7f7;
	border: 1px solid #d4d8db;
	border-radius: 2px;
	box-shadow: 1px 1px 0 #f3f3f3;
	color: #666;
	text-decoration: none;
	padding: 0 10px;
	line-height: 21px;
	font-weight: bold;
	font-size: 12px;
}
.account>fieldset {
	position: absolute;
	z-index: 2;
	width: 229px;
	top: 30px;
	right: 0;
	display: none;
	border: 0;
	background: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	margin: 0;
	padding: 20px 16px 18px 16px;
	box-shadow: 0 1px 0 #aaa;
}
.account h2 {
	font-size: 13px;
	color: #666;
	margin: 0 0 18px 0;
	line-height: 1;
}
.account label {
	display: block;
	margin: 0 0 5px 0;
	color: #666;
	font-size: 12px;
}
.account input[type="text"],
.account input[type="email"],
.account input[type="password"] {
	height: 21px;
	line-height: 21px;
	padding: 0 4px;
	margin: 0 0 10px 0;
	width: 219px;
	background: #f6f6f6;
	border: 1px solid #d6d6d6;
	border-top: 2px solid #bfbebe;
	border-bottom: 0;
	box-shadow: 0 1px 0 #eae9e9 inset;
}
.account input[type="checkbox"] {
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.account input[type="checkbox"]+label {
	display: inline;
	vertical-align: middle;
	cursor: pointer;
}
.account input[type="submit"] {
	background: #484d51;
	border: 1px solid #272b30;
	color: #fff;
	height: 27px;
	line-height: 27px;
	padding: 0 20px;
	margin: 0;
	vertical-align: top;
	border-radius: 2px;
	cursor: pointer;
	box-shadow: 0 1px 0 #6d7174 inset;
}
.account .warning {
	display: none;
	color: #666;
	line-height: 1.4;
}
.account .close {
	background: none;
	border: 0;
	color: #ccc;
	font-size: 22px;
	position: absolute;
	top: 10px;
	right: 8px;
	margin: 0;
	padding: 0;
	width: 32px;
	height: 32px;
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
	font-weight: normal;
}
.account .close:hover,
.account .close:focus {
	color: #666;
}
.account .help {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #e5e5e5;
}
.account .help li {
	margin: 0 0 3px 0;
}
.account .help a {
	position: relative;
	background: #f5f5f5;
	border: 1px solid #d0d0d0;
	border-bottom-color: #b7b7b7;
	border-radius: 2px;
	text-decoration: none;
	color: #666;
	display: block;
	line-height: 24px;
	padding: 0 11px;
	font-size: 12px;
}
.account .help a:after {
	content: "";
	position: absolute;
	right: 4px;
	top: 7px;
	border: 4px solid transparent;
	border-left-color: #b2b2b2;
}
.account .info {
	list-style: none;
	margin: 0;
	padding: 0;
}
.account .info>li {
	display: inline-block;
}
.account .info .user {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin: 0 10px 0 0;
}
.account .info .user:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin: 0 2px 0 0;
	background: url(data: image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKNJREFUeNpijI2NZcAC2IA4EIg5gXgrEL9GV8CCRZMQEJ8EYhUo/x0QpwPxGmRFTFg0+iFpghlUga4Im0ZmHE4nqJGBXI3vsIi9IEYjKBQvo4k1EaPxFxDPReLfB+J9xGiURgtFRSAuxafRA4iXAvFtIJZAU9cFxJeAuAhqMDgBcEIjXJdAyILke6GG+INsFCVCE3o8e4Ns/ALEsxhIA0cAAgwAuLwYvH6hEcQAAAAASUVORK5CYII=) no-repeat;
}
.account .info .admin {
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	margin: 0 10px 0 0;
}
.account .info .admin:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin: 0 2px 0 0;
	background: url() no-repeat;
}
.account .info .admin:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin: 0 2px 0 0;
	background:  url("../../../../common/img/glyphicons-halflings.png") no-repeat -433px -2px;
}

/* Original file: widgets/contentextended/skins/default/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 sup{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}

.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; 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.author{}
.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; *zoom:1; margin-bottom:1px;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}

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/contentextended/skins/default/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;}

.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1; _margin-right:-100%;}
.widgetGalleryA:after{ content:""; display:block; clear:both;}
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:0; white-space:nowrap; list-style:none;}
.widgetGalleryA li.clearRight{ margin-right:0;}
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top: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'); }
.widgetGalleryA 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'); }
.widgetGalleryA li .author{ display:block;}
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
.widgetGalleryA li .date{ font:11px Tahoma;}
.widgetGalleryA li .hour{ font:11px Tahoma;}

/* 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; *zoom:1; text-decoration:none; _float:left;}
.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; *zoom:1;}
.widgetZineA:after{ content:""; display:block; clear:both;}
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; *zoom:1; 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/contentextended/skins/default/img/white/buttonWidgetTab.gif");}
.widgetTabA li a{ color:#333;}

.widgetA a.board { color:#333; padding-right:5px; background:url("../../../../widgets/contentextended/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .notice{ color:#ff1a1a; background:url("../../../../widgets/contentextended/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetA .category{ color:#333; background:url("../../../../widgets/contentextended/skins/default/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/contentextended/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url("../../../../widgets/contentextended/skins/default/img/white/lineTextDiv.gif") no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url("../../../../widgets/contentextended/skins/default/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;}

.widgetGalleryA li .title{ color:#333;}
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetGalleryA li .author{ color:#333;}
.widgetGalleryA li .date{ color:#333;}
.widgetGalleryA li .hour{ color:#888;}

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

.widgetZineA li .board{ color:#333; background:url("../../../../widgets/contentextended/skins/default/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/contentextended/skins/default/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/contentextended/skins/default/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/contentextended/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url("../../../../widgets/contentextended/skins/default/img/black/lineTextDiv.gif") no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url("../../../../widgets/contentextended/skins/default/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 .widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .widgetGalleryA li .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/contentextended/skins/default/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/contentextended/skins/default/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;}

/* Original file: widgets/login_info/skins/DW-PlayoutA/css/default.css */

.login_PlayoutA{margin:0;padding:0;position:relative;;display:block;font-size:12px;color:#666; position:relative;background:#f7f9fa; border:1px solid #e6e6e6;padding:10px 5px 8px 5px;}
.logon{padding:0;}
.login_PlayoutA fieldset{position:relative;border:0;padding:0;margin:0}
.logon fieldset{padding:0;margin:0}
.login_PlayoutA fieldset .idpwWrap{overflow:hidden;clear:both;position:relative;text-align: center;font-size:12px;}
.login_PlayoutA fieldset .idpwWrap p{
    margin:0;
    line-height: 20px;
    font-size:11px;
    color: #9fa19f;
}
.idp_login{
    display:inline-block;
    padding:5px 10px;
    width:80%;
    background:#112042;
    color:#fff !important;
    text-decoration: none !important;
    text-align: center;
    line-height:20px;
    border-radius: 15px;
    margin:5px 0;
}
.login_PlayoutA fieldset .idpw{float:left;}
.login_PlayoutA fieldset .idpw input{border:1px solid #e3e3e3;color:#666;width:184px;background:#fff;padding:6px 5px 6px 5px;margin:0;margin-bottom:4px;font:1em Tahoma;line-height:18px;height:18px;}
.login_PlayoutA fieldset .login{position:absolute;right:0;background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/loginL.gif") no-repeat;width:68px;height:68px;margin:0;padding:0;border:0;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;-moz-transition:all .4s;}
.login_PlayoutA fieldset .login:hover{background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/loginLH.gif") no-repeat;}
.login_PlayoutA fieldset p.securitySignIn{clear:both;padding:0 0 0 18px;margin:4px 0 0 0}
.login_PlayoutA fieldset p.noneSSL{background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/none_ssl.png") no-repeat left top}
.login_PlayoutA fieldset p.SSL{background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/ssl.png") no-repeat left top}
.login_PlayoutA fieldset p.noneSSL a{color:#BF6801;text-decoration:none}
.login_PlayoutA fieldset p.SSL a{color:#9CAC74;text-decoration:none}
.login_PlayoutA fieldset p.keep{margin:8px 0;clear:both;padding:0}
.login_PlayoutA fieldset p.keep input{vertical-align:middle;width:13px;height:13px;margin:0;border:0;padding:0;}
.login_PlayoutA fieldset p.keep label{font:.9em;color:#666}
.login_PlayoutA fieldset p.keep_msg{color:#666}
.login_PlayoutA fieldset ul.help{
    margin: 0;
    overflow: hidden;
    padding: 0 25px;
    white-space: nowrap;
    list-style: none;
    height: 20px;
    display: flex;
    justify-content: space-between;
}
.login_PlayoutA fieldset ul.help li{list-style:none;float:left;display:block;}
.login_PlayoutA fieldset ul.help li a {
    color:#112042 !important;
}
.login_PlayoutA .keep_msg,
.login_PlayoutA fieldset p.SSL,
.login_PlayoutA fieldset ul.help li.help_last_li{display:none;}
.login_PlayoutA fieldset ul.help li a{color:#666;white-space:nowrap;text-decoration:none;display:inline-block;padding-top:1px;line-height:18px;}
.login_PlayoutA fieldset ul.help li a:hover{text-decoration:underline}
.login_PlayoutA fieldset ul.help li.first-child a{color:#cbcbcb}
.login_PlayoutA fieldset ul.help li *{vertical-align:bottom;line-height:18px;display:inline-block;}
.login_PlayoutA fieldset .userName strong{color:#cbcbcb;padding:4px 0 0 2px;font:bold .9em Tahoma}

.login_PlayoutA fieldset .userName img{border:none;vertical-align:top;}
.login_PlayoutA fieldset li.userLogout{position:absolute;top:0;right:0;}
.login_PlayoutA fieldset li.userLogout a{width:68px;height:25px;text-align:center;background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/logout.png") no-repeat;display:table-cell;line-height:25px;}
.login_PlayoutA fieldset ul.userMenu{margin:0;position:relative;padding:0;overflow:hidden;margin-top:6px}
.login_PlayoutA fieldset ul.userMenu li{list-style:none;color:#cbcbcb;list-style:none;margin-bottom:5px;}
.login_PlayoutA fieldset ul.userMenu li.userMenu_admin{padding:0 0 0 22px;background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/black/help_li.gif") no-repeat 10px 4px;}
.login_PlayoutA fieldset ul.userMenu li a{color:#777;text-decoration:none}
.login_PlayoutA fieldset ul.userMenu li a:hover{text-decoration:underline}

#login_keep_label{display:inline-block;vertical-align:middle;cursor:pointer;width:48px;height:19px;overflow:hidden;background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/keep_signed.png") no-repeat 0 0;}
#login_keep_label.off{background-position:left -2px;}
#login_keep_label.on{background-position:left -24px;}

.wrap_profile{position:relative;*zoom:1;height:40px;overflow:hidden;padding:14px 8px 11px;}
.wrap_profile:after{content:"";display:block;clear:both;}
.in_profile{border:1px solid #ddd;width:47px;height:47px;padding:2px;float:left;background:#fff;}
.in_profile img{vertical-align:middle;width:100%}
.wrap_userName{padding:0 0 0 10px;float:left;margin-top:-2px;}
.member_nic,
.wrap_Messages strong{color:#666;}
.userName{margin:0;position:relative;overflow:hidden;padding:0;height:20px;}
.userName a{position:relative;text-decoration:none;line-height:20px;display:inline-block;}
.userName a.member_nic{
    font-size:15px;
    font-weight:500;
    color:#000;
}
.wrap_profile .userPoint a{
    color:#575757;
    font-size:13px;
}

.userName a.userLogout{position:absolute;top:1px;right:0;}
.wrap_Messages{padding:3px 0 2px 0;margin:0;}
.wrap_Messages p{padding:3px 0 0 0;margin:0;}
.userPoint{margin:0;padding:3px 0 0 0;list-style:none;position:relative;}
.userPoint:after{content:"";display:block;clear:both;}
.userPoint li{float:left;padding:0 10px 0 0px;line-height:20px;color:#222;}
.userPoint li span{padding-left:15px;display:inline-block;}
.userPoint li:last-child{
    position: relative;
    padding-left:11px;
}
.userPoint li:last-child:before{
    position: absolute;
    width:1px;
    height:12px;
    background:#444;
    top:4px;
    left:0;
    content: "";
    display:inline-block;
}
/* 메세지 */
.wrap_member{position:relative;z-index:2;}
.wrap_Messages{margin:0;padding:0;list-style:none;border-top:1px solid #ddd;display:table;width:100%}
.wrap_Messages li{border-right:1px solid #ddd;display:table-cell;text-align:center;position:relative;box-sizing: border-box;width:25%;}
.wrap_Messages li.Messag2 a.has_userMenu{margin-bottom:-1px;border-bottom:1px solid #fff;background:#fff;}
.wrap_Messages li.Messag3{border:0;}
.wrap_Messages li a{padding:7px 5px 7px 5px;text-align:center;display:block;line-height: 20px;color: #202020;}



.wrap_Messages li i{font-size:18px;}
.wrap_Messages li span{position:absolute;left:52px;top:4px;background:#00a7ec;color:#fff;border-radius:10px;padding:2px 5px;font-size:10px;font-family:Arial,sans-serif;line-height:14px;}
.login_PlayoutA fieldset p.latestLogin{margin:0;padding:0;color:#666;font:.9em}
.login_PlayoutA fieldset p.latestLogin span{font:1em Tahoma}
.wrap_profile a{text-decoration:none;}
.wrap_profile a.user_logout{
    background: #ccd0d4;
    line-height: 26px;
    display: inline-block;
    padding: 0 10px;
    border-radius: 14px;
    color: #fff;
    text-decoration: none;
}
.login_management{position:absolute;right:13px;top:15px;}
.sub_box .xe-widget-wrapper{overflow:visible;}
.wrap_userMenu{width:100%;background:#fff;border:1px solid #ddd;border-top:1px solid #e6e6e6;display:none;position:absolute;z-index:1;left:-1px;}
.wrap_userMenu ul{padding:5px 10px !important;}
.wrap_userMenu ul li{line-height:18px;}