@charset "utf-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

body {
  font-size: 100%;
  line-height: 100%;
  font-family: '맑은 고딕', 'Malgun Gothic', Dotum, Tahoma, sans-serif;
}

.form-control {
  font-family: '맑은 고딕', 'Malgun Gothic', Dotum, Tahoma, sans-serif;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  padding: 0;
  margin: 0;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0 none;
}

/*
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
*/

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  box-sizing: content-box;
  height: 0;
}

mark {
  background: none repeat scroll 0 0 #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: '맑은 고딕', 'Malgun Gothic', Dotum, Tahoma, sans-serif;
  font-size: 16px;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "“" "”" "‘" "’";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0 none;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0 none;
  padding: 0;
}

*:focus {
  outline: none;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  box-sizing: content-box;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0 none;
  padding: 0;
}

input::-ms-clear {
  display: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

#skip-content {
  display: none;
}

#top-content {
  display: none;
}

/* clearfix */

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.clearfix {
  /*for IE 5.5-7*/
  zoom: 1;
}

* html .clearfix {
  /* Hides from IE-mac */
  height: 1%;
}

body.noscroll {
  overflow: hidden;
}

html,
body {
  height: 100%;
}

body {
  background-color: #efefef;
}

#page-header {
  position: relative;
  min-width: 1024px;
}

#page-body {
  width: 1024px;
  padding: 20px 0 50px 0;
  margin: 0 auto;
}

#fullpage-body {
  width: 980px;
  margin: 0 auto;
}

#page-body:after,
#fullpage-body:after {
  clear: both;
  visibility: hidden;
  display: block;
  content: ".";
  height: 0;
}

* html #page-body,
* html #fullpage-body {
  zoom: 1;
}

*:first-child + html #page-body,
*:first-child + html #fullpage-body {
  zoom: 1;
}

#page-header + #page-body {
  padding-top: 0;
}

#body-wrapper {
  min-height: 100%;
  margin-top: -2px;
  margin-bottom: -148px;
}

/*
#sidebar{
    display: inline;
    float: left;
    left: -280px;
    margin-right: -280px;
    position: relative;
    width:280px;
}
#content-wrapper{
    float: left;
    margin-left: 0;
    margin-right: -48px;
    overflow: hidden;
    width: 100%;
}
#page-body #content-wrapper >  .content-header{
    margin-left:20px;
}
#page-body #content-wrapper >  .page-content{
    margin-left:20px;
}
*/

html body.min-height {
  min-height: 2000px;
}

#sidebar > .side-menu {
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #e0e2e9;
  margin-bottom: -2px;
}

#sidebar > .side-menu > ul > li > A {
  display: block;
  height: 45px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #eff0f4;
}

#sidebar > .side-menu > ul > li > A > .menu-text {
  float: left;
  padding: 17px 0 0 20px;
  margin-right: 12px;
  font-size: 12px;
  line-height: 16px;
  display: block;
  height: 29px;
  color: #222;
}

#sidebar > .side-menu > ul > li > A > .icon-arr {
  position: absolute;
  top: 0;
  right: 0;
}

#sidebar > .side-menu > ul > li > A > .icon-menu {
  position: absolute;
  top: 15px;
  left: 21px;
}

#sidebar > .side-menu > ul > li > A.active {
  height: 46px;
  background: #fff;
}

#sidebar > .side-menu > ul > li > A.active > .menu-text {
  color: #fff;
}

#sidebar > .side-menu > ul > li > A.active > .icon-arr {
  width: 50px;
  height: 100%;
  background: #293038 url("../../images/children/icon/icon_arr_orang_9x14.png") no-repeat 22px 18px;
}

#sidebar > .side-menu > ul > li > A:hover {
  height: 46px;
}

#sidebar > .side-menu > ul > li > A:hover > .menu-text {
  color: #fff;
}

#sidebar > .side-menu > ul > li > A:hover > .icon-arr {
  width: 50px;
  height: 100%;
  background: #293038 url("../../images/children/icon/icon_arr_orang_9x14.png") no-repeat 22px 18px;
}

#footer {
  background: url("../../images/children/layout/bg_footer_bar.gif") repeat-x left top;
}

#footer > .wrapper {
  width: 980px;
  height: 238px;
  /*height: 139px;*/
  margin: 0 auto;
}

#footer > .wrapper {
  position: relative;
}

#body {
  padding-bottom: 269px;
}

#footer > .wrapper > .footer-bar {
  overflow: hidden;
  height: 99px;
}

#footer > .wrapper > .footer-bar .news h2 {
  float: left;
  font-size: 12px;
  color: #666;
  padding-top: 1px;
  padding-right: 18px;
  background: url("../../images/children/layout/bul_arr.gif") no-repeat right 6px;
}

#footer > .wrapper > .footer-bar .news {
  float: left;
  padding-top: 16px;
}

#footer > .wrapper > .footer-bar .menu {
  float: right;
  padding-top: 16px;
}

#footer > .wrapper > .footer-bar .news ul {
  float: left;
}

#footer > .wrapper > .footer-bar .news ul li {
  padding-left: 15px;
}

#footer > .wrapper > .footer-bar .news ul li A {
  font-size: 12px;
  color: #666;
}

#footer > .wrapper .menu {
  overflow: hidden;
  height: 33px;
}

#footer > .wrapper .menu > li {
  float: left;
  padding: 0 15px;
  background: url("../../images/children/layout/bar_menu.gif") no-repeat left 3px;
}

#footer > .wrapper .menu > li:first-child {
  background: none;
  padding-left: 0;
}

#footer > .wrapper .menu > li:last-child {
  background: none;
  padding-right: 0;
}

#footer > .wrapper .menu > li > A {
  font-size: 12px;
  color: #666;
}

#footer > .wrapper .menu > li > A {
  font-size: 12px;
  color: #666;
}

#footer > .wrapper .info {
  font-size: 11px;
  /*	line-height: 1.125em;*/
  color: #999;
}

#footer > .wrapper .logo {
  position: absolute;
  top: 65px;
  left: 0;
  width: 145px;
  height: 16px;
  background: url("../..../../img/share/img_ci_145x16.png") no-repeat left top;
}

#footer > .wrapper .info A {
  color: #999;
}

#footer > .wrapper .info span {
  padding-left: 11px;
}

#footer > .wrapper .info address {
  display: inline;
  padding-left: 15px;
}

#footer > .wrapper small {
  display: block;
  padding-top: 16px;
  font-size: 11px;
  color: #999;
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
}

/*
.'<aside class="popover-content popover-'+arr.type+' block-'+arr.positoin+'"><p>'+arr.text+'</p><div class="icon-arr"></div></aside>'{
  */

.popover-content {
  clear: both;
  color: White;
  font-weight: bold;
  height: auto;
  padding: 10px 0 10px 0;
  width: auto;
  z-index: 3;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.block-right {
  top: 0;
}

.popover-content > .icon > .icon {
  position: absolute;
  top: 0;
  right: 0;
}

.popover-content > .icon > .state {
  float: left;
  padding-right: 20px;
}

.popover-content > p {
  text-align: left;
}

.popover-content > .text {
  font-weight: normal;
  max-width: 600px;
  word-break: break-all;
  word-break: break-word;
  word-wrap: break-word;
}

.popover-content.popover-message {
  padding: 0;
}

.popover-content .text {
  color: #333;
  padding: 10px 0 0 0;
}

.popover-content.popover-message .icon {
  top: -20px;
  right: 0;
  position: absolute;
}

.popover-success.popover-message .text {
  color: #f6552b;
  font-weight: normal;
}

.block-top .icon-arr {
  left: 30px;
  bottom: -10px;
}

.block-bottom .icon-arr {
  left: 30px;
  top: -10px;
}

.block-right .icon-arr {
  left: -12px;
  top: 5px;
}

.popover-success {
  color: #f6552b;
}

.popover-error {
  color: #f6552b;
  /*
    background-color:#d22769;
    */
}

.popover-lock {
  color: #f6552b;
  /*
    background-color:#d22769;
    */
}

.popover-row {
  color: #ff8235;
  /*
    background-color:#d22769;
    */
}

.popover-verysafe {
  color: #37a4e9;
}

.popover-safety {
  color: #0fa46e;
}

.popover-medium {
  color: #fcba1b;
  /*
    background-color:#d22769;
    */
}

.popover-lockConfim {
  color: #f6552b;
  /*
    background-color:#d22769;
    */
}

.popover-content .state {
  padding-right: 10px;
}

.popover-content.popover-capslock {
  width: 200px;
  padding: 0 0 0 0;
  background: url("../../images/children/share/bg_capslock.png") no-repeat left top;
}

.padding-bottom {
  paddinG-bottom: 50px!important;
}

.popover-content.popover-capslock > div {
  margin-right: -5px;
  height: 30px;
  padding: 10px 0 0 10PX;
  font-size: 12px;
  color: #f6552b;
  text-align: left;
  background: url("../../images/children/share/bg_capslock_right.png") no-repeat right 4px;
}

.dialog {
  display: none;
  z-index: 300;
  background: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  border: 0;
}

.dialog-wrapper {
  padding: 20px 0 20px 0;
  position: relative;
  z-index: 300;
}

.dialog-content {
  display: none;
}

.dialog-body {
  background: #fff;
  position: relative;
  z-index: 1;
}

.dialog {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  position: fixed;
}

.dialog .dialog-content {
  display: block;
  position: relative;
  z-index: 1;
}

.dialog .dialog {
  position: relative;
}

.dialog .dialog-wrapper > .shadow-top {
  height: 20px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.dialog .dialog-wrapper > .shadow-top > div {
  height: 62px;
  padding: 0 20px 0 20px;
  position: relative;
}

.dialog .dialog-wrapper > .shadow-top > div > .shadow-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 62px;
  background: url("../../images/children/dialog/bg_top_left.png") no-repeat left top;
}

.dialog .dialog-wrapper > .shadow-top > div > .shadow-center {
  height: 62px;
  background: url("../../images/children/dialog/bg_top_line.png") repeat-x left top;
}

.dialog .dialog-wrapper > .shadow-top > div > .shadow-right {
  width: 20px;
  height: 62px;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../../images/children/dialog/bg_top_right.png") no-repeat left top;
}

.dialog .dialog-wrapper > .shadow-body {
  position: relative;
  padding: 0 20px 0 20px;
  *zoom: 1;
}

.dialog .dialog-wrapper > .shadow-body > .shadow-left {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../images/children/dialog/bg_left_line.png") repeat-y left top;
}

.dialog .dialog-wrapper > .shadow-body > .shadow-right {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../../images/children/dialog/bg_right_line.png") repeat-y left top;
}

.dialog .dialog-wrapper > .shadow-bottom {
  height: 20px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}

.dialog .dialog-wrapper > .shadow-bottom > div {
  height: 20px;
  padding: 0 20px 0 20px;
  position: relative;
}

.dialog .dialog-wrapper > .shadow-bottom > div > .shadow-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../../images/children/dialog/bg_bottom_left.png") no-repeat left bottom;
}

.dialog .dialog-wrapper > .shadow-bottom > div > .shadow-center {
  height: 20px;
  background: url("../../images/children/dialog/bg_bottom_line.png") repeat-x left bottom;
}

.dialog .dialog-wrapper > .shadow-bottom > div > .shadow-right {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../../images/children/dialog/bg_bottom_right.png") no-repeat left bottom;
}

.dialog .dialog-wrapper > .shdow-body {
  position: relative;
}

.dialog .dialog-wrapper .dialog-heading {
  border-bottom: 1px solid #ebedf1;
  background: #fff;
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  padding-right: 11px;
  padding-left: 11px !important;
  z-index: 2;
}

.dialog .dialog-wrapper .dialog-heading > h2 {
  padding: 17px 0 0 0;
  font-size: 14px;
  line-height: 16px;
  color: #222;
}

.dialog.dialog-playerlist {
  width: 300px;
}

.dialog.dialog-playerlist .dialog-heading > h2,
.dialog.dialog-likePlayerlist .dialog-heading > h2 {
  overflow: hidden;
  padding-bottom: 12px;
  padding-top: 6px;
  color: #333;
}

.dialog-playerlist .dialog-heading > h2 .counter,
.dialog-likePlayerlist .dialog-heading > h2 .counter {
  color: #f6552b;
}

.dialog-playerlist .dialog-body {
  max-height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 0;
  margin-right: 0;
}

.dialog-likePlayerlist .dialog-body {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 0;
  margin-right: 0;
}

.dialog.dialog-requestfriend {
  width: 526px;
}

.dialog.dialog-requestfriend .dialog-heading > h2 {
  overflow: hidden;
  margin-left: 10px;
  padding-bottom: 12px;
  padding-top: 6px;
}

.dialog-requestfriend .list.list-player li .player-name,
.dialog-likePlayerlist .list.list-player li a .player-name {
  font-weight: 600 !important;
  font-size: 14px !important;
}

.dialog-requestfriend .list li span.rate-color-blue {
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
}

.dialog-requestfriend .list li span.expert_badge {
  margin-left: 5px;
}

.dialog-requestfriend .list li span.rate-color-blue,
.dialog-requestfriend .list li span.player-name,
.dialog-requestfriend .list li span.expert_badge {
  float: left !important;
  margin-top: 12px;
}

.dialog-requestfriend .dialog-body {
  max-height: 216px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: 0;
  margin-right: 0;
}

.dialog-requestfriend .btn-addfriend.btn-sm {
  float: right;
  margin-top: 4px;
  margin-right: 9px;
}

.dialog-profile .dialog-wrapper > .shadow-top {
  z-index: 0;
}

.dialog-profile .dialog-wrapper > .shadow-top > div > .shadow-left {
  height: 96px;
  background: url("../../images/children/dialog/bg_profile_top_left.png") no-repeat left top;
}

.dialog-profile .dialog-wrapper > .shadow-top > div > .shadow-center {
  height: 62px;
  background: url("../../images/children/dialog/bg_profile_top_line.png") repeat-x left top;
}

.dialog-profile .dialog-wrapper > .shadow-top > div {
  height: 96px;
}

.dialog-profile .dialog-wrapper > .shadow-top > div > .shadow-right {
  height: 96px;
  background: url("../../images/children/dialog/bg_profile_top_right.png") no-repeat left top;
}

.dialog-profile .dialog-wrapper > .shadow-body > .shadow-left {
  background: url("../../images/children/dialog/bg_profile_left_line.png") repeat-y left top;
}

.dialog-profile .dialog-wrapper > .shadow-body > .shadow-right {
  background: url("../../images/children/dialog/bg_profile_right_line.png") repeat-y left top;
}

.dialog-profile .dialog-wrapper > .shadow-bottom > div > .shadow-left {
  background: url("../../images/children/dialog/bg_profile_bottom_left.png") no-repeat left bottom;
}

.dialog-profile .dialog-wrapper > .shadow-bottom > div > .shadow-center {
  background: url("../../images/children/dialog/bg_profile_bottom_line.png") repeat-x left bottom;
}

.dialog-profile .dialog-wrapper > .shadow-bottom > div > .shadow-right {
  background: url("../../images/children/dialog/bg_profile_bottom_right.png") no-repeat left bottom;
}

.dialog-profile .dialog-wrapper > .shadow-top {
  height: 105px;
}

.dialog-profile .dialog-close {
  display: none;
}

.form-upload {
  float: left;
  width: 409px;
  height: 30px;
  padding: 0 10px;
  margin-right: 5px;
  border: 1px solid #e4e4e4;
  line-height: 32px;
  font-size: 14px;
  color: #333;
  background-color: #fbfbfb;
}

/*
.form-upload{
	padding:18px 0 0 0;
}
.form-upload > .disc{
	padding:0 0 18px 0;
	font-size:12px;
	line-height:16px;
	color:#222222;
}
.form-upload >  fieldset > .form-control{
	float:left;
	width:292px;
	margin-right:5px;
}
.form-upload > fieldset  > .btn{
	float:left;
}
*/

#invite,
#report {
  width: 400px;
}

.select-box {
  width: 328px;
  height: 113px;
  padding: 15px;
  overflow-y: auto;
  border: 1px solid #e0e2e9;
  color: #333;
  font-size: 12px;
}

.report {
  width: 356px;
  padding: 0 15px;
  color: #333;
  font-size: 12px;
}

.report textarea {
  width: 350px;
  height: 124px;
  margin-top: 10px;
  border: 1px solid #e0e2e9;
  resize: none;
}

.select-box input,
.report input {
  line-height: 30px;
  margin-right: 5px;
  margin-bottom: 10px;
  vertical-align: text-top;
}

.popover-content > .icon > span {
  text-indent: 0;
}

.scroll {
  overflow-x: hidden;
  overflow-y: scroll;
}

.dialog-confim {
  width: 382px;
  z-index: 302;
}

.dialog-confim .ajax-loading {
  margin: 0 auto;
  margin-top: 21px;
}

.dialog-confim .dialog-heading {
  border-bottom: 0;
}

.dialog-confim .dialog-heading > h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.dialog-confim .message {
  font-size: 12px;
  line-height: 1.5em;
  color: #999;
  text-align: center;
  vertical-align: top;
}

.dialog-confim .dialog-content .dialog-body {
  padding-bottom: 19px;
}

.dialog-confim .message:first-child {
  margin-bottom: 23px;
}

.dialog-confim .message.message-bold {
  font-size: 14px;
  color: #666;
  font-weight: bold;
  margin-bottom: 0;
}

.dialog-confim .list {
  padding-left: 57px;
}

.dialog-confim .dialog-wrapper .dialog-heading {
  border: 0;
}

.dialog-confim .dialog-wrapper .dialog-heading > h2 {
  font-size: 16px;
  line-height: 1.5em;
  padding-top: 21px;
  padding-bottom: 11px;
}

.dialog-report {
  width: 382px;
}

.dialog-report .dialog-heading {
  border-bottom: 0;
}

.dialog-report .dialog-heading > h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.dialog-report .message {
  font-size: 12px;
  line-height: 1.5em;
  color: #999;
  text-align: center;
  vertical-align: top;
}

.dialog-report .dialog-content {
  padding-bottom: 19px;
}

.dialog-report .message:first-child {
  margin-bottom: 23px;
}

.dialog-report .message.message-bold {
  font-size: 14px;
  color: #666;
  font-weight: bold;
  margin-bottom: 0;
}

.dialog-report .list {
  padding-left: 10px;
  padding-top: 10px;
}

.dialog-report .dialog-wrapper .dialog-heading {
  border: 0;
}

.dialog-report .dialog-wrapper .dialog-heading > h2 {
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 12px;
}

.dialog-report .table.table-horizontal > tbody > tr > th {
  padding-left: 7px;
}

.dialog-report .table.table-horizontal > thead > tr > th,
.dialog-report .table.table-horizontal > tbody > tr > th,
.dialog-report .table.table-horizontal > tfoot > tr > th {
  padding-top: 12px;
}

.dialog-data {
  min-width: 300px;
}

.dialog-data .message {
  font-size: 12px;
  line-height: 1.5em;
  color: #999;
  text-align: center;
}

.dialog-data .message.empty-value {
  padding: 45px 0 45px 0;
}

.dialog-data .dialog-heading {
  overflow: hidden;
}

.dialog-data .dialog-heading > h2 {
  float: left;
}

.dialog-data .dialog-heading > .counter {
  float: left;
  padding: 6px 0 0 7px;
  font-size: 14px;
  color: #999;
}

.dialog-data .dialog-heading > .counter > .current {
  color: #f6552b;
}

.dialog-data .dialog-wrapper .dialog-heading h2 {
  height: 30px;
  padding-top: 7px;
  padding-left: 8px;
}

.dialog-profile .dialog-wrapper .dialog-heading {
  margin-top: -11px;
  border: 0;
  margin-left: -11px;
  margin-right: -12px;
  /*  width: 250px; */
  height: 96px;
  background: url("../../images/children/dialog/bg_profile_header_.png") no-repeat left top;
}

.dialog-profile .friend {
  overflow: hidden;
}

.dialog-profile .dialog-content {
  padding-bottom: 9px;
}

.dialog-profile .friend > li {
  float: left;
  text-align: center;
  width: 33.33%;
}

.search-user-area .dialog-profile .friend {
  text-align: center;
}

.search-user-area .dialog-profile .friend > li {
  display: inline-block;
  float: none;
  text-align: center;
  width: 33.33%;
}

.dialog-profile .friend > li > .counter {
  font-size: 14px;
  padding-bottom: 1px;
  display: block;
  color: #666;
}

.dialog-profile .friend > li > .text {
  font-size: 12px;
  color: #bbb;
}

.dialog-profile .dialog-heading > .icon-badge {
  position: absolute;
  top: 12px;
  right: 14px;
}

.dialog-profile .dialog-heading > .player-image {
  width: 100%;
  position: relative;
  bottom: -23px;
  text-align: center;
}

.search-user-area .dialog-profile .dialog-heading > .expert-badge {
  top: -1px;
  right: 10px;
  left: inherit;
}

.dialog-profile .dialog-heading > .expert-badge {
  top: 0;
  right: 10px;
  left: inherit;
}

.dialog-profile .dialog-heading > .expert-badge > img {
  width: 61px;
  height: 67px;
}

.dialog-profile .dialog-heading > .player-image > img,
.dialog-profile .dialog-heading > .player-image > a > img {
  width: 90px;
  height: 90px;
  border-radius: 100px;
}

.dialog-profile .player-rating {
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #10c7ee;
  font-weight: normal;
  text-align: center;
  margin-bottom: 6px;
  padding-top: 26px;
}

.dialog-profile .player-name {
  font-family: 'NanumBarunGothic', Malgun Gothic, sans-serif;
  font-size: 1.125em;
  line-height: 16px;
  color: #333;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.dialog-share .dialog-wrapper .dialog-heading > h2 {
  font-family: 'NanumBarunGothic', Malgun Gothic, sans-serif;
  text-align: center;
  color: #333;
  font-size: 1.125em !important;
  height: inherit !important;
  padding-top: 17px !important;
  padding-bottom: 9px;
}

.dialog-share .dialog-body {
  padding: 0 !important;
}

.dialog-share .message {
  font-size: 14px;
  line-height: 1.57142857em;
  color: #999;
  padding-top: 4px;
  text-align: center;
}

.dialog-share .form-actions .align-center {
  margin: 0 auto;
  width: 196px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
}

.dialog-share .dialog-wrapper .dialog-heading {
  border-bottom: 0;
}

.dialog-share .sns {
  overflow: hidden;
}

.dialog-share .sns {
  padding-top: 15px;
  padding-left: 16px;
}

.dialog-share .sns li {
  float: left;
  width: 81px;
}

.dialog-share .sns li A {
  display: block;
  text-decoration: none;
}

.dialog-share .sns li .icon {
  display: block;
  margin: 0 auto;
}

.dialog-share .dialog-content {
  padding-bottom: 19px;
}

.dialog-share .sns li .text {
  font-size: 12px;
  display: block;
  color: #999;
  padding-top: 3px;
  text-align: center;
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
}

.dialog-share .btn-point > span {
  width: 194px;
  padding-left: 0;
  padding-right: 0;
}

.dialog-message .dialog-wrapper .dialog-heading {
  border-bottom: 0;
}

.dialog-message .dialog-wrapper .dialog-heading > h2 {
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: bold;
  text-align: center;
}

.dialog-message {
  width: 363px;
  z-index: 600;
}

.dialog-message .dialog-wrapper .dialog-body {
  padding-bottom: 19px;
}

.dialog-message .dialog-heading {
  border-bottom: 0;
}

.dialog-message .dialog-heading > h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.dialog-message .message {
  font-size: 12px;
  line-height: 1.5em;
  color: #999;
  text-align: center;
  vertical-align: top;
}

.dialog-message .message:first-child {
  margin-bottom: 23px;
}

.dialog-message .message.message-bold {
  font-size: 14px;
  color: #666;
  font-weight: bold;
  margin-bottom: 0;
}

.dialog-message .form-actions .align-center .btn {
  min-width: 100px;
}

.dialog-message .form-actions .align-center .btn > span {
  text-align: center;
}

.dialog-message .form-actions .align-center .btn:first-child {
  margin-right: 10px;
}

.dialog .dialog-close {
  clear: both;
  width: 11px;
  height: 10px;
  overflow: visible;
  position: absolute;
  border: 0;
  top: 27px;
  right: 25px;
  background: url("../../images/children/btn/btn_dialogClose_11x10.png") no-repeat left top;
  z-index: 301;
}

.dialog .dialog-close:hover {
  background: url("../../images/children/btn/btn_dialogClose_11x10.png") no-repeat -12px top;
}

.dialog-message .dialog-close {
  display: none;
}

.dialog.dialog-videoupload > .dialog-close {
  top: 27px;
  right: 30px;
}

.dialog-lineboard .list {
  margin-left: -10px;
  margin-right: -10px;
}

.dialog-lineboard .content-views {
  border-top: 1px solid #eee;
  margin-top: 10px;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.dialog.dialog-lineboard {
  width: 315px;
}

.dialog-lineboard .content-views .player-image img {
  width: 38px;
  height: 38px;
  border-radius: 38px;
}

.dialog-lineboard .content-views .player-image {
  float: left;
  margin-right: 10px;
}

.dialog-lineboard .content-views .player-info {
  float: left;
  padding: 4px 0 0 0;
}

.dialog-lineboard .content-views .views-header {
  overflow: hidden;
}

.dialog-lineboard .content-views .board-text {
  clear: both;
}

.dialog-lineboard .content-views .player-name {
  font-size: 12px;
  color: #333;
}

.dialog-lineboard .content-views .time {
  font-size: 12px;
  color: #999;
}

.dialog.dialog-lineboard .dialog-wrapper .dialog-heading > h2 {
  padding-bottom: 8px;
  padding-top: 7px;
}

.dialog.dialog-playerlist,
.dialog-likePlayerlist {
  width: 318px;
}

.dialog-likePlayerlist {
  z-index: 323;
}

.dialog-data,
.dialog-profile,
.dialog-share {
  width: 363px;
}

.dialog-profile {
  width: 270px;
  z-index: 320;
}

.dialog-share {
  width: 313px;
  z-index: 322;
}

.dialog.dialog-menu {
  z-index: 323;
  padding: 5px;
}

.dialog.dialog-menu .dialog-wrapper {
  padding: 19px 0 17px 0;
}

.dialog-menu .list .text:hover {
  color: #f6552b;
  font-weight: bold;
  text-decoration: none;
}

.dialog-menu .list.list-vertical ul li {
  padding: 2px 4px 2px 4px;
}

.dialog-menu .dialog-close {
  display: none;
}

.dialog-menu .list {
  /*	padding-right: 10px;*/
  margin-bottom: -1px;
}

.dialog-lineboard .content-views .board-text {
  font-size: 12px;
  line-height: 1.5em;
  color: #666;
}

.dialog-lineboard .content-views .comment-length {
  float: right;
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
  font-size: 12px;
  color: #999;
  padding-right: 10px;
}

.dialog-lineboard .content-views .comment-length > .num {
  color: #7a7a7a;
}

.dialog-lineboard .list.list-vertical ul li {
  padding-right: 0;
}

.dialog-lineboard .more {
  display: block;
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
  font-size: 12px;
  padding: 9px 0 0 0;
  text-align: center;
  border-top: 1px solid #eee;
}

.dialog-lineboard .more A {
  color: #999;
}

/*
.youtube-input-textbox {
    float: left;
    width: 355px;
    height: 30px;
    padding: 0 10px;
    margin-right: 5px;
    border: 1px solid #e4e4e4;
    line-height: 32px;
    font-size: 14px;
    color: #333;
}
.file-input-button {
    position: relative;
    display: inline;
    width: 100px;
    height: 32px;
    overflow: hidden;
}
.file-input-hidden {
    position: absolute;
    width: 80px;
    height: 32px;
    top: 0;
    right: 0;
    -moz-opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
*/

.file-top {
  position: relative;
}

.file-top .desc {
  clear: both;
  padding-top: 20px;
  font-size: 14px;
  color: #999;
  text-align: center;
}

.file-top .desc > strong,
.file-top .desc > strong {
  color: #f6552b;
}

.file-top .file-size {
  position: static !important;
  clear: both;
  padding-top: 10px;
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
  font-size: 12px;
  color: #999;
}

.file-top .file-info {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
  font-family: 'NanumBarunGothic', Dotum, sans-serif;
}

.file-top .file-size > span,
.file-top .file-info > span {
  color: #f6552b;
}

.file-bottom {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #f0f0f0;
}

.file-bottom p {
  color: #999;
  font-size: 12px;
  line-height: 1.5em;
  font-family: 'NanumBarunGothic', Dotum, sans-serif;
}

.file-input-textbox {
  float: left;
  width: 355px;
  height: 30px;
  padding: 0 10px;
  margin-right: 5px;
  border: 1px solid #e4e4e4;
  line-height: 32px;
  font-size: 14px;
  color: #333;
  background-color: #fbfbfb;
}

.file-input-button {
  position: relative;
  float: right;
  /*	width: 100px;*/
  height: 32px;
  overflow: hidden;
}

.file-input-hidden {
  position: absolute;
  width: 80px;
  height: 32px;
  top: 0;
  right: 0;
  -moz-opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}

/*
.feed-movie-header {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 30px;
    margin-left: -10px;
    margin-right: -10px;
}
.feed-movie-header h3 {
    padding: 5px 30px 15px 30px;
    line-height: 16px;
    font-size: 16px;
    font-family: 'NanumBarunGothic', Dotum, sans-serif;
    color: #333;
}
*/

.dialog-videoupload {
  width: 602px;
}

.dialog-videoupload .dialog-body {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

/*
.tab-movie > .nav-bar {
    position: relative;
    border-bottom: 0;
}
.tab-movie > .nav-bar:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #c1c1c1;
}
.tab-movie > .nav-bar > ul > li {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}
.tab-movie > .nav-bar > ul > li > A {
    padding: 13px 0 14px;
    border: 1px solid #e4e4e4;
    border-bottom: none;
    color: #999;
    font-size: 14px;
    font-family: 'NanumBarunGothic', Dotum, sans-serif;
}
.tab-movie > .nav-bar > ul > li.active > A {
    padding: 10px 0 14px;
    border-top-width: 4px;
    border-color: #f6552b #c1c1c1 transparent;
    color: #333;
}
.tab-movie > .nav-bar > ul > li.active > A:after {
    border-bottom: 1px solid #c1c1c1;
}
.tab-movie > .tab-content {
    margin-top: 20px;
    border: none;
}
.tab-movie > .tab-content > .tab-pane {
    padding: 0;
}
*/

.dialog-videoupload .dialog-wrapper .dialog-heading > h2 {
  height: 28px;
  padding-top: 6px;
  padding-left: 17px;
  font-size: 16px;
}

.dialog-videoupload .tab > .nav-bar > ul > li.active > A {
  border-top: 3px solid #f6552b;
  padding: 13px 10px 14px 10px;
  color: #333;
}

.dialog-videoupload .tab > .nav-bar > ul > li > A {
  padding: 15px 10px 14px 10px;
  font-weight: bold;
  font-size: 14px;
  color: #999;
}

.dialog-videoupload .tab > .tab-content {
  padding: 0;
  border: 0;
}

.dialog-videoupload .tab > .tab-content > .tab-pane {
  padding-top: 15px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.feed-movie-footer {
  margin: 25px 0;
}

.youtube-input-textbox {
  float: left;
  width: 355px;
  height: 30px;
  padding: 0 10px;
  margin-right: 5px;
  border: 1px solid #e4e4e4;
  line-height: 32px;
  font-size: 14px;
  color: #333;
}

.youtube-preview {
  height: 298px;
  margin-top: 10px;
  border: 1px solid #424242;
  background-color: #535353;
}

.youtube-preview p {
  font-size: 14px;
  font-family: 'NanumBarunGothic', Dotum, sans-serif;
  color: #fff;
  text-align: center;
  margin-top: 115px;
}

.youtube-preview p .none-preview {
  display: block;
  width: 44px;
  height: 46px;
  background: url("../../images/children/share/bg_none_preview.png") no-repeat;
  margin: 0 auto 10px;
}

.dialog-videouploady .text-dot {
  margin-top: 20px;
}

.app-media .app-thum > ul:after {
  clear: both;
  content: '';
  position: absolute;
  bottom: 0;
}

.dialog-couponinfo {
  width: 584px;
}

.dialog.dialog-couponinfo .dialog-wrapper .dialog-heading > h2 {
  padding-bottom: 8px;
  padding-top: 7px;
}

.dialog.dialog-couponinfo .dialog-wrapper .dialog-body {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.dialog.dialog-videoupload .form-actions {
  margin-top: 25px;
}

.dialog .form-actions {
  border: 0;
  padding-top: 20px;
}

.dialog-profile .form-actions {
  padding-top: 20px;
}

.dialog-receipts {
  width: 584px;
}

.dialog-receipts .list2 {
  padding-top: 10px;
}

.dialog.dialog-receipts .dialog-wrapper .dialog-heading > h2 {
  padding-bottom: 8px;
  padding-top: 7px;
}

.dialog.dialog-receipts .dialog-wrapper .dialog-body {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.dialog.dialog-receipts .table {
  margin-bottom: 10px;
}

.dialog-evidoc {
  width: 584px;
}

.dialog.dialog-evidoc .dialog-wrapper .dialog-heading > h2 {
  padding-bottom: 8px;
  padding-top: 7px;
}

.dialog.dialog-evidoc .dialog-wrapper .dialog-body {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.dialog.dialog-evidoc .table {
  margin-bottom: 10px;
}

.dialog-evidoc .fgray-box strong {
  font-size: 12px;
}

.dialog-evidoc .fgray-box .list-inline li {
  font-size: 12px;
}

.dialog-evidoc .message {
  font-size: 12px;
  line-height: 1.5em;
  margin-bottom: 17px;
  color: #999;
  text-align: left;
  vertical-align: top;
}

.dialog-bankaccount {
  width: 584px;
}

.dialog-bankaccount .shadow-body {
  *position: relative;
  *z-index: 111;
}

.dialog.dialog-bankaccount .dialog-wrapper .dialog-heading > h2 {
  padding-bottom: 8px;
  padding-top: 7px;
}

.dialog.dialog-bankaccount .dialog-wrapper .dialog-body {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.badge-choice li {
  height: 58px;
  padding: 12px 0 12px 10px !important;
}

.badge-choice li.badge-none {
  height: 38px;
  padding: 32px 0 12px 10px !important;
}

.badge-choice li.only-dotline {
  height: 1px;
  padding: 0 !important;
}

.badge-choice li img {
  vertical-align: middle;
}

.badge-choice li span {
  color: #333;
  font-family: 'NanumBarunGothic', Dotum, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.badge-choice .form-actions {
  padding-top: 25px;
  padding-bottom: 20px;
}

.dialog-invateemail {
  width: 540px;
}

.dialog-invateemail .dialog-heading > h2 {
  overflow: hidden;
  margin-left: 10px;
  padding-bottom: 14px !important;
  padding-top: 6px !important;
}

.dialog-invateemail .dialog-body {
  padding: 20px 15px 30px;
}

.dialog-invateemail .form-address {
  display: inline-block !important;
  width: 350px;
  margin-right: 6px;
}

.dialog-invateemail .email-address .btn-default.btn-sm {
  width: 80px;
}

.dialog-invateemail .email-address .btn-default.btn-sm > span {
  padding: 11px 8px 3px 8px;
}

.email-address-add {
  position: relative;
}

.email-address-add input {
  margin-top: 7px;
}

.email-address-add .btn-reset {
  top: 16px;
  right: 105px;
}

.dialog-invateemail .email-message {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #f0f0f0;
}

.dialog-invateemail .email-message textarea {
  resize: none;
  width: 464px;
  height: 126px;
  border: 1px solid #e4e4e4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  behavior: url("../../billing/js/PIE-1.0.0/PIE.htc");
}

.dialog-invateemail .form-actions {
  padding-top: 25px !important;
}

.dialog-popover .arr {
  position: absolute;
  top: -20px;
  right: 10px;
  width: 14px;
  height: 10px;
  display: block;
  background: url("../../images/children/dialog/bg_popover_arr.png") no-repeat left top;
}

.dialog-popover > .dialog-close {
  display: none;
}

.dialog-popover .dialog-body {
  padding: 0 9px 0 9px;
  overflow: hidden;
}

.dialog-popover .dialog-body p {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: -3px;
  color: #666;
}

.dialog.dialog-addfriend .form-actions {
  padding-top: 25px;
}

.dialog.dialog-addfriend .dialog-wrapper .dialog-body {
  padding-top: 25px;
  padding-left: 19px;
  padding-right: 19px;
  padding-bottom: 20px;
}

.dialog.dialog-addfriend {
  width: 462px;
}

.dialog.dialog-addfriend .dialog-heading {
  padding-left: 0;
}

.dialog.dialog-addfriend .dialog-heading > h2 {
  overflow: hidden;
  margin-left: 30px;
  padding-bottom: 12px;
  padding-top: 2px;
}

.dialog-addfriend .dialog-wrapper .dialog-heading > h2 {
  font-size: 16px;
  line-height: 1.5em;
  padding-bottom: 8px;
}

.dialog-addfriend .frm-member .btn-primary.btn-sm {
  float: left;
  margin-left: 5px;
}

.dialog-coupon {
  width: 382px;
}

.dialog-coupon .ajax-loading {
  margin: 0 auto;
  margin-top: 21px;
}

.dialog-coupon .dialog-heading {
  border-bottom: 0;
}

.dialog-coupon .dialog-heading > h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.dialog-coupon .message {
  font-size: 12px;
  line-height: 1.5em;
  color: #999;
  text-align: center;
  vertical-align: top;
}

.dialog-coupon .dialog-content {
  padding-bottom: 19px;
}

.dialog-coupon .dialog-wrapper .dialog-heading {
  border: 0;
}

.dialog-coupon .dialog-wrapper .dialog-heading > h2 {
  font-size: 16px;
  line-height: 1.5em;
  padding-top: 21px;
  padding-bottom: 11px;
}

.dialog-coupon .dialog-body {
  padding-left: 20px;
  padding-right: 20px;
}

.dialog-coupon .dialog-body p {
  padding: 20px 0 20px 0;
  font-size: 16px;
  color: #333;
  text-align: center;
  border: 1p solid #000;
}

.dialog-mgicon {
  width: 382px;
}

.dialog-mgicon .dialog-heading > h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.dialog-mgicon .message {
  font-size: 12px;
  line-height: 1.5em;
  padding: 15px 0 0 0;
  color: #999;
  text-align: center;
  vertical-align: top;
}

.dialog-mgicon .dialog-content {
  padding-bottom: 19px;
}

.dialog-mgicon .dialog-wrapper .dialog-heading {
  margin-left: 20px;
  margin-right: 20px;
}

.dialog-mgicon .dialog-wrapper .dialog-heading > h2 {
  font-size: 16px;
  line-height: 1.5em;
  padding-top: 21px;
  padding-bottom: 11px;
}

.dialog-mgicon .dialog-body {
  padding-left: 20px;
  padding-right: 20px;
}

.dialog-mgicon .dialog-body > .emoticon {
  min-height: 162px;
  text-align: center;
}

.dialog-mgicon .line {
  border-bottom: 1px solid #f1f1f1;
}

.dialog-state {
  width: 382px;
}

.dialog-state .dialog-heading > h2 {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.dialog-state .message {
  font-size: 12px;
  line-height: 1.5em;
  padding: 15px 0 0 0;
  color: #999;
  text-align: center;
  vertical-align: top;
}

.dialog-state .dialog-content {
  padding-bottom: 19px;
}

.dialog-state .dialog-wrapper .dialog-heading {
  margin-left: 20px;
  margin-right: 20px;
}

.dialog-state .dialog-wrapper .dialog-heading > h2 {
  font-size: 16px;
  line-height: 1.5em;
  padding-top: 21px;
  padding-bottom: 11px;
}

.dialog-state .dialog-body {
  padding-left: 20px;
  padding-right: 20px;
}

.dialog-state .dialog-body > .emoticon {
  min-height: 162px;
  text-align: center;
}

.dialog-state .line {
  border-bottom: 1px solid #f1f1f1;
}

.dialog-state .data-state {
  padding-bottom: 0;
}

.dialog-state .data-state .icon {
  width: 213px;
  height: 152px;
  display: block;
  margin: 0 auto;
}

.dialog-state .data-state .icon.icon-smile {
  background-position: center 50px;
}

.dialog-state .data-state .icon.icon-exprs {
  background-position: center 50px;
  height: 135px;
}

.dialog-state .data-state .result {
  font-size: 16px;
  line-height: 1.5em;
  color: #333;
  text-align: center;
}

.dialog-state .data-state .text {
  padding-top: 7px;
  font-size: 12px;
  color: #333;
  text-align: center;
}

.dialog-message .form-actions {
  padding-top: 0;
}

/* 글쓰기 레이어 이미지 슬라이더 */

.dialog-public .app-thum > .control > button {
  width: 30px;
  height: 30px;
  overflow: visible;
  position: absolute;
  border: 0;
  display: block;
  background: url("../../images/children/main/btn_arr_appthum.png") no-repeat left top;
}

.dialog-public .app-thum > .control > .control-prev {
  position: absolute;
  top: 66px;
  left: 0;
}

.dialog-public .app-thum > .control > .control-next {
  position: absolute;
  top: 66px;
  right: 0;
  background-position: -31px top;
}

.dialog-public .app-thum > .control > .control-prev:hover {
  background-position: -62px top;
}

.dialog-public .app-thum > .control > .control-next:hover {
  background-position: -93px top;
}

.dialog-public .app-thum:after {
  visibility: hidden;
  display: block;
  content: ".";
  clear: both;
  height: 0;
}

.dialog-public .app-thum {
  width: 980px;
  height: 140px;
  overflow: hidden;
  margin: -140px auto 0 auto;
  position: relative;
  z-index: 2;
}

.dialog-public .app-thum .thum-hidden {
  width: 920px;
  position: relative;
  height: 140px;
  overflow: hidden;
  margin-left: 30px;
}

.dialog-public .app-thum .thum-title {
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px 0 0 0;
  font-size: 14px;
  line-height: 16px;
  color: #8f9295;
}

.dialog-public .app-thum ul:after {
  visibility: hidden;
  display: block;
  content: ".";
  clear: both;
  height: 0;
}

.dialog-public .app-thum > .control > button {
  width: 30px;
  height: 30px;
  overflow: visible;
  position: absolute;
  border: 0;
  background: url("../../images/children/main/btn_arr_appthum.png") no-repeat left top;
}

.dialog-public .app-thum > .control > .control-prev {
  position: absolute;
  top: 66px;
  left: 0;
}

.dialog-public .app-thum > .control > .control-next {
  position: absolute;
  top: 66px;
  right: 0;
  background-position: -31px top;
}

.dialog-public .app-thum > .control > .control-prev:hover {
  background-position: -62px top;
}

.dialog-public .app-thum > .control > .control-next:hover {
  background-position: -93px top;
}

* html .dialog-public .app-thum > ul {
  zoom: 1;
}

*:first-child + html .dialog-public .app-thum > ul {
  zoom: 1;
}

.dialog-public .app-thum ul {
  width: 120%;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 0;
}

.dialog-public .app-thum ul > li {
  float: left;
  width: 184px;
  height: 138px;
  position: relative;
}

.dialog-public .app-thum ul > li > a {
  display: block;
  width: 184px;
  height: 138px;
  color: #fff;
  overflow: hidden;
}

.dialog-public .app-thum ul > li > a > img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.dialog.dialog-product {
  width: 498px;
}

.dialog-product .dialog-body {
  padding-left: 11px;
  height: 454px;
  overflow-y: auto;
  overflow-x: hidden;
}

.dialog.dialog-product .dialog-wrapper .dialog-heading > h2 {
  font-size: 16px;
  padding-top: 7px;
  padding-left: 9px;
  height: 27px;
}

.dialog-product .form-edit .form-label .text {
  font-size: 12px;
  padding-top: 0;
}

.dialog-product .form-edit {
  position: relative;
  padding-left: 21px;
  padding-bottom: 11px;
  overflow: hidden;
}

.dialog-product .form-edit > .form-actions .btn,
.dialog-product .package > .form-actions .btn {
  display: block;
  margin-bottom: 5px;
}

.dialog-product .form-edit .form-actions .btn > span,
.dialog-product .package .form-actions .btn > span {
  min-width: 74px;
  padding-left: 3px;
  padding-right: 3px;
}

.dialog-product .form-edit > .form-actions,
.dialog-product .package > .form-actions {
  position: absolute;
  top: -6px;
  right: 20px;
}

.dialog-product .form-edit {
  padding-top: 7px;
}

.dialog-product .form-edit .form-label {
  clear: both;
  float: left;
  margin-top: 8px;
}

.dialog-product .form-edit .form-label .num {
  font-weight: bold;
}

.dialog-product .heading {
  margin-top: 20px;
  padding: 11px 0 0 0;
  height: 21px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
}

.dialog-product .heading h3 {
  font-size: 12px;
  padding-left: 10px;
}

.dialog-product .line {
  border-bottom: 1px solid #f0f0f0;
}

.dialog-product .package {
  padding: 14px 0 10px 18px;
  position: relative;
}

.dialog-product .package h4 {
  font-size: 12px;
  height: 21px;
  color: #666;
}

.dialog-product .package ol li {
  font-size: 12px;
  padding-bottom: 2px;
  color: #666;
}

.dialog-product .etc {
  padding: 13px 0 12px 18px;
  position: relative;
}

.dialog-product .etc ul li {
  font-size: 12px;
  padding-bottom: 2px;
  color: #666;
}

.dialog-product .etc span {
  color: #999;
}

.dialog-product .etc .more {
  font-size: 12px;
  color: #999;
  text-decoration: none;
  position: absolute;
  top: -23px;
  right: 16px;
}

.dialog-blockaccess {
  width: 500px;
}

.dialog-blockaccess .line {
  border-bottom: 1px solid #f0f0f0;
}

.dialog-blockaccess .dialog-body {
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.dialog-blockaccess .data-state {
  padding-bottom: 26px;
}

.dialog-blockaccess .data-state .icon {
  width: 213px;
  height: 139px;
  display: block;
  margin: 0 auto;
}

.dialog-blockaccess .data-state .icon.icon-monitor {
  background-position: center 40px;
}

.dialog-blockaccess .data-state .result {
  font-size: 16px;
  height: 40px;
  color: #333;
  text-align: center;
}

.dialog-blockaccess .data-state .text {
  padding-top: 19px;
  font-size: 12px;
  line-height: 1.667em;
  color: #666;
  text-align: left;
}

.dialog-blockaccess .dialog-wrapper .dialog-heading > h2 {
  padding-top: 0;
}

.dialog-block16 {
  width: 700px;
}

.dialog-block16 .line {
  border-bottom: 1px solid #f0f0f0;
}

.dialog-block16 .dialog-body {
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.dialog-block16 .data-state {
  padding-bottom: 26px;
}

.dialog-block16 .data-state .icon {
  width: 213px;
  height: 139px;
  display: block;
  margin: 0 auto;
}

.dialog-block16 .data-state .icon.icon-monitor {
  background-position: center 40px;
}

.dialog-block16 .data-state .result {
  font-size: 16px;
  color: #333;
  text-align: center;
}

.dialog-block16 .table.table-horizontal > thead > tr > th,
.dialog-block16 .table.table-horizontal > tbody > tr > th,
.dialog-block16 .table.table-horizontal > tfoot > tr > th {
  color: #333;
  padding: 21px 7px 23px 19px;
  text-align: left;
  font-weight: bold;
}

.dialog-block16 .table.table-horizontal > tbody > tr > td,
.dialog-block16 .table.table-horizontal > tfoot > tr > td {
  padding: 21px 7px 23px 19px;
}

.dialog-block16 dl.noti dt {
  font-size: 12px;
  height: 24px;
  color: #333;
}

.dialog-block16 dl.noti dd {
  font-size: 12px;
  line-height: 1.667em;
  color: #666;
}

.dialog.dialog-pcbang {
  width: 440px;
}

.dialog.dialog-pcbang .dialog-wrapper .dialog-heading > h2 {
  font-size: 16px;
  padding-top: 7px;
  padding-left: 9px;
  height: 27px;
}

.dialog.dialog-pcbang dl {
  padding-top: 15px;
  padding-bottom: 10px;
  background: url("../../images/children/game/dot_line3x1.png") repeat-x left top;
}

.dialog.dialog-pcbang .dialog-body {
  padding-left: 0;
  padding-top: 6px;
}

.dialog.dialog-pcbang .dialog-body dl:first-child {
  background: none;
}

.dialog.dialog-pcbang dt {
  font-size: 12px;
  padding-left: 5px;
  font-weight: bold;
}

.dialog.dialog-pcbang dd {
  font-size: 12px;
  padding-left: 15px;
  color: #999;
  margin-top: 5px;
  background: url("../../images/children/game/bg_hyp.gif") no-repeat 6px 6px;
}

.dialog.dialog-pcbang .dialog-close {
  display: none;
}

i.clear {
  width: 0;
  height: 0;
  clear: both;
  visibility: hidden;
  display: block;
  position: absolute;
  top: -1111px;
}

.width-sm {
  width: 100px;
}

.width-md {
  width: 200px;
}

.width-lg {
  width: 300px;
}

.width-xlg {
  width: 500px;
}

.width-xxlg {
  width: 700px;
}

input.width-sm {
  width: 80px;
}

input.width-md {
  width: 180px;
}

input.width-lg {
  width: 280px;
}

input.width-xlg {
  width: 480px;
}

input.width-xxlg {
  width: 680px;
}

.pwd-sm {
  width: 20%;
}

.pwd-md {
  width: 30%;
}

.pwd-lg {
  width: 50%;
}

.pwd-xlg {
  width: 70%;
}

.pwd-xxlg {
  width: 90%;
}

.pwd-auto {
  width: 100%;
}

span.num,
time.num,
s.num,
strong.num {
  font-family: Tahoma, sans-serif;
}

.bold {
  font-weight: bold !important;
}

.color-point {
  color: #f6552b !important;
}

.color-info {
  color: #809bc8 !important;
}

.color-info:hover {
  color: #6e83b0 !important;
}

.color-gray {
  color: #666 !important;
}

.col-flamingo {
  color: #f6552b !important;
}

.color-darkgray {
  color: #333 !important;
}

.text-disable {
  color: #999 !important;
}

.page-control .btn {
  float: left;
  margin-right: -1px;
}

.page-control {
  overflow: hidden;
  padding-right: 1px;
}

.screen {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1111;
}

.form-radio {
  display: none;
}

.form-checkbox {
  display: none;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: #000;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.modal-message {
  z-index: 500 !important;
}

A.link {
  background: url("../../images/children/share/blank.gif") no-repeat left top;
}

.panel {
  position: relative;
  border: 1px solid #d9d9d9;
}

.panel.panel-white .panel-content {
  background-color: #fff;
}

.panel .panel-heading > .panel-title,
.feed-views .panel .panel-heading > .panel-title {
  font-size: 14px;
  line-height: 20px;
  color: #666;
  padding: 16px 0 13px 20px;
  border-bottom: 1px solid #e9e9e9;
  font-weight: normal !important;
}

.panel .top-line {
  height: 2px;
  border-top: 1px solid #dadada;
  margin-left: 3px;
  margin-right: 3px;
  display: none;
}

.panel .top-left {
  width: 3px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../images/children/share/bg_panel_white_top_left.png") no-repeat left top;
  display: none;
}

.panel .top-right {
  width: 3px;
  height: 3px;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../../images/children/share/bg_panel_white_top_right.png") no-repeat right top;
  display: none;
}

.panel .bottom-line {
  height: 2px;
  margin-left: 3px;
  margin-right: 3px;
  border-bottom: 1px solid #dadada;
  display: none;
}

.panel .bottom-left {
  width: 3px;
  height: 3px;
  border: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../../images/children/share/bg_panel_white_bottom_left.png") no-repeat left bottom;
  display: none;
}

.panel.panel-white .panel-content,
.panel.panel-white .bottom-line,
.panel.panel-white .top-line {
  background-color: #fff;
}

.panel .bottom-right {
  width: 3px;
  height: 3px;
  position: absolute;
  bottom: 0;
  display: none;
  right: 0;
  background: url("../../images/children/share/bg_panel_white_bottom_right.png") no-repeat right bottom;
}

.panel.panel-alabaster .top-left {
  background: url("../../images/children/share/bg_panel_alabaster_top_left.png") no-repeat left top;
}

.panel.panel-alabaster .top-right {
  background: url("../../images/children/share/bg_panel_alabaster_top_right.png") no-repeat right top;
}

.panel.panel-alabaster .top-line {
  border-top: 1px solid #e6e6e6;
}

.panel.panel-alabaster .bottom-line {
  border-bottom: 1px solid #e6e6e6;
}

.panel.panel-alabaster .bottom-left {
  background: url("../../images/children/share/bg_panel_alabaster_bottom_left.png") no-repeat left bottom;
}

.panel.panel-alabaster .bottom-right {
  background: url("../../images/children/share/bg_panel_alabaster_bottom_right.png") no-repeat right bottom;
}

.panel.panel-alabaster .panel-content,
.panel.panel-alabaster .bottom-line,
.panel.panel-alabaster .top-line {
  background-color: #fbfbfb;
}

.panel.panel-comment .top-left {
  background: url("../../images/children/share/bg_panel_alabaster_top_left.png") no-repeat left top;
}

.panel.panel-comment .top-right {
  background: url("../../images/children/share/bg_panel_alabaster_top_right.png") no-repeat right top #fbfbfb;
}

.panel.panel-comment .top-line {
  border-top: 1px solid #dbdbdb;
}

.panel.panel-comment .bottom-line {
  border-bottom: 1px solid #dbdbdb;
}

.panel.panel-comment .bottom-left {
  background: url("../../images/children/share/bg_panel_alabaster_bottom_left.png") no-repeat left bottom;
}

.panel.panel-comment .bottom-right {
  background: url("../../images/children/share/bg_panel_alabaster_bottom_right.png") no-repeat right bottom;
}

.panel.panel-comment .bottom-line,
.panel.panel-comment .top-line {
  background-color: #fbfbfb;
}

.panel.panel-comment .panel-heading {
  background-color: #fbfbfb;
}

.panel.panel-popviews .top-left {
  background: url("../../images/children/share/bg_panel_alabaster_top_left.png") no-repeat left top;
}

.panel.panel-popviews .top-right {
  background: url("../../images/children/share/bg_panel_alabaster_top_right.png") no-repeat right top;
}

.panel.panel-popviews .top-line {
  border-top: 1px solid #d2d2d2;
}

.panel.panel-popviews .bottom-line {
  border-bottom: 1px solid #d2d2d2;
}

.panel.panel-popviews .bottom-left {
  background: url("../../images/children/share/bg_panel_alabaster_bottom_left.png") no-repeat left bottom;
}

.panel.panel-popviews .bottom-right {
  background: url("../../images/children/share/bg_panel_alabaster_bottom_right.png") no-repeat right bottom;
}

.feed-side .panel .top-left {
  background: url("../../images/children/share/bg_panel_alabaster_top_left.png") no-repeat left top;
}

.feed-side .panel .top-right {
  background: url("../../images/children/share/bg_panel_alabaster_top_right.png") no-repeat right top;
}

.feed-side .panel .top-line {
  border-top: 1px solid #dbdbdb;
  background-color: #fbfbfb;
}

.feed-side .panel .bottom-line {
  border-bottom: 1px solid #dbdbdb;
}

.feed-side .panel .content-wrapper {
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}

.feed-side .panel .bottom-left {
  background: url("../../images/children/share/bg_panel_alabaster_bottom_left.png") no-repeat left bottom;
}

.feed-side .panel .bottom-right {
  background: url("../../images/children/share/bg_panel_alabaster_bottom_right.png") no-repeat right bottom;
}

.feed-side .panel .panel-heading {
  background-color: #fbfbfb;
}

.panel.panel-feedwrite .top-left {
  background: url("../../images/children/share/bg_panel_feedwrite_top_left.png") no-repeat left top;
}

.panel.panel-feedwrite .top-right {
  background: url("../../images/children/share/bg_panel_feedwrite_top_right.png") no-repeat right top;
}

.panel.panel-feedwrite .top-line {
  border-top: 1px solid #e6e6e6;
  background-color: #f9f9f9;
}

/*
.panel.panel-alabaster .bottom-line {border-bottom:1px soid #e6e6e6;}
.panel .content-wrapper{ border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.panel.panel-alabaster .bottom-left { background: url('/images/children/share/bg_panel_alabaster_bottom_left.png') no-repeat left bottom; }
.panel.panel-alabaster .bottom-right {background: url('/images/children/share/bg_panel_alabaster_bottom_right.png') no-repeat right bottom;}

.panel.panel-alabaster .panel-content ,
.panel.panel-alabaster .bottom-line ,
.panel.panel-alabaster .top-line{ background-color:#fbfbfb; }
.panel.heading-alabaster .panel-heading {background: #fbfbfb;}
*/

.panel.heading-gray .panel-heading {
  background-color: #fbfbfb;
}

.panel.heading-gray .top-line {
  background-color: #fbfbfb;
}

/*
.panel.app-info .top-left { background: url('/images/children/share/bg_panel_alabaster_top_left.png') no-repeat left top;}
.panel.app-info .top-right {background: url('/images/children/share/bg_panel_alabaster_top_right.png') no-repeat right top;}
.panel.app-info .top-line {border-top:1px solid #e6e6e6;}
.panel.app-info .bottom-line {border-bottom:1px solid #e6e6e6;}
.panel.app-info .content-wrapper{ border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;}
.panel.app-info .bottom-left { background: url('/images/children/share/bg_panel_alabaster_bottom_left.png') no-repeat left bottom; }
.panel.app-info .bottom-right {background: url('/images/children/share/bg_panel_alabaster_bottom_right.png') no-repeat right bottom;}

.panel.app-info .panel-content,
.panel.app-info .bottom-line,
.panel.app-info .top-line { background-color:#fbfbfb; }
.panel.app-info .panel-heading {background-color: #fbfbfb;}
*/

.panel.panel-drive .panel-heading {
  background-color: #fbfbfb;
}

.panel.panel-drive .top-line {
  background-color: #fbfbfb;
}

.panel.panel-appinfo .panel-heading {
  background-color: #fbfbfb;
}

.panel.panel-appinfo .top-line {
  background-color: #fbfbfb;
}

.panel.panel-appinfo .panel-heading > .panel-title {
  border-bottom: 1px solid #f0f0f0;
  padding-top: 14px;
  padding-left: 25px;
}

.panel.panel-gray .top-left {
  background: url("../../images/children/share/bg_panel_gray_top_left.png") no-repeat left top;
}

.panel.panel-gray .top-right {
  background: url("../../images/children/share/bg_panel_gray_top_right.png") no-repeat right top;
}

.panel.panel-gray .top-line {
  border-top: 1px solid #f0f0f0;
}

.panel.panel-gray .bottom-line {
  border-bottom: 1px solid #f0f0f0;
}

.panel.panel-gray .content-wrapper {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

.panel.panel-gray .bottom-left {
  background: url("../../images/children/share/bg_panel_gray_bottom_left.png") no-repeat left bottom;
}

.panel.panel-gray .bottom-right {
  background: url("../../images/children/share/bg_panel_gray_bottom_right.png") no-repeat right bottom;
}

.panel.panel-gray .panel-content,
.panel.panel-gray .bottom-line,
.panel.panel-gray .top-line {
  background-color: #fbfbfb;
}

.panel.panel-shop .bottom-line,
.panel.panel-shop .top-line {
  background-color: #fbfbfb;
}

.panel-group > .panel-heading {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

.list > .list-heading {
  margin-bottom: 12px;
}

.list > .list-heading > h1 {
  font-size: 14px;
  line-height: 16px;
  padding: 0px;
  color: #fff;
}

.list > .list-body:after {
  visibility: hidden;
  display: block;
  content: ".";
  clear: both;
  height: 0;
}

* html .list > .list-body {
  zoom: 1;
}

*:first-child + html .list > .list-body {
  zoom: 1;
}

hr.col-block {
  border: 0;
  border-bottom: 1px solid #000;
}

.list > .list-body > dl {
  padding: 0;
  padding: 0 0 0 15px;
  overflow: hidden;
}

.list > .list-body > dl > dt {
  clear: both;
  float: left;
  width: 80px;
  font-size: 12px;
  line-height: 1.5em;
  color: #333;
  margin-top: 6px;
  padding-left: 9px;
  margin-right: 11px;
  position: relative;
  font-weight: bold;
  vertical-align: top;
}

.list > .list-body > dl > dd {
  float: left;
  width: 156px;
  font-size: 12px;
  line-height: 1.5em;
  margin-top: 0px;
  color: #666;
  vertical-align: top;
  margin-top: 6px;
}

.list.list-dtarr > .list-body > dl > dt {
  background: url("../../images/children/icon/icon_arr_appinfo.png") no-repeat right 2px;
}

.panel-group .collapse {
  display: none;
}

.list > .list-body > dl > dt > .bar {
  width: 2px;
  background: #999;
  height: 1px;
  position: absolute;
  top: 7px;
  left: 0;
}

/*
.list.list-horizontal {}
.list.list-horizontal > .list-body > ul {}
.list.list-horizontal > .list-body > ul > li {
    display: inline-block;
    float: left;
    margin-bottom: 5px;
}
.list.list-horizontal > .list-body > ul > li > A {
    display: inline-block;
}
.list.list-horizontal > .list-body > ul > li > A span {}
.list.list-default > .list-body > ul > li {
    padding: 17px 0 0 0;
    font-size: 12px;
    line-height: 16px;
}
.list.list-default > .list-body > ul > li:first-child {
    padding-top: 0;
}
.list.list-default > .list-body > ul > li >A {
    color: #222;
}
*/

.list.list-line ul > li {
  border-top: 1px solid #eee;
}

.list.list-line ul > li:first-child {
  border-top: 0;
}

.list.list-vertical ul li {
  padding: 9px 80px 9px 9px;
  position: relative;
}

.list.list-vertical ul li .text {
  font-size: 12px;
  color: #666;
}

.list.list-vertical ul li time {
  float: left;
  font-size: 12px;
  display: block;
  padding: 3px 0 0 0;
  color: #999;
}

.list.list-vertical ul li .right {
  position: absolute;
  top: 13px;
  right: 0;
}

.list.list-vertical ul li .right .icon-remove {
  float: left;
}

.list.list-vertical ul li .right time {
  float: left;
  margin-right: 7px;
}

.list.list-dotline ul li {
  background: url("../../images/children/share/bg_dot_gallery_5x1.png") repeat-x left top;
}

.list.list-dotline ul li:first-child {
  background: none;
}

.list.list-radio > .list-body > dl {
  padding: 0;
  overflow: hidden;
}

.list.list-radio > ul > li {
  padding: 2px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #666;
  margin-top: 5px;
  overflow: hidden;
  margin-right: 11px;
}

.list.list-radio > ul > li:first-child {
  padding-top: 0;
  margin-top: 0;
}

.list.list-radio > ul > li > button {
  float: left;
  margin-right: 7px;
}

.list.list-radio > ul > li > label {
  float: left;
  margin-top: 3px;
}

.list.list-radio > ul > li > label > button {
  float: left;
  margin-right: 5px;
}

.list.list-radio > ul > li > label > span {
  float: left;
  margin-top: 3px;
}

.list.list-player li {
  overflow: hidden;
  padding-top: 17px;
  padding-bottom: 15px;
  padding-left: 10px;
  background: url("../../images/children/game/dot_line3x1.gif") repeat-x left top;
}

.list.list-player li:first-child {
  background: none;
}

.list.list-player li .player-image {
  float: left;
}

.list.list-player li .player-image img {
  width: 38px;
  height: 38px;
  border-radius: 38px;
  margin-right: 10px;
}

.list.list-player li .player-name {
  float: left;
  color: #333;
  font-size: 12px;
  margin-top: 12px;
}

.list.list-player li > A {
  display: block;
}

.list.list-player li .player-state {
  float: right;
  font-size: 12px;
  margin-top: 15px;
  color: #888;
  margin-right: 7px;
}

.list.list-player li.active .player-state {
  color: #f35629;
}

.list.list-hyp li {
  margin-top: 0;
}

.list.list-hyp li {
  padding: 0 0 0 10px;
  font-size: 12px;
  line-height: 1.333em;
  color: #999;
  background: url("../../images/children/share/bul_hyp_2x1.gif") no-repeat left 7px;
}

.list.list-hyp A {
  color: #666;
}

.list.list-dot li {
  margin-top: 0;
}

.list.list-dot li {
  padding: 0 0 0 10px;
  font-size: 12px;
  line-height: 1.333em;
  color: #666;
  background: url("../../images/children/share/dot_gray.gif") no-repeat left 7px;
}

.dropdown {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 147px;
  margin-left: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
  position: relative;
  background: #fff;
}

.dropdown > .dropdown-target {
  height: 23px;
  outline: none;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  color: #999;
  display: block;
  padding: 7px 0 0 10px;
  margin-right: 10px;
}

.dropdown > .dropdown-target:after {
  content: '';
  display: block;
  width: 31px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #d9d9d9;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  background: #f7f7f7 url("../../images/children/icon/icon_arr_dropdown.png") no-repeat center 15px;
}

.dropdown > .dropdown-menu {
  position: absolute;
  display: none;
  left: 1px;
  margin: 0 -2px 0 -2px;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}

.dropdown > .icon-arr {
  position: absolute;
  top: 14px;
  right: 15px;
  display: none;
}

.dropdown.active {
  z-index: 200;
  border: 1px solid #bbb;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown.active > .dropdown-target {
  color: #333;
  background: url("../../images/children/icon/icon_arr_dropdown.png") no-repeat right -40px;
}

.dropdown.active > .dropdown-menu {
  display: block;
  border: 1px solid #bbb;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.dropdown > .dropdown-menu > ul {
  margin-right: -1px;
}

.dropdown > .dropdown-menu > ul > li:first-child {
  border-top: 0;
}

.dropdown > .dropdown-menu > ul > li > A {
  display: block;
  height: 22px;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  padding: 9px 0 0 10px;
}

.dropdown > .dropdown-menu > ul > li > A:hover,
.dropdown > .dropdown-menu > ul > li > A.selected {
  background-color: #eaecf1;
  color: #222;
}

.dropdown > .dropdown-menu.menu-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
}

.dropdown > .dropdown-selected {
  position: absolute;
  top: 0;
  left: 0;
}

.dropdown.size-hlg > .dropdown-target {
  padding-top: 13px;
  height: 25px;
  font-size: 14px;
}

.border-success {
  border: 1px solid #0fa46e !important;
}

.border-error {
  border: 1px solid #f6552b !important;
  /*
    background-color:#d22769;
    */
}

.border-lock {
  border: 1px solid #f6552b !important;
  /*
    background-color:#d22769;
    */
}

.border-row {
  border: 1px solid #ff8235 !important;
  /*
    background-color:#d22769;
    */
}

.border-verysafe {
  border: 1px solid #37a4e9 !important;
}

.border-safety {
  border: 1px solid #0fa46e !important;
}

.border-medium {
  border: 1px solid #fcba1b !important;
  /*
    background-color:#d22769;
    */
}

.border-lockConfim {
  border: 1px solid #f6552b !important;
  /*
    background-color:#d22769;
    */
}

.view-thum > .thum-item > .thum {
  max-width: 212px;
  max-height: 300px;
  margin-bottom: 12px;
  overflow: hidden;
}

.view-thum > .thum-item > .thum-title {
  font-size: 12px;
  color: #333;
  line-height: 1.333em;
  padding-top: 0;
  font-weight: bold;
  font-family: 'NanumBarunGothic', Dotum, sans-serif;
  word-break: break-all;
  cursor: pointer;
}

.view-thum > .thum-item > .thum-text {
  font-size: 12px;
  line-height: 1.333em;
  color: #333;
  display: block;
  padding-top: 4px;
  padding-right: 10px;
  word-break: break-all;
  cursor: pointer;
}

.view-thum > .thum-item > .thum-text A {
  color: #6292e2;
  font-weight: bold;
  text-decoration: none;
}

.view-thum > .thum-item > .thum {
  position: relative;
}

.view-thum > .thum-item > .thum > A > img {
  width: 210px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.view-thum > .thum-item {
  padding: 0 20px 12px 20px;
}

.view-thum > .thum-item > .thum-info {
  padding-top: 3px;
  font-size: 11px;
  color: #999;
  overflow: hidden;
}

.view-thum > .line {
  width: 208px;
  margin: 0 auto 15px;
  border-top: 1px solid #f5f5f5;
}

.panel-footer {
  height: 14px;
  padding: 10px 0;
  border-top: 1px solid #f5f5f5;
  text-align: center;
}

.panel-footer > a {
  font-size: 12px;
  color: #999;
  vertical-align: top;
}

.panel-footer > a:hover {
  text-decoration: none;
  color: #666;
}

.feed-views {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
}

.feed-views > .modal-backdrop {
  background-color: #ededed;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.feed-views .scroll {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  z-index: 20;
}

.feed-views > .scroll > .wrapper {
  width: 980px;
  margin: auto;
  position: relative;
  margin-top: 10px;
  *zoom: 1;
}

.feed-views > .scroll > .wrapper:after {
  clear: both;
  visibility: hidden;
  content: ".";
  height: 0;
  display: block;
}

.feed-content {
  float: left;
  width: 718px;
}

.feed-side {
  float: right;
  width: 254px;
}

.feed-views > .feed-close {
  clear: both;
  width: 46px;
  height: 46px;
  overflow: visible;
  position: absolute;
  border: 0;
  top: 0;
  right: 10px;
  background: url("../../images/children/btn/btn_feedClosee.png") no-repeat left top;
  z-index: 21;
}

.feed-views .content-wrapper {
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
}

.feed-write .content-wrapper {
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}

.dialog-public {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
}

.dialog-public > .modal-backdrop {
  background-color: #ededed;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.dialog-public .scroll {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  z-index: 20;
}

.dialog-public > .scroll > .wrapper {
  width: 980px;
  margin: auto;
  position: relative;
  margin-top: 10px;
  *zoom: 1;
}

.dialog-public > .scroll > .wrapper:after {
  clear: both;
  visibility: hidden;
  content: ".";
  height: 0;
  display: block;
}

.dialog-public > .feed-close {
  clear: both;
  width: 70px;
  height: 66px;
  overflow: visible;
  position: absolute;
  border: 0;
  top: 0;
  right: 0;
  border-left: 1px solid #dfdfdf;
  background: url("../../images/children/btn/btn_feedClosed.png") no-repeat left top;
  z-index: 101;
}

.text-dot {
  padding-left: 8px;
  font-size: 12px;
  line-height: 1.25em;
  color: #666;
}

.text-dot.text-center {
  background: none;
  padding-left: 0;
  text-align: center;
}

.text-dot.text-center > span {
  display: inline-block;
  padding-left: 8px;
  background: url("../../images/children/icon/dot_pointColor.png") no-repeat left 5px;
}

.image-viewer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 200;
}

.image-viewer .zoom {
  position: relative;
  z-index: 101;
}

.image-viewer img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.image-viewer > .wrapper .control > .control-sm {
  width: 20px;
  height: 40px;
  overflow: visible;
  border: 0;
  background: none;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 7;
}

.image-viewer > .wrapper .control > .control-sm.control-prev {
  left: 24px;
}

.image-viewer > .wrapper .control > .control-sm.control-next {
  right: 24px;
}

.image-viewer > .wrapper .control > .control-sm > span {
  display: block;
  width: 20px;
  height: 40px;
  background: url("../../images/children/game/btn/btn_slide_23x43.png") no-repeat left top;
}

.image-viewer > .wrapper .control > .control-sm.control-next > span {
  background-position: -22px top;
}

.image-viewer > .wrapper .control > .control-sm.control-prev:hover > span,
.image-viewer > .wrapper .control > .control-sm.control-prev.active > span {
  background-position: -45px top;
}

.image-viewer > .wrapper .control > .control-sm.control-next:hover > span,
.image-viewer > .wrapper .control > .control-sm.control-next.active > span {
  background-position: -67px top;
}

.image-viewer .zoom img,
.image-viewer .preview {
  z-index: 10;
}

.image-viewer > .wrapper > .control > button {
  z-index: 12;
}

.image-viewer .counter {
  width: 52px;
  height: 72px;
  position: absolute;
  top: 50%;
  margin-top: -36px;
  display: none;
  z-index: 2;
}

.image-viewer > .wrapper > .zoom > .control {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 13;
}

.image-viewer > .wrapper > .zoom > .control > .control-lg {
  border: 0;
}

.image-viewer > .wrapper > .zoom > .control > .control-lg.control-prev {
  background: none;
  border: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../../images/children/share/blank.gif") no-repeat left top;
}

.image-viewer > .wrapper > .zoom > .control > .control-lg.control-next {
  background: none;
  border: 0;
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../../images/children/share/blank.gif") no-repeat left top;
}

.image-viewer .counter.left {
  left: 0;
  padding-left: 50px;
}

.image-viewer .counter.right {
  right: 4px;
  text-align: right;
  padding-right: 50px;
}

.image-viewer > .counter > .wrapper {
  width: 100%;
  margin: 0 auto;
  height: 0;
  position: relative;
}

.image-viewer .counter .page {
  font-size: 14px;
  padding-left: 0;
  padding-top: 30px;
  color: #717578;
  display: block;
  z-index: 5;
  position: relative;
}

.image-viewer .counter .page > .current {
  color: #fff;
}

.image-viewer .counter .page > .counter {
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.image-viewer .counter .page > .slash {
  color: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.image-viewer .modal-backdrop {
  opacity: 0.92;
  filter: alpha(opacity=92);
  background: #ededed;
}

/*
.image-viewer  .preview .wrapper .item {
    overflow: hidden;
    width: 236px;
    height: 90px;
    position: absolute;
    top: 145px;
    width: 236px;
    display: block;
    z-index: 5;
}
.image-viewer > .preview .wrapper .item > div {
    width: 980px;
    height: 520px;
    margin: 0 auto;
}
.image-viewer > .preview .wrapper .item > div > .link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 980px;
    height: 520px;
    margin: 0 auto;
}
.image-viewer > .preview .wrapper .item.left {
    left: 0;
}
.image-viewer > .preview .wrapper .item.right {
    left: 759px;
}
.image-viewer > .preview .wrapper .opacity.left {
    left: 0;
}
.image-viewer > .preview .wrapper .opacity.right {
    right: 0;
}
.image-viewer > .preview .wrapper .item:first-child {
    display: block;
}
.image-viewer > .preview .wrapper .item.disable {
    display: none;
}
.image-viewer > .preview .wrapper .item.active {
    display: block;
}
*/

.image-viewer .counter .opacity {
  width: 107px;
  height: 72px;
  left: 0;
  position: absolute;
  z-index: 3;
  top: 0;
  background: url("../../images/children/game/bg_slide_counter.png") no-repeat left top;
}

/*
.image-viewer  > .preview .opacity > .bar {
    display: block;
    width: 234px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: url('/images/children/main/bg_apppPreview_bar.png') no-repeat left bottom;
}
.image-viewer  > .preview .opacity > .color {
    display: block;
    width: 234px;
    height: 88px;
    background-color: #293038;
    opacity: 0.9;
    filter: Alpha(opacity=90);
}
*/

.image-viewer > .control {
  clear: both;
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  z-index: 7;
}

.image-viewer > .control:after {
  visibility: hidden;
  display: block;
  content: ".";
  clear: both;
  height: 0;
}

.image-viewer .viewer-close {
  clear: both;
  width: 46px;
  height: 46px;
  overflow: visible;
  position: absolute;
  border: 0;
  top: 0;
  right: 10px;
  background: url("../../images/children/icon/icon_content_close.png") no-repeat left top;
  z-index: 101;
}

* html .app-slide > .slide-control {
  zoom: 1;
}

*:first-child + html .app-slide > .slide-control {
  zoom: 1;
}

.image-viewer .zoom img:first-child {
  opacity: 1;
}

.image-viewer .zoom img.disable {
  opacity: 0;
  z-index: 0;
}

.image-viewer .zoom img.active {
  opacity: 1;
  z-index: 1;
}

.image-viewer .zoom img {
  opacity: 0;
}

/*
.g-info,
.s-info,
.o-info{
	display:inline-block;
	zoom:1;
	*display:inline;
	color:#f6552b;
	padding-left:10px;
	height:19px;
	color:#666666;
	margin-right:7px;
    background:url(/images/children/mypage/bg/alram_white.png) 0 0 no-repeat;
}

.g-info> span,
.s-info> span,
.o-info> span
{
	-moz-user-select: none;
	min-width:48px;
    cursor: pointer;
    display: block;
    font-weight: normal;
    background: none;
    vertical-align: top;
    white-space: nowrap;
	padding:3px 10px 0 0;
	margin-right:-7px;
	display:block;
	font-size:12px;
	line-height:16px;
    text-align:center;
	background:url(/images/children/mypage/bg/alram_white.png) right top no-repeat;
}
.o-info{background:url(/images/children/mypage/bg/alram_orange.png) 0 0 no-repeat;}
.o-info> span{background:url(/images/children/mypage/bg/alram_orange.png) right top no-repeat; color:#f6552b;}

.s-info{background:url(/images/children/mypage/bg/alram_sky.png) 0 0 no-repeat;}
.s-info> span{background:url(/images/children/mypage/bg/alram_sky.png) right top no-repeat; color:#00a9cd;}
*/

/* The element to apply the animation to */

.ajax-loading {
  width: 32px;
  height: 32px;
  display: block;
  margin: 0 auto;
  background: url("../../images/children/share/img_loading.gif") no-repeat left top;
}

.state-text {
  -moz-user-select: none;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  outline: 0;
  position: relative;
  overflow: visible;
  zoom: 1;
  *display: inline;
  *margin-right: 2px;
}

.state-text > span,
.state-text > span > span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 12px;
  font-weight: normal;
}

.state-text {
  padding: 0 0 0 10px;
  margin-right: 10px;
  background: url("../../images/children/share/bg_state_bar.png") no-repeat left top;
}

.state-text > span > span {
  height: 11px;
  padding: 5px 9px 3px 9px;
  margin-left: -8px;
}

.state-text > span {
  display: block;
  margin-right: -10px;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  background: url("../../images/children/share/bg_state_bar.png") no-repeat right top;
}

.state-text.type1 {
  background-position: left 0;
}

.state-text.type2 {
  background-position: left -29px;
}

.state-text.type3 {
  background-position: left -58px;
}

.state-text.type4 {
  background-position: left -87px;
}

.state-text.type5 {
  background-position: left -116px;
}

.state-text.type1 > span {
  background-position: right top;
  color: #f6552b;
}

.state-text.type2 > span {
  background-position: right -29px;
  color: #00a9cd;
}

.state-text.type3 > span {
  background-position: right -58px;
}

.state-text.type4 > span {
  background-position: right -87px;
}

.state-text.type5 > span {
  background-position: right -116px;
  color: #b857c7;
}

.state-text.type1.size-md > span > span {
  min-width: 48px;
  text-align: center;
}

.state-text.type2.size-md > span > span {
  min-width: 48px;
  text-align: center;
}

.state-text.type3.size-md > span > span {
  min-width: 48px;
  text-align: center;
}

.state-text.type4.size-md > span > span {
  min-width: 48px;
  text-align: center;
}

.state-text.type5.size-md > span > span {
  min-width: 48px;
  text-align: center;
}

.dialog-public .scroll {
  z-index: 102;
}

.text-error {
  color: #f6552b !important;
}

/* 검색결과 없을시 화면 */

.search-result-no {
  width: 980px;
  margin: 100px auto 0;
}

.search-result-no i.icon-magnifying-glass {
  display: block;
  margin: 0 auto;
}

.search-result-no h2 {
  margin-top: 25px;
  margin-bottom: 20px;
  font-family: 'NanumBarunGothic', Dotum, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #333;
  text-align: center;
}

.search-result-no h2 span {
  color: #f6552b;
}

.search-result-no ul {
  width: 420px;
  margin: 0 auto;
}

.search-result-no ul li {
  padding-left: 10px;
  line-height: 1.667em;
  font-family: 'NanumBarunGothic', Dotum, sans-serif;
  font-size: 12px;
  color: #999;
  background: url("../../images/children/share/line_dot_gray_2x1.gif") left 9px no-repeat;
}

.panel.panel-achieve .top-line,
.panel.panel-loglist .top-line,
.panel.panel-loglist .side-panel {
  background-color: #fbfbfb;
}

.textcomplete-dropdown {
  padding: 12px 20px 12px 12px;
  border: 1px solid #dadada;
  background-color: #fff;
}

.textcomplete-dropdown .textcomplete-item a {
  color: #333;
  font-size: 12px;
  line-height: 20px;
}

.textcomplete-dropdown .textcomplete-item a:hover,
.textcomplete-dropdown .textcomplete-item.active a {
  color: #6292e2;
  text-decoration: none;
}

.btn {
  -moz-user-select: none;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  position: relative;
  overflow: visible;
  zoom: 1;
  *display: inline;
  *margin-right: 2px;
  margin-right: 2px;
  text-decoration: none;
}

.btn:hover {
  text-decoration: none;
}

.btn > span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  *margin-bottom: -3px;
  text-decoration: none;
}

.btn > span .icon {
  vertical-align: -8px;
  margin-right: -2px;
  margin-left: -2px;
}

.btn > span .icon.icon-arr.color-flamingo.size-14x9 {
  vertical-align: 0;
  margin-right: 3px;
}

.btn:focus {
  outline-width: 10px;
  outline: thin dotted #000;
}

.btn:hover,
.btn:focus {
  color: #333;
}

/*
.btn:active,
.btn.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
*/

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}

/* 구버전 지울 예정임 */

.btn-default {
  padding: 0 0 0 2px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 4px;
}

.btn-default > span {
  display: block;
  min-width: 58px;
  height: 20px;
  padding: 9px 17px 5px 17px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  color: #666;
}

.btn-default:hover,
.btn-default.active {
  border: 1px solid #b9b9b9;
}

A.btn-default:hover {
  text-decoration: none;
}

.btn-default.active span {
  color: #f6552b;
}

.btn-page.prev {
  width: 18px;
  height: 19px;
  background: url("../../images/children/btn/btn_arr_paging_sm.png") no-repeat 0 0;
}

.btn-page.next {
  width: 18px;
  height: 19px;
  background: url("../../images/children/btn/btn_arr_paging_sm.png") no-repeat -17px 0;
}

.btn-feedWrite {
  padding: 0 0 0 2px;
  margin-right: 2px;
  position: relative;
}

.btn-feedWrite > span {
  height: 22px;
  padding: 12px 16px 0 35px;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  color: #f6552b;
}

.btn-default.btn-lg {
  background: url("../../images/children/btn/btn_default_lg.png") no-repeat left top;
}

.btn-default.btn-lg > span {
  padding-top: 14px;
  height: 20px;
  background: url("../../images/children/btn/btn_default_lg.png") no-repeat right top;
}

.btn.icon-only > span {
  padding: 6px;
}

/* //구버전 지울 예정임 */

.btn-charg {
  padding-left: 2px;
  background: url("../../images/children/btn/btn-charg.png") no-repeat left top;
}

.btn-charg > span {
  font-size: 12px;
  line-height: 16px;
  height: 14px;
  color: #97979b;
  margin-right: -2px;
  padding: 1px 6px 4px 4px;
  font-weight: normal;
  background: url("../../images/children/btn/btn-charg.png") no-repeat right top;
}

.btn-charg:hover {
  background-position: left -20px;
}

.btn-charg:hover span {
  background-position: right -20px;
}

/*
.btn-alto {
    margin-right: 2px;
    padding: 0 0 0 2px;
}
.btn-alto.btn-sm {
    background: url('/images/children/btn/btn_alto_sm.png') no-repeat left top;
}
*/

.btn.btn-tag {
  padding-left: 2px;
  padding-top: 0;
  font-size: 0;
  vertical-align: top;
  background: url("../../images/children/btn/btn_default_tag.png") no-repeat left top;
}

.btn.btn-tag > span {
  font-size: 12px;
  line-height: 16px;
  height: 17px;
  text-align: center;
  padding: 10px 8px 2px 8px;
  margin-right: -2px;
  font-weight: normal;
  color: #666;
  background: url("../../images/children/btn/btn_default_tag.png") no-repeat right top;
}

/* 구버전 지울 예정임

.btn-default.btn-sm {
	padding: 0 0 0 2px;
	display: inline-block;
	background: url('/images/children/btn/btn_default_sm.png') no-repeat left top;
}
.btn-default.btn-sm > span,
.btn-default.btn-sm > strong {
	display: block;
	min-width: 52px;
	margin-right: -2px;
	height: 16px;
	padding: 11px 19px 5px 17px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	position: relative;
	text-align: center;
	color: #666;
	background: url('/images/children/btn/btn_default_sm.png') no-repeat right top;
}
.btn-default.btn-sm > strong {
	font-weight: bold;
}
.btn-default.btn-sm.active,
.btn-default.btn-sm:hover {
	background: url('/images/children/btn/btn_default_sm.png') no-repeat left -42px;
}
.btn-default.btn-sm.active > span,
.btn-default.btn-sm:hover > span {
	background: url('/images/children/btn/btn_default_sm.png') no-repeat right -42px;
}
.btn-pointline.btn-sm {
	padding: 0 0 0 2px;
	display: inline-block;
	background: url('/images/children/btn/btn_pointColor_line_sm.png') no-repeat left top;
}
.btn-pointline.btn-sm > span,
.btn-pointline.btn-sm > strong {
	display: block;
	min-width: 58px;
	margin-right: -2px;
	height: 17px;
	padding: 12px 19px 3px 17px;
	font-size: 12px;
	line-height: 16px;
	position: relative;
	text-align: center;
	color: #f6552b;
	background: url('/images/children/btn/btn_pointColor_line_sm.png') no-repeat right top;
}
.btn-pointline.btn-sm > strong {
	font-weight: bold;
}
.btn-default.btn-xlg {
	padding: 0 0 0 2px;
	display: inline-block;
	background: url('/images/children/btn/btn_default_xlg.png') no-repeat left top;
}
.btn-default.btn-xlg > span {
	display: block;
	min-width: 91px;
	margin-right: -2px;
	height: 22px;
	padding: 16px 9px 3px 0;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	position: relative;
	text-align: center;
	color: #999;
	background: url('/images/children/btn/btn_default_xlg.png') no-repeat right top;
}
.btn-default.btn-xlg.ative > span,
.btn-default.btn-xlg:hover > span {
	background: url('/images/children/btn/btn_default_xlg.png') no-repeat right -51px;
	color: #666;
}
.btn-default.btn-xlg > span .icon {
	vertical-align: 0;
	margin-right: 0;
	position: absolute;
	top: 19px;
	right: 23px;
}
.btn-default.btn-xlg .icon-arr {
	width: 7px;
	height: 4px;
	background: url('/images/children/icon/icon_arr_dustyGray_7x4.png') no-repeat 0 0;
}
.btn-default.btn-xlg:hover .icon-arr {
	width: 7px;
	height: 4px;
	background: url('/images/children/icon/icon_arr_doveGray_7x4.png') no-repeat 0 0;
}
.btn-default.btn-xxlg {
	padding: 0 0 0 2px;
	display: inline-block;
	background: url('/images/children/btn/btn_default_xxlg.png') no-repeat left top;
}
.btn-default.btn-xxlg > span {
	display: block;
	margin-right: -2px;
	height: 40px;
	padding: 29px 10px 3px 10px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	position: relative;
	text-align: center;
	color: #666;
	background: url('/images/children/btn/btn_default_xxlg.png') no-repeat right top;
}


.btn-primary.btn-xxlg {
	padding: 0 0 0 2px;
	display: inline-block;
	background: url('/images/children/btn/btn_primary_xxlg.png') no-repeat left top;
}
.btn-primary.btn-xxlg > span {
	display: block;
	margin-right: -2px;
	height: 40px;
	padding: 29px 10px 3px 10px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	position: relative;
	text-align: center;
	color:#fff;
	background: url('/images/children/btn/btn_primary_xxlg.png') no-repeat right top;
}

/*
.btn-default.btn-sm.active,
.btn-default.btn-sm:hover {
    background: url('/images/children/btn/btn_default_sm.png') no-repeat left -32px;
}
.btn-default.btn-sm.active > span,
.btn-default.btn-sm:hover > span {
    background: url('/images/children/btn/btn_default_sm.png') no-repeat right -32px;
}
*/

/*
.btn-start {
    padding: 0 0 0 2px;
    margin-right: 2px;
    display: inline-block;
    background: url('/images/children/btn/btn_pointColor.png') no-repeat left top;
}
.btn-start > span {
    display: block;
    min-width:58px;
    margin-right: -2px;
    height: 20px;
    padding: 13px 26px 3px 28px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    position: relative;
    text-align: center;
    color: #fff;
    background: url('/images/children/btn/btn_pointColor.png') no-repeat right top;
}
.btn-gift {
    padding: 0 0 0 2px;
    margin-right: 2px;
    display: inline-block;
    background: url('/images/children/btn/btn_pointColor_line_lg.png') no-repeat left top;
}

.btn-gift > span {
    display: block;
    min-width:58px;
    margin-right: -2px;
    height: 20px;
    padding: 13px 19px 3px 17px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    position: relative;
    text-align: center;
    color: #f6552b;
    background: url('/images/children/btn/btn_pointColor_line_lg.png') no-repeat right top;
}


.btn-point.active,
.btn-point:hover {
	background: url('/images/children/btn/btn_pointColor.png') no-repeat left -36px;
}
.btn-point.active > span,
.btn-point:hover > span {
	background: url('/images/children/btn/btn_pointColor.png') no-repeat right -36px;
}
*/

.btn-point {
  padding: 0 0 0 2px;
  display: inline-block;
  background-color: #f0562d;
  border: 1px solid #eb5229;
  border-radius: 4px;
}

.btn-point > span {
  display: block;
  min-width: 58px;
  height: 20px;
  padding: 9px 17px 5px 17px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  color: #fff;
}

.btn-point.active,
.btn-point:hover {
  background-color: #f76430;
}

.btn-point.btn-sm {
  padding: 0 0 0 2px;
  margin-right: 2px;
  display: inline-block;
}

.btn-point.btn-sm > span {
  display: block;
  min-width: 58px;
  margin-right: -2px;
  height: 15px;
  padding: 11px 19px 6px 17px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  color: #fff;
}

.btn-point.btn-lg {
  padding: 0 0 0 2px;
  margin-right: 2px;
  display: inline-block;
  background: url("../../images/children/btn/btn_pointColor_lg.png") no-repeat left top;
}

.btn-point.btn-lg > span {
  display: block;
  min-width: 58px;
  margin-right: -2px;
  height: 27px;
  padding: 16px 19px 0 17px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  color: #fff;
  background: url("../../images/children/btn/btn_pointColor_lg.png") no-repeat right top;
}

.btn-point.btn-lg.active,
.btn-point.btn-lg:hover {
  background: url("../../images/children/btn/btn_pointColor_lg.png") no-repeat left -52px;
}

.btn-point.btn-lg.active > span,
.btn-point.btn-lg:hover > span {
  background: url("../../images/children/btn/btn_pointColor_lg.png") no-repeat right -52px;
}

.btn-primary.btn-sm {
  padding: 0 0 0 2px;
  margin-right: 2px;
  display: inline-block;
  background: url("../../images/children/btn/btn_primary.png") no-repeat left top;
}

.btn-primary.btn-sm > span {
  display: block;
  min-width: 52px;
  margin-right: -2px;
  height: 16px;
  padding: 11px 13px 5px 13px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  color: #fff;
  background: url("../../images/children/btn/btn_primary.png") no-repeat right top;
}

.btn-primary.btn-sm.active,
.btn-primary.btn-sm:hover {
  background: url("../../images/children/btn/btn_primary.png") no-repeat left -42px;
}

.btn-primary.btn-sm.ative > span,
.btn-primary.btn-sm:hover > span {
  background: url("../../images/children/btn/btn_primary.png") no-repeat right -42px;
}

.btn-addfriend.btn-sm {
  padding: 0 0 0 2px;
  display: inline-block;
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat left top;
}

.btn-addfriend.btn-sm > span {
  display: block;
  min-width: 68px;
  margin-right: -2px;
  height: 16px;
  padding: 11px 17px 5px 15px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  color: #666;
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat right top;
}

.btn-addfriend.btn-sm > span.friend-request {
  min-width: 75px !important;
  padding: 11px 12px 5px 12px !important;
}

.btn-addfriend.btn-sm.active,
.btn-addfriend.btn-sm:hover {
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat left -43px;
}

.btn-addfriend.btn-sm.ative > span,
.btn-addfriend.btn-sm:hover > span {
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat right -43px;
}

/* 팔로우 버튼 */

.btn-follow.btn-sm {
  padding: 0 0 0 2px;
  position: relative;
  background: url("../../images/children/btn/btn_follow_sm.png") no-repeat left top;
}

.btn-follow.btn-sm > span {
  display: block;
  min-width: 59px;
  margin-right: -2px;
  height: 16px;
  padding: 11px 4px 5px 37px;
  font-size: 12px !important;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  color: #f6552b;
  background: url("../../images/children/btn/btn_follow_sm.png") no-repeat right top;
}

.btn-follow.btn-sm > span .icon {
  vertical-align: 0;
  margin-right: 0;
  position: absolute;
  top: 10px;
  left: 23px;
}

.btn-follow.btn-sm.active,
.btn-follow.btn-sm:hover {
  background: url("../../images/children/btn/btn_follow_sm.png") no-repeat left -43px;
}

.btn-follow.btn-sm.ative > span,
.btn-follow.btn-sm:hover > span {
  background: url("../../images/children/btn/btn_follow_sm.png") no-repeat right -43px;
}

/* 팔로잉 버튼 */

.btn-folling.btn-sm {
  padding: 0 0 0 2px;
  position: relative;
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat left top;
}

.btn-folling.btn-sm > span {
  display: block;
  min-width: 60px;
  margin-right: -2px;
  height: 16px;
  padding: 11px 4px 5px 36px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  color: #f6552b;
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat right top;
}

.btn-folling.btn-sm > span .icon {
  vertical-align: 0;
  margin-right: 0;
  position: absolute;
  top: 11px;
  left: 24px;
}

.btn-folling.btn-sm.active,
.btn-folling.btn-sm:hover {
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat left -43px;
}

.btn-folling.btn-sm.ative > span,
.btn-folling.btn-sm:hover > span {
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat right -43px;
}

/* 맞팔 버튼 */

.btn-f-folling.btn-sm {
  padding: 0 0 0 2px;
  position: relative;
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat left top;
}

.btn-f-folling.btn-sm > span {
  display: block;
  min-width: 60px;
  margin-right: -2px;
  height: 16px;
  padding: 11px 4px 5px 36px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  color: #6292e2;
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat right top;
}

.btn-f-folling.btn-sm > span .icon {
  vertical-align: 0;
  margin-right: 0;
  position: absolute;
  top: 11px;
  left: 24px;
}

.btn-f-folling.btn-sm.active,
.btn-f-folling.btn-sm:hover {
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat left -43px;
}

.btn-f-folling.btn-sm.ative > span,
.btn-f-folling.btn-sm:hover > span {
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat right -43px;
}

/* 친구 */

.btn-friend.btn-sm {
  padding: 0 0 0 2px;
  position: relative;
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat left top;
}

.btn-friend.btn-sm > span {
  display: block;
  min-width: 52px;
  margin-right: -2px;
  height: 16px;
  padding: 11px 4px 5px 44px;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  color: #666;
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat right top;
}

.btn-friend.btn-sm > span .icon {
  vertical-align: 0;
  margin-right: 0;
  position: absolute;
  top: 11px;
  left: 31px;
}

.btn-friend.btn-sm.active,
.btn-friend.btn-sm:hover {
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat left -43px;
}

.btn-friend.btn-sm.ative > span,
.btn-friend.btn-sm:hover > span {
  background: url("../../images/children/btn/btn_addfriend_sm.png") no-repeat right -43px;
}

.form-radio input {
  display: none;
}

.btn-primary.btn-ssm {
  padding: 0 0 0 4px;
  margin-right: 4px;
  display: inline-block;
  background: url("../../images/children/btn/btn_primary_ssm.png") no-repeat left top;
}

.btn-primary.btn-ssm > span {
  display: block;
  min-width: 58px;
  margin-right: -4px;
  height: 15px;
  padding: 6px 5px 0 3px;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  position: relative;
  text-align: center;
  color: #fff;
  background: url("../../images/children/btn/btn_primary_ssm.png") no-repeat right top;
}

.btn-primary.btn-ssm:hover {
  background: url("../../images/children/btn/btn_primary_ssm.png") no-repeat left -31px;
}

.btn-primary.btn-ssm:hover > span {
  background: url("../../images/children/btn/btn_primary_ssm.png") no-repeat right -31px;
}

.btn-default.btn-ssm {
  padding: 0 0 0 4px;
  margin-right: 4px;
  display: inline-block;
  background: url("../../images/children/btn/btn_default_ssm.png") no-repeat left top;
}

.btn-default.btn-ssm > span {
  display: block;
  min-width: 58px;
  margin-right: -4px;
  height: 15px;
  padding: 6px 5px 0 3px;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  position: relative;
  text-align: center;
  color: #666666;
  background: url("../../images/children/btn/btn_default_ssm.png") no-repeat right top;
}

.btn-default.btn-ssm:hover {
  background: url("../../images/children/btn/btn_default_ssm.png") no-repeat left -21px;
}

.btn-default.btn-ssm:hover > span {
  background: url("../../images/children/btn/btn_default_ssm.png") no-repeat right -21px;
}

.btn-radio {
  width: 16px;
  height: 16px;
  background: url("../../images/children/btn/btn_check_form.png") no-repeat -22px -20px;
}

.btn-radio.active {
  background: url("../../images/children/btn/btn_check_form.png") no-repeat -22px 0;
}

.btn-radio[disabled] {
  background: url("../../images/children/btn/btn_check_form.png") no-repeat -22px -40px;
}

.btn-checkbox {
  width: 18px;
  height: 18px;
  background: url("../../images/children/btn/btn_check_form.png") no-repeat 0 -20px;
}

.btn-checkbox.active {
  background: url("../../images/children/btn/btn_check_form.png") no-repeat 0 0;
}

.btn-checkbox[disabled] {
  background: url("../../images/children/btn/btn_check_form.png") no-repeat 0 -40px;
}

/*
.btn-radio.btn-sm {
	width: 15px;
	height: 15px;
	background: url('/images/children/btn/btn_check_form.png') no-repeat -23px -79px;
}
.btn-radio.btn-sm.active {
	background: url('/images/children/btn/btn_check_form.png') no-repeat -23px -62px;
}
.btn-radio.btn-sm[disabled] {
	background: url('/images/children/btn/btn_check_form.png') no-repeat -22px -97px;
}

.btn-checkbox.btn-sm {
	width: 15px;
	height: 15px;
	background: url('/images/children/btn/btn_check_form.png') no-repeat 0 -79px;
}
.btn-checkbox.btn-sm.active {
	background: url('/images/children/btn/btn_check_form.png') no-repeat 0 -62px;
}
.btn-checkbox.btn-sm[disabled] {
	background: url('/images/children/btn/btn_check_form.png') no-repeat 0 -97px;
}
*/

.btn-file {
  position: relative;
  overflow: hidden;
}

.btn-file .btn {
  position: relative;
  display: block;
  z-index: 20;
}

.btn-file .form-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 54px;
  height: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.btn-facebook {
  padding: 0 0 0 46px;
  display: inline-block;
  background: url("../../images/children/btn/btn_facebook.png") no-repeat left top;
}

.btn-facebook > span {
  display: block;
  min-width: 58px;
  margin-right: -2px;
  height: 18px;
  padding: 13px 19px 3px 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  color: #fff;
  background: url("../../images/children/btn/btn_facebook.png") no-repeat right top;
}

.btn-pointline {
  padding: 0 0 0 2px;
  margin-right: 2px;
  display: inline-block;
  background: url("../../images/children/btn/btn_pointline.png") no-repeat left top;
}

.btn-pointline > span {
  display: block;
  min-width: 58px;
  margin-right: -2px;
  height: 21px;
  padding: 12px 19px 3px 17px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  color: #f6552b;
  background: url("../../images/children/btn/btn_pointline.png") no-repeat right top;
}

.icon {
  font-weight: normal;
  margin-bottom: 0;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  outline: 0;
  position: relative;
  overflow: visible;
  zoom: 1;
  display: inline-block;
  *display: inline;
  overflow: hidden;
}

button.icon {
  cursor: pointer;
}

.icon > span {
  display: inline-block;
  zoom: 1;
  *display: inline;
  text-indent: -9999px;
  overflow: hidden;
}

.icon-done.color-flamingo.size-14x11 {
  width: 17px;
  height: 16px;
  background: url("../../images/children/icon/icon_close_flaming_8x8.png") no-repeat 0 0;
}

.icon-lock.color-pictonBlue.size-14x16 {
  width: 17px;
  height: 16px;
  background: url("../../images/children/icon/icon_locked_pictonBlue_14x16.png") no-repeat 0 0;
}

.icon-lock.color-gossamer.size-14x16 {
  width: 17px;
  height: 16px;
  background: url("../../images/children/icon/icon_locked_gossamer_14x16.png") no-repeat 0 0;
}

.icon-medium {
  width: 14px;
  height: 16px;
  background: url("../../images/children/icon/icon_locked_lightningYellow_14x16.png") no-repeat 0 0;
}

.icon-row {
  width: 14px;
  height: 16px;
  background: url("../../images/children/icon/icon_locked_crusta_14x16.png") no-repeat 0 0;
}

.icon-lockConfim.color-flaming.size-19x16 {
  width: 19px;
  height: 16px;
  background: url("../../images/children/icon/icon_lockedConfim_flaming_19x16.png") no-repeat 0 0;
}

.icon-lock.color-flaming.size-14x16 {
  width: 14px;
  height: 16px;
  background: url("../../images/children/icon/icon_locked_flaming_14x16.png") no-repeat 0 0;
}

.icon-done.color-flaming.size-14x11 {
  width: 14px;
  height: 11px;
  background: url("../../images/children/icon/icon_done_flaming_14x11.png") no-repeat 0 0;
}

.icon-safety {
  width: 14px;
  height: 11px;
  background: url("../../images/children/icon/icon_done_gossamer_14x11.png") no-repeat 0 0;
}

.icon-lock.color-crusta.size-14x16 {
  width: 14px;
  height: 16px;
  background: url("../../images/children/icon/icon_locked_crusta_14x16.png") no-repeat 0 0;
}

.icon-lock.color-lightningYellow.size-14x16 {
  width: 14px;
  height: 16px;
  background: url("../../images/children/icon/icon_locked_lightningYellow_14x16.png") no-repeat 0 0;
}

.icon-lock.color-gossamer.size-14x16 {
  width: 14px;
  height: 16px;
  background: url("../../images/children/icon/icon_locked_gossamer_14x16.png") no-repeat 0 0;
}

.icon-verysafe {
  width: 14px;
  height: 16px;
  background: url("../../images/children/icon/icon_locked_pictonBlue_14x16.png") no-repeat 0 0;
}

/*
.icon-arr.icon-grayChateau.icon-sm{
    width:5px;
    height:3px;
    background: url('/images/children/icon/icon_arr_grayChateau_5x3.png') no-repeat 0 0;
}
*/

.icon-share.size-md {
  width: 20px;
  height: 18px;
  background: url("../../images/children/icon/icon_output_18x16.png") no-repeat 0 0;
}

.icon-share.size-md:hover,
.icon-share.size-md.on {
  background: url("../../images/children/icon/icon_output_on_18x16.png") no-repeat 0 0;
}

.icon-share.size-lg {
  width: 20px;
  height: 18px;
  background: url("../../images/children/icon/icon_output_20x18.png") no-repeat 0 0;
}

.icon-share.size-lg:hover,
.icon-share.size-lg.on {
  background: url("../../images/children/icon/icon_output_on_20x18.png") no-repeat 0 0;
}

.icon-heart.size-sm {
  width: 16px;
  height: 14px;
  background: url("../../images/children/icon/icon_heart_16x14.png") no-repeat 0 0;
}

.icon-heart.size-md {
  width: 18px;
  height: 16px;
  background: url("../../images/children/icon/icon_heart_18x16.png") no-repeat 0 0;
}

.icon-heart.size-md:hover,
.icon-heart.size-md.on {
  background: url("../../images/children/icon/icon_heart_on_18x16.png") no-repeat 0 0;
}

.icon-heart.size-lg {
  width: 20px;
  height: 18px;
  background: url("../../images/children/icon/icon_heart_20x18.png") no-repeat 0 0;
}

.icon-heart.size-lg:hover,
.icon-heart.size-lg.on {
  background: url("../../images/children/icon/icon_heart_on_20x18.png") no-repeat 0 0;
}

.icon-badge.size-lg {
  width: 24px;
  height: 24px;
  background: url("../../images/children/icon/icon_badge_24x24.png") no-repeat 0 0;
}

.icon-badge-lg {
  width: 24px;
  height: 24px;
  background: url("../../images/children/icon/icon_expert_badge_24x24.png") 0 0 no-repeat;
}

.icon-date {
  width: 20px;
  height: 20px;
  background: url("../../images/children/icon/icon_date_20x20.png") no-repeat 0 0;
}

#top-bar .icon-arr {
  width: 7px;
  height: 5px;
  background: url("../../images/children/icon/icon_arr_rollingStone_7x4.png") no-repeat 0 0;
}

.app-header .side-menu .icon-arr {
  width: 7px;
  height: 5px;
  background: url("../../images/children/icon/icon_arr_white_7x5.png") no-repeat 0 0;
}

.icon-setting {
  width: 19px;
  height: 19px;
  background: url("../../images/children/icon/icon_setting_19x19.png") no-repeat 0 0;
}

.icon-setting > span {
  display: none;
}

.icon-folling.size-11x9 {
  width: 14px;
  height: 12px;
  background: url("../../images/children/icon/icon_arr_11x9.png") no-repeat 0 0;
}

.icon-f-folling.color-blue.size-11x10 {
  width: 14px;
  height: 12px;
  background: url("../../images/children/icon/icon_arr_blue_11x10.png") no-repeat 0 0;
}

.icon-folling.color-black.size-11x9 {
  width: 14px;
  height: 12px;
  background: url("../../images/children/icon/icon_arr_black_11x9.png") no-repeat 0 0;
}

.icon-arr.color-white.size-14x12 {
  width: 14px;
  height: 12px;
  background: url("../../images/children/icon/icon_arr_white_14x12.png") no-repeat 0 0;
}

.icon-arr.color-flamingo.size-14x9 {
  width: 14px;
  height: 9px;
  background: url("../../images/children/icon/icon_arr_flamingo_14x9.png") no-repeat 0 0;
}

.icon-arr.color-flamingo.size-3x5 {
  width: 3px;
  height: 5px;
  background: url("../../images/children/icon/icon_arr_orang_3x5.png") no-repeat 0 0;
}

.icon-add.color-flamingo.size-12x12,
.icon-add.size-12x12 {
  width: 19px;
  height: 19px;
  background: url("../../images/children/icon/icon_add_12x12.png") no-repeat 2px 1px;
}

.icon-more {
  width: 10px;
  height: 10px;
  background: url("../../images/children/icon/icon_more_silver_10x10.png") no-repeat 0 0;
}

.icon-more:hover {
  width: 10px;
  height: 10px;
  background: url("../../images/children/icon/icon_more_silver_on_10x10.png") no-repeat 0 0;
}

.icon-add {
  width: 12px;
  height: 12px;
  background: url("../../images/children/icon/icon_add_flamingo_12x12.png") no-repeat 2px 1px;
}

.tabs-payment .icon-add {
  width: 30px;
  height: 32px;
  background: url("../../images/children/icon/icon_add_30x30.png") no-repeat 0 0;
}

.icon-write {
  width: 20px;
  height: 20px;
  background: url("../../images/children/icon/icon_write_white_19x19.png") no-repeat 0 0;
}

.icon-search {
  width: 17px;
  height: 17px;
  background: url("../../images/children/icon/icon_search_doveGray_17x17.png") no-repeat 0 0;
}

.btn-search .icon-search,
.btn-total-search .icon-search {
  width: 20px;
  height: 20px;
  background: url("../../images/children/icon/icon_search_doveGray_20x20.png") no-repeat 0 0;
}

.btn-search:hover .icon-search,
.btn-search.active .icon-search,
.btn-total-search:hover .icon-search,
.btn-total-search.active .icon-search {
  background: url("../../images/children/icon/icon_search_doveGray_on_20x20.png") no-repeat 0 0;
}

.icon-remove {
  width: 16px;
  height: 16px;
  background: url("../../images/children/icon/icon_remove_off_16x16.png") no-repeat 0 0;
}

.icon-remove:hover {
  width: 16px;
  height: 16px;
  background: url("../../images/children/icon/icon_remove_on_16x16.png") no-repeat 0 0;
}

.icon-facebook {
  width: 28px;
  height: 28px;
  background: url("../../images/children/icon/icon-facebook.png") no-repeat 0 0;
}

.icon-twitter {
  width: 28px;
  height: 28px;
  background: url("../../images/children/icon/icon-twitter.png") no-repeat 0 0;
}

.icon-googleplus {
  width: 28px;
  height: 28px;
  background: url("../../images/children/icon/icon-google.png") no-repeat 0 0;
}

.icon-new {
  width: 18px;
  height: 19px;
  background: url("../../images/children/icon/icon_new_18x19.png") 0 0 no-repeat;
}

.icon-lev1 {
  width: 17px;
  height: 19px;
  background: url("../../images/children/icon/temp_lev1.jpg") 0 0 no-repeat;
}

.icon-lev2 {
  width: 17px;
  height: 19px;
  background: url("../../images/children/icon/temp_lev2.jpg") 0 0 no-repeat;
}

.icon-lev3 {
  width: 17px;
  height: 19px;
  background: url("../../images/children/icon/temp_lev3.jpg") 0 0 no-repeat;
}

.icon-arr-up {
  width: 7px;
  height: 4px;
  background: url("../../images/children/icon/icon_arr_up_7x4.png") 0 0 no-repeat;
}

.icon-arr-down {
  width: 7px;
  height: 4px;
  background: url("../../images/children/icon/icon_arr_down_7x4.png") 0 0 no-repeat;
}

.icon-smile-sad {
  width: 84px;
  height: 73px;
  background: url("../../images/children/icon/icon_smile_sad.png") 0 0 no-repeat;
}

.icon-joystick {
  width: 97px;
  height: 62px;
  background: url("../../images/children/icon/icon_joystick.png") 0 0 no-repeat;
}

.icon-smile-happy {
  width: 88px;
  height: 78px;
  background: url("../../images/children/icon/icon_smile_happy.png") 0 0 no-repeat;
}

.icon-badge {
  width: 70px;
  height: 70px;
  background: url("../../images/children/icon/icon_badge_70x70.png") 0 0 no-repeat;
}

.icon-follow {
  width: 77px;
  height: 64px;
  background: url("../../images/children/icon/icon_not_follow_77x64.png") center no-repeat;
}

.icon-block {
  width: 72px;
  height: 60px;
  background: url("../../images/children/icon/icon_not_block_72x60.png") 0 0 no-repeat;
}

.icon-tag {
  width: 73px;
  height: 62px;
  background: url("../../images/children/icon/icon_not_tag_73x62.png") 0 0 no-repeat;
}

.icon-dot {
  width: 3px;
  height: 3px;
  background: url("../../images/children/icon/dot_pointColor.png") 0 0 no-repeat;
}

.icon-activelog-doc {
  width: 62px;
  height: 64px;
  background: url("../../images/children/icon/icon_doc_empty_62x64.png") 0 0 no-repeat;
}

.writer-area .icon-arr,
.feed-views .writer-share .icon-arr,
.feed-tile-search .writer-contents .icon-arr,
.my-profile-info .icon-arr {
  width: 11px;
  height: 7px;
  text-indent: -999px;
  overflow: hidden;
  background: url("../../images/children/icon/icon_arr_rollingStone_11x7.png") no-repeat left top;
}

.writer-area .icon-arr:hover,
.writer-area .icon-arr.on,
.feed-views .writer-share .icon-arr:hover,
.feed-views .writer-share .icon-arr.on {
  background: url("../..../../img/icon/icon_arr_rollingStone_on_11x7.png") 0 0 no-repeat;
}

.panel-comment .icon.icon-arr {
  width: 11px;
  height: 7px;
  text-indent: -999px;
  overflow: hidden;
  background: url("../../images/children/icon/icon_arr_rollingStone_11x7.png") no-repeat left top;
}

.comment-check .icon.icon-arr {
  width: 9px;
  height: 6px;
  text-indent: -999px;
  overflow: hidden;
  background: url("../../images/children/icon/icon_arr_rollingStone_9x6.png") no-repeat left top;
}

.feed-views .comment-check .icon.icon-arr:hover,
.feed-views .comment-check .icon.icon-arr.on {
  background: url("../../images/children/icon/icon_arr_rollingStone_on_9x6.png") no-repeat left top;
}

.feed-stream .icon-new {
  width: 12px;
  height: 11px;
  background: url("../../images/children/icon/icon_new.png") 0 0 no-repeat;
}

.feed-stream .icon-update {
  width: 12px;
  height: 11px;
  background: url("../../images/children/icon/icon_update.png") 0 0 no-repeat;
}

.icon-cbt {
  width: 12px;
  height: 11px;
  background: url("../../images/children/icon/icon_cbt.png") 0 0 no-repeat;
}

.icon-event {
  width: 12px;
  height: 11px;
  background: url("../../images/children/icon/icon_event.png") 0 0 no-repeat;
}

.icon-error {
  width: 12px;
  height: 12px;
  background: url("../../images/children/icon/icon_x_mistype_12x12.png") 0 0 no-repeat;
}

.icon-success {
  width: 11px;
  height: 9px;
  background: url("../../images/children/icon/icon_arr_11x9.png") 0 0 no-repeat;
}

.icon-mail {
  width: 148px;
  height: 99px;
  background: url("../../images/children/icon/icon_mail_148x96.png") no-repeat left top;
}

.icon-monitor {
  width: 150px;
  height: 118px;
  background: url("../../images/children/icon/icon_monitor_150x118.png") no-repeat left top;
}

.icon-doc {
  width: 111px;
  height: 116px;
  background: url("../../images/children/icon/icon_doc_111x116.png") no-repeat left top;
}

.icon-qmark {
  width: 16px;
  height: 16px;
  background: url("../../images/children/icon/icon_qmark_16x16.png") no-repeat left top;
}

.icon-qmark:hover {
  width: 16px;
  height: 16px;
  background: url("../../images/children/icon/icon_qmark_16x16.png") no-repeat left -17px;
}

.icon-like-white {
  width: 15px;
  height: 13px;
  background: url("../../images/children/icon/icon_heart_white_15x13.png") 0 0 no-repeat;
}

.icon-person {
  width: 14px;
  height: 15px;
  background: url("../../images/children/icon/icon_person_14x15.png") 0 0 no-repeat;
}

.icon-magnifying-glass {
  width: 77px;
  height: 76px;
  background: url("../../images/children/icon/icon_magnifying_glass.png") 0 0 no-repeat;
}

.icon-gift {
  width: 76px;
  height: 68px;
  background: url("../../images/children/icon/icon_gift_75x68.png") 0 0 no-repeat;
}

.icon-coin {
  width: 76px;
  height: 68px;
  background: url("../../images/children/icon/icon_coin_76x68.png") 0 0 no-repeat;
}

.icon-smile {
  width: 105px;
  height: 77px;
  background: url("../../images/children/icon/icon_smile_195x77.png") 0 0 no-repeat;
}

.icon-exprs {
  width: 195px;
  height: 77px;
  background: url("../../images/children/icon/icon_exprs_195x77.png") 0 0 no-repeat;
}

.icon-doc.size-73x77 {
  width: 73px;
  height: 77px;
  background: url("../../images/children/icon/icon_doc_73x77.png") 0 0 no-repeat;
}

.icon-doc.size-73x77.icon-active {
  width: 73px;
  height: 77px;
  background: url("../../images/children/icon/icon_doc_active_73x77.png") 0 0 no-repeat;
}

.icon-lock.size-74x76 {
  width: 74px;
  height: 76px;
  background: url("../../images/children/icon/icon_lock_74x76.png") 0 0 no-repeat;
}

.icon-lock.size-74x76.icon-active {
  width: 74px;
  height: 76px;
  background: url("../../images/children/icon/icon_lock_active_74x76.png") 0 0 no-repeat;
}

.icon-man.size-84x68 {
  width: 84px;
  height: 68px;
  background: url("../../images/children/icon/icon_man_smilea_84x68.png") 0 0 no-repeat;
}

.icon-man.size-84x68.icon-active {
  width: 84px;
  height: 68px;
  background: url("../../images/children/icon/icon_man_smilea_active_84x68.png") 0 0 no-repeat;
}

.icon-smile.size-84x68 {
  width: 84px;
  height: 68px;
  background: url("../../images/children/icon/icon_man_smilea_84x68.png") 0 0 no-repeat;
}

.icon-smile.size-84x68.icon-active {
  width: 84px;
  height: 68px;
  background: url("../../images/children/icon/icon_man_smilea_84x68_ok.png") 0 0 no-repeat;
}

.icon-mail.size-94x63 {
  width: 94px;
  height: 63px;
  background: url("../../images/children/icon/icon_mail_94x63.png") 0 0 no-repeat;
}

.icon-mail.size-94x63.icon-active {
  width: 94px;
  height: 63px;
  background: url("../../images/children/icon/icon_mail_active_94x63.png") 0 0 no-repeat;
}

.icon-shield.size-71x71.icon-active {
  width: 71px;
  height: 71px;
  background: url("../../images/children/icon/icon_shield_active_71x71.png") 0 0 no-repeat;
}

.icon-monitor.size-98x75 {
  width: 98px;
  height: 75px;
  background: url("../../images/children/icon/icon_monitor_98x75.png") 0 0 no-repeat;
}

.icon-wallet.size-96x72.icon-active {
  width: 96px;
  height: 72px;
  background: url("../../images/children/icon/icon_wallet_active_96x72.png") 0 0 no-repeat;
}

.icon-window {
  width: 14px;
  height: 14px;
  background: url("../../images/children/icon/icon_window_14x14.png") 0 0 no-repeat;
}

.icon-joystick.size-96x64.icon-active {
  width: 96px;
  height: 64px;
  background: url("../../images/children/icon/icon_joystick_active_96_64.png") 0 0 no-repeat;
}

.icon-closed {
  width: 11px;
  height: 10px;
  background: url("../../images/children/icon/icon_x_close_search_11x10.png") 0 0 no-repeat;
}

.icon-smile.size_68x66 {
  width: 68px;
  height: 66px;
  background: url("../../images/children/icon/icon_smile_68x66.png") 0 0 no-repeat;
}

.icon-directx {
  width: 111px;
  height: 110px;
  background: url("../../billing//img/game/icon/icon_directX.png") 0 0 no-repeat;
}

.icon-nvidia {
  width: 111px;
  height: 110px;
  background: url("../../billing//img/game/icon/icon_nvidia.png") 0 0 no-repeat;
}

.icon-ati {
  width: 111px;
  height: 110px;
  background: url("../../billing//img/game/icon/icon_ati.png") 0 0 no-repeat;
}

.tab {
  position: relative;
}

.tab {
  *zoom: 1;
}

.tab > .nav-bar {
  *zoom: 1;
}

.tab:after {
  visibility: hidden;
  display: block;
  content: ".";
  clear: both;
  height: 0;
}

.tab > .nav-bar:after {
  visibility: hidden;
  display: block;
  content: ".";
  clear: both;
  height: 0;
}

.tab > .nav-bar {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #c1c1c1;
}

.tab > .nav-bar > ul {
  display: block;
  margin: 0;
}

.tab > .nav-bar > ul > li {
  float: left;
  border-right: 1px solid #d9d9d9;
  margin-right: -1px;
  border-left: 1px solid #d9d9d9;
  margin-bottom: -1px;
}

.tab > .nav-bar > ul > li:first-child > A {
  margin-left: 0;
}

.tab > .nav-bar > ul > li > A {
  padding: 10px;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  display: block;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  color: #757c86;
  line-height: 16px;
  border-right: 0;
  border-left: 0;
  text-decoration: none;
  background: url("../../images/children/share/blank.gif") repeat left top #f8f8f8;
}

.tab > .nav-bar > ul > li.active {
  border-right: 1px solid #c1c1c1;
  border-left: 1px solid #c1c1c1;
  position: relative;
  margin-right: -1px;
  z-index: 10;
}

.tab > .nav-bar > ul > li.active > A {
  background-color: #fff;
  position: relative;
  z-index: 1;
  border-color: #c1c1c1 #c1c1c1 transparent;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
  color: #f6552b;
  cursor: default;
  font-weight: bold;
  text-decoration: none;
}

.tab > .nav-bar.nav-right > ul {
  float: right;
}

.tab > .nav-bar > ul:after {
  clear: both;
  visibility: hidden;
  display: block;
  content: ".";
  height: 0;
}

.tab > .tab-content {
  border: 1px solid #ddd;
  margin-right: 0;
  border-top: 0;
}

.tab > .tab-content > .tab-pane {
  padding: 30px;
  display: none;
}

.tab > .tab-content > .tab-pane.active {
  display: block;
}

.tab .side-menu {
  position: absolute;
  top: 13px;
  right: 18px;
}

.tab .side-menu > ul > li {
  float: left;
  background: url("../../images/children/icon/bar_alto_1x9.gif") no-repeat left 5px;
}

.tab .side-menu > ul > li:first-child {
  background: none;
}

.tab .side-menu > ul > li > a {
  padding: 0 9px 0 9px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #999;
}

.tab .side-menu > ul > li.active a {
  color: #666;
}

.tabs-left {
  padding-left: 117px;
}

.tabs-left > .nav-bar {
  display: inline;
  float: left;
  left: -117px;
  margin-right: -117px;
  position: relative;
  width: 117px;
}

.tabs-left > .nav-bar > ul > li {
  float: none;
}

.tabs-left > .tab-content {
  float: left;
  height: 600px;
  margin-left: 0;
  margin-right: -48px;
  width: 100%;
  border: 0;
}

.tabs-left > .tab-content:after {
  visibility: hidden;
  display: block;
  content: ".";
  clear: both;
  height: 0;
}

.tabs-left > .nav-bar > ul > li > A {
  color: #333;
  border: 1px solid #e4e4e4;
  background: #fbfbfb;
}

.tabs-left > .nav-bar > ul > li.active > A {
  border: 1px solid #e4e4e4;
  color: #333;
}

.tabs-left > .nav-bar > ul > li > A {
  border-left: 0;
}

.tabs-left > .nav-bar > ul > li.active > A {
  border-left: 0;
}

.tab.tabs-line > .nav-bar > ul > li {
  border: 0;
}

.tab.tabs-line > .nav-bar > ul > li > A {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  font-size: 12px;
  padding: 16px 10px 0;
  border: 0;
  font-weight: normal;
  background: url("../../images/children/icon/bar_gray_9x1.gif") no-repeat left 15px;
}

.tab.tabs-line > .nav-bar > ul > li:first-child A {
  background: none;
}

.tab.tabs-line > .nav-bar > ul > li.active > A {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border: 0;
  border-bottom: 2px solid #f6552b;
}

fieldset {
  border: 0 none;
  margin: 0;
  min-width: 0;
  padding: 0;
}

legend {
  visibility: hidden;
  position: absolute;
  top: -3000px;
  left: -3000px;
  width: 0;
  height: 0;
  overflow: hidden;
  /*
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #e5e5e5;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333;
    display: block;
    font-size: 21px;
    line-height: inherit;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
	*/
}

.form-control {
  display: block;
  font-size: 12px;
  line-height: 30px;
  padding: 0 12px;
  color: #777b88;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
}

input.form-control {
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  color: #333;
  font-size: 12px;
  border: 1px solid #e4e4e4;
}

input.form-control.active {
  display: block;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 12px;
  color: #333;
  border: 1px solid #d9dbe3;
}

input.form-control.size-lg {
  padding: 0 18px;
  height: 48px;
  font-size: 14px;
  line-height: 48px;
}

input.form-control.size-md {
  padding: 0 13px;
  height: 38px;
  font-size: 14px;
  line-height: 38px;
}

input.form-control.placeholder {
  color: #999;
}

textarea {
  resize: none;
}

input[readonly="readonly"] {
  background-color: #fbfbfb;
}

input.form-control:hover,
input.form-control.on,
textarea.form-control:hover,
textarea.form-control.on {
  border: 1px solid #bbb;
}

input.form-control {
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.form-actions {
  overflow: hidden;
  padding-top: 20px;
  *overflow: visible;
}

.form-actions .align-left .btn {
  float: left;
}

.form-actions .align-left {
  float: left;
}

.form-actions .align-left .btn {
  margin-right: 5px;
}

.form-actions .align-right {
  float: right;
}

.form-actions .align-right .btn {
  margin-left: 5px;
}

.form-actions .align-center {
  text-align: center;
}

.form-actions .align-center > button:first-child {
  margin-right: 10px;
}

.form-actions .align-center > A:first-child {
  margin-right: 10px;
}

label.form-label {
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.form-wrap {
  position: relative;
}

label.form-label .btn {
  float: left;
  margin-right: 9px;
}

label.form-label .btn-checkbox {
  margin-right: 7px;
}

label.form-label .text {
  padding-top: 4px;
  float: left;
  color: #666;
}

label.form-label.btn-sm .text {
  padding-top: 0;
}

.panel.data-write .panel-line {
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-group .form-content {
  float: left;
  margin-left: 0;
  margin-right: -48px;
  overflow: hidden;
  width: 100%;
}

.form-group > .form-content > .wrapper {
  padding: 0 41px 0 0;
}

.form-group > .form-content .btn {
  float: left;
  margin-right: 5px;
}

.form-group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

* html .form-group {
  zoom: 1;
}

*:first-child + html .form-group {
  zoom: 1;
}

.data-write .upload-files > ul > li {
  float: left;
  position: relative;
  margin-right: 5px;
  width: 124px;
  height: 72px;
}

.data-write .upload-files > ul > li > A > img {
  display: block;
  width: 124px;
  height: 72px;
}

.data-write .upload-files > ul > li > .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: url("../../images/children/btn/btn_flamingo_close.png") no-repeat left top;
}

.datepicker > .input-date {
  float: left;
  margin-right: 10px;
}

.datepicker:after {
  visibility: hidden;
  display: block;
  content: ".";
  clear: both;
  height: 0;
}

* html .datepicker {
  zoom: 1;
}

*:first-child + html .datepicker {
  zoom: 1;
}

.datepicker > .wiggle {
  float: left;
}

.datepicker > .input-date {
  float: left;
}

.datepicker > .input-date > .form-control {
  float: left;
  margin-right: 5px;
}

.datepicker > .input-date > .icon {
  float: left;
  margin-top: 5px;
}

.datepicker > .wiggle {
  float: left;
}

.wiggle {
  width: 31px;
  vertical-align: top;
  text-align: center;
  padding: 10px 0 0 0;
  font-size: 12px;
  line-height: 14px;
  color: #333;
}

.calendar .current input {
  font-weight: bold;
  font-size: 14px;
}

.calendar .current {
  height: 22px;
  text-align: center;
  width: 100%;
  display: block;
}

.calendar .current-year {
  font-size: 18px;
  width: 40px;
  background: none;
  border: 0;
  color: #333;
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
  display: inline;
}

.calendar .current-month {
  font-size: 18px;
  width: 20px;
  text-align: center;
  background: none;
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
  display: inline;
  color: #333;
  border: 0;
}

.previous-month button {
  width: 8px;
  height: 14px;
  display: block;
  background: url("../../images/children/icon/icon_arr_datepiker_8x14.png") no-repeat -20px top;
}

.previous-month button:hover {
  background: url("../../images/children/icon/icon_arr_datepiker_8x14.png") no-repeat 0 0;
}

.next-month button {
  width: 8px;
  height: 14px;
  display: block;
  background: url("../../images/children/icon/icon_arr_datepiker_8x14.png") no-repeat -30px top;
}

.next-month button:hover {
  background: url("../../images/children/icon/icon_arr_datepiker_8x14.png") no-repeat -11px top;
}

.calendar table {
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}

.calendar .calendar-controll {
  clear: both;
  height: 36px;
  width: 100%;
  display: block;
}

.calendar-week {
  border: 1px solid #f6552b;
  padding-top: 12px;
  margin-left: -11px;
  margin-right: -11px;
  padding: 9px 11px 0 11px;
  position: relative;
  z-index: 1;
  background: #f86630;
}

.calendar-week table {
  margin-bottom: 0;
}

.calendar-week table th {
  width: 27px;
  height: 20px;
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
  font-size: 10px;
  color: #fff;
}

.calendar table thead th {
  font-size: 11px;
  width: 27px;
  text-align: center;
  font-weight: bold;
  color: #555;
}

.calendar table tbody td {
  font-size: 11px;
  color: #555;
  width: 35px;
  height: 22px;
  padding: 0;
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

.calendar table tbody td.none {
  border-bottom: 0;
}

.calendar table tbody td a {
  display: block;
  color: #555;
  width: 35px;
  padding: 10px 0 0 0;
  height: 100%;
}

.calendar table tbody td a:hover {
  background: #f3f3f3;
}

.calendar table tbody td.today a {
  color: #f6552b;
  background: #f3f3f3;
}

.calendar .month-list {
  position: absolute;
  top: 0;
  left: 0;
}

/*
.previous-month .btn:before{
      right:10px;
    z-index:2;
    content:"\f12a";
    display: inline-block;
}
.next-month .btn:before{
    right:10px;
    z-index:2;
    content:"\f12a";
    display: inline-block;
}
*/

.previous-month {
  position: absolute;
  top: 5px;
  left: 71px;
}

.next-month {
  position: absolute;
  top: 5px;
  right: 71px;
}

.daterangepicker .data {
  padding: 0 0 0 0;
  width: 253px;
  margin-left: -11px;
  margin-right: -11px;
  margin-bottom: -11px;
  height: 232px;
  position: relative;
  z-index: 3;
  overflow: hidden;
}

.daterangepicker > .shadow-body {
  *z-index: 1;
}

.daterangepicker {
  padding: 20px 0 20px 0;
  display: none;
  z-index: 300;
  width: 271px;
  background: url("../../images/children/share/blank.gif") no-repeat left top;
}

.daterangepicker-body {
  background: #fff;
}

.daterangepicker {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.daterangepicker > .shadow-top {
  height: 20px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.daterangepicker > .shadow-top > div {
  height: 62px;
  padding: 0 20px 0 20px;
  position: relative;
}

.daterangepicker > .shadow-top > div > .shadow-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 62px;
  background: url("../../images/children/dialog/bg_top_left.png") no-repeat left top;
}

.daterangepicker > .shadow-top > div > .shadow-center {
  height: 62px;
  background: url("../../images/children/dialog/bg_top_line.png") repeat-x left top;
}

.daterangepicker > .shadow-top > div > .shadow-right {
  width: 20px;
  height: 62px;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../../images/children/dialog/bg_top_right.png") no-repeat left top;
}

.daterangepicker > .shadow-body {
  position: relative;
  padding: 0 20px 0 20px;
}

.daterangepicker > .shadow-body > .shadow-left {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../images/children/dialog/bg_left_line.png") repeat-y left top;
}

.daterangepicker > .shadow-body > .shadow-right {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../../images/children/dialog/bg_right_line.png") repeat-y left top;
}

.daterangepicker > .shadow-bottom {
  height: 20px;
  width: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
}

.daterangepicker > .shadow-bottom > div {
  height: 20px;
  padding: 0 20px 0 20px;
  position: relative;
}

.daterangepicker > .shadow-bottom > div > .shadow-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../../images/children/dialog/bg_bottom_left.png") no-repeat left bottom;
}

.daterangepicker > .shadow-bottom > div > .shadow-center {
  height: 20px;
  background: url("../../images/children/dialog/bg_bottom_line.png") repeat-x left bottom;
}

.daterangepicker > .shadow-bottom > div > .shadow-right {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../../images/children/dialog/bg_bottom_right.png") no-repeat left bottom;
}

.daterangepicker > .shdow-body {
  position: relative;
}

.daterangepicker .dialog-heading {
  border-bottom: 1px solid #ebedf1;
  background: #fff;
}

.daterangepicker .dialog-heading > h2 {
  height: 27px;
  padding: 12px 0 0 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  color: #222;
}

.datepicker > .input-date > .icon {
  float: left;
  margin-top: 7px;
}

.datepicker > .wiggle {
  width: 18px;
  margin-left: -4px;
}

.datepicker > .input-date > .form-control {
  width: 74px;
  margin-right: 7px;
}

.datepicker .btn {
  float: left;
}

.datepicker .btn-default.btn-sm > span {
  *margin-bottom: -6px;
}

.btn-default.btn-sm > span {
  padding-left: 10px;
  padding-right: 10px;
}

.form-control.error {
  border: 1px solid #f6552b;
}

.form-control.success {
  border: 1px solid #ddd;
}

.table.table-default .form-label .btn {
  margin-top: 0;
  margin-bottom: 0;
}

label.placeholder {
  position: absolute;
  text-align: left;
  top: 0;
  left: 0;
  padding: 0 13px 0 13px;
  color: #999;
  font-size: 12px;
}

.form-size {
  position: absolute;
  top: -10000px;
  left: -2000px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

caption {
  display: none;
}

.table {
  width: 100%;
  border-collapse: collapse;
}

.table.table-appinfo {
  width: 100%;
  border-top: 1px solid #f0f0f0;
}

.table.table-appinfo thead tr {
  font-size: 100%;
}

.table.table-appinfo thead tr th {
  font-size: 12px;
  line-height: 16px;
  padding: 15px 0 12px 0;
  color: #333;
  font-weight: bold;
  background: #f9f9f9;
  border-bottom: 1px solid #f0f0f0;
}

.table.table-appinfo .heading > th {
  font-size: 12px;
  line-height: 16px;
  padding: 10px 0 10px 0;
  color: #e0e2e9;
  background-color: #293038;
}

.table.table-appinfo td.center {
  text-align: center;
}

.table.table-appinfo > tbody > tr > th {
  font-size: 12px;
  line-height: 16px;
  color: #666;
  text-align: left;
  padding: 15px 0 12px 20px;
  border-bottom: 1px solid #f5f5f5;
  border-right: 1px solid #f0f0f0;
  background-color: #fafafc;
  vertical-align: middle;
}

.table.table-appinfo > tbody > tr > td {
  color: #999;
  font-size: 12px;
  line-height: 16px;
  padding: 15px 0 15px 17px;
  border-bottom: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
}

.table.table-appinfo > tbody > tr > td.last {
  border-right: 0;
}

.table.table-appinfo > tbody > tr.last > th {
  border-bottom: 1px solid #f5f5f5;
  background-color: #fafafc;
}

.table.table-appinfo > tbody > tr.last > td {
  border-bottom: 1px solid #f5f5f5;
}

.table-rating > tbody > tr > td,
.table-rating > tbody > tr > th {
  font-size: 11px;
  line-height: 16px;
  color: #907b28;
  text-align: center;
  padding: 13px 10px 12px 10px;
  border-bottom: 1px solid #ffea97;
  border-right: 1px solid #ffea97;
  background-color: #ffd52e;
}

.table.table-default {
  border-top: 1px solid #e7e7e7;
}

.table.table-default .btn-ssm {
  margin-top: -5px;
  margin-bottom: -2px;
}

.table.table-default .btn-sm {
  margin-top: -7px;
  margin-bottom: -4px;
}

.table.table-default > thead > tr > th {
  background-color: #f7f7f7;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  border-bottom: 1px solid #e7e7e7;
}

.table.table-default > thead > tr > th > span,
.table.table-default > thead > tr > th > strong {
  display: block;
  height: 30px;
  padding: 13px 0 0 0;
  background: url("../../images/children/icon/bar_table_default_th.gif") no-repeat left 16px;
}

.table.table-default > thead > tr > th:first-child span,
.table.table-default > thead > tr > th:first-child strong {
  background: none;
}

.table.table-default > tbody > tr > td.data-subject > .subject-category {
  color: #f6552b;
}

.table.table-default > tbody > tr > td {
  font-size: 12px;
}

.table.table-default > tbody > tr > td.data-subject {
  font-size: 14px;
  line-height: 16px;
}

.table.table-default > tbody > tr > td.data-subject > .subject-text {
  padding-top: 8px;
}

.table.table-default > tbody > tr > td.data-subject > .subject-text > a {
  color: #222;
  font-weight: bold;
}

.table.table-default > tbody > tr > td.data-subject > .subject-info {
  clear: both;
  display: block;
}

.table.table-default > tbody > tr > td.data-subject > .subject-info > span,
.table.table-default > tbody > tr > td.data-subject > .subject-info > time {
  float: left;
  font-size: 12px;
  color: #9598a0;
  margin-right: 10px;
}

.table.table-default > tbody > tr > td.data-subject > .subject-info > span {
  padding: 0 0 0 10px;
  background: url("../../images/children/icon/dot_manatee_1x2.gif") no-repeat left 6px;
}

/*
.table.table-default > tbody > tr > td.data-subject > .subject-info >.subject-datetime{
    font-size:12px;
    color:#9598a0;
    border:1px solid #000;
}
*/

.table.table-default > tbody > tr > td.data-subject > .subject-info {
  padding: 8px 0 0 0;
}

.table.table-default > tbody > tr > td.data-subject > .subject-info > .subject-comment {
  font-size: 12px;
  color: #9598a0;
}

.table.table-default > tbody > tr > td {
  vertical-align: middle;
  padding: 16px 7px 13px 7px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}

.table.table-default > tbody > tr > td A {
  color: #666;
}

.table.table-default > tbody > tr > td.data-num {
  font-size: 12px;
}

.table.table-default > tbody > tr > td.data-subject {
  text-align: left;
}

.table-default .state-text {
  margin-right: 15px;
}

.table.table-default > tbody > tr > td {
  color: #666;
}

.table.table-default > tbody > tr > td.disable {
  color: #999;
}

/*
.table-view {border-top:1px solid #eff0f4;}
.table-view td {padding:15px 20px;border-bottom:1px solid #eff0f4;font-size:0.75em;vertical-align:top;}
.table-view .lh {width:25%;height:30px;padding:15px 20px 0;border-bottom:1px solid #eff0f4;background:url('/images/children/mypage/bg/left.png') 0 18px no-repeat;font-size:0.75em;font-weight:normal;text-align:center;}
.table-view .lh:first-child {background-image:none;text-align:left;}
.table-view .lh span {display:inline-block;}
.table-view .title {width:100%;padding:18px 20px;background-color:#fafafb;color:#555;}
.table-view .title p {margin-top:5px;font-weight:bold;font-size:1.125em;}
.table-view .qna {padding:23px 20px;}
.table-view .qna span {display:inline-block;*display:inline;zoom:1;width:27px;font-size:1.167em;vertical-align:top;font-weight:bold;}
.table-view .qna span+p {display:inline-block;*display:inline;zoom:1;width:565px;line-height:1.5em;}
.table-view .qna .txt-q {color:#555;}
.table-view .qna .txt-a {color:#f6552b;}
.table-view .nav-prev {border-top:1px solid #f0f0f0;}
.table-view .nav-next {border-bottom:1px solid #f0f0f0;}
*/

/*
.table-view [class*='nav-'] span {display:inline-block;width:45px;margin-right:15px;background:url('/images/children/icon/bar_athensGray_1x9.png') no-repeat right 4px;}
*/

.data > .over-hidden {
  width: 100%;
  overflow: hidden;
}

.table.table-horizontal {
  width: 100%;
  border-top: 1px solid #e0e2e9;
  margin-right: -1px;
}

.table.table-horizontal > thead > tr > th,
.table.table-horizontal > tbody > tr > th,
.table.table-horizontal > tfoot > tr > th {
  background-color: #fafafa;
  font-size: 12px;
  line-height: 16px;
  color: #777b88;
  text-align: left;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

.table.table-horizontal > tfoot > tr > th,
.table.table-horizontal > tfoot > tr > td {
  background-color: #fefeee;
}

.table.table-horizontal > thead > tr > th,
.table.table-horizontal > tbody > tr > th,
.table.table-horizontal > tfoot > tr > th {
  padding: 10px 7px 6px 19px;
  color: #333;
}

.table.table-horizontal > tbody > tr > td,
.table.table-horizontal > tfoot > tr > td {
  vertical-align: middle;
  font-size: 12px;
  padding: 15px 19px 12px 19px;
  text-align: left;
  color: #666;
  border-bottom: 1px solid #f0f0f0;
}

.table.table-horizontal > tbody > tr > td.text-left,
.table.table-horizontal > tbody > tr > th.text-left,
.table.table-horizontal > tfoot > tr > th.text-left {
  text-align: left;
  padding-left: 10px;
}

.table.table-horizontal > tbody > tr > td.text-center {
  text-align: center;
  padding-left: 10px;
}

.table.table-horizontal > tbody > tr > td.text-right {
  text-align: right;
}

.table.table-horizontal > tfoot > tr > th.text-middle {
  vertical-align: middle;
}

.table.table-horizontal > tbody > tr > th.text-middle {
  vertical-align: middle;
}

.table.table-horizontal > tbody > tr > td.text-middle {
  vertical-align: middle;
}

.table.table-horizontal > tbody > tr > th.vt-m {
  vertical-align: middle;
}

.table.table-horizontal > tbody > tr > td.mission-active {
  color: #f6552b !important;
}

.table.table-horizontal > thead > tr > th.last-child,
.table.table-horizontal > tbody > tr > th.last-child,
.table.table-horizontal > tbody > tr > td.last-child {
  border-right: 0;
}

.table.table-horizontal .btn-primary.btn-ssm {
  margin-top: -5px;
  margin-bottom: -1px;
}

.table.table-default > tbody > tr > td.text-left {
  text-align: left;
  padding-left: 10px;
}

.table.table-default > tbody > tr > td.data-disable {
  color: #999;
}

.table.table-default > tbody > tr > td.data-num {
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
}

.table.table-horizontal th .btn,
.table.table-horizontal td .btn {
  margin-top: -8px;
}

.table.table-horizontal th .form-control,
.table.table-horizontal td .form-control {
  margin-top: -8px;
  margin-bottom: -4px;
}

.table.table-horizontal th .form-control .form-control,
.table.table-horizontal td .form-control .form-control {
  margin-top: 0;
  margin-bottom: 0;
}

.table.table-horizontal td.font-clear,
.table.table-default td.font-clear {
  font-size: 100%;
}

.table.th-bgnone tbody tr th {
  background: none;
}

.table tr.bg-gray td,
.table tr.bg-gray th {
  background: #fbfbfb;
}

.table tr.bg-yellow td,
.table tr.bg-yellow th {
  background: #fefeee;
}

.table tr.tbody-heading td,
.table tr.tbody-heading th {
  background: #fefeee;
}

.table.table-default > tbody > tr.tbody-heading > td A {
  color: #333;
  font-weight: bold;
}

.table.table-horizontal > thead > tr.bg-gray > th,
.table.table-horizontal > tbody > tr.bg-gray > th {
  background: #fbfbfb;
}

.data-filter {
  padding: 14px 0 0 0;
  height: 45px;
  border-bottom: 0;
}

.data-filter:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

* html .data-filter {
  zoom: 1;
}

*:first-child + html .data-filter {
  zoom: 1;
}

.data-filter > .dropdown {
  float: left;
}

.data-filter > .filter-menu {
  float: right;
  margin-top: 5px;
  margin-right: -9px;
}

.data-filter > .filter-menu > li {
  float: left;
  background: url("../../images/children/icon/bar_alto_1x9.gif") no-repeat left 4px;
}

.data-filter > .filter-menu > li:first-child {
  background: none;
}

.data-filter > .filter-menu > li > A {
  padding: 0 9px 0 9px;
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  color: #666;
}

.data-filter > .filter-menu > li > A.active {
  padding-left: 19px;
  font-weight: bold;
  margin-left: 9px;
  background: url("../../images/children/icon/icon_arr_flaming_10x8.png") no-repeat 1px 1px;
}

.data-paging {
  line-height: 0;
  height: 43px;
  padding-top: 12px;
  text-align: center;
  font-size: 0;
  vertical-align: top;
}

.data-paging > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  vertical-align: top;
  background: url("../../images/children/icon/bar_paging.gif") no-repeat 0 14px #fff;
}

.data-paging > li > A {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  width: 36px;
  height: 24px;
  padding: 12px 0 0 0;
  color: #999;
}

.data-paging > li > A:hover,
.data-paging > li > A.active {
  color: #f6552b;
  font-weight: bold;
  text-decoration: underline;
}

.data-paging > li.first {
  background: none;
}

.data-paging > li.btn-first {
  background: none;
}

.data-paging > li.btn-prev {
  background: none;
}

.data-paging > li.btn-next {
  background: none;
}

.data-paging > li.btn-last {
  background: none;
}

.data-paging > li.btn.btn-prev {
  margin-right: -1px;
  position: relative;
  z-index: 1;
  background: #fff;
}

.data-paging > li.btn.btn-first A {
  width: 49px;
}

.data-paging > li.btn.btn-prev A {
  width: 18px;
}

.data-paging > li.btn.btn-last A {
  width: 49px;
}

.data-paging > li.btn.btn-next A {
  width: 18px;
}

.data-paging > li.btn A {
  height: 36px;
  padding-top: 0;
}

.data-paging > li.btn-first > A {
  background: url("../../images/children/icon/btn_paging_first.png") no-repeat center center;
}

.data-paging > li.btn-prev > A {
  background: url("../../images/children/icon/btn_paging_prev.png") no-repeat center center;
}

.data-paging > li.btn-next > A {
  background: url("../../images/children/icon/btn_paging_next.png") no-repeat center center;
}

.data-paging > li.btn-last > A {
  background: url("../../images/children/icon/btn_paging_last.png") no-repeat center center;
}

.data-search {
  padding: 0 112px 0 110px;
  width: 230px;
}

.data-search > .dropdown {
  position: absolute;
  top: 0;
  left: 0;
}

.data-search > .input-wrapper {
  float: left;
}

.data-search > .input-wrapper div {
  padding-right: 37px;
}

.data-search {
  position: relative;
  zoom: 1;
}

.data-search .form-control {
  width: 100%;
}

.data-search:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.data-search > .btn {
  position: absolute;
  top: 0;
  right: 0;
}

.data-search > .btn > span {
  padding-right: 4px;
  padding-left: 4px;
}

.data-views .panel-body {
  padding-top: 30px;
  padding-right: 29px;
  padding-left: 29px;
}

.data-views .data-category {
  float: left;
  color: #f6552b;
  font-size: 14px;
  line-height: 16px;
}

.data-views .data-title {
  padding: 17px 0 0 18px;
  height: 27px;
  color: #222;
  font-size: 14px;
  line-height: 16px;
  background: #fafafa;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

.data-views > .panel-heading {
  padding: 29px 0 0 0;
}

.data-views > .panel-body {
  padding: 0 0 0 0;
}

.data-views .data-info {
  padding: 8px 0 0 0;
}

.data-views .data-info dl {
  padding-top: 8px;
}

.data-views .data-info dl.col-left {
  float: left;
}

.data-views .data-info dl.col-right {
  float: right;
}

.data-views .data-info dl dt {
  float: left;
  color: #9598a0;
  padding: 2px 0 0 10px;
  margin-right: 8px;
  font-size: 12px;
  line-height: 16px;
  min-height: 29px;
  width: 58px;
  background: url("../../cs/img/bar_gray_1x11.gif") no-repeat left top;
}

.data-views .data-info dl.col-left dt {
  background: url("../../cs/img/bar_gray_1x11.gif") no-repeat right top;
}

.data-views .data-info dl dd {
  float: left;
  color: #9598a0;
  padding: 2px 18px 0 10px;
  margin-right: 8px;
  font-size: 12px;
  line-height: 16px;
}

.data-views .data-info dl.col-left dt {
  width: 38px;
  padding-left: 20px;
}

.data-views .data-info dl.col-right dt {
  padding-left: 30px;
  margin-right: 7px;
  width: auto;
}

.data-views .data-info {
  border-bottom: 1px solid #f0f0f0;
}

.data-views .data-info > .data-datetime {
  /*
    float:left;
    margin-right:8px;
    color:#9598a0;
    font-size:12px;
    lne-height:16px;
	*/
}

.data-views .data-info:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

* html .data-views > .panel-heading > .data-info {
  zoom: 1;
}

*:first-child + html .data-views > .panel-heading > .data-info {
  zoom: 1;
}

.data-views .data-author > .avatar > img {
  width: 40px;
  height: 40px;
}

.data-views .data-author > .avatar {
  float: left;
  width: 40px;
  height: 40ppx;
  margin-right: 15px;
}

.data-views .data-author:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

* html .data-views .data-author {
  zoom: 1;
}

*:first-child + html .data-views .data-author {
  zoom: 1;
}

.data-views .data-author {
  height: 60px;
}

.data-views .data-author > .cols-right {
  float: left;
}

.data-views .data-author > .cols-right > .author-name {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #222;
  padding: 6px 0 0 0;
}

.data-views .data-author > .cols-right > .add-friend {
  display: block;
  font-size: 12px;
  line-height: 16px;
  padding: 6px 0 0 0;
}

.data-views .data-author > .cols-right > .add-friend > A {
  color: #777b88;
}

.data-views .data-content {
  padding-bottom: 29px;
  color: #222;
}

.data-views .data-content .line {
  margin-top: 32px;
}

.data-views .data-content .type {
  font-family: 'NanumBarunGothic', Tahoma, sans-serif;
  font-weight: normal;
  position: absolute;
  top: 25px;
  left: 19px;
  color: #666;
  font-size: 0.88em;
}

.data-views .data-content .question .type {
  color: #666;
}

.data-views .data-content .answer .type {
  color: #f6552b;
}

.data-views .data-content .text-group {
  position: relative;
  padding-top: 25px;
  padding-left: 49px;
}

.data-views .data-content .text-group .title {
  font-size: 12px;
  padding-bottom: 20px;
  line-height: 1.667em;
  color: #666;
}

.data-views .data-content .text-group .text {
  font-size: 12px;
  line-height: 1.667em;
  color: #666;
}

.data-footer:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

* html .data-footer {
  zoom: 1;
}

*:first-child + html .data-footer {
  zoom: 1;
}

.data-views .data-footer .cols-left {
  float: left;
}

.data-views .data-footer .cols-right {
  float: right;
}

.data-views .data-footer .counter {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #f6552b;
}

.data-views .data-footer .add-like {
  float: left;
  margin-right: 11px;
}

.data-views .data-footer .add-like > button,
.data-views .data-footer .add-like > span {
  float: left;
  margin-right: 3px;
}

.data-views .data-footer .add-comment > button,
.data-views .data-footer .add-comment > span {
  float: left;
  margin-right: 3px;
}

.data-views .data-footer .add-share > button,
.data-views .data-footer .add-share > span {
  float: left;
  margin-right: 3px;
}

.data-views .data-footer .add-comment {
  float: left;
  padding-left: 11px;
  background: url("../../images/children/icon/dot_manatee_1x2.gif") no-repeat left 6px;
}

.data-views .data-footer .btn-textadd {
  font-size: 12px;
  line-height: 16px;
  color: #777b88;
  border: 0;
  background: none;
}

.data-views .data-footer .add-comment > .counter {
  color: #777b88;
}

.data-views .data-footer .add-share > .counter {
  color: #777b88;
  margin-right: 10px;
}

.data-views .data-footer .add-share > .shared-player {
  float: left;
  margin-top: -5px;
}

.data-views .data-footer .add-share > .shared-player > A {
  float: left;
  margin-right: 5px;
}

.message > .stream {
  position: relative;
  margin-bottom: 15px;
}

.message > .stream > .avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
}

.message > .stream > .avatar > img {
  width: 25px;
  height: 25px;
}

.message > .stream > .cols-right {
  padding: 0 0 0 40px;
}

.message > .stream .player-name {
  display: block;
  font-size: 12px;
  line-height: 16px;
}

.message > .stream .message-contetnt {
  padding: 8px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  word-break: break-all;
  word-wrap: break-word;
}

.message > .stream .message-info {
  padding: 8px 0 0 0;
}

.message > .stream .message-info:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

* html .message > .stream .message-info {
  zoom: 1;
}

*:first-child + html .message > .stream .message-info {
  zoom: 1;
}

.message > .stream .message-info > time {
  float: left;
  font-size: 12px;
  line-height: 16px;
  color: #9598a0;
}

.message > .stream .message-info > .btn-textadd {
  float: left;
  font-size: 12px;
  line-height: 16px;
  color: #9598a0;
  border: 0;
  background: none;
}

.message > .btn-textmore {
  padding: 0 13px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #9598a0;
  border: 0;
  margin: 0 0 15px 0;
  background: url("../../billing//img/icon//icon_osloGray_5x3.gif") no-repeat right 5px;
}

.message > .enter-message {
  height: 30px;
  border: 1px solid #e0e2e9;
}

.message > .enter-message > .editor > .placehoder {
  font-size: 12px;
  padding: 9px 0 0 10px;
  line-height: 16px;
  color: #92979c;
}

.data-write .editor-lg {
  height: 476px;
}

.data-tilestyle > .wrapper > article {
  float: left;
  position: relative;
  width: 200px;
  height: 201px;
  margin-right: 20px;
}

.data-tilestyle > .panel-line {
  clear: both;
  float: left;
}

.data-tilestyle > .wrapper {
  width: 120%;
}

.data-tilestyle > .wrapper > article > A {
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  left: top;
  width: 200px;
  height: 175px;
}

.data-tilestyle > .wrapper > article > .backdrop {
  width: 200px;
  height: 116px;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.data-tilestyle > .wrapper > article > .data-info {
  width: 200px;
  height: 101px;
  position: absolute;
  top: 0;
  left: 0;
}

.data-tilestyle > .wrapper > article > .data-info {
  padding: 15px 0 0 14px;
}

.data-tilestyle > .wrapper > article > .data-info > .data-name {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #fff;
}

.data-tilestyle > .wrapper > article > .data-info > .player-name {
  padding: 8px 0 0 0;
  font-size: 12px;
  line-height: 16px;
  color: #a8aaae;
}

.data-tilestyle > .wrapper > article > figure > img {
  width: 200px;
  height: 216p;
}

.data-tilestyle > .wrapper > article > figure > figcaption {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.25em;
  color: #222222;
}

.data-tilestyle > .wrapper > article > figure > time {
  padding: 5px 0 0 0;
  font-weight: bold;
  font-size: 0.752em;
  line-height: 16px;
  color: #9598a0;
}

.data-tilestyle > .wrapper > article > .data-info .counter {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #f6552b;
}

.data-tilestyle > .wrapper > article > .data-info > .add > .add-comment > .counter {
  color: #a8aaae;
}

.data-tilestyle > .wrapper > article > .data-info .btn-textadd {
  font-size: 12px;
  line-height: 16px;
  color: #777b88;
  border: 0;
  background: none;
}

.data-tilestyle > .wrapper > article > .data-info > .add {
  padding-bottom: 15px;
  position: absolute;
  bottom: 0;
  left: 14px;
}

.data-tilestyle > .wrapper > article > .data-info > .add-like > .icon,
.data-tilestyle > .wrapper > article > .data-info > .add-like > span {
  float: left;
  margin-right: 3px;
}

.data-tilestyle > .wrapper > article > .data-info > .add-comment > .icon,
.data-tilestyle > .wrapper > article > .data-info > .add-comment > span {
  float: left;
  margin-right: 3px;
}

.data-tilestyle > .wrapper > article > .data-info > .add-share > .icon,
.data-tilestyle > .wrapper > article > .data-info > .add-share > span {
  float: left;
  margin-right: 3px;
}

.data-tilestyle > .wrapper > article > .data-info > .add-comment {
  float: left;
  padding-left: 11px;
  background: url("../../images/children/icon/dot_manatee_1x2.gif") no-repeat left 6px;
}

.table.td-center > tbody > tr > td {
  text-align: center;
}

.table.table-horizontal th label .btn,
.table.table-horizontal td label .btn {
  margin-top: 0;
}

.table.table-horizontal > thead > tr > th,
.table.table-horizontal > tbody > tr > th,
.table.table-horizontal > tfoot > tr > th {
  text-align: center;
}

.text-lg {
  font-size: 1.125em !important;
}

.text-xlg {
  font-size: 22px !important;
}

.text-sm {
  font-size: 0.7em !important;
}

.table td .text-normal {
  font-size: 12px !important;
}

.table .text-lg {
  display: inline-block;
  margin-top: -3px;
  margin-bottom: -3px;
}

.table td .num.text-lg {
  padding-top: 1px;
  display: inline-block;
}

.table.table-default > tbody > tr > td.title {
  text-align: left;
}

html .wrapper {
  background-color: #fff !important;
}

.form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
}

.form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}

.form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
}

.form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}

.service-qa-group .panel-body {
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 60px;
}

#page-header > .wrapper > .app-title {
  padding: 27px 0 0 0;
  font-size: 1.625em;
  height: 47px;
}

#page-header {
  width: 980px;
  margin: 0 auto;
}

.btn-point.btn-ssm {
  padding: 0 0 0 4px;
  display: inline-block;
}

.btn-point.btn-ssm > span {
  display: block;
  min-width: 58px;
  height: 20px;
  padding: 4px 5px 0 5px;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  position: relative;
  text-align: center;
  color: #fff;
}

.btn-login.btn-ssm {
  padding: 0 0 0 4px;
  margin-right: 4px;
  display: inline-block;
  background-color: #212c52;
  border: 1px solid #293038;
  border-radius: 4px;
}

.btn-login.btn-ssm > span {
  display: block;
  min-width: 58px;
  height: 20px;
  padding: 4px 5px 0 5px;
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  position: relative;
  text-align: center;
  color: #fff;
}

.tab.tabs-nav > .nav-bar {
  margin-bottom: 20px;
}

.tab.tabs-nav > .nav-bar > ul > li {
  width: 293px;
}

.tab.tabs-nav > .nav-bar > ul > li:first-child {
  width: 96px;
}

.tab.tabs-nav > .nav-bar > ul > li A {
  padding-top: 12px;
  height: 29px;
  padding-bottom: 0;
  font-size: 14px;
  color: #666666;
  min-width: 55px;
  padding-right: 20px;
  padding-left: 20px;
  background: #fbfbfb;
  border-top: 0;
}

.tab.tabs-nav > .nav-bar > ul > li.active > A {
  padding-top: 12px;
  height: 28px;
  color: #333333;
  padding-bottom: 0;
  border-top: 0;
  background: #fff;
  border-bottom: 2px solid #f0562d;
}

.tab.tabs-nav > .nav-bar > ul > li {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

.tab.tabs-nav > .nav-bar > ul > li.active {
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

.tab.tabs-nav > .nav-bar {
  background: #fbfbfb;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}

.line {
  border-top: 1px solid #f0f0f0;
}

.form-horizontal {
  overflow: hidden;
  padding-top: 11px;
}

.form-horizontal .text-hyp {
  font-size: 12px;
  line-height: 1.667em;
  padding: 0 0 0 20px;
  color: #999999;
  background: url("../../images/children/bar_2x1.gif") no-repeat 8px 10px;
}

.children-manage .section-header {
  background: url("../../images/children/bg_children_manage.png") -1px -2px no-repeat;
  padding: 41px 0 0 381px;
  width: 641px;
  height: 192px;
}

.children-manage .section-header h2 {
  margin-bottom: 17px;
  font-weight: normal;
  font-size: 28px;
  line-height: 1.27em;
}

.children-manage .section-header p {
  margin-bottom: 7px;
  color: #666666;
  font-size: 12px;
  line-height: 1.667em;
}

.children-manage .section-header p.text-info {
  color: #333333;
}

.children-manage .section-take {
  padding: 29px 40px 0 40px;
  height: 221px;
  background-color: #c8ecff;
}

.children-manage .section-take h3 {
  margin-bottom: 14px;
}

.children-manage .section-take .step-box {
  padding: 0 20px 0 20px;
}

.children-manage .section-take .step-box ol {
  overflow: hidden;
}

.children-manage .section-take .step-box ol li {
  position: relative;
  float: left;
  margin-left: 12px;
  padding-top: 111px;
  width: 217px;
}

.children-manage .section-take .step-box ol li:first-child {
  width: 216px;
}

.children-manage .section-take .step-box ol li .arrow {
  display: block;
  position: absolute;
  top: 43px;
  left: -14px;
  margin-top: 0;
  width: 15px;
  height: 24px;
  background: url("../../images/children/bg_arrow_right.png") 0 50% no-repeat;
}

.children-manage .section-take .step-box ol li p {
  color: #333333;
  font-size: 14px;
  padding-top: 0;
  line-height: 1.286em;
  text-align: center;
}

.children-manage .section-take .step-box ol li p .btn {
  margin-top: 8px;
}

.children-manage .section-take .step-box ol li p .btn > span {
  min-width: 49px;
}

.children-manage .section-take .step-box ol li.step-01 {
  width: 215px;
  background: url("../../images/children/bg_step_01.png") 54px 7px no-repeat;
}

.children-manage .section-take .step-box ol li.step-02 {
  width: 217px;
  background: url("../../images/children/bg_step_02.png") 54px 0 no-repeat;
}

.children-manage .section-take .step-box ol li.step-03 {
  width: 217px;
  background: url("../../images/children/bg_step_03.png") 54px 7px no-repeat;
}

.children-manage .section-take .step-box ol li.step-04 {
  width: 216px;
  background: url("../../images/children/bg_step_04.png") 54px 7px no-repeat;
}

.children-manage .section-take .step-box ol li:first-child {
  margin-left: 0;
}

.children-manage .section-questions {
  padding: 27px 40px 40px 40px;
}

.children-manage .section-questions h3 {
  margin-bottom: 14px;
}

.take-history .panel-content {
  padding: 30px 40px 50px 40px;
}

.take-history .panel-content h3 {
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 1.167em;
}

.take-history .panel-content h3 small {
  margin-left: 6px;
  padding-left: 10px;
  color: #999999;
  font-size: 12px;
  line-height: 1.167em;
  background: url("../../images/children/icon/bar_table_default_th.gif") no-repeat 0 4px;
}

.take-history .panel-content h4.bul-arrow {
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  background: url("../../images/children/icon/icon_arr_point_5x4.png") no-repeat 0 5px;
}

.take-history .panel-content .section-item {
  overflow: hidden;
  margin-bottom: 37px;
}

.take-history .panel-content .section-item .form-data {
  padding: 15px 0 14px 0;
}

.take-history .panel-content .section-item .form-data ul {
  overflow: hidden;
}

.take-history .panel-content .section-item .form-data ul li {
  float: left;
  width: 277px;
  font-size: 14px;
  width: 33.3%;
  background: url("../../images/children/icon/bar_table_default_th.gif") repeat-y 0 0;
}

.take-history .panel-content .section-item .form-data ul li:first-child {
  background: none;
}

.take-history .panel-content .section-item .form-data label.form-label {
  display: block;
  margin-left: 20px;
}

.take-history .panel-content .section-item .form-data ul li .sup-box {
  overflow: hidden;
  display: block;
}

.take-history .panel-content .section-item .form-data ul li .sup-box {
  padding-top: 3px;
}

.take-history .panel-content .section-item .form-data ul li .sup-box:first-child {
  padding-top: 0;
}

.take-history .panel-content .section-item .form-data ul li .sup-box .btn {
  float: left;
}

.take-history .panel-content .section-item .form-data ul li .sup-box span {
  float: left;
  line-height: 1.27em;
  margin-top: -3px;
}

.take-history .panel-content .section-item .form-data ul li .sup-box small {
  display: block;
  padding-left: 20px;
  color: #999999;
  font-size: 14px;
  line-height: 20px;
}

.take-history .panel-content .section-times {
  overflow: hidden;
  position: relative;
}

.take-history .panel-content .section-times .heading {
  overflow: hidden;
}

.take-history .panel-content .section-times .heading h3 {
  float: left;
}

.take-history .panel-content .section-times .heading span {
  float: left;
  font-size: 12px;
  color: #999999;
}

.take-history .panel-content .section-times h4.bul-arrow {
  padding: 14px 0 14px 24px;
  background-position: 10px 19px;
}

.take-history .panel-content .section-times .sub-category {
  position: absolute;
  top: 45px;
  right: 0;
}

.take-history .panel-content .section-times .radio-group {
  overflow: hidden;
  position: absolute;
  top: 26px;
  right: 10px;
}

.take-history .panel-content .section-times .radio-group div {
  float: right;
  height: 30px;
  padding-top: 14px;
}

.take-history .panel-content .section-times .radio-group .form-label {
  margin-left: 6px;
}

.take-history .panel-content .section-times .radio-group .form-label .btn {
  float: left;
}

.take-history .panel-content .section-times .radio-group .form-label span {
  float: left;
  font-size: 12px;
  color: #666666;
  line-height: 1.27em;
}

.take-history .panel-content .section-times .game-list {
  padding-top: 15px;
  padding-left: 0;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.take-history .panel-content .section-times .game-list .dropdown {
  margin-bottom: 15px;
  margin-left: 20px;
}

.take-history .panel-content .section-times .sub-category .form-label {
  margin-right: 10px;
  font-size: 12px;
  line-height: 1.25em;
}

.take-history .panel-content .section-times .game-history {
  overflow: hidden;
}

.take-history .table.table-schedule {
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}

.take-history .table.table-schedule > thead > tr > th {
  background-color: #fefeee;
}

.take-history .table.table-schedule > tbody > tr > th {
  padding: 11px 0 0 0;
  height: 22px;
  color: #777b88;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid #e4e4e4;
  background-color: #fafafa;
  text-align: center;
}

.take-history .table.table-schedule > tbody > tr > td {
  padding: 0;
  border-left: 1px solid #e4e4e4;
}

.take-history .table.table-schedule > tbody > tr > td span {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  height: 33px;
}

.take-history .table.table-schedule > tbody > tr > td .possible {
  background-color: #c5e4f9;
}

.take-history .table.table-schedule > tbody > tr > td .imposs {
  background-color: #fdbcad;
}

.take-history .table.table-schedule > tbody > tr > td .shutout {
  background-color: #b7b7b8;
}

.table-schedule thead th div {
  position: relative;
  height: 34px;
}

.take-history .table.table-schedule > thead > tr > th div span {
  display: block;
  position: absolute;
  top: 11px;
  width: 30px;
  left: -16px;
  text-align: center;
}

.take-history .table.table-schedule > thead > tr > th div span.hour-0,
.take-history .table.table-schedule > thead > tr > th div span.hour-1,
.take-history .table.table-schedule > thead > tr > th div span.hour-2,
.take-history .table.table-schedule > thead > tr > th div span.hour-3,
.take-history .table.table-schedule > thead > tr > th div span.hour-4,
.take-history .table.table-schedule > thead > tr > th div span.hour-5,
.take-history .table.table-schedule > thead > tr > th div span.hour-6,
.take-history .table.table-schedule > thead > tr > th div span.hour-7,
.take-history .table.table-schedule > thead > tr > th div span.hour-8,
.take-history .table.table-schedule > thead > tr > th div span.hour-9 {
  left: -13px;
}

.take-history .table.table-schedule > thead > tr > th div span.hour-24 {
  top: 11px;
  width: auto;
  left: auto;
  right: 0;
}

.take-history .table.table-schedule > thead > tr > th.last div span.hour-24 {
  top: 11px;
  left: -5px;
  right: auto;
  width: auto;
}

.take-history .table.table-schedule > thead > tr > th {
  vertical-align: middle;
  text-align: center;
}

.take-history .table.table-schedule > thead > tr > th > span {
  padding-top: 0;
  display: inline;
  height: auto;
}

.take-history .panel-content .section-times .schedule-hyp {
  overflow: hidden;
  padding: 13px 0 15px 0;
  text-align: right;
}

.take-history .panel-content .section-times .schedule-hyp span {
  display: inline-block;
  padding-right: 10px;
  padding-left: 23px;
  color: #666666;
  font-size: 12px;
  line-height: 1.25em;
}

.take-history .panel-content .section-times .schedule-hyp span.icon-possible {
  background: url("../../images/children/icon_possible.png") 0 0 no-repeat;
}

.take-history .panel-content .section-times .schedule-hyp span.icon-imposs {
  background: url("../../images/children/icon_imposs.png") 0 0 no-repeat;
}

.take-history .panel-content .section-times .schedule-hyp span.icon-shutout {
  background: url("../../images/children/icon_shutout.png") 0 0 no-repeat;
}

.text.text-noti {
  height: 42px;
  padding-left: 10px;
  font-size: 12px;
  margin-top: 9px;
  color: #999999;
  background: url("../../images/children/bar_2x1.gif") no-repeat left 7px;
}

.panel .panel-heading {
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}

.take-history .panel-heading {
  margin-top: -3px;
  padding-bottom: 3px;
}

.panel .panel-heading > .panel-title {
  float: left;
  padding-top: 0;
  padding-left: 0;
  border: 0;
  color: #333;
  font-weight: bold !important;
}

.panel .panel-heading > span,
.take-history .panel-content .section-times .heading span {
  float: left;
  background: rgba(0, 0, 0, 0) url("../../images/children/icon/bar_table_default_th.gif") no-repeat scroll 0 3px;
  color: #999999;
  font-size: 12px;
  line-height: 1.167em;
  margin-left: 10px;
  padding-left: 10px;
}

.panel .tab {
  margin-bottom: 30px;
}

.panel .tab > .nav-bar > ul > li A {
  padding-top: 15px;
  height: 25px;
  padding-bottom: 0;
  font-size: 12px;
  color: #666666;
  min-width: 172px;
  padding-right: 20px;
  padding-left: 20px;
  color: #999999;
  font-weight: bold;
  background: #f7f7f7;
  border-top: 1px solid #dbdbdb;
}

.panel .tab > .nav-bar > ul > li.active > A {
  padding-top: 15px;
  height: 24px;
  color: #333;
  background: #fff;
  padding-bottom: 0;
  border-bottom: 0;
  border-top: 3px solid #f6552b;
}

.tab > .nav-bar > ul > li.active {
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
}

.panel .tab > .nav-bar {
  border-bottom: 1px solid #dbdbdb;
  border-right: 0;
}

.panel .tab > .nav-bar {
  border-top: 0;
}

.panel .tab.ranking > .nav-bar > ul > li A {
  border-top: 1px solid #dbdbdb;
}

.page-content .panel-comment-list .writer-area .btn {
  float: left;
  margin-top: 0;
}

.page-content .tab > .nav-bar > ul > li {
  min-width: 173px;
}

.tab dl.date {
  position: absolute;
  top: 17px;
  right: 0;
}

.tab dl.date dt {
  float: left;
  padding-right: 6px;
  margin-right: 10px;
  font-size: 12px;
  color: #333333;
  background: url("../../images/children/bar_gray_1x11.gif") no-repeat right 4px;
}

.tab dl.date dd {
  float: left;
  font-size: 12px;
  color: #f6552b;
}

.data-state {
  padding-bottom: 27px;
  position: relative;
}

.data-state .icon {
  width: 213px;
  height: 135px;
  display: block;
  margin: 0 auto;
}

.data-state .icon.icon-smile {
  background-position: center 40px;
}

.data-state .icon.icon-coin {
  background-position: center 50px;
}

.data-state .result {
  font-size: 16px;
  color: #333333;
  text-align: center;
}

.data-state .text {
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  text-align: center;
}

.panel-nodata .text.text-noti {
  height: auto;
}

.list.list-hyp.list-noti {
  padding-top: 15px;
}

.panel-auth .panel-body {
  padding-left: 40px;
  padding-bottom: 50px;
  padding-right: 40px;
}

.portlet-gray {
  border-top: 1px solid #f0f0f0;
  background: #fafafa;
}

.portlet-gray .portlet-body {
  padding: 15px 20px 18px 20px;
  overflow: hidden;
}

.portlet-auth .heading {
  font-size: 0.88em;
  padding-top: 13px;
  color: #333333;
  height: 44px;
  text-align: center;
}

.portlet-auth .radio-group {
  text-align: center;
  height: 42px;
}

.portlet-auth .radio-group .form-label:first-child {
  margin-right: 30px;
}

.portlet-auth .form-text {
  font-size: 0.88em;
  line-height: 1.8em;
  padding-left: 0;
  color: #333333;
}

.portlet-auth .text {
  font-size: 12px;
  color: #999999;
  line-height: 1.5em;
  padding-top: 11px;
}

.portlet-auth .line {
  border-top: 1px solid #f0f0f0;
}

.portlet-auth .auth-left {
  float: left;
  border-right: 1px solid #f0f0f0;
  width: 431px;
  padding-left: 0;
  padding-right: 20px;
  padding-bottom: 10px;
  margin-right: -1px;
}

.portlet-auth .auth-right {
  float: left;
  border-left: 1px solid #f0f0f0;
  width: 430px;
  padding-left: 20px;
  padding-right: 0;
  padding-bottom: 10px;
}

.portlet-auth .auth-right .form-control {
  width: 403px;
}

.portlet-auth .input {
  height: 55px;
  margin-top: -13px;
}

.panel-auth .data-state .icon.icon-smile {
  background-position: center 0;
  height: 95px;
}

.panel-auth .data-state .result {
  font-size: 16px;
  color: #333;
  text-align: center;
}

.panel-auth .data-state .text {
  padding-top: 8px;
  font-size: 0.88em;
  color: #333;
  line-height: 1.429em;
  font-weight: normal;
  text-align: center;
}

.panel-auth .panel-heading {
  border: 0;
}

.panel-auth .panel-heading > .panel-title {
  float: none;
  height: 48px;
  padding-top: 45px;
  font-weight: normal  !important;
  text-align: center;
  font-size: 28px;
}

.panel-auth .noti {
  padding-left: 10px;
  padding-bottom: 24px;
  padding-top: 28px;
}

.panel-auth .noti h3 {
  font-size: 0.88em;
  padding-left: 10px;
  font-weight: normal;
  color: #333;
}

.consent {
  padding-top: 15px;
  padding-bottom: 13px;
  text-align: center;
}

.consent label {
  overflow: hidden;
  display: inline-block;
}

.consent button {
  float: left;
}

.consent .form-text {
  float: left;
  padding-left: 4px;
  font-size: 0.88em;
  line-height: 1.27em;
  margin-top: 0px;
  color: #333333;
}

.noti .list.list-hyp.list-noti {
  padding-top: 11px;
}

.noti .list.list-hyp li {
  padding-bottom: 4px;
}

.header .nav--utill .nav__items__item a img {
  float: left;
}

.profile--base-a.profile--shape-a {
  float: left;
}

.form-actions {
  padding-top: 25px;
}

.footer .dropdown {
  position: relative;
  display: inline-block;
  margin: 0;
  width: auto;
  border: 0;
  border-radius: 0;
  background: none;
}

.footer .dropdown.open .dropdown__menu,
.footer .dropdown.open .dropdown__child {
  display: block;
}

.footer .dropdown.up .dropdown__menu,
.footer .dropdown.up .dropdown__child {
  top: auto;
  bottom: 100%;
}

.footer .dropdown.right .dropdown__menu,
.footer .dropdown.right .dropdown__child {
  left: auto;
  right: 0;
}

.footer .dropdown__menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 5px 0;
  min-width: 125px;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  border: 1px solid #c2c2c2;
  font-size: 12px;
  text-align: left;
  line-height: 1;
}

.footer .dropdown__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer .dropdown__menu ul a {
  display: block;
  padding: 9px 15px;
  color: #666;
  text-decoration: none;
}

.footer .dropdown__menu ul a:hover {
  color: #333;
  background-color: #f7f7f7;
}

.footer .dropdown__child {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.footer .dropdown--inline {
  display: inline-block;
  position: static;
}

.header .dropdown {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  border-radius: 0;
  background: none;
}

.header .dropdown.open .dropdown__menu,
.header .dropdown.open .dropdown__child {
  display: block;
}

.header .dropdown.up .dropdown__menu,
.header .dropdown.up .dropdown__child {
  top: auto;
  bottom: 100%;
}

.header .dropdown.right .dropdown__menu,
.header .dropdown.right .dropdown__child {
  left: auto;
  right: 0;
}

.header .dropdown__menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 5px 0;
  min-width: 125px;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
  border: 1px solid #c2c2c2;
  font-size: 12px;
  text-align: left;
  line-height: 1;
}

.header .dropdown__menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header .dropdown__menu ul a {
  display: block;
  padding: 9px 15px;
  color: #666;
  text-decoration: none;
}

.header .dropdown__menu ul a:hover {
  color: #333;
  background-color: #f7f7f7;
}

.header .dropdown__child {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.header .dropdown--inline {
  display: inline-block;
  position: static;
}

.footer-notice__list__link {
  font-size: 12px;
}

.table.table-default > thead > tr > th > span,
.table.table-default > thead > tr > th > strong {
  text-align: center;
}

.section-select {
  padding-bottom: 15px;
  margin-bottom: 23px;
}

.section-select .line {
  margin-top: 15px;
}

.section-select .dropdown {
  margin-left: 19px;
  margin-top: 15px;
}

.take-history .panel-content .section-select .radio-group {
  float: right;
  padding-top: 10px;
}

.take-history .panel-content .section-select .radio-group div {
  float: right;
  height: 30px;
  padding-top: 14px;
}

.take-history .panel-content .section-select .radio-group .form-label {
  margin-left: 6px;
}

.take-history .panel-content .section-select .radio-group .form-label .btn {
  float: left;
}

.take-history .panel-content .section-select .radio-group .form-label span {
  float: left;
  font-size: 12px;
  color: #666666;
  line-height: 1.27em;
}

.dialog--alert {
  background: #fff;
}

.dialog--center {
  left: 50%;
  margin-left: -160px;
  position: fixed;
  top: 30%;
  z-index: 101;
}

.dialog--nickname {
  position: fixed;
  border: 1px solid #767676;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 101;
  font-size: 14px;
  color: #666;
  line-height: normal;
  font-weight: normal;
}

.dialog--nickname .nickname__info th {
  vertical-align: middle;
}

.dialog--nickname .nickname__info td {
  vertical-align: middle;
}

.isCampaign .layout-header {
  height: 189px !important;
}

.panel-layout .content-wrapper > .panel-content {
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 48px;
  padding-bottom: 48px;
}

.panel-layout .content-wrapper > .panel-content .panel-title {
  float: none;
  font-size: 20px;
  padding-bottom: 0;
  text-align: center;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  border: 0;
}

.wrapper--full {
  background: #fff;
  overflow: hidden;
  min-height: 100%;
}

.header-member.cn {
  margin-bottom: 40px;
}

.header-member.cn img {
  width: 206px;
}

.header-member > a {
  display: block;
  max-width: 944px;
  margin: 0 auto;
  pointer-events: none;
}

.header-member > a img {
  width: auto;
}

.header-member > a.size-2x img {
  width: 380px;
}

.header-member .formbox--shape-g {
  margin: 0 -412px 40px 0;
}

.header-member {
  margin: 100px 0 30px 0;
  text-align: center;
}

.stds-captcha {
  --stds-glob-color-gray40: #f5f5f5;
}

.stds-captcha .flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: flex-end;
  align-content: normal;
  min-height: 100px;
}

.stds-captcha p {
  color: #666666;
  font-size: 12px;
  line-height: 18px;
  margin-top: 12px;
}

.stds-captcha .stds-input-wrapper {
  height: 44px;
  background-color: var(--stds-glob-color-gray40);
}

.stds-captcha .stds-input-wrapper input:focus-within {
  border: 1px solid #999999;
}

.stds-captcha .stds-input-wrapper input {
  color: #333;
}

.stds-captcha button {
  width: 24px;
  height: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #73757c;
  border: 1px solid #6b6b73;
}

.stds-captcha button i {
  width: 24px;
  height: 24px;
  display: block;
}

.stds-captcha button i::before {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background: url("../../images/member/icon/ic_control_update.svg") no-repeat center center;
}

.stds-captcha img {
  margin-right: 12px;
}